/* here you can put your own css to customize and override the theme */

/*--------------------------------------------------
    [Copyright v2]
----------------------------------------------------*/
.copyright-v2 {
  color: #55616b;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 0;
  background: #fff; }
  .copyright-v2 a {
    z-index: 1; }

/*--------------------------------------------------
    [Vital Interaction Logo]
----------------------------------------------------*/
.vi-logo {
  float: left;
  margin-top: 10px;
  margin-left: 25px;
}

.nav-item .nav-link i {
  color: #3598dc !important;
}

.page-sidebar {
  margin-top: 45px;
}

.modal {
  margin-top:50px
}

.list-toggle-container .list-toggle.blue {
    background-color: #3598dc !important; }

.clear {
  margin-top: 30px;
}

.less-clear {
  margin-top: 10px;
}

.page-logo>a {text-decoration: none; padding-left: 25px}

/*--------------------------------------------------
    [Toaster Position]
----------------------------------------------------*/
.toast-top-right {
  top: 92px;
  right: 12px;
}


/*--------------------------------------------------
    [Headings inside sub menu]
----------------------------------------------------*/
.page-sidebar-menu li.custom-heading > h3 {
  color: #5C9ACF;
  font-size: 13px;
  margin: 0;
  font-weight: 600;
  height: 50px;
  padding: 25px 15px 10px;
}

.custom-icon-user {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*--------------------------------------------------
    [Patient Search Results]
----------------------------------------------------*/

.ui-menu.ui-autocomplete {
  z-index: 9999
}

.topSearchPatientBar {
  display: inline-block;
  width: 25%;
  margin: 22px 20px 0 0;
}

.select2-dropdown.bigdrop, .select2-dropdown.patientSearchBox, .select2-dropdown.patientSearchBox1 {z-index: 9999}

.redColor {color: red;}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark > .dropdown-menu >.dropdown-submenu > .dropdown-menu:after {
        border-bottom: none !important; }

.topSearchPatientBar .select2-selection__arrow{
  display:none;
}

#chat-history .select2-selection__arrow{
  display:none;
}

#chat-history .select2-container--bootstrap{
  display:inline-block;
  padding-bottom: 17px;
}

#chat-history .select2-selection--single{
  border-top: none;
  border-left: none;
  border-right: none;
  margin-left: 10px;
  border-bottom-color: #E5E5E5;
}
.topSearchPatientBar .select2-selection--single{
  border-radius: 25px!important;
}

/*


 */

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a{
  background: #FFF4C9 !important;
}

.vi-yellow{
  background-color: #FFF4C9;
}

#select2-patientSearchBox1-container{
  padding-top: 9px;
}

#select2-patientSearchBox1-container>.select2-selection__placeholder{
  color: #5b9bd1;
}

.non-selected-outgoing-message{
  border-left: 2px solid #F3565D !important;
}

.non-selected-incoming-message{
  border-left: 2px solid #1BBC9B !important;
}

.todo-tasklist-item-border-red{
  border-left: 2px solid #F3565D !important;
}

.todo-tasklist-item-border-green{
  border-left: 2px solid #1BBC9B !important;
}

.todo-tasklist-item-border-low{
  border-left: 2px solid #F1C40F !important;
}

.todo-tasklist-item-border-red.selected-message{
  border-left: 0px !important;
  border-right: 5px solid #F3565D !important;
}

.todo-tasklist-item-border-green.selected-message{
  border-left: 0px !important;
  border-right: 5px solid #1BBC9B !important;
}

/*--------------------------------------------------
    [Utilities]
----------------------------------------------------*/
.d-none{
    display: none !important;
}

.p-absolute{
  position: absolute !important;
}

#message_log_table_filter{
  float: right;
}

.notes .tooltip{
  width: 200px;
}

.page-header.navbar .page-logo{
  width: 295px;
  padding-right: 0;
  padding-left: 10px;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo{
  margin-left: -16px;
  margin-right: 0px;
}

.float-right{
    float: right !important;
}


#contact_support_modal .modal-body{
    padding-top: 0px !important;
}

/* RESET */


.input-requirements {
  font-size: 1.3rem;
  font-style: italic;
  text-align: left;
  list-style: disc;
  list-style-position: inside;
  max-width: 400px;
  margin: 10px auto;
  color: rgb(150,150,150);
}


.input-requirements li.invalid {
	color: #e74c3c;
}
.input-requirements li.valid {
	color: #2ecc71;
}

.input-requirements li.valid:after {
	display: inline-block;
	padding-left: 10px;
	content: "\2713";
}



/* Custom ------------------ */



/* Hide and show related .input-requirements when interacting with input */

input:not([type="submit"]) + .input-requirements {
  overflow: hidden;
  max-height: 0;
  transition: max-height 1s ease-out;
}

input:not([type="submit"]) + .input-requirements,
input:not([type="submit"]) + .input-requirements,
input:not([type="submit"]) .input-requirements {
  max-height: 1000px; /* any large number (bigger then the .input-requirements list) */
  transition: max-height 1s ease-in;
}

.label.label-low {background: #F1C40F !important;}
.label.label-medium {background: #F39C12 !important;}
.label.label-high {background: #E74C3C !important;}