/*@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'TauriRegular';
  src: url('../fonts/Tauri-Regular.eot');
  src: url('../fonts/Tauri-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Tauri-Regular.woff') format('woff'),
       url('../fonts/Tauri-Regular.ttf') format('truetype'),
       url('../fonts/Tauri-Regular.svg#TauriRegular') format('svg');
}*/

@font-face {
  font-family: 'poor_richardregular';
  src: url('../fonts/poorich-webfont.eot');
  src: url('../fonts/poorich-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/poorich-webfont.woff') format('woff'),     
       url('../fonts/poorich-webfont.ttf') format('truetype'),
       url('../fonts/poorich-webfont') format('svg');
}
@font-face {
    font-family: 'roboto_bold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensed';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_medium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_regular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  }
body{ font-family:'roboto_regular'!important; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; font-size:13px; }
	.h1, h1 {
    font-size: 18px !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family:'roboto_regular'  !important;
}
.h1 , h1{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background: #fd1c00 !important;
    
}
.padding-wh { padding:0px 20px;
}
.content-wrapper {
    min-height: 100%;
    background-color: #f2f2f2 !important;
    z-index: 800;
}
.no-chat {
    padding-top: 90px;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 15px !important;
    margin: 0;
    line-height: 1;    
     color: #1a1a1a;
    text-transform: uppercase;
}
.performer-h .nav-tabs-custom>.nav-tabs>li>a {
    color: #444;
    border-radius: 0;
    font-weight: bold;
    font-size: 13px;
}
.main-header #navbar-search-input.form-control {
    background: rgba(255,255,255,0.2);
    border-color: #dadada !important;
}
.img-center {
    text-align: center;
    margin: 0 auto;
}
.pic-dm  img{ width:50px !important; display:inline-block;}
.pic-dm { background:#fff;}
.f-24 {font-size:20px; line-height:30px !important;}
.search-boxb{
  display: none;
  margin-top: 5px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  
}
.box .message-box-f { height:60px;}
.search-boxa:hover .search-boxb{
  display: block;
}
.text-danger {
    color: #f00 !important;
}
.text-white {
    color: #fff;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #afafaf !important;
}
label {
font-weight:normal;
}
.dropdown-menu {
font-size:12px;
}
.btn-hdr {
    background-color: #164f8d;
    color: #fff;
    border-color: #495fff;
}
.btn-cancel{
	    background-color: transparent;
    color: #495fff;
    border-color: transparent;
}
.btn-cancel:hover,.btn-cancel:focus{
	    background-color: transparent;
    color: #495fff;
    border-color: #495fff;
}

.btn-delete {
    background-color: red;
    color: white;
    border-color: red;
}

.btn-delete:hover, .btn-delete:focus {
    background-color: red;
    color: white;
    border-color: #495fff;
}
/*#appreqctrl > .carousel-control{
    color: #000;
}*/

.btn-appreq {
    background: rgba(148, 144, 144, 0.9) !important;
    border: 1px solid #888484 !important;
    color: #fff !important;
    font-size: 16px !important;
    /*margin-top: 18px;*/
}
.btn-appreq:hover {
    background: rgba(148, 144, 144, 1) !important;
    border: 1px solid #888484 !important;
}
.btn-nobg {
    color: #fff !important;
    font-size: 14px !important;
}
.btn-nobg:hover {
    background: rgba(148, 144, 144, 1) !important;
    border: 1px solid #888484 !important;
}

.btn-save, button[type="submit"] {
    background: #4fd41f !important;
    border: 1px solid #4fd41f !important;
    color: #fff !important;
    cursor:pointer;
}


.btn-save-orange {
    background: #FFA500 !important;
    border: 1px solid #FFA500 !important;
    color: #fff !important;
}

.btn-save-red {
    background: #FF0000 !important;
    border: 1px solid #FF0000 !important;
    color: #fff !important;
}

.btn-save:hover,.btn-save:focus,button[type="submit"]:hover,button[type="submit"]:focus{
	background:#48b91f !important;
	border:1px solid #48b91f !important;
	color:#fff !important;
}

.navbar-custom-menu  i { font-size:18px;}
.sidebar i{ font-size:24px;    display: table-cell;    vertical-align: middle;}
.sidebar ul li a span {    display: table-cell;    padding-left: 13px;    vertical-align: middle;}
.performer img{ width:50px; height:50px; }
.product-img img{ border-radius:50px;    border: 1px solid #999; width:40px !important; height: 40px !important;}
.performer img { border-radius:50px;}
.search-boxa .box-footer{height:60px;}
.search-boxa .box { margin:0px !important;}
.company-tis{
    /*color: #a00000;*/
    color:#444;
    font-family: 'poor_richardregular';
    cursor:pointer;
    /*font-weight: bold;*/
    font-size: 16px;
}
.company-tis:hover {
    color: #254cb1;
}
.design_developed {
    color:rgb(153,153,153);
}
.checkbox1{
    padding-left: 44px !important;
}
.time {
    color: #999;
    font-size: 13px;
    font-variant: inherit;
    font-style: normal;
}
.performer {
    height: 347px;
    overflow-y: scroll;
}
.red{ color:#f00;}
.performer.tab-pane {
    padding:0px 0;
}
.products-list .product-description {
    display: block;
    color: #888 !important;
    overflow: hidden ;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.name-ar {
    /*font-weight: bold;*/
    padding-bottom: 7px;
    font-family: 'roboto_regular' !important;
}
.place-m{
    color: #999;
  
    font-variant: inherit;
    font-style: normal;
}
.box-body-chat{ background:#f2f2f2;}
.frame ul { padding-left:0px;}
.control-sidebar-light .tab-content{padding:0px;}
.control-sidebar {
    position: fixed !important;
   padding-top: 0px !important;
    z-index: 9999 !important;
    top: 0px;
    bottom: 0px;
	width:511px !important;
}
.all-side-p{padding:30px;}
.close-s a {
    font-size: 20px;
    color: #5f5f5f;
    padding-bottom: 10px;
}
.close-s {
    float: left;
    width: 100%;
}
.box-header {
    color: #444;
    display: block;
    padding: 15px !important;
    position: relative;
    border-bottom: 1px solid #ccc;
}
control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus {
    border-left-color: #fff !important;
    border-bottom-color: #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a {
    background: #fff;
    color: #444;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a {
    background: #fff !important;
    color: #444;
    font-size: 17px;
    font-weight: bold;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus {
    border-left-color:#fff !important;
    border-bottom-color: #d2d6de;
}
.frame1{ height:510px !important;}
/*.nav-tabs { border-bottom: 2px solid #DDD; }*/
.text-bold{font-weight:bold;}
.app-h a{ color:#333;}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover {  color: rgb(37,76,177) !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: rgb(37,76,177); height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}
.nav-tabs-custom>.nav-tabs>li.active {
    border: none;
}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
.navbar-custom-menu  .dropdown-menu li a{ padding:10px;    font-size: 13px;}
.tab-content.box {
    float: left;
    width: 100%;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #ddd  !important;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #ddd !important;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd !important;
}
.labJoblist > tbody > tr > td {
    padding: 0 5px;
    vertical-align: middle;
}
.table > tbody > tr.active, .table > tbody > tr.active > td {
    background-color: #ececec !important;
}
.gray-bg {
    margin-bottom: 4px;
    padding: 5px;
    background-color: #ececec !important;
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.75);
    border-radius: 8px;
}
input.sm-field {
    width: 50px;
    height: 26px;
    padding: 2px 4px;
}
input.md-field, select.md-field {
    width: 100px;
    height: 26px;
    padding: 3px 6px;
}
input.xs-field {
    width: 25px;
    height: 25px;
    padding: 2px 2px;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    box-shadow: none;
    border: 1px solid #ddd;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #fff !important; 
    border-color: #337ab7;
}
.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    color: #444;
    background: #fff !important;
}
.skin-blue .main-header .navbar .nav>li>a {
    color: #55595c;
}

.today {
    background: #0055b1;
    color: #fff;
    border-radius: 4px;
}

.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -21px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

#prescription .checkbox label{
    min-height: 20px;
    padding-left: 0px !important;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #d2d6de;
}
.datepicker {
    z-index: 1080 !important;
}
.fa{
    cursor: pointer !important;
}
.datepicker-days .active {
    background: #ccc;
    border-radius: 4px;
}
.datepicker-switch{ text-align:center;}
.phone-input {
    margin-bottom: 8px;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.chat-box-all{min-height:200px; height:200px ; overflow-y:scroll;}
.contacts-list-info {
    margin-left: 45px;
    color: #000 !important;
}
.app-h{min-height:210px;}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 139px !important;
    padding: 10px;
    text-align: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    color: #fff;
}
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    font-weight: bold;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    z-index: 5;
    color: #333!important;
    font-size: 17px;
    margin-top: 10px;
}
.skin-blue .main-header li.user-header {
    background-color: #ffffff !important;
}
.progress { margin-bottom:0px !important;}
.tsf-controls  {display:block !important;}
.logo-bottom div {
    padding-top: 52px;
    float: left;
    width: 100%;
	    font-size: 18px;
		font-weight:bold;
}
.top-title {
    margin-top: 14px;
    /* display: block; */
    float: left;
    font-size: 16px;
    font-weight: bold;
}
.main-header .logo .logo-mini {
    display: none;
    padding: 0px;
    width: 39px;
    padding: 3px;
}
.logo-bottom img {
    padding: 10px;
}
.day-s { width:100%;}
.day-s tr td { padding:5px;}
.performers-line{ line-height:78px;}
.performer .nav-tabs-custom{margin-bottom:0px !important}
.performer {padding:0px !important;  }
.box-header {
    color: #444;
    display: block;
    padding: 15px !important;
    position: relative;
    border-bottom: 1px solid #e8e8e8 !important;
}
.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 #e8e8e8 !important;
    padding: 10px;
    min-height: 40px;
    background-color: #fff;
}
.btn {
    
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    /*line-height: 23px;*/
    line-height: 15px;
    font-size:12px;
}
.form-control {
    height: 30px;
    font-size: 13px;
}
.btn-group-sm > .btn, .btn-sm {
    padding: 4px 10px;
}
.content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
   
}
.progress {
    background-color: #eaeaea !important;
    border-radius: 50px !important;
}
.nav-tabs-custom>.nav-tabs>li>a {
    color: #444;
    border-radius: 0;
    font-weight: bold;
    font-size: 16px;
}
.btn-box-h{float:left; width:100%; padding:10px;}
.view-profile-f{ z-index:999;}
.margin-remove{ margin-top:32px;}
.critical-patients{line-height:34px;}
.appointment-requests{line-height:49px;}

.bell { list-style:none;}
.bell li {
  padding-left: 1.3em;
 
}
.bell li:before {
  content: "\f0a2"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.broadcast { list-style:none;}
.broadcast li {
  padding-left: 1.3em;
 
}
.broadcast li:before {
  content: "\f111  "; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.box-calender{ padding:0px 10px;}
.cal-box { padding:5px; margin-bottom:10px;}
.cal-box img{ min-width:50px; width:50px;  margin-bottom:10px;}
.days { font-weight:bold; margin-bottom:10px; float:left; width:100%;}
.box-r { margin-bottom:10px; }
.direct-chat-messages-chat{ height:100vh !important; }

/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d2d2d2;
}

.box-body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
	background-color: #F5F5F5;
}

.box-body::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.box-body::-webkit-scrollbar-thumb
{
	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d2d2d2;
}
.inbox-body::-webkit-scrollbar-thumb
{
	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d2d2d2;
}
.inbox-body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
	background-color: #F5F5F5;
}

.inbox-body::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}
.performer tbody::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
	background-color: #F5F5F5;
}

.performer tbody::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.performer tbody::-webkit-scrollbar-thumb
{
	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d2d2d2;
}

.modal-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
	background-color: #F5F5F5;
}

.modal-content::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.modal-content::-webkit-scrollbar-thumb
{
	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d2d2d2;
}
.message-user1 { width:100%; color:#fff;}
.message-user1 tr td{ padding:10px 20px;}
.message-user tr td{ padding:10px 20px;}

.appointment-requests .btn-group {
    margin-top: 15px;
}
.nav-tabs-custom>.tab-content {
    background: #fff;
    padding: 0px !important;
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
.skin-blue .main-header .navbar {
    background-color: #fff;
   
	    border-bottom: 1px solid #ccc!important;

}
.nav-tabs-custom>.nav-tabs>li.active>a {
    border-top-color: transparent;
   
}
.nav-tabs-custom>.nav-tabs {
    margin: 0;
    border-bottom-color: #ddd;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px!important;
}
.nav-tabs-custom img{ width:83px;} 
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24) !important;
    border-radius: 4px !important;
}

.btn-primary {
    background-color: #0055b1 !important;
    border-color: #0055b1 !important;
}
.login-bg {
    /*background: url(../img/login.jpg) no-repeat center center fixed;*/
    background: url(../img/seethapathy_home-banner-Copy.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.sidebar-toggle{background:#0151a5;}
.login-top{    margin: 43% 0px; color:#fff !important ; float:left; width:100%;}
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.search-box  ul li { list-style:none; padding-top:10px; margin-bottom:0px !important;}
.search-box  ul { margin-bottom:0px !important;}
.message-menu li { padding:20px; list-style:none; margin-left:0px; }
.message-menu { padding-left:0px; }
.message-menu li a { color:#fff; }
.parent{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.cal-box { border:1px solid #ddd;}
/*.child {
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    height: 897px;
    overflow-x: hidden;
}*/
.scroll-height{ height:810px !important;}
.message-box{background: #364150;
    min-height: 100%;
    height: 897px;}


div.switch5 { clear: both; margin: 0px 0px; }
div.switch5 > input.switch:empty { margin-left: -999px; }
div.switch5 > input.switch:empty ~ label { position: relative; float: left; line-height: 1.6em; text-indent: 4em; margin: 0.2em 0px; cursor: pointer; -moz-user-select: none; }
div.switch5 > input.switch:empty ~ label:before, input.switch:empty ~ label:after { position: absolute; display: block; top: 0px; bottom: 0px; left: 0px; content: "off"; width: 3.6em; height: 1.5em; text-indent: 2.4em; color: rgb(153, 0, 0); background-color: rgb(204, 51, 51); border-radius: 0.3em; box-shadow: 0px 0.2em 0px rgba(0, 0, 0, 0.3) inset; }
div.switch5 > input.switch:empty ~ label:after { content: " "; width: 1.4em; height: 1.5em; top: 0.1em; bottom: 0.1em; text-align: center; text-indent: 0px; margin-left: 0.1em; color: rgb(255, 136, 136); background-color: rgb(255, 255, 255); border-radius: 0.15em; box-shadow: 0px -0.2em 0px rgba(0, 0, 0, 0.2) inset; transition: all 100ms ease-in 0s; }
div.switch5 > input.switch:checked ~ label:before { content: "on"; text-indent: 0.5em; color: rgb(102, 255, 102); background-color: rgb(51, 153, 51); }
div.switch5 > input.switch:checked ~ label:after { margin-left: 2.1em; color: rgb(102, 204, 102); }
div.switch5 > input.switch:focus ~ label { color: rgb(0, 0, 0); }
div.switch5 > input.switch:focus ~ label:before { box-shadow: 0px 0px 0px 3px rgb(153, 153, 153); }

.switch6 {  max-width: 17em;  margin: 0 auto; }
.switch6-light > span, .switch-toggle > span {  color: #000000; }
.switch6-light span span, .switch6-light label, .switch-toggle span span, .switch-toggle label {  color: #2b2b2b; }

.switch-toggle a, 
.switch6-light span span { display: none; }

.switch6-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; }
.switch6-light * { box-sizing: border-box; }
.switch6-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch6-light label, 
.switch6-light > span { line-height: 30px; vertical-align: middle;}

.switch6-light label {font-weight: 700; max-width: 100%;}

.switch6-light input:focus ~ a, .switch6-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.switch6-light input { position: absolute; opacity: 0; z-index: 5; }
.switch6-light input:checked ~ a { right: 0%; }
.switch6-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch6-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center; }
.switch6-light > span span:last-child { left: 50%; }
.switch6-light a { position: absolute; right: 50%; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px; }

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50% !important;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;a
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

@media (min-width: 760px) and (max-width: 2000px) { 
 }
 
 @media (min-width: 100px) and (max-width: 767px) { 
 .navbar-form {
    padding:0px !important;
    margin-top: 0px !important;
    margin-right: 15px!important;
   margin-bottom: 0px!important;
     margin-left:15px!important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
}
 .mobile-top{ margin-top:40px;}
 .main-sidebar {margin-top:40px;}
 }
 @media (min-width: 100px) and (max-width: 2000px) { 
 .sidebar-menu > li .badge {
    margin-top: -7px !important;
}
 }
  @media (min-width: 768px) and (max-width: 2000px) { 
  #navbar-search-input{width:280%;}
  }

  /*chat*/
 .frame {
    width: 100%;
    min-width: 100%;
    max-width: 1000px;
    height:700px;
    min-height: 300px;
    max-height: 720px;
    background: #E6EAEA;
    padding-bottom: 10px;
}
@media screen and (max-width: 360px) {
  .frame {
    width: 100%;
    height: 100vh;
  }
}
.frame .sidepanel {
  float: left;
  
  width: 100%;
  height: 100%;
  /*background: #2c3e50;*/
 /* color: #f5f5f5;*/
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel {
    width: 58px;
    min-width: 58px;
  }
}
.frame .sidepanel .profile-1 {
  width: 80%;
  margin: 25px auto;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .profile-1 {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 0 0;
    background: #32465a;
  }
}
.frame .sidepanel .profile-1.expanded .wrap {
  height: 210px;
  line-height: initial;
}
.frame .sidepanel .profile-1.expanded .wrap p {
  margin-top: 20px;
}
.frame .sidepanel .profile-1.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-1 .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-1 .wrap {
    height: 55px;
  }
}
.frame .sidepanel .profile-1 .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-1 .wrap img {
    width: 40px;
    margin-left: 4px;
  }
}
.frame .sidepanel .profile-1 .wrap img.online {
  border: 2px solid #2ecc71;
}
.frame .sidepanel .profile-1 .wrap img.away {
  border: 2px solid #f1c40f;
}
.frame .sidepanel .profile-1 .wrap img.busy {
  border: 2px solid #e74c3c;
}
.frame .sidepanel .profile-1 .wrap img.offline {
  border: 2px solid #95a5a6;
}
.frame .sidepanel .profile-1 .wrap p {
  float: left;
  margin-left: 15px;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .profile-1 .wrap p {
    display: none;
  }
}
.frame .sidepanel .profile-1 .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-1 .wrap i.expand-button {
    display: none;
  }
}
.frame .sidepanel .profile-1 .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-1 .wrap .status-options {
    width: 58px;
    margin-top: 57px;
  }
}
.frame .sidepanel .profile-1 .wrap .status-options.active {
  opacity: 1;
  visibility: visible;
  margin: 75px 0 0 0;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .profile-1 .wrap .status-options.active {
    margin-top: 62px;
  }
}
.frame .sidepanel .profile-1 .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-1 .wrap .status-options:before {
    margin-left: 23px;
  }
}
.frame .sidepanel .profile-1 .wrap .status-options ul {
  overflow: hidden;
  border-radius: 6px;
}
.frame .sidepanel .profile-1 .wrap .status-options ul li {
  padding: 15px 0 30px 18px;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .profile-1 .wrap .status-options ul li {
    padding: 15px 0 35px 22px;
  }
}
.frame .sidepanel .profile-1 .wrap .status-options ul li:hover {
  background: #496886;
}
.frame .sidepanel .profile-1 .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-1 .wrap .status-options ul li span.status-circle {
    width: 14px;
    height: 14px;
  }
}
.frame .sidepanel .profile-1 .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-1 .wrap .status-options ul li span.status-circle:before {
    height: 18px;
    width: 18px;
  }
}
.frame .sidepanel .profile-1 .wrap .status-options ul li p {
  padding-left: 12px;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .profile-1 .wrap .status-options ul li p {
    display: none;
  }
}
.frame .sidepanel .profile-1 .wrap .status-options ul li.status-online span.status-circle {
  background: #2ecc71;
}
.frame .sidepanel .profile-1 .wrap .status-options ul li.status-online.active span.status-circle:before {
  border: 1px solid #2ecc71;
}
.frame .sidepanel .profile-1 .wrap .status-options ul li.status-away span.status-circle {
  background: #f1c40f;
}
.frame .sidepanel .profile-1 .wrap .status-options ul li.status-away.active span.status-circle:before {
  border: 1px solid #f1c40f;
}
.frame .sidepanel .profile-1 .wrap .status-options ul li.status-busy span.status-circle {
  background: #e74c3c;
}
.frame .sidepanel .profile-1 .wrap .status-options ul li.status-busy.active span.status-circle:before {
  border: 1px solid #e74c3c;
}
.frame .sidepanel .profile-1 .wrap .status-options ul li.status-offline span.status-circle {
  background: #95a5a6;
}
.frame .sidepanel .profile-1 .wrap .status-options ul li.status-offline.active span.status-circle:before {
  border: 1px solid #95a5a6;
}
.frame .sidepanel .profile-1 .wrap .expanded {
  padding: 100px 0 0 0;
  display: block;
  line-height: initial !important;
}
.frame .sidepanel .profile-1 .wrap .expanded label {
  float: left;
  clear: both;
  margin: 0 8px 5px 0;
  padding: 5px 0;
}
.frame .sidepanel .profile-1 .wrap .expanded input {
  border: none;
  margin-bottom: 6px;
  background: #32465a;
  border-radius: 3px;
  color: #f5f5f5;
  padding: 7px;
  width: calc(100% - 43px);
}
.frame .sidepanel .profile-1 .wrap .expanded input:focus {
  outline: none;
  background: #435f7a;
}
.frame .sidepanel .search {
 
  font-weight: 300;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .search {
    display: none;
  }
}
.frame .sidepanel .search label {
  position: absolute;
  margin: 10px 0 0 20px;
}
.frame .sidepanel .search input {
  
  padding: 10px 0 10px 46px;
  width:100%;
  border: none;
  background: #d0d0d0;
  color: #f5f5f5;
}
.frame .sidepanel .search input:focus {
  outline: none;
  background: #d0d0d0;
}
.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: calc(100% - 36px);
  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;
  }
  
  .performer tbody::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
	background-color: #F5F5F5;
}

.performer tbody::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.performer tbody::-webkit-scrollbar-thumb
{
	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d2d2d2;
}
 .frame .sidepanel .contacts::-webkit-scrollbar-thumb
{
	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d2d2d2;
}
 .frame .sidepanel .contacts::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
	background-color: #F5F5F5;
}
  .frame .sidepanel .contacts::-webkit-scrollbar {
   width: 12px;
	background-color: #F5F5F5;
  }
}
.frame .sidepanel .contacts.expanded {
  height: calc(100% - 334px);
}
.frame .sidepanel .contacts::-webkit-scrollbar {
  width: 12px;
	background-color: #F5F5F5;
}
.frame .sidepanel .contacts::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d2d2d2;
}
.frame .sidepanel .contacts ul li.contact {
  position: relative;
  padding: 10px 0 15px 0;
  font-size: 0.9em;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .contacts ul li.contact {
    padding: 6px 0 46px 8px;
  }
}
.frame .sidepanel .contacts ul li.contact:hover {
  background: #f2f2f2;
}
.frame .sidepanel .contacts ul li.contact.active {
  background: #f2f2f2;
  
}
.frame .sidepanel .contacts ul li.contact.active span.contact-status {
  border: 2px solid #32465a !important;
}
.frame .sidepanel .contacts ul li.contact .wrap {
  width: 88%;
  margin: 0 auto;
  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;
  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: 5px 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-weight: 600;
}
.frame .sidepanel .contacts ul li.contact .wrap .meta .preview {
  margin: 5px 0 0 0;
  padding: 0 0 1px;
  font-weight: 400;
  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;
  width: 100%;
  bottom: 0;
}
.frame .sidepanel .bottom-bar button {
  float: left;
  border: none;
  width: 50%;
  padding: 10px 0;
  background: #32465a;
  color: #f5f5f5;
  cursor: pointer;
  font-size: 0.85em;
  font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .bottom-bar button {
    float: none;
    width: 100%;
    padding: 15px 0;
  }
}
.frame .sidepanel .bottom-bar button:focus {
  outline: none;
}
.frame .sidepanel .bottom-bar button:nth-child(1) {
  border-right: 1px solid #2c3e50;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .bottom-bar button:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid #2c3e50;
  }
}
.frame .sidepanel .bottom-bar button:hover {
  background: #435f7a;
}
.frame .sidepanel .bottom-bar button i {
  margin-right: 3px;
  font-size: 1em;
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .bottom-bar button i {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 735px) {
  .frame .sidepanel .bottom-bar button span {
    display: none;
  }
}
.frame .content {
  float: right;
  width: 60%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 735px) {
  .frame .content {
    width: calc(100% - 58px);
    min-width: 300px !important;
  }
}
@media screen and (min-width: 900px) {
  .frame .content {
    width: 100%;
  }
}
.frame .content .contact-profile {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #f5f5f5;
}
.frame .content .contact-profile img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin: 9px 12px 0 9px;
}
.frame .content .contact-profile p {
  float: left;
}
.frame .content .contact-profile .social-media {
  float: right;
}
.frame .content .contact-profile .social-media i {
  margin-left: 14px;
  cursor: pointer;
}
.frame .content .contact-profile .social-media i:nth-last-child(1) {
  margin-right: 20px;
}
.frame .content .contact-profile .social-media i:hover {
  color: #435f7a;
}
.frame .content .messages {
  height: auto;
 /*min-height: calc(100% - 20%);*/
 
  overflow-y: scroll;
  overflow-x: hidden;
  width:100%;
  max-height:569px;
   min-height:569px;
}
@media screen and (max-width: 735px) {
  .frame .content .messages {
    max-height: calc(100% - 105px);
  }
}
.frame .content .messages::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.frame .content .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
.frame .content .messages ul li {
  display: inline-block;
  clear: both;
  float: left;
  margin: 15px 15px 5px 15px;
  width: calc(100% - 25px);
  font-size: 0.9em;
}
.frame .content .messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
}
.frame .content .messages ul li.sent img {
  margin: 6px 8px 0 0;
}
.frame .content .messages ul li.sent p {
  background: #435f7a;
  color: #f5f5f5;
}
.frame .content .messages ul li.replies img {
  float: right;
  margin: 6px 0 0 8px;
}
.frame .content .messages ul li.replies p {
  background: #f5f5f5;
  float: right;
}
.frame .content .messages ul li img {
    width: 50px;
    border-radius: 50%;
    float: left;
    margin-top: 0px !important;
}
.frame .content .messages ul li p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 20px;
  max-width: 205px;
  line-height: 130%;
}
@media screen and (min-width: 735px) {
  .frame .content .messages ul li p {
    max-width: 300px;
  }
}
.frame .content .message-input {
  position: absolute;
  bottom: 0;
  width: 96%;
  z-index: 99;
}
.frame .content .message-input .wrap {
    position: relative;
    width: 98%;
}
@media screen and (max-width: 735px) {
  .frame .content .message-input .wrap input {
    padding: 15px 32px 16px 8px;
  }
}
.frame .content .message-input .wrap input:focus {
  outline: none;
}
.frame .content .message-input .wrap .attachment {
  position: absolute;
  right: 60px;
  z-index: 4;
  margin-top: 10px;
  font-size: 1.1em;
  color: #435f7a;
  opacity: .5;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  .frame .content .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px;
  }
}
.frame .content .message-input .wrap .attachment:hover {
  opacity: 1;
}
.frame .content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 8px 0;
    cursor: pointer;
    background: #32465a;
    color: #f5f5f5;
}
@media screen and (max-width: 735px) {
  .frame .content .message-input .wrap button {
    padding: 16px 0;
  }
}
.frame .content .message-input .wrap button:hover {
  background: #435f7a;
}
.frame .content .message-input .wrap button:focus {
  outline: none;
}
/*chat*/

/*message*/
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.mail-box .sm-side {
       background: none repeat scroll 0 0 #fff;
    border-radius: 4px 0 0 4px;
    width: 25%;
    border-right: 1px solid #ccc;
}
.mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 4px 4px 0;
    width: 75%;
}
.mail-box .sm-side .user-head {
    background: none repeat scroll 0 0 #00a8b3;
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px;
}
.user-head .inbox-avatar {
    float: left;
    width: 65px;
}
.user-head .inbox-avatar img {
    border-radius: 4px;
}
.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}
.user-head .user-name h5 {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 15px;
}
.user-head .user-name h5 a {
    color: #fff;
}
.user-head .user-name span a {
    color: #87e2e7;
    font-size: 13px;
}
a.mail-dropdown {
    background: none repeat scroll 0 0 #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}
.inbox-body {
    padding: 20px;
    text-align: justify;
    height: 733px;
    overflow-y: scroll;
}
.box-body-nop{padding:0px !important;}
.btn-compose {
    background: none repeat scroll 0 0 #ff6c60;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.btn-compose:hover {
    background: none repeat scroll 0 0 #f5675c;
    color: #fff;
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}
ul.inbox-nav li a {
    color: #6a6a6a;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: none repeat scroll 0 0 #eaeaea;
    color: #6a6a6a;
}
ul.inbox-nav li a i {
    color: #6a6a6a;
    font-size: 16px;
    padding-right: 10px;
}
ul.inbox-nav li a span.label {
    margin-top: 13px;
}
ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: uppercase;
}
ul.labels-info li {
    margin: 0;
}
ul.labels-info li a {
    border-radius: 0;
    color: #6a6a6a;
}
ul.labels-info li a:hover, ul.labels-info li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.labels-info li a i {
    padding-right: 0px;
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px;
}
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}
* + html .fileinput-button {
    margin: 1px 0 0;
    padding: 2px 15px;
}
@media (max-width: 767px) {
.files .btn span {
    display: none;
}
.files .preview * {
    width: 40px;
}
.files .name * {
    display: inline-block;
    width: 80px;
    word-wrap: break-word;
}
.files .progress {
    width: 20px;
}
.files .delete {
    width: 60px;
}
}
/*message*/
/*btn*/

.btn-primary, .fc-today-button {
 color: #7b7b7b !important;
    background-color: #f2f2f2!important;
    border-color: #dadada!important;}
  .btn-primary:hover, .fc-today-button:hover {
   color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important; }
  .btn-primary:focus, .fc-today-button:focus, .btn-primary.focus, .focus.fc-today-button {
      color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important;  }
 
.btn-info {
 color: #7b7b7b !important;
    background-color: #f2f2f2!important;
    border-color: #dadada!important;}
  .btn-info:hover {
      color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important;  }
  .btn-info:focus, .btn-info.focus {
    color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important;  }
  
.btn-success {
 color: #7b7b7b !important;
     background-color: #f2f2f2!important;
    border-color: #dadada!important; }
  .btn-success:hover {
       color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important;  }
  .btn-success:focus, .btn-success.focus {
   color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important; }
 

.btn-warning {
 color: #7b7b7b !important;
     background-color: #f2f2f2!important;
    border-color: #dadada!important;}
  .btn-warning:hover {
    color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important; }
  .btn-warning:focus, .btn-warning.focus {
       color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important; }
  
.btn-danger {
  color: #7b7b7b !important;
    background-color: #f2f2f2!important;
    border-color: #dadada!important;}
  .btn-danger:hover {
   color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important; }
  .btn-danger:focus, .btn-danger.focus {
   color: #333!important;
    background-color: #ccc!important;
    border-color: #ccc!important; }
  
/*btn*/
/*******************
Wave Effects
*******************/

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7);
}

html body .waves-notransition {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none;
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.waves-block {
    display: block;
}
.scrollbox {

  overflow: auto;
  visibility: hidden;
}
.scrollbox-content,
.scrollbox:hover,
.scrollbox:focus {
  visibility: visible;
}

.scrollbox_delayed {
  transition: visibility 0.2s;
}
.scrollbox_delayed:hover {
  transition: visibility 0s 0.2s;
}
.scroll-white{background:#fff;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #999 !important;
}
@media (min-width: 768px)
{
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important; 
    }
}

.treatment {
    margin-left: 8px;
    color: #333 !important;
    font-size: 10px;
}
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
}
  .material-icon-list-demo .mdi {
  font-size: 21px; }
  @media (min-width: 768px)
  {
.navbar-nav>li>a {
     padding-top: 10px !important;
     padding-bottom: 10px !important; 
}
  }
  .cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.pre-food{background-image:url(../img/pre-food.png);}
.post-food{background-image:url(../img/post-food.png);}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:40px;height:40px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.2);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.2);
            filter: brightness(1.8) grayscale(1) opacity(.2);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}


div.options {
    background-color: #FFF7C0;
    padding: 10px 5px 5px 10px;
    margin: 0 0 10px 0;
}

div.options:after {
    content: "";
    display: block;
    clear: both;
}

div.options > label {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    overflow: hidden;
    cursor: pointer;
}

div.options > label > img {
    display: block;
    border: 2px solid #eee;
}

div.options > label > input {
    position: absolute;
    top: -100px;
}

div.options > label > input:checked + img {
    border-color: #51A351;
}


    .wizard1 .nav-tabs > li a {
        width: 100% !important;
        height: 35px !important;
        margin: 0px !important;
        border-radius: 100% !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .wizard1 .nav-tabs > li > a:hover {
        border-color: #fff;
    }

    .wizard {
        margin: 20px auto;
        background: #fff;
    }

        .wizard .nav-tabs {
            position: relative;
            margin: 40px auto;
            margin-bottom: 0;
            border-bottom-color: #e0e0e0;
        }

        .wizard > div.wizard-inner {
            position: relative;
        }

    .connecting-line {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 1;
    }

    .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
        color: #555555;
        cursor: default;
        border: 0;
        border-bottom-color: transparent;
    }

    span.round-tab {
        width: 70px;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        border-radius: 100px;
        background: #fff;
        border: 2px solid #e0e0e0;
        z-index: 2;
        position: absolute;
        left: 0;
        text-align: center;
        font-size: 25px;
    }

        span.round-tab i {
            color: #555555;
        }

    .wizard li.active span.round-tab {
        background: #fff;
        border: 2px solid #5bc0de;
    }

        .wizard li.active span.round-tab i {
            color: #5bc0de;
        }

    span.round-tab:hover {
        color: #333;
        border: 2px solid #333;
    }

    .wizard .nav-tabs > li {
        width: 20%;
    }

    .wizard li:after {
        content: " ";
        position: absolute;
        left: 46%;
        opacity: 0;
        margin: 0 auto;
        bottom: 0px;
        border: 5px solid transparent;
        border-bottom-color: #5bc0de;
        transition: 0.1s ease-in-out;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 46%;
        opacity: 1;
        margin: 0 auto;
        bottom: 0px;
        border: 10px solid transparent;
        border-bottom-color: #5bc0de;
    }

    .wizard .nav-tabs > li a {
        width: 70px;
        height: 70px;
        margin: 20px auto;
        border-radius: 100%;
        padding: 0;
    }

        .wizard .nav-tabs > li a:hover {
            background: transparent;
        }

    .wizard .tab-pane {
        position: relative;
        padding-top: 50px;
    }

    .wizard h3 {
        margin-top: 0;
    }

    @media( max-width : 585px ) {

        .wizard {
            width: 90%;
            height: auto !important;
        }

        span.round-tab {
            font-size: 16px;
            width: 50px;
            height: 50px;
            line-height: 50px;
        }

        .wizard .nav-tabs > li a {
            width: 50px;
            height: 50px;
            line-height: 50px;
        }

        .wizard li.active:after {
            content: " ";
            position: absolute;
            left: 35%;
        }
    }


@media only screen and (max-width: 660px) {
    .wizard .nav-tabs > li {
        width: 100% !important;
    }
    .wizard li.active:after {
    border-bottom-color:transparent !important;
    }
    .wizard1 .nav-tabs > li a {
        padding: 8px !important;
    }
}
@media only screen and (max-width: 511px) {
    .control-sidebar {
        width:100% !important;
    }
}
.category a{color:#000}
.percent{font-size:16px;}
.dull_text{color:#bfbfbf;}
.filter {float:right;margin:10px 20px;}
.filter a{color:#000;font-weight:400;font-size:13px;}

.ui-autocomplete {
    z-index:9999!important;
}

/*modified*/
.navbar-form {
        margin-bottom: 2px!important;
}
.viewall_btn {
    color:rgb(37,76,177);
    cursor:pointer;
    font-family:'roboto_medium'!important; 
}
    .viewall_btn:hover, .viewall_btn:focus {
        color:rgb(21, 56, 148);
    }
.no_data_content {
     font-family:'roboto_regular' !important; 
     font-size:14px;
     color:rgb(153,153,153);
}
.no_record_img {
    max-width: 154px !important;
    margin-bottom: 20px;
    margin-top: 30px;
}
.img_bordered {
border:1px solid #999;
}
.label_head {
    color: rgb(153,153,153);
    font-weight:normal;
}
.searchp_id_anchor {
    color: rgb(77,77,77);
}
.search-boxa {
    font-family: 'roboto_medium' !important;
    margin-left: 0;
    margin-right: 0;
}
.f_weight_normal {
    font-weight:normal;
}
.icon_img_area {
width:66px;
margin-right:10px;
display:block;
float:left;
padding:10px;
width: 17%;
}
.icon_img_area img {
margin: 0 auto;
}
.disp_content_area {
display:block;
float:left;
background:#edf9ff;
color:rgb(77,77,77);
padding:10px;
width: 80%;
 font-size:14px;
 font-family: 'roboto_medium' !important;
}
.bp_label {
 font-family: 'roboto_regular' !important;
 color:rgb(153,153,153);
 font-size:12px;
}
.date_icon {
 color:rgb(153,153,153);
 font-size:12px;
}
.search_pat_bpsug_list li{
    margin:10px 0;
}
.arrow_success {
}
.nav-tabs li a {
    font-family:'roboto_condensed',sans-serif  !important;
        font-size: 12px !important;
        text-transform:uppercase;
}
.img-circle {
    border:1px solid #999;
}
.search-boxb .btn-primary {
margin-top:5px;
}
.below_average {
color:#c9302c;
}
.above_average {
color:#449d44;
}
.normal_average {
    color:#ec971f;
}
.phone-ar a {
color:#999;
}
.img_container {
  position: relative;
  padding:10px;
}

.overlay_block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.6);
}
.overlay_block_app {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #757373;
}
.padding0b3{
    padding: 0 0 3px 0 !important;
}
.padding0 {
    padding: 0 !important;
}
.pad5 {
    padding: 5px !important;
}
.padr5{
    padding: 0 5px !important;
}

#appointment_requests > .item:hover .overlay_block_app, #appointment_request-modal > .item:hover .overlay_block_app {
    opacity: 0.9;
    z-index: 9999;
}
.bkshw {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: #757373;
    transform: translateY(106px);
}
.bkhover:hover .bkshw {
    /*transition: all .5s ease;*/
    display: block;
    opacity: 0.95;
    z-index: 1;
    max-height: 100px;
    bottom: 0;
    transform: translateY(0);
    -webkit-transition: all .2s ease;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/*#appointment_requests > .item:hover .vhid{
    visibility: hidden;
}*/

.text_block_app {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.text_block {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.products-list li.search-boxa {
    padding: 0px !important;
}

.mbot0{
    margin-bottom: 0;
}


.icon_outer_span{
       background: #7da3f6;
    padding: 12px;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    height: 45px;
    width: 45px;
    line-height: 1;
    display: inline-block;
}
.icon_outer_span:hover {
    color:#fff;
}
.img_container .name-ar, .img_container .phone-ar {
    font-size: 13px;
}
.img_container .name-ar,.img_container .name-ar:hover {
    color:#000;
}
.performer-h .nav-tabs {
    border-bottom: 0 !important;
}
.badge {
    min-width: 30px;
}
.dropbtn {
    border: none;
}

.dropdown_sec {
    position: relative;
    float: right;
}

.dropdown_content {
        top: 70px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 180px;
    max-height:175px;
    overflow:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown_content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}
.dropdown_content a:hover {background-color: #ddd;}

.dropdown_sec:hover .dropdown_content {display: block;}

.dropdown_sec:hover .dropbtn {background-color: #3e8e41;}
.count_sec_block{
    margin-top:26px;
}
.lab_head_block {
        font-family: 'roboto_medium' !important;
        color:rgb(77,77,77);
        text-align:center;
        font-size:15px;
}
.lab_sec_block {
        font-family: 'roboto_regular' !important;
        text-align:center;
        color:rgb(153,153,153);
        font-size:13px;
}
.cp_icon_outer_span {
padding:10px;
}
.cp_icon_img {
    display: inline-block;
        width: 100%;
}
.suges_ico{
    width: 30px;
}
.search_box_btn_grp_sec a {
    display:inline-block;
    margin-right:5px;
    float:right;
}
.mar_t15 {
margin-top:20px;
}
.s_prof_img {
    height: 50px;
    overflow: hidden;
}

.ui-menu-item-wrapper > .ser-img > img {
    width: 30px !important;
    height: 30px;
}

.ui-menu li span div{
    font-size: 14px;
    padding: 0 0 0px 10px;
    margin: 0 0 0 0 !important;
    white-space: nowrap;
}
.bot-bor{
    border-bottom: 1px solid #ccc;
}
.dashMyshedulebox{
    min-height: 250px;
}

.load-position-stats {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 2;
}

.load-position-schedule {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 2;
    left: 45%;
    max-width: 250px;
}

.load-position {
    position: absolute;
    left: 25%;
    top: 20%;
    width: 100%;
    height: auto;
    z-index: 2;
}

.da-load-quickentry {
    background-color: rgba(111, 105, 105, 0.5);
    left: 0;
    top: 0;
    height: 100%;
    position: fixed;
}
.da-load-quickentry-img {
    position: absolute;
    left: 40%;
    top: 40%;
    margin: 0 auto;
}
.testcount{
    background: #fff;
    position: absolute;
    width: 100%;
    height: 300px;
    z-index: 2;
}
.testcount img{
        left: 40%;
        top: -10%;
    position: absolute;
}
.testsec-minh{
    overflow:hidden;
    min-height:200px;
}
.ui-widget-content .ui-state-active{
    color: #000 !important;
}
.da-load-poor {
    width: 200px;
}

.validate_errup {
    top: 34px;
    position: absolute;
    font-size:11px;
}
.validate_errup27 {
    top: 27px;
    position: absolute;
    font-size: 11px;
}

/*Patient Search*/

.box-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 40px;
    z-index: 1;
}

.box-search {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
    /* width: 380px; */
    background: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.box-inner {
    padding-bottom: 0;
    position: relative;
    margin-top: -30px;
}

.avatar {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: -7px;
    /*left: 22%;*/
    margin: 0 auto;
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 90;
}
.avatar img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
}
.listgrp{
    font-size: 10px;
}
.listgrpvip{
    position:relative;
    z-index: 100;
    height: 20px;
}
.btn-gold{
    color: #fff !important;
    background-color: #ecc334!important;
    border-color: #dab431!important;
    border-radius: 8px !important;
}
.btn-sgreen {
    color: #fff !important;
    background-color: #55d22a !important;
    border-color: #14ce4a !important;
    border-radius: 8px !important;
}
.seditapp {
    position: absolute;
    display: none;
    color: #fff;
    padding: 2px;
    background: #006494;
    border-radius: 6px;
    cursor: pointer;
    z-index:99;
}
.stopsechvr {
    border-bottom-left-radius: 0;
    background: #ffffff;
    color: #444;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    min-height: 77px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.stopsechvr:hover > a > .seditapp {
    display: inline-block;
    cursor: pointer;
}
.sedith {
    right: 3px;
}
.sdelh {
    right: 45px;
}
.name {
    padding: 20px 0 60px 0;
    background: #3e81dd;
    color: #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    font-size: 20px;
}

.name,
.followers-title {
    font-size: 30px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 2px;
    color: #fff;
}

.occupation {
    font-size: 18px;
    font-style: italic;
    color: #707070;
    margin-bottom: 2px;
}

.location {
    color: #b3b3b3;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 2px;
    padding-bottom: 5px;
    /*border-bottom: 1px solid #f2f2f2;*/
}

.sml {
    font-size: 12px;
    color: #ccc;
}
.chartjs-render-monitor {
    margin-top: 28px;
}
.chart-border-top {
    margin-top: 20px;
    /* padding: 15px; */
    border-radius: 0px;
    border-top: 0.5px solid #f5f5f5;
}
.app-h {
    margin-top: 50px;
}

.location .fa {
    color: #c6c6c6;
    margin-right: 4px;
}
.listgrp>span{
    font-size: 10px !important;
    z-index: 100;
}
.visit-data {
    font-size: 18px;
    color: #666;
    margin-bottom: 5px;
}
.mtopnbot{
    margin: 5px 0;
}
.btn-bapp {
    color: #000 !important;
    background-color: #3e81dd !important;
    border-color: #3164ab !important;
    border-radius: 13px !important;
}
.sname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.bkapoint {
    font-size: 34px;
    top: -33px;
    position: relative;
    background: #bed62f;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 13px;
    color: #0065b3;
}

.pad0 {
    padding-right: 2px;
    padding-left: 2px;
}
.colormt20 {
    margin-top: 12px;
    color: #ccc;
}
.nav.nav-tabs{
    margin-top: 5px;
}
.listbg.listclk {
    cursor: pointer;
    list-style: none;
    float: left;
    position: relative;
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.lir-options {
    font-size: 4px;
    color: #ccc;
    cursor: pointer;
}

.lir-drag i{
    visibility: hidden;
}

.li-inner-row:hover .lir-drag i {
    visibility: visible;
    cursor: grab;
}

.lir-options i {
    padding: 1px;
}

.lchild {
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 2px;
}
.lchild:last-child {
    border-bottom: 1px solid #ccc;
}

.lchild:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    z-index: -1;
}

#sortable1 .popover.left, #sortable2 .popover.left, #sortable3 .popover.left, #modalsortable1 .popover.left, #modalsortable2 .popover.left, #modalsortable3 .popover.left {
    margin-left: -96px !important;
    top: -29px !important;
    left: 0px !important;
    display: block !important;
    right: 48px !important;
}
#modalsortable1 .popover.left, #modalsortable2 .popover.left, #modalsortable3 .popover.left {
    margin-left: -62px !important;
    top: -64px !important;
    left: -80px !important;
    display: block !important;
    right: 50px !important;
}

#sortable1 .popover.left > .arrow, #sortable2 .popover.left > .arrow, #sortable3 .popover.left > .arrow {
    margin-top: 4px !important;
}
#modalsortable1 .popover.left > .arrow, #modalsortable2 .popover.left > .arrow, #modalsortable3 .popover.left > .arrow {
    margin-top: -10px !important;
}

#sortable1 .popover.bottom > .arrow, #sortable2 .popover.bottom > .arrow, #sortable3 .popover.bottom > .arrow{
    left: 28% !important;
}

#modaltabs-1, #modaltabs-2, #modaltabs-3 {
    overflow-y: auto;
}

#sortable1 .popover-content, #sortable2 .popover-content, #sortable2 .popover, #sortable3 .popover-content, #sortable3 .popover, #sortable1 .popover, #modalsortable1 .popover-content, #modalsortable2 .popover-content, #modalsortable2 .popover, #modalsortable3 .popover-content, #modalsortable3 .popover, #modalsortable1 .popover {
    color: #111;
    padding: 0 !important;
}

#sortable1 .popover-content .list-group-item:first-child, 
#sortable2 .popover-content .list-group-item:first-child, 
#sortable3 .popover-content .list-group-item:first-child, 
#modalsortable1 .popover-content .list-group-item:first-child, 
#modalsortable2 .popover-content .list-group-item:first-child,
#modalsortable3 .popover-content .list-group-item:first-child {
    border-top: 0;
}

#sortable1 .popover-content .list-group-item:nth-child(2), 
#sortable2 .popover-content .list-group-item:nth-child(2), 
#sortable3 .popover-content .list-group-item:nth-child(2),
#modalsortable1 .popover-content .list-group-item:nth-child(2),
#modalsortable2 .popover-content .list-group-item:nth-child(2),
#modalsortable3 .popover-content .list-group-item:nth-child(2) {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#sortable1 .list-group, #sortable2 .list-group, #sortable3 .list-group,
#modalsortable1 .list-group, #modalsortable2 .list-group, #modalsortable3 .list-group {
    margin-bottom: 0 !important;
}

#sortable1 .popover-content .list-group-item:last-child, 
#sortable2 .popover-content .list-group-item:last-child,  
#sortable3 .popover-content .list-group-item:last-child, 
#modalsortable1 .popover-content .list-group-item:last-child, 
#modalsortable2 .popover-content .list-group-item:last-child, 
#modalsortable3 .popover-content .list-group-item:last-child {
    border-bottom: 0;
}

#sortable1 .popover.bottom,
#sortable2 .popover.bottom,
#sortable3 .popover.bottom,
#modalsortable1 .popover.bottom,
#modalsortable2 .popover.bottom ,
#modalsortable3 .popover.bottom {
    margin-top: 27px;
    top: 17px;
    left: 0 !important;
    display: block;
}

.list-group-item {
    padding: 5px 10px !important;
}
    .lir-data, .lir-data1, .lir-data2 {
    cursor: pointer;
    color: #333 !important;
    font-size: 10px;
}

.prof_imgblock {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.profile_detail_block .prof_imgblock{
    min-height:85px !important;
}

.timebgtxt {
    padding-left: 16px;
    background: #254cb1;
    height: 55px;
    color: #fff;
}
.morning {
    background: #ffda70 !important;
}
.afternoon {
    background: #ffbc53 !important;
}
.evening {
    background: #c9c9a3 !important;
}
.night {
    background: #bccccc !important;
}

.lir-name a {
    color: #254cb1 !important;
    font-family: 'roboto_regular' !important;
}
.lir-mobile {
    color: #888 !important;
    font-size: 12px !important;
}

.ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #c5c5c5 !important;
    background: none !important;
    color: #254cb1;
}
.ui-widget-header{
    border: 0 !important;
    background: none !important;
}
.ui-state-active a {
    color: #254cb1 !important;
}
.ui-state-default {
    color: #254cb1 !important;
}

.watchlist-pro {
    background: #112650;
    background-image: radial-gradient( circle 953px at 10% 20%, #112650 0%, rgba(22,79,141,1) 25% );
    color: #fff;
    height: 100px;
    padding: 10px 0 0 0;
}

.dwid {
    width: 120px !important;
}

.PatientName {
    font-size: 20px;
    font-weight: 700;
}

.Patientpno {
    font-size: 13px;
    color: #b5b5b5;
}

.mbot0 {
    margin-bottom: 0;
}
.btn-add {
    background: #48b91f ;
    border: 1px solid #48b91f ;
    color: #fff ;
}

    .btn-add:hover, .btn-add:focus, .btn-add:active, .btn-default.hover, .btn-default:active, .btn-default:hover {
        background: #3e81dd !important;
        border: 1px solid #e3e3e3 !important;
        color: #fff !important;
        cursor:pointer
    }
#radioBtn > .active {
    color: #fff !important;
    background-color: #496fff !important;
    border-color: #496fff !important;
}
div#Diagnostics-section .panel-body {
    padding: 18px;
}
#radioBtn .not-active {
    color: #3276b1 !important;
    background-color: #fff !important;
}

#radioBtn > .not-active:hover, #radioBtn > .active:hover {
    color: #fff !important;
    background-color: #496fff !important;
    border-color: #496fff !important;
}
/*opthal forms*/
#status_None.active, #status_None.active:hover, #status_None.not-active:hover {
    color: #fff !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}

#status_Mild.active, #status_Mild.active:hover, #status_Mild.not-active:hover {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}


#status_Moderate.active, #status_Moderate.active:hover, #status_Moderate.not-active:hover {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important;
}

#status_Severe.active, #status_Severe.active:hover, #status_Severe.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

#status_Yes.active, #status_Yes.active:hover, #status_Yes.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

#status_No.active, #status_No.active:hover, #status_No.not-active:hover {
    color: #fff !important;
    background-color: #008000 !important;
    border-color: #008000 !important;
}

.btn-rounded {
    border-radius: 25px !important;
}

.wldropdown_content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 114px;
    font-family: 'roboto_regular' !important;
    max-height: 175px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color: #000;
    top: -25px;
    right: 35px;
    text-align: left;
    font-size: 14px;
}

/*........................ Hari bug fixes.................................*/

.name-ar a {
    color: #254cb1 !important;
    font-family: 'roboto_regular' !important;
}

.phone-ar {
    color: #888 !important;
    font-size: 12px !important;
}

.wldropdown_content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}
.wldropdown_content a:hover {background-color: #ddd;}

.wldropdown_sec:hover .wldropdown_content {display: block;}

.wldropdown_sec:hover .wldropbtn {background-color: #3e8e41;}
.wldropdown_sec > span{
    padding: 6px;
}
.content-wrapper, .main-footer {
    margin-left: 0 !important;
    padding-left: 62px !important;
}
.sidebar-mini.sidebar-collapse .content-wrapper {
    padding-left: -62px !important;
}

.sidebar-mini .sidebar-menu > li > a > span{
    display: none;
}
.sidebar-mini:hover .sidebar-menu > li > a > span {
    display: table-cell;
}
.main-sidebar{
    width: 55px !important;
}
.main-sidebar:hover {
    width: 250px !important;
}

#ui-id-1 .ui-state-active{
    color: #333 !important;
}

.prof_imgblock > img {
    width: 85px !important;
    height: 85px !important;
    max-width: 85px;
    max-height: 85px;
}
.main_content_wrapper .prof_imgblock {
    width: 85px !important;
    height: 85px !important;
    min-height: 85px !important;
    min-width: 85px;
    max-width: 85px;
}
.nav > li.listbg > a {
    padding: 10px 1px;
}
.wvc {
    margin-top: -8px;
    min-width: 15px;
    width: auto;
    color: #fff !important;
    border-radius: 7px;
    text-align: center;
}
.wlist {
    background-color: #55d22a !important;
    border-color: #14ce4a !important;
}

.vlist {
    background-color: #ecc334 !important;
    border-color: #dab431 !important;
}

.cplist {
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important;
}

.connectedSortable {
    min-height: 290px !important;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#ui-id-2 li div.ui-state-active {
    color: #333 !important;
}
#ui-id-1 li div.ui-state-active{
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #ccc !important;
}

/* -------------------------- Hari - Templates classes */

.btn_active {
    background: #495fff !important;
    border-color: #454fe8 !important;
    color: #fff !important;
}

.right_btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.left_btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-rounded-grp {
    background: #fff;
    border: 1px solid #495fff;
    border-color: #454fe8;
    display: table-cell;
    color: #495fff;
}
.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}
.funkyradio-small label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
    text-align:center;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}
.funkyradio-small input[type="radio"]:empty,
.funkyradio-small input[type="checkbox"]:empty {
    display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    /*margin-top: 2em;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.funkyradio-small input[type="radio"]:empty ~ label,
.funkyradio-small input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2em;
    text-indent: 2em;
    /*margin-top: 2em;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 2.25em;
    /*margin-top: 2em;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio-small input[type="radio"]:empty ~ label,
.funkyradio-small input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 1.5em;
    text-indent: 1.25em;
    /*margin-top: 2em;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label, .funkyradio-small input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio-small input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #656565;
    border: 1px solid #3f60e1;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(37,76,177,0.6);
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio input[type="radio"]:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before, .funkyradio input[type="checkbox"]:not(:checked) ~ label:before {
    display: block;
    border: solid 0.8em #ccc;
    border-radius: 0.8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.5em;
    top: 40%;
    margin-top: -0.5em;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:after, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:after,
.funkyradio input[type="radio"]:not(:checked) ~ label:after, .funkyradio input[type="checkbox"]:not(:checked) ~ label:after {
    content: " ";
    display: block;
    width: 0.4em;
    height: 0.8em;
    border: solid #fff;
    border-width: 0 0.15em 0.15em 0;
    position: absolute;
    left: 1.1em;
    top: 40%;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.funkyradio-small input[type="radio"]:hover:not(:checked) ~ label:after, .funkyradio-small input[type="checkbox"]:hover:not(:checked) ~ label:after,
.funkyradio-small input[type="radio"]:not(:checked) ~ label:after, .funkyradio-small input[type="checkbox"]:not(:checked) ~ label:after {
    display: block;
    width: 0.4em;
    height: 0.8em;
    border: solid #000;
    border-width: 0 0.15em 0.15em 0;
    position: absolute;
    left: 0.5em;
    top: 40%;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label, .funkyradio-small input[type="radio"]:checked ~ label,
.funkyradio-small input[type="checkbox"]:checked ~ label {
    color: #fff;
    background-color: #3f60e1;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before, .funkyradio-small input[type="radio"]:focus ~ label:before,
.funkyradio-small input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
    color: #656565;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
    display: block;
    border: solid 0.8em #fff;
    border-radius: 0.8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.5em;
    top: 40%;
    margin-top: -0.5em;
    background: #3f60e1;
}

.funkyradio input[type="radio"]:checked ~ label:after,
.funkyradio input[type="checkbox"]:checked ~ label:after {
    content: " ";
    display: block;
    width: 0.4em;
    height: 0.8em;
    border: solid #3f60e1;
    border-width: 0 0.15em 0.15em 0;
    position: absolute;
    left: 1.1em;
    top: 40%;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.funkyradio-small input[type="radio"]:checked ~ label:before,
.funkyradio-small input[type="checkbox"]:checked ~ label:before {
    display: block;
    border: solid 0.8em #fff;
    border-radius: 0.8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.5em;
    top: 40%;
    margin-top: -0.5em;
    background: #3f60e1;
}

.funkyradio-small input[type="radio"]:checked ~ label:after,
.funkyradio-small input[type="checkbox"]:checked ~ label:after {
    content: " ";
    display: block;
    width: 0.4em;
    height: 0.8em;
    border: solid #fff;
    border-width: 0 0.15em 0.15em 0;
    position: absolute;
    left: 0.5em;
    top: 40%;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.form-control:focus {
    border-color: rgba(148, 172, 232,.6);
    /* box-shadow: none; */
}

.form-control:focus {
    /*border-color: #66afe9;*/
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(37,76,177,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(37,76,177,0.6);
}

.tab_blocks {
    padding: 30px 0;
    background: #fff;
    color: #444;
    font-size: 13px;
    margin-top: 10px;
}

.input_with_unit {
    display: table;
    width: 100%;
}

.input_with_unit .form-control {
    width: 95%;
    display: table-cell;
}

.form-control {
    height: 30px;
    font-size: 15px;
}

.width_100 {
    width: 100% !important;
}

select.form-control {
    border: 1px solid #ccc;
    width: 100%;
    color: #262626;
    font-size: 13px;
}

.flags_block_head {
    display: block;
    text-align: center;
    color: #d2d2d2;
    font-size: 13px;
    font-family: 'roboto_regular' !important;
}
.flags_block_content {
    display: block;
    font-size: 15px;
    margin-top: 8px;
    color: #fff;
    text-transform: capitalize;
    font-family: 'roboto_medium' !important;
}

.diet_box_note .flags_block {
    font-size: 15px;
    display: inline-block;
    padding: 0 17px;
    margin: 15px 0;
    border-right: 1px solid #e1e1e1;
}

.diet_box_note .flags_block:last-child {
    border-right: 0;
}

.diet_box_note .flags_block_head {
    text-align: center;
    color: rgb(76,76,76);
    font-family: 'roboto_regular' !important;
}

.diet_box_note .flags_block_content {
    font-size: 15px;
    margin-top: 8px;
    color: rgb(26,26,26);
    font-family: 'roboto_medium' !important;
}

.radio_wrapper_1, .radio_wrapper_2 {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    background: #418bfe;
    border: 1px solid #f1f1f1;
    width: 100px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 30px;
    position: relative;
    margin-left: 1%;
}

.radio_wrapper_1:hover, .radio_wrapper_2:hover {
    color: #333 !important;
    background-color: #3e7ede !important;
    border-color: #f1f1f1 !important;
}

.radio_wrapper_1 p, .radio_wrapper_2 p {
    position: absolute;
    margin: 0;
    margin-top: 13px;
    color: #fff;
    cursor: default;
}

.radio_wrapper_1 .before_food {
    left: 11px;
    top: -7px;
    color: #fff;
}

.radio_wrapper_1 .after_food {
    right: 11px;
    top: -7px;
    color: #fff;
}

.radio_wrapper_1 .with_food {
    left: 42px;
    top: -7px;
    color: #fff;
}

.radio_wrapper_1 label, .radio_wrapper_2 label {
    z-index: 9;
    cursor: pointer;
}

.radio_wrapper_1 input[type="radio"], .radio_wrapper_2 input[type="radio"] {
    display: none;
}

.with_food + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 33%;
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    transition: transform 1s;
    top: -1px;
}

.with_food:checked + label {
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-transform: translateZ(0);
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.before_food + label {
    top: -1px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    text-align: center;
}

.before_food:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slidein;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slidein;
    animation-duration: 0.4s;
    animation-name: slidein;
    -webkit-transform: translateZ(0);
}

.after_food + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -1px;
    text-align: center;
}

.after_food:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: red;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slideno;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slideno;
    animation-duration: 0.4s;
    animation-name: slideno;
    -webkit-transform: translateZ(0);
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.before_food:checked, .with_food:checked, .after_food:checked {
    z-index: 10;
}

@keyframes slidein {
    from {
        transform: translate(50px, 0);
    }

    to {
        transform: translate(0px, 0px);
    }
}


@keyframes slideno {
    from {
        transform: translate(-50px,0);
    }

    to {
        transform: translate( 0px, 0px);
    }
}

@keyframes returnLeft {
    from {
        transform: translate(-50px,0);
    }

    to {
        transform: translate(0px,0);
    }
}

@keyframes returnRight {
    from {
        transform: translate(50px,0);
    }

    to {
        transform: translate(0px,0);
    }
}

.period_ico_img {
    width: 30px;
    margin: 0 auto;
}

.btn-rounded {
    border-radius: 25px;
}

.pad-left10 {
    padding-left: 10px;
}

.txtbox-icdc {
    width: 100% !important;
    padding: 10px !important;
    height: 31px !important;
}

.btn-icdc {
    /*padding:6px;*/
    padding: 8px 10px;
    line-height: 1;
    background: #418bfe;
    color: #fff;
}

.btn-icdc:hover, .btn-icdc:active {
    background: #3e7ede;
    color: #fff;
}


/*filter starts*/

.divider {
    margin: 15px 0;
    height: 1px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}

.cd-filter {
    height: auto;
    background: #ffffff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    padding: 0 20px;
}

    .cd-filter::before {
        /* top colored bar */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        background-color: #444444;
        z-index: 2;
    }

    .cd-filter form {
        padding: 70px 20px;
    }

    .cd-filter .cd-close {
        position: absolute;
        top: 0;
        right: 0;
        height: 50px;
        line-height: 50px;
        width: 60px;
        color: #ffffff;
        text-align: center;
        background: #444444;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        z-index: 3;
    }

.no-touch .cd-filter .cd-close:hover {
    background: #666666;
}

.cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}

    .cd-filter.filter-is-visible .cd-close {
        opacity: 1;
    }


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

xcustom form elements

-------------------------------- */
.cd-filter-block {
    margin-bottom: .5em;
}

    .cd-filter-block h4 {
        /* filter block title */
        position: relative;
        margin-bottom: .2em;
        padding: 10px 0 10px 20px;
        color: #9a9a9a;
        text-transform: uppercase;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        background-color: #0065b3;
        border-radius:0.2vw;
    }

.no-touch .cd-filter-block h4:hover {
    color: #f03d6c;
}

.cd-filter-block h4::before {
    /* arrow */
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    padding-left: 2vw;
    background: url("../img/arrow.svg") no-repeat center center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-filter-block h4.closed::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {
    /* shared style for input elements */ border-radius: 0;
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
}

.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
}

.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #0065b3;
}

.cd-filter-block input[type='search'] {
    /* custom style for the search element */
    border-color: transparent;
    background-color: #e6e6e6;
    /* prevent jump - ios devices */
    font-size: 1rem !important;
}

.cd-filter-block input[type='search']::-webkit-search-cancel-button {
    display: none;
}

.cd-filter-block .cd-select {
    /* select element wrapper */
    position: relative;
}

.cd-filter-block .cd-select::after {
    /* switcher arrow for select element */
    content: '';
    position: absolute;
    z-index: 1;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/arrow.svg") no-repeat center center;
    pointer-events: none;
}

.cd-filter-block select {
    cursor: pointer;
}

.cd-filter-block select::-ms-expand {
    display: none;
}

.cd-filter-block .list li {
    position: relative;
    margin-bottom: .8em;
}

.cd-filter-block .list li:last-of-type {
    margin-bottom: 0;
}

.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
    /* hide original check and radio buttons */
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}

.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
    padding-left: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
    /* custom radio and check boxes */
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
    width: 16px;
    height: 16px;
    left: 0;
}

.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
    /* check mark - hidden */
    display: none;
}

.cd-filter-block .checkbox-label::after {
    /* check mark style for check boxes */
    width: 16px;
    height: 16px;
    background: url("../img/arrow.svg") no-repeat center center;
}

.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
    border-radius: 50%;
}

.cd-filter-block .radio-label::after {
    /* check mark style for radio buttons */
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    left: 5px;
}

.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
    border-color: #f03d6c;
    background-color: #f03d6c;
}

.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
    display: block;
}

.cd-filter-content {
    height:auto;
}

cd-filter {
    background-color: #ddd;

}

@-moz-document url-prefix() {
    /* hide custom arrow on Firefox - select element */
    .cd-filter-block .cd-select::after {
        display: none;
    }
}

/*filter ends*/
/*date range picker starts*/

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    width: 278px;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
    /* Calendars */
}

    .daterangepicker:before, .daterangepicker:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc;
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
    }

    .daterangepicker.opensleft:before {
        right: 9px;
    }

    .daterangepicker.opensleft:after {
        right: 10px;
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.opensright:before {
        left: 9px;
    }

    .daterangepicker.opensright:after {
        left: 10px;
    }

    .daterangepicker.dropup {
        margin-top: -5px;
    }

        .daterangepicker.dropup:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc;
        }

        .daterangepicker.dropup:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff;
        }

    .daterangepicker.dropdown-menu {
        max-width: none;
        z-index: 3001;
    }

    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
        float: none;
    }

    .daterangepicker.show-calendar .calendar {
        display: block;
    }

    .daterangepicker .calendar {
        display: none;
        max-width: 270px;
        margin: 4px;
    }

        .daterangepicker .calendar.single .calendar-table {
            border: none;
        }

        .daterangepicker .calendar th, .daterangepicker .calendar td {
            white-space: nowrap;
            text-align: center;
            min-width: 32px;
        }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        padding: 4px;
        border-radius: 4px;
        background-color: #fff;
    }

    .daterangepicker table {
        width: 100%;
        margin: 0;
    }

    .daterangepicker td, .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer;
    }

        .daterangepicker td.available:hover, .daterangepicker th.available:hover {
            background-color: #eee;
            border-color: transparent;
            color: inherit;
        }

        .daterangepicker td.week, .daterangepicker th.week {
            font-size: 80%;
            color: #ccc;
        }

        .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
            background-color: #fff;
            border-color: transparent;
            color: #999;
        }

        .daterangepicker td.in-range {
            background-color: #ebf4f8;
            border-color: transparent;
            color: #000;
            border-radius: 0;
        }

        .daterangepicker td.start-date {
            border-radius: 4px 0 0 4px;
        }

        .daterangepicker td.end-date {
            border-radius: 0 4px 4px 0;
        }

        .daterangepicker td.start-date.end-date {
            border-radius: 4px;
        }

        .daterangepicker td.active, .daterangepicker td.active:hover {
            background-color: #357ebd;
            border-color: transparent;
            color: #fff;
        }

        .daterangepicker th.month {
            width: auto;
        }

        .daterangepicker td.disabled, .daterangepicker option.disabled {
            color: #999;
            cursor: not-allowed;
            text-decoration: line-through;
        }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select.yearselect {
        width: 40%;
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        width: 50px;
        margin-bottom: 0;
    }

    .daterangepicker .input-mini {
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        height: 30px;
        line-height: 30px;
        display: block;
        vertical-align: middle;
        margin: 0 0 5px 0;
        padding: 0 6px 0 28px;
        width: 100%;
    }

        .daterangepicker .input-mini.active {
            border: 1px solid #08c;
            border-radius: 4px;
        }

    .daterangepicker .daterangepicker_input {
        position: relative;
    }

        .daterangepicker .daterangepicker_input i {
            position: absolute;
            left: 8px;
            top: 8px;
        }

    .daterangepicker.rtl .input-mini {
        padding-right: 28px;
        padding-left: 6px;
    }

    .daterangepicker.rtl .daterangepicker_input i {
        left: auto;
        right: 8px;
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 5px auto;
        line-height: 30px;
        position: relative;
        padding-left: 28px;
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed;
        }

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}

    .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .ranges li {
        font-size: 13px;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        border-radius: 4px;
        color: #08c;
        padding: 3px 12px;
        margin-bottom: 8px;
        cursor: pointer;
    }

        .ranges li:hover {
            background-color: #08c;
            border: 1px solid #08c;
            color: #fff;
        }

        .ranges li.active {
            background-color: #08c;
            border: 1px solid #08c;
            color: #fff;
        }

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

        .daterangepicker .ranges ul {
            width: 160px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .calendar.left {
            clear: none;
        }

        .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
            float: left;
        }

        .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
            float: right;
        }

        .daterangepicker.ltr {
            direction: ltr;
            text-align: left;
        }

            .daterangepicker.ltr .calendar.left {
                clear: left;
                margin-right: 0;
            }

                .daterangepicker.ltr .calendar.left .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.ltr .calendar.right {
                margin-left: 0;
            }

                .daterangepicker.ltr .calendar.right .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .daterangepicker.ltr .left .daterangepicker_input {
                padding-right: 12px;
            }

            .daterangepicker.ltr .calendar.left .calendar-table {
                padding-right: 12px;
            }

            .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
                float: left;
            }

        .daterangepicker.rtl {
            direction: rtl;
            text-align: right;
        }

            .daterangepicker.rtl .calendar.left {
                clear: right;
                margin-left: 0;
            }

                .daterangepicker.rtl .calendar.left .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .daterangepicker.rtl .calendar.right {
                margin-right: 0;
            }

                .daterangepicker.rtl .calendar.right .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.rtl .left .daterangepicker_input {
                padding-left: 12px;
            }

            .daterangepicker.rtl .calendar.left .calendar-table {
                padding-left: 12px;
            }

            .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
                text-align: right;
                float: right;
            }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker.ltr .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .calendar.left {
        clear: none !important;
    }
}


/*date range picker ends*/

/*filter box search page*/
.filterbox{
    position: relative;
    top: 0;
}
.filterbox li {
    border: 1px solid #0065b3;
    cursor: pointer;
    padding:5px;
}

/* search patient page css starting poing */

        .timeline1:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 8% !important;
        margin-left: -1.5px;
    }

    .h55{
        min-height: 55px;
    }

    /*Range slider*/
    .slider-labels {
        margin-top: 10px;
    }

    /* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
    .noUi-target, .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .noUi-target {
        position: relative;
        direction: ltr;
    }

    .noUi-base {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
        /* Fix 401 */
    }

    .noUi-origin {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .noUi-handle {
        position: relative;
        z-index: 1;
    }

    .noUi-stacking .noUi-handle {
        /* This class is applied to the lower origin when
   its values is > 50%. */
        z-index: 10;
    }

    .noUi-state-tap .noUi-origin {
        -webkit-transition: left 0.3s,top .3s;
        transition: left 0.3s,top .3s;
    }

    .noUi-state-drag * {
        cursor: inherit !important;
    }

    /* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
    .noUi-base, .noUi-handle {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    /* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 4px;
}

.noUi-horizontal .noUi-handle {
    width: 18px !important;
    height: 18px;
    border-radius: 50%;
    left: -7px;
    top: -7px;
    background-color: #345DBB;
}
    /* Styling; */
.noUi-background {
    background: #D6D7D9;
}

.noUi-connect {
    background: #345DBB;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-target {
    border-radius: 2px;
}

    .noUi-target.noUi-connect {
    }

/* Handles and cursors;
*/
.noUi-draggable {
    cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}

.noUi-handle {
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

    .noUi-handle:active {
        border: 8px solid #345DBB;
        border: 8px solid rgba(53,93,187,0.38);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        left: -14px;
        top: -14px;
    }

/* Disabled state;
*/
[disabled].noUi-connect, [disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-origin, [disabled] .noUi-handle {
    cursor: not-allowed;
}

#pageNext {
    float:left;
}

#pagePrev {
    float: left;
}

.pagination a {
    cursor:pointer;
}
/* search patient page css ending poing */
/*templates page cont.*/

.disp_block {
display: block;
}

.radio_wrapper_2 .duration_days {
    left: 11px;
    top: -7px;
    color: #fff;
}

.radio_wrapper_2 .duration_month {
    right: 11px;
    top: -7px;
    color: #fff;
}

.radio_wrapper_2 .duration_week {
    left: 42px;
    top: -7px;
    color: #fff;
}
.duration_week + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 33%;
    top: -1px;
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    transition: transform 1s;
}

.duration_week:checked + label {
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-transform: translateZ(0);
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.duration_days + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: -1px;
    text-align: center;
}

.duration_days:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slidein;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slidein;
    animation-duration: 0.4s;
    animation-name: slidein;
    -webkit-transform: translateZ(0);
}

.duration_month + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -1px;
    text-align: center;
}

.duration_month:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: red;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slideno;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slideno;
    animation-duration: 0.4s;
    animation-name: slideno;
    -webkit-transform: translateZ(0);
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.text_before_btn {
    z-index: 10;
    color: #444 !important;
}

.tristate_toogle_wrapper ul {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background: transparent;
    width: 50px;
    border: 1px solid #f1f1f1;
    padding: 6px;
}

.tristate_toogle_wrappers {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background: transparent;
    border: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
}
.slide_tog_btn {
    width: auto;
    margin: 5px 0;
    padding: 5px 8px;
    border-bottom: 1px solid #eae9e9;
}
.active_bt {
    height: 33px;
    position: absolute;
    border: 1px solid;
    width: 100%;
}
/*templates page ends*/
/*Margins */
.m34 {    margin-top: 34px;}
.m22 { margin-top: 22px;}
.m20 {margin-top: 20px;}
.m30 {margin-top: 30px;}
.m25 {margin-top: 25px;}
.marginbot22 {margin-bottom: 22px;}
.m15 {margin-top: 15px;}
.m10 {margin-top: 10px;}
.m5 {margin-top: 5px;}
.h72{height: 72px;}
/* Font size */
.f9 {font-size: 9px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f23 {font-size: 23px;}
.f25 {font-size: 25px;}
.f30 {font-size: 30px;}
/* Colors */
.brand-blue {color: #0055b1;}
.brand-green {color: #bed62f;}
.brand-blue-bg {
    background: #0055b1;
    color: #fff;
}
.trans-bg{
    background-color: transparent !important;
}
.visits-text{
    background-color: transparent !important;
    text-align: center !important;
    color: #fff !important;
}
.brand-green-bg {
    background: #bed62f;
    color: #fff;
}
.brand-white-bg {
    background-color: #fff !important;
    /*color: #000 !important;*/
}
.ptr {
    cursor: pointer
}
*:focus {
    outline: none;
}
.text-black {color: #000;}
.text-white {color: #fff !important;}
.text-grey-lt {color: #ccc;}
.text-grey-md {color: #999;}
.text-grey-dk {color: #444;}
.border0,.dash-notify-normal,.form-control-opt {border: 0;}

.body-borderless > tbody > tr > td {
    border: none;
}
.body-borderless > thead > th,
.body-borderless > thead > tr,
.body-borderless > tbody {
    border: 1px solid #ccc;
}
.body-borderless > thead > tr > th{
    border-bottom: 1px solid #ccc !important;
}
.list-inline.left0>li{
    padding-left: 0 !important;
}
.btn-group .btn{
    line-height: 8px !important;
}
.btn_sec_block {
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(0, 100, 148);
}

.btn_sec_block_lab {
    /*position: absolute;*/
    top: 0;
    right: 0;
    background: rgb(0, 100, 148);
}

.btn_sec_block a {
    font-size: 13px;
    color: #fff;
    padding: 6px 12px;
    display: inline-block;
    border-left: 1px solid #b7b7b7;
}

.btn_sec_block a:first-child {
    border-left: 0px;
}
.btn_sec_block a:hover {
    color: #fff;
}
.table-xcondensed>tbody>tr>td{
    padding: 0px;
    border: 0;
    border-left: 4px solid rgb(22, 79, 141);
}
.table-xcondensed{
    margin-bottom: 10px;
}
.text-yw{
    background-color: #ecc334;
    color: #fff;
}
.text-wb{
    background-color: #fff;
    color: #000;
}
.body-borderless th{
    background-color: #c5c5c5;
}

/*multilevel menu*/

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: 10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

/*multi level menu ends*/
#shade_slot .fa-zindex {
    z-index: 10000;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(27, 26, 26, 0.6);
}

.lgt-brdr{
    border: 0.5px solid #f5f5f5;
    padding: 15px;
}
.b0mt0{
    border: 0 !important;
    margin-top: 0 !important;
}

.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover, .nav-stacked > li.active > a:focus {
    border-left-color: #fff;
    color: #fff !important;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #164f8d;
    border-color: #ddd;
}
.nav-stacked > li > a:focus {
    background-color: #164f8d !important;
}
.nav-stacked > .nav-tabs > li.active > a {
    color: #fff !important;
}
.qentry li, .qentry li a{
    padding: 0;
}

.qentry  > li > a::after{
    height: 0;
}

.body-borderless .btn-sm {
    padding: 0 10px !important;
}
.right_block_bmi li{
    margin-top: 0 !important;
}
.heightweightblock .dropdown_sec{
    float: none !important;
}



/*search expandable rows*/

tr[aria-expanded=true] td > .fa-chevron-down, tr[aria-expanded=false] td > .fa-chevron-up {
    display: none;
}

tr[aria-expanded=true] td > .fa-chevron-up, tr[aria-expanded=false] td > .fa-chevron-down {
    display: block;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    border: 0 !important;
    box-shadow: 0 0 0 !important;
    background-color: transparent !important;
    color: #000;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: transparent !important;
    color: #000;
}

.nchild, .dtr-details, .dtr-title{
    width: 100%;
}

table.dataTable.display tbody tr td {
    border: 0;
    padding: 3px 5px; 
}
.dtr-data .nchild {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.dtr-title .nchild {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #ddd;
}
/*search expandable rows ends*/

.summaryblock{
    font-weight:900;
    font-size:16px;
}


/* Css k*/
#design1 .panel-menu {
    color: rgba(255,255,255,0.8);
    cursor: pointer !important;
    min-height: 165px;
    border: 1px solid #00000038;
    background: white;
}
#design1 .panel-body {
    position: relative;
}
.pm-bx-1 {
    background: linear-gradient(45deg,#0065b3,#71b2e4);
}
.pm-bx-2 {
    background: linear-gradient(45deg,#2f6ad6,#7598d8);
}
.pm-bx-3 {
    background: linear-gradient(45deg,#2fbed6,#72d9ea);
}
.pm-bx-4 {
    background: linear-gradient(45deg,#2fd69a,#6defc0);
}
.pm-bx-5 {
    background: linear-gradient(45deg,#2fd647,#75e07a);
}
.pm-bx-6 {
    background: linear-gradient(45deg,#a8ba38,#cfe258);
}

/*.pm-bx-1:hover {
    margin-top: -4px;
    transition: all 0.3s ease;
}

.pm-bx-2:hover {
    margin-top: -4px;
    transition: all 0.3s ease;
}

.pm-bx-3:hover {
    margin-top: -4px;
    transition: all 0.3s ease;
}

.pm-bx-4:hover {
    margin-top: -4px;
    transition: all 0.3s ease;
}

.pm-bx-5:hover {
    margin-top: -4px;
    transition: all 0.3s ease;
}

.pm-bx-6:hover {
    margin-top: -4px;
    transition: all 0.3s ease;
}*/
.panel.panel-menu.pm-bx-1 .panel-body.us-db-menu-loader:after,
.panel.panel-menu.pm-bx-2 .panel-body.us-db-menu-loader:after,
.panel.panel-menu.pm-bx-3 .panel-body.us-db-menu-loader:after,
.panel.panel-menu.pm-bx-4 .panel-body.us-db-menu-loader:after,
.panel.panel-menu.pm-bx-5 .panel-body.us-db-menu-loader:after,
.panel.panel-menu.pm-bx-6 .panel-body.us-db-menu-loader:after    {
    position: absolute;
    content: "";
    background-color: #00000080;
    width: 100%;
    min-height: 209px;
    z-index: 1;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div#more_detail_block_1 .panel-body{
    position:relative;
}

.panel-body .us-db-case-loader:after {
    position: absolute;
    content: "";
    background-color: #00000080;
    width: 100%;
    min-height: 157px;
    z-index: 1;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.panel-body .us-db-case-loader.no_minheight_loader:after{
    min-height: initial !important
}
.panel-body {
    padding: 1px 7px;
}
.pm-icon-head {
    padding: 11px 16px;
    color: #ffffff;
    position: relative;
    left: 2px;
    top: 4px;
    border-radius: 6px;
}
.pm-mwnu-name {
    font-size: 11px;
    padding-top: 8px;
    color: black;
}
@media screen and (max-width:380px){
    .pm-mwnu-name {
        font-size: 12px;
        font-weight: 800;
        padding-top: 8px;
    }
}
p.menu-appt-val-dis {
    font-size: 12px;
    color: #000000;
}
p.menu-appt-val-dis {
    font-size: 12px;
    color: #000000;
    text-align: center;
}
.menu-appt-val-dis span#visit,
.menu-appt-val-dis span#visit_week,
.menu-appt-val-dis span:nth-child(1) {
    font-weight: 600;
    font-size: 23px;
}
.pad-0{
    padding:0;
}
.appt-body-align .lab_sec_block {
    color: black;
    font-size: 11px;
    padding: 5px 3px;
}

.hm-dt-img img {
    max-width: 57px;
}
a.hm-dt-action {
    margin-left: 13px;
}
a.hm-dt-action i {
    color: #2d2d2d;
}

a.btn-default.btn.btn-save.hm-dt-btn {
    min-width: 67px;
    font-size: 11px;
    padding: 3px 0px;
}
#dashMysheduleTable > tbody > tr > td {
    vertical-align: middle;
}
#dashMysheduleTable .dataTables_filter {
    display: none;
}
.m-db-date-head .trigger {
    display: inline-block;
    padding-left: 14px;
}

input#labParametersListTableInput {
    padding: 6px 6px;
    height: 28px;
    margin-top: 2px;
    font-size: 14px;
}
div#labParameters_filter label {
    display: none;
}
/*Display None for table sort icons*/
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after{
    display:none !important;
}
.loading:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 107px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background-image:url('../img/ur-pre-loader.png');
}
/*End of display none for table sort icosn*/
.us-db-loader-appoinments:before {
    position: absolute;
    content: "";
    background-color: #0000002e;
    width: 100%;
    min-height: 136px;
    z-index: 1;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#BMI_head {
    background: linear-gradient(45deg,#0065b3,#71b2e4);
}

div#BP_head {
    background: linear-gradient(45deg,#2f6ad6,#7598d8);
}

div#Dyslipidimea_head {
    background: linear-gradient(45deg,#2fbed6,#72d9ea);
}

div#PDR_head {
    background: linear-gradient(45deg,#2fd69a,#6defc0);
}

div#NPDR_head {
    background: linear-gradient(60deg,#2fd647,#75e07a);
}

div#PNeuropathy_head {
    background: linear-gradient(60deg,#a8ba38,#cfe258);
}

.home_screen .flags_block_head {
    color: #ffffff;
}
.modal-header.stats-patientstreated-bg {
    background: linear-gradient(45deg,#2fbed6,#72d9ea);
    color: white;
}
.modal-header.stats-watchpatient-bg {
    background: linear-gradient(45deg,#2fd69a,#6defc0);
    color: white;
}
.modal-header.stats-vippatient-bg {
    background: linear-gradient(60deg,#2fd647,#75e07a);
    color: white;
}
.modal-header.stats-criticalpatient-bg {
    background: linear-gradient(60deg,#a8ba38,#cfe258);
    color: white;
}


tr.appoinment-done {
    background: #0000001c !important;
}
@media only screen and (max-width: 767px) {
    .main-sidebar.urs-dashboard-menu {
        -webkit-transform: translate(-3px, 0);
        -ms-transform: translate(-3px, 0);
        -o-transform: translate(-3px, 0);
        transform: translate(-3px, 0);
    }
}
div#dashMysheduleTable_filter {
    float: left;
}
#design1 .load-position-stats {
    position: absolute;
    width: 180px;
    min-height: 209px;
    z-index: 2;
    background: #0202024f;
}

table#dashMysheduleTable tbody tr.odd {
    background-color: #fff;
}
table#dashMysheduleTable tbody tr.even {

    background-color: #ececec ;
}

/*Menu Dropdown*/

.us-db-button {
    background-color: #0065b3 !important;
    color: white !important;
    border-radius: 0px !important;
    border: 1px solid #0065b3;
    box-shadow: none !important;
}
    .us-db-button:hover, .us-db-button:focus {
        background-color: transparent !important;
        color: #0065b3 !important;
        border: 1px solid #0065b3 !important;
        border-radius: 0px !important;
    }
/*table dashboard responsive*/
@media only screen and (max-width: 956px), (min-device-width: 957px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    .m-db-table-head table, .m-db-table-head thead, .m-db-table-head tbody, .m-db-table-head th, .m-db-table-head td, .m-db-table-head tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .m-db-table-head thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .m-db-table-head tr {
        margin: 0 0 1rem 0;
    }

        .m-db-table-head tr:nth-child(odd) {
            background: #ccc;
        }

    .m-db-table-head td {
        border: none !important;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

        .m-db-table-head td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
		Label the data
    You could also use a
		*/
        .m-db-table-head td:nth-of-type(1):before {
            content: "Image";
        }

        .m-db-table-head td:nth-of-type(2):before {
            content: "Patient Id";
        }

        .m-db-table-head td:nth-of-type(3):before {
            content: "Name";
        }

        .m-db-table-head td:nth-of-type(4):before {
            content: "Phone no";
        }

        .m-db-table-head td:nth-of-type(5):before {
            content: "Patient Action";
        }

        .m-db-table-head td:nth-of-type(6):before {
            content: "Payment";
        }

        .m-db-table-head td:nth-of-type(7):before {
            content: "Waiting Time";
        }

        .m-db-table-head td:nth-of-type(8):before {
            content: "Engage Time";
        }
}
/*End of dashboard main table*/
/*Calender config table responsive*/
@media only screen and (min-width:958px){
    table#example1 tbody tr.even {
        background-color: #ececec;
    }
}
@media only screen and (max-width: 956px), (min-device-width: 957px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    #example1 table, #example1 thead, #example1 tbody, #example1 th, #example1 td, #example1 tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #example1 thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #example1 tr {
        margin: 0 0 1rem 0;
    }

        #example1 tr:nth-child(odd) {
            background: #ccc;
        }

    #example1 td {
        border: none !important;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

        #example1 td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
		Label the data
    You could also use a
		*/
        #example1 td:nth-of-type(1):before {
            content: "S No";
        }

        #example1 td:nth-of-type(2):before {
            content: "Date";
        }

        #example1 td:nth-of-type(3):before {
            content: "From Time";
        }

        #example1 td:nth-of-type(4):before {
            content: "To Time";
        }

        #example1 td:nth-of-type(5):before {
            content: "Per Patient Handling Time";
        }

        #example1 td:nth-of-type(6):before {
            content: "Action";
        }
}
/*End of Calender config table responsive*/

/*chat  config table responsive*/
@media only screen and (min-width:958px) {
    table#chatConfig tbody tr.even {
        background-color: #ececec;
    }
}

@media only screen and (max-width: 956px), (min-device-width: 957px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    #chatConfig table, #chatConfig thead, #chatConfig tbody, #chatConfig th, #chatConfig td, #chatConfig tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #chatConfig thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #chatConfig tr {
        margin: 0 0 1rem 0;
    }

        #chatConfig tr:nth-child(odd) {
            background: #ccc;
        }

    #chatConfig td {
        border: none !important;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

        #chatConfig td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
		Label the data
    You could also use a
		*/
        #chatConfig td:nth-of-type(1):before {
            content: "S No";
        }

        #chatConfig td:nth-of-type(2):before {
            content: "Name";
        }

        #chatConfig td:nth-of-type(3):before {
            content: "Action";
        }
}
/*End of chat  config table responsive*/


/*remainder Config table responsive*/
@media only screen and (min-width:958px) {
    table#remainderConfig tbody tr.even {
        background-color: #ececec;
    }
}

@media only screen and (max-width: 956px), (min-device-width: 957px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    #remainderConfig table, #remainderConfig thead, #remainderConfig tbody, #remainderConfig th, #remainderConfig td, #remainderConfig tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #remainderConfig thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #remainderConfig tr {
        margin: 0 0 1rem 0;
    }

        #remainderConfig tr:nth-child(odd) {
            background: #ccc;
        }

    #remainderConfig td {
        border: none !important;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal !important;
        word-wrap: break-word;
        max-width: 168px;
    }

        #remainderConfig td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }
        #remainderConfig td:nth-of-type(1):before {
            content: "S No";
        }

        #remainderConfig td:nth-of-type(2):before {
            content: "Reminder";
        }

        #remainderConfig td:nth-of-type(3):before {
            content: "Action";
        }
}
/*End of remainder Config table responsive*/


/*service Setting table responsive*/
@media only screen and (min-width:958px) {
    table#serviceSetting tbody tr.even {
        background-color: #ececec;
    }
}

@media only screen and (max-width: 956px), (min-device-width: 957px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    #serviceSetting table, #serviceSetting thead, #serviceSetting tbody, #serviceSetting th, #serviceSetting td, #serviceSetting tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #serviceSetting thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #serviceSetting tr {
        margin: 0 0 1rem 0;
    }

        #serviceSetting tr:nth-child(odd) {
            background: #ccc;
        }

    #serviceSetting td {
        border: none !important;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

        #serviceSetting td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
		Label the data
    You could also use a
		*/
        #serviceSetting td:nth-of-type(1):before {
            content: "S No";
        }

        #serviceSetting td:nth-of-type(2):before {
            content: "Consultation Name";
        }

        #serviceSetting td:nth-of-type(3):before {
            content: "Consultation Fee";
        }
        #serviceSetting td:nth-of-type(4):before {
            content: "Actions";
        }
}

#serviceSetting .btn-sm.edit {
    padding: 4px 13px !important;
    margin-right: 12px;
    background: #4fd41f !important;
    border: 1px solid #4fd41f !important;
    color: #fff !important;
}

#serviceSetting .btn-sm.delete {
    padding: 4px 13px !important;
    margin-right: 12px;
    background: red !important;
    border: 1px solid red !important;
    color: #fff !important;
}
.ur-servicesetting button#Bfsubmitser {
    line-height: 28px;
    width: 91px;
}
/*End of service Setting table responsive*/

/*DPrevillagestable responsive*/
@media only screen and (min-width:958px) {
    table#DPrevillages tbody tr.even {
        background-color: #ececec;
    }
}

@media only screen and (max-width: 956px), (min-device-width: 957px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    #DPrevillages table, #DPrevillages thead, #DPrevillages tbody, #DPrevillages th, #DPrevillages td, #DPrevillages tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #DPrevillages thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #DPrevillages tr {
        margin: 0 0 1rem 0;
    }

        #DPrevillages tr:nth-child(odd) {
            background: #ccc;
        }

    #DPrevillages td {
        border: none !important;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

        #DPrevillages td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
		Label the data
    You could also use a
		*/
        #DPrevillages td:nth-of-type(1):before {
            content: "S No";
        }

        #DPrevillages td:nth-of-type(2):before {
            content: "Doctor Name";
        }

        #DPrevillages td:nth-of-type(3):before {
            content: "Email ID";
        }
        #DPrevillages td:nth-of-type(4):before {
            content: "Mobile Number";
        }
        #DPrevillages td:nth-of-type(5):before {
            content: "Designation";
        }
        #DPrevillages td:nth-of-type(6):before {
            content: "Role";
        }
        #DPrevillages td:nth-of-type(7):before {
            content: "Actions";
        }
}
/*End of DPrevillagestable responsive*/
@media only screen and (max-width:1154px) and (min-width:767px) {
    .main-sidebar {
        top: 95px !important;
        padding-top: 0px !important;
    }

    div#navbar-search-input1 input {
        max-width: 350px;
    }
    .skin-blue .main-header .navbar {
        border-bottom: 0px solid #ccc !important;
    }

    header.main-header {
        border-bottom: 1px solid #c7c3c3a8;
    }
}
/*Menu e*/
 @media only screen and (max-width:767px){
    div#navbar-search-input1 {
        max-width: 380px;
        margin: auto;
        margin-top: 15px;
    }
    div#navbar-search-input1 input {
        width: 100% !important;
        margin: auto;
    }

 }

.skin-blue .main-header ul.dropdown-menu li.user-header,
ul.dropdown-menu li.user-footer {
    background-color: #d8d8d859 !important;
}
.dropdown-menu li.user-footer .pull-left a#btnBack {
    background: #0065b3;
    color: white;
    border-radius: 5px;
}
.dropdown-menu li.user-footer .pull-right a#logout {
    background: #e41b1b;
    border-radius: 5px;
    color: white;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .data-original-title{
      visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .data-original-title::after {
    content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
 }

.sidebar-menu ul.dropdown-menu {
width: 100%;
    background-color: transparent;
    border: 0px;
    padding-left: 38px;
    margin-top: 0;
}
.sidebar-menu ul.dropdown-menu li a {
    padding: 9px 20px;
}
.sidebar-menu ul.dropdown-menu li a:hover {
    background-color: transparent;
    color: white;
}
.sidebar-menu ul.dropdown-menu li a:hover .fa {
    color: #bed62f !important;
}
aside.main-sidebar.urs-dashboard-menu .sidebar-menu li.Dashboard.ddMenu.dropdown i.fa.fa-angle-down{
    padding-left: 15px;
}
aside.main-sidebar.urs-dashboard-menu:hover .sidebar-menu li.Dashboard.ddMenu.dropdown i.fa.fa-angle-down,
aside.main-sidebar.urs-dashboard-menu:focus .sidebar-menu li.Dashboard.ddMenu.dropdown i.fa.fa-angle-down {
position: absolute;
    right: 7px;
    top: 9px;
    transform: rotate(270deg) translateX(-2px);
    padding-left: 0px;
}
aside.main-sidebar.urs-dashboard-menu:hover .sidebar-menu li.Dashboard.ddMenu.dropdown.open i.fa.fa-angle-down,
aside.main-sidebar.urs-dashboard-menu:focus .sidebar-menu li.Dashboard.ddMenu.dropdown.open i.fa.fa-angle-down {

    transform: rotate(0) translateX(0);
}

/*Slot*/

button#btnaddslot, button#btnaddslots, #btnpicktime ,#btnViewAppointments,#btnViewSchedules {
    background-color: #0065b3;
    color: white;
    border-radius: 0;
    float: right;
    padding: 6px 6px;
    margin-left: 16px;
    margin-bottom: 32px;
}
    button#btnaddslot:hover, button#btnaddslots:hover, #btnpicktime:hover,#btnViewAppointments:hover,#btnViewSchedules:hover {
        background-color: #bed62f;
    }
#tblPatientAppiontment button {
    color: #ffffff !important;
    background-color: #757171 !important;
    font-weight: 400;
    padding: 5px 7px;
    font-size: 14px;
    border: 1px solid #020202 !important;
}

.onoffswitch {
    position: relative;
    width: 67px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 11px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 20px;
        padding: 0;
        line-height: 20px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 10px;
        background-color: #0065B3;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 11px;
    margin: 4.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 43px;
    border: 2px solid #999999;
    border-radius: 11px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
table#dashMysheduleTable .above_average,
table#dashMysheduleTable .below_average {
    font-size: 17px;
    padding-right: 5px;
}
table#dashMysheduleTable .apt-edit {
    background: #0065b3 !important;
    border: 1px solid #0065b3 !important;
    color: #fff !important;
}
table#dashMysheduleTable .apt-checkin {
    background: #607D8B !important;
    border: 1px solid #607D8B !important;
    color: #fff !important;
}
.btn-apt-checkin{
    background-color: #607D8B !important;
    border: 1px solid #607D8B !important;
    color: #fff !important;

}
.new-apt-edit-adj{
    background-color: #0065b3 !important;
    border: 1px solid #0065b3 !important;
    color: #fff !important;

}

/*custom radio*/
.cstm-radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

/* Hide the browser's default radio button */
.cstm-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 0;
    margin-right:10px;
}

/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 6px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.cstm-radio input:checked ~ .checkround {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.cstm-radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.cstm-radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.cstm-radio .rbrblue:after {
    background: #418bfe;
    /*background: red;*/
}
.cstm-radio .rbrred:after {
    background: orange;
}
.cstm-radio .rbrgreen:after {
    background: green;
}
.rbrred {
    border-color: orange;
    left: 10px;
}
.rbrgreen {
    border-color: green;
    left: 28px;
}
.rbrblue {
    border-color: #418bfe;
    /*border-color:red;*/
    left: 2px;
}
.us-db-pro-img{
    border-radius: 50px;
    border: 1px solid #999;
    width: 60px !important;
    height: 60px !important;
}
.us-db-pro-align p {
    padding: 0px;
    margin-top: 2px;
    padding-top: 1px;
    font-size:12px;
}
.us-db-procedure-head {
    background: #112650;
    background-image: radial-gradient( circle 953px at 10% 20%, #112650 0%, rgba(22,79,141,1) 25% );
    color: #fff;
    height: 100px;
    padding: 10px 0 0 0;
    display: flex;  
}
div#us_procedure div#Diagnostics-section {
    display: flex;
}
div#us_procedure div#Diagnostics-section div{
    padding:0;
}
/*custom radio ends*/

.adj-top-rb-tempspage .adj-top-rb-spage {
    top: -12px;
}
button#usmenubtn-btn--menu {
    display: none;
}
@media screen and (max-width: 767px){

    .usmenubtn {
        width: 44px;
        height: 38px;
        margin-top: 10px;
        margin-left: 12px;
        font-size: inherit;
        cursor: pointer;
        display: inline-block;
        outline: none;
        position: relative;
        -webkit-appearance: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        background-color: transparent;
        border: none;
        transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .usmenubtn--menu:hover span {
        background-color: #0065b3;
    }

    .usmenubtn--menu.is-active span {
        background-color: #0065b3;
    }

        .usmenubtn--menu.is-active span:nth-child(2) {
            opacity: 0;
        }

        .usmenubtn--menu.is-active span:first-child {
            top: 0.838em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .usmenubtn--menu.is-active span:last-child {
            top: -0.513em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .usmenubtn--menu span {
        position: relative;
        top: 0;
        display: block;
        width: 28px;
        height: 0.125em;
        margin-bottom: .550em;
        background-color: #0065b3;
        transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }

        .usmenubtn--menu span:last-child {
            margin-bottom: 0;
        }

    .main-sidebar.urs-dashboard-menu {
        -webkit-transform: translate(-55px, 0);
        -ms-transform: translate(-55px, 0);
        -o-transform: translate(-55px, 0);
        transform: translate(-55px, 0);
    }

        .main-sidebar.urs-dashboard-menu.is-active-menu {
            width: 250px !important;
            -webkit-transform: translate(-3px, 0);
            -ms-transform: translate(-3px, 0);
            -o-transform: translate(-3px, 0);
            transform: translate(-3px, 0);
        }

    .sidebar-mini .main-sidebar.urs-dashboard-menu.is-active-menu .sidebar-menu > li > a > span {
        display: table-cell;
    }
    .content-wrapper, .main-footer {
        margin-left: 0 !important;
        padding-left: 0px !important;
    }
    button#usmenubtn-btn--menu {
        display: block;
    }
    p a.hm-dt-action {
        margin-left: 0px;
    }
    p a.hm-dt-action:nth-child(2){
           margin-left: 25px;
    margin-right: 25px;
    }

}

/*header small screen */
/* HIDE RADIO */
.us-dpe-bg-head [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
    .us-dpe-rd-head [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.us-dpe-rd-head i {
    font-size: 18px;
    padding-right: 9px;
}
/* IMAGE STYLES */
.us-dpe-rd-head [type=radio] + img {
    cursor: pointer;
}

.us-dpe-rd-head span{
    padding: 8px 13px;
}
.us-dpe-bg-head span {
    padding: 8px 7px;
    cursor: pointer;
}
.us-dpe-rd-head [type=radio] span i {
    padding-right: 8px;
}
    /* CHECKED STYLES */

.us-dpe-rd-head .radio-inline,
.us-dpe-bg-head .radio-inline{
    
}
.us-dpe-rd-head [type=radio]:checked + span {
    background: #0065b3;
    color: white;
    padding: 8px 13px;
}
.us-dpe-bg-head [type=radio]:checked + span {
    background: #0065b3;
    color: white;
    padding: 8px 7px;

}
.us-dpe-rd-head .radio-inline{
    padding-left:0px;

}
.us-dpe-bg-head .radio-inline {
    padding-left: 0px;
    margin-bottom: 27px;
}
.us-dpe-bg-head .radio-inline + .radio-inline {
    margin-left: 0px;
}
.us-dpe-bg-head{
    margin-top:22px;
}
@media screen and (max-width:580px) {
    .us-db-label-gb {
        width: 100%;
        margin-bottom: 21px;
    }
}
@media screen and (min-width:580px) {
    .us-dpe-bg-head .radio-inline {
        padding-left: 0px;
        margin-bottom: 27px;
        padding-top: 21px;
        margin-left:22px;
    }
}

.us-cus-p-search .seditapp,
.us-cus-p-search .seditapp {
    background-color: transparent;
    color: #0065b3;
}
.us-cus-p-search .sdelh {
    right: 33px;
}
.us-cus-ps-pid {
    color: gray;
}
.us-cus-ps-pphno {
    color: #434141;
    font-size: 11px;
}
.us-cus-ps-pbstype {
    color: #0065b3;
    padding-top: 5px;
    font-size: 13px;
}
.us-cus-ps-plastvisit li {
    font-size: 14px;
    padding-top: 5px;
    color: #a0a0a0;
}
.us-cus-ps-pnextvisit li:nth-child(2) {
    font-size: 14px;
    padding-top: 5px;
    color: #0e0e0e;
    background: #f1f1f1;
    padding: 4px 6px;
    margin-top: 7px;
}
.us-cus-ps-plastvisit small.sml,
.us-cus-ps-pnextvisit small.sml {
    color: #4e4e4e;
}
/*.us-cus-ps-overlay{
    overflow:hidden;
}*/
.stopsechvr > a > .seditapp {
    display: inline-block;
    cursor: pointer;
    color: #bec0c1;
}
.us-db-filter-ps{

}

@media screen and (max-width:768px) {
    .pm-icon-head {
        padding: 8px 10px;
        max-width: 58px;
    }
    #pSearch {
        transform: translateX(-122%);
        position: absolute;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        z-index: 1000;
        width: 480px;
    }

    button#usfilterbtn-btn--menu {
        display: block !important;
        background: #0256b2;
        color: white;
        width: 82px;
        height: 26px;
        margin-bottom: 12px;
    }

    #pSearch.is-active-menu {
        transform: translateX(0%);
        position: absolute;
        z-index: 500;
        max-width: 480px;
        background: white;
    }

    /*Menu for filter*/




    .usfilterbtn {
        width: 44px;
        height: 38px;
        margin-top: 10px;
        margin-left: 12px;
        font-size: inherit;
        cursor: pointer;
        display: inline-block;
        outline: none;
        position: relative;
        -webkit-appearance: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        background-color: transparent;
        border: none;
        transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .usfilterbtn--menu:hover span {
        background-color: #0065b3;
    }

    .usfilterbtn--menu.is-active span {
        background-color: #0065b3;
    }

        .usfilterbtn--menu.is-active span:nth-child(2) {
            opacity: 0;
        }

        .usfilterbtn--menu.is-active span:first-child {
            top: 0.838em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .usfilterbtn--menu.is-active span:last-child {
            top: -0.513em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .usfilterbtn--menu span {
        position: relative;
        top: 0;
        display: block;
        width: 28px;
        height: 0.125em;
        margin-bottom: .550em;
        background-color: #0065b3;
        transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }

        .usfilterbtn--menu span:last-child {
            margin-bottom: 0;
        }


    p a.hm-dt-action {
        margin-left: 0px;
    }

        p a.hm-dt-action:nth-child(2) {
            margin-left: 25px;
            margin-right: 25px;
        }
}

@media screen and (max-width:560px){
    #pSearch.is-active-menu {

        max-width: 320px;
    }
    .cd-filter-block h4 {
        padding-left: 20px !important;
        font-size: 15px;
    }
    #pSearch {
        width: 320px;
    }
}
button#usfilterbtn-btn--menu {
    display: none;
}

/**/

.da-load-pp-wl-vip-ma {
    z-index: 1;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
}

.da-cs-load-viewpage:before {
    position: absolute;
    content: "";
    background-color: #00000073;
    width: 100%;
    min-height: 100vh;
    overflow-y: hidden;
    z-index: 1;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 766px) {
    .us-db-sm-card-head {
        max-width: 300px;
        min-height: 174px;
        font-size: 11px;
        margin-right: 12px;
        border: 1px solid #dadada;
        margin-bottom: 12px;
        padding: 11px 2px !important;
        -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        -moz-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        padding-top: 23px !important;
    }
    div#data_table_appointment {
        margin: auto;
        max-width: 300px;
    }
    .mt-08 {
        margin-top: 8px;
    }
    .us-adj-apt {
        padding: 6px;
    }
    .us-db-sm-card-head .imgphoto {
        border-radius: 50px;
        max-width: 52px;
        margin: auto;
    }
}
.us-db-sm-card-head .imgphoto {
    border-radius: 50px;
}
p.us-db-pfn span {
    font-size: 8px;
}
@media screen and (min-width: 767px) and (max-width:992px) {
    .us-db-sm-card-head {
        max-width: 300px;
        min-height: 175px;
        font-size: 11px;
        margin-right: 12px;
        border: 1px solid #dadada;
        margin-bottom: 12px;
        padding: 15px 8px !important;
        -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        -moz-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    }
    .us-adj-apt {
        padding: 12px 7px;
    }

    span.hme-rupee-value {
        padding-right: 7px;
    }
    .us-db-sm-card-head .imgphoto {
        border-radius: 50px;
        max-width: 45px;
        max-height: 45px;
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    .us-db-sm-card-head {
        max-width: 412px;
        min-height: 145px;
        font-size: 11px;
        margin-right: 12px;
        border: 1px solid #dadada;
        margin-bottom: 12px;
        padding: 15px 8px !important;
        -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        -moz-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    }

    .us-adj-apt {
        padding: 12px 7px;
    }
    .us-db-sm-card-head .imgphoto {
        border-radius: 50px;
        max-width: 45px;
        max-height: 45px;
        margin-bottom: 8px;
    }
}
/*print settings color*/
.us-ps-color-1 {
    background-color: #DADADA !important;
}

.us-ps-color-2 {
    background-color: #c7cef7 !important;
}

.us-ps-color-3 {
    background-color: #c0fbd3 !important;
}

.us-ps-color-4 {
    background-color: #afcaff !important;
}

.us-ps-color-5 {
    background-color: #6cc6cb !important;
}

#radioBtncolor .btn.active {
    border: 2px solid #0065b3 !important;
}

#radioBtncolor .not-active {
    border: 2px solid white !important;
}

#radioBtncolor .btn {
    width: 67px;
}
/*End of ps color*/


/*rep management */
@media screen and (max-width:767px) {
    .us-rm-btn-align {
        margin-top: 12px;
    }
    .us-rm-d-h-adj{
        margin-bottom:22px;
    }
}

/*end of rep management*/


li.dropdown:last-child .dropdown-menu {
    right: 0;
    left: auto;
}

span.mys-nme {
    font-size: 14px;
}
span.mys-ph {
    font-size: 9px;
    color: gray;
    text-transform: capitalize;
}
span.mys-id {
    color: gray;
    font-size: 9px;
}
#dashMysheduleTable > tbody > tr > td:nth-child(10),
#dashMysheduleTable > tbody > tr > td:nth-child(9),
#dashMysheduleTable > tbody > tr > td:nth-child(8),
#dashMysheduleTable > tbody > tr > td:nth-child(2),
#dashMysheduleTable > tbody > tr > td:nth-child(7) {
    width: 8%;
}

.da-load-patsearch {
    background-color: rgba(111, 105, 105, 0.5);
    left: 0;
    top: 0;
    height: 100%;
    position: fixed;
    z-index: 100000;
}

.da-load-patsearch-img {
    position: absolute;
    left: 48%;
    top: 47%;
    max-width: 102px;
    margin: 0 auto;
}
.us-loader-template-table:before{
    position: absolute;
    content: "";
    background-color: #0000002e;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}
.labhome .testcount img{
    max-width:100px !important;
}
.testcount img {
    max-width: 100px !important;
}
.load-addjob {
    background: #2b2b2b59;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/*pat enroll*/

.us-pe-adj-head{
    max-width:1000px;
    margin:auto;
}
.us-pe-adj{
    padding: 0px 28px;
}
@media screen and (min-width:767px){
    .us-pe-adj {
        padding: 0px 48px;
    }
}

.hidebtns {
    display: none !important
}
.timepic-save-warp button {
    margin-left: 12px;
}
.ptime-adj .input-group {
    width: 168px;
    float: left;
    padding-right: 14px;
}
.ptime-adj {
    min-width: 304px;
}
button#ba-btn-cancel {
    background-color: #eeeeee !important;
}
.appoinment_slot_block .bootstrap-timepicker.pull-right > .dropdown-menu {
    right: auto;
    left: initial;
}
.appoinment_slot_block .bootstrap-timepicker .bootstrap-timepicker-widget.dropdown-menu.open {
    left: auto !important;
    right: auto !important;
}

/*loader*/
.us-db-loader-active-inv:before,
.us-db-loader-history-inv:before {
    position: absolute;
    content: "";
    background-color: #0000002e;
    width: 100%;
    z-index: 1;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.appt-readmore-btn {
    position: relative;
    background: #444444;
    bottom: -23px;
    padding: 4px 3px;
    width: 100%;
    font-size: 12px;
    text-align: center;
    opacity: 0;
    transition: 0.3s bottom ease-in;
}
#design1 .panel-menu:hover .appt-readmore-btn {
    bottom: 0px !important;
    opacity: 1;
}

.appt-readmore-btn-head {
    overflow: hidden;
}
#design1 .panel-body {
    position: relative;
    min-height: 138px;
}
.us-db-tb-et i {
    width: 20px;
}
.us-db-tb-et span {
    font-size: 12px;
}
.us-db-tb-on span{
    text-transform: capitalize;
    font-size: 12px;
}
a.btn-bp-add-appt {
    float: right;
    padding: 5px 11px;
}
a.btn-bp-add-appt span {
    font-size: 18px;
}

button#btnAddInvoice,
button#add_cpi_invoice {
    background: #48b91f !important;
    border: 1px solid #48b91f !important;
    color: #fff !important;
}
button#add_cpi_invoice {
    margin-top: 17px;
}
table#tblinvoiceamtdetails thead,
table#cpi_activeInvoice_table thead {
    background: #efefef;
}
@media screen and (min-width:767px) {
    #collectPayment .modal-dialog.modal-md {
        width: 70%;

    }
    #collectPayment .watchlist-pro,
    #modal_collectpayment_inner .watchlist-pro {
        margin-bottom: 20px;
    }
   
}
@media screen and (max-width:767px) {
    #collectPayment .watchlist-pro,
    #modal_collectpayment_inner .watchlist-pro {
        height: 184px;
    }
    .#collectPayment .watchlist-pro.adj-new-lay-payment {
        height: 280px;
    }
    .amt-bal-head{
        margin-top:26px;
    }
}

span.us-search-mobile, span.us-search-id-card {
    color: #7b7b7b;
    font-size: 12px;
    line-height: 24px;
}

/*Repots UI*/

.box-header-report-warp .tab-content {
    width: 100% !important;
}
.box-header-report-warp .tab-content li.us-tab-nav-head {
  margin: 0 8px;
  padding: 0px 18px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  text-align: center;
}
.box-header-report-warp li.us-tab-nav-head.active {
    background: #0065b3 !important;
}
        .box-header-report-warp li.us-tab-nav-head a {
            font-size: 15px !important;
            line-height: 38px;
            color: #fff;
        }
li.us-tab-nav-head a {
    padding: 0 !important;
    margin: 0px 7px;
    font-size: 13px !important;
    text-transform: capitalize;
}

    li.us-tab-nav-head a:hover {
        background: transparent !important;
        color: #f2f2f2 !important;
    }
    li.us-tab-nav-head a::after {
        background: darkgrey;
    }
    li.us-tab-nav-head a.active {
        background: transparent !important;
        color: #f2f2f2;
    }
.box-header-report-warp li.us-tab-nav-head {
    background: #a9a9a9 !important;
}
.box-header-report-warp li.us-tab-nav-head.active a {
    background: transparent !important;
    color: rgb(255, 255, 255) !important;
}
.us-r-filter-menu-warp img {
    width: 34px;
    height: 26px;
    padding-left: 10px;
    margin-bottom: 9px;
    float: left;
    margin-top: 10px;
}
.us-r-filter-menu-warp p {
    margin: 0 0 10px;
    float: left;
    padding-top: 15px;
    padding-left: 10px;
}
ul.nav.navbar-nav li .us-r-filter-menu-warp {
    margin-right: 10px;
    background-color: #f7f7f7;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px lightgrey;
    width: 171px;
    height: 48px;
    display: inline-block;
}
    ul.nav.navbar-nav li .us-r-filter-menu-warp.four-col-ser {
        width: 226px;
    }
    ul.us-r-filter-menu-warp li {
        list-style: none;
        display: inline-block;
    }
    /*ul.nav.navbar-nav li .us-r-filter-menu-warp:hover {
        box-shadow: 5px 2px 6px #b5b3b3;
    }*/

span.us-r-filter-menu-text {
    font-size: 12px;
    font-weight: 500;
}
.us-r-filter-menu-warp.text-center:after {
    /*content: "\25be";
    display: block;
    position: absolute;
    color: #0065b3;
    font-size: 20px;
    top: 11px;
    right: 16px;
    margin: 0 auto;*/
}
.btn-filter-rep {
    background-color: #0065b3 !important;
    border: 0px;
    color: white !important;
    font-size: 16px;
    padding: 15px 34px;
}
.btn-filter-rep:hover {
    background-color: #0065b3;
    color: white;
}
ul.us-r-filter-menu-warp-dropdown {
    display: none;
}
ul.us-r-filter-menu-warp-dropdown {
    position: absolute;
    z-index: 100;
    width: 95%;
}
.us-r-filter-menu-warp-head:hover .us-r-filter-menu-warp-dropdown {
    display: block;
}
ul.us-r-filter-menu-warp-dropdown li {
    padding: 4px 8px;
    background: #f7f7f7;
    top: 4px;
    position: relative;
    list-style: none;
    border-bottom: 1px solid #31313129;
}
ul.us-r-filter-menu-warp-dropdown{
    padding-left:0;
}
/*Reports UI*/
/*dashboard help bar*/

aside.main-sidebar.urs-dashboard-help-menu,
aside.main-sidebar.urs-dashboard-ques-menu {
    right: -670px;
    top: 14% !important;
    width: 320px !important;
    left: auto;
    z-index: 1222;
    min-height: 373px !important;
    max-height: 373px !important;
    height: 373px !important;
    border: 1px solid #d4d4d4;
    background: white;
    padding-top: 6px;
    /*display: none;*/
    box-shadow: rgb(189, 189, 189) -2px 0px 12px;
    -webkit-transition: -webkit-transform .3s ease-in-out,right .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,right .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,right .3s ease-in-out;
    transition: transform .3s ease-in-out,right .3s ease-in-out;
    -webkit-transform: translate(0px, 0) !important;
    -ms-transform: translate(0px, 0) !important;
    -o-transform: translate(0px, 0) !important;
    transform: translate(0px, 0) !important;
    padding-top: 0px !important;
    position: fixed !important;
}
div#helpTriggerbtn {
    background: #0065b3;
    text-align: center;
    color: white !important;
    font-size: 14px;
    border-radius: 5px;
    padding: 8px 24px;
    right: -32px;
    top: 32%;
    cursor: pointer;
    transform: rotate(90deg);
    position: fixed;
    z-index: 1036;
}

.help-panel-head-warp {
    border-bottom: 1px solid #8e8e8e59;
}
.help-panel-head {

    display: flex;
    padding: 7px 12px;
}
.us-chat-st {
    padding-top: 10px;
}
#us-chat-st-btn {
    padding: 6px 9px;
    background: #0065b3 !important;
    border: 1px solid #0065b3 !important;
    margin-bottom: 14px;
    width: 100%;
    box-shadow: 0px 1px 8px #aaa;
    border-radius: 4px;
}
.us-chat-send-btn {
    padding: 6px 9px;
    background: #0065b3 !important;
    border: 1px solid #0065b3 !important;
    margin-bottom: 14px;
    width: 100%;
}
.help-input-area {
    resize: unset;
    padding: 7px 7px;
    height: auto;
    width:100%;
    min-height: 101px;
}
.help-chat-input-wrp {
    padding: 0px 43px;
    border-bottom: 1px solid #cccccc;
}
button#us-chat-send-btn {
    height: 36px;
    width: 70px;
    background-color: #1976d2 !important;
    border: 1px solid #1976d2 !important;
    font-weight: 400;
    box-shadow: 0px 1px 8px #aaa;
    border-radius: 4px;
    font-size: 14px;
    float: right;
    padding: 0;
    position: relative;
    top: -1px;
    text-transform: capitalize;
    margin-bottom:12px;
}
.help-see-qui {
    color: #1976d2 !important;
    text-decoration: underline;
}
.help-pre-align-ques{
    padding-top:12px;
}
.urs-dashboard-ques-menu .help-chat-input-wrp {
    position: absolute;
    bottom: 0px !important;
}
.urs-dashboard-ques-menu-inner {
    max-height: 285px;
    overflow-y: scroll;
    border-bottom: 1px solid #c5c5c56b;
}
.urs-dashboard-ques-menu-inner-empty {
    background-image: url(../img/no_record.png);
    background-size: 150px 150px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 285px;
    width: 100%;
}
    .urs-ques-main-warp a {
        color: red
    }
ul.urs-ques-main-warp {
    padding-left: 0;
}

    ul.urs-ques-main-warp li {
        overflow: hidden;
        list-style: none;
        border-bottom: 1px solid #dedede;
        margin: 3px 21px;
        margin-left: 0;
        min-height: 36px;
        padding: 0px 6px 0px 21px;
        position: relative;
    }
.us-ques-date {
    color: rgba(0, 0, 0, 0.7);
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    width: 91px;
    margin-left: 25px;
    float: left;
}
p.us-chat-title {
    padding-top: 7px;
}
.us-ques-abt {
    float: left;
    white-space: normal;
    word-break: break-all;
    padding-right: 5px;
    width: 110px;
    height: 36px;
    color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0px !important;
    text-align: left;
    font-size: 10px;
}
.us-ques-type i {
    font-size: 16px;
    color: #5eb300;
    display:none;
}
.us-ques-type strong {
    font-size: 12px;
    font-weight: lighter;
    color: #5eb300 !important;
}
span.us-ques-type {
    float: left;
    position: absolute;
    width: 61px;
    left: -13px;
    padding-left: 16px;
    font-size: 11px;
    top: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #eaeaea;
}
span.us-ques-status i {
    color: #0065b3;
    font-size: 15px;
    padding-top: 7px;
    padding-left: 7px;
}

.showmenu {
    display: block !important;
    right: 0px !important
}
p.us-chat-callbackbtn {
    background: #bed62f;
    color: white;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 14px;
    margin-top: 24px;
    display:none;
}
.us-chat-callbackform {
    color: #bed62f;
    border-radius: 2px;
    font-size: 13px;
    padding: 3px;
    position: absolute;
    margin-top: -15px;
}

@media screen and (max-width:992px) {
    aside.main-sidebar.urs-dashboard-help-menu,
    aside.main-sidebar.urs-dashboard-ques-menu {
        top: 6% !important;
    }

    div#helpTriggerbtn {
        top: 27% !important;
    }
}
a#cntQuimenu {
    font-size: 12px;
}
.us-chat-text p {
    margin-bottom: 0px !important;
}
.us-chat-text {
    position: fixed;
    background: #0065b3;
    right: 16px;
    bottom: 90px;
    z-index: 1000;
    line-height: 28px;
    color: white;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 11px;
    cursor: pointer;
    text-align: left;
    padding: 3px 16px;
}
/*chatbot-inner style*/
.urs-chat-warp .chat {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .urs-chat-warp .chat li {
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

        .urs-chat-warp .chat li.left .chat-body {
            margin-left: 0px;
            max-width: 251px;
        }

        .urs-chat-warp .chat li.right .chat-body {
            margin-right: 0px;
            max-width: 210px;
            float: right;
        }

        .urs-chat-warp .chat li .chat-body p {
            margin: 0;
            color: #777777;
        }

    .panel .slidedown .glyphicon, .urs-chat-warp .chat .glyphicon {
        margin-right: 5px;
    }

.urs-chat-warp .panel-body .chat {
    overflow-y: scroll;
    height: 320px;
    padding: 1px 7px;
}


.chat-body {
    padding: 5px 10px;
    color: #000;
    font-size: 13px;
    word-wrap: break-word;
    word-break: break-word;
    border: 1px solid #d4d4d5;
    border-collapse: collapse;
    background: #fff;

}

.urs-chat-warp .panel-body {
    background-color: #f5f5f5;
}

li.right .chat-body {
    background-color: #00A4A6;
    border-color: #ffffff;
    color: white;
}

.urs-chat-warp .chat li.right .chat-body p {
    margin: 0;
    color: #ffffff;
}

.urs-chat-warp .panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(to bottom,#0065b3 0,#0065b3 100%);
    background-image: -moz-linear-gradient(to bottom,#0065b3 0,#0065b3 100%);
    background-image: -o-linear-gradient(to bottom,#0065b3 0,#0065b3 100%);
    background-image: linear-gradient(to bottom,#0065b3 0,#0065b3 100%);
}

span.muted-color-left {
    color: gray;
    font-size: 9px;
}

span.muted-color-right {
    color: gray;
    font-size: 9px;
    display: flex;
    float: right;
}



button#btn-chat {
    background: #0065b3 !important;
    color: white !important;
    border: 1px solid #0065b3;
    padding: 7px 13px;
}

.us-video-player {
    width: 205px;
}

.us-button-warp button {
    font-size: 11px;
    background: white !important;
    border: 1px solid #080808b8;
    margin-bottom: 3px;
    padding: 6px 11px;
}

.us-typing {
    font-size: 8px;
    color: gray;
    padding-left: 11px;
}

.us-cht-close {
    position: absolute;
    right: 21px;
    color: white !important;
}

.us-chat-img {
    cursor: zoom-in;
}

.us-chat-indicator {
    background: whitesmoke;
}

.urs-chat-warp .chat li.right .chat-body p:after {
    content: "";
    border-top: 6px solid transparent;
    border-left: 6px solid white;
    border-bottom: 6px solid transparent;
    z-index: 2;
    bottom: -3px;
    right: -11px;
    margin-right: -5px;
    float: right;
    position: relative;
    background-color: transparent;
    width: 0;
    height: 2px;
    border-left-color: #00A4A6;
}
.urs-chat-warp {
    max-width: 300px;
    right: 0px;
    position: fixed;
    bottom: -442px;
    z-index: 10001;
    transition: bottom .4s ease-in-out;
}
.urs-chat-opn {
    bottom: 0px;
}
div#uschatBox .panel {
    margin-bottom: 0px;
}
div#chatTriggerbtn span {
    padding-right: 7px;
    line-height: 31px;
    font-size: 12px;
}

/*end of catbor */

.adj-diet-dash {
    max-width: 209px;
    display: block;
}
.dietpop-head {
    background: #112650;
    background-image: radial-gradient( circle 953px at 10% 20%, #112650 0%, rgba(22,79,141,1) 25% );
    color: #fff;
    height: 80px;
    padding: 10px 0 0 0;
}
.diet-bor-top {
    border-top: 1px solid #122e5c12;
    padding-top: 9px;
    margin-top: 21px;
}

li.us-r-filter-menu-warp-head-date .us-r-filter-menu-warp-date {
    margin-right: 10px;
    background-color: #f7f7f7;
    border-radius: 5px;
    width: 118px;
    height: 50px;
    padding-top: 9px;
}
.head-filter-warp .navbar-nav {
    width: 100%;
    display: block;
    margin-bottom: 12px;
}
.filter-warp-list ul {
    padding-left: 0px;
}
    .filter-warp-list ul li {
        display: inline-block;
        margin-right: 5px;
        background: #a9a9a933;
        padding: 4px 7px;
        margin-bottom: 9px;
        font-size: 12px;
        border-radius: 8px;
    }
p.us-r-filter-mwp-headtext {
    font-size: 12px;
    text-align: center;
}
.box-header-report-warp .tab-pane {
    padding: 0 !important;
}
.box-header-report-warp .tab-content {
    padding: 0px !important;
}
.us-r-filter-menu-warp-filter {
    margin-top: 26px;
}
label.us-r-filter-menu-text-date {
    font-size: 11px;
}
.us-r-filter-menu-warp-date {
   text-align:center;
}
#fromdatetodate {
    min-width: 169px;
}
.head-filter-warp {
    background: white;
    padding: 13px;
}
ul.us-r-filter-menu-warp-dropdown li input {
    width: 16px;
}
.adj-edt-dash-new {
    float: left;
    margin-right: 12px;
}
.us-info-dash-warp .dropdown-menu > li > a {
    margin-left: 0;
}
    .us-info-dash-warp .dropdown-menu > li > a:hover {
        background-color: #cfd0d4;
        color: #333;
    }
.new-apt-edit-adj{
    float:left;
}
.us-info-dash-warp {
    float: left;
    margin-left:12px;
}
.us-dash-btn-info {
    padding: 4px 12px;
}
.us-dash-btn-info {
    background-color: #8e8e8e;
    color: white;
}
.new-apt-edit-adj{
    float:left;
}
#dashMysheduleTable_wrapper .row:nth-child(1) .col-sm-6:nth-child(1){
    display:none !important;
}

div#dashMysheduleTable_filter {
    float: left !important;
    margin-top: 16px;
}
    div#dashMysheduleTable_filter input {
        height: 22px !important;
        margin-left: 48px;
        max-width: 151px;
    }
.dashMyshedulebox label.cusdrsellable {
    float: left !important;
    margin-right: 16px;
    font-size: 12px;
}
.dashMyshedulebox select#SelDoctor {
    float: left;
    width: 149px;
    padding: 1px;
    height: 23px !important;
}
    button#btnmedreportfilter {
    background-color: #bed62f;
    border: 0px;
    color: white;
    font-size: 16px;
    padding: 15px 34px;
}
button#btnmedreportfilter:hover {
  background-color: #0065b3;
  color: white;
}
button#btnlabreportfilter {
    background-color: #bed62f;
    border: 0px;
    color: white;
    font-size: 16px;
    padding: 15px 34px;
}
button#btnlabreportfilter:hover {
  background-color: #0065b3;
  color: white;
}

/*ul#ui-id-3.ui-autocomplete {
    max-height: 310px;
    overflow-y: auto;
    overflow-x: hidden;
}*/

.ui-menu-item {
    clear: both;
}
ul#ui-id-1,
ul#ui-id-4 {
    max-height: 143px;
    overflow-y: scroll;
}
div#dietplanDashboard .modal-body {
    max-height: 500px;
    overflow-y: scroll;
}
.us-button-warp button {
    width: 100%;
    border: 1px solid #0065b32e;
    text-align: left;
}
.dietplanDashboard-loader .modal-content:before {
    position: absolute;
    content: "";
    background-color: #0000002e;
    width: 100%;
    min-height: 100%;
    z-index: 1;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.us-r-filter-menu-warp-date input.daterpt {
    background-image: url(../img/calender-icon.png);
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 22px !important;
    min-width: 23px !important;
    height: 10px;
    padding: 18px;
    border: none;
    cursor: pointer;
    font-size: 0px !important;
}

#support_list-hold .popover-content p {
    font-size: 12px !important;
    line-height: 20px;
    padding-bottom: 5px;
}
.us-r-filter-menu-warp input[type="checkbox"][id^="cb"] {
    display: none;
}

.us-r-filter-menu-warp label {
    border: 1px solid #7779;
    background: white;
    padding: 5px 9px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
}

    .us-r-filter-menu-warp label:before {
        background-color: white;
        color: white;
        content: " ";
        display: block;
        border-radius: 50%;
        border: 1px solid grey;
        position: absolute;
        top: -5px;
        left: -5px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 28px;
        transition-duration: 0.4s;
        transform: scale(0);
    }

    .us-r-filter-menu-warp label img {
        height: 100px;
        width: 100px;
        transition-duration: 0.2s;
        transform-origin: 50% 50%;
    }

.us-r-filter-menu-warp input:checked + label {
    border-color: #ddd;
    background: #777777;
}

.us-r-filter-menu-warp input:checked + label i {
    color:#fff;
}

.us-r-filter-menu-warp input:checked + label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
}
.adj-cb-rpt{
    display:none;
}
.quickselect-warp-list ul {
    padding-left: 0px;
}

    .quickselect-warp-list ul li {
        display: inline-block;
        margin-right: 18px;
        border: 1px solid #337ab7;
        border-radius: 33px;
        padding: 0 9px;
        margin-bottom: 9px;
        font-size: 12px;
        cursor: pointer;
    }
        .quickselect-warp-list ul li:hover {
            background: #337ab7;
            color: white;
            border-color: #337ab7;
        }
        .package-head-align {
    max-width: 880px;
    margin: auto;
}
.consulting-head-align {
    max-width: 880px;
    margin: auto;
    margin-top:32px;
}
.card-body.listing-package-inc-exc {
    padding: 17px;
    border: 1px solid #ececec91;
    max-height: 175px !important;
    overflow-y: scroll;
    background: white;
}
.card-body.listing-package-inc-exc ul{
   padding-left:0px;
}
.listing-package-inc-exc ul li {
    font-size: 14px;
    padding-bottom: 8px;
    padding-left: 12px;
    list-style: none;
}
#headinginclusionsOne button.btn.btn-link,
#headingexclusionsOne button.btn.btn-link {
    font-size: 15px;
    box-shadow: none;
    text-transform: uppercase;
    text-decoration: none;
}
.package-head-align-head{

}
.package-head-inner {
    padding: 30px 30px;
    background: white;
    border: 1px solid #5f5f5f52;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.package-head-align-head {
    max-width: 876px;
    margin: auto;
}
.us-r-filter-menu-warp-date.us-f-mw-long {
    width: 246px !important;
    padding-left: 23px;
    padding-right: 23px;
}
@media screen and (min-width:768px) {
    .rptclose.btnreportfilterclose,
    p.box-title.pull-right.btn.rptShowcloseFilter {
        display: none;
    }
}
@media screen and (min-width:767px) and (max-width:992px) {
    .head-filter-warp .navbar-nav {
        float:none;
    }
    li.us-r-filter-menu-warp-head-date {
        margin-bottom: 16px;
    }
    #appointment_new .nav.navbar-nav li:nth-child(3) {
        clear: both;
    }
    #rev_repo .nav.navbar-nav li:nth-child(4) {
        clear: both;
    }
    .box-header-report-warp.pull-right {
        float: left !important;
    }
    .box-header-report-warp .tab-content li.us-tab-nav-head {
        padding: 0px 5px;
    }
}
@media screen and (min-width:280px) and (max-width:767px) {
    .box-header-report-warp.pull-right {
        float: left !important;
    }
   
    #appointment_new .nav.navbar-nav li:nth-child(1),
    #appointment_new .nav.navbar-nav li:nth-child(2)
    {
     
        margin-bottom: 12px;
    }
    ul.nav.navbar-nav li .us-r-filter-menu-warp {
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }
    #rev_repo li.us-r-filter-menu-warp-head-date .us-r-filter-menu-warp-date,
    #pres_repo li.us-r-filter-menu-warp-head-date .us-r-filter-menu-warp-date,
    #lab_repo li.us-r-filter-menu-warp-head-date .us-r-filter-menu-warp-date,
    #appointment_new li.us-r-filter-menu-warp-head-date .us-r-filter-menu-warp-date{
        margin: auto;
        margin-bottom: 12px;
    }
     
}
@media screen and (max-width:767px) {
    .head-filter-warp .navbar-nav {
        float: none;
        max-width: 220px;
        margin: auto;
    }
    .box-header-report-warp .tab-content li.us-tab-nav-head {
        margin: 3px 8px;
        padding: 0px 5px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        text-align: center;
    }

p.box-title.pull-right.btn {
    background: #0065b3;
    color: white;
    font-size: 14px !important;
    text-transform: capitalize;
    font-weight: lighter;
}

.reptoneMenu {
    position: fixed;
    top: 0px;
    overflow: scroll;
    z-index: 10000;
    width: 100%;
    left: -100%;
    -webkit-transition: -webkit-transform .3s ease-in-out,right .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,right .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,right .3s ease-in-out;
    transition: transform .3s ease-in-out,right .3s ease-in-out;
    -webkit-transform: translate(0px, 0) !important;
    -ms-transform: translate(0px, 0) !important;
    -o-transform: translate(0px, 0) !important;
    transform: translate(0px, 0) !important;
    height: 100vh;
}
.showmenurptone {
    left: 0 !important;
}
.rptclose {
    position: absolute;
    right: 12px;
    color: #0065b3;
    font-size: 35px;
}
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 50001;
}
}

.pay-detail-title-head-wrap {
    margin-top: 10px;
}
.pay-detail-title-head {
    text-align: center;
    background-color: #ecc334;
}
    .pay-detail-title-head p {
        margin-bottom: 0px;
    }
.pay-detail-title-amount {
    text-align: center;
    background-color: white;
    color: black;
}
    .pay-detail-title-amount span {
        font-size: 11px;
        font-weight: 600;
    }

    .btn-save_11, button[type="submit"] {
    background: #4fd41f !important;
    border: 1px solid #4fd41f !important;
    color: #fff !important;
}

    .da-load-quickentry img {
    width: 109px;
}

    .us-search-address-place p {
    font-size: 12px !important;
    color: #7b7b7b;
    line-height: 24px;
}
li.dropdown.user.user-menu a .fa-cog {
    color: #9a9a9a;
    font-size: 20px;
}

html ul#ui-id-3 {
    max-height: 310px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width:550px;
    
}


/*sms broadcaset*/
.box.urs-msg-head .box-header {
    padding-bottom: 0px !important;
    border: 0px !important;
}
.mt24{
    margin-top:24px;
}

.us-msg-box-pop {
    padding: 32px 0px;
    text-align: center;
    min-height: 95px;
    background: whitesmoke;
    border: 1px solid #d2d2d2;
    margin-bottom: 31px;
    cursor:pointer;
}
.us-msg-box-pop p{
    margin-bottom:0;
}
    .us-msg-box-pop:hover {
        background: #e4e4e4;
    }
.empty-space-32{
    margin-top:32px;
}
.by-sms-head {
    background: #0065b3;
    color: white;
}
.us-bysms-list {
    border: 1px solid #fff;
    margin-bottom: 4px;
    padding: 9px 3px;
    background: #efefef;
    text-align: center;
}
    .us-bysms-list p.msgtitle-amt {
        font-size: 12px;
        min-height: 46px;
        text-align: center;
    }
    .us-bysms-list p.msgcost-amt,
    .us-bysms-list p.msgwlink-amt,
    .us-bysms-list p.msgsms-amt {
        font-size: 12px;
        font-weight: 600;
        text-align: center;
    }
   
div#smstab {
    padding: 0px;
}
btn-us-buysms:hover {
    background: #4fd41f;
    color: white;
}
table#sms_buy_tab th {
    font-size: 12px;
}
div#sms_buy_tab_length label {
    font-size: 12px;
}
#sms_buy_table{
    margin-top:22px;
}
.btn-us-buysms {
    background: #4fd31f;
    color: white;
    border-radius: 0px;
    margin-left: 32px;
    margin-top: -3px;
}
    .btn-us-buysms:hover {
        background: #4fd41f;
        color: white;
    }


/*casesheet config*/
ul.us-list-casesheet-order {
    padding-left: 0;
}

    ul.us-list-casesheet-order li {
        list-style: none;
        margin-bottom: 13px;
        border: 1px solid #0065b3;
        padding: 12px 16px;
        max-width: 480px;
        cursor: grab;
        background: #fff;
    }
.us-list-casesheet-order {
    margin-top: 0;
}
ul.us-list-casesheet-order.us-cslist-static {
        margin: 0px;
    }
ul.us-list-casesheet-order.us-cslist-static li {
            background: #f6f6f6;
        }
ul.us-list-casesheet-order .us-list-cs-remove {
    float: right;
}
.us-list-cs-add,
.us-list-cs-save {
    background: #0065b3 !important;
    color: white !important;
    padding: 6px 23px;
}
    .us-list-cs-add:hover,
    .us-list-cs-save:hover{
        background: #0065b3;
        color: white;
        padding: 6px 23px;
    }
.us-ps-cspage-align {
    max-width: 580px;
    margin: auto;
}
/*//package design*/
.ur-pkge-btn-warp {
    max-width: 180px;
    float: right;
    margin-top: 30px;
}
.ur-pk-btn {
    background: #0065b3;
    padding: 5px 15px;
    color: white;
}
a.ur-pk-btn:hover,
a.ur-pk-btn:focus{
    color: white;
    background: #bed62f;
}
.ur-pkge-details-warp {
    margin: 45px 2px;
}
.ur-pkge-details-warp p {
    display: inline;
    margin-left: 20px;
    font-size: 15px;
    line-height: 21px;
    border-bottom: 1px solid black;
}
    .ur-pkge-details-warp p span {
        color: #0065b3;
        font-weight: 600;
        font-size: 18px;
    }
#pkgeTable{
    margin-bottom:50px; 
}
span.ur-pkge-view {
    background: #e5e5e5;
    padding: 0px 3px;
    color: #5b5b5b;
    margin-right: 10px;
}
span.ur-pkge-cancel {
    background: #f1f1f1;
    padding: 0px 3px;
    color: #0065b3;
    margin-right: 10px;
}
.package-prof_imgblock img {
    max-width: 120px;
    border: 1px solid;
    border-radius: 50%;
    width: 66px;
    height: 66px;
}
.pkge_detail_block {
    display: table;
    background: #005fa7;
    width: 100%;
    padding: 12px;
}
.us-pkge-detail p {
    color: #cecece;
    font-size: 13px;
}
.us-pkge-detail p span {
    font-weight: 600;
    color: white;
    float: right;
}

.ur-pkge-expdate {
    background: #0000004a;
    padding: 5px 11px;
}
#urpkgeCancel input::-webkit-outer-spin-button,
#urpkgeCancel input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#urpkgeCancel input[type=number] {
    -moz-appearance: textfield;
}
.ur-pakge-otp {
    max-width: 300px;
}
.pkg-detail-card {
    max-width: 247px;
    background: #f3f1f1;
    border: 1px solid white;
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 14px;
    margin-right: 11px;
}
    .pkg-detail-card .package-prof_imgblock img {
        width: 100%;
        height: auto;
        margin: auto;
        border-radius: 0;
        border: 0px;
        max-height: 110px;
}
.pkg-card-details{
    max-height:340px;
    overflow-y:scroll
}
a.ur-sell-pkge {
    color: #464646;
}
a.ur-sell-pkge:hover .pkg-detail-card {
        color: #464646;
        background-color: #e8e8e8;
}
.takemeback {
    margin: 21px;
    background: #e0e0e0;
    box-shadow: none;
    border: none;
    font-size: 12px;
    padding: 4px 16px;
}

.modal-dialog.modlarge {
    width: 70%;
}

/*prisp=popup*/

.medicene_add_block label {
    margin-bottom: 0px;
}
.btn-icdc:hover, 
.btn-icdc:active {
    background: #3e7ede !important;
    color: #fff;
}
.btn-icdc {
    padding: 8px 6px;
    line-height: 1;
    /*background: #418bfe;
    color: #fff;*/
    background-color: #418bfe !important;
    color: #fff !important;
}
.div#modal-cs-prescri .panel.panel-primary {
    border-color: #e3e3e3 !important;
}
.btn-l-add {
    background: #48b91f !important;
    border: 1px solid #48b91f !important;
    color: #fff !important;
}
.modal-cs-prescri-head .panel-primary>.panel-heading{
        background-color: #e3e3e3;
    color: #337ab7 !important;
    border-color: #c3c3c3 !important;
}
.modal-cs-prescri-head .panel-primary {
    border-color: #e3e3e3 !important;
}
.modal-cs-prescri-head .btn-cancel {
    background-color: transparent;
    color: #495fff;
    border-color: transparent;
}

.modal-cs-prescri-head .btn-cancel:hover, 
.modal-cs-prescri-head .btn-cancel:focus, 
.modal-cs-prescri-head .btn-cancel:active {
    background-color: transparent;
    color: #495fff;
    border-color: #495fff;
}


/*tags editor start*/
/* surrounding tag container */
.tag-editor {
    list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
    font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px; height:auto;
}

/* core styles usually need no change */
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
.tag-editor div { float: left; padding: 0 4px; }
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
.tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear { display: none; }

/* tag style */
.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "x"; font-style: normal; }
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }

.tag-editor .tag-editor-tag.active { background: none !important; }

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
.ui-front { z-index: 9999; }
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
.ui-widget-content a { color: #46799b; }
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.ui-helper-hidden-accessible { display: none; }


/*tags editor end*/



.dropdown_pres {
    top: 17px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 180px;
    max-height: 175px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}

.dropdown_pres a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

.dropdown_pres a:hover {
    background-color: #ddd;
}

.dropdown_sec:hover .dropdown_pres {
    display: block;
}

.dropdown_sec:hover .dropbtn {
    background-color: #3e8e41;
}
.us-pre-min-input{
    width: 29px !important;
    padding: 0px !important;
    font-size: 12px;
}
.us-pre-type-min-input {
    width: 67px !important;
    font-size: 12px !important;
}
.us-pre-gen-max-input {
    max-width: 250px !important;
    margin-bottom: 12px;
}
span.us-list-cs-remove i {
    padding: 0px;
}
.ur-cs-save-align {
    max-width: 511px;
}
.us-back-btn {
    float: right;
    border: 1px solid #b5b5b5;
}
    .us-back-btn a {
        padding: 2px 9px;
        color: #080808;
    }
.da-load-p-prep:before {
    content: "";
    display: block;
    height: -webkit-fill-available;
    background: #00000047;
    position: absolute;
    background-image: url(../img/ur-pre-loader.gif);
    -webkit-background-size: 78px;
    -moz-background-size: 78px;
    -ms-background-size: 78px;
    -o-background-size: 78px;
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 53;
}

/*.filter-warp-list li:nth-child(1) {
    background: white;
    font-weight: 800;
    font-size: 13px;
}*/
.filter-warp-list li b {
    margin-right: 7px;
}

    .filter-warp-list li i {
        color: black;
    }
.ccl-show-only-select {
    float: right;
}
    .ccl-show-only-select a#btnadd {
        float: right;
    }
div#CalendarConfiguration {
    margin-top: 32px;
}
.pat-search-min-age {
    max-width: 78px;
    max-height: 32px;
}
.pat-search-max-age {
    max-width: 78px;
    max-height: 32px;
    float: right;
}
#myPatientDashModal .modal-header {
    background: #164f8d;
    color: white;
}
.m12{
    margin-top:12px;
}
.adj-top-rb-tempspage .adj-top-rb-spage {
     top: 0px;

}

.db-doc-name{
    font-size:11px;
}
div#qlabtest li.list-group-item a {
    padding: 4px;
    color: black;
}
    div#qlabtest li.list-group-item a:focus, div#qlabtest li.list-group-item a:hover {
        background-color: white !important;
        color: black !important;
    }
div#qlabtest li.list-group-item.active a {
    background-color: #164f8d !important;
    color: #fff !important;
}
#labtest .validate_errup,
#diet .validate_errup,
#prescription .validate_errup,
#qlabtest .validate_errup,
#Diagnostics-section .validate_errup {
    top: 53px;
}
p#PtxtlabTemplateName {
    top: 54px;
}
#PrescriptionAdd-section p#Pmedicine_name {
    padding-top: 23px;
}
div#cpInvoice-section p#PInvoiceDate,
div#cpInvoice-section p#PInvoiceName,
div#cpInvoice-section p#PInvoiceAmount {
    top: 54px;
}

input.no-input-arrows::-webkit-outer-spin-button,
input.no-input-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
button.add.btn.btn-default.btn-rounded.btn-sm.btn-add {
    background: #3e81dd !important;
    color: white;
}
button.view.btn.btn-default.btn-rounded.btn-sm.btn-add {
    background-color: white;
    border: 1px solid #3e81dd;
}
.templates-top-head button.edit,
#tbl-scan button.edit,
#tbl-medicine button.edit,
#tbl-scan_1 button.edit,
#example1 button.edit {
    background: #4fd41f !important;
    border: 1px solid #4fd41f !important;
    color: #fff !important;
}
.templates-top-head button.delete,
#tbl-scan button.delete,
#tbl-medicine button.delete,
#tbl-scan_1 button.delete,
#example1 button.delete {
    background: red !important;
    border: 1px solid red !important;
    color: #fff !important;
}
.filter-warp-list li i {
    color: black;
    padding: 2px 4px;
}
p#PtxtSysQ,
#PtxtDiaQ {
    top: 50px;
}
.adj-val-eer52 .validate_errup {
    top: 52px;
}
.mr15{
    margin-right:15px;
}

aside.main-sidebar.urs-dashboard-menu {
    background: #444444 !important;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #0065b3 !important;
}
.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #71c63d !important; 
}

.btn-sm.delete {
    /*padding: 4px 13px !important;*/
    margin-right: 12px;
    background: red !important;
    border: 1px solid red !important;
    color: #fff !important;
}


.btn-sm.edit {
    /*padding: 4px 13px !important;*/
    /*margin-right: 12px;*/
    background: #4fd41f !important;
    border: 1px solid #4fd41f !important;
    color: #fff !important;
}
p.cp-total-amt-value {
    padding: 1px;
    background: white;
    color: black;
    text-align: center;
    margin-bottom: 6px;
}
p.cp-total-amt {
    background: red;
    padding: 1px;
    font-size: 12px;
    text-align: center;
    margin-bottom: 0;
}
p.cp-total-bal {
    background: #48b91f;
    padding: 1px;
    font-size: 12px;
    text-align: center;
    margin-bottom: 0px;
}
p.cp-total-bal-value {
    padding: 1px;
    background: white;
    color: black;
    text-align: center;
    margin-bottom: 0px;
}
.filter-warp-list li {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 12px;
    background: #f7f7f7;
    padding: 5px 9px;
    border-radius: 13px;
}
    .filter-warp-list li i {
        background: white;
        color: #868686;
        margin-left: 11px;
    }

a.ur-sell-pkge {
    color: #464646;
}

    a.ur-sell-pkge:hover .pkg-detail-card {
        color: #464646;
        background-color: #e8e8e8;
    }

.takemeback {
    margin: 21px;
    background: #e0e0e0;
    box-shadow: none;
    border: none;
    font-size: 12px;
    padding: 4px 16px;
}

button.add.btn.btn-default.btn-rounded.btn-sm.btn-add {
    background: #3e81dd !important;
    color: white;
}

button.view.btn.btn-default.btn-rounded.btn-sm.btn-add {
    background-color: white;
    border: 1px solid #3e81dd;
}

span.view.btn.btn-default.btn-rounded.btn-sm {
    background-color: white;
    border: 1px solid #3e81dd;
    margin-right: 3px;
}

view.btn.btn-default.btn-rounded.btn-sm:hover {
    background: white !important;
    border: 1px solid #3e81dd !important;
    margin-right: 3px;
}

span.cancel.btn.btn-default.btn-rounded.btn-sm {
    background: #005fa7 !important;
    border: 1px solid #005fa7 !important;
    color: #fff !important;
}

span.print.btn.btn-default.btn-rounded.btn-sm {
    background: #ffffff !important;
    border: 1px solid #005fa7 !important;
    color: #005fa7 !important;
    margin-right: 10px;
}

.payment.btn.btn-default.btn-rounded.btn-sm {
    background: #4fd41f !important;
    border: 1px solid #4fd41f !important;
    color: #fff !important;
    margin-right: 4px;
}

.part-payment.btn.btn-default.btn-rounded.btn-sm {
    background: #337ab7 !important;
    border: 1px solid #337ab7 !important;
    color: #fff !important;
    margin-right: 4px;
}

.templates-top-head button.edit,
#tbl-scan button.edit,
#tbl-medicine button.edit,
#tbl-scan_1 button.edit,
#example1 button.edit,
#example11 button.edit,
#tblDietChart button.edit,
#DiagnosticsTestTable button.edit,
#AddTestTable button.edit,
.edit.btn.btn-default.btn-rounded.btn-sm {
    background: #4fd41f !important;
    border: 1px solid #4fd41f !important;
    color: #fff !important;
    margin-right: 4px;
}

.templates-top-head button.delete,
#tbl-scan button.delete,
#tbl-medicine button.delete,
#tbl-scan_1 button.delete,
#example1 button.delete,
#example11 button.delete,
#tblDietChart button.delete,
#tblExperience a.delete.btn.btn-default.btn-rounded.btn-sm,
#DiagnosticsTestTable button.delete,
#AddTestTable button.delete,
#AddPanelTable button.delete,
#tblSpecialty button.delete,
#tblQualification button.delete,
#package_list_table button.delete,
.delete.btn.btn-default.btn-rounded.btn-sm {
    background: red !important;
    border: 1px solid red !important;
    color: #fff !important;
}

#btnSubmit1,
#btnSubmit,
#Add_Test_record,
#Add_Lab_record,
#Add_Diet_record,
#Update_Medicine,
#ADD_Medicine,
#Update_Lab_record,
#Update_Diet_record,
.us-cus-save-btn {
    background: #4fd41f !important;
    border: 1px solid #4fd41f !important;
    color: #fff !important;
}

    #btnSubmit1:hover, #btnSubmit1:focus,
    #btnSubmit:hover, #btnSubmit:focus,
    #Add_Test_record:hover, Add_Test_record:focus,
    #Add_Lab_record:hover, #Add_Lab_record:focus,
    #Add_Diet_record:hover, #Add_Diet_record:focus,
    #Update_Medicine:hover, #Update_Medicine:focus,
    #ADD_Medicine:hover, #ADD_Medicine:focus,
    .us-cus-save-btn:hover, .us-cus-save-btn:focus {
        background: #337ab7 !important;
        border: 1px solid #337ab7 !important;
        color: #fff !important;
    }

p.pro-pic-cus {
    float: left;
    padding-left: 18px;
    padding-right: 22px;
}

.cus-mb-adj {
    padding: 0px 15px;
}

.pt14 {
    padding-top: 14px;
}

p.pro-pic-cus img {
    border-radius: 50px;
    border: 1px solid #999;
    width: 60px !important;
    height: 60px !important;
}

.us-pk-mh-des {
    max-height: 40px;
}

.us-pd-page-head .panel-primary > .panel-heading {
    margin-bottom: 14px;
}

.hidden-pk-pg {
    display: none;
}

.pk-pp-os-scroll {
    max-height: 390px;
    overflow-x: scroll;
}

.ur-c-title-pkg {
    color: white;
}

p#sellpackage_name {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

span#sellpack_cost {
    padding-right: 12px;
}

.pd-menu-head .panel.panel-menu {
    max-width: 195px;
    margin-right: 12px;
}

.pd-menu-head .pm-mwnu-name {
    color: white;
    font-size: 12px;
}

.pd-menu-head .pm-icon-head {
    left: -8px;
    top: 7px;
}


button#btnsubmit_order,
#btnsubmit_job {
    max-width: 120px;
}

.mb9 {
    margin-bottom: 9px;
}



/*
    Footer
*/

.footer-mocero {
    position: fixed;
    bottom: 0;
    background: #f6f6f6;
    width: 100%;
}

.logo img {
    max-width: 262px;
    margin-top: 12px;
}

ul.menu-list-foot li {
    display: inline-block;
    padding-left: 44px;
}

.logo img {
    /*max-width: 260px;
    margin-top: 10px;
    margin-bottom: 12px;*/

    max-width: 150px;
    margin-top: -3px;
    margin-bottom: 12px;
    /*background: #a2bcd2;*/
}

p.footer-cpy-text {
    padding-top: 23px;
    color: #2e418d;
}

span.prod-mc {
    color: #2e418d;
}
/*
    Footer
*/
p.cp-pay-options {
    margin-top: 14px;
    text-align: right;
    width: 100%;
}

.labhme-db .lab_sec_block {
    padding: 5px 12px !important;
    font-size: 11px !important;
}

.labhme-db .panel.panel-menu {
    height: 162px;
}

.nav-tabs.ur-cus-navtabs > li > a {
    background-color: white !important;
    color: #0065b3d4 !important;
    font-weight: 600;
    font-size: 12px !important;
    cursor: pointer;
    letter-spacing: 0.5px;
}

.nav-tabs.ur-cus-navtabs > li.active > a {
    background-color: #0065b3 !important;
    color: white !important;
}

.lh-paid a {
    color: black;
    padding: 2px 6px;
    border: 1px solid #c5c5c5;
    background: #c5c5c5;
    font-size: 11px;
    border-radius: 12px;
}

span.lh-paid {
    padding-left: 12px;
}

.lab-hme-ov-head {
    border-bottom: 1px solid #e8e8e8 !important;
    padding: 18px 0;
}

.pt0 {
    padding-top: 0 !important;
}

#myResultviewModal .btn_sec_block_lab {
    background: white;
}

    #myResultviewModal .btn_sec_block_lab .text-blue {
        color: #164f8d !important;
    }

#lab_details .modal-dialog.modal-md {
    width: 90%;
}

#lab_details li.list-group-item {
    padding: 0px !important;
}

    #lab_details li.list-group-item a {
        padding: 10px 15px;
    }

#lab_details .list-group-item.active a {
    color: white !important;
}

#lab_details .form-group {
    margin-bottom: 10px !important;
}

#lab_details label {
    font-size: 12px !important;
}

#lab_details .modal-dialog.modal-md {
    width: 90%;
}

#lab_details .unitmute {
    color: #000 !important;
    font-size: 12px;
}

#lab_details #observation .col-lg-6.col-md-12.funkyradio.m5 {
    padding-left: 0;
}

h4.lt-head {
    font-size: 18px;
    FONT-WEIGHT: 500;
    color: #418bfe;
    padding-bottom: 12px;
    border-bottom: 1px solid #9c9c9c36;
}

.pb7 {
    padding-bottom: 7px !important;
}

#lab_details .tab-pane {
    padding: 0;
}

.mr10 {
    margin-right: 10px;
}

.custab-design-urs-head li a {
    border-top-left-radius: 10px;
    border-top-right-radius: 12px;
    width: 150px;
    text-align: center;
}

.custab-design-urs-head li {
    margin-right: 8px;
}

    .custab-design-urs-head li a {
        background-color: #eeedf0 !important;
        border: 1px solid #b5b5b5;
    }

        .custab-design-urs-head li a:hover {
            background-color: #0065b3 !important;
            color: white !important;
        }

    .custab-design-urs-head li.active a {
        border-top-left-radius: 10px;
        border-top-right-radius: 12px;
        /*width: 148px;*/
        text-align: center;
        background-color: #0065b3 !important;
        color: white !important;
        font-weight: 600;
    }

#Add-Panel-section span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.us-cs-pre-cus-olay-div-btn {
    border: 1px solid #4fd41f;
    width: 158px;
    padding: 2px 4px;
    margin-left: 16px;
    background: #4fd41f;
    font-size: 12px;
    text-align: center;
    float: right !important;
    border-radius: 12px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    margin-right: 27px;
}

.head-payment-wap-popup.open {
    bottom: 0px;
}

.head-payment-wap-popup {
    position: fixed;
    right: 25px;
    bottom: -239px;
    width: 254px;
    background: white;
    z-index: 99;
    border: 1px solid #afafaf99;
    transition: transform 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s;
}


.hp-pp-amt {
    padding: 14px;
    text-align: center;
    margin-bottom: 0;
    font-size: 13px;
}

span.amount-popup {
    font-size: 18px;
    font-weight: 600;
}

.mb17 {
    margin-bottom: 17px;
}

.model.model-menu-settings {
    padding-right: 0;
}

.model-menu-settings .modal-content {
    /*height: 100vh;*/
}

.model-menu-settings .modal-dialog {
    /*max-width: 100% !important;
    width: 100%;
    margin-top: 0;*/
}



.head-settings div a {
    background: #ffffff;
    padding: 12px;
    display: block;
    max-width: 191px;
    margin: auto;
}

a.settings-content p {
    font-size: 15px;
    padding-top: 12px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
}

.settings-icon-head {
    width: 54px;
    text-align: center;
    margin: auto;
    padding-top: 12px;
}

.model-menu-settings .modal-header {
    text-align: center;
    background: whitesmoke;
}

.menu-settings-close {
    color: black;
    opacity: 1;
    font-weight: 900;
    font-size: 26px;
}

.head-settings .setting-menu-wrap {
    border: 1px solid #f3f3f3;
    padding: 0;
}

a.settings-content:hover {
    background: #f5f5f5;
}

.userrights-head {
    font-size: 18px;
    FONT-WEIGHT: 500;
    color: #418bfe;
    padding-bottom: 12px;
    border-bottom: 1px solid #9c9c9c36;
}

.user-head-warp {
    padding: 10px 0px;
}

#settingsmenu .modal-dialog {
    bottom: 2px;
    position: absolute;
}

#settingsmenu .modal-content {
    height: 433px;
}

#settingsmenu .modal-body {
    padding: 0 !important;
}

#settingsmenu ul {
    padding-left: 0;
}

    #settingsmenu ul li a {
        padding: 8px 13px;
        display: block;
        font-size: 12px;
        cursor: pointer;
    }

#settingsmenu .modal-content {
    height: 446px;
    /*width: 615px;*/
    overflow-y: scroll;
}

div#settingsmenu {
    background: rgba(0, 0, 0, 0);
}

#settingsmenu ul li a span {
    padding-left: 12px;
    color: #333333d1;
    font-size: 13px;
    font-weight: bold;
}

#settingsmenu ul li a i {
    color: #0065b3;
    font-size: 20px;
}

#settingsmenu ul li a:hover {
    background-color: #e1e3e9;
    color: #333;
}

#settingsmenu .modal-header {
    padding: 7px 11px;
    background: #0065b3;
    color: white;
}

    #settingsmenu .modal-header span {
        color: white;
    }

@media screen and (max-width:767px) {
    #settingsmenu .modal-dialog {
        margin: 0;
    }

    #settingsmenu .modal-content {
        height: 446px;
        width: 313px;
        /*max-width: 480px;*/
    }

    #settingsmenu ul li {
        list-style: none;
        border: 1px solid #b5b5b517;
        width: 301px;
        margin-bottom: 0px;
        display: inline-block;
        background: #f3f3f3;
    }
}

@media screen and (min-width:768px) {
    #settingsmenu .modal-content {
        height: 446px;
        width: 313px;
    }

    #settingsmenu .modal-dialog {
        margin: 0;
    }

    #settingsmenu ul li {
        list-style: none;
        border: 1px solid #b5b5b517;
        width: 301px;
        margin-bottom: 0px;
        display: inline-block;
        background: #f3f3f3;
    }
}

.pos-fix-cus-lab {
    position: fixed;
}

@media screen and (max-width:767px) {
    .sm-mt-22 {
        margin-top: 22px;
    }

    .sm-mt-32 {
        margin-top: 32px;
    }

    .sm-mb-22 {
        margin-bottom: 22px;
    }

    .sm-mb-32 {
        margin-bottom: 32px;
    }

    .sm-pt-22 {
        padding-top: 22px;
    }

    .sm-pt-32 {
        padding-top: 32px;
    }

    .sm-pb-22 {
        padding-bottom: 22px;
    }

    .sm-pb-32 {
        padding-bottom: 32px;
    }

    .sm-text-center {
        text-align: center;
    }

    .sm-padding0 {
        padding: 0;
    }

    #chat_input {
        width: 90% !important;
    }

    .chat_send_btn {
        position: absolute;
        margin-top: -53px !important;
        right: -20px;
    }

    .box-header-report-warp .dt-buttons {
        text-align: center;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .custab-design-urs-head li {
        margin-bottom: 12px;
    }

        .custab-design-urs-head li a {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            width: 100%;
            line-height: 14px;
        }

            .custab-design-urs-head li a:after {
                background: transparent !important;
            }

    .modal-dialog.modal-md {
        width: 90% !important;
        margin: auto;
        margin-top: 32px;
    }

    .watchlist-pro.adj-new-lay-payment {
        height: 278px !important;
        margin-bottom: 15px;
    }

    .radioBtn a {
        padding: 7px 7px;
    }
}


@media screen and (min-width:786px) and (max-width:992px) {
    .pd-menu-head .panel.panel-menu {
        max-width: 299px;
        margin-right: 22px;
    }
}

@media screen and (max-width:1200px) {
    #lab_details li.list-group-item {
        padding: 0px !important;
        display: inline-block;
    }

        #lab_details li.list-group-item a {
            padding: 3px 6px;
            font-size: 11px !important;
        }

    .pos-fix-cus-lab {
        position: initial;
    }
}

span.img-cus-flag img {
    width: 24px;
    height: auto;
    margin-right: 13px;
}

p.img-cus-flag {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 7px;
    padding: 2px 8px;
    font-size: 10px;
    border-radius: 6px;
}

    p.img-cus-flag i {
        padding-right: 7px;
    }

    p.img-cus-flag.wkin {
        background: #0065b3;
        color: #ffffff;
    }

    p.img-cus-flag.mobileapp {
        background: #5080d7;
        color: #ffffff;
    }

    p.img-cus-flag.videocall {
        background: #4dda5d;
        color: #ffffff;
    }

    p.img-cus-flag.chat {
        background: #0065b3;
        color: #ffffff;
    }

    p.img-cus-flag.watchlist {
        background: #4de2ad;
        color: #ffffff;
    }

    p.img-cus-flag.vip {
        background: #b1c33f;
        color: #ffffff;
    }

    p.img-cus-flag.noapp {
        background: #d46363;
        color: white;
    }

    p.img-cus-flag.yesapp {
        background: #40d854;
        color: white;
    }

#lab_details div#glycemic .validate_errup,
#lab_details div#renal .validate_errup {
    top: 27px;
    position: absolute;
    font-size: 10px;
}

.db-head-foot p.footer-cpy-text {
    padding-top: 8px;
}

#myPatientDashModal .modal-md {
    width: 70%;
}


@media screen and (max-width:380px) {
    aside.main-sidebar.urs-dashboard-menu ul.sidebar-menu.tree {
        margin-top: 0px;
    }
}

.mobile-db-card-head p,
.mobile-db-card-head span {
    font-size: 11px;
    margin-bottom: 5px;
}

.mobile-db-card-head {
    background: #fff;
    border: 1px solid;
    padding: 6px 7px;
    max-width: 398px;
    margin: 0 8px;
}

p.mdch-patientname,
p.mdch-patientid {
    font-size: 13px;
    font-weight: 600;
}

span.mdch-appttime,
span.mdch-apptmode {
    font-weight: 600;
}

span.mdch-apptmode {
    padding-left: 20px;
}

.mdch-footer-card div {
    border-top: 1px solid #333333;
    padding: 0;
    margin-top: 9px;
    padding-top: 9px;
}

.mdch-adj-footer-btn {
    margin-top: 9px;
}

p.mdch-ordernow {
    padding-top: 12px;
}

.mdch-us-info-dash-warp {
    margin-left: 2px;
    border-top: 0px !important;
}

.mdch-footer-card a.btn-default.btn.btn-save.hm-dt-btn {
    min-width: 57px;
}

.mdch-adj-footer-btn {
    float: left !important;
}

p.mdch-adj-footer-btn {
    padding-left: 18px;
}

.mdch-flags {
    padding-top: 18px;
    padding-bottom: 5px;
}

#settingsmenu h6 {
    margin: 0;
    padding: 12px;
    background: #0065b3;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
}

#settingsmenu .button.close span {
    color: white !important;
    font-size: 26px;
    position: absolute;
    right: 12px;
    top: 7px;
}


.urs-dashboard-menu li.treeview span.pull-right-container {
    display: none !important;
}

.urs-dashboard-menu:hover li.treeview span.pull-right-container {
    display: block !important;
}

#diet #deittemplatelist,
#prescription #Prescriptiontemplatelist {
    right: 0;
}

/*settings menu*/

#settingsmenu .modal-dialog {
    bottom: 2px;
    position: absolute;
}

#settingsmenu .modal-content {
    height: 433px;
}

#settingsmenu .modal-body {
    padding: 0 !important;
}

#settingsmenu ul {
    padding-left: 0;
}

    #settingsmenu ul li a {
        padding: 8px 13px;
        display: block;
        font-size: 12px;
        cursor: pointer;
    }

#settingsmenu .modal-content {
    height: 446px;
    /*width: 615px;*/
    overflow-y: scroll;
}

div#settingsmenu {
    background: rgba(0, 0, 0, 0);
}

#settingsmenu ul li a span {
    padding-left: 12px;
    color: #333333d1;
    font-size: 13px;
    font-weight: bold;
}

#settingsmenu ul li a i {
    color: #0065b3;
    font-size: 20px;
}

#settingsmenu ul li a:hover {
    background-color: #e1e3e9;
    color: #333;
}

#settingsmenu .modal-header {
    padding: 7px 11px;
    background: #0065b3;
    color: white;
}

    #settingsmenu .modal-header span {
        color: white;
    }

@media screen and (max-width:767px) {
    #settingsmenu .modal-dialog {
        margin: 0;
    }

    #settingsmenu .modal-content {
        height: 446px;
        width: 313px;
        /*max-width: 480px;*/
    }

    #settingsmenu ul li {
        list-style: none;
        border: 1px solid #b5b5b517;
        width: 301px;
        margin-bottom: 0px;
        display: inline-block;
        background: #f3f3f3;
    }
}

@media screen and (min-width:768px) {
    #settingsmenu .modal-content {
        height: 446px;
        width: 313px;
    }

    #settingsmenu .modal-dialog {
        margin: 0;
    }

    #settingsmenu ul li {
        list-style: none;
        border: 1px solid #b5b5b517;
        width: 301px;
        margin-bottom: 0px;
        display: inline-block;
        background: #f3f3f3;
    }
}

/*end settings menu*/
.lab-headcus p.menu-appt-val-dis,
.lab-headcus .appt-body-align .lab_sec_block {
    color: white;
}
.lab-headcus .pm-icon-head {
    background: #ffffff;
}
.lab-headcus p.menu-appt-val-dis {
    font-size: 19px;
    color: #ffffff;
    text-align: center;
    padding-top: 12px;
}
.cus-paypop-close-btn {
    position: absolute;
    top: 14px;
    right: 15px;
    color: #00000078;
    opacity: 1;
}
@media screen and (max-width: 767px) {

    .modal-dialog.modal-md,
    .modal-dialog.modlarge {
        width: 90% !important;
        margin: auto;
        margin-top: 32px;
    }
    .navbar-custom-menu .nav > li > a {
        padding: 2px 11px !important;
    }
    input#mor,
    input#aft,
    input#eveningSession,
    input#nit {
        width: 100% !important;
    }
}
/*div#chat_wapper {
    padding: 0;
}*/
@media screen and (max-width: 768px) {
    .print-page-head-cus .btn-group{
        margin-bottom:30px;
    }
}


/*opthal forms*/
#status_None.active, #status_None.active:hover, #status_None.not-active:hover {
    color: #fff !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}

#status_Mild.active, #status_Mild.active:hover, #status_Mild.not-active:hover {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

#LC_status_Mild.active, #LC_status_Mild.active:hover, #LC_status_Mild.not-active:hover {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

#status_Moderate.active, #status_Moderate.active:hover, #status_Moderate.not-active:hover {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important;
}

#LC_status_Moderate.active, #LC_status_Moderate.active:hover, #LC_status_Moderate.not-active:hover {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important;
}

#status_Severe.active, #status_Severe.active:hover, #status_Severe.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

    #LC_status_Severe.active, #status_Severe.active:hover, #LC_status_Severe.not-active:hover {
        color: #fff !important;
        background-color: #a94442 !important;
        border-color: #a94442 !important;
    }

#status_Yes.active, #status_Yes.active:hover, #status_Yes.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

#status_No.active, #status_No.active:hover, #status_No.not-active:hover {
    color: #fff !important;
    background-color: #008000 !important;
    border-color: #008000 !important;
}

#LC_status_Yes.active, #LC_status_Yes.active:hover, #LC_status_Yes.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

#LC_status_No.active, #LC_status_No.active:hover, #LC_status_No.not-active:hover {
    color: #fff !important;
    background-color: #008000 !important;
    border-color: #008000 !important;
}



ul.lh-order-details-tracking li {
    list-style: none;
    line-height: 41px;
}
    ul.lh-order-details-tracking li:before {
        font-size: 10px;
        content: "\f00c";
        font-family: FontAwesome;
        margin-left: 0;
        margin-right: 10px;
        width: 23px;
        height: 23px;
        padding: 4px;
        border-radius: 32px;
        background: #164f8d;
        color: white;
        z-index: 112;
        position: relative;
}
ul.lh-order-details-tracking {
    padding-left: 21px;
}
span.ot-time,
span.ot-date {
    margin-right: 7px;
    color: #969696;
    font-size: 11px;

}
ul.lh-order-details-tracking li.active:before {
    background: #448044;
}


.db-flag-icon {
    width: 27px ;
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 5px;
    padding: 5px;
}
.db-typeofappoinment {
    background: #4a4a4a;
}
.db-modeofappoinment {
    background: #316cd6;
}

.db-flag-icon.paylater {
    background: #ff0000;
}
.db-flag-icon.prepaid {
    background: #48b91f;
}
.db-flag-icon.watchlist {
    background: #0367b4;
}
.db-flag-icon.vip {
    background: #ffcf40;
}
.db-flag-icon.paylater {
    background: orange;
}
.db-flag-icon.pending {
    background: #ff0000;
}


tr.db-table-video-call-engaged.even td {
    background-color: #fff46e8f;
}
tr.db-table-video-call-engaged.odd td {
    background-color: #fff46e8f;
}
tr.db-table-video-call-exists.odd td:nth-child(1) {
    border-left: 12px solid #ee2364;
}

tr.db-table-video-call-engaged.even td {
    background-color: #fff46e8f;
}
tr.db-table-video-call-exists.even td:nth-child(1) {
    border-left: 12px solid #ee2364;
}
tr.db-table-video-call-currenttime td {
    background-color: #4dca208f;
}

/*in admin login 5 box class added*/

@media screen and (min-width: 1200px) {
    .magicbox .col-lg-2
    {
    width: 19.666667% !important;
    }
}

select.msg-select-dd {
    padding: 5px;
    width: 100%;
    background: #f1f1f1;
    border: 1px solid #5a5a5a1a;
}

.pic-dm img {
    width: 50px !important;
    display: inline-block;
}

.hcw-sub {
    background: #f3f2f2;
    padding: 6px;
    position: absolute;
    display: block;
    z-index: 100;
    border: 1px solid #efefef;
}

.chat-msg-head .inbox-body {
    border: 1px solid #f2f2f2;
}
span.hcw-pname {
    font-size: 18px;
    line-height: 27px;
    padding-left: 3px;
    color: #5f5f5f;
}
span.hcw-pid {
    font-size: 12px;
    margin-top: 12px;
    background: #9e9e9e;
    color: white;
    padding: 6px;
    border-radius: 9px;
    text-transform: uppercase;
}
.pat-img img {
    width: 50px;
    border-radius: 35px;
    float: left;
    margin-right: 13px;
    border: 1px solid #757575;
}
.hcw-ph4 {
    margin: 0;
}
.sm-padding0 {
    padding: 0;
}
.tab-content {
    padding: 20px;
}
.mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 4px 4px 0;
    width: 75%;
}
.sm-padding0 {
    padding: 0;
}
.row.head-chat-window {
    padding: 0;
    margin: 0 1px;
    position: relative;
}
.inbox-body {
    padding: 20px;
    text-align: justify;
    height: 733px;
    overflow-y: scroll;
}
#message_list {
    margin-top: 56px;
}

.chat-wrapper {
    width: 100%;
    display: table;
    overflow: hidden;
}

.cus-table-algin-rpm button.view.btn.btn-default.btn-rounded.btn-sm.btn-add {
    color: blue;
}
div#applegicons {
    margin: 10px 0;
    background: white;
    padding: 8px 12px;
}
.app-details-hme {
    text-decoration: underline;
    font-size: 16px;
    line-height: 22px;
    color: #0065b3;
    cursor: pointer;
}
p.db-type-head {
    font-size: 14px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 7px;
    margin-bottom: 15px;
    border-bottom: 1px solid #0065b345;
}
div#applegicons ul {
    padding-left: 0;
}
    div#applegicons ul li {
        list-style: none;
        line-height: 41px;
        font-size: 14px;
    }
#stats-watchpatient .item.search-boxa.lchild,
#stats-vippatient .item.search-boxa.lchild {
    border: 0;
}
#stats-watchpatient .item.search-boxa.lchild:hover,
#stats-vippatient .item.search-boxa.lchild:hover {
    border:0;
    box-shadow:none !important;
}
.overlay_blocks {
    display: none;

}

.nav-tabs-custom.cus-db-table-wrap.custab-design-urs-head ul li.active {
    margin-top: 5px;
}



.custab-design-urs-head li a {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 12px !important;
    max-width: 146px;
    text-align: center;
}
.custab-design-urs-head .nav-tabs > li > a::after{
    display:none;
}
.custab-design-urs-head li {
    margin-right: 8px;
}

    .custab-design-urs-head li a {
        background-color: #eeedf0 !important;
        border: 1px solid #b5b5b5;
    }

        .custab-design-urs-head li a:hover {
            background-color: #0065b3 !important;
            color: white !important;
        }

    .custab-design-urs-head li.active a {
        border-top-left-radius: 10px;
        border-top-right-radius: 12px;
        /*width: 148px;*/
        text-align: center;
        background-color: #0065b3 !important;
        color: white !important;
        font-weight: 600;
    }

    .cs-masterlist-scroll {        
    overflow: scroll;
    height: 400px;
    }

.cus-pl-cb .checkbox-inline{
    margin-bottom: 16px;
    background: #f9f9f9;
    padding: 4px 34px;
}


#vitalsGraphPopUp .modal-content.ui-resizable {
   
    width: 800px;
    margin-left: -102px;
}


#vitalsGraphPopUp .modal-body {
    height: 80vh;
    overflow-y: auto;
    padding: 0px;
}

#vitalsGraphPopUp .modal-dialog{
    overflow-y: initial !important
}

/*summernote line height class*/
body .note-editing-area .note-editable p{
    margin: 0px 0 0px !important;
    line-height:18px !important;
}
.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
     overflow-y:scroll !important;
}