@charset "utf-8";

/* CSS Document */

/* ----------------------------------------------------------- */

/* Created by - Abhaya
   Modify by-
/* ----------------------------------------------------------- */

/* Table of Content
==================================================
	01. Login page
    02. Header
	    - Logo
		- Setting-Message
	03. Dashboard
		-Dashboard column
	04. Dashboad Inner
		-Main Menu
		-Mainheading-breadcrumb
		-Mainheading
		-Breadcrumb
		-Article container

	23. Footer

*/

/* Import Section
====================================================================== */

/*@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
*/

/*@import url('https://fonts.googleapis.com/css?family=Montserrat');*/

/*@import url('https://fonts.googleapis.com/css?family=Arimo|Montserrat');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');*/

/*====================================================================*/

*,
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
/* ----------------------------------------------------------- */

/* Reset and Clearfix */

/* ----------------------------------------------------------- */

.clear {
  clear: both;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.clearfix:after,
.container:after {
  clear: both;
}
/* ----------------------------------------------------------- */

/*The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
/* ----------------------------------------------------------- */

.clearfix,
.container {
  zoom: 1;
}
/* ----------------------------------------------------------- */

/*--------------------common css----------------------*/

/* Basic Element
/* ----------------------------------------------------------- */

a,
a > {} a:hover,
       a >:hover {} article,
                    aside,
                    details,
                    figcaption,
                    figure,
                    footer,
                    header,
                    hgroup,
                    menu,
                    nav,
                    section {
                      display: block;
                    }
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  background-color: #e9ecef !important;
  color: #919aa3 !important;
  margin: 0;
  padding: 0;
  /*font-family: 'Poppins', sans-serif !important;*/
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a,
input,
button,
img,
li {
  transition: all 0.2s ease-in-out 0s;
}

/*------------------text color-------------------*/
/*----------------------css for login Page------------------------*/
.login-container {
  /* background: url(../images/login-bg.png) #ffffff right top no-repeat !important; */
  /*height: 100vh;*/

  background-size: cover;
  background-repeat: no-repeat;
  /*background-image: linear-gradient(-135deg, #114b8d 0%, #114b8d) !important;*/
  /*background: url('../images/bg_landing.jpg') !important;*/
  position: relative;
  /* -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); */
  /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); */
  /* border-radius: 4px; */
}
.login-container:before {
  position: absolute;
  content: '';
  background-image: linear-gradient(to right, rgba(193,0,0, 0.85), rgba(193,0,0, 0.85), rgba(193,0,0, 0.80), rgba(193,0,0, 0.80), rgba(193,0,0, 0.85));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: rgba(125,1,168,0.93); */
}
.login-form {
  height: 100vh;
  /* margin-right: -15px; */
}
.mat-form-field{
  width: 100%;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0,0,0,0.17) !important; ;
}
.mat-form-field-appearance-outline:hover .mat-form-field-outline {
  color: rgba(193,0,0,1) !important; ;
}
.mat-input-element {
  caret-color: #114b8d !important;
}
.mat-form-field.mat-focused .mat-form-field-label{
  color: #c10000 !important;
}
/*-------------------------css for leftside bar--------------------------------------*/
.sidebar {
  width: 250px;
  background: #c10000;
  position: fixed;
  height: 100%;
  z-index: 999;
  top: 0;
}
.sidebar-header {
  /* height: 56px; */
  background: rgba(255,255,255,1);
  padding-top: 5px;
  padding-bottom: 5px;
}
.sidebar-menu .mat-expansion-panel {
  background: none !important;
  color: rgba(255,255,255,0.7);
}
.mat-expansion-indicator::after, .mat-expansion-panel-header-description {
  color: rgba(255,255,255,0.7) !important;
}
.sidebar-menu .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none !important;
}
.sidebar-menu .mat-expanded .mat-expansion-panel-header, .sidebar-menu .mat-expansion-panel-header:hover {
  /*background: rgba(0,0,0,0.2) !important;*/
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 2rem !important;
  transition: all 0.35s ease;
}
.sidebar-menu mat-accordion .mat-expansion-panel-header-title {
  font-size: 14px !important;
  font-weight: normal !important;
  display: flex;
  font-family: 'Quicksand', sans-serif !important;
  /*font-family: 'Poppins', sans-serif !important;*/
}
.sidebar-menu .mat-expansion-panel-header-title {
  color: rgba(255,255,255,0.7) !important;
  font-family: 'Quicksand', sans-serif !important;
}
.sidebar-menu  ul li a {

  color: rgba(255,255,255,0.7);
  padding: 0px 15px 0px 60px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
  font-family: 'Quicksand', sans-serif !important;
  border-radius: 2rem;
  position: relative;
  height: 48px;
  line-height: 48px !important;

}
.sidebar-menu  ul li a:hover, .sidebar-menu  ul li a.active {
  /*background: rgba(0,0,0,0.2) !important;*/
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2) !important;

}
.sidebar ul li span.img-small {
  margin: 0px 0 0px 0px;
  width: 35px;
  display: inline-block;
  transition: all 0.35s ease;
}
.sidebar-menu ul li a.active .img-small, .sidebar-menu .mat-expansion-panel-header.mat-expanded .img-small {
  background: #fff;
  border-radius: 50% !important;
  color: #c10000;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease;
}
.sidebar-menu ul li  .img-small {
  background: none;
  border-radius: 50% !important;
  color: rgba(255,255,255,0.8);
  padding: 10px;
  transition: all 0.35s ease;
}
.sidebar ul li span.img-small {
  height: 48px;
  width: 48px !important;
  position: absolute;
  left: 0;
  top:0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-menu  ul li {
  margin-bottom: 8px;
}
.sidebar-menu .mat-expansion-panel-header {
  display: flex;
  width: 100%;
  align-items: center;
}
.sidebar-menu .mat-expansion-panel, .sidebar-menu .mat-expansion-panel-header {
  border: 0px solid #fff;
}
.sidebar-menu .mat-expansion-panel-header {
  /*padding: 10px 15px !important;*/
  padding: 11px 15px 11px 60px;
  /*border-bottom: 1px solid #ced4da;*/
  border-radius: 0 !important;
  transition: all 0.35s ease;
  /*font-weight: bold;*/
}
.slide-nav a {
  color: #c10000;
}
.sidebar-menu {
  padding: 15px;
}
.sidebar-menu  ul li ul li a {
  padding: 10px 15px 10px 40px !important;
  height: auto !important;
  line-height: 24px !important;
}
.sidebar-menu  ul li ul li a:hover{
  background: none !important;
}
.sidebar ul li ul li span.img-small, .sidebar-menu .mat-expansion-panel-header.mat-expanded ul li  .img-small, .sidebar-menu ul li ul li a.active .img-small{
    width: 30px !important;
  height: 30px !important;
  top:5px !important;
  background: none;
  color: #fff !important;
}
.sidebar-menu ul li ul li a.active {
  background: none !important;
  color: #fff !important;
}
.sidebar-menu ul li ul li a:hover{
  color: #fff !important;
}
.sidebar-menu ul li ul li {
  margin-bottom: 0 !important;
}

  /*----------------- css for header-----------------------------*/
header {
  box-shadow: 6px 0px 6px rgba(31,30,47,0.2);
  background: #fff;
  padding: 10px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  height: 71px;
  display: flex !important;
  align-items: center;
  top:0;
}
.slide-nav {
  margin-left: 240px;
}
.profile img {
  width: 50px;
}
.infobar-icon {
  background-color: rgba(7, 108, 178, 0.1);
  color: #c10000;
  border-radius: 50%;
  display: flex;
  line-height: 40px;
  width: 40px;
  height: 40px;
  padding: 10px;
}
.profile span {
  position: absolute;
  bottom: -15px;
  width: 100%;
  left: 0;
  text-align: center;
}
/*----------------css for content section----------------------*/
.content-section {
  padding-top: 60px;
  margin-left: 260px;
  min-height: calc(100vh - 80px);
}

.card {
  /*-webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05) !important;*/
  /*box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05) !important;*/
  background-color: #ffffff;
  border: 0px solid #fff !important;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21) !important;*/
  /*border: 1px solid rgba(0, 0, 0, 0.125) !important;*/
  box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07) !important;
  border-radius: 6px !important;
}
.card-header {
  padding: 10px 15px !important;
  /* border-bottom: 1px solid #ebedf2 !important; */
  border-bottom: 1px solid #e6e7ec !important;
  font-size: 18px !important;
}
.form-control {
  font-size: 14px !important;
}
/*---------------------------css for table ------------------------------*/
table th {
  font-weight: 500 !important;
}
table th, table td{
  font-size: 14px !important;
  padding: 10px !important;
}
/*----------------------css for breadcrumb section -----------------*/
.breadcrumb-section{
  background: none !important;
}
#wrapper .breadcrumb {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.page-heading h1 {
  /*color: rgba(0,0,0,0.8);*/
  color: #3b3f5c;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 500 !important;
}
.border-bottom-color:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background: #114b8d;

}
/*-----------------------css  for footer --------------------*/
footer {
  margin-left: 230px;
  font-family: 'Quicksand', sans-serif !important;
}

/*-----------------------css for listing-------------------------------------------*/
.item-content {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  padding: .75rem .625rem;
  position: relative;
  display: inline-flex;
  min-width: 0;
  word-wrap: break-word;
  justify-content: space-between;
  background: #fff;
  margin-bottom: 8px;
  border-radius: 6px;
  padding: 13px 18px;
  width: 100%;
  min-width: 767px;
  transition: all 0.35s ease;
  box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
  text-align: center;
  font-size: 14px !important;
  font-family: 'Quicksand', sans-serif !important;
  color: rgba(0,0,0,0.8) !important;
  font-weight: 500 !important;
}
.slno {
  width: 7%;
  padding: 0 10px;
}
.name-course {
  width: 26%;
  padding: 0 10px;
}

.name-course2 {
  width: 26%;
  padding: 0 10px;
  cursor: pointer;
}

.duration {
  width: 25%;
  padding: 0 10px;
}
.intake {
  width: 25%;
  padding: 0 10px;
}
.fees {
  width: 17%;
  padding: 0 10px;
}
.fees2 {
  width: 17%;
  padding: 0 10px;
  float: right;
}
.post-date{
  width: 10%;
  padding: 0 10px;
}
.issue{
  width: 16%;
  padding: 0 10px;
}
.department{
  width: 16%;
  padding: 0 10px;
}
.fl-no {
  width: 11%;
  padding: 0 10px;
}
.action {
  width: 10%;
  padding: 0 10px;
}
.ticket-no{
  width: 13%;
  padding: 0 10px;
}
.service-request{
  width: 20%;
  padding: 0 10px;
}
.des{
  width: 18%;
  padding: 0 10px;
}
.request-by {
  width: 12%;
  padding: 0 10px;
}
.service-request-material{
  width: 30%;
  padding: 0 10px;
}

.ser-detail{
  width: 70%;
  padding: 0 10px;
}

.items-header-section {
  font-weight: 500 !important;
}

.item-content:hover{

}

.card {
  box-shadow: 0px 2px 4px rgba(126,142,177,0.12) !important;
  border: 0px solid #fff !important;
  border-radius: 4px !important;
}
.card table th, .card table td {
  padding: 8px !important;
  font-size: 14px !important;
  vertical-align: middle;
}
.card table th {
  font-weight: 500 !important;
}
.filtered-list-search  input {
  padding: 6px 27px 6px 15px;
  color: #d3d3d3;
  border: none;
  box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
  width: 100%!important;
  background-color: #fff;
  border-radius: 6px !important;
  height: 44px !important;
}
.filtered-list-search   svg {
  position: absolute;
  right: 11px;
  color: #acb0c3;
  height: 36px;
  width: 19px;
  top: 4px;
}
.items-header-section .item-content {
  font-weight: 600 !important;
  font-size: 16px !important;
  font-family: 'Quicksand', sans-serif !important;
}
.medical-location {
  width: 100%;
  left: 0;
  top:25px;
  font-size: 18px !important;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 600 !important;
  z-index: -10;
}
.medical-location  span{
  font-weight: 600 !important;
  color: #114b8d !important;
}

/* ---------------------------css for landing page-------------------------------------------- */

.middle-content{
  padding-top: 60px;
  min-height: calc(100vh - 60px);
  display: flex;
  align-items: center;
  /*background: url('../images/bg_landing.jpg');*/
  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/


}

.blue-card{

}
.location-icon{
  width: 80px;
  height: 80px;
  display: flex;
  margin: 15px auto;
  border-radius: 50%;
  background: #114b8c;
  border: 2px dotted #fff;
  font-size: 25px;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.location-name{
  font-size: 18px !important;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 600 !important;
  color: #114b8c;
}
a:hover {
  text-decoration: none !important;
}
/*.middle-content .card:hover{*/
  /*background:#114b8c !important;*/
  /*transition: all 0.2s ease-in-out 0s;*/
/*}*/
.middle-content .card:hover .location-name {
  color: #fff !important;
}


.middle-content {
  /* background: url(../images/login-bg.png) #ffffff right top no-repeat !important; */
  /*height: 100vh;*/

  background-size: cover;
  background-repeat: no-repeat;
  /*background-image: linear-gradient(-135deg, #114b8d 0%, #114b8d) !important;*/
  background: url('../images/bg_landing.jpg') !important;
  position: relative;
  /* -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); */
  /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); */
  /* border-radius: 4px; */
}
.middle-content:before {
  position: absolute;
  content: '';
  background-image: linear-gradient(to right, rgba(17,75,140, 0.95), rgba(17,75,140, 0.95), rgba(17,75,140, 0.95), rgba(17,75,140, 0.95), rgba(17,75,140, 0.95));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: rgba(125,1,168,0.93); */
}
/*----------------css for dashboard ---------------------*/
.bg-teal {
  background-color: #00b297 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
.bg-bl-primary {
  background-color: #1D2939 !important;
}
.statitics-name {
  color: rgba(255,255,255,0.8);
}
.statitics-content {
  padding-left: 80px;
  font-family: 'Quicksand', sans-serif !important;
  position: relative;
}
.statitics-name{
  font-family: 'Quicksand', sans-serif !important;
}
.statitics-no{
  font-weight: 600 !important;
  font-family: 'Quicksand', sans-serif !important;
}

.statitics-content svg {
  position: absolute;
  left: 0;
  width: 50px !important;
  height: 50px !important;
  top:15px;
}
.statitics-content svg {
  fill: #fff;
  opacity: 0.7;
}
/* global css*/

.card {
  transition: all 0.2s ease-in-out 0s;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  /*background-color: #114b8c !important;*/
}
.mat-raised-button {
  line-height: 40px !important;
}
.mat-raised-button:focus, a:focus{
  outline: none !important;
}

/*--------------------------css -------------------------------------*/
.mat-expansion-panel-body {
  padding: 0 5px !important;

}

.example {
  color: #114b8d;
}
.item-content {
  font-size: 14px !important;
}
.status-btn {
  padding: 2px 8px;
  border-radius: 4px;
}
.details-btn {
  line-height: 32px !important;
}
.search-sec .mat-form-field-wrapper{

  padding-bottom: 0 !important;
}
/*.search-sec .mat-form-field-flex {*/
  /*!*background-color: #fff !important;*!*/
  /*!*box-shadow: 0px 2px 4px rgba(126,142,177,0.12) !important;*!*/
  /*!*width: 100%!important;*!*/
  /*!*background-color: #fff;*!*/
  /*!*border-radius: 6px !important;*!*/
/*}*/
/*.search-sec .mat-form-field-appearance-outline .mat-form-field-outline-thick {*/
  /*!*opacity: 0 !important;*!*/
/*}*/
/*.search-sec .mat-form-field-appearance-outline .mat-form-field-outline {*/
  /*!*color: rgba(255,255,255,0.1) !important;*!*/
  /*!*background: #fff !important;*!*/
/*}*/
/*.search-sec .mat-form-field-appearance-outline .mat-form-field-infix {*/
  /*!*padding: 0.8em 0 0.8em 0 !important;*!*/
  /*!*border-top: 4px solid #fff !important;*!*/
/*}*/
.search-sec {
  background: #fff;
}
.mat-datepicker-toggle:focus, button {

  outline: none !important;

}
.point {
  display: flex;
}
.sidebar-menu .material-icons {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.sidebar-menu .mat-expansion-panel-body {

  background: rgba(0,0,0,0.2) !important;
  margin-top: 5px !important;
  border-radius: 6px !important;
  height: 300px;
  overflow-y: auto;
}
mat-radio-group{
  font-family: 'Quicksand', sans-serif !important;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #114b8d !important;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color:#114b8d !important ;
}
.mat-expansion-panel-header.mat-expanded {
  height: 48px !important;
}
.mat-raised-button.mat-primary {
      background: #c10000;
}
.mat-raised-button.mat-primary.bg-dark {
  background: #1d2124 !important;
}

.example i {
  padding: 8px;
  background: #28a745;
  color: #fff !important;
}
.status-sec {
  width: 10%;
  padding: 0 10px;
}
.filtered-list-search button {
  position: absolute;
  right: 0;
}

/*----------------------css for modal---------------------------------------*/
.modal-dialog {
  max-width: 1000px !important;

}
.issue-details {
  font-family: 'Quicksand', sans-serif !important;
}
.issue-details {
  font-size: 14px !important;
  color: rgba(0,0,0,0.8) !important;
}
.issue-details label {
  font-size: 14px !important;
  color: rgba(0,0,0,1) !important;
  font-weight: 600 !important;
}
.issue-details span{
  color: rgba(0,0,0,1) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}
.issue-details span.text-danger {
  color: #c41223 !important;

}
.issue-details span.status-btn{
  color: #fff !important;
}
.respond-setion h3 {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #114b8d !important;
}
.modal-header {
  color: rgba(0,0,0,0.8) !important;
}
.issue-details .row {
  margin-bottom: 8px !important;
}

.dropdown-menu {
  min-width: 300px !important;
  padding: 0 !important;
  right: 0 !important;
}
.dropdown-menu h2 {
  padding: 10px 15px;
  background: #1072ba;
  color: #fff;
  font-size: 14px;
}
.dropdown-menu ul {
  padding: 15px;
}
.circle-info-noti {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  left: 0;
  position: absolute;
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.dropdown-menu ul li {
  position: relative;
  padding-left: 60px;
  font-size: 12px;
  margin-bottom: 20px;
}
.status-section .card.active:before {
  content:"\f0d7";
  position: absolute;
  top:-6px;
  font-family:'FontAwesome';
  color: #e9ecef;
  left: 50%;
  font-size: 25px;
}
.status-section .card {
  position: relative;
}
/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #032e5e;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.middle-content .card:hover .location-icon {

    background: #fff;
    color: #032e5e;

}
.cdk-overlay-container {
  position: fixed;
  z-index: 999999 !important;
}

.add .mat-expansion-panel-header{
  height: 55px;
  background-color: #ddd !important;
  box-shadow: none !important;
}

.add .mat-expansion-panel-body {
  padding: 16px 24px;
}

.add .mat-expansion-indicator .ng-tns-c152-11 .ng-trigger .ng-trigger-indicatorRotate .ng-star-inserted{
  color: #000 !important;
}

.add p{
  padding: 10px;
  font-weight: 500;
}

.mat-expansion-indicator::after, .mat-expansion-indicator::before{
  color: #000 !important;
}

.add .home{
  color: #c10000 !important;
  margin-left: 10px;
}
.sidebar .mat-expansion-indicator::after {
  color: #fff !important;
}
.tree-structure {
  /*padding-left: 15px;*/
  /*border-left: 0px solid rgba(0,0,0,0.20);*/
}
.tree-structure .mat-tree-node {
  border-left: 1px solid rgba(0,0,0,0.20);
  /*padding-left: 15px !important;*/
}
.tree-structure .parent-tree {
  padding-left: 15px !important;
}
.tree-structure .child-tree {
  padding-left: 30px !important;
  margin-left: 15px;
}

.service-banner-modal{
  top: 20% !important;
}

.service-banner-image{
  border: 2px solid #fff !important;
  border-radius: 10px;
}

/*----------------------css for service details card---------------------------------------*/

.service-details-card .card-header p{
  color: #c10000;
  font-weight: 500;
  margin-bottom: 0;
}

.service-details-card .service-details-modal{
  background-color: #ddd;
  color: #c10000;
  border: none;
  outline: none;
}

.service-details-card .service-details-modal:hover{
  background-color: #c10000;
}

.item-diff{
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  padding-top: 10px;
}

.service-details-modal2 .modal-content{
  width: 50%;
  margin: 0 auto;
}

.service-details-modal2 .dropdown-toggle{
  background-color: #c10000;
  border: none;
  outline: none;
}

.assign-vendor{
  background-color: #c10000 !important;
}

.breadcrumb-item.active{
  color: #c10000 !important;
}

.update-ser-img-box{
  width: 100%;
  height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 5px;
}

.add-order-search{
  width: 100%;
  outline: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 38px;
  padding: 10px;
}

.add-order-result{
  margin-left: 0px !important;
  color: #000;
  margin-top: 30px;
}

.add-order-result ul li:hover{
  background-color: #ddd;
  padding-top: 10px;
}

.add-order-result ul li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  border-radius: 5px;
}

.asi-vendor-name{
  background-color: #ddd;
  font-size: 12px;
  margin-bottom: 10px;
}

.ordr-his-modal .modal-body{
  background-color: #e9ecef !important;
}

.ordr-his-modal .items-header-section{
  font-size: 12px !important;
  font-weight: 500;
}

.dashb-table thead tr th{
  font-weight: bolder !important;
  color: #c10000;
}

.dashb-table2 thead tr th{
  vertical-align: middle !important;
}

.dashb-table2 tbody tr th{
  vertical-align: middle !important;
}

.table thead th{
  border: 1px solid rgb(122, 122, 122) !important;
}

/* .table tbody th{
  border: 1px solid rgb(122, 122, 122);
} */

.subloc tr th{
  border: none !important;
}

.subloc tbody textarea{
  height: 36px !important;
}

.subloc-2{
  overflow-y: scroll !important;
  height: 300px;
}

.NgxEditor__Content ul li{
  list-style: disc;
  margin-left: 1rem;
}

.angular-editor-textarea ul li{
  list-style: disc;
  margin-left: 1rem;
}

.NgxEditor__Content ol li{
  list-style: unset;
  margin-left: 1rem;
}

.angular-editor-textarea ol li{
  list-style: unset;
  margin-left: 1rem;
}

.table-bordered thead th, .table-bordered thead td{
  vertical-align: middle !important;
}