@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

html, body {	
	font-family: 'Roboto', sans-serif;
}

.navbar {
	background-color: #04549C;
}

.navbar-dark .navbar-toggler {
	color: white;
	border-color: white;
}

.navbar-toggler:hover {
	background-color: #00a160;
}

.V01-FORMGROUP.form-group input:autofill:hover, 
.V01-FORMGROUP.form-group input:autofill:focus, 
.V01-FORMGROUP.form-group input:autofill:active {
	background-color: white !important;
	color: black !important;
}

.modal .modal-content {
	background-color: rgb(178, 203, 224);
	color: rgb(0, 83, 155);
	border-radius: 1rem;
}

.modal .modal-header, 
.modal .modal-footer {
	background-color: #04549C;
	color: #FFFFFF;
}

.modal .modal-footer .btn.btn-secondary:hover {
	color: #FFFFFF !important;
	border: 1px solid #FFFFFF !important;	
}

.alert.alert-info {
	background-color: rgb(178, 226, 207);
	color: rgb(51, 117, 154);
	font-weight: 500;
}

table.dataTable thead th, 
table.dataTable thead td {
	border-bottom: 1px solid rgb(0, 83, 155);
}

.V01-ENROL_LOGO {
	background-image: url("Images/P741_LF01.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	width: 12rem;
	height: 6rem;
	margin: 0.75rem auto 0;
}

.V01-NM_WELCOMEDIV .card-header,
.V01-NM_OVRVW_DIV .card-header {
	background-color: #00539b;
	border-radius: 1.25rem 1.25rem 0 0;	
	border: medium none;
}

.V01-NM_WELCOMEDIV .card-body,
.V01-NM_OVRVW_DIV .card-body {
	background: linear-gradient(180deg, rgba(0,83,155,1) 0%, rgba(0,161,96,1) 100%);	
	font-size: 1.25rem;
}

.V01-NM_WELCOMEDIV .card-body .V01-NOTE,
.V01-NM_OVRVW_DIV .card-body .V01-NOTE {
	font-size: 1rem;
}

.V01-NM_WELCOMEDIV .card-footer,
.V01-NM_OVRVW_DIV .card-footer {
	background-color: #00a160;
	border-radius: 0 0 1.25rem 1.25rem;	
	border: medium none;
	font-size: 1.25rem;
	padding: 0 2.5rem 2rem;
}

.V01-NM_WELCOMEDIV .V01-BTN_DARK,
.V01-NM_OVRVW_DIV .V01-BTN_DARK {
	font-weight: bold;
	background-color: #ffffff !important;
	color: #00a160 !important;
	text-transform: uppercase;
}

.V01-NM_WELCOMEDIV .V01-BTN_DARK:hover,
.V01-NM_OVRVW_DIV .V01-BTN_DARK:hover {
	background-color: rgba(255,255,255,0.2) !important;
	color: white !important;
	border: 1px solid white !important;
}

.V01-WARN_ICON {
	background-image: url(Images/enroll_exclaim_icon.svg);
	background-size: 100% 100%;
	width: 3.5rem;
	height: 3.5rem;
}

.V01-LOGOUT_ICON {
	background-image: url(Images/logout_icon.svg);
	background-size: 100% 100%;
	width: 3.5rem;
	height: 3.5rem;
}

.V01-NM_TITLE {
	font-size: 2rem;
	color: rgb(0, 83, 155);
}

.V01-NM_TITLE + h3 {
	color: rgb(0, 161, 96);
	font-weight: 500;
}

.V01-NM_OVRVW_FACTS {
	background-color: rgba(255,255,255,0.3);
	border-radius: 0.125rem;	
	padding: 1rem 0;
	margin: 0.5rem;
}

.V01-CONFIRM_SECT .card-header, 
.V01-CONFIRM_SECT .card-footer {
	background-color: rgb(0, 83, 155);
}

.V01-PROGBAR_SUB_ICON + h3,
.V01-PROGBAR_SUB_ICON + h4 {
	font-size: 3rem;
	color: rgb(0, 161, 96);
	font-weight: lighter;
}

.V01-PROGBAR .card-header, 
.V01-PROGBAR .card-footer {
	background-color: rgb(178, 203, 224);	
}

.V01-PROGBAR .card-header h4 {
	color: rgb(0, 83, 155);
	font-weight: normal;
}

.V01-PROGBAR .card-body {
	background-color: rgb(228, 237, 244);
	border: medium none;
}

.V01-ADDR_DIV_TITLE {
	background-color: rgb(0, 83, 155);
}

.V01-ADDR_DIV_HEAD {
	background-color: rgb(178, 203, 224);
	font-weight: 500;
	color: rgb(0, 83, 155);
	border-top: 1px solid rgb(0, 83, 155);
	border-left: 1px solid rgb(0, 83, 155);
}

.V01-ADDR_DIV_FOOTER {
	background-color: rgb(0, 83, 155);
}

.V01-ADDR_DIV_CELL {
	border: 1px solid rgb(0, 83, 155);
	border-bottom: medium none;
}

.V01-ADDR_DIV .row:nth-child(2n) .V01-ADDR_DIV_CELL,
.V01-ADDR_DIV .row:nth-child(2n+1) .V01-ADDR_DIV_CELL {
	background-color: rgb(228, 237, 244);
}

.V01-ADDR_DIV .row:last-child .V01-ADDR_DIV_HEAD,
.V01-ADDR_DIV .row:last-child .V01-ADDR_DIV_CELL {
	border-bottom: 1px solid rgb(0, 83, 155);
}

.V01-ADDR_DIV_CELL > div.text-center,
.V01-ADDR_DIV_CELL > p {
	color: rgb(114, 117, 121);
}

.V01-ADDR_DIV_CELL > div.alert-warning {
	background-color: rgb(178, 226, 207);
	color: rgb(51, 117, 154);
	font-weight: 500;
}

.V01-BG_DARK .card-header, 
.V01-BG_DARK .card-footer {
	background-color: rgb(0, 83, 155);
}

.V01-BG_DARK .card-header,
.V01-PAGE_SECT_BTN.btn:hover {
	color: white !important;
	border: 1px solid white !important;
}

.V01-BG_DARK .card-body {
	color: rgb(0, 83, 155) !important;
	background-color: rgb(228, 237, 244);
}

.V01-BG_DARK .card-body .text-white {
	color: rgb(0, 83, 155) !important;
}

.V01-CONTRATE_DIV .HEADER {
	background-color: rgb(0, 83, 155);
}

.V01-PAGE_SECT_HEAD {
	background-color: rgb(0, 83, 155);
}

.V01-DIVIDER_HORIZ,
.V01-DIVIDER_VERT {
	background-color: rgb(255, 255, 255);
}

.V01-OVRVW_TABLE {
	border: 1px solid rgb(0, 83, 155);
}

.V01-OVRVW_TABLE table thead tr, 
.V01-OVRVW_TABLE table tfoot tr {
	background-color: rgb(0, 83, 155);
}

.V01-CONFIRM_SECT .V01-TBL_HEADER {
	background-color: rgb(0, 161, 96);
	color: #FFFFFF;
}

.V01-CONFIRM_SECT .V01-OVRVW_TABLE table thead tr {
	background-color: rgb(178, 203, 224);
	color: rgb(0, 83, 155);
}

.V01-TBL_HEADER {
	background-color: rgb(178, 203, 224);
	color: rgb(0, 83, 155);
}

.V01-IIC_SCORE_BAR {
	background-color: rgb(0, 161, 96);
}

.V01-TBL_FOOTER {
	background-color: rgb(0, 83, 155);
}

.V01-RISK_SCORE_SM,
.V01-RISK_SCORE_LG {
	color: rgb(0, 83, 155);
}

.V01-LOGIN {
	background-color: #2BAB85;
	border: medium none;
}

.V01-LOGIN .card-header {
	background-color: #00539b;
	border-radius: 1.25rem 1.25rem 0 0;	
	border: medium none;
	font-size: 1.75rem;
	padding-top: 2rem;
}

.V01-LOGIN .card-body {
	background: linear-gradient(180deg, rgba(0,83,155,1) 0%, rgba(0,161,96,1) 100%);	
	font-size: 1.25rem;
}

.V01-LOGIN .card-footer {
	background-color: #00a160;
	border-radius: 0 0 1.25rem 1.25rem;	
	border: medium none;
	font-size: 1.25rem;
	padding: 0 2.5rem 2rem;
}

.V01-LOGIN .form-control {
	background: white;
	color: black;
}

.form-group input:autofill {
	background: white !important;
	color: black !important;
}

.V01-LOGINBTN.btn {
	font-weight: bold;
	background-color: #ffffff !important;
	color: #00a160 !important;
	text-transform: uppercase;
}

.V01-LOGINBTN.btn:hover {
	background-color: rgba(255,255,255,0.2) !important;
	color: white !important;
	border: 1px solid white !important;
}

.V01-LOADING {
	background-image: url("Images/loading_blue.png");
}

.V01-LOGINLINK {
	font-size: 1.25rem;
	color: white;
}

.V01-LOGINLINK:hover {
	color: white;
}

.V01-SIDEBAR_BTNCONTAINER {
	border: 2px solid white;
}

.V01-SIDEBAR_BTNCONTAINER:hover {
	background-color: #2BAB85;
}

.V01-SIDEBAR_TILES {
	background-color: #2BAB85;
}

.V01-SIDEBAR_TILES ul li:hover {
	background-color: #2BAB85;
}

.V01-SIDEBAR_TILES ul.components {
	border-bottom: 1px solid white;
}

.V01-PLANROW>div.card-header,
.V01-PLANROW>div.card-footer {
	background-color: #2BAB85;
}

.V01-SIDE_PANEL .card-header,
.V01-SIDE_PANEL .card-footer {
	background-color: #2BAB85;
}

.V01-MEMSIDEBAR_HEADER {
	background: #04549C;
}

.V01-MEMSIDEBAR ul.components {
	border-bottom: 1px solid white;	
}

.V01-MEMSIDEBAR {
	background: #047B57;
}

.V01-MEMSIDEBAR ul li a {
	color: #EDEDED;
}

.V01-MEMSIDEBAR ul li a:hover {
	color: #FFCB77;
	background: #00654C;
}

.btn {	
	background-color: rgb(0, 161, 96) !important;
	border: 1px solid transparent !important;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: bold;
}

.btn:hover {
	color: rgb(0, 161, 96) !important;
	background-color: transparent !important;
	border: 1px solid rgb(0, 161, 96) !important;
}

.breadcrumb.bg-dark {
	background-color: #2BAB85 !important;
}

.breadcrumb-item a {
	color: #78D7BA;
}

.breadcrumb-item a:hover {
	color: white;
}

.breadcrumb-item.active {
	color: #037B57;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #037B57;
}

.V01-DARK_PANEL {
	background-color: #656e75;
}

.V01-ACTION_CARD {
	background-color: #656e75;
}

.modal.shortcuts .modal-header, 
.modal.shortcuts .modal-footer {
	background-color: #04549C;
}

.modal.shortcuts .modal-content {
	background-color: #656e75;
}

.V01-SHORTCUT_CARD {
	background-color: #2BAB85;
}

.V01-ADMSIDEBAR {
	background-color: #2BAB85;
}

.V01-ADMSIDEBAR .sidebar-header {
	background-color: #04549C;
}

.V01-ADMSIDEBAR ul li a {
	color: #EDEDED;
}

.V01-ADMSIDEBAR ul li a:hover {
	color: #FFCB77;
	background: #047B57; 
}

.V01-ADMSIDEBAR ul ul li a {
	background-color: #00654C;
}

.V01-ADMSIDEBAR ul ul li a:hover {
	color: #FFCB77;
	background: #047B57;
}

.V01-ADMSIDEBAR ul ul ul li a {
	background-color: #004832;
}

.V01-ADMSIDEBAR ul ul ul li a:hover {
	color: #FFCB77;
	background: #047B57;
}