body {font-family: Open Sans !important; background-color: #ffffff !important; background: #ffffff !important; font-size:15px;}
a {color: #0088CC !important;}
h5 {font-size:14px !important;}
h6 {font-size:13px !important; font-family: Open Sans !important;}
thead tr {border-bottom:2px solid #e3e3e3 !important;}
tbody {border-bottom:1px solid #e3e3e3 !important;}
th {font-size:13px !important;}
tfoot .greytext {font-size:13px !important;}
.extrabold {font-weight:800;}
.cursorpointer {cursor: pointer;}
.linktext {color:#0088CC !important;}
.displaynone {display: none !important;}
.greycount {color: #999999; font-size: 40px; font-weight: normal; line-height: 50px;}
.greytext {color:#999999 !important;}
.darktext {color:#333333 !important;}
.submenutext {color:#999999 !important;}
.boldtext {font-weight: bold !important;}
.breadcrumbs {padding-left:20px !important;}
.pointer,a {cursor: pointer;}

.bluebg {background-color:#0088CC !important;}
.tablewidth_1 {max-width: 100px;}
.portletheader {font-size:50px !important; font-weight:800 !important;}
.fontbold {font-weight: bold;}
.fontnormal {font-weight: normal;}
.desctext {font-size: 15px !important;}
.smalltext {font-size: 13px !important; font-weight: 300 !important;}
.whitetext {color:#ffffff !important;}
.whitetext a {color:#ffffff !important;}
.whitetext a:hover {color:#e3e3e3 !important;}
.bluetext {color:#0088CC;}
.bluetext a {color:#0088CC !important;}
.bluetext a:hover {color:#6DCEFF !important;}
.orangetext {color:#f15a29;}
.orangetext a {color:#f15a29 !important;}
.orangetext a:hover {color:#f15a29 !important;}
.whitebg {background-color:#ffffff;}
.centertext {text-align:center;}
.lefttext {text-align:left;}
.righttext {text-align:right;}
.rightfloat {float: right !important;}
.noleftpadding {padding-left:0px !important;}
.sectionheader {text-align: left; color:#f15a29; font-weight:bold; font-size: 30px; margin-bottom: 12px;}
.blacktext{color:#000000 !important;}
.cartbreadcrumb2 {color:#6DCEFF !important;}
.editlink {text-align: left; font-size: 13px !important; cursor: pointer; color:#0088CC !important;}
.regulartext {font-size:16px !important; font-weight: 300 !important; color:#333333;}
.policyheader {font-size:16px; color: #333333;}
.footertext {color:#cccccc;}
.footertext:hover {color:#e3e3e3;}
.columnhead_small {font-size:11px; font-weight: bold;}
.columnhead {font-size: 18px; font-weight: 600 !important; color:#85868c; vertical-align: top; padding-right: 30px;}
.columntext {font-size: 18px; font-weight: normal; color:#85868c; vertical-align: top;}
.blockmenu {background-color:#ffffff; border-radius:0px !important; height: 50px !important; padding-left:0px !important; padding-right:50px !important;}
.blockmenu_wrapper {height:50px !important; background-color: #ffffff !important;}
.terminatebox {padding:10px; background-color:#cccccc; width:75%; display:none; text-align: left;}
.submenuheader {position: relative;}
.submenuheader2 {}
.submenuheader3 {border-bottom: 2px solid #cccccc; position: relative; z-index: 51; height: 25px; width: 100%;}
.submenuheader4 {border-bottom: 2px solid #f15a29; position: absolute; z-index: 52;top: -2px;}
.submenubg {background-color:#f3f3f3; display: none;}
.submenu_row {min-height: 100px; background-color:transparent; padding-top:30px; padding-bottom: 50px;}
.submenu_item {margin-top:10px;}
.submenu_arrow {background-image: url(/assets/images/submenu_arrow.jpg); background-size: cover; height: 8px; width: 16px; position: relative; top: -6px; margin-left:25%;}
.kt-header {background-color: #f3f3f3;}
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
	font-weight: normal;
	font-size: 23px !important;
	text-transform: initial;
	line-height: 50px !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text:hover {
	color:#333333 !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link {
	background-color: #ffffff;
	font-weight: bolder;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text {

}
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link {
background-color: #ffffff !important;}
.form-group {
	margin-bottom: 0rem !important;
}
.kt-menu__item--here {
	color:#0088CC !important;
}
.form-control {border-radius:0px !important;}
.input-group-text_custom {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 16px !important;
	color: #333333 !important;
	background-color: #bcbec0 !important;
}
.input-group-text {border-radius:0px !important;}
.kt-portlet { -webkit-box-shadow: 0px 0px 0px 0px rgba(82, 63, 105, 0.05) !important; box-shadow: 0px 0px 0px 0px rgba(82, 63, 105, 0.05) !important;}
.kt-portlet__body {padding:25px 0px !important;}
.kt-portlet__head {padding:0px 0px !important; border-bottom: 0px !important;}
.policybox {min-height: 195px; padding:15px; border:2px solid #0088CC; border-radius:5px; margin-bottom: 20px;}
.policysubtitle {font-size:14px; color:#333333 !important;}
.policytitle {font-size: 20px !important; font-weight: bold; line-height: 22px; color:#85868C !important; max-height:20px; overflow: hidden;}
.policytext {font-size: 13px !important; font-weight: normal; color:#85868C !important; line-height: 25px;}
.policylink {font-size: 13px !important; font-weight: bold; color:#0088CC; margin-top:30px; text-align: center; position: absolute; bottom:15px; height:20px; width:100%;}
.policylink a {text-decoration: none;}
.table th, .table td {border-top: 0px solid #ebedf2 !important;}
.carttotals {font-size:18px; font-weight:normal; clear:both; padding: 3px 0px;}
.carttotals2 {padding-left:30px; font-weight: bold;}
.unusedmessage {font-size:11px; color:#ffffff; text-decoration:none;}
.menuline {width:100%; height: 2px; background-color:#e3e3e3;}
.sysdecision {line-height: 25px;}
.tablehead_small {font-size:11px !important; width: 150px !important;}

.alert {
	background:#BDE4C6;
	border: 1px solid #BDE4C6 !important;
	color: #666666;
	text-align: left !important;
	font-weight: bold;
	font-size: 14px;
	border-radius: 0px;
}
.thespinner {text-align:center; background-color:#ffffff; position:absolute; height:100%; width:100%; z-index:1000; padding-top:40px; display:none;}
.btn-info {
	background-color: #6DCEFF !important;
	border-color: #6DCEFF !important;
	color: #ffffff;
	border-radius:0px;
	font-size:17px;
	font-weight: bold;
}
.btn-light {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #0088cc;
	border-radius:0px;
	font-size:17px;
	font-weight: bold;
	min-width:100px;
}
.btn-brand {
	background-color: #0088cc !important;
	border-color: #0088cc !important;
	color: #ffffff;
	border-radius:0px;
	font-size:17px;
	font-weight: bold;
	min-width:100px;
}
.btn-grey {
	background-color: #727272 !important;
	border-color: #727272 !important;
	color: #ffffff;
	border-radius:0px;
	font-size:17px;
	font-weight: bold;
	min-width:100px;
}
.btn-grey2 {
	background-color: #e3e3e3 !important;
	border-color: #e3e3e3 !important;
	color: #ffffff;
	border-radius:0px;
	font-size:17px;
	font-weight: bold;
	min-width:100px;
}
.btn-inputsize {
	min-width:50px !important;
	padding: 4px 15px 8px 18px;
}
.btn-inputsize2 {
	min-width:50px !important;
	padding: 4px 4px 8px 8px;
}
.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	color: #CC0000;
}
.kt-footer .kt-footer__bottom .kt-footer__copyright {
	font-size:13px;
}
/* EDITED BY TYLER */
#kt_header_mobile_topbar_toggler {
	display: none;
}

#logout_button_menu {
	display: none;
}

.invalid-date {
	color: #c9c9c9 !important;
}

.valid-date {
	color: #030303 !important;
}

.add-scrolling {
	height: 470px;
    overflow-y: scroll;
}

/* Fix the glitch on the DRC page submenu */
.darktext.boldtext {
    margin-top: 0px;
}

/* Remove the new employers link from all pages */
#new-employer {
	display: none;
}

/* Media query to specifically target the mobile breakpoint and below */
@media screen and (max-width: 1024px) {

	/* Remove the account/login button on mobile and make the breadcrumb links take up the entire bar*/
	#right-side {
		display: none;
	}
	.kt-subheader__breadcrumbs {
		max-width: 100%;
	}

	/* Add left padding to the menu items but only when in the mobile view (less than 1024 pixels wide) */
	.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
		margin-left: 20px;
	}
	#logout_button_menu {
		display: flex;
	}

	/* Remove the unnecessary white space and fix bread crumb menu on mobile*/
	.blockmenu_wrapper {
	    height: 0px !important;
	}

	.kt-header__topbar {
		display: none;
	}

	/* This is an empty div that is causing the extra space underneath the breadcrumb menu */
	.kt-subheader__toolbar {
		display: none !important;
	}
}

/* Style the elements in the Employment Record section to look like normal text despite the fact that they are disabled inputs */

#employmentRecordTable input, #employmentRecordTable select {
	color: #212529;
	font-family: Open Sans !important;
	font-size: 15px !important;
	font-weight: 300 !important;
}

#employmentRecordTable input:disabled {
	border: 0px !important;
	background: none !important;
}

#employmentRecordTable select:disabled {
	-webkit-appearance: none;
    appearance: none;
	color: #474747;
    border: 0px;
    background: none;
}

#employmentRecordTable select:disabled-ms-expand {
	display: none;
	background: none;
}

#employmentRecordTable .form-control {
	display: inline-block;
    width: 70%;
}

@media screen and (max-width: 675px) {
	.table td {
		padding: 0.1em;
	}
}

.orange-text a {
	color: #f15a29 !important;
}

.form-control {
	height: calc(1.5em + 1.3rem + 4px);
}

.kt-radio > input:checked ~ span {
    border: 1px solid #fff;
}

.kt-radio > input ~ span {
	border: 1px solid #fff;
}

.kt-radio > span::after {
    border: solid #fff;
	background: #fff;
}

.kt-container.kt-grid__item.kt-grid__item--fluid {
    padding-top: 60px !important;
}

.form-group label.error {
    color: #dc0d0d;
    font-size: 15px;

	margin-bottom: 0px;
    font-weight: bold;
}

/* STYLE F - SQUARE CHECKBOX */

/* STYLE F - SQUARE CHECKBOX */

.checkbox.style-f {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .checkbox.style-f input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  .checkbox.style-f input:checked ~ .checkbox__checkmark {
	background-color: black;
  }
  
  .checkbox.style-f input:checked ~ .checkbox__checkmark:after {
	transform: scale(1);
  }
  
  .checkbox.style-f input:checked ~ .checkbox__body {
	font-weight: bold;
  }
  
  .checkbox.style-f:hover input ~ .checkbox__checkmark {
	background-color: #eee;
  }
  
  .checkbox.style-f:hover input:checked ~ .checkbox__checkmark {
	background-color: black;
  }
  
  .checkbox.style-f .checkbox__checkmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #eee;
	transition: background-color 0.25s ease;
	border-radius: 3px; /* Changed from 11px to 3px for square shape */
  }
  
  .checkbox.style-f .checkbox__checkmark:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 22px;
	height: 22px;
	display: block;
	background-color: #eee;
	border-radius: 3px; /* Changed from 50% to 3px for square shape */
	transform: scale(0);
	transition: transform 0.25s ease;
  }
  
  .checkbox.style-f input:checked ~ .checkbox__checkmark:after {
	background-color: black;
  }
  
  .checkbox.style-f .checkbox__body {
	color: #333;
	line-height: 1.4;
	font-size: 16px;
	transition: font-weight 0.25s ease;
  }