a.btn-light{
	background-color: rgb(239, 239, 239);
	color: #000;
}
button.btn-light{
	background-color: rgb(239, 239, 239);
	color: #000;
}
.border {
	border: 1px solid #e8e8e8;
}
.rounded {
	border-radius: 5px;
}
.padding-2 {
	padding: 1rem;
}
.padding-left-0 {
	padding-left: 0;
}
.padding-right-0 {
	padding-right: 0;
}
.m-1 {
	margin: 0.25rem;
}
.mr-0{
	margin-right: 0 !important;
}
.mt-0{
	margin-top: 0 !important;
}
.mt-2{
	margin-top: 1rem !important;
}
.mb-2{
	margin-bottom: 1rem !important;
}
.mb-0{
	margin-bottom: 0 !important;
}
.ml-0{
	margin-left: 0 !important;
}
.font-weight-bold {
	font-weight: bold;
}
.font-weight-light {
	font-weight: lighter;
}
.checklist-options {
	display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}
.checklist-options .option-item {
	padding: 5px 30px;
	text-transform: uppercase;
}
.checklist-options .option-item h4 {
	font-size: 14px;
	font-weight: 600;
}
.vehical-equipment-list input[disabled] {

}


input[name='data[is_have_all_the_necessary_equipments]']{
	display: none;
}
input[name='data[is_have_all_the_necessary_equipments]']:checked ~ .option-true{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
.option-true, .option-false{
	width: 45%;
}
.option-true, .option-false, input[name='data[is_have_all_the_necessary_equipments]']:checked ~.option-false {
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
    pointer-events: all;
}
input[name='data[is_have_all_the_necessary_equipments]']:checked ~ .option-true:hover, input[name='data[is_have_all_the_necessary_equipments]']:checked ~ .option-true:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_have_all_the_necessary_equipments]'] ~ .option-false{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
input[name='data[is_have_all_the_necessary_equipments]'] ~ .option-false:hover, input[name='data[is_have_all_the_necessary_equipments]'] ~ .option-false:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_have_all_the_necessary_equipments]']:checked ~.option-false:hover, input[name='data[is_have_all_the_necessary_equipments]']:checked ~.option-false:focus{
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
}


input[name='data[is_equiped_with_all_require_ppe]']{
	display: none;
}
input[name='data[is_equiped_with_all_require_ppe]']:checked ~ .option-true{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
.option-true, .option-false{
	width: 45%;
}
.option-true, .option-false, input[name='data[is_equiped_with_all_require_ppe]']:checked ~.option-false {
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
    pointer-events: all;
}
input[name='data[is_equiped_with_all_require_ppe]']:checked ~ .option-true:hover, input[name='data[is_equiped_with_all_require_ppe]']:checked ~ .option-true:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_equiped_with_all_require_ppe]'] ~ .option-false{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
input[name='data[is_equiped_with_all_require_ppe]'] ~ .option-false:hover, input[name='data[is_equiped_with_all_require_ppe]'] ~ .option-false:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_equiped_with_all_require_ppe]']:checked ~.option-false:hover, input[name='data[is_equiped_with_all_require_ppe]']:checked ~.option-false:focus{
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
}


input[name='data[is_understand_their_job]']{
	display: none;
}
input[name='data[is_understand_their_job]']:checked ~ .option-true{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
.option-true, .option-false{
	width: 45%;
}
.option-true, .option-false, input[name='data[is_understand_their_job]']:checked ~.option-false {
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
    pointer-events: all;
}
input[name='data[is_understand_their_job]']:checked ~ .option-true:hover, input[name='data[is_understand_their_job]']:checked ~ .option-true:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_understand_their_job]'] ~ .option-false{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
input[name='data[is_understand_their_job]'] ~ .option-false:hover, input[name='data[is_understand_their_job]'] ~ .option-false:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_understand_their_job]']:checked ~.option-false:hover, input[name='data[is_understand_their_job]']:checked ~.option-false:focus{
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
}


input[name='data[is_understand_associated_hazards]']{
	display: none;
}
input[name='data[is_understand_associated_hazards]']:checked ~ .option-true{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
.option-true, .option-false{
	width: 45%;
}
.option-true, .option-false, input[name='data[is_understand_associated_hazards]']:checked ~.option-false {
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
    pointer-events: all;
}
input[name='data[is_understand_associated_hazards]']:checked ~ .option-true:hover, input[name='data[is_understand_associated_hazards]']:checked ~ .option-true:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_understand_associated_hazards]'] ~ .option-false{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
input[name='data[is_understand_associated_hazards]'] ~ .option-false:hover, input[name='data[is_understand_associated_hazards]'] ~ .option-false:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_understand_associated_hazards]']:checked ~.option-false:hover, input[name='data[is_understand_associated_hazards]']:checked ~.option-false:focus{
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
}


input[name='data[is_understand_water_intek_amount]']{
	display: none;
}
input[name='data[is_understand_water_intek_amount]']:checked ~ .option-true{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
.option-true, .option-false{
	width: 45%;
}
.option-true, .option-false, input[name='data[is_understand_water_intek_amount]']:checked ~.option-false {
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
    pointer-events: all;
}
input[name='data[is_understand_water_intek_amount]']:checked ~ .option-true:hover, input[name='data[is_understand_water_intek_amount]']:checked ~ .option-true:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_understand_water_intek_amount]'] ~ .option-false{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
input[name='data[is_understand_water_intek_amount]'] ~ .option-false:hover, input[name='data[is_understand_water_intek_amount]'] ~ .option-false:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_understand_water_intek_amount]']:checked ~.option-false:hover, input[name='data[is_understand_water_intek_amount]']:checked ~.option-false:focus{
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
}


input[name='data[is_understand_emergency_procedures]']{
	display: none;
}
input[name='data[is_understand_emergency_procedures]']:checked ~ .option-true{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
.option-true, .option-false{
	width: 45%;
}
.option-true, .option-false, input[name='data[is_understand_emergency_procedures]']:checked ~.option-false {
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
    pointer-events: all;
}
input[name='data[is_understand_emergency_procedures]']:checked ~ .option-true:hover, input[name='data[is_understand_emergency_procedures]']:checked ~ .option-true:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_understand_emergency_procedures]'] ~ .option-false{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: none;
}
input[name='data[is_understand_emergency_procedures]'] ~ .option-false:hover, input[name='data[is_understand_emergency_procedures]'] ~ .option-false:focus{
	background-color: #265a88;
	background-position: 0 -15px;
}
input[name='data[is_understand_emergency_procedures]']:checked ~.option-false:hover, input[name='data[is_understand_emergency_procedures]']:checked ~.option-false:focus{
	color: #333;
    background-color: #ececec;
    border-color: #ececec;
}


/* add-notes-section */
.d-none {
	display: none;
}
label.btn.add-notes-btn, label.btn.view-heat-index{
	border: 2px solid #265a88;
	color: #265a88;
	border-radius: 5px;
	width: 100%;
}
label.btn.add-notes-btn:hover, label.btn.add-notes-btn:focus, label.btn.view-heat-index:hover, label.btn.view-heat-index:focus{
	background-color: #265a88;
	color: #fff;
}


/*Checkmark*/
a.text-decoration-none{
	text-decoration: none;
}
.check-mark{
	display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #3c763d;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.cross-mark{
	display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #a94442;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    cursor: not-allowed;
}

/* Add / Edit spray page tabs */
.page-progress-tabs {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
}

.page-progress-tabs div {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.page-progress-tabs {
		flex-direction: column;
	}
}