/*body{margin:0}*/
/*body{font-family:arial,sans-serif;font-size:16px;line-height:19px}*/
.breadcrumbs, .content, .site-selector {
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	font-size: 14px !important;
	font-weight: regular !important;
	line-height: 25px !important;
	color: #434343 !important;
	/*background-color: #e7e7e7;*/
}

@media ( min-width : 1200px) {
	.container {
		width: 1170px;
	}
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

svg-inline--fa {
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -.125em;
}

/*
@media screen and (min-width: 768px) {
body {
font-size: 16px;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
}
*/
@media screen and (min-width: 1024px) {
	header {
		padding-top: 0;
		padding-bottom: 0;
	}
}

header {
	border-bottom: 1px solid #fff;
}

@media screen and (min-width: 1024px) {
	header .content {
		position: relative;
		max-width: 1376px;
		margin: 0 auto;
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (min-width: 1024px) {
	.breadcrumbs, .content, .site-selector {
		max-width: 1376px;
	}
}

.site-selector {
	font-size: 14px;
	line-height: 2;
	position: relative;
	padding: 0;
}

@media screen and (min-width: 1024px) {
	.site-selector {
		font-size: 16px;
	}
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block;
}

.supplemental ul, .additional ul, .main-nav, .main-nav .sub-section ul,
	.main-nav .sub-section li, .site-selector .drop-trigger+ul,
	.drop-trigger+ul, .pagination ul, .section-filters ul, .card-group,
	.display-style-toggle ul, .share-this ul, .training-country .country-data ul,
	.footer-notes ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*
.main-nav {
width: 300px;
border-bottom: 1px solid #e7e7e7;
margin-top: 50px;
}
@media screen and (min-width: 1024px) { 
.main-nav {
width: 500%;
max-width: auto;
clear: both;
position: static;
margin-left: -5%;
float: left;
background-color: #f4f4f4;
border: 1px solid #f4f4f4;
padding-left: 4em;
line-height: 22px;
}
}
*/
@media screen and (min-width: 768px) {
	li {
		font-size: 1em;
	}
}

.breadcrumbs, .content, .site-selector {
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
}

@media screen and (min-width: 1024px) {
	.breadcrumbs, .content, .site-selector {
		max-width: 1376px;
	}
}

.site-selector {
	font-size: 14px;
	line-height: 2;
	position: relative;
	padding: 0;
}

@media screen and (min-width: 1024px) {
	.site-selector {
		font-size: 16px;
	}
}

.main-nav li {
	padding: 0;
}

.main-nav li.nav-item.site-selector {
	background: #fdbb30;
	border-top: 1px solid #e7e7e7;
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector {
		position: absolute;
		top: -32px;
		left: 0;
		background: 0;
		border: 0;
		font-weight: normal;
	}
}

.main-nav>li.nav-item.site-selector {
	background-color: #213c60;
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector {
		left: 190px;
		top: 0;
		min-width: 218px;
		padding-left: 0;
		background-color: #fff;
	}
}

.main-nav li a {
	display: block;
	padding: 14px 15px;
	color: #000;
	position: relative;
	border-top: 1px solid #e7e7e7;
	font-size: 16px;
}

.main-nav li.nav-item>a {
	font-weight: bold;
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item>a {
		font-size: 1em;
		color: #2a2c2b;
		font-weight: normal;
		padding: 12px 0 10px 0;
		margin-bottom: -4px;
	}
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item a {
		display: inline-block;
		border: 0;
	}
}

.main-nav li.nav-item.site-selector a {
	padding: 10px 15px 8px;
	border-top: 2px solid #717070;
}

.main-nav li.nav-item.site-selector a, .main-nav li.nav-item.auth-selector-new a
	{
	color: #fff;
	font-weight: normal;
	border-top: 0;
}

@media screen and (min-width: 1024px) {
	.main-nav li.nav-item.site-selector a {
		border-top: 0;
		padding: 10px 18px 8px;
		color: #2a2c2b;
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector a:before {
		content: "";
		display: inline-block;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		height: 2.25em;
		border-left: 1px solid #a4a4a4;
		position: absolute;
		top: 5px;
		left: -3px;
		color: #a4a4a4;
	}
}
/*
.main-navigation {
width: 0;
position: absolute;
right: 0;
top: 48px;
height: auto;
transition: .3s linear;
z-index: 9000;
background: #fff;
}
.main-navigation {
position: static;
width: auto;
min-height: 0;
}
*/
.site-search {
	border-top: 1px solid #e7e7e7;
	width: 320px;
	padding: 5px 25px 5px 15px;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 1024px) {
	.site-search {
		border-top: 0;
		clear: both;
		margin: 0 -9999rem;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		padding: 0 9999rem;
		position: relative;
		top: 0;
		width: auto;
		left: 25%;
		transition: max-height 1s ease-out .1s, opacity 1s linear .5s, top .1s
			ease-out 2s;
	}
}

.charcoal {
	background-color: #414141;
}
/****/
@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector {
		position: absolute;
		top: -32px;
		left: 0;
		background: 0;
		border: 0;
		font-weight: normal;
	}
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector {
		left: 190px;
		top: 0;
		min-width: 218px;
		padding-left: 0;
		background-color: #fff;
	}
}

header .logo {
	/*position: absolute;
z-index: 999;*/
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}

.site-title {
	display: inline-block;
	font-weight: normal;
}

.site-title {
	display: inline-block;
	/* font-weight: normal; */
	border-left: 1px solid #a4a4a4;
	margin-left: 20px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	/*line-height: 2;*/
	float: left;
	margin: 7px 0 2px 10px;
	/*margin-left: 20px;*/
	/* margin-top: 6px; */
}

.site-title a {
	font-size: 1em;
	color: #2a2c2b;
	/* margin-left: 35px; */
	/* margin-top: 25px; */
	/* padding-top: 23px; */
	/* line-height: 32px; */
	/* margin-top: 24px; */
}

a {
	text-decoration: none;
	color: #0084ad;
	font-weight: normal;
	background-color: transparent;
}

/*
.menu-link {
position: absolute;
top: 13px;
right: 10px;
display: inline-block;
text-align: right;
width: auto;
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
color: #000;
}

.menu-link .menu-icon {
height: 20px;
width: 25px;
position: relative;
margin: 0 auto 3px 8px;
float: right;
}
@media screen and (min-width: 1024px){
.menu-link {
display: none;
}
}
.main-navigation {
width: 0;
position: absolute;
right: 0;
top: 48px;
height: auto;
transition: .3s linear;
z-index: 9000;
background: #fff;
}
@media screen and (min-width: 1024px) {
.main-navigation {
position: static;
width: auto;
min-height: 0;
}
}
.main-nav {
width: 300px;
border-bottom: 1px solid #e7e7e7;
margin-top: 50px;
list-style: none;
}
@media screen and (min-width: 1024px) {
.main-nav {
width: 500%;
max-width: auto;
clear: both;
position: static;
margin-left: -5%;
float: left;
background-color: #f4f4f4;
border: 1px solid #f4f4f4;
padding-left: 4em;
line-height: 22px;
}
}
.main-nav li a {
display: block;
padding: 14px 15px;
color: #000;
position: relative;
border-top: 1px solid #e7e7e7;
font-size: 16px;
}
@media screen and (min-width: 1024px) {
.main-nav>li.nav-item>a {
font-size: 1em;
color: #2a2c2b;
font-weight: normal;
padding: 12px 0 10px 0;
margin-bottom: -4px;
}
}
.main-nav li.nav-item.site-selector a, .main-nav li.nav-item.auth-selector-new a {
color: #fff;
font-weight: normal;
border-top: 0;
}

@media screen and (min-width: 1024px) {
.main-nav>li.nav-item a {
display: inline-block;
border: 0;
}
}
.main-nav li a {
display: block;
padding: 14px 15px;
color: #000;
position: relative;
border-top: 1px solid #e7e7e7;
font-size: 16px;
}
.main-nav li.nav-item.site-selector a {
padding: 10px 15px 8px;
border-top: 2px solid #717070;
}
@media screen and (min-width: 1024px) {
.main-nav li.nav-item.site-selector a {
border-top: 0;
padding: 10px 18px 8px;
color: #2a2c2b;
width: 100%;
}
}

@media screen and (min-width: 1024px){
.main-nav>li.nav-item>a {
font-size: 1em;
color: #2a2c2b;
font-weight: normal;
padding: 12px 0 10px 0;
margin-bottom: -4px;
}
}
@media screen and (min-width: 1024px) {
.main-nav>li.nav-item a {
display: inline-block;
border: 0;
}
}


*/
#quick-search, #submission {	
	width: 100%;
	max-width: 1440px;
	background-color: white;
}

#qs-scan-sample {
	background-color: #fdbb30;
	color: #000;
	font-weight: bold;
	border: 0;
	display: inline-block;
	vertical-align: initial;
	border-radius: 1px;
}

.div-qs-head {
	font-size: 24px;
	margin: 15px auto;
}

.qs-sample-input-text {
	width: 600px;
	height: 30px !important;
	border: 0;
	padding: 5px;
	font-size: 14px;
}

#qs-file-upload-btn img {
	vertical-align: middle;
	width: 20px;
	border: 0;
	margin: 5px;
}

#qs-input-box {
	/*box-sizing: border-box;
border-width: 2px;
border-style: inset;*/
	display: inline-block;
	padding: 4px 10px;
	width: auto;
}

.qs-privacy {
	display: block;
	/*font-style: italic;*/
	font-size: 13px;
	margin: 15px auto;
}

.qs-privacy span {
	/*display: block;*/
	
}

.spinner {
	margin: 50px auto;
	width: 120px;
	text-align: center;
}

.spinner>div {
	width: 24px;
	height: 24px;
	background-color: #fdbb30;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 2.0s infinite ease-in-out both;
	animation: bouncedelay 2.0s infinite ease-in-out both;
}

.div-line-1px {
	height: 1px;
	background-color: #e2e2e2;
	margin: 30px 5%;
}

.spinner .bounce1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.spinner .bounce3 {
	-webkit-animation-delay: -0.15s;
	animation-delay: -0.15s;
}

@
-webkit-keyframes bouncedelay { 0%, 80%, 100% {
	-webkit-transform: scale(0);
}

40%
{
-webkit-transform


:

 

scale


(1
.0


);
}
}
@
keyframes bouncedelay { 0%, 80%, 100% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

40%
{
-webkit-transform


:

 

scale


(1
.0


);
transform


:

 

scale


(1
.0


);
}
}
.p-note {
	font-size: 12px;
}

.div-result {
	margin: 10px auto;
	font-size: 16px;
}

.result-safe {
	color: #0b9c3e;
}

.result-unsafe {
	color: #d52b1e;
}

.div-result-details {
	margin: 5px !important;
}
/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}*/
/*@media (min-width:768px){
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
*/
/*.row:after,.row:before{display:table;content:" "}*/
/*.row:after{clear:both}*/
/*.top-bar {
height: 10px;
background-color: #fff;
}
*/
#div-disagree-type {
	margin: 10px auto;
}

#div-disagree-type input {
	margin-right: 10px;
}

#div-disagree-type span {
	margin-right: 25px;
}

.page-content {
	/*background-color: #e7e7e7;*/
	min-height: calc(90vh - 25px);;
}
/*
.div-submission-details {
margin: 0 auto;
width: 80%;
}
*/
.in-text-sub {
	width: 95%;
	/*min-width: 500px;*/
	height: 26px !important;
	margin: 2px !important;
	padding: 2px 5px 3px 5px !important;
	font-size: 13px !important;
	display: inline-block;
}

textarea.in-text-sub {
	border-color: #dfdfdf;
	height: 65px !important;
}

select.in-text-sub {
	margin: 2px 0;
}

.btn-submission {
	margin-top: 20px;
	margin-bottom: 10px;
}

.quick-search-result-wrapper {
	position: relative;
}

.ajax-loader {
	display: none;
	background-color: rgba(255, 255, 255, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99 !important;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.ajax-loader img {
	position: absolute;
	z-index: 100 !important;
	top: 40%;
	left: 45%;
}

.error_msg {
	text-align: center;
	color: #ff0000;
}

.error_msg i {
	margin: 5px 10px;
}

.div-result i.fas {
	font-size: 28px;
	margin-right: 6px;
	vertical-align: middle;
}

#div_sample_analysis {
	width: 70%;
	margin: auto;
	padding: 10px;
	border: 1px solid #e2e2e2;
}

.tab-pane.show {
	display: none !important;
}

.tab-pane.active {
	display: block !important;
}

.bottom-border {
	border-bottom: 1px solid #dee2e6;
}

#sample_analysis .div-result-details, #sample_details .div-result-details
	{
	padding: 5px 0px;
	font-size: 14px;
}

.inner-col-sm {
	padding: 5px 15px;
	word-break: break-all;
	overflow: hidden
}

.required:before {
	content: "*";
	color: red;
	margin: 5px;
	vertical-align: middle;
}

.submission-header {
	margin: 10px auto 25px;
	width: 80%;
}

.submission-header p {
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0px;
}

.submission-header span {
	font-size: 15px;
	display: inline-block;
	margin: 2px;
}

#submission-title, .submission-category, #submit_fn_submission {
	margin: 5px auto;
	width: 90%;
}

.div_submit_details {
	margin: 0 auto;
	width: 100%;
}

.div_submission_row {
	width: 90%;
	margin: 5px auto;
}

.submit_header {
	width: 100%;
	margin: 10px auto 25px;
}

.submit_header span {
	margin-bottom: 5px;
	/*display: inline-block;*/
}

.submit_header span:nth-last-child(1) {
	margin-bottom: 5px;
}

.submit_details {
	
}

.help-block.with-errors {
	color: #ff5050;
	/*margin-top: -14px;
	margin-bottom: 10px;*/
	font-size: 12px;
	min-height: 15px;
}

.has-error input, .has-error select, .has-error textarea, .has-error .custom-file-label {
	border-color: #a94442;
}
.has-error input:focus, .has-error select:focus, .has-error textarea:focus, .has-error input:focus  {
	border-color: #a94442 !important;
	box-shadow: 0 0 0 0.2rem rgba(255, 24, 0, 0.25) !important;
}
input[type="file"] {
	border: 0px;
	border-radius: 0px;
}

#submission {
	position: relative;
}

.g-recaptcha div {
	/*margin: 0 auto;*/
	/*margin-left: 2px;*/
	
}

.qs_submission_details {
	width: 80%;
	margin: 0 auto;
}

.div_sub_title {
	width: 95%;
	/*margin: 5px auto 15px;
    padding-left: 25px;
    border-bottom: 1px solid #e2e2e2;*/
    padding-bottom: 2px;	
	font-size: 16px;
	color:#213c60;
	font-weight:600;
}

.tip {
	
}

.tip span {
	display: inline-block;
}

.left-label {
	margin: 5px 5px 0px 5px;
	font-size: 14px
}

.in-text-warpper {
	width: 100%;
	display: inline-block;
	margin: 0px 0 0 3px !important;
}

.tooltip-inner {
	max-width: 600px;
	min-width: 200px;
	/* If max-width does not work, try using width instead */
	/*width: 350px;*/
	text-align: left;
}

.tooltip-inner p {
	margin: 1px;
}

.footercontainer {
	clear: both;
	background-color: #E2E3E4;
	color: #53565a;
	/*border-top: 0.5em solid #cc0d2f;*/
}

footer .content {
	padding: 3px 10px 0 10px !important;
	max-width: 1376px;
	margin: 0 auto;
	font-size: 12px;
}

.footercontainer p {
	color: #000;
	/*font-size: 16px;*/
	margin: 0 0 10px;
}

.footercontainer .foot-top-bar {
	height: 10px;
	background-color: #ffc200;
}

.navigation-search-row {
	clear: both;
	*zoom: 1;
}

.main-navigation {
	
}

.main-nav {
	/*background-color: #f4f4f4;
border: 1px solid #f4f4f4;
line-height: 22px;*/
	/*padding: 10px;*/
	/*padding-left: 3em;
margin: 5px auto;*/
	
}

div.clear {
	clear: both;
}

.headercontainer a:hover {
	text-decoration: none;
}

@media screen and (min-width: 768px) {
	h3 {
		font-size: 1.5em;
	}
}

@media ( min-width : 1400px) {
	.container {
		max-width: 1360px;
	}
}

.dotted-line {
	margin: 5px auto;
	border-bottom: 1px dotted #999;
	width: 100%;
}

.ui-widget {
	font-size: 14px;
}

ul.list-unstyled {
	margin-bottom: 0px;
}

.form-group {
	margin-bottom: 0.5rem;
}

.tooltip-inner ul {
	padding-left: 20px;
}

#tab-language {
	float: right;
}

#language_select {
	background-color: transparent;
	border: none;
	font-weight: 700;
	font-size: .75em;
	box-shadow: none;
	color: #666;
	margin-bottom: 2px;
}

#tab-language label {
	display: inline-block;
	max-width: 100%;
	font-weight: 700;
}

.div-header {
	background-color: #E2E3E4;
	min-height: 50px;
	border-bottom: 0.5em solid #cc0d2f;
}

.div-header .head-sub {
	padding-top: 17px;
	margin-left: 10px;
	float: left;
	font-size: 20px;
	border-left: 1px solid #a4a4a4;
	padding-left: 14px;
	margin-top: 6px;	
	color: #A6192E;
	font-family: hco gotham,sans-serif;
	height: 60px;
}

.main-navigation {
	color: #f1f1f1;
	background-color: #ffc200;
	margin: 0;
	padding-bottom: 7px;
}

.main-nav {
	display: block;
	padding-bottom: .3em;
	font-size: 1.2em;
}

.form-control {
	border-radius: 0px !important;
}

/**  Modal  **/
/**  Modal  **/
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(173, 169, 169, 0.9);
}

.modal .row>.modal .column {
	padding: 0 8px;
}

.modal .row:after {
	content: "";
	display: table;
	clear: both;
}

.modal .column {
	float: left;
	width: 25%;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #000;
}

.modal .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 100%;
	/*max-width: 1200px;*/
	display: block;
}

.modal .close {
	color: #000;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

.modal .close:hover, .modal .close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

.cursor {
	cursor: pointer;
}

.modal .prev, .modal .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}

.modal .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.modal .prev:hover, .modal .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

.modal .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 12px 12px;
	position: absolute;
	top: 0;
}

.modal img {
	margin-bottom: -4px;
}

.modal .caption-container {
	text-align: center;
	background-color: black;
	color: white;
	padding: 5px;
	font-size: 16px;
}

.modal .caption-container #caption {
	margin: 5px;
}

.modal .demo {
	opacity: 0.6;
}

.modal .active, .modal .demo:hover {
	opacity: 1;
}

.modal img.hover-shadow {
	transition: 0.3s;
}

.modal .hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

.mySlides {
	width: 100%;
	height: 600px;
}

.column {
	width: 100%;
	height: 55px;
}

.mySlides img {
	max-width: 90%;
	max-height: 580px;
	margin: 10px auto;
	display: block;
}

.column img {
	width: 100%;
	max-height: 50px;
}

.submit_btn:hover, .submit_btn:focus, .submit_btn.focus {
	background-color: #333 !important;
	text-decoration: none;
}

.submit_btn {
	background-color: #2c3b4b !important;
	border-radius: 0px !important;
}

.custom-file-label::after {
	border-radius: 0px !important;
	padding: 0.2rem .9rem !important;
	height: 1.5rem !important;
}

.card {
	border-radius: 0px !important;
}

.card-header {
	font-size: 15px;
	padding: .45rem 1rem !important;
}

.card-body {
	font-size: 13px;
	padding: .45rem 1rem !important;	
}

.card-body ul{
	padding-left: 14px;
	margin-bottom: 5px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #213c60 !important;
	background-color: #ddd !important;
	border-left: 1px solid rgba(0, 0, 0, .125);
	border-right: 1px solid rgba(0, 0, 0, .125);
	border-top: 2px solid #213c60;
}

.nav-pills .nav-link {
	border-radius: 0px !important;
	color: #76808a !important;
}

@media screen and (max-height: 575px) {
	#rc-imageselect, .g-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		font-size: 20px !important;
	}
}

.rc-anchor-checkbox-label {
	font-size: 20px !important;
}

/** For Showing feedback button */
#oo_tab {
display: block;
position: fixed;
background-color: #fff;
color: #000;
border: 1px solid #cccccc;
font-size: 15px;
font-family: Arial;
line-height: 15px;
opacity: 1;
z-index: 999995;
cursor: pointer;
text-decoration: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg) scale(1.02);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
}
#oo_tab .screen_reader {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
#oo_tab.oo_tab_right {
right: -8px;
top: 33%;
padding: 5px 14px 14px 14px;
border-bottom: 0px;
color: #000;
border-radius: 9px 9px 0px 0px;
-moz-border-radius: 9px 9px 0px 0px;
-webkit-border-radius: 9px 9px 0px 0px;
transform-origin: 100% 100% 0;
-webkit-transform-origin: 100% 100% 0;
-ms-transform-origin: 100% 100% 0;
}
#oo_tab img {
width: 9px;
height: 9px;
margin-right: 7px;
margin-bottom: 1px;
color: transparent;
border: none;
}
#language_select {
color:#FFF;
}
#language_select option {
background-color: #242e39;
}
.internal-error {
margin: 50px 100px;	
}
.internal-error h5 {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.internal-error p {
margin: 0;
font-size: 1.0rem;
}
.alert-success {
border-radius: 0;
font-size: 16px;
color: #000 !important;
}
.success-msg {
margin: 50px 0;
}
.success-msg p {
margin: 5px;
}


.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
 max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}
#fn_submission_hash_value {
height: 104px !important;
}
.warning-notes {
color: #ff4500;
}
.warning-notes .warnings {
color: #ff4500;
font-style: italic;
}

.btn-sub-tab {
	height: 180px !important;
	width: 380px !important;
	color:#213c60 !important;
}
.btn-sub-tab:hover {
	color:white !important;
}

.btn-sub-back{
	color: black !important;
}
.btn-sub-back:hover{
	color: rgb(38, 92, 165) !important;
}
.btn-sub-head{
	font-size: 20px;
	font-weight: 600;
}