@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css"); /* Using a url */
@import url("menu.css");

/*@font-face {
    font-family: 'Proxima Nova';
    src: url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Regular.eot');
    src: url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Regular.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Regular.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Regular.ttf') format('truetype'),
        url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Bold.eot');
    src: url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Bold.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Bold.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Bold.ttf') format('truetype'),
        url('https://media-style.novoclinical.com/uiv2/font/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-Black.eot');
    src: local('Sonus-Black'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Black.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Black.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Black.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-Medium.eot');
    src: local('Sonus-Medium'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Medium.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Medium.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-Italic.eot');
    src: local('Sonus-Italic'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Italic.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Italic.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLight.eot');
    src: local('Sonus-ExtraLight'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLight.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLight.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBoldItalic.eot');
    src: local('Sonus-ExtraBoldItalic'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBoldItalic.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBoldItalic.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-LightItalic.eot');
    src: local('Sonus-LightItalic'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-LightItalic.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-LightItalic.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-Regular.eot');
    src: local('Sonus-Regular'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Regular.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Regular.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBold.eot');
    src: local('Sonus-ExtraBold'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBold.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBold.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-Bold.eot');
    src: local('Sonus-Bold'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Bold.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Bold.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-BlackItalic.eot');
    src: local('Sonus-BlackItalic'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-BlackItalic.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-BlackItalic.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-ThinItalic.eot');
    src: local('Sonus-ThinItalic'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ThinItalic.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ThinItalic.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-MediumItalic.eot');
    src: local('Sonus-MediumItalic'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-MediumItalic.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-MediumItalic.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-Light.eot');
    src: local('Sonus-Light'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Light.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Light.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Light.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLightItalic.eot');
    src: local('Sonus-ExtraLightItalic'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLightItalic.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLightItalic.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Sonus';
    src: url('https://media-style.novoclinical.com/uiv2/font/Sonus-Thin.eot');
    src: local('Sonus-Thin'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Thin.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Thin.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Sonus';
    src: url('Sonus-BoldItalic.eot');
    src: local('Sonus-BoldItalic'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-BoldItalic.woff2') format('woff2'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-BoldItalic.woff') format('woff'),
        url('https://media-style.novoclinical.com/uiv2/font/Sonus-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

html, body{ height:100%;}
body { /* addded color, change font-wight from 400 to 600, font-size to 11px  */
    font-weight: 400;
    font-style: normal;
    font-size: 13px; 
    font-family: 'Sonus';
    /* color: #4D4D4D; */
}

body.font14 {
	font-size: 14px; 
}

body.font15 {
	font-size: 15px; 
}

body.font16 {
	font-size: 15px; 
}

a{ text-decoration:none; color: #004c7e;}
select, option {
  font: -moz-pull-down-menu;
}

.ralbl {
	padding-left: 5px;
}

.alert {
	padding: .5rem .5rem !important;
}

/* .panel-body {
	font-size: 13px !important;
} */

* {
   scrollbar-color: #0a3874 #efefef;
   scrollbar-width: thin;
}
/* for appt scroll issue, 3 line */
#onlyList{ padding: 0 12px;}
.appointment-icons .left{ padding-left:0px;}
.appointment-table-responsive{ padding: 0;}

/* .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
	font-size: 13px !important;
} */

.navbar-default .navbar-nav > .active > a:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    bottom: 15px;
    left: 50%;
    margin-left: -2px;
    background: #ffcc4d;
    border-radius: 100%;
}

.right-menu a i { font-size: 1.5em !important;}
.user i { font-size: 1.25em !important;}

.i_f_s_1 {
    font-size: 1 !important;
}

.oddgry {
	background: #F5F5F5;
}

.olnmarg {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.right-menu{ align-items:center;}
.right-menu a {
   padding: 0 6px; color:#b8bbcb; text-decoration:none; position:relative;
}
.user{ padding: 3px 7px; position:static;}
.right-menu .badge {
    position: absolute;
    height: 16px;
    width: 16px;
    border-radius: 50px;
    background: #1eb9c6; color:#fff;
    top: -7px;
    right: 2px; line-height: 10px;
    z-index: 9;
}

.right-menu .btn, .user .btn {
    background: none;
	border: 0;
	padding: 7px;
	line-height: 7px;
	border-radius: 30px;
	color: #e2e2e2; 
}

.right-menu .btn:hover {
    background: #fff;
  }
.right-menu a:after{ content:inherit;}

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

.sub-page li svg {
 	width: 18px;
 	height: 18px;
 	margin-right: 10px;
}

.sub-page .patient-list-box {
    background: #0073b9;
    border-radius: 4px;
}

.sub-page.dropdown-menu {
 	padding: 0px;
 	width: 350px;
}

.padding-10 {
    padding: 10px;
}

.padding-top-10 {
    padding: 10px;
}

.margin-10 {
	margin: 10px;	
}

.divider {
    height: 41px;
    width: 1px;
    background: #efefef;
    position: absolute;
    left: -4px;
}

.pd {
    padding: 10px 16px;
}

.pd2 {
    padding: 10px 12px;
}

.icons {
    position: absolute;
	z-index: 9;
	left: 17px;
	padding: 1px;
}

.bt {
    width: 25px;
    height: 22px !important;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    opacity: 0.6;
    filter: alpha(opacity=60);
    text-align: center;
    background: #f5f5f5;
    padding: 10px;
    font-size: 9px;
}

.lt .validatebox-text {
    margin-left: 30px !important;
}

.Today .ti-angle-left {
    padding: 5px;
    float: left;
    border-radius: 5px;
}

.Today .ti-angle-right {
    padding: 5px;
    float: right;
    border-radius: 6px;
}

.Today {
    border: 1px solid #e0e0e0;
    background: #fff;
    text-align: center; width: 90%; display: flex; padding: 0 10px; margin-right:8px;
    line-height: 32px;
    border-radius: 5px 5px 5px 5px;
}
.Today svg{ width:12px; height:12px;}
.mob-date{ display:none;}

.color-green {
    color: #38c172;
}

.tree-title {
	display: inline !important;
	white-space: normal !important;
	height: auto !important;
}

.btn-icons {
    margin-bottom: 0;
    margin-right: 5px; 
    display: flex;
	align-items: center;
}

.tree-node {
	display: flex !important;	
}


   .btn-icons .textbox {
   }


    .btn-icons li {
        display: inline-block; 
        padding-right: 5px;
    } /* change padding-right from 10px to 5px */

.striped strong {
    /* float: left; */
}
.striped .btn-link {
    font-size: x-large;
    padding: 0 12px; text-decoration:none;
}
.striped .uppercase .btn-link{ line-height: 10px;}
.striped .uppercase .btn-link .ti-more-alt{line-height: 10px;}
.inline {
    padding: 0;
    margin: 0;
    width: 40%; font-size: 16px;
    float: left; display:flex;
}
.inline li{ padding:0 10px 0 0;}
@keyframes blink {
    0% {
        background-color: #0efc84;
    }

    50% {
        background-color: #0efc846b;
    }

    100% {
        background-color: #0efc84;
    }
}

@-webkit-keyframes blink {
    0% {
        background-color: #0efc84;
    }

    50% {
        background-color: #0efc846b;
    }

    100% {
        background-color: #0efc84;
    }
}

.dot {
    -moz-animation: blink normal 0.5s infinite ease-in-out;
    /* Firefox */
    -webkit-animation: blink normal 0.5s infinite ease-in-out;
    /* Webkit */
    -ms-animation: blink normal 0.5s infinite ease-in-out;
    /* IE */
    animation: blink normal 0.5s infinite ease-in-out;
    /* Opera */
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f4f4f4;
}

::-webkit-scrollbar-thumb {
    background: #0362a9;
    border-radius: 50px;
}

::-moz-selection {
    background: #d43319;
    color: #fff !important;
}

::selection {
    /* background: #f4f4f4; */
}

td.tab-calendar .textbox {
    width: 25px !important;
    background: none;
}

.messager-info {
    background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/info.svg) no-repeat scroll 0 0 !important;
}
.messager-question {
	background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/question.svg) no-repeat scroll 0 0 !important;
}
.messager-error {
	background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/error.svg) no-repeat scroll 0 0 !important;
}

.tree-title {
	display: inline !important;
	white-space: normal !important;
	width: 80% !important;
}

.messager-icon {
    width: 42px !important;
    height: 42px !important;
    display: none;
}

.jsPanel-content a {
	color: #101a51;
}

.jsPanel-content .notify {
	font-size: 0.8rem !important;
}

.c7 .panel-title {
	color: #000 !important;
}

.dr-name, .nowrap {
    white-space: nowrap;
}

.patient-list-box ul li a:hover {
    background: #01addd;
}

.popover-header {
	background-color: #004c7e;
	border-bottom: 1px solid #004c7e;
	color: #fff;
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
	border-bottom-color: #004c7e;
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
	border-bottom-color: #004c7e;
}

.bs-popover-bottom .popover-header::before {
	border-bottom: 1px solid #004c7e;
}

/* this is to make sure in mobile system can show the toolbar with 2 lines */
.tool-container.tool-top, .tool-container.tool-bottom {
	height: auto !important;
}

/* ============= code for bootstrap icons ==================== */

[class^=icon-],[class^="icon-btn"],[class*=" icon-arrow"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url(https://media-style.novoclinical.com/uiv2/images/glyphicons-halflings.png);background-position:14px 14px;background-repeat:no-repeat;}

.icon-glass{background-position:0 0}.icon-music{background-position:-24px 0}.icon-search{background-position:-48px 0}.icon-envelope{background-position:-72px 0}.icon-heart{background-position:-96px 0}.icon-star{background-position:-120px 0}.icon-star-empty{background-position:-144px 0}.icon-user{background-position:-168px 0}.icon-film{background-position:-192px 0}.icon-th-large{background-position:-216px 0}.icon-th{background-position:-240px 0}.icon-th-list{background-position:-264px 0}.icon-ok{background-position:-288px 0}.icon-remove{background-position:-312px 0}.icon-zoom-in{background-position:-336px 0}.icon-zoom-out{background-position:-360px 0}.icon-off{background-position:-384px 0}.icon-signal{background-position:-408px 0}.icon-cog{background-position:-432px 0}.icon-trash{background-position:-456px 0}.icon-home{background-position:0 -24px}.icon-file{background-position:-24px -24px}.icon-time{background-position:-48px -24px}.icon-road{background-position:-72px -24px}.icon-download-alt{background-position:-96px -24px}.icon-download{background-position:-120px -24px}.icon-upload{background-position:-144px -24px}.icon-inbox{background-position:-168px -24px}.icon-play-circle{background-position:-192px -24px}.icon-repeat{background-position:-216px -24px}.icon-refresh{background-position:-240px -24px}.novo-icon-list-alt{background-position:-264px -24px}.icon-lock{background-position:-287px -24px}.icon-flag{background-position:-312px -24px}.icon-headphones{background-position:-336px -24px}.icon-volume-off{background-position:-360px -24px}.icon-volume-down{background-position:-384px -24px}.icon-volume-up{background-position:-408px -24px}.icon-qrcode{background-position:-432px -24px}.icon-barcode{background-position:-456px -24px}.icon-tag{background-position:0 -48px}.icon-tags{background-position:-25px -48px}.icon-book{background-position:-48px -48px}.icon-bookmark{background-position:-72px -48px}.icon-print{background-position:-96px -48px}.icon-camera{background-position:-120px -48px}.icon-font{background-position:-144px -48px}.icon-bold{background-position:-167px -48px}.icon-italic{background-position:-192px -48px}.icon-text-height{background-position:-216px -48px}.icon-text-width{background-position:-240px -48px}.icon-align-left{background-position:-264px -48px}.icon-align-center{background-position:-288px -48px}.icon-align-right{background-position:-312px -48px}.icon-align-justify{background-position:-336px -48px}.novo-icon-list{background-position:-360px -48px}.icon-indent-left{background-position:-384px -48px}.icon-indent-right{background-position:-408px -48px}.icon-facetime-video{background-position:-432px -48px}.icon-picture{background-position:-456px -48px}.icon-pencil{background-position:0 -72px}.icon-map-marker{background-position:-24px -72px}.icon-adjust{background-position:-48px -72px}.icon-tint{background-position:-72px -72px}.icon-edit{background-position:-96px -72px}.icon-share{background-position:-120px -72px}.icon-check{background-position:-144px -72px}.icon-move{background-position:-168px -72px}.icon-step-backward{background-position:-192px -72px}.icon-fast-backward{background-position:-216px -72px}.icon-backward{background-position:-240px -72px}.icon-play{background-position:-264px -72px}.icon-pause{background-position:-288px -72px}.icon-stop{background-position:-312px -72px}.icon-forward{background-position:-336px -72px}.icon-fast-forward{background-position:-360px -72px}.icon-step-forward{background-position:-384px -72px}.icon-eject{background-position:-408px -72px}.icon-chevron-left{background-position:-432px -72px}.icon-chevron-right{background-position:-456px -72px}.icon-plus-sign{background-position:0 -96px}.icon-minus-sign{background-position:-24px -96px}.icon-remove-sign{background-position:-48px -96px}.icon-ok-sign{background-position:-72px -96px}.icon-question-sign{background-position:-96px -96px}.icon-info-sign{background-position:-120px -96px}.icon-screenshot{background-position:-144px -96px}.icon-remove-circle{background-position:-168px -96px}.icon-ok-circle{background-position:-192px -96px}.icon-ban-circle{background-position:-216px -96px}.icon-arrow-left{background-position:-240px -96px}.icon-arrow-right{background-position:-264px -96px}.icon-arrow-up{background-position:-289px -96px}.icon-arrow-down{background-position:-312px -96px}.icon-share-alt{background-position:-336px -96px}.icon-resize-full{background-position:-360px -96px}.icon-resize-small{background-position:-384px -96px}.icon-plus{background-position:-408px -96px}.icon-minus{background-position:-433px -96px}.icon-asterisk{background-position:-456px -96px}.icon-exclamation-sign{background-position:0 -120px}.icon-gift{background-position:-24px -120px}.icon-leaf{background-position:-48px -120px}.icon-fire{background-position:-72px -120px}.icon-eye-open{background-position:-96px -120px}.icon-eye-close{background-position:-120px -120px}.icon-warning-sign{background-position:-144px -120px}.icon-plane{background-position:-168px -120px}.icon-calendar{background-position:-192px -120px}.icon-random{width:16px;background-position:-216px -120px}.icon-comment{background-position:-240px -120px}.icon-magnet{background-position:-264px -120px}.icon-chevron-up{background-position:-288px -120px}.icon-chevron-down{background-position:-313px -119px}.icon-retweet{background-position:-336px -120px}.icon-shopping-cart{background-position:-360px -120px}.icon-folder-close{background-position:-384px -120px}.icon-folder-open{width:16px;background-position:-408px -120px}.icon-resize-vertical{background-position:-432px -119px}.icon-resize-horizontal{background-position:-456px -118px}.icon-hdd{background-position:0 -144px}.icon-bullhorn{background-position:-24px -144px}.icon-bell{background-position:-48px -144px}.icon-certificate{background-position:-72px -144px}.icon-thumbs-up{background-position:-96px -144px}.icon-thumbs-down{background-position:-120px -144px}.icon-hand-right{background-position:-144px -144px}.icon-hand-left{background-position:-168px -144px}.icon-hand-up{background-position:-192px -144px}.icon-hand-down{background-position:-216px -144px}.icon-circle-arrow-right{background-position:-240px -144px}.icon-circle-arrow-left{background-position:-264px -144px}.icon-circle-arrow-up{background-position:-288px -144px}.icon-circle-arrow-down{background-position:-312px -144px}.icon-globe{background-position:-336px -144px}.icon-wrench{background-position:-360px -144px}.icon-tasks{background-position:-384px -144px}.icon-filter{background-position:-408px -144px}.icon-briefcase{background-position:-432px -144px}.icon-fullscreen{background-position:-456px -144px}

/* =================================== CSS OLD =========================== */

.width-5p {
	width: 5%;
}

.width-10p {
	width: 10%;
}

.width-20p {
	width: 20%;
}

.width-80p {
	width: 80%;
}

img.tempImgClass {
	max-width: 200px;
}

.patient-table-easuyi{ background:#fff; overflow:hidden; box-shadow:0 0 8px #d9d9d9; margin-bottom:20px;}/* border-radius:5px;  */
.patient-table-easuyi h4{ background: #019af1; color: #fff; margin: 0; clear: both; padding: 7px; text-transform:uppercase;}

.redRecallIcon {
	color: #d9534f;
	font-size: 17px !important;
}

.novoicon {
	font-size: 17px !important;
}

.greenRecallIcon {
	color: #03ae4c;
	font-size: 17px !important;
}

.greenRecallIcon14px {
	color: #03ae4c;
	font-size: 14px !important;
}

.noColorRecallIcon {
	font-size: 17px !important;
}

.purpleColorRecallIcon {
	font-size: 17px !important;
	color: #1C46AE;
}

.right {
	float: right;
}
.left {
	float: left;
}

.clear {
	clear: both;
}

.left-padding-3 {
	float: left;
	padding-left: 3px !important;
}

.padding_right_2 {
 	padding-right: 2px !important;
}

.no_padding {
	padding: 0px !important;	
}

.no_margin {
	margin: 0px !important;	
}

.no_margin_bottom {
	margin-bottom: 0px !important;
}

.cnovo, .cnovo:hover, .cnovo > .panel-header {
	border: 1px solid #004c7e !important; /* changed the color from #0071BD */
	background: #004c7e !important;
	background: -webkit-linear-gradient(top,#004c7e 0,#004c7e 100%) !important;
	background: -moz-linear-gradient(top,#004c7e 0,#004c7e 100%) !important;
	background: -o-linear-gradient(top,#004c7e 0,#004c7e 100%) !important;
	background: linear-gradient(to bottom,#004c7e 0,#004c7e 100%) !important;	
}

.popover[class*="tour-"] {
	z-index: 999999999 !important;
}

.popover[class*="tour-"] > .arrow {
	display: block;
}

.popover[class*="tour-"] .popover-title {
	background-color: #D9534F !important;
}

.popover[class*="tour-"] .popover-content {
	color: #000 !important;
	font-weight: normal;
}

.popover[class*="tour-"].left > .arrow {
	border-left-color: #D9534F !important;
}
.popover[class*="tour-"].right > .arrow {
	border-right-color: #D9534F !important;
}

.popover[class*="tour-"] {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-weight: bold;
	z-index: 1060;
	display: none;
	max-width: 400px;
	padding: 0px;
	font-family: 'GalanoGrotesqueAlt';
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 14px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #D9534F;
	border: 1px solid #D9534F;
	    border-top-color: #D9534F;
	    border-right-color: #D9534F;
	    border-bottom-color: #D9534F;
	    border-left-color: #D9534F;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.popover[class*="orphan"] {
	max-width: 70%;
	max-height: 95%;
}

.popover[class*="orphan"].popover-content {
	max-height: 100%;
}

.smallBtn {
	margin: 2px;
	background-color: #0084ff !important;
	border-color: #0084ff !important;
	color: #fff !important;
	padding: 2px 2px 3px 2px !important;
	margin-bottom: 0 !important;
	font-size: 0.923em !important;
	line-height: 10px;
	border-radius: 2px;
	text-align: left;
}

.smallBtn:hover {
	background-color: #3E7DBA !important;
	border-color: #3E7DBA !important;
	color: #fff !important;
}

.smallBtn:active, .smallBtn:focus, .smallBtn:visited {
	color: #fff;
}

.schedule-report-row .schedule-report-row-content .smallBtn {
	margin: 2px !important;
	line-height: 15px !important;
}

.selectize-input {
	padding: 3px 8px !important;
}

.selectize-control.plugin-remove_button .remove-single {
	top: -3px !important;
}

.selectize-dropdown { z-index: 999999 !important; }

.selectize-control.multi .selectize-input > div {
	background: #005eae !important;
	color: #fff !important;
	border: 0 solid #005eae !important;
}

.medicationsTbodyClass .selectize-control.multi .selectize-input > div {
	background: #f2f2f2 !important;
	color: #000 !important;
	border: 0 solid #f2f2f2 !important;
}

.select2-container {
	color: #000;
}

.select2-search--dropdown .select2-search__field {
	width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #005eae;
	border: 1px solid #005eae;
	color: #fff;
	border-radius: 0px;
	margin-top: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
}

/* .select2-container--default .select2-selection--single {
	border-radius: 2px;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #aaa;
} */

/* .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 25px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 25px !important;
}

.select2-container .select2-selection--single {
	height: 25px !important;
} */

/* .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 21px !important;
} */

/* .select2-selection__rendered{
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
} */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  	color: #000;
  	background-color: #cfe0fa;
}

/* .select2-container .select2-selection--multiple {
	min-height: 26px;
} */

.select2-container .select2-search--inline .select2-search__field {
	margin-top: 2px;
}

.select2-dropdown {
	z-index: 10000;
}

.tabs-tool {
	background-color: #004c7e !important;
	border-color: #004c7e !important;
}

.smallBtnReport {
	margin: 2px;
	background-color: #0084ff;
	border: 2px solid #0084ff;
	color: #fff;
	padding: 2px 2px 3px 2px;
	margin-bottom: 0;
	font-size: 0.923em;
	line-height: 10px;
	border-radius: 2px;
}

.smallBtnReport:hover {
	background-color: #3E7DBA;
	border-color: #3E7DBA;
	color: #fff;
}

.smallBtnReport:active, .smallBtnReport:focus, .smallBtnReport:visited {
	color: #fff;
}

.smallOrangeBtn {
    margin: 2px;
    background: transparent;
    border: 2px solid #F16621;
    color: #F16621 !important;
    padding: 2px 2px 3px 2px;
    margin-bottom: 0;
    font-size: 0.923em;
    line-height: 10px;
    border-radius: 2px;
}

.smallOrangeBtn:hover, .smallOrangeBtn:active, .smallOrangeBtn:focus, .smallOrangeBtn:visited {
	background: transparent;
    border: 2px solid #F16621;
	color: #F16621 !important;
}

.smallBorderBtn {
	margin: 2px;
    background: transparent;
    border: 2px solid #0084ff;
    color: #0084ff !important;
    padding: 2px 2px 3px 2px;
    margin-bottom: 0;
    font-size: 0.923em;
    line-height: 10px;
    border-radius: 2px;
}

.smallPurpleBtn {
	margin: 2px;
	background-color: #1C46AE;
	border: 2px solid #1C46AE;
	color: #fff;
	padding: 2px 2px 3px 2px;
	margin-bottom: 0;
	font-size: 0.923em;
	line-height: 10px;
	border-radius: 2px;
}

.smallPurpleBtn:hover, .smallPurpleBtn:active, .smallPurpleBtn:focus, .smallPurpleBtn:visited {
	color: #fff;
}

.smallGreenBtn {
	margin: 2px;
	background-color: #43b77a;
	border: 2px solid #43b77a;
	color: #fff;
	padding: 2px 2px 3px 2px;
	margin-bottom: 0;
	font-size: 0.923em;
	line-height: 10px;
	border-radius: 2px;
}

.smallGreenBtn:hover, .smallGreenBtn:active, .smallGreenBtn:focus, .smallGreenBtn:visited {
	color: #fff;
}

.smallPurpleBorderBtn {
	margin: 2px;
    background: transparent;
    border: 2px solid #1C46AE;
    color: #1C46AE !important;
    padding: 2px 2px 3px 2px;
    margin-bottom: 0;
    font-size: 0.923em;
    line-height: 10px;
    border-radius: 2px;
}

.smallBtnEmptyReport {
	margin: 2px;
	background: transparent;
	border: none;
	color: #1C46AE;
	padding: 2px 2px 3px 2px;
	margin-bottom: 0;
	font-size: 0.923em;
	line-height: 10px;
	border-radius: 2px;
}

.smallBtnEmptyReport:hover, .smallBtnEmptyReport:active, .smallBtnEmptyReport:focus, .smallBtnEmptyReport:visited {
	background: transparent;
	border: none;
	color: #1C46AE;
}

/*====== meeting css ============== */
.meeting{ background:url(https://media-style.novoclinical.com/images/meeting-bg.jpg) left top no-repeat; background-size:cover; overflow:hidden; margin-right: 10px;} /*  padding:10px; */
.meeting-container{ /*width:1265px; margin:0 auto; height:100vh; */ height:100%;}
.meeting-logo{ margin:0 0 0 -13px; display: flex; }
.meeting-logo img{ width:120px;}
.meeting-bg{ /*background:url(https://media-style.novoclinical.com/images/meeting-bg.jpg) left top no-repeat; background-size:cover;*/ height:100%;}
.meeting-row{ display:flex; height: 100%;}
.meeting-left{ margin:0 5px 0 0; height:100%; border-radius:4px; overflow:hidden; width:50%; background:rgba(0, 0, 0, 0.4); position:relative;}
/* .meeting-left-top{ width: 100%;} */ /* position:absolute; left:0; top:35px;  */
.meeting-spacer{ padding:0 35px;}
/* .meeting-heading{ position:relative;} */
.meeting-heading h4{ color:#ffffff; font-size:24px; text-shadow:0 0 15px #333; font-weight:bold; margin:30px 0 10px 0;}
.meeting-heading .time{ background:#ed5353; border-radius:4px; padding:0px 8px 2px 8px; font-size:12px; color:#fff; margin: 5px;}
.meeting-heading .icon-group{ position:absolute; right:0; top:0;}

/* .meeting-left-bottom{  width: 100%;} */ /* position:absolute; bottom:35px; left:0; */
.meeting-bottom-bg{ /* background:rgba(0, 0, 0, 0.6); box-shadow:0 0 12px rgba(0, 0, 0, 0.4); */ padding:10px 25px; color:#ffffff; font-size:13px; text-transform:uppercase; position:relative; display: flex; overflow:hidden; border-radius:4px; width:100%; height: 40px;} /* float: left;  */
.meeting-id{ padding:0 0 0 20px; cursor:pointer;}
.meeting-id:after{ background:url(https://media-style.novoclinical.com/images/meeting-dropdown.png) right top no-repeat; width:7px; height:4px; display:inline-block; content:''; margin:0 0 0 10px; background-size:cover;}
.meeting-bottom-bg .btn-group{ display: flex; align-items: center;} /* position:absolute; right:0; top:0;  */
.link-btn{ padding:7px 10px; display: inline-block; position:relative; top:3px;}
.join-button{ background:#00afec; color:#fff; text-transform:capitalize; font-size:13px; padding:8px 12px 9px 12px; display: inline-block; border-radius:3px;}
.join-button:hover{ background:#fff; color:#333;}

.leave-button{ background:#c5465b; color:#fff; text-transform:capitalize; font-size:13px; padding:8px 12px 9px 12px; display: inline-block; border-radius:3px;}
.leave-button:hover{ background:#c5465b; color:#fff;}

.meeting-bottom-bg span{ line-height: 14px;}

.icon-group{ display:flex;}
.meeting-icon{ width:45px; height:45px; border-radius:45px; background:#fff; display:flex; align-items:center; justify-content:center; margin-left:10px; box-shadow:0 0 12px rgba(0, 0, 0, 0.4);}
.meeting-icon:hover{ border: 1px #c5465b solid;}
.icon img{ width:25px !important; height:25px;}

.meeting-left-img{ width:100%;}
.meeting-right-row{ display:flex; flex-direction: column;}
.meeting-right-row .meeting-box{ flex-grow: 1; height:50%; overflow:hidden; border-radius:4px;}

.meeting-right{ margin:0 0 0 5px; width:50%; height:100%;}
.meeting-box{ position:relative; margin-bottom:10px; width:100%;}
.meeting-box .icon{ position:absolute; right:15px; top:15px;}
.meeting-box:last-child{ margin:0;}

.meeting-box img{ width:100%;}

.meeting-video{ height:100%; width: 100%; text-align: center; /* background:#000; position:relative; margin-top: 220px; margin-bottom: -53px; */ /*top:50%; transform:translateY(-50%)*/}
.meeting-video img{ width:100%; height:90%;}
.video-thumb{ position:absolute; right:30px; top:-60px; width: 110px;}
.meeting-attend-row{ width: 100%; margin-bottom:10px; display:flex; flex-direction: column;}
.meeting-attend-row .meeting-box{ margin:0 10px 8px 0; background:rgba(0, 0, 0, 0.4); border-radius:4px} /* width:50%; display:flex;  */
.meeting-attend-row .meeting-box:last-child{ margin-right:0;}
.meeting-attend-row .meeting-box img{ max-width:100%;}
.meeting-attend-row:last-child .meeting-box,
.meeting-attend-row:last-child, .meeting-attend-row:last-child{ margin-bottom:0;}
.meeting-attend-row.single-col{ display:inline-block;}

.underline {text-decoration: underline;}

.cldrBtn:hover {
background-color: #fff !important;
border-color: #2e6da4 !important;
}

.iti {
 display: block;
 width: 100%;
}
/* meeting css end */

/* minimize window */

.minimized-windows {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap-reverse;
  	z-index: 99999;
}

/* .minimized-window {
	background-color: #eaf2ff;
	width: 300px;
	height: 40px;
	margin: 0 5px 5px 0;
	border: 1px solid #aaa;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	position: relative;
} */

.minimized-window {
  background-color: #004c7e;
  width: 300px;
  height: 25px;
  margin: 0 2px 1px 0;
  border: 1px solid #fff;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
  color: #fff;
}

.minimized-window-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.maximize-button {
  height: 20px;
  width: 20px;
  border: none;
  background-color: transparent;
  color: #333;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 32px;
  top: 46%;
  transform: translateY(-50%);
}

.close-minimized-button {
	height: 16px;
  	width: 16px;
  	border: none;
  	background-color: transparent;
  	color: #333;
  	cursor: pointer;
  	outline: none;
  	position: absolute;
  	right: 10px;
  	top: 40%;
  	transform: translateY(-50%);
}

.panel-tool-max1 {
	background: url('images/panel_tools_1.png') no-repeat 0px -16px;
  	background-color: rgba(0, 0, 0, 0);
}

/* card css */
.noborder {
	border: none !important;
}

.cardHeaderPad {
	padding: .1rem .5rem !important;
}

/* ======================== CSS OLD ============================= */

/*.calendar-div .combo-arrow{
    
width: 38px !important;
}*/
.calendar-div .validatebox-text {
    background: #efefef;
}

td.tab-calendar .calendar-div {
    border: 1px solid #fff;
    padding: 6px;
    border-radius: 5px;
    display: -webkit-inline-box;
    height: 40px;
}

.calendar-div .validatebox-text {
    width: 0px !important;
    margin: 0!important;
    padding: 0 !important;
}

.calendar-div .textbox .textbox-text {
    padding: 0 !important;
    background: transparent;
}

.calendar-div .textbox-addon {
    margin: 0;
}

.calendar-div .combo-arrow {
    margin: 0;
    width: 50px;
}

.calendar-div .ti-angle-down {
    background: #fff;
    padding: 4px;
    border-radius: 5px;
    display: -webkit-inline-box;
    color: #333;
    font-size: smaller;
    margin-left: 10px;
}

.calendar-div .combo-arrow {
    height: 24px !important;
    background: #fff;
    width: 22px !important;
}

.calendar-div .fa-user {
    font-size: 17px;
}
/* .tabs-wrap{ overflow:visible !important;} */ /* commented it as it was stopping the scroll of the tab headers */
.tabs-title {
    font-size: 13px !important;
}
.tabs-header{ padding: 7px 10px 0 10px;} /* changed 10px to 7px */
.tabs li .tabs-inner {
	display: inline-block;
text-decoration: none;
color: #101a51;
font-weight: 600;
background: #fbfbfb;
margin: 0px;
height: 38px;
line-height: 38px;
text-align: center; border:none !important;
white-space: nowrap;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
    padding:5px 16px !important;
}
.tabs li.tabs-selected .tabs-inner {
    color: #fff;
}
.comments {
    position: absolute;
    right: 44px;
    margin: -39px;
    padding: 13px 12px;
}

.Busy {
    background: #959595;
    color: #fff;
}

iframe.embed-responsive-item {
    display: block; /* iframes are inline by default */
    background: #000;
    border: none; /* Reset default border */
    height: 85vh; /* Viewport-relative units */
    /*width: 100vw;*/
}
.btn-primary.btn.btn-rounded {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    padding: 0;
}
a.btn-primary.btn.btn-rounded.pd.pd2.comments {
    height: auto;
    width: auto;
    padding: 6px 9px;
}
.checkin-comp {
    position: absolute;
    right: 33px;
    /* left: 196px; */
    top: 5px;
    border: 1px solid #ffcc4d;
    display: inherit;
    border-radius: 9px;
    padding: 8px 21px;
    font-size: 12px;
    text-align: center;
    font-weight: 500; color:#ffcc4d;
} 

.btn {
    padding: 3px 8px;
    margin-bottom: 0;
    font-size: 12px;  box-shadow: none !important;
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 20px; width:auto; margin-left: 20px;
}
.form-check-inline label{ padding-left:5px;}

/* ==================Eligibility data================== */
.inquary-box{ padding:30px; background:#f3f3f3;}
.inquary-box .box{ background:#fff; border-radius:4px; padding:30px; overflow:hidden; border:1px solid #ddd;}
.inquary-box .left-box{ padding:0;}
.inquery-heading-box .box{ text-align:center;}
.inquary-box .inquary-tab{ background:none; width:100%;}
.inquary-box .nav-tabs{ padding:10px 0 0 0;}
.inquary-box  .tab-content{ padding:0; border:1px solid #2f3490;}
.inquary-searchbar{
    margin-bottom: auto;
    margin-top: auto;
    background-color: #fff;
    border-radius: 30px; width:100%;
    padding:6px 10px; border:1px solid #ddd;
    }

.inquary-search_input{
border: 0;
outline: 0; width:100%;
background: none;
caret-color:transparent;
line-height: 25px;
transition: width 0.4s linear;
}

.inquary-search_icon{
height: 25px;
width: 25px;
float: right;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
text-decoration:none;
}
.inquary-search-top{ border-bottom:1px solid #cccccc;}
.inquary-vertical-tab{ width:100%; background: none;}
.inquary-vertical-tab .nav{ display:block; border-bottom-width:1px; padding:0;}
.elig-container-right.inquary-vertical-tab .nav li{ padding:0;}
.elig-container-right.inquary-vertical-tab .nav a{ color:#2f3490; padding:12px; background:none; border-radius:0px; margin:0;}
.elig-container-right.inquary-vertical-tab .nav a.active{ background:#2f3490; color:#fff;}
.inquary-box .inquary-vertical-tab .tab-content{ border:none;}
.inquary-vertical-tab .accordion-item{ border:none;}
.inquary-vertical-tab .accordion .accordion-header{ background:none !important;}
.inquary-vertical-tab .accordion .accordion-header .accordion-button{ color:#2f3490; box-shadow:none; padding-left: 30px;}
.inquary-vertical-tab .accordion-button:after{ position: absolute; left: 0; background:#2f3490; color:#fff; border-radius: 50px;}
/* .inquary-vertical-tab .accordion-button:not(.collapsed)::after{ line-height: 5px;} */
.elig-container-right.inquary-vertical-tab .nav-tabs > li > a.active{ background: #8486b0; color: #fff;}

.network-info h4{ background: #2f3490; color: #fff; padding:10px 15px; font-weight: 600; text-transform: uppercase; margin: 0;}
.inquary-vertical-tab .nav-tabs ul{ padding:0; margin: 0;}
.inquary-vertical-tab .nav-tabs li{ list-style:none;}
.inquary-vertical-tab .nav-tabs li a {
    margin-right: 2px; margin-bottom: -1px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0; display: block;
padding: 6px 9px; border:1px solid #2f3490; border-bottom:none; color:#2f3490; font-weight:600; text-transform:uppercase;
}
.elig-container-right .nav-tabs > li > a.active, .elig-container-right .nav-tabs > li.active > a{ background:#2f3490; color:#fff;}
.elig-container-right .nav-tabs{ border-bottom:2px solid #2f3490; padding:15px 15px 0 15px;}
.elig-container-right .nav-tabs li{ padding-right:4px;}
.elig-container-right .nav-tabs > li > a {
    margin-right: 2px; margin-bottom: -1px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0; display: block; 
padding: 6px 9px; border:1px solid #2f3490; border-bottom:none; color:#2f3490; font-weight:600; text-transform:uppercase;
}
.inquary-vertical-tab table{ width:100%;}
.inquary-vertical-tab th, .inquary-vertical-tab td{ padding:15px 0 0px 0;}
.inquary-vertical-tab tr.last th, .inquary-vertical-tab  tr.last td{ border-bottom:1px solid #ddd; padding: 0 0 15px 0;}
.inquary-vertical-tab th { width: 80%;}
.inquery-heading-box h4{ color: #2f3490;}
.inquery-heading-box .success h4{ color: #43b77a;}
.inquery-heading-box .error h4{ color: #c5465b;}
.inquary-box h4{ font-size: 16px; font-weight: 600;}

/* =================Eligibility data================== */

/*===================Aging Css Start Here============*/
.remove { display:none;}
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #fff;}
.table-striped > tbody > tr:nth-of-type(2n+2), .datagrid-btable .datagrid-row-alt { background-color: #f9f9f9;}
.table-striped-dark > tbody > tr:nth-of-type(2n+2) { background-color: #E6E6E6 !important;}
.datagrid-row-over, .datagrid-btable .datagrid-row-alt.datagrid-row-over{ background:#e6e6e6;}
.datagrid-btable .datagrid-row-selected, .datagrid-row-alt.datagrid-row-selected.datagrid-row-over{ background: #3786ba;}
.datagrid-header td.datagrid-header-over{ background: #3786ba;}
.datagrid-btable .datagrid-row-selected a{ color:#fff;}

.datagrid-btable .btn-check:active+.btn-outline-primary, .datagrid-btable .btn-check:checked+.btn-outline-primary, .datagrid-btable .btn-outline-primary.active, .datagrid-btable .btn-outline-primary.dropdown-toggle.show, .datagrid-btable .btn-outline-primary:active path{ fill:#fff}
.datagrid-btable [field="action"] .datagrid-cell{ overflow:visible;}
.datagrid-btable .datagrid-cell .btn-icons .dropdown-menu{ width: 180px; padding:8px; transform: translate3d(-47px, 35px, 0px)!important; overflow: visible; top: 0 !important;}
.datagrid-btable .datagrid-cell .btn-icons .dropdown-menu:before {
   content: "";
   top: -6px;
   font-weight: 900;
   left: 55px;
   font-size: 20px;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #0073b9;
   position: absolute;
}

.novo-table .btn-icons .dropdown-menu{ width: 180px; padding:8px; transform: translate3d(-47px, 35px, 0px)!important; overflow: visible; top: 0 !important;}
.novo-table .btn-icons .dropdown-menu:before {
   content: "";
   top: -6px;
   font-weight: 900;
   left: 55px;
   font-size: 20px;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #0073b9;
   position: absolute;
}

/* UL drag drop */
.drag-item {
    list-style-type:none;
    display:block;
    padding:5px;
    border:1px solid #ccc;
    margin:2px;
    width:300px;
    background:#fafafa;
    color:#444;
}
.indicator{
    position:absolute;
    font-size:9px;
    width:10px;
    height:10px;
    display:none;
    color:red;
}
/* UL drag drop end*/

.table-striped > tbody > tr.last{ background:#fff;}
.table-striped > tbody > tr.last td{ border-top:1px solid #b7b7b7;}
.table-striped > tbody > tr.last td.action{ border-bottom:1px solid #b7b7b7; font-size:13px;}
 

.input-area label{ float:left;}
.input-area input{ width:25px; float:left; margin:0 5px; padding-left:0; padding-right:0;}
.btn-search{ background:#38c172; color:#fff; padding:6px 20px 12px 20px; font-size:12px; line-height: 18px; text-transform:uppercase; width:auto;}
.aging-form-top .button-right  .col-md-4{ font-size:11px; line-height: 30px;}

.table-bottom{ clear:both; padding:10px 0; width:100%;}
.table-bottom-left{ float:left; background:#fff; margin:-45px 0 0 -1px; padding:10px 0;}
.table-bottom-left .btn{ padding:6px 18px; border:1px solid #e5e4e4; margin-right:10px; text-transform:uppercase;}
.table-bottom-left .btn span{ margin-right:5px;}

.tdPopup{ background:#1568b6; padding:10px; font-size:10px; color:#fff; text-transform:uppercase; position:absolute; text-align:left; border-radius:3px; margin-top:8px;}
.tdPopup:before{ content: "\e253"; font: normal normal normal 14px/1 Glyphicons Halflings; color:#1568b6; margin-top: -20px;
float: left; margin-left:15px;}
.close-square{ position:absolute; right:-10px; top:-10px; cursor:pointer;}

body .form-control, body .select2-container--bootstrap .select2-selection, body .form-select{ font-size:12px;}
body .select2-container--bootstrap .select2-selection--single{ padding: 0.250rem 2.25rem .250rem .75rem; height: 28px;}
 
 .form-select {
 	border: 1px solid #ced4da !important;
 }
 .form-control {
 	border-bottom: 1px solid #ced4da !important;
 }
 
 .autowidth {
 	width: auto !important;
 }
 
/*=============Coding Style Css=============*/
.coding-left{ width:28%; float:left; font-size:11px;}
.coding-left-top{ background:#ebebeb; padding:10px;}
.coding-left-top .row{ padding-bottom:6px;}
.coding-left-top .col-md-2{ padding:0;}
.coding-time-heading{ background:#0084ff; padding:12px; color:#fff; font-size:11px; display:flex;}
.coding-time-heading .frst{ width:50%;}
.card-header .btn{ display:flex; color:#000; padding:0; width: 100%; text-align: left; line-height:15px;}
.card input{ margin:0 4px 0 0;}
.card-header .btn div{ padding:5px;}
.card .card-header .frst{ width:53%;}
.coding-time-heading .frst{ width:60%;}
.card .frst{ width:57%;}
.card .second{ width:27%;}
.card .btn{ font-size:11px;}
.card .time-row .second{ width:29%;}
.card .third{ width:10%;}
.time-row{ background:#fff5db; border-bottom:1px solid #e1e1e1; display:flex; color:#000; padding:0; width: 100%; text-align: left; line-height:15px; padding:5px 5px 5px 20px;font-size:11px;}
.time-row a{ color:#1568b6; text-decoration:underline;}
.time-row a:hover{ text-decoration:none;}

/* .card-header .btn.btn-link{ background:#f3f3f3;}
.card-header .btn.btn-link[aria-expanded="true"]{ background:#fff;}
.card-header .btn.btn-link[aria-expanded="true"]:before{ font-family: 'Glyphicons Halflings'; content:'\e081'; color:#1568b6; font-size:11px; margin:5px 0 0 4px;}
.card-header .btn.btn-link[aria-expanded="false"]:before{ font-family: 'Glyphicons Halflings'; content:'\e082'; color:#1568b6; font-size:11px; margin:5px 0 0 4px;} */
 
.small-input input{ width:20%; float:left; margin:0 5% 0 0;}
.btns .btn.btn-success{ background:#38c172; margin-right: 2px; padding:7px 15px 7px 15px; line-height: 10px; text-transform:uppercase;} /* change the padding from 10px 15px 13px 15px to 7px 15px 7px 15px */
.btns .btn.btn-success:hover{ background:#288c52;}
.btns .btn.btn-default{ background:#707070; color:#fff; padding:10px 15px 13px 15px; line-height: 10px; text-transform:uppercase;}
.btns .btn.btn-default:hover{ background:#333;}
.btns .btn.btn-primary{ margin-right: 2px; padding:7px 15px 7px 15px; line-height: 10px; text-transform:uppercase;} /* padding changed from 10px 15px 13px 15px; to 7px 15px 7px 15px */
/* .btns .btn.btn-primary:hover{ background:#288c52;} */
.coding-top-middle .col-md-3.lab{ padding:0;}
.black{ color:#000;}
  

/*=========Patient Report Css Start Here=====*/
.search-action{ background:none; border:none; cursor:pointer;}
.checkbox-area{ background:#ebebeb; padding:8px; font-size:11px; display:flex;}
.checkbox-area .ckbox{ margin-right:20px;}
/* The container */
.chk-container {
  display: block;
  position: relative;
  padding-left: 20px; 
  cursor: pointer;  font-weight:normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chk-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px; border-radius:2px; border:1px solid #959595;
  background-color: #ffffff;
}

/* On mouse-over, add a grey background color */
.chk-container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.chk-container input:checked ~ .checkmark {
  background-color: #0084ff; border:1px solid #0084ff;
}

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

/* Show the checkmark when checked */
.chk-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chk-container .checkmark:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.patient-report td{ text-transform:uppercase;}
.patient-report td b{ color:#000;}
/*body .patien-ledger-table.patient-report .datagrid-body tbody tr:nth-child(2n),
.patient-report .datagrid-body tr{ background:#fff5db;}
.patient-report .datagrid-body tr td.head{ background:#fff;}*/

.patient-report .table{ border:1px solid #ebebed;}
.patient-report .table thead th{ background: #636363; color:#fff; padding:8px; padding-top:4px;}
.patient-report .table tbody td{ padding:8px; font-size:12px; border-bottom:1px solid #fff; background:#fff5db;}
.patient-report .table tbody .head td{ background:#fff;}
.report-bottom-btns .btn{ line-height:12px; padding:6px 15px 12px 15px;}
.patient-report td .fa{ font-size:17px;}

/*=========Office Dutysheet Css Start Here=====*/
body .office-sheet .datagrid-body tbody tr:nth-child(2n){ background:#fff;}
body .office-sheet .datagrid-body tbody tr td{ border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.office-sheet .btn-remove{ color:#cb3c40;}
body .patien-ledger-table.office-sheet .pagination table{ float:left;}
body .patien-ledger-table.office-sheet .pagination .pagination-info{ display:block;}
body .patien-ledger-table.office-sheet .datagrid-htable tr td{ border-right:1px solid #ebebeb;}
.btn-add{ border:2px solid #38c172; color:#38c172; background:none; width:auto; float:left; line-height: 18px; padding:5px 20px 10px 20px; margin-top:0 !important;}
.header-right-btns .btn{ float:left; margin-right:10px;}
.office-form-top .col-md-2{ padding-right:0; width:auto; padding-top:8px;}
.office-form-top .col-md-2 .checkmark{ top:3px;}
.nav-tabs.dutysheet-tabs{ border-bottom:5px solid #0084ff;}
.nav-tabs.dutysheet-tabs > li > a{ color:#0084ff; font-size:12px; padding:10px 15px;}
.nav-tabs.dutysheet-tabs > li.active > a, .nav-tabs.dutysheet-tabs > li.active > a:focus, .nav-tabs.dutysheet-tabs > li.active > a:hover{ background:#0084ff; color:#fff; border-color:#0084ff;}


/*=============Doctor Dutysheet Style Css=============*/
.doctor-dutysheet-left{ width:25%; float:left;}
.doctor-dutysheet-left .nav-tabs, .doctor-dutysheet-right .nav-tabs{ background:#f5f5f5; border-top:1px solid #ebebeb; padding:8px 12px 0 12px;}
.doctor-dutysheet-left .nav-tabs > li > a, .doctor-dutysheet-right .nav-tabs > li > a{ background:#e1e1e1; padding:6px 8px 8px 8px; margin-right:6px;}
.doctor-dutysheet-right .nav-tabs > li.active > a, .doctor-dutysheet-right .nav-tabs > li.active > a:focus, .doctor-dutysheet-right .nav-tabs > li.active > a:hover,
.doctor-dutysheet-left .nav-tabs > li.active > a, .doctor-dutysheet-left .nav-tabs > li.active > a:focus, .doctor-dutysheet-left .nav-tabs > li.active > a:hover{ background:#fff; color:#0084ff;}
.doctor-dutysheet-left .tab-content a{ color:#38c172;}
.doctor-dutysheet-left .tab-content, .doctor-dutysheet-right .tab-content{ padding:10px;}
.doctor-dutysheet-left .tab-content ol{ font-weight:normal;} 

.doctor-dutysheet-right{ width:25%; float:right;}
.doctor-dutysheet-right .checkmark{ top:3px;}
.doctor-dutysheet-right h4{ margin:12px 0 5px 0;}
.doctor-dutysheet-right textarea{ margin-bottom:10px;}
.doctor-dutysheet-right .btns{ padding-top:20px;}
.doctor-dutysheet-right .btns .btn.btn-default{ border:1px solid #535353; background:#fff; color:#535353;}
.doctor-dutysheet-right .btns .btn.btn-default:hover{ border:1px solid #535353; background:#535353; color:#fff;}

.doctor-dutysheet-middle{ width:50%; float:left; font-size:12px;}
.doctor-middle-top{ background:#464646; padding:6px; float:left; width:100%;}
.doctor-middle-top a{ color:#fff; text-transform:uppercase; padding:4px 8px 8px 8px; display:inline-block; line-height:12px;}
.doctor-middle-top a:hover{ background:#fff; color:#464646;}

.table.doctor-table thead th, .doctor-table-test thead th{ vertical-align:middle; background:#1568b6; color:#fff; text-transform:uppercase; padding:8px 10px;}
.table.doctor-table tbody th, .doctor-table-test tbody th{ background:#ebebeb; border-bottom:1px solid #fff; font-weight:600; padding:5px; text-transform:uppercase; text-align:right;}
.table.doctor-table tbody td{ background:#f5f5f5; border-bottom:1px solid #fff; padding:5px; text-transform:uppercase;}

.doctor-table-test{ border-left:1px solid #ebebeb;}
.doctor-table-test{ margin-top:20px;}
.doctor-table-test h4{ text-transform:uppercase; font-size:14px; font-weight:600; margin:0;}
.table.doctor-table-test tbody td{ border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:10px; }
.table.doctor-table-test thead th{ border-right:1px solid #5c96cc; padding:2px 10px 6px 10px; vertical-align:middle; line-height:12px;}
.doctor-dutysheet-middle .slimScrollDiv{ clear:both;}
.doctor-dutysheet-top{ text-transform:uppercase; padding:10px; width:100%; float:left; color:#959595;}
.doctor-dutysheet-top b{ color:#000;}
.doctor-dutysheet-top p{ margin:0;}
.doctor-dutysheet-top .pull-right ul{ margin:5px 0 0 0;}
.doctor-dutysheet-top li{ width:18px; height:18px; border:1px solid #ebebeb; display:inline-block; border-radius:3px; margin:0 0 0 2px; cursor:pointer;}
.doctor-dutysheet-top li:hover{ background:#ebebeb;}

/*===============Dropdown Menu Start=============*/
/*.dropdown-submenu {  position: relative;}*/
.navbar-nav > li.hover-menu:hover > .dropdown-menu { display: block;}
.navbar .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0; height: 100%;
    margin-left: -1px; background:#1eb9c6;
}
.navbar .dropdown-submenu:hover>.dropdown-menu { display: block;}
.navbar .dropdown-submenu>a:after {
    display: block;
    content: "";
    float: right; border:none;
    width: 19px;
    height: 19px;
    margin-top: -2px;
    margin-right: -8px;
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffffff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E"); 
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .nav-item:hover{ background:#004c7e; color:#fff; border-top-left-radius:4px; border-top-right-radius:4px;}

.navbar .dropdown-submenu:hover>a:after { border-left-color: #fff;}
.navbar .dropdown-submenu.pull-left { float: none;}
.navbar .dropdown-submenu>.dropdown-menu .dropdown-menu { left: 100%; background:#029fd5;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background:#1568b6; color:#fff;}
.navbar .dropdown-menu{ background:#004c7e; min-width:275px; border-radius:0; box-shadow:none; border:none;}
.navbar .site-menu .dropdown-menu{ min-width:225px; z-index: 99999;}
.navbar .site-menu .max-dropdown-menu{ max-height: 90vh; overflow: auto; }/* change 60vh to 90vh, added overflow: auto; */
.navbar .dropdown-menu > li > a{ color:#fff; text-transform:uppercase; font-size:11px; padding:6px 16px; display:block; border-radius:5px;}
.navbar-nav .hover-menu li:hover a,
.navbar .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background:#1eb9c6; color:#fff;}
.navbar .dropdown-submenu>.dropdown-menu > li > a:focus, .dropdown-submenu>.dropdown-menu > li > a:hover{ background:#4bc7d1; color:#fff;}
.navbar  .dropdown-submenu>.dropdown-menu .dropdown-menu > li > a:focus, .navbar  .dropdown-submenu>.dropdown-menu .dropdown-menu > li > a:hover{ background:#80aaba; color:#fff;}
.Configuration .box-label{ padding-right:0;}
.Configuration .box-label label{ margin-right:0;}
.Today .glyphicon-triangle-left {
    border: 1px solid #e0e0e0;
    padding: 5px; background:#ebebeb;
    float: left; font-size:7px;
    border-radius: 4px; color:#959595;
}
.Today .glyphicon-triangle-right {
    border: 1px solid #e0e0e0;
    padding: 5px; background:#ebebeb;
    float: right; font-size:7px;
    border-radius: 4px; color:#959595;
}
.tabs li.tabs-selected .tabs-inner{ background:#004c7e;}
.tabs li a.tabs-inner{ line-height: 27px; height: 25px !important;}/* changed 38px to 25px */
.combo-arrow{ line-height: 22px;} 
.striped p{ margin:0;}

.popupform-box{ padding:20px;}
.search-field .form-group{ border:1px solid #dfdede; border-radius:3px;}
.col-md-10.search-field{ padding-right:0;}
.search-field .form-group .form-control{ border:none;}
.date-search-btn{ padding:0;}
.date-search-btn .btn{ background:#0084ff; padding-left:12px; padding-right:12px;}
.popupform-box .col-md-4 label{ text-align:right; font-size:12px; font-weight:600; display: block;}
.popupform-box .col-md-8 .col-md-4 label{ display:inline-block;}
.popupform-box .flag-input{ float:left; padding:0 10px 20px 0;}
a.link{ font-size:12px; color:#0084ff;}
.btns .btn.cancel-btn{ background:#e1e1e1; color:#636363;}
.btns .btn.cancel-btn:hover{ background:#636363; color:#fff;}
.condition-chk .ckbox{ float:left; padding:0 10px 0 0; font-size:11px;}
.add-appointment-modal .modal-header{ background:#f5f5f5; padding:10px; font-size:13px;}
.add-appointment-modal .modal-header h4{ font-size:13px; text-transform:uppercase;}
.add-appointment-modal .select2-container--bootstrap{ width:100% !important;}

.navbar .right-menu .dropdown-menu.dropdown-menu-lg{ background:#fff;}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg .dropdown-header {
    display: block;
    padding: 4px 15px;
    margin-bottom: 0; clear:both;
    color: #fff;  background:#1eb9c6;
    white-space: nowrap; font-weight:500; text-align:left;
}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg .dropdown-item {
    position: relative;
    padding: 6px 15px !important; 
	display: block;
width: 100%; 
clear: both; font-size:12px;
color: #4c4c4c; line-height:25px; font-weight:normal; text-transform:uppercase;
text-align: inherit; float:left;
white-space: nowrap;
}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg .dropdown-item:nth-of-type(odd){ background:#fafafa;}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg .dropdown-item:last-child{  border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.navbar .dropdown-menu.dropdown-menu-lg h4{ background:#101a51; font-size:.875rem; text-transform:capitalize; border-top-left-radius:5px; border-top-right-radius:5px;  color:#ffffff; padding:8px 15px; margin:0;}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg .dropdown-item:hover{ background:#f3f3f3;}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg{ padding:0; border-radius:3px; box-shadow:0 0 3px #ccc; top:35px; left: auto;}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg:before{  content: ""; top: -6px; font-weight: 900; left: 10px; font-size:20px; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 7px solid #101a51; position:absolute;}
.navbar .dropdown-menu.dropdown-menu-lg .dropdown-item .badge{ float:right; background:#cccccc; min-width: 25px; width:auto; height:25px; font-size: 11px; line-height: 17px; position:static; margin:0;} /* width: 25px to width:auto, added min-width */
.navbar .right-menu .dropdown-menu.dropdown-menu-lg .dropdown-item .badge.badge-danger{ background:#1eb9c6;}
.navbar-default .navbar-nav.right-menu > li > a{ padding-left:10px !important; padding-right:10px !important;}
.navbar-default .navbar-nav.right-menu > .open > a, .navbar-default .navbar-nav.right-menu > .open > a:focus, .navbar-default .navbar-nav.right-menu > .open > a:hover{ background:#fff; color:#02aae7;}



#topsearchform .dropdown-menu.dropdown-menu-lg{ background:#fff;}
#topsearchform .dropdown-menu.dropdown-menu-lg .dropdown-header {
    display: block; padding: 4px 15px; margin-bottom: 0; clear:both;
    color: #fff;  background:#1eb9c6; white-space: nowrap; font-weight:500; text-align:left;
}
#topsearchform .dropdown-menu.dropdown-menu-lg .dropdown-item {
    position: relative; padding: 2px 15px !important; display: block; width: 100%; clear: both; font-size:12px;
	color: #4c4c4c; line-height:25px; font-weight:normal; text-transform:uppercase; text-align: inherit; float:left; white-space: nowrap;
}
#topsearchform .dropdown-menu.dropdown-menu-lg .dropdown-item:nth-of-type(odd){ background:#fafafa;}
#topsearchform .dropdown-menu.dropdown-menu-lg .dropdown-item:last-child{  border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#topsearchform .dropdown-menu.dropdown-menu-lg h4{ background:#101a51; font-size:.875rem; text-transform:capitalize; border-top-left-radius:5px; border-top-right-radius:5px;  color:#ffffff; padding:8px 15px; margin:0;}
#topsearchform .dropdown-menu.dropdown-menu-lg .dropdown-item:hover{ background:#f3f3f3;}
#topsearchform .dropdown-menu.dropdown-menu-lg{ padding:0; border-radius:3px; box-shadow:0 0 3px #ccc; top:40px; left: auto;}
#topsearchform .dropdown-menu.dropdown-menu-lg:before{  content: ""; top: -6px; font-weight: 900; left: 10px; font-size:20px; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 7px solid #101a51; position:absolute;}




.tab-calendar .btn-default{ line-height:8px; padding:4px 8px 8px 8px; margin-left:5px;}
.tab-calendar .dropdown .dropdown-menu{ left:auto; right:0; background:#1568b6; padding:10px; font-size:10px; color:#fff; text-transform:uppercase; text-align:left; border-radius:3px;}
.tab-calendar .dropdown .dropdown-menu ul{ padding:0;}
.tab-calendar .dropdown .dropdown-menu.img-list{ padding:0; margin-top:0; border-top-left-radius:0px; border-top-right-radius:0px; box-shadow:none; border-top:none;}
.tab-calendar .dropdown .dropdown-menu.img-list img{ width:18px; margin-right:10px;}
.tab-calendar .dropdown .dropdown-menu li a{ color:#fff; font-size:12px; text-transform:uppercase; padding:7px 12px;}
.tab-calendar .calendar-div .btn{ background:none; margin:0; border:1px solid #fff;}
td.tab-calendar .calendar-div.dropdownDiv{ padding:0; height:auto; border:none;}
.tab-calendar .calendar-div .dropdown.open .btn .btn, .tab-calendar .calendar-div .btn .btn{ background:#fff;}
.tab-calendar .calendar-div .dropdown.open .btn{ background:#1568b6; border-color:#1568b6;}
.tab-calendar .calendar-div .dropdown.open .btn span.caret{ border-bottom: 4px dashed; border-top:none;}
td.tab-calendar .calendar-div.dropdownDiv .fa-user{ color:#fff; margin:0 5px;}
.customTabs .tabs li .tabs-inner{ background:#e0e0e0;}

.claim-page{ background:#fff;}
.Configuration .form-group{ margin:0;}
.claim-form-top .col-md-1, .claim-form-top .col-md-2{ padding:0 5px;}
.claim-form-top label{ font-size:12px; font-weight:600;}
.table-bottom-left .form-control{ margin:-12px 0 0 0;}

.claim-table .selected td{background:#1568b6; text-transform:uppercase; font-weight:600;}
.claim-table .selected td{ color:#fff;}
.claim-table .collapse tr.bold td{ background:#fff0c9; border-bottom:1px solid #fff;}
.claim-action i{ font-size:17px; margin:0 4px;}
.claim-table .even td{background:#fff;}
.borderBlue{ border-right:1px solid #1568b6; border-top:1px solid #1568b6; width:100%;}
.claim-table .borderBlue td{ border-left:1px solid #1568b6; border-bottom:1px solid #1568b6; color:#1568b6; text-align:center;}
.claim-table tr.bold td{ font-weight:bold; color:#000;}
.claim-table tr.selected[aria-expanded="true"]{ cursor:pointer;}
.claim-table tr.selected[aria-expanded="true"] .accordian-symbol{ width:15px; height:15px; background:#ffffff; border-radius:3px; text-align:center; display: inline-block; margin: 0 5px 0 0; position: relative; top: 3px;}
.claim-table tr.selected[aria-expanded="true"] .accordian-symbol:before{ content:'-'; color: #000; position: relative;
top: -1px; font-size:16px; cursor:pointer;}
.claim-table tr.selected[aria-expanded="false"] .accordian-symbol{ width:15px; height:15px; background:#ffffff; border-radius:3px; text-align:center; display: inline-block; margin: 0 5px 0 0; position: relative; top: 3px;}
.claim-table tr.selected[aria-expanded="false"] .accordian-symbol:before{ content:'+'; color: #000; position: relative;
top: -1px; font-size:16px; cursor:pointer;}

/*==============Patient Pay Css Start============*/

.navbar-default .navbar-nav.right-menu > .dollar-drop.open > a .doller-active, .navbar-default .navbar-nav.right-menu > .dollar-drop.open > a:focus .doller-active, .navbar-default .navbar-nav.right-menu > .dollar-drop.open > a:hover .doller-active{ display:block;}
.navbar-default .navbar-nav.right-menu > .dollar-drop > a .doller-active, .navbar-default .navbar-nav.right-menu > .dollar-drop > a:focus .doller-active, .navbar-default .navbar-nav.right-menu > .dollar-drop > a:hover .doller-active,
.navbar-default .navbar-nav.right-menu > .dollar-drop.open > a .doller, .navbar-default .navbar-nav.right-menu > .dollar-drop.open > a:focus .doller, .navbar-default .navbar-nav.right-menu > .dollar-drop.open > a:hover .doller{ display:none;}

.navbar-default .navbar-nav.mainNav > li:hover,
.navbar-default .navbar-nav.mainNav > li > a:hover{ background:#1568b6; color:#fff;}
.nav.mainNav .open > a, .nav.mainNav .open > a:focus, .nav.mainNav .open > a:hover{ background:#1568b6;}

.mainNav{ padding:8px 0;}
.navbar-nav.mainNav > li > a{ padding-top:6px; padding-bottom:8px;}
.navbar-nav.mainNav .dropdown-menu{ left:-15px;}
.navbar-nav.mainNav .dropdown-menu .dropdown-menu{ left:100%;}

/*===============Medication Css Start Here=============*/
.nav-tabs.medications-tabs > li > a{ font-size: 11px; padding: 10px 5px;}
/* .medication-row-top{ background:#efefef; padding:10px;}
.medication-row-top a{ color:#38c172; text-transform:uppercase; margin:10px; text-decoration:underline;}
.medication-row-top a:hover{ text-decoration:none;}
.medication-row-top .form-group{ width:33%; float:right; display:inline-block; text-align:left; margin:0 5px;}
.medication-row-top .btn{ float:right; background:none; text-transform:uppercase; color:#cb3c40;}
.medication-row-top .col-md-2{ padding-right:0;}
.medication-search-area{ background:#1568b6; padding:5px; color:#fff;}
.medication-search-area label{ text-transform:uppercase; font-weight:normal; line-height:30px;} */

.accordian-icon[aria-expanded="true"]{ width:20px; height:20px; background:#cb3c40; border-radius:3px; text-align:center; display: inline-block; margin:2px 20px 0 0; position: relative; top: 3px; color:#fff; float: left;}
.accordian-icon[aria-expanded="true"]:before{ content:'-'; color: #fff; position: relative;
top: -7px; font-size:26px; cursor:pointer; line-height: 18px;}
.accordian-icon[aria-expanded="false"]{ width:20px; height:20px; background:#38c172; border-radius:3px; text-align:center; display: inline-block; margin:2px 20px 0 0; position: relative; top: 3px; float: left;}
.accordian-icon[aria-expanded="false"]:before{ content:'+'; color: #fff; position: relative;
top: -5px; font-size:26px; cursor:pointer; line-height: 18px;}
.medication-collapse-row{ padding:10px; background:#fff;}
.medication-collapse-row .input-group-btn{ border:1px solid #dfdede; border-left:none;}
.medication-collapse-row .form-control{ padding: 7px 12px;}
.medication-collapse-row .last .form-group{ width:80%; float:left;}
.medication-collapse-row .last .ckbox{ float:right;}
.medication-collapse-row .btns .btn{ padding:10px 10px 14px 10px; line-height: 4px;}
.field-row{ padding:10px 0 0 40px;}
.field-row label{ font-weight:normal; font-size:13px; float:left; padding:6px; padding-left:0}
.field-row .form-group{ width:15%; float:left;}

.medication-container .collapse.in{ background:#fff0c9; padding:10px;}
.medication-container .collapse.in label{ text-transform:uppercase; font-weight:600; font-size:12px;}
.medication-container .collapse.in .form-group{ margin:0 0 4px 0;}
.medication-container .collapse.in input{ margin:4px 0;}
.medication-container .collapse.in p{ margin:0 0 10px 0; text-transform:uppercase; font-size:11px;}
.medication-container .collapse.in p a{ color:#0084ff; text-decoration:underline;}
.medication-container .collapse.in .input-group input{ margin:0;}
.medication-container .collapse.in textarea{ margin-bottom:10px;}
 
/*===============Patient Demography Css Start=======*/
.patient-demography-left{ width:32%; float:left; border-right:1px solid #ebebeb;}
.patient-demography-table tr:nth-child(2n) { background-color: #f7f7f7;}
.patient-demographybottom-table .table thead tr th, 
.patient-demographybottom-table .table > tbody > tr > td, 
.patient-demographybottom-table > tbody > tr > th,
.patient-demography-table .table > thead > tr th, 
.patient-demography-table .table > tbody > tr > td, 
.patient-demography-table .table > tbody > tr > th{ padding:10px; font-size:12px;}
.patient-demography-table thead{ background:#1568b6; color:#fff; font-size:13px; text-transform:uppercase;}
.patient-demography-table .table > tbody > tr > th{ font-weight:600; color:#000; width:40%;}
.gray-row{ background:#636363;}
.patient-demography-table .table > tbody > tr.gray-row > th{ color:#fff;}
.heading-gray-row{ background:#cdcdcd; color:#000;}
.patient-demography-table label{ font-weight:600; font-size:12px;}
.patient-demography-table .input-group-btn{ border:1px solid #dfdede; border-left:none;}
.patient-demography-table .input-group-btn .btn{ line-height:21px;}

.patient-demography-top h2{ background:#1568b6; color:#fff; font-size:13px; text-transform:uppercase; margin:0; padding:5px;}

.patient-demographybottom-table{ clear:both; padding:0 0 15px 0;}
.patient-demographybottom-table thead{ background:#ebebeb; text-transform:uppercase;}
.patient-demographybottom-table h4{ background:#636363; color:#fff; font-size:13px; margin:0; clear:both; padding:10px; text-transform:uppercase;}

.patient-demography-top-links{ padding:15px 8px; float:left; width:100%;}
.patient-demography-top-links ul{ padding:0; margin:0;}
.patient-demography-top-links li{ float:left; padding:0 8px; list-style:none;}
.patient-demography-top-links li a{ text-transform:uppercase; color:#1568b6; font-size:11px; font-weight:600; text-transform:uppercase;}
.patient-demography-top-links li.active a,
.patient-demography-top-links li a:hover{ color:#0084ff; text-decoration:underline;}

.demography-pagination{ width:100%; margin:0;}

.patient-demography-middle{ width:33%; float:left;}
.patient-demography-right{ width:35%; float:left; border-left:1px solid #ebebeb;}

.patient-demography-table .table thead tr th{ padding:14px 14px 13px 14px;}
 

.profile-details-area{ padding:20px; float:left; width: 100%;}
.profile-thumb{ width:90px; height:90px; border-radius:50%; border:1px solid #e5e5e5; float:left; overflow:hidden; margin-right:20px;}
.profile-btns .btn{ width:48%; text-transform:uppercase; font-size:12px; padding:7px 10px; float:left; margin:0 5px 0 0;}
.profile-btns .btn.upload-photo{ background:#38c172;}
.profile-btns .btn.snap-photo{ background:none; border:1px solid #0084ff; color:#0084ff;}
.upload-doc{ background:#acacac; border-radius:4px; color:#000; font-size:13px; color:#000; text-align:center; margin-top:10px; padding:10px 0; clear:both; display:block; float:left; width:100%; text-transform:uppercase;}
.upload-doc i{ color:#fff;}
.profile-btns{ width:70%; float:left;}
.patient-demography-table .chk-container{ margin:0;}
.editMe{ color:#1568b6;}
tr:focus td.editMe{ background:#ffefb7;}
.patient-demographybottom-table tbody td{ border-bottom:1px solid #ebebeb;}
.patient-demographybottom-table tbody tr.last td{ border-bottom:none;}
.editMe input{ border:none; background:#ffefb7; margin:-10px; float:left; padding:10px;}

.patient-demographybottom-table .input-group-btn{ border:1px solid #dfdede; border-left:none;}
.patient-demographybottom-table .input-group-btn .btn{ line-height:21px;}


.error-box{ box-shadow:0 0 20px #ccc; background:#fff; margin:50px auto; width:80%; border-radius:15px; padding:65px; text-align:center; position:relative; min-height:600px;}
.error-img-box{ width:405px; height:335px; background:#e5fbfa; margin:0 auto;}
.error-box h4{ font-size:20px; color:#006cff;}
.error-box img{ margin-bottom:38px;}
.error-img-box{ position:absolute; left:50%; top: 50%; -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%); 
   -ms-transform: translate(-50%, -50%); 
   -o-transform: translate(-50%, -50%); 
   transform: translate(-50%, -50%); }
.error-box h4 span{ display:block; color:#363636; font-size:14px; padding-top:8px;}
.error-box img, .error-box h4{ position:relative; z-index:1;}

@media (max-width:500px) {
	.error-img-box{ width:80%;}
}

/*==============Conversion Css Start Here==================*/
.messaging img{ max-width:100%;}
.inbox_people {
  background: #fff;
  float: left;
  overflow: hidden;
  width: 40%; border-right:1px solid #fafafa;
}
.inbox_msg {
  border: 1px solid #fafafa;
  clear: both;
  overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%;
}
.headind_srch{ background:#1c203c; color:#ffffff;  padding:12px 29px 14px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

.recent_heading h4 {
  color: #fff;
  font-size: 12px;
  margin: auto;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

.chat_ib h5{ font-size:14px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
  float: left;
  width: 40px;
}
.chat_ib {
  float: left;
  padding: 10px 0 0 15px;
  width: 88%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 2px solid #f5f5f5;
  margin: 0;
  padding: 10px 16px 10px;
}
.chat_list:hover{ background:#f4f4f4; cursor:pointer;}
.inbox_chat { height: 550px; overflow-y: scroll;}

.active_chat, .active_chat:hover{ background:#0084ff; color:#fff;}
.active_chat h5{ color:#fff;}
.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.outgoing_msg_img {
  display: inline-block;
  width: 6%; float:right;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg .msg {
  background: #02aae7;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding:14px 14px 16px 14px ;
  width: 100%;
}
 .received_withd_msg .msg p,  .sent_msg .msg p{ width:84%; display:inline-block; margin:0;}
 .received_withd_msg .time_date {
  font-size: 12px; float:right;
}
.received_withd_msg { width:77%;}
.mesgs {
  float: left;
  padding: 0;
  width: 60%;
}
.incoming_msg h5{ text-align:left; color:#959595; font-size:14px; margin-left: 50px;}
.outgoing_msg h5{ text-align:right; color:#959595; font-size:14px; margin-right: 50px;}
 .sent_msg .msg {
  background: #018a9a;
  border-radius: 5px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding:12px 14px 14px 14px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:6px 0 26px;}
.sent_msg {
  float: right;
  width: 72%; padding:0 10px 0 0;
}
.input_msg_write textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  height: 45px;
  width: 85%;
}

.type_msg { background:#ebebeb; position: relative; padding:10px 15px;}
.input_msg_write{ background:#fff; border-radius:5px; padding:5px 20px;}
.msg_send_btn {
  background: #38c172;
  border: medium none;
  border-radius:6px;
  color: #fff;
  cursor: pointer;
  font-size: 13px; text-transform:uppercase;
  position: absolute;
  right: 25px;
  top: 22px; padding:6px 25px 8px 25px;
}
.messaging { padding: 0 0 50px 0;}
.msg_history {
  height: 516px;
  overflow-y: auto;
  margin: 0 0 0 15px;
}
.msg_history h2{ text-align:center; color:#292929; font-size:12px;}
/*============Conversion Css End Here=============*/

.dropdown-form{ padding: 15px; font-size: 13px;}
.dropdown-form input{ margin-bottom:5px; border: none; padding: 6px 12px;}
.dropdown-form .btn-lg { padding: 0.5rem 1rem; line-height: 1.5; border-radius: 0.3rem; margin-top:4px;}
.dropdown-menu .color-popup-header { background:#1F4353 !important; overflow:hidden; height: 30px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.dropdown-menu .color-popup-header .btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important; }
.dropdown-menu.popup-custom { border: 1px solid #dfdfdf !important; box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 20px 14px rgba(0, 0, 0, 0.22); border-radius: 7px; background-color: #fff;}

.popup-custom {
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 20px 14px rgba(0, 0, 0, 0.22);
	background-color: #f9f9f9;
}

/*============Patient Css End Here=============*/
.patien-container{ background:#f1f1f1; padding:25px;}
.patient-top{ padding-bottom:25px;}
.patien-top-box{ background:#fff; border-radius:5px; overflow:hidden; position:relative; box-shadow:0 0 4px #efefef; padding:35px 15px 0 35px; height:120px;}
.patient-box-left{ float:left;}
.patient-box-right{ float:right; padding-top:8px;}
.patien-top-box h4{ text-transform:uppercase; color:#757575; font-size:14px; text-transform:uppercase; margin:0 0 6px 0;}
.patien-top-box span{ font-size:15px; text-transform:uppercase;}
.patien-top-box font{ color:#292929; font-size:13px; display:block; line-height:10px;}
.patien-top-box:before{ height:100%; position:absolute; content:''; display:inline-block; width:7px; left:0; top:0;}
.patient-box-1:before{ background:#019af1;}
.patient-box-1 span{ color:#019af1;}
.patient-box-2:before{ background:#38c172;}
.patient-box-2 span{ color:#38c172;}
.patient-box-3:before{ background:#eb8a00;}
.patient-box-3 span{ color:#292929; font-size:20px;}
.patient-box-4:before{ background:#14d8cc;}
.patient-box-4 span{ color:#292929; font-size:20px;}

.patient-table{ background:#fff;  border-radius:5px; overflow:hidden; box-shadow:0 0 8px #d9d9d9; margin-bottom:20px;}
.patient-table h4{ background:#019af1; color:#fff; font-size:13px; margin:0; clear:both; padding:15px; text-transform:uppercase;}
.patient-table thead{ background:#f5f5f5; text-transform:uppercase; color:#757575;}
.patient-table thead > tr > th, .patient-table tbody > tr > td{ padding:15px 20px;}
.patient-table td{ color:#292929; text-transform:uppercase; font-weight: 600;}
.patient-table td.confirm{ color:#38c172;}
.patient-table td.pending{ color:#eb8a00;}
.patient-table td.paid-by{ color:#019af1;}
.patient-table td time{ color:#757575; padding-left:5px;}
.patient-table td.not-close{ color:#cb3c40;}
.table-time{ color:#757575;}
.table-time font{ color:#292929; font-size:20px;}
.patient-table .pending-row td{ background:#fff5db;}
.patient-table td a{ color:#019af1; text-decoration:underline;}
.patient-table td a:hover{ text-decoration:none;}
.patient-table td.inactive{ color:#b7b7b7;}

.patient-chart{ background:#fff;  border-radius:5px; overflow:hidden; box-shadow:0 0 8px #d9d9d9; margin-bottom:20px; padding:25px; text-align:center;}
.patient-support{ background:#019af1; text-align:center; padding:30px; color:#fff; font-size:16px; text-transform:uppercase;  border-radius:5px; overflow:hidden; display:block; box-shadow:0 0 8px #d9d9d9; margin-bottom:20px;}
.patient-support i{ margin-right:15px;}
.patient-support:hover{ background:#38c172; color:#fff;}

.patient-bottom-btns{ background:#fff; padding:15px;}
.patient-bottom-btns .btn-primary{ background:#38c172;}
.patient-bottom-btns .hidden-print{ border:1px solid #e4e4e4; padding:5px 15px; text-transform:uppercase;}

.simple-table td{
	padding: 5px;
}





/*============Patient Css End Here=============*/

@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 180px;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #101a51;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%); z-index:9;
  }
  #navbarSideCollapse:focus{ box-shadow:none;}
  .navbar-toggler-icon.menuclose{ background-image:url(https://media-style.novoclinical.com/uiv2/images/newuiV3/close.svg); width:17px; margin: 10px;}
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }


.navbar-nav.me-auto{ width:100%; padding:3px 0 0 0;}
.navbar-dark{ background-color: #101a51; padding:0;}
.selecty-select {
  width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #d9d6d4;
  background: transparent;
  height: 36px;
  line-height: 36px;
  text-align: left;
  font-size: 16px;
  color: #1b1919;
  border-radius: 0;
  position: relative;
  outline: 0 none;
}

.selecty-select[disabled] {
  cursor: not-allowed;
  color: #8d8480;
  border-bottom: 1px dashed #d9d6d4;
}

.selecty-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px dashed #8d8480;
}

.selecty {
  width: 100%;
  position: relative;
  font-size: 14px;
  color: #1b1919;
}

.selecty.disabled .selecty-selected {
  border-bottom: 1px dashed #d9d6d4;
  cursor: not-allowed;
  color: #8d8480;
}

.selecty .selecty-selected {
  display: block;
  border: none;
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  cursor: pointer;
  background: none;
  outline: none !important;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  color: #000000;
  overflow: hidden; text-decoration:none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-toggle.wb{ position:relative;}
.btn.dropdown-toggle:after,
.selecty .selecty-selected:after {
  content: "";
  display: inline-block;
  position: absolute; color:#9c9c9c; font-weight:bold; font-size:11px;
  width: 20px; border:none;
  height: 20px;  top: 2px;
  right: 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E"); transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.userthumb .btn.dropdown-toggle:after{ content:inherit;}
.selecty .selecty-selected:hover, .selecty .selecty-selected:active, .selecty .selecty-selected:focus {
  text-decoration: none;
  background: none;
}

.selecty .selecty-options {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  margin: 0;
  max-height: 650px;
  width: 100%;
  overflow-y: auto;
  z-index: 999;
  border-radius: 2px;
  padding: 8px 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), -o-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), -o-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  visibility: hidden;
}

.selecty .selecty-options.active {
  visibility: visible;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.selecty .selecty-options li { /* commented height and line height, added top and bottom padding of 5px */
  cursor: pointer;
  text-align: left;
  padding: 5px 15px;
  /* height: 38px;
  line-height: 38px; */
}

.selecty .selecty-options li:hover, .selecty .selecty-options li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

.selecty .selecty-options li > span > label {
  top: 1px;
  left: 3px;
  height: 18px;
}

.selecty .selecty-options li.selected {
  color: #4285f4;
}

.selecty .selecty-options li.disabled {
  color: #8d8480;
  cursor: default;
}

.selecty .selecty-options li.disabled:hover {
  background: none;
}

.selecty .selecty-options li.optgroup {
  cursor: default;
  color: #8d8480;
  height: 32px;
  line-height: 32px;
}

.selecty .selecty-options li.optgroup:hover {
  background: none;
}

.selecty .selecty-options li.optgroup-option {
  padding-left: 40px;
} 
.tabs li a.tabs-close:before {
    content: "";
    background:url(https://media-style.novoclinical.com/uiv2/images/newuiV3/close.svg) left top no-repeat; width: 8px; height: 8px; margin:4px;
	display: inline-block;
    transition: .3s;
}

.tabs li a.tabs-close {
	top: 6px;
}

.item-center{ align-items:center !important;}
.item-top{ align-items:baseline !important;}
.icon-reload:before{ background:url(https://media-style.novoclinical.com/uiv2/images/newuiV3/reload.svg) left top no-repeat; content:''; fill:#fff; filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg); width:13px; height:13px; display: inline-block; position: absolute; top: 2px;}
.tabs li.tabs-selected .icon-reload:before, .tabs li a:hover .icon-reload:before{ filter:inherit;}
.navbar-right .searchbar input{ color:#fff;}
/* .navbar-right .searchbar .d-flex:before{ background:url(https://media-style.novoclinical.com/uiv2/images/newuiV3/search.svg) left top no-repeat; width:13px; height:13px; filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg); color:#000; opacity:0.3; font-size:12px; content: ''; margin-left: 4px; margin-top: 8px;} */
.navbar-right .searchbar svg{ width:11px; height:11px;}
.navbar-right input[type="search"]{ background:none; border-radius:0px; border:none;}
.btn.noborder{ border:0px;}
.navbar-right .dollar-drop i{ border: 2px solid #b8bbcb;
    padding: 6px;
    font-size: 12px !important;
    width: 23px;
    border-radius: 50px;
    height: 23px;
    line-height: 8px;}
	
.top-value{ color:#000000; font-weight:500; font-size:16px; float:left; width:33%; position:relative;}
.top-value:after{ content:''; background:#ccc; width:1px; height:20px; display:inline-block; right:7px; position:absolute;}
.top-value:last-child:after{ content:inherit;}
.top-value label{ display:block; color:#a6a6a6; font-size:12px;}
.top-value span{ color:#43b77a;}
.appointment-top-right .btn{ align-items: center; display: flex; margin:0 0 0 10px; font-size:18px;}
.appointment-top-right .btn-default{ box-shadow:0 0 15px #ccc !important; color:#1c82c1;}
.appointment-top-right .btn-success{ background:#43b77a; color:#fff; line-height:12px; padding-top: 7px; padding-bottom: 7px; font-size: 14px;}
.appointment-top-right .btn-primary{ font-size: 14px;} /* added the line */
.text_btn{ padding:4px 12px;}
.appointment-top-right .btn svg{ width:17px; height:17px;}


.table>:not(caption)>*>*{ border-bottom-width:0px;}
.table-striped>tbody>tr{ vertical-align:middle;}
.table-striped tr th{ font-weight:500;}
.custom-font tr:not(.active) {
	/* font-weight: 600 !important; */
	color: #4D4D4D !important;
	font-size: 12px !important;
}
.custom-font tr:not(.active):nth-child(2n) {
   /*  background: #fdf8ef; */
}

.yellow-row tr:not(.active):nth-child(2n) {
    background: #fdf8ef;
}

.bolder-font-label {
	font-weight: 600 !important;
	color: #4D4D4D !important;
}

.bold {
	font-weight: bold;
}

.btm-sml-padding {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

.table-striped>tbody>tr:nth-of-type(odd){ --bs-table-accent-bg:#fff;}
tr.active{ background:#004c7e; color:#fff;}
tr.success{ background:#43b77a; color:#fff;}
tr.info{ background: #17a2b8; color:#fff;}
tr.dark{ background: #343a40; color:#fff;}
.table-scroll .table > thead tr.active{ position: sticky; top: 0; z-index: 1;}
.label {
    display: inline;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 0;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px; text-transform:uppercase;
}
.label-success { background-color: #43b77a; color: #fff;}
.label-danger { background-color: #c5465b; color: #fff;}
.footer{ background:#101a51; color:#fff; text-transform:uppercase; text-align:center; font-size:10px; padding:5px 0;}
.footer a{ color:#fff;}
.btn-icons .btn-outline-default{ border:1px solid #b7b7b7;  border-radius: 6px;}
.btn-icons .btn-outline-default.show{ background:#0073b9; color:#fff; border-color:#0073b9; outline:none; box-shadow: none; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.btn-icons .btn-outline-default.show:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffffff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E");
}
input.blend, textarea.blend {
    border: none;
    background: transparent;
    box-shadow: none;
}
.appointment-icons i{ font-size:20px; color:#0073b9;}
.appointment-icons .left{ padding-left:20px; display: flex; align-items: center;}
.btn-icons .dropdown-menu{ border:none; background:#0073b9; padding:0; overflow:hidden; width:380px;}/* change width 360px to 380px */
.provider_details_right .Today{ display:none;}
.patient-list-box{ padding:12px 16px; color:#fff; font-size:11px; width:50%; padding-right: 2px;} /* added padding right */
.patient-list-box:first-child{ background:#004c7e;}
.patient-list-box ul{ padding:0; margin:0;}
.patient-list-box ul li{ padding:0 0 0 0; display:block; font-size:11px;} /* changed bottom padding to 0 from 8px */
.patient-list-box ul li a{ display:flex; align-items:center; color:#fff; padding: 5px 10px; }
.sub-page ul li a { padding: 3px 3px !important; }
/* .search-patient-dropdown .patient-list-box ul li a svg{ display:none;} */ /* commented  */
.profile_grid_btn_bottom .dropdown-menu, .profile_grid_btn .dropdown-menu{ padding:0; border:none; min-width: 230px;}
.patient-list-box ul li i{ margin-right:10px;}
.patient-list-box .searchbar{ margin-bottom:8px; background:#fff; border-radius:4px; padding:2px 2px 2px 10px; margin-right: 18px;} /* added margin-right */
.patient-list-box .searchbar input{ background:none; box-shadow:none; border:none !important; padding: .275rem .75rem;}
.patient-list-box .searchbar .d-flex:before{ font-family: 'themify'; color:#333; opacity:0.3; font-size:12px; content: '\e610'; line-height: 25px;}
.navbar .btn-close{ float:right; background:none; color:#fff; opacity:1; margin-top: -6px;}
.navbar .btn-refresh { float:right; background:none; color:#fff; opacity:1; margin-top: -6px; box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; border: 0; border-radius: .25rem;}
.navbar .dropdown-menu.profiledropdown{ min-width:inherit;}
.patient-list-box-right ul{ max-height:245px; overflow: auto;}
/* width */
.patient-list-box-right ul::-webkit-scrollbar { width: 8px; border-radius:20px; overflow:hidden;}

/* Track */
.patient-list-box-right ul::-webkit-scrollbar-track { background: #0365a3;  border-radius:20px; overflow:hidden;}
 
/* Handle */
.patient-list-box-right ul::-webkit-scrollbar-thumb {background: #0a3874; }

/* Handle on hover */
.patient-list-box-right ul::-webkit-scrollbar-thumb:hover { background: #0a3874; }

body::-webkit-scrollbar {width: 10px;}
/* Track */
body::-webkit-scrollbar-track { background: #efefef;}
 /* Handle */
body::-webkit-scrollbar-thumb { background: #0a3874;}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover { background: #0a3874; }

.navbar .userthumb{ order: 11; -webkit-order: 11; -ms-flex-order: 11; -webkit-box-ordinal-group: 11;}
.navbar-right{ position: absolute; right: 60px;}
.content-wrapper { min-height: 100%; }
.userprofile-left{ background:#f5f5f6; padding:5px 15px; border-radius:5px; } /* position: relative; */ /* padding:10px 15px; to padding:5px 15px; */
.userprofile-right{ background:#004c7e; padding:16px 18px; border-radius:5px; color:#fff;}
.profiledropdown .btn-close{ position: absolute; right: 40px; top: 15px; z-index:9; color:#fff; background: none; opacity: 1;} /* was right: 30px; top: 25px; */
.userprofile-right ul{ padding:0; margin:0; max-height:600px;}
.userprofile-right li{ display:block; color:#fff; text-transform:uppercase; font-size:12px; padding:0 0 6px 0;}
.userprofile-right li a{ color:#fff;}
.userprofile-right .userprofile-icons{ padding:4px 15px 10px 15px; border-radius:100px; background:#ffffff;}
.userprofile-right .userprofile-icons ul{ display:flex; justify-content: center;}
.userprofile-right .userprofile-icons li{ padding:0; margin: 0 7px;}
.userprofile-right .userprofile-icons li a{ font-size:20px; color:#0073b9; opacity:1;}
.userprofile-icons svg{ width:100%; height:20px;}
.userprofile-right .badge{ position:static; width: 10px; height: 10px; padding: 0; margin-left: 5px;}
.userprofile-left-top{ background:#fff; border-radius:50px; padding:7px; margin-bottom:12px;}
.userprofile-left-top .top-value{ color:#43b77a; width:auto; margin:0 25px; width: 140px;}
.userprofile-left-top .top-value:after{ right:20px;}
.userprofile-left-top .top-value label{ color:#737373; font-weight:600;}
.userprofile-left-top .btn{ background:#0073b9; border-radius:50px; color:#fff; padding:12px 22px; font-size: 13px; font-weight:600; line-height: normal;}
.userprofile-left-top .btn:hover{ background:#004c7e;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.align-left{ float:left;}
.align-right{ float:right;}
.userprofile-left .box{ background:#fff; border-radius:8px; overflow:hidden; font-size:13px;}
.userprofile-left .box h4{ padding:0 15px; line-height: 40px; text-transform:uppercase; color:#000000; font-weight:500; margin:0;}

.userprofile-left-content{ height:554px; padding-right: 8px;} /* removed overflow:auto;  */
.profile_grid_btn{ position:fixed; left:5px; top:50px; z-index:9;} /* position:absolute; to fixed; */
.profile_grid_btn .btn{ background:#0073b9; width:35px; height:35px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff;  border:none;}
.profile_grid_btn .btn:after{ content:inherit;}
.profile_grid_btn .patient-list-box{ width:100%; background:#0073b9;  border-radius:4px;}
.navbar .profile_grid_btn .dropdown-menu{ padding:0; border-radius:6px; overflow: hidden; min-width:220px;}
.navbar .profile_grid_btn .dropdown-menu li a:hover{ text-decoration:underline;}
.navbar .profile_grid_btn_bottom .dropdown-menu li a, .navbar .profile_grid_btn .dropdown-menu li a, .list-inline .patient-list-box li a{ color:#fff; padding:0;}
.profile_grid_btn li svg, .profile_grid_btn_bottom li svg, .list-inline .patient-list-box svg{ width:18px; height:18px; margin-right:10px;}
.list-inline .patient-list-box .lrgsvg { width:21px !important; height:21px !important;}
td .list-inline svg{ width:22px; height:22px;}
td .list-inline .search-patient-toggle{ padding:5px 6px; display:flex;}
td .list-inline .search-patient-toggle.show .gray{ fill:#fff; opacity:1;}
td .list-inline .shame { padding:0 !important; width:25px; height:25px; border-radius:6px; display: flex; align-items: center; justify-content: center;}
td.lastcolumn .list-inline .dropdown .btn svg{ width:15px; height:15px;}
td.lastcolumn .list-inline .btn svg, .restore-columns svg, .datagrid-btable .list-inline .btn svg{ width:16px; height:16px;} /* changed the icon to 16px from 12px */
.list-inline .shame:hover .blue, .list-inline .shame:hover .gray, .list-inline .shame:hover .black{ fill:#fff; opacity:1;}
td.lastcolumn .list-inline .dropdown .searchbar .btn{ line-height: 6px;}
td.lastcolumn .list-inline .dropdown .searchbar .btn svg{ width:10px; height:10px; margin:0;}

.profile_grid_btn_bottom{ position:fixed; right:10px; bottom:10px; z-index:9;} /* change from position:absolute; right:40px; bottom:20px; */
.profile_grid_btn_bottom .btn{ background:#1eb9c6; width:35px; height:35px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff; border:none;}
.profile_grid_btn_bottom .btn:after{ content:inherit;}
.profile_grid_btn_bottom .patient-list-box{ width:100%; background:#1eb9c6;  border-radius:4px;}
.navbar .profile_grid_btn_bottom .dropdown-menu{ /*right:0px; left:auto;*/ padding:0; border-radius:6px; overflow: hidden; min-width:220px;}
.navbar .profile_grid_btn_bottom .dropdown-menu li a:hover{ text-decoration:underline;}

.dropdown-menu.profiledropdown{ background:rgba(0, 0, 0, 0.5); border-radius:0px; margin:0; left:0; top:37px; height:95vh;}
.profiledropdown h4{ font-size:14px; text-transform:uppercase; color:#000; margin:0 0 6px 0;}
.profiledropdown ul{ padding:0; margin:0;}
.profiledropdown li{ list-style:none;}
.pl-0{ padding-left:0;}
.pr-0{ padding-right:0;}
.btn.pad-0{ padding:0;}

.table-responsive .badge-primary{ --bs-table-accent-bg:#72d0f4; background:#72d0f4;}
.table-responsive .badge-success{ --bs-table-accent-bg:#43b77a; background:#43b77a; color: #fff;}
.table-responsive .badge-info{ --bs-table-accent-bg: #615ea6; background:#615ea6; color: #fff;}
.table-responsive .badge-secondary{ --bs-table-accent-bg:#2bbbb3; background:#2bbbb3; color: #fff;}

.appointment-table-responsive .badge-primary{ --bs-table-accent-bg:#72d0f4; background:#72d0f4;}
.appointment-table-responsive .badge-success{ --bs-table-accent-bg:#43b77a; background:#43b77a; color: #fff;}
.appointment-table-responsive .badge-info{ --bs-table-accent-bg: #615ea6; background:#615ea6; color: #fff;}
.appointment-table-responsive .badge-secondary{ --bs-table-accent-bg:#2bbbb3; background:#2bbbb3; color: #fff;}
.appointment-table-responsive .nurseCheckout { --bs-table-accent-bg:#0075B3; background:#0075B3; color: #fff;}

.window-proxy-mask, .window-mask {
	background: #000 !important;
}

.calendarIconSet svg {
	width: 12px;
	height: 12px;
}

.calendarIconSet a {
	padding-right: 3px;
}

.pagination-load {
	background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/reload-pgn.svg) no-repeat center !important; 
}

.pagination-last {
    background: url('https://media-style.novoclinical.com/uiv2/images/newuiV3/end-arrow-pgn.svg') no-repeat center !important;  transform: rotate(180deg);
}

.pagination-first {
    background: url('https://media-style.novoclinical.com/uiv2/images/newuiV3/end-arrow-pgn.svg') no-repeat center !important; 
}

.pagination-prev {
    background: url('https://media-style.novoclinical.com/uiv2/images/newuiV3/down-arrow-pgn.svg') no-repeat center !important;  transform: rotate(90deg);
}

.pagination-next {
    background: url('https://media-style.novoclinical.com/uiv2/images/newuiV3/down-arrow-pgn.svg') no-repeat center !important; transform: rotate(270deg);
}

.select2-container .select2-selection--multiple {
	min-height: 29px !important;
}

.select2-results__options {
  -webkit-overflow-scrolling: touch; 
}

.datagrid .panel-body {
	border-color: #fff;
}

.datagrid-pager {
	border-top: 1px solid #004c7e;
	border-bottom: none;
	background: #fff;
}

.inbox {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* new styles */
.list-inline .patient-list-box li a{ color:#fff; padding: 3px 2px; border-radius: 4px;} /* added novo. change padding from 5px 10px */

.datagrid-delete {
	 background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/close-red.svg) no-repeat scroll 0 0 !important;
}

.datagrid-email {
	 background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/email.svg) no-repeat scroll 0 0 !important;
	 fill: #0073b9;
	 color: #0073b9;
}

.datagrid-text {
	 background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/mobile.svg) no-repeat scroll 0 0 !important;
	 fill: #0073b9;
	 color: #0073b9;
}

.datagrid-pdf {
	 background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/pdf.svg) no-repeat scroll 0 0 !important;
	 fill: #0073b9;
	 color: #0073b9;
}

.datagrid-print {
	 background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/print.svg) no-repeat scroll 0 0 !important;
	 fill: #0073b9;
	 color: #0073b9;
}

.datagrid-excel {
	 background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/Excel-download.svg) no-repeat scroll 0 0 !important;
	 fill: #0073b9;
	 color: #0073b9;
}

.datagrid-enrollment {
	 background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/process.svg) no-repeat scroll 0 0 !important;
	 fill: #0073b9;
	 color: #0073b9;
}

.l-btn-left {
	padding: 0px 2px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
/*
 * Container style
 */
/* perfect-scrollbar v0.6.14 */
/* .ps-container { position:relative;
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block; border-radius: 10px;
    background-color: transparent; } #e6e6e6 tp transparent
  .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: 0.9; } #e6e6e6 tp transparent
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      background-color: #999;
      height: 11px; }
  .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      background-color: #999;
      width: 11px; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    please don't change 'position'
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    there must be 'bottom' for ps-scrollbar-x-rail
    height: 15px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      please don't change 'position'
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      bottom: 2px;
      there must be 'bottom' for ps-scrollbar-x
      height: 6px; }
    .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
      height: 11px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: block;
    position: absolute;
    please don't change 'position'
    opacity: 1; background: #e6e6e6;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    there must be 'right' for ps-scrollbar-y-rail
    width: 8px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      please don't change 'position'
      background-color: #1C46AE;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      right: 0px;
      there must be 'right' for ps-scrollbar-y
      width: 8px; }
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
      width: 8px; }
  .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: 0.9; }#eee to transparent
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      background-color: #1C46AE;
      height: 8px; }
  .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: 0.9; }#eee to transparent
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      background-color: #1C46AE;
      width: 8px; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #1C46AE; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #1C46AE; } */
	
	/* added to change the color of the scroll  */
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #0d6efd !important;
}

.ps__rail-y {
	z-index: 999;
}
	
.small-a svg {
	width: 14px;
	height: 14px;
}
.appointment-icons .btn svg{ width:20px; height:20px;}
.appointment-icons .btn{ padding:0 5px;}
.height55{ height:38px;}
.navbar-right svg{ width: 20px; opacity:1; height: 18px;} /* opacity:0.6 to 1 */
.highcharts-container svg { width: auto !important; opacity:1; height: auto !important; }
.navbar-right .btn-success svg, .navbar-right .btn-close svg{ opacity:1; width:13px; height:13px;}
.navbar-right a:hover svg{ opacity:1;}

.white{ fill:#fff;}
.blue{ fill:#0073b9; color:#0073b9;}
.green{ fill:#43b77a; color:#43b77a;}
.red{ fill:#c5465b; color:#c5465b;}
.purple{ fill:#1C46AE; color:#1C46AE;}
.darkyellow{ fill:#BA8E23; color:#BA8E23;}
.black{fill:#000; color:#000;}
.yellow{ fill:#ffae00; color:#ffae00;}
.pink{ fill:#ea148c; color:#ea148c;}
.merun{ fill:#8b623c; color:#8b623c;}
.gray{fill:#000; opacity:0.5;}
.grey{color:#898989;}
.user0{enable-background:new    ;}
.user1{fill:#C1C1C1;}
.user2{filter:url(#Adobe_OpacityMaskFilter);}
.user3{mask:url(#Shape_1_copy_3_);enable-background:new    ;}
.user4{fill:#737373;}
.drag_icon{ fill:#99b7cb;}
.dragme{ margin: 0 10px;}
.dragme svg{ width:17px; height:17px; cursor: move;}
.accordion-button {margin-left: 10px;}
.accordion-button::after{ content:'+'; border:1px solid #fff; background:none; width:22px; height:22px; text-align:center; border-radius:5px; font-size: 23px; line-height: 22px; transition:inherit;}
.accordion-button:not(.collapsed)::after{ content:'_'; line-height: 0px; } /* background:none; position:relative; */
.accordion .accordion-header .accordion-button .heading{ display:block; width:100%;}


.btn-outline-success:hover .green, .btn-outline-danger:hover .red, .btn-outline-success:hover .gray, .btn-outline-primary:hover .blue{ fill:#fff; opacity:1;}

.main-container{ width:100%; height:100%; padding:0;}
.uppercase{ text-transform:uppercase;}
	
.navbar-dark .navbar-nav .nav-link{ font-size:13px;}
/*.table-responsive table.table-striped th:first-child{ padding-left:30px;}*/
.table-responsive table.table-striped th:last-child, .table-responsive table td:last-child{ padding-right:25px;}
.appointment-top-right .btn-groups{ padding-right:20px;}

.navbar-dark .navbar-brand{ padding:0px 0px 2px 0px;;}
.navbar .searchdropdown .btn{ padding:3px 10px; margin-left:2px; box-shadow:none; line-height: 10px;}
.btn-success{ background:#43b77a; border-color:#43b77a;}
.btn-primary { background-color: #005eae; border-color: #005eae;}
.btn-outline-primary { color: #005eae; border-color: #005eae; background:#fff;}
.btn-outline-primary:hover{ background: #005eae;}
.btn-outline-none { color: transparent; border-color: transparent; background:#fff;}
.btn-outline-none:hover{ background: transparent;}
.navbar .select2-container--default .select2-selection--single{ border:none !important; font-size:12px;}
.btn-icons .dropdown-menu{ transform: translate3d(-317px, 25px, 0px)!important;}
.table-striped tr th:first-child, .table-striped tr td:first-child{ padding-left:15px;}
.mob_label{ display:none; color:#000000; font-weight:600; font-size:14px; text-transform:uppercase;}
.tabs-panels{ border:none;}
.restore-columns{ float: right; background:#fff; border: 1px solid #b6b6b6; position:absolute; top:15px; right:15px; padding:7px 8px; line-height: 9px;}
.logo0{fill:#CAF4FF;}
.logo1{fill:#FFFFFF;} 

.profile_grid_btn_bottom .dropdown-menu{ right:0px; bottom:36px;}
.profile_grid_btn .dropdown-menu{ left:0px; top:36px;}
.patient-name{ color:#0475ba;}
.appointments-list .btn-icons{ float:none;}
.appointments-list .btn-icons li{ padding:0 6px 0 0;}
.input-append{ display:flex;}
.input-append input{ border:none; width:100%;}
.ml-0{ margin-left:0 !important;}
.ml-1{ margin-left:10px;}
.ml-2{ margin-left:20px;}
.mr-1{ margin-right:10px;}
.ml-04{ margin-left:4px;}
.mb-1{ margin-bottom:10px;}
.mr-1{ margin-right:10px;}
.mr-2{ margin-right:20px;}
.mt-1{ margin-top:10px;}
.pr-1{ padding-right: 10px; }
.pb-1{ padding-bottom: 10px; }
.pb-2{ padding-bottom: 20px; }
.pt-1{ padding-top: 10px; }
.pl-1{ padding-left: 10px; }
.p-1 { padding: 10px; }
.mt-2{ margin-top:20px;}
.m-1 { margin: 10px;}
.m-2 { margin: 20px;}

.small-btn {
    line-height: 0px !important;
    padding: 4px 5px !important;
}

.smaller-btn {
    line-height: 0px !important;
    padding: 2px 2px !important;
}

.left-menu li::before {
    content: '-';
    color: #0073b9;
    font-weight: 600;
}

.left-menu a {
	padding-left: 5px;
}

.datetimepicker td, .datetimepicker th{ font-size:13px;}
.window-shadow{ display:none !important;}
.halfFields .form-select{ width: 50%;}
.window{ padding:0; border:none; background:none;}
.window .window-header{ padding: 2px 0; color:#fff;} /* removed background:#004c7e; , change padding to 6 from 10 */
.window .panel-title{ padding-left:15px;}
.window-body-content{ padding:5px 5px 0 15px;} /* change padding:0px to padding:5px */ 
.form-row{ padding:7px; align-items:center;}
.form-row:nth-child(even){ background:#fdf8ef;}
.size14{ width:14px; height:14px;}
/* .window .row>*{ padding-right: 6px; padding-left: 6px;} */ /* commited this because causing a scroolbar */ 
.nopadding {padding: 0px !important;}
.window .btn{ padding: 6px 8px; line-height: 12px;}
.modalBox-formRight{ border-left:1px solid #ebebeb; margin-left:5px; padding-left:5px;}
.modalBox-formRight .form-row{ margin-left:0; margin-right:0;}
.text-center .form-check .form-check-input{ float:none;}
.form-check-input { min-width: 12px; min-height: 12px; }
.buttons-row{ padding:15px; border-top:1px solid #ebebeb; width: 100%;} /* added width: 100%; */
.buttons-row .btn{ font-size:15px; padding:12px 15px;}
.buttons-row .btn.btn-default{ background:#ebebeb; color:#737373;}
.buttons-row .btn.btn-default:hover{ background:#333; color:#fff;}
.lobibox-footer .btn.btn-default{ background:#ebebeb; color:#737373;}
.lobibox {z-index: 1000001 !important;}
/*.panel-tool-close{ background:url(https://media-style.novoclinical.com/uiv2/images/newuiV3/close.svg) left top no-repeat; width:13px; height:13px; display:inline-block; opacity: 1 !important; margin: 3px 10px 0 0;}*/
.panel-tool a{ filter: grayscale(1) invert(1); -webkit-filter: grayscale(1) invert(1); opacity: 1 !important;}
.group-field .time{ width: 40px;} /* changed 70px to 40px */
.select2-container--bootstrap{ width:100% !important;}

.page_nav{ background:#004c7e;}
.page_nav li a{ color:#fff; text-decoration:none;}
.page_nav li a:hover{ text-decoration:underline; color:#fff;}
 .group { zoom: 1 }
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body #sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
.box .table{ margin:0;}
.datebox{ border: 1px solid #ced4da; padding: .375rem .75rem; position: relative; border-radius: .25rem;}
.datebox .textbox-text{ border:none !important; margin:0 !important; background:none; width: 100% !important; padding: 0; line-height: 20px !important; height: 20px !important;}
.datebox .textbox-text:focus{ outline:none; box-shadow:none;}
.datebox .textbox-addon-right{ position:absolute;}
.datebox .combo-arrow{ background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/calendar.png) left top no-repeat !important; background-size: cover !important; opacity:1; width: 16px!important; height: 16px !important; margin: 5px 5px 0 0 !important;}

.page_nav{ position:sticky; top:0; z-index:9;}
.accordion{ border:none;}
.accordion-item{ margin-bottom:15px;}
.accordion .accordion-header{ background:#004c7e !important; display:flex; border-radius:0px; padding:5px 12px; font-size:12px; font-weight:500; text-transform:uppercase; color:#fff; align-items: center; cursor: default;}
.accordion .accordion-header .accordion-button{ background:none; color:#fff; padding:0;} 
.accordion .accordion-header .heading{ width:100%; display: flex; align-items: center;}
.accordion .accordion-header .accordion-button{ width:auto;}
.accordion .accordion-header .accordion-button:focus{ box-shadow:none; } /* color:#ffffff; */
.accordion-collapse{ background:none;}
.upload-area-top-right{ padding-left:25px; width: 100%;}
.upload-area-top-right .btn{ padding:8px 10px; font-size:13px; width: 100%; justify-content: center;} /* changed the padding from 20px from 10px */
.upload-area-top-right .btn svg{ width:23px; height:20px; margin-right:10px;}
.delete-list-files{ background:#f3f3f3; padding:5px 10px; border-radius:5px; margin-left:0.75rem; margin-right:0.75rem;}
.delete-list-files li{ list-style:none; display:flex; align-items:center;}
.delete-list-files li span{ display:block; width:100%;}
.delete-list-files li b{ color:#0475ba;}
.delete-list-files li svg{ width:16px; height:16px;}
.delete-list-files li .btn{ padding:3px 5px;}
.accordion-body, .upload-top-area{ padding: 0.75rem;}
.edit-demography-fullpage .accordion-body{ padding:0;}
.btn svg{ width:14px; height:14px;}
.btn.small svg{ width:10px; height:10px;}
.btn-link.small {line-height: 0px; padding: 0px !important; margin-bottom: 5px;}
.btn-icon { padding:8px 8px; line-height:0px;}

.vertical-center{ align-items:center;}
.edit-demography-fullpage{ display:flex; flex-direction:column; padding-bottom: 0px;} /* changed padding-bottom: 25px; to 0px */ /* removed height:100%; */
.editdemography-bottom-area{ background:#fff; padding:10px; box-shadow:0 0 12px #d6d6d6;}
.edit-demography-fullpage .main-container{ height:90%;}
.editdemography-bottom-area .btn, .claims-bottom-area .btn{ font-size:12px; text-decoration:none; padding:0px 5px; height: 25px;} /* padding changed to 0px from 6px, height added */ /* changed padding:0px 10px t0 5px; */
.btn-icons.align-left li{ padding:0 10px 0 0;}
.edit-demography-fullpage tr.active{ background:#caf4ff; color:#004c7e;}
.input-group{ border:1px solid #ced4da; border-radius: .25rem;}
.input-group .form-control, .input-group .btn{ border:none; background:#fff;}
.input-group .btn-outline-primary:hover{ background:#0073b9;}
.accordion-body .table{ margin:0;}

.main-container, .inner-container{ display:flex; flex-direction:column;}
.main-container .easyui-tabs.tabs-container, .main-container .easyui-tabs .tabs-panels, .main-container .easyui-tabs .panel, .main-container .easyui-tabs .panel-body{ height: 100%;} /* changed from 99% to 100% */
.main-container .panel iframe{ height:100%;}
.select2-container--bootstrap.select2-container--open{ z-index: 9002;}
.select2-container--open .select2-dropdown {min-width: 150px;}
.inner-container{ height: 100%;} /* change to 100% from 99% */
.appointment-top-row .form-control{ padding:.275rem .55rem;} 
.appointment-top-row .datebox{ width:100%; padding:0.200rem 2.25rem .200rem .75rem;}
.appointment-top-row .form-control.select{ border:none; border-bottom: 1px solid #ddd; border-radius: 0px; appearance: menulist; padding:10px 0;}

.claims-bottom-area{ background:#fff; padding:0px 10px; box-shadow:0 0 12px #d6d6d6; position: fixed; bottom:0px; left:0px; width:100%; padding-bottom: 12px;z-index: 90;} /* bottom change from 30px to 0px, changed padding top and botton to 0px, added padding-bottom: 12px; to give space to the scroller */

/*==========Schedule Report Css===========*/

.slide svg {
	height: 14px;
	width: 14px;
}

.btn-primary:hover {
    background-color: #065498;
    border-color: #065498;
}
.inner-iframe-container .tabs li a.tabs-close:before{ filter: brightness(0.5) sepia(0) hue-rotate(-120deg) saturate(5);}
.inner-iframe-container .tabs li a.tabs-close{ background:#fff;}
.inner-iframe-container .tabs li.tabs-selected a.tabs-close:before{ filter:inherit;}
.inner-iframe-container .tabs li.tabs-selected a.tabs-close{ background:#101a51;}

.datagrid-btable .datagrid-row-selected td .list-inline .shame{ background:#fff; border-color:#fff;}
.datagrid-btable .datagrid-row-selected td .list-inline .shame.btn:hover path {fill: #000 !important;}
.datagrid-btable td .list-inline .dropdown-toggle:after{ content:inherit;}

.schedule-top{ background:#004c7e; padding:10px 0;}
.schedule-container{ display:flex; height:100%;}
.schedule-container-left{ width:74%; display:flex; flex-direction:column;}
.schedule-container-right{ background:#f5f5f6; width:26%;  padding-right:6px;}
.schedule-container-right .nav-tabs{ border-bottom:2px solid #2f3490; padding:10px 10px 0 10px;}
.schedule-container-right .nav-tabs li{ padding-right:2px;}
.schedule-container-right h4{ color:#2f3490; text-transform:uppercase; font-size:13px; font-weight:600;}
.schedule-container-right .form-group{ margin-bottom:18px;}
.schedule-container-right ol{ padding:0 0 0 15px; margin:0 0 20px 0;}
.visit-box p{ margin-bottom:5px;}
.visit-box p span{ color:#43b77a;}
.visit-box{ background:#fff; padding:7px 15px; border-radius:4px; margin-bottom:7px;}
.visit-box a{ font-weight:500; color:#004c7e;}
.schedule-container-right .nav-tabs > li > a {
    margin-right: 2px; margin-bottom: -1px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0; display: block; 
padding: 6px 9px; border:1px solid #2f3490; border-bottom:none; color:#2f3490; font-weight:600; text-transform:uppercase;
}
.schedule-container-right .nav-tabs > li > a.active, .schedule-container-right .nav-tabs > li.active > a{ background:#2f3490; color:#fff;}
.schedule-container-right .tab-content{ padding:15px; height:90%;}
.schedule-container-right .tab-content > .active{ opacity:1;}
.inner-iframe-container .tabs-container, .inner-iframe-container .panel.panel-htop{ height:100%;}
.schedule-tabs .tabs-header{ background:#004c7e; padding:6px 10px 2px 10px; width:auto !important; border: none;}
.schedule-tabs .tabs li a.tabs-inner{ border-radius:4px; background:#0091c2; border:1px solid #00b3e4; padding:6px 12px; height: auto !important; line-height: 15px !important; margin-bottom: 3px;} /* line-height changed from 18px to 15px, added margin-bottom */
.schedule-tabs .tabs li .tabs-inner{ color: #fff;}
.schedule-tabs .tabs-panels, .schedule-tabs .panel-body{ width:100% !important; height: 98%;}
.schedule-tabs .tabs li.tabs-selected a.tabs-inner{ background:#43b77a;}
.inner-iframe-container iframe.embed-responsive-item{ height:100%;}
.schedule-report-top{ padding: 5px 10px; box-shadow:0 0 20px #e9e9e9; display: flex; background: #fff; position: relative;} /* change padding:10px; to padding:5px 10px; */
.schedule-report-top-left{ width:25%; display: flex;}
.schedule-report-top-left h4{ color:#004c7e; font-size:13px; font-weight:500; margin:0; display: flex; align-items: center; } /* change the font from 15px to 13px */
.schedule-report-top-left h4 svg{ margin:0 0px;} /* removed the margin from 10px to 0px */
.schedule-report-top-left p{ color:#b7b7b7; font-weight:500; line-height: 15px; margin:0;} /* change line-height from 20px to 15px */
.schedule-report-top-left span{ color:#000;}
.schedule-report-top-right{ width:75%;}
.schedule-report-top-right ul{ width: 100%; display: flex; align-items: center; margin-bottom: 6px;}
.schedule-thumb{ margin-right:10px;}
.novo-icon-list{ padding:0;}
.novo-icon-list li{ display:inline-block; margin:0 5px; width: 100%;}
.novo-icon-list svg{ width:24px; height:24px;}
.popover-header {padding: .3rem 1rem !important;}

.schedule-report-content{ display:flex;} /* removed height:100%;  */
.schedule-report-content-left { background:#f5f5f6; width:22%;} /* changed the width from 18 to 22% */ /* removed height: 100%; */
.schedule-report-content-left .accordion-button {margin-left: 0px;}
.schedule-report-content-left h3{ color:#000000; font-size:13px; font-weight:500; border-bottom:1px solid #0073b9; padding:15px; margin: 0;}
.schedule-report-content-left .accordion-button::after{ content:inherit; border:none;}
.schedule-report-content-left .accordion, .schedule-report-content-left .accordion-item{ background:none; border:none; margin: 0; border-radius: 0px;}
.schedule-report-content-left .accordion .accordion-header{ background:none !important; font-size:13px; font-weight:600; padding:8px 15px;}
.schedule-report-content-left .accordion .accordion-header .accordion-button{ color:#0073b9; font-size: 13px; background: none; border: none; outline: none !important; box-shadow: none !important; width: 100%; font-weight: 600;}
.schedule-report-content-left .accordion .accordion-header .accordion-button[aria-expanded="true"]{ color:#004c7e;}
.schedule-report-content-left .accordion-body ul{ padding:0 0 0 12px; margin:0;}
.schedule-report-content-left .accordion-body li{ list-style:none;}
.schedule-report-content-left .accordion-body li a:hover{ color:#333;}
.schedule-report-content-left .accordion-item{ border-bottom:1px solid #0073b9;}
.schedule-report-content-left .accordion .accordion-body{ padding-top:0;}
.schedule-report-content-left .below-btns{ padding:10px;} /* removed margin-bottom: 30px; */
.schedule-report-content-left .below-btns .btn{ width:100%; align-items:center; justify-content:center; display: flex;}
.schedule-report-content-left .below-btns .btn svg{ margin-right:5px;}

.schedule-report-content-right{ padding: 10px 5px 5px 20px; width: 100%; background: #fff; order:11;} /* remove the paddings */
.schedule-report-content-right-inner { width: 100%; background: #fff; }
.schedule-report-content-box{ border-bottom:1px solid #ebebeb; padding:0 0 8px 0; margin-bottom:15px;}
.schedule-report-content-right .schedule-report-row-content{ width: 100%;}
.schedule-report-content-right .schedule-report-row-content .showFieldValue {padding-top: 5px;}
.schedule-report-content-right .schedule-report-row-content .editFieldValue {padding-top: 5px;}
.schedule-report-content-right .schedule-report-row-content p{ margin:0;}
.schedule-report-content-right h2{ color:#004c7e; font-weight:600; margin:0; font-size:14px; }
.schedule-report-content-right h4{ color:#0073b9; font-weight:500; margin:0; font-size:13px;}
.schedule-report-row{ display: flex; align-items: start; margin-bottom:8px;}
.schedule-report-row .btn-groups{ float:right;}
.schedule-report-row .btn{ line-height:0px; padding:4px 5px;}
.schedule-report-row .btn.smaller { line-height:0px; padding:2px 3px;}
.schedule-report-row-heading .btn{ line-height:0px; } /* removed padding:7px 8px; */
.schedule-report-row-heading {border-bottom: 2px solid #004c7e;} /* added whole line */
.schedule-report-row .schedule-report-row-content .btn{ line-height:14px; margin:-5px 0 0 10px;} 
.schedule-report-row .schedule-report-row-content .d-flex{ align-items:center;}
.hidden { display:none !important;}
.toggle_btn.show{ position:relative;}
.toggle_btn.show:after{ content:''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #0073b9; position: absolute; bottom: -8px; left: 15px;}
.schedule-report-top-right .btn-groups.hidden{ padding-top:5px;}
.schedule-report-top-right .btn-groups .btn{ padding: 2px 8px;} /* changed first padding 3px tp 0px */
.schedule-report-top-right .btn-groups .btn-primary{ background-color: #0073b9; border-color: #0073b9;}
.schedule-report-top-right .btn-groups .btn
.inner-iframe-container .tabs-wrap{ margin:0 !important;}
.schedule_tabbtn_mob .blue{ fill:#1eb9c6;}
.schedule_tabbtn_mob:hover .blue{ fill:#065498;}
.appoint-calendar{ padding:10px; display: flex;} /* changed padding to 10px from 20px */
.calendar-left-col{ position: sticky; top: 10px; height: fit-content; max-height: calc(100vh - 20px); overflow-y: auto;}
.full-width{ width:100%;}
.appoint-calendar .form-check{ min-height:inherit;}

.appoint-calendar .accordion .accordion-header .collapsed .heading{ display:none;}
.appoint-calendar .accordion .accordion-header .accordion-button{ width:100%; font-size: 12px;}
.appoint-calendar .col-md-2.show_col{ width:auto;}
.calendar-area{ padding:0 0 0 20px; width: 100%;}
.calendar-left-col .accordion-button:after{ border:none;}
.calendar-left-col.show_col .accordion-button:after{ border:1px solid #fff;}
.calendar-left-col .accordion .accordion-header{ padding:5px;}
.calendar-left-col.show_col .accordion .accordion-header{ padding:5px 12px;}
.datagrid-btable .datagrid-row-selected a.no-border .blue{ fill:#fff;}
.form-select, .form-control, .datebox{ padding: 0.250rem 1.25rem .250rem .75rem;}
.schedule-container-right-close{ display:none;}

table .badge{ font-size:12px; font-weight:400; line-height:16px; color: #615ea6; border:1px solid #615ea6; width: 100%; text-align: left;} /* added width and textalign */
.badge.badge-danger{ background-color: #615ea6 !important; color: #fff !important; font-weight: 700 !important;}

.navbar .dropdown-menu.userthumb_dropdown{ background:#fff; border-radius:5px; min-width: 195px; padding-bottom: 0px; z-index: 2000;}
.navbar .dropdown-menu.userthumb_dropdown:before{  content: ""; top: -6px; font-weight: 900; right: 15px; font-size:20px; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 7px solid #fff; position:absolute;}
.navbar .dropdown-menu.userthumb_dropdown h4{ background:#ffff; color:#000; font-weight: 600; font-size: 16px;}
.navbar .dropdown-menu.userthumb_dropdown ul{ list-style:none; padding:0;}
.navbar .dropdown-menu.userthumb_dropdown li a svg{ width:12px; height: 20px; margin-right:8px; float:left;}
.navbar .dropdown-menu.userthumb_dropdown li a{ font-size:14px; padding:4px 16px; display:flex;}
.navbar .dropdown-menu.userthumb_dropdown li a:hover{ background:#004c7e; color:#fff;}
.navbar .dropdown-menu.userthumb_dropdown li a:hover .blue{ fill:#fff;}
.userthumb_dropdown span.plus{ width: 18px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #004c7e; display: inline-block; border-radius: 25px; font-size: 19px; margin-left:4px;}
.userthumb_dropdown span.minus{ width: 18px; height: 18px; line-height: 15px; text-align: center; border: 1px solid #004c7e; display: inline-block; border-radius: 25px; font-size: 30px; margin-left:4px;} /* margin-left:18px; changed to 4 px */
.navbar .dropdown-menu.userthumb_dropdown li a:hover span.plus, .navbar .dropdown-menu.userthumb_dropdown li a:hover span.minus{ background:#fff; border-color:#fff; color:#004c7e;}

.tooltip { display:inline; border:none; background:none; font-size:13px; opacity: 1 !important;}
.tooltip > .tooltip-inner { background:#1FB8C6; border-color:#1FB8C6; text-align: left; opacity: 1;} /* #004c7e */
.tooltip > .tooltip-arrow::before { border-top-color:#1FB8C6; left: -5px;}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before {
	border-right-color: #1FB8C6;
	border-top-color: transparent;
}

.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before {
	border-bottom-color: #1FB8C6;
	border-top-color: transparent;
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before, .bs-tooltip-start .tooltip-arrow:before {
	border-left-color: #1FB8C6;
	border-top-color: transparent;
	left: -1px;
	top: -1px;
}

.table-scroll{ background: #f9f9f9;}
.table-scroll table{ margin:0;}
.table-scroll td, .table-scroll th{ white-space:nowrap;}
.payhis-btn-groups{ background:#f9f9f9; padding:0; display:flex; position:sticky; left:0;}
.payhis-btn-groups .btn{ margin:0 3px;}
.table-scroll.ps-container > .ps-scrollbar-y-rail{ right:12px !important;}
.payment_history_container{ height: 95%;}
.payment_history_container.ps-container > .ps-scrollbar-x-rail{ opacity:1; height: 6px;}
.payment_history_container td {
	box-shadow: none;
}
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:focus > .ps-scrollbar-x{ height: 6px;}

.table-scroll.ps-container > .ps-scrollbar-x-rail{ opacity:1; height: 5px;}
.table-scroll.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x{ bottom: 0px; height: 6px !important;}

.window-body-content.panel-body-content{ padding:15px;}
.panel-body-content p{ margin-bottom:10px;}

.panel-body-content .table-striped tr th, .panel-body-content .table-striped tr td{ vertical-align:top;}
table .bg-danger{ color:#fff; border-color:#9c0f17 !important; background-color:#9c0f17 !important;}
table .bg-success{ color:#fff; border-color:#43b77a !important; background-color:#43b77a !important;}

.amount-field {max-width: 100px;}
.amount-field input{ border:none; width:73px;} /* changed to 73px from 40px */
.amount-field svg{ width:20px; height:20px;}
.panel-body-content .form-control{ padding:6px;}

.panel-body-content .form-select, .panel-body-content .form-control, .panel-body-content .datebox{ background-position: right .25rem center; padding: 0.250rem 1.25rem .250rem .25rem; min-width: 60px;}
.panel-body-content .form-control.amount-field{ padding-right:3px; width: 100px;} /* changed to 100px from 75px */
.panel-body-content .buttons-row{ border:none; padding:0 0 10px 0;}
.open-ledger{ display:flex;}
.open-ledger .btn{ margin-left:10px;}

.top-filters{ display:flex;}
.top-filters .form-group{ margin-right:10px; width: 7%;}
.preapp-top-filters .form-group{ margin-right:10px; width: 10%;}

.filters-7p{ display:flex;}
.filters-10p{ display:flex;}
.filters-7p .form-group{ margin-right:10px; width: 7%;}
.filters-10p .form-group{ margin-right:10px; width: 10%;}

.top-filters .form-group label, .hs-report-top-field label{ display:block;}
.datagrid-header, .datagrid-td-rownumber{ background:#004c7e;}
.datagrid-htable{ color:#fff;}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{ padding:5px;}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{ border:none;}
.datagrid-header td.datagrid-header-over{ color:#fff;}
/* .claims-container{ margin-bottom: 70px;} */
.novo-table-content{ height:100%; margin: 0; display: block !important;}
.novo-table-content tr.active { position: sticky; top: 0; z-index: 1; }
.novo-table-content td{ vertical-align:top;}
.novo-table .odd td{ background:#fdf8ef; --bs-table-accent-bg: #fdf8ef; border-bottom:2px solid #fff;}
.icon-groups .btn{ padding: 2px 4px;}
.icon-groups svg{ height: 16px; width: 16px;}
.editdemography-bottom-area .pagination{ padding:0;}
.novo-table td .btn-sm.btn-collapse{ padding: 0px; width:15px; height:15px; font-size: 16px; line-height: 0; margin: 0 0 0 10px;}
.novo-table .table-open td{ background:#fff; --bs-table-accent-bg: #fff;}
.novo-table .table-open td:first-child{ padding-left:0;}
.novo-table td:first-child input[type="checkbox"]{ position: relative; top: 3px;}
.novo-table td td:first-child input[type="checkbox"]{ position:static;}
.novo-table td .btn-sm.btn-collapse.collapsed{ font-size:0px; line-height:15px;}
.novo-table td .btn-sm.btn-collapse:before{ font-size:16px; content:'_'; position:relative; top:-5px;}
.novo-table td .btn-sm.btn-collapse.collapsed:before{ font-size:16px; content:'+'; position:relative; top:0px;}
.data-more-btn{ padding: 0 !important; width: 18px !important; height: 18px !important; line-height: 12px !important; margin-left:10px !important;} /* added important */
.claims-action-table{ margin-top:12px; margin-bottom:0px;}
.novo-table .claims-action-table td{ background:#e6fbee; --bs-table-accent-bg: #e6fbee;}
.novo-table .claims-action-table td:first-child{ padding-left:15px;}
.novo-table .bg-danger{ background:#9c0f17  !important; }

.novo-table-inner{ /*border:1px solid #e1e1e1; border-radius:5px; overflow:hidden;*/ border-collapse:separate; border-spacing:0px; margin:0; padding-left:15px; font-weight: 600;}
.novo-table-inner tr:first-child td{ border-top:1px solid #e1e1e1;}
.novo-table-inner tr.last-column td:first-child{ border-left:1px solid #e1e1e1; border-top-left-radius:5px; border-bottom-left-radius:5px; padding-left:8px;}
.novo-table-inner tr.last-column td:last-child{ border-right:1px solid #e1e1e1; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.novo-table-inner tr.last-column td:first-child{ border-left:1px solid #e1e1e1;}
.novo-table-inner tr.last-column td:last-child{ border-right:1px solid #e1e1e1;}
.novo-table-inner td{ border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.novo-table-inner td label{ display:block;}
.novo-table-inner .total-row td{ border:none;}
.novo-table-inner .total-row .total-column{ border:1px solid #e1e1e1; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.tpd-backgrounds{ /*position:fixed !important; background: rgba(0, 0, 0, 0.1); height: 100vh !important; width: 100% !important; top: 0 !important;*/}
.show-bg{background: #000; width: 100%; height: 100%; position: fixed; left: 0; top: 0; opacity: 0; display:none; z-index: 1;}
.show-bg.show{ opacity: 0.2; display:block;}
.novo-table-content .table-striped tr th{ height: 30px; padding-top: 5px; padding-bottom: 5px;} /* changed the height to 30px and added both padding */
.novo-table tr th{ padding-top: 5px; padding-bottom: 5px;}

.novo-table-content .table-striped tr td{ padding-top: 5px; padding-bottom: 5px;} /* added the line */
.novo-table .table-striped tr th{ padding-top: 5px; padding-bottom: 5px;} /* added the line */

.tpd-tooltip{ max-width:100%;}
.tpd-skin, .tpd-frames .tpd-frame, .tpd-content-spacer{ width:98% !important; max-width:100%;}
.tpd-content-relative-padder{ overflow:auto; scrollbar-color: #0a3874 #efefef; scrollbar-width: thin;} /* removed width:97%; */
.tpd-content-relative-padder::-webkit-scrollbar {width: 10px; height:6px;}
/* Track */
.tpd-content-relative-padder::-webkit-scrollbar-track { background: #efefef; height:6px;}
 /* Handle */
.tpd-content-relative-padder::-webkit-scrollbar-thumb { background: #0a3874;}

/* #23 new code to handle smaller screen than desktop but begger than ipad */
.dropdown-form-field{ font-size:12px; flex-wrap:wrap;}
.dropdown-form-field label{ text-transform:uppercase;}
.dropdown-form-field .form-check{ min-height:inherit; margin-bottom: 0px;}
.dropdown-form-field .form-group{ width:10%; margin-bottom: 10px;}
.claims-top-field{ display:flex;}
.claims-top-field .form-group{ margin-right:10px; width: 7%;}
.claims-top-field .form-group label, .hs-report-top-field label{ display:block;}
/* #23 END */

/* Handle on hover */
.tpd-content-relative-padder::-webkit-scrollbar-thumb:hover { background: #0a3874; }

.sticky_col{ position:sticky; left:0;}
.select2-container--default .select2-search--dropdown .select2-search__field{ box-shadow: none; outline: none;}
.main-container .easyui-tabs .panel-body, .main-container .easyui-tabs .tabs-panels, .main-container .easyui-tabs .tabs-header{ width: 100% !important;} /*---FOR MOBILE TO DESKTOP SCREEN WIDTH 100%*/
.hs-report-top-field .datebox, .hs-report-top-field .select2-container{ width: 100% !important;}
.hs-report-top-field .form-group{ margin-right:10px; width: 10%;}

.panel-header .panel-tool a{ margin: 3px 4px 0 10px;}
.panel-header .panel-tool-max{ background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/enlarge.png) no-repeat 0px 0px; background-size: cover; filter:inherit; width:13px; height:13px;}
.panel-header .panel-tool-min{ background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/minimize.png) no-repeat 0px 0px; background-size: cover; filter:inherit; width:13px; height:13px;}
.panel-header .panel-tool-close{ background: url(https://media-style.novoclinical.com/uiv2/images/newuiV3/close.png) no-repeat 0px 0px; background-size: cover; filter:inherit; width:13px; height:13px;}
.panel-header .panel-tool a:hover{ background-color:inherit;}
.panel-header .panel-tool a.panel-tool-collapse{ display:none;}

.appointment-table-responsive tr.active{ position: sticky; top: 0; z-index: 7;}

.report-container{ width:100%; height:100%;}
.record-container-left{ max-width:30%; height:100%; background:#fff;}
.record-container-left .schedule-report-top{ flex-direction:column;}
.record-container-middle{ width:37%; height:100%; background:#fff; border-left:1px solid #0173b9; border-right:1px solid #0173b9; padding:25px; position: relative;}
.report-container .schedule-report-top-right, .report-container .schedule-report-top-left{ width:100%;}

.record-container-right{ max-width: 25%;}
.record-container-right.auto-width{ width: auto !important;}
.record-container-middle.full-width{ width:100% !important;}
.record-container-right h4{ padding: 15px 20px; border-bottom: 1px solid #333;}
.record_show_hide_btn{ border:none; background:none; padding:0; float:right; position: absolute; right: 10px; top: 10px; z-index: 11;}
.dr-name, .nowrap{ white-space:nowrap;}
.trRow .info-toolbar{ margin:0 6px;}
.schedule-container-right-content{ height:90%;}

.datagrid-btable .btn-check:active+.btn-outline-primary, .datagrid-btable .btn-check:checked+.btn-outline-primary, .datagrid-btable .btn-outline-primary.active, .datagrid-btable .btn-outline-primary.dropdown-toggle.show, .datagrid-btable .btn-outline-primary:active path{ fill:#fff}
.datagrid-btable [field="action"] .datagrid-cell{ overflow:visible;}
.datagrid-btable .datagrid-cell .btn-icons .dropdown-menu{ width: 180px; padding:8px; transform: translate3d(-47px, 35px, 0px)!important; overflow: visible; top: 0 !important;}
.datagrid-btable .datagrid-cell .btn-icons .dropdown-menu:before {
    content: "";
    top: -6px;
    font-weight: 900;
    left: 55px;
    font-size: 20px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #0073b9;
    position: absolute;
}
.icon-btn{ line-height: 17px; padding-bottom: 6px;}
.hs-report-form-area{ background:#f5f5f6; padding:10px 22px;}
.novo-table .btn-link{ padding:3px 0; background:none; font-size: 13px;}

.dutysheet-container .nav-tabs li a {padding: 3px 10px;} /* added this line */ 

.dutysheet-container .nav-tabs{ background:#004c80; padding:.5rem 1rem; border:none;}
.dutysheet-container .nav-tabs li a, .responsive-tabs .card-header a{ color:#fff; border:none; text-transform:uppercase; font-size:12px; font-weight:600; border-radius:6px;}
.dutysheet-container .nav-tabs li a.active, .dutysheet-container .tab_wrapper > ul li.active a{ background:#0173bc; color:#fff;}
.responsive-tabs .nav-tabs { display: flex; flex-wrap: nowrap; white-space: nowrap; overflow: auto;}
.responsive-tabs .tab-content > .active { display: block;}
.responsive-tabs .tab-content > .active .collapse{ display:block;}
.responsive-tabs .card{ border:none; opacity: 1;}
.responsive-tabs .card-header{ padding:0; border: none; display:none;}
.responsive-tabs .card-header a{ background:#004c80; position: relative; cursor: pointer; padding:10px 20px; display: block;}
.responsive-tabs .nav-tabs.ps-container > .ps-scrollbar-x-rail{ opacity:1; background:none !important; height: 4px;}
.responsive-tabs .nav-tabs.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x{ background:#fff;}

/* .dutysheet-container .nav-tabs{ background:#004c80; padding:.5rem 1rem; border:none;}
.dutysheet-container .nav-tabs li a, .responsive-tabs .card-header a{ color:#fff; border:none; text-transform:uppercase; font-size:12px; font-weight:600; border-radius:6px;}
.dutysheet-container .nav-tabs li a {padding: 3px 10px;} added this line 
.dutysheet-container .nav-tabs li a.active, .dutysheet-container .tab_wrapper > ul li.active a{ background:#0173bc; color:#fff;}
.responsive-tabs .card-header{ padding:0; border: none;}
.responsive-tabs .card-header a{ background:#004c80; position: relative; cursor: pointer; padding:10px 20px; display: block;}
.responsive-tabs .card-header a:before{
  float: right;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  border-radius: 2px;
  transform: rotate(-135deg);
  background: #004c80;
  border-top: 3px solid #ccc;
  border-left: 3px solid #ccc; content:'';
}
.responsive-tabs .card-header a[aria-expanded="true"]:before{
  transform: rotate(45deg);
  margin-top: 5px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
}
.responsive-tabs .fade:not(.show){ opacity: 1;}
.responsive-tabs .card{ margin:0 0 0px 0; border:none;} removed the margin botton 10px to 0px
.responsive-tabs .nav-tabs { display: flex; }
.responsive-tabs .tab-content > .active { display: block;}
.responsive-tabs .card-body{ padding:15px 20px; border:none;}

*/

/* for desktop */
@media screen and (min-width: 1024.1px) {
    /* .responsive-tabs .card .card-header { display: none;}
	.responsive-tabs .card .collapse { display: block;} */
	/* .select2-container {width: 100% !important;} */
	.d-flex-dtop { display: flex; }
	.restore-columns {display: none;}
	.preapp-top-filters .form-group.desktop-col-full{ width: 20%;}
}

.btn-icons.no-border li{ padding: 0 4px 0 0;}
.btn-icons.no-border a.btn{ border:none;}
 
/*=========Doctor Dutysheet=========*/
.dr-dutysheet-left{ width:23%;}
.dr-dutysheet-right{ width:27%; padding-right:0;}
.dr-dutysheet-middle{ width:50%; background: #fff;}
.name-heading-area{ background:#fff; padding:8px 20px 5px 20px;}
.name-heading-area svg{ margin:0 10px 0 0;}
.tabstyle .nav-tabs { border-bottom: 2px solid #2f3490; padding: 15px 15px 0 15px;}
.tabstyle .nav-tabs > li > a {
    margin-right: 2px; margin-bottom: -1px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0; display: block; 
	padding: 6px 9px; border:1px solid #2f3490; border-bottom:none; color:#2f3490; font-weight:600; text-transform:uppercase;
}

.tabstyle .nav-tabs .nav-link:hover {
	border-color: #2f3490 #2f3490 #fff;
}

.tabstyle .nav-tabs > li > a.active, .schedule-container-right .nav-tabs > li.active > a{ background:#2f3490; color:#fff;}
.tabstyle .tab-content{ padding:15px; height:90%;}
.tabstyle .tab-content > .active{ opacity:1;}
.tabstyle h4{ font-size:14px; width: 100%; font-weight:600;}
.tabstyle .btn{ white-space:nowrap;}
.tabstyle ol{ padding:0 0 0 12px; }
.tabcontent-heading{ margin-bottom:10px;}
.tabcontent-heading h4{ margin:0;}
.visit-box ol{ margin:0;}
.visit-box .red{ color:#eb212e;}
.dr-dutysheet-navigation{ background:#363636; padding:14px 12px 13px 12px; width: 100%; float: left;}
.dr-dutysheet-navigation a{ color:#fff;}
.dr-dutysheet-navigation svg{ width:9px; height:9px; position: relative; top: -3px;}
.dr-dutysheet-middle .btns{ padding:10px; clear:both; float:left; width:100%;}
.dr-value-result{ padding:10px; clear:both; background:#43b77a; color:#fff; float:left; width:100%;}
.doctor-sheet-table tr:nth-child(odd) td{ background:#f5f5f6;}
.doctor-sheet-table tr:nth-child(even) th{ background:#fdf8ef;}
.doctor-sheet-table td, .doctor-sheet-table th{ font-weight:normal; width:17%; vertical-align: middle;}
.doctor-sheet-table td{ font-weight:600; font-size: 11px; text-transform:uppercase;}
.dr-dutysheet-middle .odd td{ background:#fdf8ef; --bs-table-accent-bg:#fdf8ef; font-weight:500; vertical-align:top;}
.dr-dutysheet-middle td svg{ width:15px; height:15px;}
.dr-dutysheet-right .form-check-inline{ align-items: inherit;}

.info-multiple-history-table .odd td { background:#fdf8ef; --bs-table-accent-bg:#fdf8ef; font-weight:500; vertical-align:top;}

/* .newreport-container { padding-bottom:23px;} */ /* delete .codereview-container */ /* commented the whole line */
.codereview-left{ width:25%; display:flex; flex-direction:column;}
.codereview-middle{ width:45%; background:#fff;}
.codereview-right{ width:30%; background:#fff; box-shadow: 0 0 20px #e9e9e9;}
.codereview-left .form-row{ background:none !important; padding: 5px 15px;}
.codereview-left .form_datetime{ margin-left:10px;}
.codereview-left .pagination-page-list{ display:none;}
.codereview-left .pagination{ background:#004c7e; color: #fff;}
.codereview-left .pagination-btn-separator{ display:none;}
.codereview-left .l-btn-icon, .codereview-left .pagination-first{ filter: brightness(0) invert(1);}
.codereview-left .novo-table .d-flex{ align-items: self-start;}
.codereview-left .novo-table span{ margin-right:10px; width: 50%;}
.codereview-left .novo-table-content .table-striped tr td:first-child{ padding-left: 0; padding-right: 0px;}
.codereview-left .form-check{ min-height:inherit !important; margin-right: 0px;}
.codereview-left  a:hover{ text-decoration:underline;}
.code-inner-table .odd td{ --bs-table-accent-bg:#fdf8ef; background: #fdf8ef;}
.code-inner-table{ margin:0;}
.table-open td.parent-col{ padding-bottom:0;}

.pagination .pagination-num { width: 2em !important; }
.lh-0 { line-height: 0 !important;}

.code-middle-top{ border-bottom:1px solid #ebebeb;}
.code-middle-top table{ margin:0;}
.codereview-middle td, .codereview-middle th{ padding:.1rem .5rem; vertical-align:top;} /* change .2rem to 0rem */
/* .codereview-middle th{ color:#999999;} */ /* commited the whole line */
.codereview-middle .form-row{ align-items:inherit;}
.codereview-middle h4, .newreport-right h4, .report-view h4 { border-bottom:2px solid #004c7e; color:#004c7e; font-size:14px; font-weight:600; padding:10px 17px; margin:0;}
.code-review-box-content{ padding:10px 17px; border-top: 1px solid #ebebeb; }
.code-review-box-content p{ margin:0;}
.code-review-box-content ul{ list-style:none; margin:0; padding:0; } /* removed color color:#898989; */
.code-review-box-content ul li{ padding:0 0 8px 15px; position:relative;}
.code-review-box-content ul li:before{ content:'-'; color:#0073b9; font-weight:600; position:absolute; left:0; top:-2px;}
.code-review-box-content ul li li{ padding:0 0 5px 0;}
.code-review-box-content ul li li:before{ content:inherit;}
.code-review-box-content ul li ol{ padding:0 0 0 12px;}
.code-review-box-content h6{ color:#0073b9; font-weight:600; font-size: 13px;}
.codereview-right .btn-outline-success {  line-height: 0px; padding: 4px 5px;}
.codereview-container .form-control{ padding:0.250rem 3px;}
.codereview-right .col-md-3, .codereview-right .col-md-6{ text-align:right; line-height: 13px; text-transform: uppercase;}
.codereview-right h4{ font-size:13px; font-weight:600; margin:0 0 15px 0;}
.code-review-right-separate{ border-left:1px solid #ebebeb;}

.codereview-right .table{ margin:0;}
.codereview-right .table thead th .btn{ padding:1px 8px; border-color:#fff; color:#fff;}
.codereview-right .table thead th .btn-outline-danger:hover{ border-color:#dc3545;}
.coding-review-right-table font{ margin-right:10px;}
.coding-review-right-table td{ vertical-align:top;}
.tool-box{ background:#fff; padding:0 10px 5px 10px; border-radius:50px; float:right;}
.table .tool-box a.btn-link{ padding:2px 3px;}
.table .tool-box a.btn-link svg{ width:12px; height:12px;}

.newreport-left{ width:20%; display:flex; flex-direction:column; background:#fff;}
.newreport-middle{ width:30%; background:#f5f5f6; display:flex; flex-direction:column; } /* removed the border: 1px solid #f5f5f6; */
.newreport-right{ width:50%; background:#fff;}
.newreport-right td, .newreport-right th{ padding:0.1rem 0.5rem;}
.newreport-middle .pagination{ background:#004c7e; color: #fff; display: flex; justify-content: center;}
.newreport-middle .pagination-btn-separator{ display:none;}
.newreport-middle .l-btn-icon, .newreport-middle .pagination-first{ filter: brightness(0) invert(1);}
.odd-evene-table tbody tr:nth-child(even) { background: #fdf8ef;}
.odd-evene-table tbody tr:nth-child(odd) { background: #fff;}
/* .newreport-middle table{ margin:0; color:#005cad;} */ /* removed it */
.newreport-middle-table{ height:100%;}
.newreport-middle-table tr:hover td{ background:#004c7e; color:#fff;} /* change the color from #0091c2 to #004c7e */
.btn-icon{ line-height:10px; padding:6px 8px;}
.newreport-middle .pagination table{ color:#fff;}
.tablesorter tr.active{ background: #101a51; position: sticky; top: 0; z-index: 9;}

.newreport-right .code-middle-top .form-row{ padding: 10px 0; margin: 0;}

/*===============Sortable Css==============*/
.tablesorter-default {width: 100%;	border-spacing: 0;	text-align: left;}
.tablesorter-default th, .tablesorter-default thead td {	border-collapse: collapse;}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal; filter: brightness(0) invert(1);
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: none;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: none;
}
.tablesorter-default thead .sorter-false {background-image: none;cursor: default;}
.tablesorter-default .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(images/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
.tablesorter-default .tablesorter-filter-row td {
	background-color: #eee;
	border-bottom: #ccc 1px solid;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
.tablesorter-default .tablesorter-filter-row .disabled { opacity: 0.5; filter: alpha(opacity=50);cursor: not-allowed;}
.tablesorter-default .tablesorter-filter-row.hideme td { margin: 0; line-height: 0;cursor: pointer;}
.tablesorter-default .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tablesorter .filtered { display: none;}
.tablesorter .tablesorter-errorRow td {text-align: center;cursor: pointer;	background-color: #e6bf99;}
.paragraph-line{ display:flex;}

.edit-billing-area{ padding:10px;}
.edit-billing-area .accordion-button{ margin-right:10px;}
.edit-billing-area .accordion .accordion-header, .edit-billing-area .accordion-item{ border-radius:6px;}
.edit-billing-area .accordion .accordion-header.active{ background:#43b77a !important; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.edit-demography-fullpage .edit-billing-area tr.active{ background:#101a51; color:#fff;}
.edit-demography-fullpage .edit-billing-area .accordion .accordion-header.active .btn-success{ border:1px solid #fff;}

.edit-billing-area .datebox{ display:block;}
.edit-billing-area .table-striped > tbody > tr:nth-of-type(2n+2){ background:#fcf6ea;}
.editbilling-bottom-area{ background:#1481c9; padding:6px 15px 15px 15px; color: #fff;}
.editbilling-bottom-area .btn-info{ background:#101a51; border-color:#101a51; color:#fff;}
.report-type-area, .newreport-right-content-close-area{ display:none;}
.code-middle-top{ padding:10px;}
.newreport-right-table{ display:none;}

 
@media (min-width:1100px) {
/* .add-window{ width:1150px; height:450px;} */ /* commented as need to be dynamic */
.window .window-body{ padding:0; overflow-x:hidden;}
.messager-body { padding: 10px !important; }
.navbar .searchdropdown{ background:#fff; padding:3px 4px; border-radius:5px; min-width:inherit; display: block; position: static; margin:0px 5px 0px 10px;}
#topsearchform .searchtest{ display:none;}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: .4rem; padding-left: .4rem;}
.restore-columns{ display:none;}
.navbar-expand-lg, .d-flex,
.navbar-expand-lg .navbar-collapse, .row,
.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl, .navbar-nav{display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;}
.tabs-scroller-left, .tabs-scroller-right{ border: none;}
}
.top-patient-srch { width: 200px;}

@media only screen and (max-width: 1024px) and (min-width: 768px)  {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ width:100%;}
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .navbar-dark .navbar-nav .nav-link{ font-size:12px;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .navbar-expand-lg .navbar-nav .nav-link {padding-right: 2px !important;}
  .top-patient-srch { width: 150px !important;}
  .right-menu a {padding: 0 2px !important;}
}

@media (max-width:1024px) {
.userthumb .dropdown-toggle:after{ content:inherit;}
.navbar-collapse{ display:none !important;}
iframe{ height:83vh;}
.navbar-nav .dropdown-menu{ right:0px; position: absolute;}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg:before{ left:auto; right:10px;}
.mob_label{ display:block; padding-bottom: 5px; font-weight: 600;}
.provider_details { background:#fff; border-radius:6px; padding: 0 10px; float: left; min-height: 40px; margin-top: 5px; margin-bottom: 5px; } /* added margin-bottom & margin-top */
.appointment-icons { padding-left: 0; padding-right: 0; margin-top: 5px; } /* added margin-top: 5px; */
.bolder-font-label {font-weight: 500 !important; color: #4D4D4D !important;}
.select2-container{width: 100% !important;}
.right-menu li{ display:none;}
.right-menu li.dropdown{ display:block; } /* removed margin-right: 15px; as adding task icon */
.main-container{ padding:0; background:#f5f5f6;}
.inner-container{padding:10px 15px; background:#f5f5f6;} /* removed padding-top: 0px;  */
.table-responsive table.table-striped th:first-child{ padding-left:15px;}
.navbar-dark.navbar .navbar-toggler{ position: absolute; right: 55px;}
.navbar-nav.right-menu .dropdown-menu{ width:100%;}
.navbar-nav.right-menu .dropdown{ position:static;}
.right-menu a{ position:relative;}
.navbar .dropdown-menu.dropdown-menu-lg h4{ border-radius:0px;}
.navbar-right{ position:static; margin-right: 50px;}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{ justify-content: flex-end;}
.navbar-dark .navbar-brand{ position: absolute; left: 10px;}
.navbar .dropdown-menu.searchdropdown{ background:#101a51; padding:10px; margin: 0; min-width: inherit; width:100%; left: 0; top: 34px;}
.navbar-right .searchbar{ border:none; background:#fff; box-shadow:0 0 4px #ccc; border-radius:6px; padding:5px 10px; margin: 0;}
.navbar .dropdown-menu.searchdropdown select{ width: 82%; float: left;}
.navbar .dropdown-menu.searchdropdown a{ margin-top: -7px; float: left;}
#topsearchform .searchtest.dropdown-toggle:after{ content:inherit;}
.offcanvas-collapse{ top:33px;}
.navbar-dark .navbar-nav .nav-link{ font-size:16px;}
.right-menu a{ color:#fff;}
#topsearchform .searchtest.dropdown-toggle{ color:#fff; font-size: 1.2em; line-height: 0px;}
.navbar-right svg{ width:16px; opacity:1;}
#topsearchform{ margin-right:0px; margin-left:5px;}
.navbar-right .searchbar .d-flex:before{ color:#d0d0d0; opacity: 1; font-size: 16px;}
.navbar .right-menu .dropdown-menu.dropdown-menu-lg{ top:36px;}

.provider_fields .col-md-4{ width:33%;}
.provider_fields .col-md-3{ width:25%;}
.provider_fields .col-md-6{ width:50%;}
.appointment-top-row{ background: #fff; margin: 0 0 10px 0; border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding-top: 10px;} /* added .padding-top */
.provider_fields{ margin-bottom:15px;}

.provider_details_top_collapse{ width:auto; border:none; right:20px; top: 55px; font-size: 22px;}
.navbar-default .navbar-nav.right-menu > .open > a.searchtest, .navbar-default .navbar-nav.right-menu > .open > a.searchtest:focus, .navbar-default .navbar-nav.right-menu > .open > a.searchtest:hover{ background:none; color:#fff;}
.searchdropdown .caret{ position:absolute; border-top:none; border-bottom: 10px dashed #fff; position:absolute; left:40px; top:-10px;}
.patientPop-table .btn-primary{ line-height:12px; padding:5px 10px 8px 10px; background:#38c172;}

.mobile-table>tbody>tr{ box-shadow:0 0 15px #efefef; display:block; padding:0; margin:0 0 15px 0; background:#fff; border-radius:6px;}
.mobile-table > tbody > tr:nth-of-type(2n+2){ background:#fff;}
.mobile-table tr th, .mobile-table tr td{ display:block;}
.mobile-table>thead{ display:none;}
.mobile-table .btn-icons{ float:none;}
.mobile-table tr th, .mobile-table tr td{ padding:10px 15px; border-bottom:1px solid #ebebeb; background: none; box-shadow: none;}
.mobile-table tr td.lastcolumn{ padding:0; border:none;}
.label{ line-height:normal; display: inline-block;}
.trRow{ position:relative;}
.table-striped tr td .inline{ float:none;}
.hide-col{ display: none; padding: 10px 4px;} 
.box .restore-columns.show_btn:before,
.lastcolumn .restore-columns.show_btn:before{ content:''; background-image:url(https://media-style.novoclinical.com/uiv2/images/newuiV3/minus.svg); fill:#000; filter: invert(100) sepia(0) saturate(0) hue-rotate(0deg); width:12px; height: 12px; display: inline-block;}
.box .restore-columns.show_btn svg,
.lastcolumn .restore-columns.show_btn svg{ display:none;}
.hide-col .btn-icons{ justify-content: flex-end;}
.userprofile-left-top{ border-radius: 6px; padding-left: 8px;}
.userprofile-left-top .top-value{ width:33%; margin: 0;} /* changed from 28% to 33% */
/* .profiledropdown .container-fluid{ padding:0;} */
.userprofile-left{ border-radius:0;}
.userprofile-right .btn-close{ top: -15px;}
/* .profiledropdown .table-striped thead, .profiledropdown .table-striped thead tr{ display:block;}
.profiledropdown .table-striped thead tr{padding: 7px 15px;}
.profiledropdown .table-striped thead tr th, .profiledropdown .table-striped thead tr td{ display:inline;}
.profiledropdown .table-striped > tbody > tr{ box-shadow:none; border-radius:0px; border-bottom: 1px solid #ebebeb; padding:10px 15px; margin:0;}
.profiledropdown .table-striped > tbody > tr:last-child{ border:none;}
.profiledropdown .table-striped tr th, .profiledropdown .table-striped tr td{ border:none; padding:0;} */
.userprofile-left .box{ margin-bottom:15px; position: relative;}
.userprofile-left .box .table{ margin:0;}
.userprofile-left .box .restore-columns{ padding: 6px 6px; top: 7px; right: 8px;}
.userprofile-left-content .row.mb-3{ margin-bottom:0px !important;}
.profile_grid_btn{ top:auto; bottom:20px; left:20px;}
.profile_grid_btn_bottom{ top:auto; bottom:20px; right:20px; left:auto;}
.userprofile-left .box .hide-col{ padding:0;}
.userprofile-left-top .text-right{ text-align:center;}
.profiledropdown .multiFieldCol .table-striped thead{ display:none;}
.multiFieldCol .table-striped tbody tr th{ font-weight:normal;}
.multiFieldCol .table-striped tr td, .multiFieldCol .table-striped tr th{ padding-bottom:12px;}
.multiFieldCol .mob_label{ padding-bottom:0;}
.userprofile-right{ display:none;}
.profiledropdown .btn-close{ right: 68px; top: -15px;}
.footer{ padding:5px 10px;}
.dropdown-menu.profiledropdown{ padding:0; background:none; top: 92px; height: 100%;}
.profile_grid_btn .dropdown-menu{ left:0px; top:auto; bottom:37px;}
.profile_grid_btn_bottom .btn svg, .profile_grid_btn .btn svg {width: 20px; height: 20px;}
.userprofile-left-content{ height: 100vh;}
.window{ top: 0px !important; left: 0 !important;}
.window-body-content{ padding:0 15px;}
.window .window-body{ overflow: auto !important; width:100% !important;} /* removed height: 89vh;  */
.modalBox-formRight{ border:none; padding:0; margin:0 -10px;}

.window, .window .window-header{ width:100% !important;}
.form-row{ flex-wrap: nowrap;}
.datebox{ padding: .375rem .05rem; width:100% !important;}
.add-window .col-md-4, .accordion .col-md-4{ flex: 0 0 auto; width: 29.33333333%;}
.add-window .col-md-7, .accordion .col-md-7{ flex: 0 0 auto; width: 59.33333333%;}
.add-window .col-md-3, .accordion .col-md-3{ flex: 0 0 auto; width: 25%;}
.add-window .col-md-8, .accordion .col-md-8{ flex: 0 0 auto; width: 63%;}

.date-time-section .col-md-4 {
	width: 100%; max-width: 100%;
}
.date-time-section .col-md-8 {
	width: 100%; max-width: 100%;
}

.add-window .group-field .time{ width: 42px; padding:3px 0;}
.datebox .textbox-text{ padding: 0 0 0 4px !important;}
.datebox .combo-arrow{ margin: 8px 5px 0 0 !important; width: 14px !important; height: 14px !important;}
.page_nav{ display:none;}
.upload-area-top-right .btn{ padding:8px 6px;}
.edit-demography-fullpage .inner-container{ background:none; padding:0; display: block;}
.edit-demography-fullpage{ display:block;}
.edit-demography-fullpage{ padding-bottom:85px;}
.editdemography-bottom-area .btn{ padding:4px 5px;}
.editdemography-bottom-area .align-right{ float:left; margin-top: 5px; display:none;}
.edit-demography-fullpage .table-striped tr td.lastcolumn{ padding: 10px 15px;}
.edit-demography-fullpage .table-striped tr td{border-bottom: none;}
.accordion .table-striped > tbody > tr{ box-shadow:none; border-radius:0px; border-bottom:1px solid #ebebeb; margin:0;}
.items-right{ justify-content:flex-end;}
.appointment-top-right .print-btn{ display:none;}
.appointment-top-right .btn-success{line-height: normal;}
.upload-area-top-right{ padding-left:15px;}
.upload-top-area .upload-thumb svg{ width:60px !important; height:60px !important;}
.upload-area-top-right .btn svg{ margin-right:5px;}

.schedule-report-content-left .below-btns{ display: flex; justify-content: center;}
.schedule-report-content-left .below-btns .btn{ width: auto; padding: 10px 20px; margin: 0 5px;}
.schedule-report-content-left .below-btns .btn.mb-2{ margin-bottom:0px !important;}
.schedule-container, .schedule-report-top, .schedule-report-content{ display:block; padding:0;}
.schedule-report-content-left{ width:100%;}
.schedule-report-content-left h3, .schedule-report-content-left .accordion{ display:none;}
.inner-iframe-container, .inner-iframe-container .inner-container, .main-container-schedule{ padding:0;}
.schedule-container-left, .schedule-container-right, .schedule-report-top-right{ width:100%;}
.schedule-report-top-left{ padding:10px; width: 100%;}
.schedule-report-top-icons{ background:#f5f5f6; padding: 0px;} /* padding:15px; to 0px */
.schedule-report-top-right ul{ padding-bottom: 10px; margin: 0;} /* padding-bottom: 20px tp 10px*/
.schedule-report-top-right .btn-groups{ padding-left: 10px; padding-top: 5px;} /* changed from padding:10px; */
.novo-icon-list li{ margin: 0 9px;}
.novo-icon-list svg { width: 24px; height: 20px;} /* was width: 34px; height: 30px; */
.novo-icon-list .white{ fill: #f5f5f6;}
.main-container-schedule{ background:#fff !important;}
.schedule-report-content-right{ padding-bottom:0;}
.schedule-container-right{ padding-bottom:25px;}
.schedule-report-top-right .btn-groups.hidden .btn{ padding: 4px;}
.schedule_tabbtn_mob{ position:absolute; top:10px; background:#1eb9c6; border-color:#1eb9c6; width: 40px; height: 40px; line-height: 20px;} 
.schedule_tabbtn_mob.show_btn{ z-index: 11; line-height: 27px; width: 25px; height: 25px; border-radius: 25px; padding: 0; position: fixed;}
.schedule_tabbtn_mob.show_btn svg{ display:none;}
.schedule_tabbtn_mob.show_btn:before{background-image:url(https://media-style.novoclinical.com/uiv2/images/newuiV3/close.svg); content:''; width:10px; height:10px; display:inline-block;}
.appoint-calendar{ padding:0; display: block;}
.calendar-area{ padding:20px 0 0 0;}
.appoint-calendar .accordion-item{ margin:0;}
.appoint-calendar .accordion .accordion-header .collapsed .heading{ display:block;}
.calendar-left-col .accordion .accordion-header{ padding:6px 10px;}
.tabs-scroller-left, .tabs-scroller-right{ z-index:1;}
.schedule-report-top-right .btn-groups.hidden .btn{ margin: 0 0 3px 0;}

.schedule-container-right{ position: fixed; top: 0px; height: 100%; z-index: 10;}
.schedule-container-right .nav-tabs > li > a{ border-bottom:1px solid #2f3490; border-radius: 4px;}
.schedule-container-right .nav-tabs{ border-bottom:none;}

.schedule-report-top-right .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .schedule-report-top-right .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x{ height:5px !important;}
.schedule-report-top-right .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x{ background:#005cad; min-width: 100px; height:5px !important;}
.schedule-report-top-right .ps-container > .ps-scrollbar-x-rail{ display:block; opacity: 1; height: 6px; border-radius: 10px; background-color: #d9d9d9; width: 100%;}
.navbar .userthumb { position:static;}
.navbar .userthumb .btn{ padding-right:0;}
.navbar .dropdown-menu.userthumb_dropdown{ width: 100%; min-width:inherit; height: 100vh; left:0 !important; box-shadow: none !important; border-radius: 0px; margin:0;}
.navbar .dropdown-menu.userthumb_dropdown h4{ display:none;}

.payhis-btn-groups{ padding:0; background:none;}
.payhis-btn-groups .btn{ margin: 3px;}
.table-scroll{ padding-top:15px; padding-left:0;}
.table-scroll .lastcolumn .btn-icons{ padding:8px;}
.table-striped tr td.frontdesk-column{ border:none; padding:0;}
.table-striped tr td.frontdesk-column .badge{ padding:8px;}

.table-striped.mobile-table tr th{ border-top-left-radius:6px; border-top-right-radius:6px;}
.table-responsive .badge-secondary .mob_label, .table-responsive .badge-primary .mob_label, .table-responsive .badge-success .mob_label, .table-responsive .badge-info .mob_label{ color: #fff;}
.table-scroll table{ margin:0;}

.table-striped.payment-history-table > tbody > tr:nth-of-type(2n+2){ background-color: #f9f9f9;}

.editdemography-bottom-area{ font-size:11px;}
.claims-bottom-area .d-flex{ display:block !important;}
.claims-bottom-area .btn{ margin: 3px 1px;}
.top-filters .form-group, .hs-report-top-field .top-filters .form-group{ width:100%; margin:0 10px 10px 0;}
.filters-10p .form-group, .filters-7p .form-group{ width:100%; margin:0 10px 10px 0;}
.table-scroll.ps-container > .ps-scrollbar-x-rail{ bottom:0 !important;}
.payhis-btn-groups{ white-space: nowrap;}
.editdemography-bottom-area .btn, .claims-bottom-area .btn{ padding: 0px 8px;} /* change padding 4px tp 0 px */
.claims-bottom-area{ position: fixed; right: 0; bottom: 0px; z-index: 2;} /* change bottom to 0px from 30px */
.claims-container{ margin-bottom:110px; height: 100%;} /* changed from 0px tp 110px */

.novo-table-content .table-striped tr th{ white-space: nowrap;}
.novo-table td.lastcolumn .btn{ white-space: nowrap;}
.table-striped.novo-table tr td:first-child{ white-space: nowrap;}
.tpd-tooltip table thead th{ border-top-left-radius: 0; border-top-right-radius: 0;}
.novo-table .form-select{ min-width: 135px;}
.form-group.mob-col-half{ width: 45%  !important; float: left; margin-right: 5%;} /* removed .top-filters  from front */
.form-group.mob-col-full{ width: 95%; float: left; margin-right: 5%;}
.clearmob { clear: both; }
.claims-main-container{ display: flex; flex-direction: column; margin-bottom: 100px;}
.filter-main-container{ display: flex; flex-direction: column;}
.claim-container{ height: 95%;}
/* .hs-report-top-field .top-filters{ display:block;} */

.filters-7p {display:block;}
.filters-10p {display:block;}

.edit-demography-fullpage .accordion-body .table-content{ overflow:auto;}
.edit-demography-fullpage .accordion-body .table-content .input-group .form-control { min-width: 100px;}
.edit-demography-fullpage .accordion-body .table-content .input-group{ flex-wrap: inherit;}
.edit-demography-fullpage .accordion-body table{ white-space:nowrap;}
.edit-demography-fullpage .accordion-body table .form-select{ background-position: right .25rem center;}
.claims-bottom-area .btn{ padding: 2px 5px; font-size: 11px;}
.btn-icons .dropdown-menu { transform: translate3d(-186px, 25px, 0px) !important; width: 350px;}
.mob_label{ display:none;}
.appointment-btns{ position: absolute; right: 0px; top: 7px;}
/* .appointment-btns .btn{ background:#fff;} */ /* commenting this as this make the buttons on appt white for mobile*/
.appointment-btns li{ padding-right: 7px;}
.appointment-btns .dropdown button .btn{ background: none;}

.appointment-icons .left{ padding:0; }
.provider_details_right .Today{ display:flex;}
.mob-date{ display:block;}

.record-container-left{ max-width:100%; height: auto;}
.record-container-right{ max-width:100%;}
.record-container-right .record_show_hide_btn { display:none;}
/* .record-container-middle{ position: absolute;} */

.dutysheet-container .dutysheet_content_wrapper .tab_content{ background:#fff; border: 1px solid #0173bc; margin-bottom: 10px; margin-top: -10px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
/* .dutysheet-container{ padding:25px 0 0 0;} */ /* commented as we do not need that */
/* commented below 2 lines because we can not work with accordian */
/* .dutysheet-container .tab_wrapper ul, .dutysheet-container .dutysheet_content_wrapper .tab_content.active { display: none; }
.dutysheet-container .dutysheet_content_wrapper .accordian_header { display: block;} */

.responsive-tabs .tab-pane { display: none; opacity: 1;} /* block !important to none */
.dr-dutysheet-left, .dr-dutysheet-middle, .dr-dutysheet-right{ width:100%;}
.drdutysheet-container .schedule_tabbtn_mob{ top:1px;}
.dr-dutysheet-left, .dr-dutysheet-right{ background: #f5f5f6;}

.dr-dutysheet-left {
	position: fixed;
	top: 0px;
	height: 100%;
	z-index: 2;
}

.result-container {
	padding-right: 20px;
}

.select2-results {
	overflow-y: scroll;
}

.codereview-left, .codereview-middle, .codereview-right, .newreport-left, .newreport-middle, .newreport-right{ width:100%;}
.codereview-right .col-md-3, .codereview-right .col-md-6{ line-height:normal; text-align:left;}
.newreport-formrow, .code-middle-top{ display: block;}
.paragraph-line{ display:block;}

.edit-demography-fullpage.edit-billing-fullpage{ padding-bottom:100px;}
.edit-billing-area .vertical-align-table .table-striped tr:nth-child(2n+2){ background:#fff; --bs-table-accent-bg:#fff;}
.edit-billing-area .vertical-align-table .table-striped tr td{ display:block; padding:15px;}
.edit-billing-area .vertical-align-table .table-striped tr td:nth-child(2n+2){ background:#fcf6ea; --bs-table-accent-bg:#fcf6ea;}
.editbilling-bottom-area .col-md-6{ width:50%;}

.newreport-right{ padding:20px; display:none; position:absolute; left:0; top:0; z-index:9; background:rgba(0, 0, 0, 0.6); position:fixed; top:0; left:0; width:100%; height:100%;}
.newreport-right-content{ background:#fff; border-radius:6px; overflow:hidden; height:90%;}
.newreport-right.show{ display:block;}
.report-type-area{ background:#004c7e; padding:10px 15px; display:block;}
.report-type-desktop{ display:none;}
.newreport-middle{ border:none; background:#fff; } /* removed the padding for mobile padding:15px; padding-bottom: 40px; */
.newreport-right-content .code-middle-top .col-md-6{ width:50%; float: left; padding:0 5px;}
.newreport-right .code-middle-top{ float: left; width: 100%; padding: 15px 0; margin: 0;}
.newreport-right h4{ clear:both;}
.newreport-right-content-close-area{ display:block; background: #fff; width: 100%; float: left;} /* position: sticky; top: 0px; z-index: 9;  */
.newreport-right-content .btn-close{ margin:10px; float:right;}
.newreport-right-table{ width:100%; display:inline-table;}
.newreport-right-table tr.active{ background:#007cb7;}
.newreport-right-table td{ padding:10px; vertical-align: top;}
.back-btn{ margin:8px 10px; float:left; display:block !important;}
.codereview-right{ margin-bottom: 25px;}

.ml-0-mob{ margin-left:0 !important;}
.ml-1-mob{ margin-left:10px;}
.ml-2-mob{ margin-left:20px;}
.mr-1-mob{ margin-right:10px;}
.ml-04-mob{ margin-left:4px;}
.mb-1-mob{ margin-bottom:10px;}
.mr-1-mob{ margin-right:10px;}
.mr-2-mob{ margin-right:20px;}
.mt-1-mob{ margin-top:10px;}
.pr-1-mob{ padding-right: 10px; }
.pl-1-mob{ padding-left: 10px; }
.p-1-mob { padding: 10px; }
.mt-2-mob{ margin-top:20px;}
.m-1-mob { margin: 10px;}
.m-2-mob { margin: 20px;}
.mt-0-mob{ margin-top:0px !important;}
.mr-0-mob{ margin-right:0px !important;}
.ml-0-mob{ margin-left:0px !important;}

.mobile-hide {display: none;}
.noleftpad-mob {padding-left: 0px !important;}
.norightpad-mob {padding-right: 0px !important;}
.nopad-mob {padding: 0px !important}

.right-menu {
	flex-direction: row;
}
.right-menu .show-mobile {
	display: inline !important;
}
}

/*LEFT RIGHT STRUCTURE */
.twocolumns-container_tccon{ }
.provider_details_tccon{ padding:15px 0; margin:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
/* background: #deeaf4; */
.sidebar_tccon{ position:fixed; z-index: 10;  top: 0; left: 0; width: 0; display: none; background: #fff; transition: 0.5s; overflow: hidden;}
.sidebar-scroll_tccon{ padding: 12px;}
.sidebar-content_tccon{ height: 95vh; transition: margin-left .5s;}
.provider_details_tccon{ padding: 15px 0; margin: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width:100%; float:left;}
.appointment-top-row_tccon .datebox{ width:100% !important;}
.filter-btns-bottom_tccon{ position: fixed; bottom: 0px; left: 0; z-index: 9; padding:10px 0 15px 0; background: #deeaf4;}
.appointment-top-right_tccon.filter-btns-bottom_tccon .btn-groups{ padding-right:0; justify-content:center;}
.appointment-top-right_tccon .btn-default{ background:#fff;}
.sidebar-scroll_tccon{ height:90vh;}
.closebtn_tccon{ font-size: 30px;
    background: #0a2c43;
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 33px;
    position: absolute;
    right: 0;
    top: 0; z-index: 9;
    border-bottom-left-radius: 4px;}
.arrow-right_tccon{
  display: block;
  margin: 18px auto;
  width: 10px;
  height: 10px;
  border-top: 3px solid #000;
  border-left: 3px solid #000;
  transform: rotate(135deg);
}
.openbtn_tccon{ box-shadow: 0 0 10px rgb(0, 0, 0, 0.3); width: 28px; height: 50px; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #fff; position:fixed; left:0; top:10px; z-index: 9;}

@media (max-width: 767px) {
	.twocolumns-container_tccon{ display:block;}
	.sidebar_tccon, .sidebar-content_tccon{ width:100%; padding:0; background:none; height:auto;}
}

/* Enhanced notification pulse with glow effect */
.notification2li .alert_btn.notification-pulse {
    box-shadow: 0 0 10px rgba(235, 33, 46, 0.5);
}