
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html body {
	/*background: #eff2f7;
	background: #e7f1f9;*/
	background: #f9fbfd;
}
body {
	font-family: 'Roboto', sans-serif;
	/*background: #eff2f7;*/
	background: #fff;
	font-weight: 400;
	color: #1f2d3d;
	line-height: 1;
}
html body.desktop, html body.fnd {
	background: #e7f1f9 !important;
}

html body.config {
	background: #999 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#8492a6 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8492a6 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8492a6 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #8492a6 !important;
}

.alert-primary {
    color: #1f2d3d !important;
    border-color: #c2dcef !important;
    background-color: #c2dcef !important;
	border-radius: 2px;
	padding: 11px 16px 9px;
}
.alert {
	min-height: 40px;
}

.lt-gray {
	background: #eff2f7;
}
.warning {
	color: #f5a623;
}
a.badge-primary:hover, a.badge-primary:focus {
	background: #1f2d3d !important;
}
a.badge-default:hover, a.badge-default:focus {
	color: #fff;
	text-decoration: none;
}
.badge-success {
	background: #008040;
	color: #fff;
}
.badge-light {
	color: #6d7682;
	font-weight: 500;
	background: transparent;
    border: 1px solid #9ac4e5;
}
.badge-light:hover {
	color: #1f2d3d;
	background: #f8f8f9;
	border: 1px solid #e0e6ed;
}

.w500 {
	font-weight: 500;
}
.norm {
	font-style: normal;
}

.tile input {
	background: #f9fbfd;
}

.extra-nav {
	display: none;
}
.extra-nav a {
	color: #fff !important;
}
.extra-nav a:hover {
	color: rgba(256,256,256,.9) !important;
}
@media screen and (min-width: 768px) {
	.extra-nav {
		display: block;
		position: relative;
		top: -15px;
	}
	.pat-label {
		padding-top: 36px !important;
	}
	.menu-expanded .extra-nav {
		display: none;
	}
}
@media screen and (min-width: 992px) {
	.extra-nav {
		display: none;
	}
	.pat-label {
		padding-top: 0 !important;
	}
}
.form-check-input:disabled ~ .form-check-label {
    color: #b5c2d4;
}

a.btn-primary {
	color: #fff;
}



/* STYLE REDEFINITION ----------------------------------------- */
body.vertical-layout.vertical-menu.menu-expanded .content, body.vertical-layout.vertical-menu.menu-expanded .footer {
    margin-left: 280px;
}
body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-header {
    width: 280px;
}
body.vertical-layout.vertical-menu.menu-expanded .main-menu {
    width: 280px;
}

html body a {
	color: #216cb7;
	text-decoration: none;
}
html body a:hover {
	color: #216cb7;
	text-decoration: underline;
}
label a:hover {
	background: transparent !important;
}
hr.zero {
	margin: 0;
	padding: 0;
}
.material-icons:hover {
	cursor: pointer;
}

.dropdown-toggle::after {
	height: auto;
	font-size: 1.1rem;
}
.btn-link {
	color: #2f81c5;
}
.btn-link:hover {
	color: #2f81c5;
	background: rgba(0,0,0,.04);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}
.material-icons {
	transition: color 0.4s ease;
}
.material-icons:hover {
	color: #273444;
}
.text-muted {
	color: #8492a6 !important;
}
@media (min-width: 992px) {
	.modal-xl {
    max-width: 96%;
	}
}
@media (min-width: 992px) {
	.modal-ml {
    max-width: 88%;
	}
}
.header-navbar .navbar-header .navbar-brand {
    padding: 8px 0;
	margin-top: 5px;
}
.header-navbar .navbar-container {
    padding: 0;
}
/*
.navbar-header {
	z-index: 6000;
}
*/
.header-navbar .navbar-header .navbar-brand .brand-logo {
    width: 44px;
}
.main-menu.menu-dark {
    color: #fff;
    background: #1f2d3d;
}
.main-menu.menu-dark .navigation {
    background: #1f2d3d;
}
.main-menu.menu-dark .navigation li a {
    color: rgba(256,256,256,.9);
}
.menu-collapsed .header-navbar .navbar-header .navbar-brand .brand-logo {
    width: 35px;
}
.navbar-nav a {
	text-decoration: none;
}
body.vertical-layout.vertical-menu.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after {
    color: rgba(256,256,256,.5);
}
body.vertical-layout.vertical-menu.menu-expanded .main-menu .navigation li.open > a:not(.mm-next):after {
    color: rgba(256,256,256,1);
}
.main-menu.menu-dark .navigation > li.active > a {
    border-right: none;
}
html body .content .content-wrapper .content-header-title {
    font-weight: 500;
    letter-spacing: normal;
    color: #3c4858;
}
.nav-item h3 img {
	max-width: 70px;
}
html body .content .content-wrapper {
    padding: 0;
}

.header-navbar.navbar-shadow {
	background: #dee1e6;
	box-shadow: none;
}
.header-navbar {
	min-height: 0;
	height: 44px; /* height: 64px; ------------------------------------------- */
}
.header-navbar .navbar-container ul.nav li > a.nav-link {
    font-size: 14px;
    padding: 19px 30px 0;
}
.header-navbar .navbar-wrapper .navbar-header .navbar-nav {
	padding-top: 5px;
}


.fnc-controls .list-inline {
	margin-bottom: 0;
}

.main-menu.menu-fixed {
    top: 3.5rem;
	height: calc(100% - 3.5rem);
}
.main-menu.menu-fixed .main-menu-content ul.navigation {
	padding-top: 20px;
}

#navbar-mobile  .nav-tabs .nav-item {
	height: 44px;
	overflow: hidden;
}

.app-content {
	position: relative;
	top: -20px;
}
@media screen and (max-width: 767px) {
	.app-content {
		top: 30px;
	}
}

.nav-tabs {
    border-bottom: 1px solid #eee;
}
.badge {
	line-height: 11px;
}

/* SIDE-NAV STYLES ------------------------------------------- */
@media screen and (max-width: 767px) {
	.brand-text i {
		display: none;
	}
}
@media (max-width: 767.98px) {
.header-navbar .navbar-header .navbar-brand {
    top: -8px;
	}
}

#main-menu-navigation {
	font-family: "Roboto";
	text-align: left;
}
#main-menu-navigation a {
	text-decoration: none;
}
#main-menu-navigation i.material-icons {
	position: relative;
	top: 5px;
	color: rgba(256,256,256,.6);
}
#main-menu-navigation hr {
	border-color: rgba(256,256,256,.1);
}
li.nav-header {
	padding-top: 15px;
	text-transform: uppercase;
	color: rgba(256,256,256,.3);
	margin-left: 8px;
	font-weight: 500;
	display: block;
	text-indent: 1px;
}

.menu-expanded li.nav-header {
	padding-top: 15px;
	display: block;
}
li.nav-header em {
	display: inline;
	font-style: normal;
}
.menu-collapsed li.nav-header em {
	display: none;
}



.pad-0 {
	padding-right: 0;
	padding-left: 0;
}
.top-tabs {
	font-size: 14px !important;
	height: 64px;
}
.top-tabs a {
	display: block;
	height: 64px;
}
.top-tabs .nav {
	border-radius: 0;
	height: 64px;
}
.top-tabs .nav-tabs {
	/*background: #dee1e6;*/
	font-weight: 400;
	border-bottom: none;
	height: 44px; /* height: 64px; ------------------------------------------- */
}
.top-tabs .nav-tabs li.nav-item {
	border-right: 1px solid #ccc;
}
.top-tabs .nav-tabs a, .top-tabs .nav-tabs a.active {
	color: #3c4858;
	text-decoration:  none;
	height: 44px; /* height: 64px; ------------------------------------------- */
}
.top-tabs .nav-tabs a {
	height: 64px;
	display: block;
	max-width: 260px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	text-align: center;
}
.top-tabs .nav-tabs a:hover {
	background: #e5e9f2;
}
.header-navbar .navbar-container .top-tabs ul.nav li > a.nav-link {
    padding: 12px 15px 0;
}
a.tab-close {
	background: #fff;
}
.tab-close i.material-icons {
	position: relative;
	top: 8px;
	color: #b5c2d4;
}
.top-tabs .nav-tabs a.active {
	border: none;
}
.top-tabs .tab-header {
	background: #fff;
	margin: 0;
	padding: 0;
}
.tab-header {
	background: #fff;
}
.tab-header hr {
	margin: 5px 0;
	border-color: #e5e9f2;
}
.top-tabs .tab-content {
	padding-right: 0;
	padding-left: 0;
}
.the-patient {
	margin-top: 10px;
	padding-left: 20px;
	border-right: 1px solid rgba(132, 146, 166, 0.25);
	white-space: nowrap;
	margin-right: 20px;
	margin-bottom: 5px;
	display: inline-block;
	min-width: 260px;
}
.the-patient img {
	max-width: 40px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.the-patient h5 {
	margin-top: 4px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
}
.the-patient h6 {
	margin-top: 2px;
	font-size: 14px;
}
.the-patient a.demo-nav {
	height: 20px;
	overflow: hidden;
	margin-left: 10px;
}
.the-patient a.demo-nav i {
	height: 20px;
	position: relative;
	top: -5px;
}
.the-title h1 {
	font-size: 18px;
	font-weight: 500;
	margin-top: 25px;
	text-align: center;
}
.fnc-controls ul {
	margin-top: 16px;
	text-align: right;
}
.fnc-controls .list-inline-item:not(:last-child) {
    margin-right: 0;
}
@media screen and (max-width: 767px) {
	.fnc-controls ul {
		margin-top: 0;
		text-align: center;
		padding-bottom: 12px;
	}
}


.narrow-tabs {
	background: #dee1e6;
	display: none;
}
.narrow-tabs .nav-tabs {
	border-bottom: none;
}
.narrow-tabs a.nav-link {
	padding: 6px 30px !important;
	color: #3c4858;
}
.narrow-tabs .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #4e5154;
    border: none;
}
@media screen and (max-width: 767px) {
	a.nav-link.open-navbar-container{
		dispay: none;
	}
	.narrow-tabs {
		display: flex;
	}
	.narrow-tabs a.nav-link {
		max-width: 120px;
		white-space: nowrap; 
		overflow: hidden; 
		text-overflow: ellipsis;
		padding: 6px 15px !important;
	}
}


.content-body .tab-content {
	padding-right: 10px;
	padding-left: 10px;
	width: 100%;
}
.content-wrapper main {
	padding-top: 0;
}
.basic-tabs .nav.nav-tabs .nav-item .nav-link {
	padding-right: 20px;
	padding-left: 20px;
}
.basic-tabs .nav-tabs {
	border-bottom: none;
}
.fnc-tabs, .demo-header {
	--webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}
.fnc-nav {
	min-width: 1200px;
	-webkit-overflow-scrolling: touch;
	width: 9999px;
}


.fnc-nav.active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
	transform: scale(1);
}

.fnc-nav li a {
	border-radius: 2px 2px 0 0;
}
.fnc-nav li a:hover {
	background: #eff2f7;
}

#fncContent, #basic-content {
	padding-top: 30px;
	padding-bottom: 20px;
}
.reco i {
	position: relative;
	top: 8px;
}

.today-vitals .input-group-text {
	color: #8492a6;
}
.today-vitals .label {
	text-align: right;
	padding-top: 10px;
}
@media screen and (max-width: 767px) {
	.today-vitals .label {
		text-align: left;
		margin-bottom: 10px;
	}
	.today-vitals .row .col-md-2:last-child {
		border-bottom: 1px solid #ddd;
	}
}
.label a {
	font-weight: 500;
}
.today-vitals .form-check label {
	position: relative;
	top: 3px;
}

.entry-title label {
	font-size: 18px;
	font-weight: 500;
	padding-left: 0 !important;
	top: 0 !important;
}
label:hover {
	background: transparent !important;
	/*
	padding: 0 !important;
	margin: 0 !important;
	*/
	border: none !important;
	color: #3c4858 !important;
}
#vit .controls a {
	margin-right: 8px;
}
#vit .options ul {
	margin-bottom: 0;
}
#vit .options .form-check {
	margin-bottom: 0;
}
#vit .options li a {
	position: relative;
	top: 5px;
	margin-right: 15px;
}

#physEx .prime-menu {
	margin-left: 10px;
}
#physEx .prime-menu .input-group-append {
	margin-right: 10px;
}
#physEx .input-group.prime-menu {
	width: auto;
}
.complex.ord-cats .nav {
    display: block !important;
    flex-wrap: nowrap;
}
.ord-cats .top-border {
	border-top: 1px solid #d3d9e6;
}
.select-content {
	padding: 12px;
}
#physEx .ord-cats {
	/*max-height: none;
	height: auto;*/
	max-height: 750px;
}

#physEx .ord-orders, #physEx .ord-results {
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
	/*max-height: none;
	height: auto;*/
	max-height: 750px;
}
#physEx .ord-results {
	border-right: 1px solid #e9ecef;
	background: #eff2f7;
	overflow-y: auto;
}
#physEx .ord-orders li a {
	border-right: none !important;
}

.ord-cats .collapse {
	background: #002A40;
}
.ord-cats h3 .form-check {
	margin-right: 6px;
}
.ord-cats .collapse a {
	position: relative;
	top: -5px;
}







.ed-alert {
	margin: 0 5px;
	background: #224560;
	padding: 8px 15px 6px;
}
.menu-collapsed .ed-alert {
	display: none;
}
.ed-alert p {
	margin-bottom: 0;
	font-size: 14px;
}
.ed-alert a.material-icons {
	color: #fff;
}
.tut-notice span {
	margin-right: 10px;
}
.tut-notice p {
	color: rgba(256,256,256,.7);
}
#tut-info {
	padding-bottom: 10px;
}
.btn-outline {
	background: transparent;
	border: 1px solid #fff;
}
.btn-outline.mute {
	color: rgba(256,256,256,.5);
	border-color: rgba(256,256,256,.3);
}
p.mute {
	color: rgba(256,256,256,.7);
}



.continuum .modal-body {
    padding: 0;
    background: #eff2f7;
}
.continuum .modal-body .container-fluid {
	padding-right: 12px;
	padding-left: 12px;
}

.col-basic-search {
	padding: 0 10px 7px;
}
.ord-orders .col-basic-search {
	padding: 0 0 7px;
}
.ord-cats {
	background: #e5e9f2 !important;
}
.ord-cats .collapse {
	background: #e5e9f2;
}
.ord-cats .collapse a {
	color: #1f2d3d;
}
.continuum h3 {
	color: #1f2d3d;
	font-size: 18px;
	font-weight: 500;
}
.continuum .ord-cats ul {
	/*
	margin-right: 16px;
	margin-left: 16px;
	*/
}
.continuum .ord-cats li:hover {
	background: #d7dce7;
	color: #1f2d3d;
}
.continuum .ord-cats li a {
	color: #1f2d3d;
	font-weight: normal;
}
.continuum .ord-cats li.defaults a {
	font-weight: 500;
}
.continuum .ord-cats li.active {
	background: #d7dce7;
	color: #1f2d3d;
}
.continuum .ord-cats li.active a {
	font-weight: 500;
}
#allergyModal1 .nav-tabs .nav-link {
	display: block;
}
#allergyModal1 .nav-tabs .nav-link.active {
    color: #1f2d3d !important;
    background-color: #d7dce7 !important;
    border-color: transparent !important;
	display: block;
}
.continuum .ord-cats li span {
	float: left;
	position: relative;
	top: 6px;
}
.continuum .ord-cats li .form-check {
    margin-left: 10px;
}
.continuum .ord-cats li.active .collapse.show {
	background: #d7dce7;
}

.btn-light.disabled {
	color: #6d7682;
	background: transparent;
	border-color: #d3d9e6;
}
.continuum .ord-list {
	font-size: 13px;
}
.continuum .ord-list li.active, .continuum .ord-list li.active a {
	background: #e7f1f9 !important;
}
.continuum .ord-list li.active a {
	color: #216cb7;
	font-weight: 500;
}
.continuum .ord-cats li.requ {
	background: #fafad2 !important;
}
.continuum .order-tile dl {
	margin-bottom: 0 !important;
}

.continuum .ord-orders li a {
	border-right: none !important;
}


.defaults {
	padding-right: 10px;
	padding-left: 10px;
}

.continuum .ord-cats .form-check-input {
	margin-left: 0;
}

.main-menu ul{
	padding-bottom: 60px;
}

.navigation-main a.menu-item i.more {
	float: right;
	display: none;
}
.navigation-main a.menu-item:hover i.more {
	display: inline-block;
}
.navigation-main i.patient-thumb img {
	max-width: 22px;
	position: relative;
	top: -2px;
	opacity: .5;
}
.navigation-main li.open i.patient-thumb img, .navigation-main li.active i.patient-thumb img, .navigation-main li.on i.patient-thumb img {
	max-width: 26px;
	border: 2px solid #34c97e;
	opacity: 1;
	background: #1f2d3d;
	left: -2px;
}
.navigation-main i.patient-thumb.no-pic {
	background: #7733a3;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	display: inline-block;
	line-height: 22px;
	text-align: center;
	font-size: 10px;
	font-weight: 500;
	color: #fff;
	font-style: normal;
}
.navigation-main li.open i.patient-thumb.no-pic, .navigation-main li.active i.patient-thumb.no-pic {
	width: 26px;
	height: 26px;
	font-size: 12px;
	border: 2px solid #34c97e;
	left: -2px;
}
body.vertical-layout.vertical-menu.menu-expanded .main-menu .navigation > li.open > a > i.patient-thumb {
    margin-right: 8px;
}

.main-menu.menu-dark .navigation > li ul .open {
    background: #101010;
}
.main-menu.menu-dark .navigation > li ul .open > ul {
    background: #101010;
}
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .navigation > li > a > i.patient-thumb.no-pic {
    font-size: 12px;
    line-height: 22px;
}

.form-control, form .form-control {
	border: 1px solid #c0ccda;
}

h2.pg-title {
	font-weight: 500;
}
.pg-title h3 {
	margin-top: 22px;
	margin-bottom: 15px;
	font-size: 16px;
}

#completeDrop.btn {
	min-width: 1px !important;
}


.tab-close {
	display: inline-block;
	float: right;
}

.fnc-ancillary {
	color: #6d7682;
	line-height: 1.5em;
	font-size: 12px;
}

.app-controls {
	text-align: right;
	position: absolute;
	top: 23px;
	right: 10px;
}
.app-controls i {
	margin-right: 15px;
}

/* RIGHT-CLICK MENUS STYLES ------------------------- */
.hide {
    display: none;
}

#rmenu {
	background-color: white;
	position: relative;
	z-index: 9000;
	-webkit-box-shadow: 0px 2px 18px -6px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 18px -6px rgba(0,0,0,0.6);
	box-shadow: 0px 2px 18px -6px rgba(0,0,0,0.6);
	border-radius: 2px;
	padding: 0;
}

#rmenu ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
#rmenu li{
    list-style: none; 
    padding:none;
	margin: 5px 0;
}
#rmenu li a {
	padding: 6px 16px;
	display: block;
	color: #3c4858;
}
#rmenu li a:hover {
	background: #eff2f7;
	text-decoration: none;
	color: #3c4858;
}
#rmenu li a i.material-icons {
	position: relative;
	top: 2px;
	float: right;
	margin-left: 10px;
}

/*
.container-fluid.flush {
	padding-right: 0;
	padding-left: 0;
}
.flush .row {
	margin-right: -10px;
	margin-left: -10px;
}
*/
.alt-row .row {
	padding: 20px 10px;
}
.alt-row .row {
	margin-bottom: 30px;
}
.alt-row .row:nth-child(odd) {
	background: #eff2f7;
}
.alt-row .row:nth-child(odd) hr {
	border-color: #fff;
}
.demo-title {
	margin-bottom: 16px;
}
.demo-title h3 {
	font-size: 16px;
	font-weight: 500;
	color: #1f2d3d;
}
.demo-title i.material-icons {
	margin-right: 8px;
	position: relative;
	top: 6px;
	color: #1f2d3d;
}
.alt-row .print{
	float: right;
	margin-left: 16px;
}
.demographics h5 {
	font-size: 15px;
	font-weight: 500;
	margin-top: 10px;
}

.fakeLi {
	padding-left: 20px;
	padding-bottom: 12px;
}
.fakeLi i {
	margin-right: 18px;
}
.fakeLi a span {
	color: rgba(256,256,256,.9);
}
.fakeLi:hover {
	background: #162028;
}

.menu-collapsed .fakeLi span {
	display: none;
}



table.stripes td {
	line-height: 1.3em;
}

/*
.mobile tabs {
	text-align: center;
	background: #f9fbfd;
}
.mobile-tabs a.btn {
	min-width: 100%;
	max-width: 100%;
}
.mobile-tabs li {
	text-align: center !important;
}
.mobile-tabs li a {
	background: #f9fbfd;
}
.mobile-tabs li a:hover {
	background: #eff2f7;
}
*/

@media screen and (max-width: 1300px) {
	#navbar-mobile li {
		max-width: 100px;
	}
}

@media screen and (max-width: 767px) {
	a.open-navbar-container {
		display: block;
		margin-top: 10px;
	}
	.navbar-container.content {
		position: relative;
		top: 30px;
	}
	.top-tabs.show {
		position: relative;
		top: 20px;
		background: #fff;
		border-bottom: 1px solid #000;
		box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
		height: auto;
	}
	.top-tabs .nav-tabs {
		height: auto;
	}
	.app-controls {
		display: none;
	}
	.header-navbar.navbar-with-menu .navbar-container {
		display: table;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		background: #fff;
	}
	#navbar-mobile li {
		max-width: 50%;
		width: 50% !important;
	}
	#navbar-mobile li a:first-child {
		width: 100%;
	}
	#navbar-mobile li a.tab-close {
		width: auto;
	}
}

@media (max-width: 767.98px) {
	.header-navbar .navbar-header .open-navbar-container i {
		font-size: 32px;
	}
}
a.open-navbar-container {
	color: #000 !important;
	text-align: right;
}

.ord-cats li i.material-icons.done {
	margin-right: 2px;
	color: #36aa9f;
}

#findModal table {
	
}
.the-filters {
	width: 0;
	float: right;
	display: none;
	position: relative;
	top: -1rem;
	right: -1rem;
	padding: 16px;
	border-left: 1px solid #ddd;
}
.the-filters.filter-open {
	width: 528px;
	display: inline-block;
	margin-left: 16px;
	background: #f9fbfd;
	height: 100%;
}
.text-primary {
	color: #2f81c5 !important;
}
.the-filters h3 {
	font-size: 16px;
	font-weight: 500;
}
.the-filters hr {
	margin: 0;
}
.the-filters label {
	font-size: 12px;
	color: #6d7682;
}
.the-filters input {
	background: #fff;
}
.the-filters select.custom-select {
	background: #fff !important;
}
.the-filters a.btn {
	display: block;
}
.the-filters .form-check-label {
	position: relative;
	top: 3px;
}

.the-tracking-filters {
	width: 0;
	float: right;
	display: none;
	position: relative;
	top: -1rem;
	right: -1rem;
	padding: 16px;
	border-left: 1px solid #ddd;
}
.the-tracking-filters.filter-open {
	width: 900px;
	display: inline-block;
	margin-left: 16px;
	background: #f9fbfd;
	height: 100%;
}
.text-primary {
	color: #2f81c5 !important;
}
.the-tracking-filters h3 {
	font-size: 16px;
	font-weight: 500;
}
.the-tracking-filters hr {
	margin: 0;
}
.the-tracking-filters label {
	font-size: 12px;
	color: #6d7682;
}
.the-tracking-filters input {
	background: #fff;
}
.the-tracking-ilters select.custom-select {
	background: #fff !important;
}
.the-tracking-filters a.btn {
	display: block;
}
.the-tracking-filters .form-check-label {
	position: relative;
	top: 3px;
}

.close-filter:hover, .filter-toggle {
	cursor: pointer;
}




.followup-slider, .cds-slider, .edforms-slider, .attach-slider, .wlist-slider, .rxSum-slider, .visinfo-slider, .cboard-slider {
	width: 0;
	float: right;
	display: none;
	border-left: 1px solid #ddd;
}
.followup-slider.slider-open, .cds-slider.slider-open, .edforms-slider.slider-open, .attach-slider.slider-open, .wlist-slider.slider-open, .rxSum-slider.slider-open, .visinfo-slider.slider-open, .cboard-slider.slider-open {
	width: 630px;
	/*display: inline-block;*/
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin-left: 16px;
	background: #fff;
	height: 100%;
	z-index: 900;
}
.cds-slider.slider-open, .attach-slider.slider-open, .wlist-slider.slider-open, .cboard-slider.slider-open {
	width: 650px;
}
.edforms-slider.slider-open, .attach-slider.slider-open, .rxSum-slider.slider-open {
	width: 700px;
}
.followup-slider.slider-open.pinned, .cds-slider.slider-open.pinned, .edforms-slider.slider-open.pinned, .attach-slider.slider-open.pinned, .wlist-slider.slider-open.pinned, .rxSum-slider.slider-open.pinned, .visinfo-slider.slider-open.pinned, .cboard-slider.slider-open.pinned {
	display: inline-block;
	position: static;
}
i.pin-toggle:hover, i.close-toggle:hover {
	cursor: pointer;
}
.the-slider {
	background: #fff;
}
.the-slider h4 {
	font-size: 16px;
	font-weight: 500;
}
.the-slider hr {
	margin: 0;
}
.slider-head {
	
}
.slide-pad {
	padding: 20px 16px;
	background: #fff;
}
/*
.slide-pad table.stripes tr:nth-child(even) {
	background: #fff;
}
.slide-pad table.stripes tr:nth-child(even):hover {
	background: #e5e9f2;
}
*/
.slider-toggle:hover, .close-slider:hover {
	cursor: pointer;
}

.flup-checks .form-check {
	padding-bottom: 16px;
}
.flup-dx .table th {
	text-align: left !important;
	padding: 1rem 8px !important;
}
.flup-dx .table td {
	padding: 1rem 8px !important;
}
.flup-dx td {
	text-align: center;
}
.flup-dx .table td input {
	margin: 0 auto;
}
.flup-dx th i {
	margin: 0;
}

.flup-dx table.stripes tr:nth-child(odd):hover {
    background: #e5e9f2;
}
.flup-dx th strong {
	margin-right: 10px;
}

.pg-title h3 em {
	font-size: 14px;
	color: #6d7682;
	font-style: normal;
	margin-left: 15px;
}
.pg-title h3 i.material-icons {
	position: relative;
	top: 3px;
	margin-left: 10px;
}


/* HISTORY ------------------------------------------------- */
.history-content .tab-pane {
    background: transparent;
}
.activity-content {
    border-top: none; /*1px solid #e0e6ed;*/
}
.fnd .activity-content {
    border-top: 1px solid #e0e6ed;
}
table.fnc-table.stripes tr:nth-child(even), #v-immunization table.stripes tr:nth-child(even), #v-mens table.stripes tr:nth-child(even), #v-dsm4 table.stripes tr:nth-child(even), #v-medivice table.stripes tr:nth-child(even), .allergy-cat table.stripes tr:nth-child(even) {
    background: #fff;
}
table.fnc-table.stripes tr:nth-child(even):hover, #v-immunization table.stripes tr:nth-child(even):hover, #v-mens table.stripes tr:nth-child(even):hover, #v-dsm4 table.stripes tr:nth-child(even):hover, #v-medivice table.stripes tr:nth-child(even):hover, .allergy-cat table.stripes tr:nth-child(even):hover {
    background: #e5e9f2;
}

.activity-content .nav-pills .nav-link {
    margin-bottom: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.activity-content .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #e8eff4;
	color: #3c4858;
}

.allergy-cat h3 {
    display: block;
    background: #e8eff4;
    border-bottom-right-radius: 2px;
    padding: 10px;
	font-size: 18px;
	font-weight: 500;
}
.allergy-cat h3 span.badge {
	font-weight: 400;
	margin-left: 10px;
	display: inline-block;
	position: relative;
	top: -1px;
}

.good-space {
	padding-right: 6px;
	padding-left: 6px;
}
th.actions, td.icons {
	min-width: 195px;
}
td.icons a {
	margin-left: 40px;
}
td.icons a:last-child {
	margin-left: 10px;
}
h4.modal-title {
	font-weight: 500;
}
.series-one {
	/*border-right: 1px solid #ddd;*/
}
#editAllergyModal {
	z-index: 1100;
}
.pipe-light {
	color: #8492a6;
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
}
.prime-menu {
    padding-bottom: 5px;
}

.order-tile dl {
	font-size: 14px;
}
.order-tile dt {
	color: #6d7682;
}
.order-tile dd {
	color: #1f2d3d;
}

.ord-cats h3 i.material-icons {
	float: right;
	position: relative;
	top: -1px;
}
.ord-list a.active {
	color: #3489ca;
}
.ord-list li a span.badge {
	float: right;
}


.nowrap {
	white-space: nowrap;
}
.allergy-cat h3 small {
	font-size: 12px;
	padding-left: 10px;
}
@media screen and (max-width: 575px) {
	.allergy-cat h3 small {
		display: none;
	}
}

tr.resolved td, .resolved {
	font-style: italic;
	color: #8492a6;
}
tr.inactive td, .inactive {
	font-style: italic;
}
.unfinished {
	background: #feefd8;
}

/*
@media (min-width: 576px) {
	.modal-dialog {
		max-width: 530px;
	}
}
*/

.modal-ident p {
	margin: 12px 0 0;
}
.modal-ident img {
	float: left;
	margin-right: 15px;
	max-width: 44px;
}
.modal label {
	font-size: 12px;
	color: #6d7682;
}

.modal textarea {
	background: #f9fbfd;
}




.modal-footer .btn-group.show .dropdown-menu.show {
	left: -92px !important;
}



/* RESPONSIVE TABLE STYLES ------------------------------ */
/*
@media screen and (max-width: 600px) {
  
  #aller-drug table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  #aller-drug table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    padding-bottom: 2rem;
  }
  
  #aller-drug table td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right;
  }
  
  #aller-drug table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
/*
    content: attr(data-label);
    float: left;
    font-weight: 500;
	color: #8492a6 !important;
	font-size: 12px;
	font-style: normal !important;
  }
  
  #aller-drug table td:last-child {
    border-bottom: 0;
  }
}
*/
/* END RESPONSIVE TABLE STYLES ------------------------------ */

.table-wrap {
	/*width: 500px;*/
	overflow-x: auto;
	overflow-y: visible;
	padding: 0;
	margin-left: 150px;
	margin-right: 195px;
}
.headcol {
  position: absolute;
  width: 150px;
  left: 11px;
  top: auto;
}

.endcol {
  position: absolute;
  width: 195px;
  right: 11px;
  top: auto;
}
.table-wrap th {
	min-height: 0;
}

.row.aller-name {
	min-height: 40px;
	line-height: 40px;
}
.aller-name a {
	color: #3c4858;
}
.aller-name .resolved a {
	color: #8492a6;
}

.aller-name a.icon-edit {
	float: right;
	margin-top: 8px;
}
.aller-name a.icon-edit {
	margin-left: 24px;
}
.aller-name a.icon-edit:last-child {
	margin-left: 5px;
}
#allergies .table-wrap {
	display: block;
}
#allergies .list-wrap {
	display: none;
}
@media screen and (max-width: 700px) {
	#allergies .table-wrap {
		display: none;
	}
	#allergies .list-wrap {
		display: block;
	}
}
#allergies .list-wrap tr td:first-child {
	font-size: 12px;
	color: #6d7682;
}









.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-switch {
    padding-left: 2.25rem;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #dc2a2a;
    background-color: #dc2a2a;
}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}
.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}


/* FND-SPECIFIC STYLES -------------------------------- */
.fnd {
	/*background: #eff2f7;*/
	background: #e7f1f9;
}

.alert-danger {
	border: none;
	color: #3c4858 !important;
}
.activity-content .nav-pills .nav-link {
	margin-bottom: 0;
}
@media screen and (max-width: 1022px) {
	.visit-info {
		margin-top: 0;
	}
}


.queued-med {
	background: #feefd8 !important;
}

#folupModal .modal-body {
	
}
.folup-scroll {
	max-height: 540px;
	overflow-y: auto;
}

.folup-content .table th {
	padding: .75rem 0;
}
.folup-content .table td {
	padding: .75rem 0;
}

.folup-nav, .folup-content {
	
}
.folup-nav {
	background: #eff2f7;
	padding-top: 16px;
	padding-bottom: 16px;
}
.folup-nav h4 {
	font-size: 12px;
	text-transform: uppercase;
	color: #6d7682;
	margin-bottom: 20px;
}
.folup-nav li a {
	padding: 10px 16px;
	color: #3c4858;
	border-radius: 2px;
	display: block;
}
.folup-nav li a:hover {
	background: #e5e9f2;
	color: #3c4858;
	text-decoration: none;
}
.folup-content .table {
	margin-bottom: 0;
}
.rad {
	width: 4%;
	text-align: center;
}
.f-desc {
	width: 46%;
	padding-right: 2%;
	padding-left: 2%;
	text-align: left;
	font-size: 14px;
}
.f-desc li {
	font-size: 14px !important;
}
.folup-content .f-desc h3 {
	font-size: 16px !important;
}
.f-note {
	width: 26%;
	padding-right: 2%;
	padding-left: 2%;
	text-align: left;
	font-size: 14px;
}
.f-note p, .f-note dl {
	font-size: 14px !important;
}
#folupModal2  .modal-body dd {
	font-size: 14px !important;
}
#folupModal2  .modal-body dt {
	font-size: 14px !important;
}
.rad .form-check-input, .rad i {
	margin: 0 !important;
	position: static;
}

.sec-label {
	background: #529bd2;
}
.sec-label h5 {
	font-size: 14px;
	color: #fff;
	padding-left: 20px;
	font-weight: 500;
	margin: 0;
	position: relative;
	top: -4px;
}
.sec-label h5 i.material-icons {
	position: relative;
	top: 4px;
}


.title-controls a.icon {
	width: 30px;
	position: relative;
	top: 3px;
}
@media screen and (max-width: 1199px) {
	.title-controls {
		padding-bottom: 10px;
	}
}

.home {
	padding: 30px 10px 20px;
}

.home .tile h2 {
	font-size: 18px;
}
table.appts td {
	line-height: 1.5em;
}
table.appts th {
	text-align: left !important;
}
.appts td.p-x span.material-icons {
	padding-top: 8px;
}
.bg-alt {
	background-color: #f7f8fb !important;
}
.home th.p-x, .home td.p-x {
	text-align: center;
}
.table th {
	padding: 5px 8px;
}
.table td {
	padding: 10px 8px 10px;
}
tr.collapse {
	border-top: 1px solid #e5e9f2;
}
tr.collapse.bg-alt {
	border-top: 1px solid #fff;
}


.ht-scroll, .ht-scroll1, .ht-scroll2, .ht-scroll3 {
    max-height: 340px;
	min-height: 322px;
    overflow-y: auto;
}
.ht-scroll1.ht-big, .ht-scroll2.ht-big, .ht-scroll3.ht-big {
	max-height: 500px;
}

.ht-scroll4 {
    max-height: 580px;
	min-height: 500px;
    overflow-y: auto;
	overflow-x: hidden;
}
.ht-scroll4.ht-big {
	max-height: 700px;
}

.ht-scroll5 {
    max-height: 555px;
	min-height: 502px;
    overflow-y: auto;
}
.ht-scroll5.ht-big {
	max-height: 700px;
}
.ht-scroll::-webkit-scrollbar {
width: 0px; /* remove scrollbar space /
background: transparent; / optional: just make scrollbar invisible */
}
.ht-scroll.sched-scroll {
	max-height: 640px;
}
/*
.config .ht-scroll {
	min-height: 397px;
}
*/


/*
.p-x {
	width: 12%;
}
.ptime {
	width: 20%;
}
.ppat {
	width: 30%;
}
.pstat {
	width: 25%;
}
*/
.multi-select-field {
    height: 40px;
    backgroundr: #f9fbfd;
    border-radius: 2px !important;
    padding: 3px 10px;
    border: 1px solid #c0ccda;
    overflow-x: hidden;
	width: 100%;
}
.multi-select-field {
    overflow: hidden;
}


.chip.blue {
	border: 1px solid #59a4fb;
}
.chip.purple {
	border: 1px solid #7733a3;
}
.chip.teal {
	border: 1px solid #36aa9f;
}
.mh {
	border-left: 5px solid #59a4fb !important;
}
.jm {
	border-left: 5px solid #7733a3 !important;
}
.bj {
	border-left: 5px solid #36aa9f !important;
}
.urgent {
	border-left: 10px solid #dc2a2a !important;
}
.abn {
	border-left: 10px solid #f5a623 !important;
}

.home .tile {
	/*border: 1px solid #eff2f7;*/
}
@media screen and (max-width: 1200px) {
	.home .tile {
		font-size: 13px;
	}
}
.home .tile td {
	color: #3c4858;
}
.home .tile td a {
	font-weight: 500;
}
.tilefoot {
	border-top: 1px solid #d3d9e6;
}
.tilefoot p {
	padding-top: 5px;
}
.tilefoot h3 {
	font-size: 15px;
	text-transform: uppercase;
	margin-top: 18px;
}
.tile-pag span.material-icons {
	position: relative;
	top: 8px;
}
.table td.flat {
	padding-bottom: 0 !important;
}
.table td.flattop {
	padding-top: 0;
}
.wide {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.lo {
	color: #8492a6;
}
.home .tile h2 span.badge {
	font-size: 12px;
	margin-left: 0;
}

.home .table tr:hover {
	background: #fff;
}



/* CALENDAR STYLES --------------------------------------- */
.cal-days li a {
	line-height: 1em !important;
}
.cal-days li a.active {
	background: #eff2f7 !important;
}
.cal-days li a.weekend {
	color: #b5c2d4 !important;
}
.cal-days li a.weekend.active {
	color: #216cb7;
}

.the-schedule {
	
}
.the-schedule img {
	max-width: 45px;
	margin-top: -14px;
	margin-right: 16px;
	margin-bottom: 16px;
} 
.scheddy {
	font-size: 13px;
}
.scheddy th, .scheddy thead tr {
	border-top: none !important;
	border-bottom: 1px solid #fff !important;
	height: 0;
	padding: 0 !important;
}
.scheddy tbody {
	border-top: none !important;
}
.scheddy tr:hover {
	background: #fff !important;
}
.scheddy tr, .scheddy td {
	max-height: 35px !important;
	overflow-x: hidden;
	overflow-y: hidden;
}
.scheddy td {
	vertical-align: middle;
	padding: 5px 10px !important;
	line-height: 24px;
	overflow: hidden;
}
.scheddy td i.material-icons {
	position: relative;
	top: 7px;
	margin-top: -7px;
}
td.hour {
	vertical-align: top;
}
td.apt-info {
	overflow-x: hidden;
}
.scheddy td span.material-icons {
	display: inline-block;
	float: left;
	margin-right: 16px;
}
.scheddy span.badge {
	font-size: 12px;
	font-weight: 500;
}
.scheddy td a {
	line-height: 24px;
	display: inline-block;
}
td.apm {
	max-width: 34px !important;
}
.apm span.material-icons {
	color: #b5c2d4;
}
.sched-vars a {
	display: inline-block;
	margin-bottom: 16px;
}
.sched-vars a.badge {
	font-weight: 500 !important;
	padding-right: 8px;
	padding-left: 8px;
}
.sched-vars a.badge-light {
	background: #eff2f7;
	color: #2f81c5;
}
td.type1 {
	background: rgba(208,27,10,.10);
	border-bottom: 1px solid #fff;
}
td.type2 {
	background: rgba(65,117,5,.10);
	border-bottom: 1px solid #fff;
}
td.type3 {
	background: rgba(245,166,35,.10);
}
td.type4 {
	background: rgba(144,19,245,.10);
	border-bottom: 1px solid #fff;
}
td.type5 {
	background: rgba(2,104,164,.10);
	border-bottom: 1px solid #fff;
}
td.type6 {
	background: rgba(139,87,42,.10);
	border-bottom: 1px solid #fff;
}


.dpn-empty {
	color: #000 !important;
}
.dpn-done {
	color: #008040 !important;
}
.dpn-partial {
	color: #ffad46 !important;
}

.rx-queue {
	padding: 0 24px;
}
.rx-queue h5 a {
	color: #3c4858;
}
.rx-queue table {
	background: #fff;
}
.rx-queue .tile td, .rx-queue .tile td a {
	font-weight: normal !important;
}
/*
.rx-queue .tile tr td {
	width: 33.3333333%;
}
*/
.rx-queue tr.old {
	background: #feefd8 !important;
}
.rx-queue tr.oldold {
	background: #fbe5e5 !important;
}


.cal-month {
	margin-top: 12px;
	margin-left: 20px;
}
.multi-select-field {
	background: #f9fbfd url("../img/find-ctr-bg.png") no-repeat right center;
}

table.queue th .material-icons {
	color: #fff;
	position: relative;
	top: 2px;
}
table.queue th:hover {
	cursor: pointer;
}
table.queue th:hover .material-icons {
	color: #6d7682;
	cursor: pointer;
}
th.sort {
	color: #1f2d3d;
}
th.sort .material-icons {
	color: #1f2d3d !important;
}

a.nav-link.today {
	color: #216cb7 !important;
    border: none;
    border-bottom: 2px solid #3489ca !important;
}

table.queue-rx th {
	background: #3c4858;
	color: #fff;
}
.queue-rx td .material-icons {
	font-size: 16px;
	position: relative;
	top: 2px;
}

/* INPUT GROUP STYLE REDEFINITION ---------------------------- */
.input-group input {
	border-right: none;
}
.input-group>.input-group-append>.input-group-text {
    padding: .3rem 1rem 0 !important;
}
.input-group-text {
	background: #fff !important;
}
a .input-group-text {
	padding: .65rem 1rem !important;
}
.input-group a:hover{
	text-decoration: none;
}
/* ------------------------------------------------------------ */
#cpt-modal input, #cpt-modify-modal input, #cpt-modify-modal textarea {
	background: #f9fafc;
}
#cpt-modal .input-group-text, #cpt-modify-modal .input-group-text {
	background: #f9fafc !important;
}
#cpt-modal input:hover, #cpt-modal .input-group-text:hover, #cpt-modify-modal input:hover, #cpt-modify-modal .input-group-text:hover, #cpt-modify-modal textarea:hover {
	background: #eff2f7;
}
#cpt-modal .ord-results {
    border-right: 1px solid #e9ecef;
    background: #eff2f7;
    overflow-y: auto;
}

#cpt-modal .ord-orders, #cpt-modal .ord-results {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    max-height: 450px;
}

#cpt-modal h3 {
    color: #1f2d3d;
    font-size: 18px;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
	.sm-bot-mar {
		margin-bottom: 20px;
	}
}
.limit {
	max-height: 450px;
	overflow-y: auto;
}

#cpt-modal .modal-footer {
	position: relative;
	justify-content: space-between;
}
.mod-copyright {
	position: absolute;
	top: 16px;
	left: 20px;
}

.modal .nav-tabs .nav-item a.nav-link {
    color: #3c4858;
    border-bottom: 2px solid transparent;
	display: block;
}
.modal .nav-tabs .nav-item a.nav-link:hover, main .nav-tabs .nav-item a.nav-link:hover {
    color: #3c4858;
	background: #eff2f7;
    border-bottom: 2px solid transparent;
}
.modal .nav-tabs .nav-item a.nav-link.active {
    color: #216cb7;
    border: none;
    border-bottom: 2px solid #3489ca;
}
#cpt-modify-modal .modal-content, #modify-lipid-modal .modal-content, #imo-select-modal .modal-content, #editLabsModal .modal-content, #editLabsModal2 .modal-content, #editLabsModal3 .modal-content {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}



.requ input, .requ .input-group-append {
	background: #fafad2 !important;
}

.the-radios input {
	position: relative;
	top: -1px;
	margin-right: 5px;
}
.inset {
	padding-left: 16px;
}
td div.form-group {
	margin-bottom: 0;
}
.form-group label {
	font-size: 12px;
    color: #6d7682;
    font-weight: 500;
}



hr.zero {
	margin: 0;
}
.modal input {
	background: #f9fbfd;
}
.modal .custom-select {
	background: #f9fbfd;
}
#dx-imo-modal .imo-results {
	max-height: 750px;
	overflow-y: auto;
}
#dx-imo-modal input, #dx-imo-modal .input-group-text, #hxModal1 .input-group-text, .modal .input-group-text {
	background: #f9fbfd !important;
}
#dx-imo-modal input:hover, #dx-imo-modal .input-group-text:hover, #hxModal1 .input-group-text:hover, .modal .input-group-text:hover  {
	background: #eff2f7 !important;
}
#dx-imo-modal input:focus, #dx-imo-modal .input-group-text:focus, #hxModal1 .input-group-text:focus, .modal .input-group-text:focus {
	background: #fff !important;
}
#hxModal1 .input-group input:focus {
	background: #fff !important;
}
#dx-imo-modal .nav-item a {
	line-height: 16px;
}
#dx-imo-modal .nav-item i.material-icons {
	position: relative;
	top: 5px;
	margin-right: 0;
	margin-bottom: -2px;
	height: 16px;
}
#dx-imo-modal a.badge-secondary:hover {
	color: #fff;
	text-decoration: none;
	background: #b5c2d4;
}
#dx-imo-modal .nav-item:nth-child(3) a {
	position: relative;
	top: 10px;
}

.demo-string {
	padding: 2px 20px 0;
	font-size: 13px;
	background: #e7f1f9;
}
.fnd .demo-string {
	background: #eff2f7;
}
.demo-string p {
	margin: 0;
	padding: 0;
	line-height: 28px;
}
.demo-string i.material-icons {
	position: relative;
	top: 7px;
	padding: 0;
	margin: 0;
}
#dx-imo-modal .details-content {
	max-height: 700px;
	overflow-y: auto;
}
#imo-mod-details {
	background: #e7f1f9;
}

a.file {
	width: 24px;
}

.code-vis {
	margin: 0;
	padding: 0;
}
.code-vis li {
	float: right;
	font-size: 12px;
	margin-left: 10px;
}
.code-vis i {
	line-height: 12px;
	position: relative;
	top: 4px;
}
.icd10 {
	display: none;
}
.icd10-open {
	display: table-cell;
}

.icd9 {
	display: none;
}
.icd9-open {
	display: table-cell;
}

.snomed {
	display: none;
}
.snomed-open {
	display: table-cell;
}


.imo-mods {
	padding-right: 10px;
	padding-left: 10px;
}
.mod-list {
	padding-top: 20px;
}
.mod-list h6 {
	font-weight: 500;
	margin-bottom: 15px;
	font-size: 12px;
}
.mod-list h6 a {
	float: right;
}
.mod-list ul {
	border-top: 1px solid #d3d9e6;
	border-right: 1px solid #d3d9e6;
	background: #fff;
	max-height: 130px;
	overflow-y: auto;
}
.mod-list li a {
	background: #fff;
	padding: 4px 16px;
	border-bottom: 1px solid #d3d9e6;
	border-left: 1px solid #d3d9e6;
	display: block;
	font-size: 12px;
}
.mod-list li a:hover {
	text-decoration: none;
	background: #eff2f7;
	color: #3c4858;
}


.imo-details {
	background: #eff2f7;
	border-left: 1px solid #e0e6ed;
	padding-top: 16px;
	padding-bottom: 16px;
}
.imo-details a.btn:first-child {
	float: right;
}
.imo-details h3 {
	font-size: 18px;
	font-weight: 500;
}
.imo-details p {
	font-size: 12px;
}
.order-tile p span {
    margin-right: 5px;
    display: inline-block;
    background: #6d7682;
    color: #fff;
    padding: 1px 5px;
    font-size: 12px;
}
#dx-imo-modal .modal-footer {
	position: relative;
}
.footlogo {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 50px;
}

.imo-mods {
	background: #f9fbfd;
}
.imo-mod-res {
	max-height: 600px;
	overflow-y: auto;
}
#imo-select-modal .card {
	margin-bottom: 0 !important;
}


#hxModal1 .nav-tabs .nav-link a.active, #allergyModal1 .nav-tabs .nav-link a.active {
    background: #d7dce7 !important;
    color: #1f2d3d !important;
    border-color: transparent !important;
}
#hxModal1 .nav-tabs .nav-link a, #allergyModal1 .nav-tabs.nav-link a {
	display: block;
}
#hxModal1 .nav-tabs .nav-link.active, #allergyModal1 .nav-tabs .nav-link.active {
   	background: #d7dce7 !important;
    color: #1f2d3d !important;
    border-color: transparent !important;
}

.input-group-append:hover {
	cursor: pointer;
}

i.material-icons.fav-per {
	color: #ffad46 !important;
}
i.material-icons.fav-clin {
	color: #529bd2 !important;
}

#main-menu-navigation .menu-item span.badge {
	margin-right: 5px;
}

#pharmModal .card-title {
	margin-bottom: 6px;
}


td .form-check-input {
	margin-top: 0;
}



/* Hazardous meds styles 0------------------------------- */
.haz {
	background: repeating-linear-gradient(
	  135deg,
	  #fff,
	  #fff 10px,
	  #fdf3f3 10px,
	  #fdf3f3 20px
	) !important;
}
.haz2 {
	background: repeating-linear-gradient(
	  135deg,
	  #fff,
	  #fff 10px,
	  #FEF7EC 10px,
	  #FEF7EC 20px
	) !important;
}


i.editable {
	border-bottom: 1px solid #d3d9e6;
	font-style: normal;
}
i.editing {
	border-bottom: 1px solid #3c4858;
	font-style: normal;
}

/* E&M styles ----------------------------------------------- */
.left-pipe {
	border-left: 1px solid #fff;
	padding-left: 15px;
}
.em-radios h4 {
	font-size: 16px;
	font-weight: 500;
	padding-top: 18px;
}
.em-radios .form-check-inline {
	padding-top: 10px;
	margin-left: 0;
}
.lt-blue {
	background: #e7f1f9;
}

.em-info th {
	border-top: none !important;
}
.em-info th span, .em-info th a {
	display: block;
}
.em-info th i {
	height: 16px;
	position: relative;
	top: 7px;
}

.em-info td .form-check-input {
	margin-top: 2px;
}
.em-info td .form-check-label {
	font-size: 13px;
	font-weight: bold;
}

.em-dec .tile .collapse {
	background: transparent;
}

td.td-selected {
	background: #e0efe8;
}

.care-gradient {
  background-image:
    linear-gradient(
      to right, 
      #c2dcef, #1559ab
    );
}

.dmaking {
	color: #6d7682;
	font-weight: bold;
	font-size: 13px;
}
.dmaking span {
	
}
.dmaking span:hover {
	cursor: pointer;
}
.prog-0 {
	width: 0%;
}
.prog-25 {
	width: 22.5%;
}
.prog-50 {
	width: 48%;
}
.prog-75 {
	width: 73.4%;
}
.prog-100 {
	width: 100%;
}

.input-group label {
	font-size: 12px;
	color: #6d7682;
	font-weight: 500;
}

.q{
    background: inherit;
}

.is-checked {
    background: #e0efe8;
}
.pro, .ris {
	width: 33%;
}
.dat {
	width: 34%;
}

tbody#radios ul {
	list-style-image: url("../img/list-bullet.png");
}
input[type=radio] {
   -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
	border-color: #8492a6;
}
.form-check-inline label, #radios label {
	margin-left: 5px;
}
#radios p, #radios ul {
	font-size: 13px;
}

.progress {
	background: #e5e9f2;
}

/* TELEMEDICINE TILE STYLES ---------------------------------- */
.type-status {
	background: #e0e0e0;
	max-width: 40px;
	width: 40px;
	font-size: 12px;
	text-align: center;
}
.s-ready {
	background: #008040;
	color: #fff !important;
}
.s-busy {
	background: #f5a623;
	color: #fff !important;
}
.s-ready .material-icons, .s-busy .material-icons {
	color: #fff;
}
.pat-stat-info i.material-icons {
	position: relative;
	top: 8px;
	height: 10px;
}

#e-and-m .multi-select-field, #e-and-m select.form-control {
	background-color: #fff !important;
}



/* CASES STYLES ---------------------------------------------------- */
.case-details span {
	margin-right: 15px;
}





/* List Editor Styles ------------------------------------------------ */
.basic-content {
	padding-top: 30px;
	pbadding-bottom : 20px;
}

.le-structure {
	height: 80vh;
	max-height: 80vh;
	overflow-y: auto;
	padding-top: 16px;
	font-size: 12px;
	background: #e5e9f2;
}

.le-structure li a {
	display: block;
	padding: 5px 10px;
	margin: 0;
	color: #3c4858;
}
.le-structure a:hover {
	background: #eff2f7;
	color: #3c4858;
	text-decoration: none;
}
.le-structure a.active {
	background: #d7dce7;
	font-weight: 500;
}

.le-structure h4 a {
	color: #1f2d3d;
	display: block;
}
.le-structure h4 a:hover {
	background: transparent;
	text-decoration: underline;
}

.le-main h4 {
	font-weight: 500;
}

.modal-header h5 {
	font-size: 18px;
	font-weight: 500;
	color: #1f2d3d;
}
.rule-del {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Appt Queue Styles ------------------------------------------------ */
.md-18 {
	font-size: 18px !important;
}
.md-32 {
	font-size: 32px !important;
}


.chrome {
	box-shadow: 
	0 2.8px 2.2px rgba(0, 0, 0, 0.034),
	0 6.7px 5.3px rgba(0, 0, 0, 0.048),
	0 12.5px 10px rgba(0, 0, 0, 0.06),
	0 22.3px 17.9px rgba(0, 0, 0, 0.072),
	0 41.8px 33.4px rgba(0, 0, 0, 0.086),
	0 100px 80px rgba(0, 0, 0, 0.12)
}
.chrome-top {
	background: #d3d9e6;
	/*
	-webkit-box-shadow: 0px -12px 15px -3px rgba(0,0,0,0.16); 
	box-shadow: 0px -12px 15px -3px rgba(0,0,0,0.16);
	*/
}
.tile.chrome h2 {
	font-size: 18px;
}
.apt {
	background: #eff2f7;
	margin-bottom: 5px;
	padding-left: 12px;
}

.conn {
	max-width: 54px;
	background: #e0e0e0;
	padding-top: 10px;
}

.conn i.material-icons {
	width: 26px;
}
.viss {
	max-width: 190px;
}
.viss.mod {
	max-width: 120px;
}
.viss i.material-icons {
	margin-top: 3px;
}
.viss a.badge {
	position: relative;
	top: -3px;
}
.menuu {
	max-width: 84px;
}
a.apt-menuus {
	height: 100%;
	display: flex; 
	align-items: center;
	justify-content: center;
	text-align: center;
}
a.apt-menuus:hover {
	background: #b5c2d4;
	text-decoration: none;
}
a.apt-menuus:hover .material-icons {
	color: #fff !important;
}






.apt .row-cols-4 div {
	min-height: 98px;
}
.apt i.material-icons {
	color: #8593a7;
}
.apt-ready {
	background: #008040 !important;
	color: #fff !important;
}
.apt-ready i.material-icons {
	color: #fff;
}
.apt-ready:hover {
	background: #36aa9f !important;
	cursor: pointer;
}

.apt-occupied {
	background: #f5a623 !important;
	color: #fff !important;
}
.apt-occupied i.material-icons {
	color: #fff;
}
.apt-occupied:hover {
	background: #ffad46 !important;
	cursor: pointer;
}

.material-icons.running {
	color: #ee6723 !important;
}
.time-in {
	margin-top: 8px;
	display: block;
}
.initials {
	margin-top: 16px;
	display: block;
}

.apt .list-unstyled li {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.apt-name {
	margin-right: 6px;
}
.patt span {
	
}
.patt span em {
	font-style: normal;
	margin-right: 6px;
	color: #8492a6;
}

.vis-typ-sv {
	color: #7733a3;
}
.vis-typ-fu30 {
	color: #36aa9f;
}


hr.short {
	margin-bottom: 2px;
}
li.status-room {
	position: relative;
	top: 6px;
}
.status-room span {
	position: relative;
}
.status-room select {
	background: transparent !important;
	color: #2776bd;
	border: none;
	padding: 0;
	margin: 0;
	border-radius: 0 !important;
}
.status-room span:first-child {
	position: relative;
	left: -5px;
}

.cases-section h2 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}
.cases-section h3 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}
.input-group-prepend button {
	height: 41px !important;
}
.input-group-append button {
	height: 41px !important;
}
.input-group-prepend button .material-icons {
	padding-top: 8px;
}
.input-group-append button .material-icons {
	padding-top: 8px;
}
.input-group-prepend .btn {
	min-width: 40px !important;
}
.input-group-append .btn {
	min-width: 40px !important;
}


.tool-header .sep {
	border-right: 1px solid #ddd;
	padding-right: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.tool-header .sep a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	position: relative; 
}
.tool-header .sep a.active {
	background: #e7f1f9;
}
.tool-header .sep a.active i.material-icons {
	color: #2f81c5;
}
.tool-header .sep a i {
	position: relative;
	top: 8px;
	left: 8px;
}

.input-group input {
	color: #3c4858 !important;
}

.lab {
	font-size: 12px;
    color: #6d7682;
    font-weight: 500;
	margin-bottom: .8rem;
	display: block;
}

table.table-white tr {
	background: #fff;
}
table.table-gray tr {
	background: #eff2f7;
}
tr.tr-sep {
	border-top: 1px solid #ddd;
}
tr.fetus-sep td {
	padding: 0;
	background: #e5f0f6;
}

.limited-y {
	max-height: 350px;
	overflow-y: auto;
}
.fetuses {
	max-width: 200px;
	display: inline-block;
}

.sum-filters .form-check-inline {
	margin-right: 24px;
	margin-bottom: 15px;
}

td.active {
	background: #eff2f7;
}

.nav-link:hover {
	background: #eff2f7 !important;
}
.navbar-brand.nav-link:hover {
	background: transparent !important;
}

.save-layout {
	border-radius: 2px;
	border: 1px solid #c0ccda;
	background: #f9fbfd;
	height: 40px;
	line-height: 40px;
	padding-right: 16px;
	padding-left: 16px;
	font-size: 14px;
	color: #3c4858;
	font-weight: 500;
	margin-left: 16px;
}
.save-layout span {
	color: #216cb7;
}
.save-layout:hover {
	cursor: pointer;
}
.save-layout .material-icons {
	position: relative;
	top: 7px;
	left: 12px;
}

.the-case-tile h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}


/* patient care plan styles ------------------------------------ */
.pos-up-2 {
	position: relative;
	top: -2px;
}
.tile h3.cp-title {
	font-size: 22px;
	color: #1f2d3d;
}
.tile h3.cp-title em {
	margin-left: 10px;
	color: #8492a6;
	font-size: 18px;
	font-weight: 400;
}
.tile .plan-sum ul li {
	line-height: 1.4em;
	margin-bottom: 10px;
}
.break-630 {
	display: none;
}
@media screen and (max-width: 630px) {
	.break-630 {
		display: block;
		width: 100%;
	}
	.form-check.check-break {
		padding-bottom: 15px !important;
	}
}
@media screen and (max-width: 340px) {
	
}

#cp1-of, #cp1-g, #cp1-ph, #cp1-of2, #cp1-g2, #cp1-ph2, #cp1-of3, #cp1-g3, #cp1-ph3 {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.cp1-summary, .cp1-details {
	display: none;
}
.cp1-summary-open, .cp1-details-open {
	display: flex;
}
a.cp1-summary:hover {
	text-decoration: none;
}

.aconcern a.concern h3 {
	color: #2776bd !important;
}
.aconcern i.material-icons {
	position: relative;
	top: 5px;
	margin-left: 10px;
}
.aconcern td i.material-icons {
	position: relative;
	top: 0;
	margin-left: 0;
}
.aconcern .tab-content {
	background: #e7f1f9;
}
.aconcern h4 em {
	font-weight: 400;
	color: #8492a6; 
}
#newcp-modal p i.material-icons, p.theinfo i.material-icons {
	color: #c2dcef !important;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

span.optional {
	color: #8492a6;
	font-weight: 400;
	font-size: 16px;
	margin-left: 15px;
}
td.goal-name i.material-icons {
	margin-right: 15px;
	height: 15px;
	overflow: hidden;
	position: relative;
	top: -2px;
}
td.goal-name a {
	color: #1f2d3d;
}
.lvl-indent {
	padding-right: 20px;
	padding-left: 20px;
}
td.interv-title {
	font-weight: 500;
}

.anedit h5 em {
	font-weight: 400;
	color: #8492a6;
	margin-left: 15px;
}

.em-dec .tile .collapse {
	background: transparent;
}


/* appointment queue config styles ------------------------------------ */


/* care plan styles ------------------------------------ */
.content-body .plan .tab-content {
	padding-right: 0;
	padding-left: 0;
}

.cp-inactive {
	background: #e5e9f2;
}

#cp-content, #goal-content {
	background: #e7f1f9;
}
#cp-content i.material-icons {
	margin-right: 15px;
}
.tab-pane#cp1-hc1, .tab-pane#cp1-hc2, .tab-pane#cp1-hc3, .tab-pane#cp1-hc4, .tab-pane#cp1-hc5 {
	background: #fff;
	margin: 0 20px 20px;
	padding: 16px;
	border-top: 20px solid #e7f1f9;
	border-bottom: 20px solid #e7f1f9;
}

#goal-content, #goal2-content, #goal3-content {
	border: 16px solid #e7f1f9;
}
#goal-content .tab-pane, #goal2-content .tab-pane, #goal3-content .tab-pane {
	background: #fff;
	padding: 16px
}


/* billing styles ------------------------------------ */
table .form-control {
	font-size: 13px;
}
.table.form-table td {
	padding: 4px;
}

.sb-btns a.btn {
	margin-left: 8px;
}
.top-icons {
	
}
.top-icons i {
	position: relative;
	top: 17px;
	margin-left: 10px;
}
ul#sbTab {
	border-bottom: 1px solid #dee2e6;
}
.sb-dx-list .list-inline-item {
	margin-right: 20px;
	margin-bottom: 15px;
}
.bare th {
	border-top: none !important;
}
.sb-lg {
	min-width: 200px;
}
.sb-md {
	min-width: 160px;
}
.sb-sm {
	min-width: 40px;
}

.tile h5 {
	font-weight: 500;
}

.sb-acct-collapse .form-check-label {
	position: relative;
	top: 2px;
	margin-left: 6px;
}
.sb-procs td i.material-icons {
	position: relative;
	top: 5px;
}
.sb-procs td .input-group-text i.material-icons {
	position: relative;
	top: 0;
}
.summation em {
	font-weight: 500;
}
th.alt {
	background: #e7f1f9;
}
th .form-group {
	margin-bottom: 0;
}
h4.underlined {
	padding-bottom: 8px;
	border-bottom: 1px solid #d3d9e6;
}

.pa-code {
	border-left: 1px solid #d3d9e6;
}
.form-group.cut-60 {
	max-width: 60%;
}
tr.selected {
	background: #c2dcef !important;
}
tr.heading {
	border-bottom: 1px solid #b5c2d4;
}
.heading td {
	font-weight: 500;
}

.table-ht {
	height: 70vh;
	overflow-x: auto;
}


/* eMedix estimation styles -------------------------------- */
.prep .input-group {
	border-right: 1px solid #c0ccda;
}
tr.prime {
	background: #e7f1f9 !important;
	font-weight: 500;
	border-bottom: 5px solid #fff;
}
.appends .input-group-append a {
	max-height: 40px;
}
.appends a .input-group-text {
    padding: .52rem 1rem !important;
}
.appends .input-group-text {
	border-right: none;
}
.appends .input-group-text i.material-icons {
	width: 24px;
}




.basicc1, .basicc2, .basicc3 {
	webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


#threeSchedsModal .tab-header .row {
	background: #fff;
}
#threeSchedsModal .modal-body {
	padding-top: 0;
}
.row .short span a {
	color: #2776bd;
}
.row .short span a:hover {
	color: #2776bd;
	text-decoration: underline;
}


.drag {
	position: absolute;
	top: 10px;
	left: 48%;
}
.drag a span.material-icons:hover {
	cursor: grab;
}
.config-save {
		padding-top: 15px;
	}
@media screen and (max-width: 991px) {
	.config-save {
		margin-left: 20px;
		padding-top: 0;
		padding-bottom: 16px;
	}
	.config-name {
		padding-right: 16px;
	}
}


/* Login styles -------------------------------- */
body.login {
	height: 100vh;
  	padding: 0;
}

@media (min-width: 576px) {
	.login .modal-dialog.modal-md {
		max-width: 600px;
		margin: 1.75rem auto;
	}
}
figure.login-logo {
	text-align: center;
	margin: 30px auto;
	max-width: 300px;
}

.shadows {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	top: 40px;
}
.modal-md.shadows {
	left: -40px;
}
body.login .modal-body h3 {
	font-size: 16px;
	font-weight: 500;
}

/* Switch styles -------------------------------- */

.custom-control.material-switch {
  --color: #26a69a;
  padding-left: 0;
}

.custom-control.material-switch .material-switch-control-input {
  display: none;
}

.custom-control.material-switch .material-switch-control-input:checked~.material-switch-control-indicator::after {
  background-color: var(--color);
  left: 17px;
}

.custom-control.material-switch .material-switch-control-indicator {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  top: 4px;
  width: 32px;
  height: 16px;
  background: #ddd;
  border-radius: 16px;
  transition: 0.3s;
}

.custom-control.material-switch .material-switch-control-indicator::after {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  transition: 0.3s;
  top: -1px;
  left: -1px;
  background: #fdfdfd;
  box-shadow: 0 2px 10px #aaa;
}
.custom-control.material-switch {
	font-size: 13px;
}

small.tiny {
	display: inline-block;
}
small.tiny label {
	font-size: 11px !important;
}


.pagination .page-link {
    color: #216cb7;
    border: 1px solid #adb5bd;
}

ul.pagination {
	margin-top: 8px;;
	margin-bottom: 0;
}
.page-link {
    color: #216cb7;;
    border: 1px solid #fff !important;
    background-color: #eff2f7;
}
.page-link:hover {
	color: #fff;
	background-color: #216cb7;
}
.page-link.null, .page-link.null:hover {
	color: #999;
	cursor: default;
	background-color: #eff2f7;
}


.ht-scroll dl {
	margin-bottom: 0;
}



/* BAR CHART CSS ------------------------------------- */

.bar-chart {
	background: linear-gradient(to top, transparent, transparent), linear-gradient(to top, #90eee1 0%, #90eee1 31.1111111111%, transparent 31.1111111111%, transparent 100%), linear-gradient(to top, #90abee 0%, #90abee 75.5555555556%, transparent 75.5555555556%, transparent 100%), linear-gradient(to top, #c690ee 0%, #c690ee 91.5866666667%, transparent 91.5866666667%, transparent 100%), linear-gradient(to top, #ee90c6 0%, #ee90c6 53.3333333333%, transparent 53.3333333333%, transparent 100%), linear-gradient(to top, #eeab90 0%, #eeab90 76.8533333333%, transparent 76.8533333333%, transparent 100%), linear-gradient(to top, #e1ee90 0%, #e1ee90 49.6555555556%, transparent 49.6555555556%, transparent 100%), linear-gradient(to top, lightgreen 0%, lightgreen 56.1044444444%, transparent 56.1044444444%, transparent 100%);
	background-size: 3rem 100%;
	background-repeat: no-repeat;
	background-position: 1.5rem, 1.5rem, 6rem, 10.5rem, 15rem, 19.5rem, 24rem;
	background-color: #222;
	border: 1px solid #ccc;
	height: 16.67rem;
	margin: 1.041875rem 0 5% -16.625rem;
	position: relative;
	top: 15px;
	left: 55%;
	width: 33.25rem;
}
.bar-chart::before {
	bottom: 0;
	content: "$45000\a$40000\a$35000\a$30000\a$25000\a$20000\a$15000\a$10000\a$0.2\a$0.1\a";
	display: block;
	left: -5rem;
	line-height: 1.7;
	position: absolute;
	width: 1px;
}

.bar-chart::after {
	bottom: -2rem;
	content: "1 2 3 4 5 6";
	display: block;
	position: absolute;
	text-align: left;
	padding-left: 38px;
	word-spacing: 3.7rem;
	width: 100%;
}


@keyframes chartAnimation {
  from {
    transform: scale(0) translateY(-500%);
  }
}



.col-lg-6.myoffset, .col-md-6.myoffset {
	max-width: 47% !important;
}
.myday {
	float: left;
	width: 58px;
	height: calc(100vh - 140px);
	background: #fff;
	margin-left: -11px;
	font-size: 13px;
	color: #555;
	position: relative;
	text-align: right;
}
.myday ul {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	height: calc(100vh - 140px);
}
.myday li {
	margin: 0;
	padding: 0 2px 0 0;
	height: 4%;
}
.myday li.full {
	background: #feefd8;
}

.config-home .tab-content {
	padding: 0 !important;
}

.config-nav .material-icons {
	color: #fff;
	margin-left: 5px;
}
.config-nav .material-icons:hover {
	color: #c2dcef;
}
main .config-nav {
	margin-bottom: 5px;
}
main .config-nav .nav-tabs .nav-item {
	margin-right: 2px;
}
main .config-nav .nav-tabs .nav-item a.nav-link {
    background: rgba(256,256,256,.7);
    border-bottom: 2px solid transparent;
}
main .config-nav .nav-tabs .nav-item a.nav-link:hover {
    background: #fff !important;
    border-bottom: 2px solid transparent;
}
.toadd li.newtab {
	display: none;
}
.toadd.toadd-added li.newtab {
	display: list-item;
}



.config-nav .nav-tabs a {
    height: 38px;
    display: block;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.config-nav .nav-tabs a:hover {
	background: #e5e9f2;
}
/*
.nav.nav-tabs .nav-item .nav-link.active, .nav.nav-tabs .nav-item .nav-link {
    border-radius: .25rem 0 0 0;
}
.config-nav a.tab-close {
	background: rgba(256,256,256,.7);
	border-top-right-radius: 4px;
}
*/
.config-nav a.tab-close:hover {
	background: #fff;
	
}
.config-nav i.material-icons {
	position: relative;;
	color: #8492a6;
}
.addnewtab i.material-icons {
	color: #fff;
}
.addnewtab a:hover {
	background: transparent !important;
}

.nav-link i.dragg:hover {
	cursor: grab;
}
.config-nav li a input {
	
}

section.banners {
	position: relative;
	top: 30px;
}
.tab-alert {
	font-size: 13px;
	color: #1f2d3d !important;
	font-weight: 500;
	border-radius: 2px;
	line-height: 13px;
	margin-top: -30px;
	border: none;
	padding-top: 1rem;
}
.alert-warning {
	
}

.widget-alert {
	font-size: 13px;
	color: #1f2d3d;
	font-weight: 500;
	border-radius: 2px;
	line-height: 13px;
	border: none;
	padding-top: 1rem;
}
.widget-alert span, .tab-alert span {
	position: relative;
	top: -8px;
	font-weight: 400;
}
.alert-danger.widget-alert span {
	position: relative;
	top: -8px;
	color: #dc2a2a;
	font-weight: 400;
}



.toaster {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 99999;
	background: #fff;
	border-radius: 2px;
	width: 350px;
	max-width: 350px;
	webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
}
.toaster-head {
	padding: 16px 24px 5px;
}
.toaster-head h5 {
	font-weight: 500;
	font-size: 18px;
	margin: 0;
	color: #1f2d3d;
}
.toaster-head a {
	font-weight: 700;
	font-size: 18px;
	color: #6d7682;
}
.toaster-content {
	padding: 5px 24px 16px;
}
.toaster-content p {
	margin: 0;
	font-size: 16px;
	color: #3c4858;
}

.snack {
	width: 360px;
	position: absolute;
	right: 40px;
	bottom: 40px;
	z-index: 99999;
	background: #3c4858;
	padding: 16px;
	color: #fff;
	font-size: 14px;
}
.snack a {
	font-size: 14px;
	color: #9ac4e5;
	font-weight: 500;
}
.snack a:hover {
	color: #fff;
	text-decoration: none;
}




/* 1/26/2022 styles ------------------------------------ */

.cpp-table i.material-icons {
	position: relative;
	top: 4px;
}
.cpp-table tr:hover {
	cursor: pointer;
}
.cpp-table td {
	padding-top: 7px;
}
.cpp-table td.parent {
	font-weight: 500;
	color: #1f2d3d;
}
.cpp-table td.child-1 {
	padding-left: 30px;
}
.cpp-table td.child-2 {
	padding-left: 50px;
}
.cpp-table td.child-3 {
	padding-left: 72px;
}
span.cpp-options {
	display: inline-block;
	width: 28px;
	text-align: center;
	font-size: 18px;
	margin-right: 5px;
}
.cpp-table tr.sel {
	background: #c2dcef !important;
	border-top: 1px solid #fff;
	color: #1f2d3d;
}
.cpp-table tr.sel:hover {
	background: #e5e9f2 !important;
}
.badge.all {
	position: relative;
	top: -2px;
}

.list-unstyled.large-scr-cpp {
	display: block;
}
.small-scr-cpp {
	display: none;
}
@media screen and (max-width: 767px) {
	.list-unstyled.large-scr-cpp {
		display: none !important;
	}
	.small-scr-cpp {
		display: block;
	}
}



.ord-nav {
	background: #e5e9f2;
	color: #1f2d3d;
	padding-right: 0;
	padding-left: 0;
}
.ord-nav h3 {
	margin-top: 15px;
	margin-left: 10px;
	color: #fff;
}
.ord-nav li a {
	color: #1f2d3d;
	font-weight: normal;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding-right: 5px;
	padding-left: 10px;
}
.ord-nav li.active {
	background: #d7dce7;
	color: #1f2d3d;
	font-weight: 500;
}

.thecds td i.material-icons {
	height: 14px;
	line-height: 14px;
}

td.overdue {
	background: #fbe5e5;
	border-top: 1px solid #fff !important;
}

th.sm {
	width: 4px;
}
th.mdd {
	width: 95px;
}
th.minn {
	min-width: 195px;
}
tr.equ {
	background: #d3d9e6;
}

i.grab:hover {
	cursor: grab;
}
.table td.grouped {
	background: #e7f1f9 !important;
	width: 1px;
	padding: 10px 0 !important;
}
.table td.grouped2 {
	background: #c2dcef !important;
	width: 1px;
	padding: 10px 0 !important;
}

.tabs-left {
	position: relative;
}
.tabs-left, .tabs-right {
	top: 6px;
}
.tabs-left i {
	color: #ccc !important;
}
.tabs-right {
	position: absolute;
	right: 0;
}
.tabs-right i {
	color: #fff !important;
}

.adv-fil {
	font-size: 15px; 
	font-weight: 500;
}

