/* toggle switch */
.material-switch > input[type="checkbox"] {
  display: none;
}

.material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px;
}

.material-switch > label::before {
  background: white;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}

.material-switch > label::after {
  background: white;
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}


/* toggle switch end */



/* -----------------------------------custom nav-tabs----------------------------------------- */
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
  background-color: #fff;
    color: #0183cc;
    /* padding-left: 30px; */
    border-bottom: 3px solid #0283cc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;

}

.nav-tabs-custom>.nav-tabs>li>a {
  padding: 10px 10px;
  color:inherit;
  border-radius: 0;
}
.nav-tabs-custom>.nav-tabs>li>a:hover {
 text-decoration:none;
 color:#0183cc;
}

/* --------------------------------------------------custom nav-tabs ends------------------------------- */
.scrtabs-tab-container {
  height: 42px; position: relative; }
  .scrtabs-tab-container .tab-content {
    clear: left; }

.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row; }

/*.scrtabs-tabs-fixed-container {*/
/*  float: left;*/
/*  height: 42px;*/
/*  overflow: hidden;*/
/*  border-bottom: 1px solid #ddd;*/
/*  width: 100%; }*/

/*.scrtabs-tabs-movable-container {*/
/*  position: relative; }*/
  
  
 .scrtabs-tabs-fixed-container {
    overflow-x: auto;  /* Enable horizontal scrolling */
    white-space: nowrap;
    overflow-y:hidden; /* Keep tabs in one line */
    width: 100%; 
    height: 42px;
    border-bottom: 1px solid /* Adjust as needed */
}

.scrtabs-tabs-movable-container {
    display: inline-flex; 
    position: relative;/* Keep tabs aligned in a row */
}

.scrtabs-tabs-fixed-container::-webkit-scrollbar {
  height: 8px;  /* Reduce scrollbar height */
  scrollbar-width: 8px;
  background-color: var(--phoenix-custom-color) !important; /* Scrollbar color */
  border-radius: 4px;  /* Reduce scrollbar width */
}

.scrtabs-tabs-fixed-container {
  scrollbar-width: thin; /* Firefox: Thin scrollbar */
  scrollbar-color: #888 #f1f1f1; /* Thumb color & track color */
}
  
  
 .scrtabs-tabs-movable-container .tab-content {
    display: none; }

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
  padding-right: 0; }

.scrtabs-tab-scroll-arrow {
  border: 1px solid #dddddd;
  border-top: none;
  color: #428bca;
  display: none;
  float: left;
  font-size: 12px;
  height: 42px;
  margin-bottom: -1px;
  /*padding-left: 2px;*/
  padding-top: 13px;
  text-align: center;
  width: 20px; }
  .scrtabs-tab-scroll-arrow:hover {
    background-color: #eeeeee; }
.scrtabs-js-tab-scroll-arrow-left{border-left: 0}
.scrtabs-js-tab-scroll-arrow-right{border-right: 0}
.scrtabs-tab-scroll-arrow,
.scrtabs-tab-scroll-arrow .scrtabs-click-target {
  cursor: pointer; }

.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
  cursor: default; }

.scrtabs-tab-scroll-arrow.scrtabs-disable,
.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
  color: #ddd;
  cursor: default; }

.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
  background-color: initial; }

.scrtabs-tabs-fixed-container ul.nav-tabs > li {
  white-space: nowrap; }
  .scrtabs-tabs-fixed-container ul.nav-tabs > li:hover {
    /* Styles for hover effect */
    background-color:var(--phoenix-secondary-bg);
    border-top-left-radius: 5px; /* Adjust as needed */
    border-top-right-radius: 5px; /* Change to desired hover color */
}
.scrtabs-tabs-fixed-container ul.nav-tabs > li a{color:var(--phoenix-nav-vertical-color-global);border: 0;}
.scrtabs-tabs-fixed-container ul.nav-tabs > li a.active{color: #0084B4;border: 0;
    border-bottom:4px solid #0084B4}


.scrtabs-tabs-fixed-container ul.nav-tabs>li.active>a, 
.scrtabs-tabs-fixed-container ul.nav-tabs>li.active:hover>a {
    background-color: #fff;
    color: #0183cc;
    /*padding-left: 30px;*/
    border: 0;
    border-bottom:4px solid #0283cc;
    
}
.scrtabs-js-tab-scroll-arrow-right{    
    display: block;
    float: right;
    margin-top: 0;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;}

/* 
.dataTables_scrollBody{overflow: visible !important;}

.dataTables_scrollHeadInner, .table{
   width:100%!important;
 }


.select2-container--open {
    z-index: 9999999
}  */

.navlistscroll{overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -moz-box;}

.scrtabs-tab-scroll-arrow, .scrtabs-tab-scroll-arrow .scrtabs-click-target {
    cursor: pointer;
}
/* custom dynamic form slider up and down */
.ss-none {
    display: none;
}  
.req {
  color:red;
}
/* .underlink {
  text-decoration: none !important; 
  
  } */
  .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    background-color: #f2dede;
}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
  background-color: #dff0d8;
}

.tablists li a.active {
  color: #0084B4!important;
  text-decoration: none;
  font-weight:bold;
  background-color:var(--phoenix-secondary-bg)!important;   
}
.tablists .nav-item a:hover{
border-radius:0px;
}
.tablists .nav-item a.active{
border-radius:0px;
}
a:hover {
  text-decoration: none!important;
}
.profile-user-img {
  margin: 0 auto;
  width: 100px !important;
  height: 100px;
  flex-shrink: 0;
  min-width: 100px;
  min-height: 100px;
  overflow: hidden;
}
.modal-body {
  overflow-x: hidden;
}

.col-eq {
  flex: 1;
  margin-right: -5px;
  
}
.ptt10 {
  padding-top: 10px;
}


/* modal list */

.singlelist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.singlelist24bold {
  font-size: 24px;
  font-weight: 900;
}
.singlelist li {
  display: block;
  padding-bottom: 10px;
}
.multilinelist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pup-scroll-area {
  height: calc(90vh - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding-bottom: 50px;
}
/* modal sticky footer */
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #e5e5e5;
  padding: 15px 10px;
  background-color: rgba(var(--phoenix-body-bg-rgb), var(--phoenix-bg-opacity)) !important;
}
.sticky-footer {
  padding: 8px 15px;
  position: fixed;
  bottom: 0;
  width: 100%;
  /* background-color: #ececec !important; */
  background-color: var(--phoenix-custom-color)!important;
  left: 0;
  z-index: 2;
}

.sticky-footer .btn {
  background-color: white;
  color:var(--phoenix-custom-color)!important

}
.modal-footer .btn {
  background-color: white;
  color:var(--phoenix-custom-color)!important

}




.divider {
  background: #e4e3e3;
  height: 1px;
  clear: both;
  margin-bottom: 10px;
  margin-top: 10px;
}
/* form label */
.col-form-label {
  font-size: 13px!important;
}
.printablea4>tbody>tr>th, .printablea4>tbody>tr>td {
  padding: 5px 0;
  line-height: 1.42857143;
  vertical-align: top;
  /* font-size: 12px; */
}
.printablea4 {
  width: 100%;
}
.closebtn {
  color: #d9534f;
background-color: transparent;
border:none;
font-size: larger;
}

table.tablelr0space tr th, table.tablelr0space tr td {
  padding: 5px 2px;
  border-collapse: collapse;
  border:none;
  font-size: 14px;
}
/* .noborder {
  border: 0 !important;
} */
button.close {
  border: none;
  background-color: transparent;
  font-size: 1.8rem;
  font-weight: bolder;
  color: white;
}
button.close:hover {
 
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity = 50);
  opacity: .7;
}
.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wrapper-dropdown-3 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  vertical-align: text-top;
}

.wrapper-dropdown-3 .dropdown li label {
  display: block;
  font-weight: normal;
  margin-top: 0px;
  padding: 6px 12px;
  text-decoration: none;
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e8ea;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.scroll150 {
  max-height: 157px;
  overflow-y: auto;
  position: relative;
}
.wrapper-dropdown-3 .dropdown {
  position: absolute;
  padding-left: 0;
  top: 102%;
  left: 0;
  right: 0;
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  list-style: none;
  opacity: 0;
  pointer-events: none;
}
.wrapper-dropdown-3.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.wrapper-dropdown-3 .dropdown:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 13px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) transparent;
}
.wrapper-dropdown-3.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.wrapper-dropdown-3 .dropdown li label {
  display: block;
  font-weight: normal;
  margin-top: 0px;
  padding: 6px 12px;
  text-decoration: none;
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e8ea;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.wrapper-dropdown-3 .dropdown li:hover label {
  background: #3c8dbc;
  color:white;
}
.modalicon a {
  color:inherit;
  padding: 5px 5px 0;
  outline: none;
  display: inline-block;
  margin-left: 2px;
}
.modalicon a:hover{
  opacity: 0.7;
}
.select2-container--open {
    z-index: 9999999;
}
.select2-container .select2-selection--single .select2-selection__rendered{padding-right:0;height:auto;}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:6px;padding-left:20px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d2d6de}.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:none;border:1px solid #3c8dbc}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444}.select2-container--default .select2-selection--multiple{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-selection--multiple:focus{border-color:#3c8dbc}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc;border-color:#367fa9;padding:1px 10px;color:#000}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:5px;color:rgba(255,255,255,0.7)}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px}.pad{padding:10px}.margin{margin:10px}.margin-bottom{margin-bottom:20px}.margin-bottom-none{margin-bottom:0}.margin-r-5{margin-right:5px}.inline{display:inline}

.select2-full-width .select2-container{display: block;width: 100% !important;}


.transparentbg-border {
  background: transparent!important;
  border: 0!important;
}
.fs-c {
  font-size: .9rem !important;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  border-top: 1px solid #f4f4f4;
}
.scroll-area {
  max-height: calc(100vh - 170px);
  overflow-y: auto;
  overflow-x: hidden;
}
.modal {
  background: rgba(0, 0, 0, 0.3);
}
.hide {
  display: none !important;
}
.download_label {
  display: none!important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #d4d2d2;
  opacity: 1;
}
.childimg {
  width: 100px;
  height: 80px;
  overflow: hidden;
}
.childimg img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.plusign {
  background: #727272;
  border: 1px solid #525252;
  border-radius: 3px;
  float: right;
  color: #fff;
  outline: 0;
  transition: all 0.5s ease;
  padding: 0px 5px;
}
.plusign:hover {
  background: #faa21c;
}
.commissionInput, .commissionInputEdit {
  text-align: right !important;
  width: 100%;
  border-bottom: 1px solid #dadada;
  height: 24px !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
}
.apply-label {
 /* vertical-align:bottom; */
  padding-right: 20px;
  padding-top: 5px;
  display: block;
}
.modal-profile-user-img {
  width: 100px;
  border-radius: 4px;
}
li.listnoback a {
  text-align: right;
  width: 44%;
}
/* a {
  position: relative;
  overflow: hidden;
  display: table;
} */
.text-aqua {
  color: #00c0ef !important;
}

.tabletter {
  width: 37%;
}
.round5 {
  padding: 5px;
}

.sfborder {
  border: 1px solid #dadada;
  border-radius: 2px;
  margin-bottom: 10px;
  overflow: hidden;
}


/* .payrollbox, .feebox {
  padding: 12px 12px 0;
  position: relative;
} */
.tox-statusbar{
  display: none !important;
}
.tox .tox-tbtn--select {
width: auto !important;
}

.fa-level-span{text-align: right;display: block;margin-top: -3px; font-size: 18px !important;}

.dosehover a {display: inline-block;vertical-align: text-top; margin-left: 10px;}
.dosehover span{display: inline-block;}
.dosehover span{opacity: 0; visibility: hidden;}
.dosehover:hover span{opacity: 100; visibility: visible; }

.defaults-c{color:#464646; text-decoration: none; cursor: pointer;display: inline;vertical-align: initial; padding-right: 5px;}

.bg-progressbar{
background-color: #24638D !important;
}

.listnoback {
background: transparent;
overflow: hidden;
border-bottom: 1px solid #ddd !important;
border: 0;
}

.studentname {
position: relative;
border-bottom: 1px solid #ddd;
display: block;
overflow: hidden;
background: #fff;
width: 295px;
}
.studentname .icon {
float: left;
padding-left: 5px;
}
.student-tittle {
line-height: 24px;
padding-left: 10px;
}
.studentsideopen{ position: fixed;right: 10px; cursor: pointer;
top: 66px;color: #000;font-size: 20px; z-index: 1;}

/* Bed Modal  */
.ukclose {
top: 11px;
right: 6px;
color: #fff;
background-color: #24638D;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
border: none;
border-radius: 100%;
z-index: 10;
position: absolute;
outline: none;
font-size: 22px;
width: 32px;
height: 34px;
}

.bedgroupmain {
border: 1px solid #0380ad;
padding: 10px;
background: #baedff;
border-radius: 2px;
}

.bedgroupmain h4 {
text-align: left;
margin-top: 8px;
}

.floormain {
padding: 10px;
margin-bottom: -12px;
background: #fff;
border-radius: 4px;
margin-bottom: 10px;
}

.floormain fieldset {
border-radius: 8px;
padding: 10px 10px 5px;
margin-bottom: 10px;
}

.floorwardbg {
background: #4c4b4b !important;
border: 1px solid #fff !important;
color: #fff !important;
}

.floormain:last-child {
margin-bottom: 0px;
}

.bedgroups {
padding: 10px 10px 5px;
background: #f4f4f4;
border-radius: 8px;
margin-bottom: 10px;
margin-left: 8px;
margin-right: 8px;
}

.wards {
border: 1px solid #0380ad;
color: #fff;
margin-top: 10px;
border-radius: 2px;
}

.wards i {
padding-right: 5px;
display: inline-block;
}

.bedgray,
.bedred,
.bedgreen,
.bed-unused {
display: block;
margin-bottom: 18px;
}

.bed-unused:hover,
.bedgreen:hover,
.bedgray:hover,
.bedred:hover {
display: block;
cursor: pointer;
}

.bedgroups {
position: relative;
}

.bedgroups a {
display: block;
}

.floormain legend {
display: block;
width: auto;
margin-bottom: 0px;
color: #333;
border-radius: 30px;
border-bottom: 0;
background: #24638D;
padding: 5px 8px;
border: 1px solid #9a9a96;
}

.floormain legend h4 {
font-size: 12px;
font-weight: normal;
margin: 0;
/* font-family: 'Roboto-Bold'; */
color:#fff;
}

.bedgreen .bedtpmiuns6 {
margin-top: -6px;
  /* font-family: 'Roboto-Bold'; */
  color: #11a009;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  }

.bedred .bedtpmiuns6 {
margin-top: -6px;
/* font-family: 'Roboto-Bold'; */
color: #fa6485;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}

.bed-unused .bedtpmiuns6 {
margin-top: -6px;
/* font-family: 'Roboto-Bold'; */
color: #ddd;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
fieldset.floormain a{
display: block;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}


.floorclose {
top: -14px;
right: 15px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
border: none;
border-radius: 100%;
z-index: 10;
position: absolute;
outline: none;
font-size: 20px;
width: 30px;
height: 30px;
}
.relative{position: relative;}




/*//=====chat css=====*/

.time_date{
position: absolute;
text-align: left;
display: block;
padding-left: 0px;
font-size: 0.9em;
color: #828282;
font-style: italic;
}
.time_date_send {
text-align: right;
display: block;
padding-right: 0px;
position: absolute;
right: 0;
bottom: -14px;
font-size: 0.9em;
color: #828282;
font-style: italic;
}
#frame {
width: 100%;
height: 88vh;
background: #e6e6e6;
position:relative;
display: flex;
}

#contacts ul{padding: 0; margin:0; list-style: none;}
@media screen and (max-width: 360px) {
#frame {
    width: 100%;
    height: 100vh;
}
}
#frame #sidepanel {
float: left;
min-width: 280px;
max-width: 340px;
width: 40%;
height: 100%;
background: #fff;
color: #646464;
overflow: hidden;
position: relative;
box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
}
@media screen and (max-width: 735px) {
#frame #sidepanel {
    width: 58px;
    min-width: 58px;
}
}
#frame #sidepanel #profile {
width: 80%;
margin: 25px auto;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 0 0;
    background: #fff;
}
}
#frame #sidepanel #profile.expanded .wrap {
height: 210px;
line-height: initial;
}
#frame #sidepanel #profile.expanded .wrap p {
margin-top: 20px;
}
#frame #sidepanel #profile.expanded .wrap i.expand-button {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
#frame #sidepanel #profile .wrap {
height: 60px;
line-height: 60px;
overflow: hidden;
-moz-transition: 0.3s height ease;
-o-transition: 0.3s height ease;
-webkit-transition: 0.3s height ease;
transition: 0.3s height ease;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap {
    height: 55px;
}
}
#frame #sidepanel #profile .wrap img {
width: 50px;
border-radius: 50%;
padding: 3px;
border: 2px solid #e74c3c;
height: auto;
float: left;
cursor: pointer;
-moz-transition: 0.3s border ease;
-o-transition: 0.3s border ease;
-webkit-transition: 0.3s border ease;
transition: 0.3s border ease;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap img {
    width: 40px;
    margin-left: 4px;
}
}
#frame #sidepanel #profile .wrap img.online {
border: 2px solid #2ecc71;
}
#frame #sidepanel #profile .wrap img.away {
border: 2px solid #f1c40f;
}
#frame #sidepanel #profile .wrap img.busy {
border: 2px solid #e74c3c;
}
#frame #sidepanel #profile .wrap img.offline {
border: 2px solid #95a5a6;
}
#frame #sidepanel #profile .wrap p {
float: left;
margin-left: 15px;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap p {
    display: none;
}
}
#frame #sidepanel #profile .wrap i.expand-button {
float: right;
margin-top: 23px;
font-size: 0.8em;
cursor: pointer;
color: #435f7a;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap i.expand-button {
    display: none;
}
}
#frame #sidepanel #profile .wrap #status-options {
position: absolute;
opacity: 0;
visibility: hidden;
width: 150px;
margin: 70px 0 0 0;
border-radius: 6px;
z-index: 99;
line-height: initial;
background: #435f7a;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options {
    width: 58px;
    margin-top: 57px;
}
}
#frame #sidepanel #profile .wrap #status-options.active {
opacity: 1;
visibility: visible;
margin: 75px 0 0 0;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options.active {
    margin-top: 62px;
}
}
#frame #sidepanel #profile .wrap #status-options:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #435f7a;
margin: -8px 0 0 24px;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options:before {
    margin-left: 23px;
}
}
#frame #sidepanel #profile .wrap #status-options ul {
overflow: hidden;
border-radius: 6px;
}
#frame #sidepanel #profile .wrap #status-options ul li {
padding: 15px 0 30px 18px;
display: block;
cursor: pointer;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 35px 22px;
}
}
#frame #sidepanel #profile .wrap #status-options ul li:hover {
background: #496886;
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 5px 0 0 0;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    width: 14px;
    height: 14px;
}
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
content: '';
position: absolute;
width: 14px;
height: 14px;
margin: -3px 0 0 -3px;
background: transparent;
border-radius: 50%;
z-index: 0;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    height: 18px;
    width: 18px;
}
}
#frame #sidepanel #profile .wrap #status-options ul li p {
padding-left: 12px;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options ul li p {
    display: none;
}
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
background: #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
border: 1px solid #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
background: #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
border: 1px solid #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
background: #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
border: 1px solid #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
background: #95a5a6;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
border: 1px solid #95a5a6;
}
#frame #sidepanel #profile .wrap #expanded {
padding: 100px 0 0 0;
display: block;
line-height: initial !important;
}
#frame #sidepanel #profile .wrap #expanded label {
float: left;
clear: both;
margin: 0 8px 5px 0;
padding: 5px 0;
}
#frame #sidepanel #profile .wrap #expanded input {
border: none;
margin-bottom: 6px;
background: #32465a;
border-radius: 3px;
color: #f5f5f5;
padding: 7px;
width: calc(100% - 43px);
}
#frame #sidepanel #profile .wrap #expanded input:focus {
outline: none;
background: #435f7a;
}
#frame #sidepanel #search {
height: 50px;
position: relative;
box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
z-index: 1;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #search label{display: none;}
}
#frame #sidepanel #search label {
position: absolute;
margin: 10px 0 0 10px;
line-height: 30px;
}
#frame #sidepanel #search input {
padding: 10px 0 10px 46px;
width: calc(100% - 40px);
border: none;
background: #32465a;
color: #f5f5f5;
}
#frame #sidepanel #search input:focus {
outline: none;
background: #435f7a;
}
#frame #sidepanel #search input::-webkit-input-placeholder {
color: #f5f5f5;
}
#frame #sidepanel #search input::-moz-placeholder {
color: #f5f5f5;
}
#frame #sidepanel #search input:-ms-input-placeholder {
color: #f5f5f5;
}
#frame #sidepanel #search input:-moz-placeholder {
color: #f5f5f5;
}
#frame #sidepanel #contacts {
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts {
    height: calc(100% - 149px);
    overflow-y: scroll;
    overflow-x: hidden;
}
#frame #sidepanel #contacts::-webkit-scrollbar {
    display: none;
}
}
#frame #sidepanel #contacts.expanded {
height: calc(100% - 334px);
}
#frame #sidepanel #contacts::-webkit-scrollbar {
width: 6px;
background: #fff;
}
#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
background-color: #c8c8c8;
}
#frame #sidepanel #contacts ul li.contact {
position: relative;
padding: 10px 10px 3px;
font-size: 0.9em;
cursor: pointer;
transition: all .3s;
border-bottom: 1px solid #ebebeb;
clear: both;
overflow: hidden;
min-height: 60px;
}
#frame #sidepanel #contacts ul li:last-child.contact{border:0;}
#frame #sidepanel #contacts ul li.contact:hover {
background: #f9f9f9;
}
#frame #sidepanel #contacts ul li.contact.active {
background: #f9f9f9;
border-left: 5px solid #3399ff;
}
#frame #sidepanel #contacts ul li.contact.active span.contact-status {
border: 2px solid #32465a !important;
}
#frame #sidepanel #contacts ul li.contact .wrap {width: 88%;position: relative;}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts ul li.contact .wrap {width: 100%;}
}
#frame #sidepanel #contacts ul li.contact .wrap span {
position: absolute;
left: 0;
margin: -2px 0 0 -2px;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #2c3e50;
background: #95a5a6;
}
#frame #sidepanel #contacts ul li.contact .wrap span.online {
background: #2ecc71;
}
#frame #sidepanel #contacts ul li.contact .wrap span.away {
background: #f1c40f;
}
#frame #sidepanel #contacts ul li.contact .wrap span.busy {
background: #e74c3c;
}
#frame #sidepanel #contacts ul li.contact .wrap img {
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 50%;
float: left;
margin-right: 10px;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts ul li.contact .wrap img {
    margin-right: 0px;
}
}
#frame #sidepanel #contacts ul li.contact .wrap .meta {
padding: 2px 0 0 0;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts ul li.contact .wrap .meta {
    display: none;
}
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
font-family:'Roboto-Bold';
margin-bottom: 0;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
padding: 0 0 1px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
position: initial;
border-radius: initial;
background: none;
border: none;
padding: 0 2px 0 0;
margin: 0 0 0 1px;
opacity: .5;
}
#frame #sidepanel #bottom-bar {
position: absolute;
top: 5px; right:10px;
}
#frame #sidepanel #bottom-bar button {
border: none;
width: 100%;
/*padding: 8px 8px;*/
line-height: 40px;
text-align: center;
height: 40px;
width: 40px;
border-radius: 100%;
background: #3399ff;
font-size: 20px;
color: #fff;
cursor: pointer;
transition: all .3s;
}

#frame #sidepanel #bottom-bar button:focus {outline: none;}

@media screen and (max-width: 735px) {
#frame #sidepanel #bottom-bar button:nth-child(1) {}
}
#frame #sidepanel #bottom-bar button:hover {background: #c8c8c8;}

@media screen and (max-width: 735px) {
#frame #sidepanel #search{height: 59px;}
#frame #sidepanel #bottom-bar{top:10px;}
}
@media screen and (max-width: 735px) {
#frame #sidepanel #bottom-bar button span {display: none;}
}
#frame .chatcontent {
float: left;
width: 60%;
height: 100%;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 735px) {
#frame .chatcontent {width: calc(100% - 58px);}

}
@media screen and (min-width: 768px) {
#frame .chatcontent {
    width: calc(100% - 30%);
    padding: 0;
}

}

@media screen and (min-width: 992px) {
#frame .chatcontent {
    width: calc(100% - 0%);
    padding: 0;
}
}  

@media (min-width:320px) and (max-width:767px) {
#frame .chatcontent .contact-profile{height: 59px !important;line-height: 59px !important;}
#frame .chatcontent .contact-profile img {margin: 10px 12px 0 10px !important;}
.chatloader:before{left:0;}
}
#frame .chatcontent .contact-profile {
width: 100%;
height: 50px;
line-height: 50px;
background: #fff;
box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
}
#frame .chatcontent .contact-profile img {
width: 40px;
height: 40px;
border-radius: 50%;
float: left;
margin: 5px 12px 0 10px;
}
#frame .chatcontent .contact-profile p {
   float: left;
width: 70%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#frame .chatcontent .contact-profile .social-media {float: right;}
#frame .chatcontent .contact-profile .social-media i {
margin-left: 14px;
cursor: pointer;
}
#frame .chatcontent .contact-profile .social-media i:nth-last-child(1) {
margin-right: 20px;
}
#frame .chatcontent .contact-profile .social-media i:hover {
color: #435f7a;
}
#frame .chatcontent .messages {
height: auto;
min-height: calc(100% - 115px);
max-height: calc(100% - 115px);
overflow-y: scroll;
overflow-x: hidden;
width: 100%;
padding-bottom: 20px;
}
#frame .chatcontent .messages ul{padding: 0; margin: 0; list-style: none;}
@media screen and (max-width: 735px) {
#frame .chatcontent .messages {
    max-height: calc(100% - 305px);

}
}
#frame .chatcontent .messages::-webkit-scrollbar {width: 6px;background: transparent;}
#frame .chatcontent .messages::-webkit-scrollbar-thumb {background-color: #c8c8c8;}
#frame .chatcontent .messages ul li {
display: inline-block;
clear: both;
/* float: left; */
margin: 15px 15px 15px 20px;
width: calc(100% - 35px);
font-size: 0.8em;
position: relative;
}
#frame .chatcontent .messages ul li:nth-last-child(1) {margin-bottom: 20px;}
#frame .chatcontent .messages ul li.sent img {margin: 6px 8px 0 0;}
#frame .chatcontent .messages ul li.sent p {background: #fff;color: #000;}
#frame .chatcontent .messages ul li.replies img {float: right;margin: 6px 0 0 8px;}
#frame .chatcontent .messages ul li.replies p {
background: #24b9ec;
float: right; position: relative;
border-radius: 6px 0px 6px 6px;
color: #fff;
}
#frame .chatcontent .messages ul li.replies p:before{
position: absolute;
top: 0px;
right: -28px;
width: 0;
height: 0;
content: '';
border: 18px solid transparent;
border-left: 15px solid #24b9ec;
border-top: 0;
}
#frame .chatcontent .messages ul li.sent p:before{
position: absolute;
top: 0px;
left: -28px;
width: 0;
height: 0;
content: '';
border: 18px solid transparent;
border-top: 0;
border-right: 15px solid #fff;
} 
#frame .chatcontent .messages ul li img {
width: 22px;
border-radius: 50%;
float: left;
}
#frame .chatcontent .messages ul li p {
display: inline-block;
padding: 10px 15px;
border-radius: 0px 6px 6px 6px;
max-width: 205px;
line-height: 130%;
font-size: 12px;
box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
}
@media screen and (min-width: 735px) {
#frame .chatcontent .messages ul li p {
    max-width: 60%; margin-bottom: 2px;
}
}
#frame .chatcontent .message-input {
position: absolute;
bottom: 0;
width: 98%;
z-index: 1;
margin: 0 auto 10px;
left: 0;
right: 0;
}
#frame .chatcontent .message-input .wrap {
position: relative; border-radius: 30px;
box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
}
#frame .chatcontent .message-input .wrap input {
border: none;
width: 100%;
padding: 12px 20px;
color: #32465a;
border-radius: 30px;
}
#frame .chatcontent .message-input .wrap input:focus {outline: none;}
#frame .chatcontent .message-input .wrap .attachment {
position: absolute;
right: 60px;
z-index: 4;
margin-top: 10px;
font-size: 1.1em;
color: #435f7a;
opacity: .5;
cursor: pointer;
}
#frame .input_submit:disabled,
#frame .input_submit.disabled{
background: #c8c8c8 !important;
}

@media screen and (max-width: 735px) {
#frame .chatcontent .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px;
}
}
#frame .chatcontent .message-input .wrap .attachment:hover {
opacity: 1;
}
#frame .chatcontent .message-input .wrap button {
border: none;
width: 34px;
height: 34px;
padding-top: 2px;
/*line-height: 34px;*/
cursor: pointer;
background: #3db16b;
color: #fff;
position: absolute;
right: 4px;
border-radius: 100%;
top: 4px;
    transition: all .3s;
}

#frame .chatcontent .message-input .wrap button:hover {background: #319659;}
#frame .chatcontent .message-input .wrap button:focus {outline: none;}
#contact-list{height: 340px; overflow: auto;}
#contact-list li{margin-top: 5px; line-height: normal;}
#contact-list li img{
    border-radius: 100%;
width: 40px;
height: 40px;
flex-shrink: 0;
min-width: 100%;
min-height: 100%;
overflow: hidden;
max-width: 40px; }
#contact-list .list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;}
#contact-list .list-group-item{padding: 5px 0px;}

.chatbadge{
position: absolute;
right: 10px;
top: 10px;
width: 15px;
height: 15px;
color: #fff;
text-align: center;
background: #779f08;
border-radius: 100%;
font-size: 10px;}
.chattitle{  display:block;font-size:0.9em;}
.chattitle span{display:inline-block;border-radius:20px; background:#fff; box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
padding:6px 10px; position: relative; z-index: 1; color:#828282; }
.chattitle:after{
content: "";
position: absolute;
left: 0;
background: #dad6d6;
right:0;
margin:0 auto;
height: 1px;
width: 300px;
top: 22px;}

.chatloader{width:100%;
height:88vh;
text-align:center;
position:absolute;
background:rgba(0,0,0,0.25);
z-index:9;
}
.chatloader:before {
  content: "";
  position: absolute;
  left: -14.5%;
  margin-left: auto;
  margin-right: auto;
  background: url(../../images/chat-window-loading.gif) no-repeat center center;
  background-size: 50px;
  right: 0;
  top: 0;
  bottom: 0;
  } 
  
  /*//=====chat css end=====*/
  
  .ptbnull{/*padding-top: 0 !important; padding-bottom: 0 !important*/border-bottom: 1px solid #d8e2e7;}
  .todopagination{
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 20px auto 20px auto;
    width: 100%;
  }
  .todopagination strong{ position: relative;
    display: inline-flex;
    font-weight: normal;
    padding: 2px 8px 2px 7.5px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #eee;
    border: 1px solid #ddd;}     
  .todopagination a{
    position: relative;
    display: inline-flex;
    padding: 2px 8px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    } 
  .todopagination a:hover, 
  .todopagination strong:hover, 
  .todopagination a:focus, 
  .todopagination strong:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
  }  
  
  .selector-list li {
    padding: 5px 10px;
}
.minheight260 {
    min-height: 260px;
}


.selector-list {
    list-style: none;
    margin-top: 35px;
    padding: 0;
    width: 190px;
    left:0px;
    position: absolute;
    width: 100%;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.selector-list :hover{
   background-color:#24638D;
   color:white;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    /* border: 1px solid #e3e3e3; */
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.dual-list .list-group-item {
    padding: 9px 15px;
    margin-top: 4px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    min-height: 38px;
}
.dual-list .list-group {
    margin-top: 8px;
    padding: 0;
    /* min-height: 400px; */
}
.wellscroll {
    height: 190px;
    overflow-y: auto;
    overflow-x: hidden;
}
.liststaff {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 215px;
  overflow: auto;
}
.overlay3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 101%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.69);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  border-radius: 4px;
  border: 0px solid rgba(0, 0, 0, 0.69);
}
.fadeoverlay {
  box-sizing: border-box;
  text-align: center;
  margin-top: 10px;
  height: 132px;
  border: 1px solid #f3f3f2;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background: #efefef;
}
.fadeoverlay .videoicon {
  position: absolute;
  z-index: 99;
  top: 2px;
  font-size: 24px !important;
  color: rgba(66, 66, 66, 0.34);
  right: 3px;
  transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
}
.fadeheight {
  height: 113px;
  overflow: hidden;
}
.mediarow .row {
  margin-right: -10px;
  margin-left: -10px;
}
.overlay3 .uploadcheckbtn {
  color: white;
  font-size: 30px;
  display: inline-block;
  padding-top: 15%;
  padding-right: 10px;
}
.overlay3 .uploadclosebtn {
  color: #fff;
  font-size: 30px;
  display: inline-block;
  padding-top: 15%;
}
.fadeoverlay:hover .overlay3 {
  opacity: 1;
}
.popup_image img {
  width: 100%;
  height: auto;
}
.mediaDL dd {
  padding-bottom: 10px;
  margin-top: -2px;
}
.mediaDL {
  padding: 0;
  margin: 0;
  list-style: none;
}
.smcomment-title {
  padding-top: 20px;
  padding-right: 30px;
}
.smcomment-header {
  height: 400px;
  overflow: hidden;
}
.fullshadow {
  box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
}
#modal_media_path a {
  word-break: break-all;
}
.fadeoverlay p {
  position: absolute;
  left: 0;
  right: 0;
  padding: 6px;
  bottom: -12px;
  overflow: hidden;
  max-height: 100%;
  word-wrap: break-word;
  text-align: center;
  background: rgb(255, 255, 255);
  box-shadow: 0 0 0 1px #e4e4e4;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width:767px){
  .smcomment-header{height:100%;}
  .smcomment-title{padding-left: 40px;}
  .row-eq{display:block !important;}
} 
.fadeoverlay.active {
  border: 4px solid #24638D;
  border-radius: 6px;
}
.sortable li div {
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 5px 5px 30px;
  margin: 0;
  cursor: move;
}
.daterangepicker .daterangepicker_input .svg-inline--fa {
  position: absolute;
  left: 8px;
  top: 8px;
}
.fixedmenu .popover{border-radius: 4px !important;}
.fixedmenu .popover-content{width: 170px; padding: 4px 4px;height: 32px;}
.fixedmenu .form-control{height:24px; border-radius: 3px; font-size: 10pt; padding: 0 10px}
.fixedmenu .btn-sm{padding: 2px 10px; margin-top: 1px;}
.stripe-button-el{float: right;}   
.fixedmenu .popover.right{margin-left: 43px;}
.datepicker-days { /* Ensure this class is visible */
  display: block!important;
}

/* patient to do list css */

.tododesc {font-size: 15px;margin-bottom: 0px;display: block;color: #ff6f00; word-break: break-all;}
.tododate{padding: 0 0 10px 0;}
.tododate i{vertical-align:bottom;padding-left: 5px;line-height: 10px;}
.tododate a{display: inline-block;}
.todo_divider {margin: 5px 0 0px;clear: both;background: #f4f4f4;height: 1px;}
.menuboxshadow{box-shadow: 1px 5px 12px 0 rgba(0, 0, 0, 0.26); position: relative;}   
.media:first-child{margin-top: 5px;}


.card-header.bg-body h3 {
  color: white!important;
  font-size:1.25rem;
  padding: 0;
}
.card-header.bg-body h4 {
  color: white!important;
  padding: 0;
}

.card-header.bg-body h6 {
  color: white!important;
  padding: 0;
}

 .bg-body {
  background-color: var(--phoenix-custom-color)!important;
  color: white !important
}
.modal-header h4{
  color:white;
font-weight: 800!important;
padding: 0;
}
.fc-button{
  background-color: #24638D!important;
}
.fc-button:hover,
.fc-button:active,
.fc-state-disabled {
    background-color: #E4645C !important;
}
.fc-state-active {
  background-color:#E4645C!important;
}
.fc-center h2 {
  color: var(--phoenix-custom-text-color)!important;
}
.card-header .btn-primary{
  background-color: white!important;
  color:var(--phoenix-custom-color)!important
}
.card-header .btn-primary:hover{
  background-color: #cc1b00!important;
  color:white!important
}
.modal-header .btn-primary{
  background-color: white!important;
  color:var(--phoenix-custom-color)!important
}
.modal-footer .btn-primary:hover{
  background-color: #cc1b00!important;
  color:white!important
}
.modal-footer .btn-info:hover{
  background-color: #cc1b00!important;
  color:white!important
}
.modal-footer {
  background-color: var(--phoenix-custom-color)!important;
  color: white !important;
  
}
.text-ecare {
  color: var(--phoenix-custom-text-color)!important
}
.text-bg-ecare{
  background-color:#24638D;
}
.border-purple {
  border-color: #6200EA!important;
  }
  .border-yellow {
  border-color: #FFB300!important;
  }.border-jam {
  border-color: #9C27B0!important;
  }.border-infogreen {
  border-color: #26A69A!important;
  }
  .border-ecare{
      border-color:#24638D!important;
  }
  .border-blood{
      border-color: #e46a61!important;
  }
  .bg-purple {
  background-color: #6200EA;
  }
  .bg-yellow {
  background-color: #FFB300;
  }.bg-jam {
  background-color: #9C27B0;
  }.bg-infogreen {
  background-color: #26A69A;
  }
  .bg-ecare{
      background-color:#24638D;
  }
  .bg-blood{
      background-color:#e46a61;
  }
  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{

    margin-bottom: 0 !important;
    /* padding-bottom:1rem; */
  }