body {
    font-family: Inter, Tahoma, Verdana, Segoe, sans-serif;
}

/********************/
/* old styles below */
/********************/

/**
 * Define own button "btn-mnc" (orange)
 */
.btn-mnc-orange {cursor:pointer; color:white; background-color: #e57200; border:1px solid #e57200 !important}
.btn-mnc-orange:hover {color:#e57200 !important; background-color:white}
.btn-mnc-orange.disabled, .btn-mnc-orange:disabled {background-color: #db7015; border-color: #db7015; border:0}

.btn.orange {cursor:pointer; color:white; background-color: #e57200; border:1px solid #e57200 !important}
.btn.orange:hover {color: #e57200 !important; background-color: white}
.btn.orange:focus, .btn.orange.focus {box-shadow:none}
.btn.orange.disabled, .btn.orange:disabled {background-color: #db7015; border-color: #db7015}

.heading {
	color:black;
	padding-bottom:1.5rem;
	font-size:1.7rem;
}
h1 {font-size:2rem}
h2 {font-size:1.5rem}
h3 {font-size:1.25rem}
h4 {font-size:1rem}
h5,
h6 {font-size:1rem}

.bg-silver {background:#f4f4f9}
.nav-tabs.bg-silver {background:white}
.nav-tabs.bg-silver .nav-link.active {background:#f4f4f9; border-bottom:1px solid #f4f4f9}
.tab-content.bg-silver {border-bottom:silver !important}

/**
 * Lists
 */
ul.simple {background:none; padding:0px; margin:0px}
ul.simple li {display:block; padding:4px 0px 4px 0px; list-style:none; text-align:left}

ul.dotted {background:none; padding:0px; margin:0px}
ul.dotted li {display:block; padding:4px 0px 4px 0px; border-bottom:black 1px dotted; list-style:none; text-align:left}
ul.dotted ul.dotted {margin-left:20px}

ul.solid {background:none; padding:0px; margin:0px}
ul.solid li {display:block; padding:4px 0px 4px 0px; border-bottom:#f2f2f2 1px solid; list-style:none; text-align:left}
ul.solid ul.solid {margin-left:20px}

ul.padding {margin-left:10px}

ul.blue li {padding-left:25px; background:url('/theme/2020/img/checkmark.png') no-repeat left 12px}
ul.orange li,
ul.middot li,
ul.red li,
ul.black li {padding-left:15px; background:url('/theme/css/images/arrow.gif') no-repeat left 12px}
ol.special li, ul.special li {padding-top:7px; padding-bottom:7px}
ul.checkmark li {padding-left:35px; background:url('../img/checkmark.png') no-repeat left 11px}

nav ol.breadcrumb {
	margin:0;
	padding:9px 15px;
	background:#f5fafd;
	font-size:0.8rem;
}

/* fixed datatable padding in bootstrap 4 */
.dataTables_wrapper .col-sm-12 {
	padding:0px !important;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
}
.dataTables_paginate .page-item .page-link {
	color:#087579;
	outline:none !important;
}
.dataTables_wrapper .page-item.active .page-link {
	background-color:#087579 !important;
	border-color:#087579 !important;
	color:white;
}

/* sand-glass for ajax actions */
#loading span {padding-left:22px; color:white; font-style:italic}
#loading {position:fixed; bottom:15px; left:15px; width:16px; height:16px; background: url(/theme/img/loadingcircle.gif) }

/* ComplianceLock style */
.clStatus {font-weight:normal; color:red; margin-bottom:10px}
.clStatus.compliant {color:green}
.clTask0, .clTask1, .clTask2, .clTask3 {width:153px; padding:3px 10px; display:block; cursor:pointer; color:green; border-radius:1rem; background:#caf2be; text-align:center}
.clTask3 {color:#7e8093; background:#dbdbe7}
.clTask0 {color:#965b5f; background:#edb4b8}
.content table.blue {background:#f2f2f2; margin:1px}
.content table.blue th strong {color:#FF7400}
.content table.blue td, table.blue th {padding:8px; background:white; border:1px solid #f2f2f2}
.content table.blue table td {border:0}
.content table.blue thead th {background:#0e69b1; color:white} 
.content table.blue tbody th {text-align:left; font-weight:normal}
.content table.blue .list_item {padding-left:20px}
.order-table th {background:#29757b; color:#fff; text-align:left; height:34px; padding:0 37px 0 16px; white-space:nowrap}
.order-table th.first {border-top-left-radius:.5rem; border:0px}
.order-table th.last {border-top-right-radius:.5rem}
.order-table td {background:#f3f3f3; height:49px; padding:0 15px 0 17px; color:#6e6e6e}
.order-table td.even {background:#eee}
.order-table .details {padding-left:13px; display:block; background:url('/theme/css/images/arrow.png') 0 4px no-repeat; font-weight:bold}
.del_but {outline:none; float:right; display:block; width:10px; height:11px; margin-left:5px; margin-right:5px; background:url(/i/icon_deletesmall.gif)}
.del_but span {display:none}

/**
 * Table with icons / labels. It can be used as dropdown.
 */
.mnc-menu {
	background:white !important;
}
.d-lg-block .mnc-menu {
	padding:0;
	background:white;
	border:0;
	border-radius:.5rem;
}
.d-lg-block .mnc-menu > div {
	overflow:hidden;
	border-radius:.5rem;
}
.mnc-menu tr td:last-child {
	border-bottom:1px solid #e9f0f5;
}
.mnc-menu tr.divider,
.mnc-menu tr.divider td:last-child {
	border-bottom:1px solid #d0e1ed !important;
}
.mnc-menu tr td:last-child a {
	display:block;
	text-decoration:none;
}
.mnc-menu td {
	width:2000px;
	padding:18px !important;
	white-space:nowrap;
}
.d-lg-none.mnc-menu td {
	padding-left:1.5rem !important;
}
.mnc-menu tr td:first-child * {
	color:#087579;
}
.mnc-menu td:last-child * {
	color:black;
	margin:0 !important;
	padding:0 !important;
}
.mnc-menu tr:hover,
.mnc-menu tr.active {
	background:#e4eff9;
}
.mnc-menu.dropdown-menu {
	right:20px; left:auto; margin-top:9px;
}
.d-lg-block .mnc-menu tr:first-child:after {
  position: absolute;
  top: -6px;
  right: 32px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.d-lg-block .mnc-menu tr:first-child:hover:after {
  border-bottom: 6px solid #e4eff9 !important;
}

/********************/
/* new styles below */
/********************/

/*
	login page start
*/
.login a {color:#29757b !important}
.login {height:100%; width:100%; position:absolute}
.login table {height:100%; width:100%; background:white url(/theme/assets/img/login-bg-large.png) no-repeat left bottom}
.login table tr:nth-child(2) td {background-image:url(/theme/assets/img/login-bg-top-large.png); background-repeat:no-repeat; background-position:top right}
.login table tr:first-child {height:0px; background-image:url(/theme/assets/img/login-bg-top-large.png); background-repeat:no-repeat; background-position:top right}
.login .input-group-prepend {display:none}
.login .shadow,
.login table tr:last-child .row {width:400px}
.login table tr:last-child .row * {text-decoration:none; color:black}
.login table tr:last-child .row span {margin-left:5px; color:#29757b}
.login table tr:last-child .row span:hover {text-decoration:underline; color:#29757b}
.login table tr:last-child .col {padding:30px 0 !important}
/* md */
@media only screen and (max-width: 767px) {
	.login table tr:first-child {height:100px; background-image:url(/theme/assets/img/login-bg-top-small.png)}
	.login table tr:nth-child(2) td {background:none}
	.login table {background:white url(/theme/assets/img/login-bg-small.png) no-repeat left bottom}
	.login div.shadow {box-shadow:none !important; background:none !important; width:100% !important}
	.login table tr:last-child {height:70px}

	.login .input-group-prepend {display:flex}
	.login #forgotemail,
	.login #email,
	.login #password {border-left:0px !important; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important}

	.login table tr:last-child .row {width:100%; border-top:1px solid #cedeeb; background-color:white}
	.login table tr:last-child .col:first-child {border-right:1px solid #cedeeb}
	.login table tr:last-child .col {padding:20px 0 !important}
}
/*
	login page end
*/
/*
	sign up page start
*/
.signup a {color:#2884d2 !important}
.signup {height:100%; width:100%; position:absolute}
.signup table {height:100%; width:100%; background:white url(/theme/assets/img/login-bg-large.png) no-repeat left bottom}
.signup table tr:nth-child(2) td {background-image:url(/theme/assets/img/login-bg-top-large.png); background-repeat:no-repeat; background-position:top right}
.signup table tr:first-child {height:0px; background-image:url(/theme/assets/img/login-bg-top-large.png); background-repeat:no-repeat; background-position:top right}
.signup .input-group-prepend {display:none}
.signup .shadow,
.signup table tr:last-child .row {width:70%}
.signup table tr:last-child .row * {text-decoration:none; color:black}
.signup table tr:last-child .row span {margin-left:5px; color:#2884d2}
.signup table tr:last-child .row span:hover {text-decoration:underline; color:#2884d2}
.signup table tr:last-child .col {padding:30px 0 !important}
/* md */
@media only screen and (max-width: 767px) {
	.signup table tr:first-child {height:100px; background-image:url(/theme/assets/img/login-bg-top-small.png)}
	.signup table tr:nth-child(2) td {background:none}
	.signup table {background:white url(/theme/assets/img/login-bg-small.png) no-repeat left bottom}
	.signup div.shadow {box-shadow:none !important; background:none !important; width:100% !important}
	.signup table tr:last-child {height:70px}

	.signup .input-group-prepend {display:flex}
	.signup #forgotemail,
	.signup #email,
	.signup #password {border-left:0px !important; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important}

	.signup table tr:last-child .row {width:100%; border-top:1px solid #cedeeb; background-color:white}
	.signup table tr:last-child .col:first-child {border-right:1px solid #cedeeb}
	.signup table tr:last-child .col {padding:20px 0 !important}
}
/*
	sign up page end
*/

textarea,
select:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus {
    outline:0px !important;
/*     -webkit-appearance:none; */
    box-shadow: none !important;
	border:1px solid #3392e3;
}


/* change default radius of all items */
.card,
.alert,
.form-control,
.input-group-text {
    border-radius: .5rem;
}
.rounded,
.btn {
    border-radius: .5rem!important;
}
/* change default radius of all items end */


/* custom tabs start */
.mad2020.nav-tabs {
	overflow:hidden;
	border: 1px solid #dbdde6;
	border-top-left-radius:0.5rem;
	border-top-right-radius:0.5rem;
	margin-top:-1px;
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom:-10px;
	position:relative;
	border-bottom:0;
}
.mad2020.nav-tabs .nav-item {
	text-transform: uppercase;
}
.mad2020.nav-tabs .nav-item:last-child {
	margin-right: -1px;
}
.nav-link {
	padding:0.5rem 1rem;
}
.mad2020.nav-tabs .nav-link {
	border-radius: 0 !important;
	color: #087579;
	border: 0px solid transparent !important;
	border-right: 1px solid #dddddd !important;
}
.mad2020.nav-tabs .nav-link.active:first-child,
.mad2020.nav-tabs .nav-item.show .nav-link:first-child {
	border-bottom-right-radius:13px !important;
	border-bottom: 10px solid white !important;
	color:black;
}
.mad2020.tab-content {
	margin-left:-1px;
	margin-right:-1px;
	background:white;
	border:1px solid #dbdde6;
	border-radius:0.5rem;
	overflow:hidden !important;
}
/* custom tabs end */

.alert-warning {
	color:black;
	background-color:#fff6e2;
	border-color:#eee0c2;
}
.alert-success {
	color:black;
	background-color:#eefaf2;
	border-color:#cee7de;
}
.bg-primary-light {
	background-color:#e4eff9 !important;
}
.border-primary-light {
	border-color:#e4eff9 !important;
}

/**
 * Define own button "btn-mnc" / "btn-primary"
 */
.btn-primary {background-color:#3392e3 !important; border:1px solid transparent}
.btn-primary:hover {background-color:#004881 !important; border-color:#004881; box-shadow: 2px 2px 10px rgba(0,0,0,0.1)}
.btn-primary:focus, .btn-primary.focus {box-shadow:none}
.btn-primary.disabled, .btn-primary:disabled {background-color: #db7015; border-color: #db7015; border:0}
.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {background-color: #de6800; background-image: none; border-color: #d39e00}

.btn-primary-light {background-color:#e4eff9; color:#2884d2; border:1px solid transparent}
.btn-primary-light:hover {background-color:#3392e3 !important; color:white !important}

.btn-light {
	border-width:2px;
	color:#2884d2 !important;
	border-color:#e4eff9 !important;
}

/*
	customize tables
*/
table.table-striped.table-borderless {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.table-striped.table-borderless td:first-child,
.table-striped.table-borderless th:first-child {
	padding-left:1rem !important;
}
.table-striped.table-borderless td:last-child,
.table-striped.table-borderless th:last-child {
	padding-right:1rem !important;
}
.table-striped.table-borderless {
	border-top:1px solid #f4f4f9;
}
.table-striped.table-borderless thead th {
	font-size:0.9rem;
	font-weight:normal;
	text-transform:uppercase;
	color:#a5a6b3;
}
.table-striped.table-borderless tbody tr:nth-of-type(odd) {
  background-color: #f4f4f9;
}


/*
	custom accordion
*/
.mad2020.accordion > .card {
    border-radius: 0!important;
	margin-left:-17px;
	margin-right:-17px;
}
.mad2020.accordion > .card > .card-header {
	background-color:white;
}
.mad2020.accordion > .card > .card-body {
	background-color:#fbfafd;
	padding:2rem;
}
.mad2020.accordion > .card > .card-header {
	padding:0;
	border:0;
	position:relative;
	top:0px;
	z-index:1;
	overflow:hidden;
}
.mad2020.accordion > .card > .card-header button {
	font-size:1.04rem;
	color:black;
	padding:0rem 1rem;
	border:0 !important;
	border-radius:0 !important;
	text-align:left;
	width:100%;
	height:45px !important;
	text-decoration:none !important;
	background-image: url(../img/tab-arrows.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.mad2020.accordion > .card > .card-header .btn.collapsed {
	background-position: right top;
}
.mad2020.accordion > .card > .card-header .badge.badge-light {
	font-weight:normal;
	background:white;
	border:2px solid #e6e8f3;
    border-radius: 1rem;
}
.mad2020.accordion > .card > .card-header .btn.btn-light {
	color:#087579 !important;
	border:0 !important;
	width:170px;
}
@media only screen and (max-width: 767px) {
	.mad2020.accordion > .card > .card-header .btn.btn-light {
		width:auto;
	}
}
.mad2020.accordion > .card > .card-header .btn.btn-light:hover {
	box-shadow:none;
	color:black !important;
}
.mad2020.accordion > .card > .card-header .help {
	cursor:pointer;
	position:relative;
	margin:-2.1rem 0 -2.2rem 1rem;
	color:#3392e3;
	float:left;
}

/*
	Sidebar with icons & labels. Customization.
*/

#contentbar {
	width:100%;
	background:#f8f8fc;
	padding:1.5rem;
}

#sidebar {
	background:#29757b;
	padding:0px;
	height:100vh;
}
.sidebar {
	padding-top:1rem;
}
.sidebar ul {
	padding:0;
	margin:0;
}
.sidebar ul ul{
	padding-left:2.5rem;
}
.sidebar li {
	list-style-type: none;
	padding:0;
	margin:0;
}

.sidebar li .btn:hover {
	border:1px solid white;
}
.sidebar li .btn {
	width:215px;
	padding:.5rem 1rem;
	margin:.5em 1.5rem;
	color:white;
	text-align:left;
	box-shadow:none;
}
.sidebar li li .btn {
	width:175px;
}
.sidebar .btn i {
	float:left;
	width:35px;
}
.sidebar .btn.active {
	background:white !important;
	color:#29757b !important;
}
@media only screen and (max-width: 991px) {
	/* left sidebar move content to the right when fully visible */
	body.sidebarActive {
	    overflow-x:hidden;
	}
	body.sidebarActive .container-fluid {
		width:calc(100% + 215px);
	}
}

/**
 * Top nav bar
 */
.navbar {
	padding:0;
	background-color:#f8f8fc !important;
	border-bottom:1px solid #dbdde6;
}
.navbar #expander {
	cursor:pointer;
	color:white;
}
.navbar-brand {
	height:70px;
	text-align:center;
	vertical-align:bottom;
	border-bottom:1px solid #29757b;
	margin-bottom:-1px;
	width:263px !important;
	background:#29757b;
	margin-right:1.5rem !important;
}
.navbar .navbar-toggler {
	border:0;
	outline: 0;
	cursor:pointer;
}
.navbar .list-unstyled {
	margin:0 !important;
}
.navbar .profile .label {
	line-height:1.3;
	font-size:0.92rem;
}
.navbar .profile .label small {
	font-size:0.9rem;
}
.navbar .profile .ico {
	border-radius:.5rem !important;
	background:#e4eff9;
	width:38px;
	height:38px;
	text-align:center;
	margin:0 10px 0 20px;
}
.navbar .profile {
	text-decoration:none;
	color:black;
}
.navbar .profile .caret {
	color:#015aa0;
	padding-right:20px;
	font-size:.7rem;
	color:black;
}
.navbar .profile[aria-expanded=true] .caret .fa-chevron-down {
	display:none;
}
.navbar .profile[aria-expanded=true] .caret .fa-chevron-up {
	display:block !important;
}
.navbar .profile .caret .fa-chevron-up {
	display:none;
}
@media only screen and (max-width: 991px) {
	.navbar-brand {
		width:148px !important;
	}
	.navbar {
		background-color:#29757b !important;
		border-bottom:1px solid #29757b;
	}
	.navbar .profile .caret {
		color:white;
	}
}

.navbar .btn-notifications {
	background:url(/theme/2020/img/ico-bell.png) no-repeat center center;
	height:38px;
	min-width:40px !important;
	font-size:.8rem;
	text-align:center;
	padding:7px;
}
.navbar .btn-help,
.navbar .btn-notifications {
	background-color:#e4eff9 !important;
	box-shadow:none;
}
.navbar .d-block.d-lg-none .btn-notifications {
	background:#29757b url(/theme/2020/img/ico-bell-xs.png) no-repeat center center !important;
}
.navbar .badge {
	outline: 0;
	border-radius:1rem;
	background-color:#e57200;
	color:white;
	padding:5px;
	position:relative;
	top:-22px;
}
.navbar .btn-help {
	background:url(/theme/2020/img/ico-help.png) no-repeat center center;
	height:38px;
	min-width:40px !important;
	font-size:.8rem;
	text-align:center;
	padding:7px;
}
.navbar .d-block.d-lg-none .btn-help {
	background:#29757b url(/theme/2020/img/ico-help-xs.png) no-repeat center center !important;
}


.no-outline {
	outline:0px !important;
}

/*
	Order Startup Concierge, VO, etc pages
*/
@media only screen and (min-width: 767px) {
	.card-group.order .left {
		flex-grow:1.5;
		border-right:0 !important;
	}
}
.card-group.order .card-footer,
.card-group.order .right .card-body,
.card-group.order .left .card-body {
	padding:3rem;
	border:0;
}
.card-group.order .card-footer,
.card-group.order .card-header {
	background:transparent;
	border:0;
	text-align:center;
	padding:3rem;
}
.card-group.order .right {
	background:#e4eff9;
}
.card-group.order .right {
	background: #e4eff9 url(/theme/2020/img/bg-order.png) no-repeat;
}

/********************/

.btn-link,
.btn-link:hover,
a,
a:hover {color:#29757b}

.btn-primary:hover {color:#29757b; background:white !important; border:1px solid #29757b}
.btn-primary {background-color:#29757b !important; border:1px solid #29757b}

.dataTables_wrapper .page-item .page-link {box-shadow:none !important}