/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
	padding-top: 54px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
}

span p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	margin: 0px;
}

a {
	color: #000;
}

p {
	margin: 0px;
}

h5 {
	font-size: 1.3rem;
}

h4 {
	color: #2a3d8a;
	font-size: 1.5rem;
}

.red-heading {
	color: #cd2630;
}

.red-bg {
	background-color: #cd2630;
}

.blue-bg {
	background-color: #2a3d8a;
}

.header-light {
	font-weight: 300;
}

.icon-btn {
	padding-right: 10px;
}

.fa-2x {
	font-size: .9em;
}

@media (min-width: 992px) {
  body {
	padding-top: 56px;
  }
}

.prev-next-btn {
	background-color: #cd2630;
	padding: 10px;
}

.carousel-item {
	height: 65vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.carousel-header {
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: center;
	background-color: #2a3d8a;
	color: white;
}

.logo-container {
	margin-right: 25px;
	padding: 0px;
	height: 130px;
	width: 122px;
}

.logo-container img {
	height: 100%;
	width: auto;
}

.pipeline-logos-container {
	width: 700px;
	max-width: 100%;
	display: flex;
	align-items: center;
}

.pipeline-logos-container a {
	margin-right: 25px;
}

@media (max-width: 775px) {
	.pipeline-logos-container {
		flex-direction: column;
	}
	.pipeline-logos-container img {
		margin-bottom: 25px;
		max-width: 100%;
		height: auto;
	}
	.pipeline-logos-container a {
		margin-right: 0px;
	}
	.logo-container {
		margin-right: 0px;
	}
}

.portfolio-item {
	margin-bottom: 30px;
}

.navbar {
	padding-top: 0px;
	padding-bottom: 0px;
}

.navbar-custom {
	background-color: #000;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
}

#logo-container {
	margin: 15px 0px 15px 0px;
}

.carousel-h3 {
	font-size: 2.5em;
}

.carousel-text {
	font-size: 1.3em;
}

a.nav-link {
	color: white;
}

.red-bar {
	background-color: #cd2630;
	height: 5px;
	margin: 0px;
}

.card {
	border: none;
}

.card-body {
	color: white;
	padding: 10px;
}

.card-title a {
	color: white;
	font-weight: 500;
}

h5.card-title {
	margin: 0px;
}

.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.darken-grey-text {
    color: #2E2E2E;
}

.img-hover img {
    transition: all .5s ease;
    vertical-align: middle;
}

.img-hover {
	display: inline-block;
	overflow: hidden;
}

.img-onhover:hover {
	transform:scale(1.2);
}

.play-btn {
	position: absolute;
	left: 39%;
	top: 25%;
	color: white;
}

.play-btn:hover {
	position: absolute;
	left: 39%;
	top: 25%;
	color: white;
}

.learn-more-btn {
	background-color: #efefef;
	border: none;
	padding: 10px;
}

.fire-incident-data {
	cursor: pointer;
}

.fire-video {
	width: 100%;
	padding: 2px;
	background-color: lightgray;
}

.hidden {
	display: none;
}

.aopl {
	width: 100%;
}

.api {
	width: 100%;
}

/*REGISTRATION*/
.panel-1 {
	border: 1px solid lightgray;
	padding: 15px;
	margin: 15px 0px 15px 0px;
}

.main_logos a.logo1 {
	background-image: url(../images/nasfm-logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	width: 60%;
	max-width: 230px;
	height: 54px;
	float: left;
}

.main_logos a.logo_pe {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	height: 54px;
	float: left;
	margin-left: 1%;
}

/*.iafc {
	background: url(../images/iafc-logo.png);
	max-width: 110px;
	min-width:110px;
}
.nvfc {
	background: url(../images/nvfc-logo.png);
	max-width: 110px;
	min-width:110px;
}*/

.iafc img {
	width: 10%;
}
.nvfc img{
	width: 13%;
}

div.panel.clearfix {
	clear: both;
}

input#demo_box_101.css-checkbox,
input#demo_box_101-2022.css-checkbox,
input#demo_box_102.css-checkbox,
input#demo_box_103.css-checkbox,
input#demo_box_104.css-checkbox,
input#demo_box_105.css-checkbox,
input#demo_box_106.css-checkbox,
input#demo_box_106-2022.css-checkbox,
input#demo_box_107.css-checkbox,
input#demo_box_108.css-checkbox,
input#demo_box_109.css-checkbox {
	float: left;
	margin: 5px;
}

div.x-new.course101.x-returning.x-thumb,
div.x-new.course101-2022.x-returning.x-thumb,
div.x-new.course102.x-returning.x-thumb,
div.x-new.course103.x-returning.x-thumb,
div.x-new.course104.x-returning.x-thumb,
div.x-new.course105.x-returning.x-thumb,
div.x-new.course106.x-returning.x-thumb,
div.x-new.course106-2022.x-returning.x-thumb,
div.x-new.course107.x-returning.x-thumb,
div.x-new.course108.x-returning.x-thumb,
div.x-new.course109.x-returning.x-thumb {
	float: left;
}

.course101 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/awareness-thumbnail.jpg);
	width: 250px;
	height: 194px;

}
.course101-2022 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/awareness-thumbnail.jpg);
	width: 250px;
	height: 194px;

}
.course102 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/operations-thumbnail.jpg);
	width: 250px;
	height: 194px;

}
.course103 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/technicians-thumbnail.jpg);
	width: 250px;
	height: 194px;

}
.course104 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/fire-incident-data-thumbnail.jpg);
	width: 250px;
	height: 194px;

}
.course105 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/residential-sprinklers-thumbnail);
	width: 250px;
	height: 194px;

}
.course106 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/liquefied-gas-thumbnail.jpg);
	width: 250px;
	height: 194px;

}
.course106-2022 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/liquefied-gas-thumbnail.jpg);
	width: 250px;
	height: 194px;

}
.course107 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/safety-layering-thumbnails.jpg);
	width: 250px;
	height: 194px;

}
.course108 .checkbox input[type=checkbox].css-checkbox + label.css-label {
	background-image:url(../images/npms-thumbnail-sm.jpg);
	width: 250px;
	height: 194px;
}
.resource401 .checkbox label.css-label{
	background-image:url(../images/thumbnail-shell.jpg);

}
.resource402 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/thumbnail-exxon.jpg);

}
.resource403 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/thumbnail-shell.jpg);

}
.resource404 .checkbox input[type=checkbox].css-checkbox + label.css-label{
	background-image:url(../images/thumbnail-shell.jpg);

}

.course101 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-check.png),url(../images/awareness-thumbnail.jpg);

}
.course102 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-check.png),url(../images/operations-thumbnail.jpg);

}
.course103 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-check.png),url(../images/technicians-thumbnail.jpg);

}
.course104 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-check.png),url(../images/fire-incident-data-thumbnail.jpg);

}
.course105 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-check.png),url(../images/residential-sprinklers-thumbnail);

}
.course106 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-check.png),url(../images/liquefied-gas-thumbnail.jpg);

}
.course107 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-check.png),url(../images/safety-layering-thumbnails.jpg);

}
.course108 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-check.png),url(../images/npms-thumbnail-sm.jpg);
}
.course401 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-shell.jpg);

}
.course402 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-exxon.jpg);

}
.course403 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-shell.jpg);

}
.course404 .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url(../images/thumbnail-shell.jpg);

}
/*This CSS isn't active. Look in the JS file*/
/*label#email-error.error,
label#password-error.error.
label#password-confirm-error.error,
label#first-name-error.error,
label#last-name-error.error,
label#fire-department-error.error,
label#organization-error.error,
label#address-error.error,
label#zip-error.error,
label#city-error.error,
label#state-error.error,
label#primary-phone-error.error {
	color: #cd2630;
	font-size: 14px;
}*/

input#password.form-control.error {
	width: 100%;
}

input.kv-toggle {
	padding: 5px;
	margin-left: 5px;
	margin-top: 12px;
	margin-right: 5px;
}

span.input-group-addon {
	background-color: #e3e3e3;
	font-size: 14px;
}

.btn-register {
	margin-top: 450px;
}

.btn-register-pipeline {
	margin-top: 250px;
}

div.kv-score.kv-score-0 {
	padding: 5px;
	text-align: center;
}

.show-password {
	padding: 10px;
}

.icon-btn {
	padding: 0px;
}

#mform1 > #id_searchbyusername { 
	display: none; 
}