/* -- Smartlog V5 custom stylesheet
/* --
/* */


/*  ---------------------------- Font styles---------------------------*/
/*  -------------------------------------------------------------------*/


.bold {
	font-weight: bold;
}

.head_font_l {
	margin-top: -4px;
	padding-left: 15px;
	position: relative;
}

.head_font_s {
	position: relative;
	padding-left: 15px;
	margin-left: 32px;
	/* margin-top: 10px; */
}

.header_font_small {
	font-size: 20px;
	font-weight: 500;
	line-height: .7;
}

.header_font_large{
	font-size: 55px;
	font-weight: 600;
	line-height: .8;
}

.header_top_pad {
	padding-top: 15px;
}

.white {
	color: #fff;
}

.sml-marg-top {
	margin-top: 5px;
}

.no-marg {
	margin-left: 0;
	margin-right: 0;
}

.no-pad {
	padding-left: 0;
	padding-right: 0;
}

.no-pad-l {
	padding-left: 15px;
	padding-right: 0;
}

.no-pad-r {
	padding-left: 0px;
	padding-right: 15px;
}

.small-pad-l {
	padding-left: 10px;
	padding-right: 5px;
}

.label-helper {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 3px;
    max-width: 100%;
}

.left-padd-med {
	padding-left: 15px;
}

.no_table_margin {
	margin-bottom: 0 !important;
}

.assign_form .form-control-feedback {
	margin-right: 20px !important;
}

.top-marg {
	margin-top: 20px;
}

.no-pad-right {
	padding-right: 0px;
}

.required_text {
	color: #a94442;
	font-style: italic;
	font-weight: 100;
}

.required_field {
	color: #a94442;
	font-weight: 600;
	font-size: 15;
}

.hidden {
	display: none;
}

.breadcrumb > li + li:before {
	color: inherit;
}
.dropdown-menu > li > a > label.checkbox {
	color: #36458a;
}

.dropdown-menu > .active > a > label.checkbox, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
}

#training-course .main-content,
#course-designer .main-content {
	font-size: 14px;
}

.sml-txt {
	font-size: 11px;
}

.wrap {
  word-wrap: break-word;
}

.update_incident_report {
	margin-right: 2px;
}


.incident_button_list {
	margin-top: 10px;
}

/*  ------------------------ End Font Styles --------------------------*/






/*  ----------------- Basic template & structure styles----------------*/
/*  -------------------------------------------------------------------*/

html {
    min-height: 100%;
    position: relative;
		font-size: 14px;
}

body {
    /* margin-bottom: 60px; */
	font-size: 12px;
}

h6 {
	font-size: 12px !important;
	margin-top: 5px !important;
}

.brand {
	color: #36458a;
}

.row_border {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

ul.quicklinks {
	list-style-type: none;
	padding-left: 0;
}

.cursor {
	cursor: pointer;
}

/* .logo {
	margin-top: 10px;
	z-index: 400;
	position: relative;
} */

/* .header {
	height: 142px;
	margin-bottom: 25px;
} */

.header-top {
	height: 102px;
}

.header-bottom {
	height: 0px;
	position: relative;
}

.footer {
  bottom: 0;
  width: 100%;
	margin-top: 50px;
	height: 40px;
}

.width15 {
	width: 15%;
}

.width20 {
	width: 20%;
}

.width30 {
	width: 30%;
}

.width40 {
	width: 40%;
}

.head_border {
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
}

.head_border_feint {
	margin-left: 0;
	margin-right: 0;
	border-bottom: 2px solid #eee;
	margin-bottom: 20px;
}

.head_border_top {
	border-top: 2px solid #ccc;
	padding: 20px 0;
	margin-bottom: 20px 0;
}

.submit_border {
	margin-top: 5px;
	border-top: 1px solid #eee;
	padding-top: 15px;
}

.submit_border_topmarg {
	margin-top: 20px;
	border-top: 1px solid #eee;
	padding-top: 15px;
}

.bottom-margin {
	margin-bottom: 100px;
}

.e-pack {
	font-weight: 400;
	color: #5cb85c;
}

.r-pack {
	font-weight: 400;
	color: #DA1F26;
}

.f-pack {
	font-weight: 400;
	color: #122166;
}

#preloader  {
	margin-top: 10px;
	width: 100%;
	float: left;
	position: relative;
	padding: 10px;
	display: none;
}

#preload {
	display: none;
}

#org_search #preload {
	margin-left: 10px;
}

#system_msg {
	padding: 20px 10px 20px 10px;
	z-index: 999999;
	width: 400px;
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
	font-size: 13px;
	color: #fff;
	display: none;
}

.filesize-mb::after {
	content: ' MB';
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	#system_msg {
		padding: 10px;
		z-index: 999999;
		width: 100%;
		position: fixed;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.75);
		text-align: center;
		font-size: 13px;
		color: #fff;
		display: none;
	}

}

.col-centered{
    float: none;
    margin: 0 auto;
}

.user_logged {
	padding-top: 8px;
	text-align: right;
}

.user_logged a {
	color: #fff;
	font-weight: bold;
}


.clickable {
	cursor: pointer;
}

.large-icon {
	font-size: 30px !important;
}

.smt {
	padding: 4px 12px !important;
}

.centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.action_btn, .disable-area-btn, .enable-area-btn {
	margin-right: 2px;
}

.btn-answer {
	white-space:normal !important;
	word-wrap:break-word;
	text-align: left;
}

.btn-group {
	display: flex;
}

.summernote .btn_group {
	display: inline-block;
}

#user_table td{
	vertical-align: middle;
	height: 50px;
}

.icon-stack {
	font-size: 25px !important;
	float-left;
}

.img-info {
	padding: 5px;
	background-color: #eee;
	color: #666;
}

.img-info-pad {
	padding: 5px;
}

#pw_help {
	display: none;
}

.grey_settings {
	margin-top: 3px;
	color: #666 !important;
}

/* -----tablesorter styles ----- */

table.tablesorter {
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background: #eee;
	padding: 10px;
}
table.tablesorter thead tr .header {
	background-image: url(../img/bg.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	cursor: pointer !important;
}
table.tablesorter tbody td {
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif) !important;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif) !important;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
}

table.sortable {
	margin-bottom: 0px !important;
}

.sortable th.header {
	background: #eee;
	height: 30px !important;
}

.sortable th:first-child {
	border-radius: 4px 0 0 0;
	border-left: 0px;
}

.sortable th {
	border-left: 1px solid #fff;
}

.sortable th:last-child {
	border-radius: 0px 4px 0 0;
}

.sortable tr td:first-child {
	border-radius: 4px 0 0 0;
	border-left: 0px;
}

.sortable tr td:last-child {
	border-radius: 0px 4px 0 0;
}

#table_holder  {
	margin: 10px 0 0 0px;
	padding: 10px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

.content_holder  {
	padding: 10px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

.content_holder_feint  {
	padding: 10px;
	border: 1px solid #eee;
  	border-radius: 4px;
}

.content_holder_feint_marge  {
	margin: 3px;
	padding: 5px;
	border: 1px solid #eee;
  	border-radius: 4px;
}

.content_holder_dash  {
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

.priv_holder  {
	border: 1px solid #ccc;
	border-radius: 4px;
}

.assign-btn {
	width: 130px;
}

.assign-block {
	/* margin-right: 82px; */
	border: 1px solid #ccc;
	border-radius: 6px;
}

.assign-row {
	margin-bottom: 20px;
}

.assign-dark {
	background: #6c757d;
	color: #fff;
}

@media only screen and (max-width: 800px) {

	/* Force table to not be like tables anymore */
	#table_holder table,
	#table_holder thead,
	#table_holder tbody,
	#table_holder th,
	#table_holder td,
	#table_holder tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#table_holder thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#table_holder tr { border: 1px solid #eee; margin-bottom: 4px; }

	#table_holder td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}

	#table_holder td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#table_holder td:before { content: attr(data-title); }
}

#accident_status .form-control-feedback,
#person_status .form-control-feedback,
#injury_sustained .form-control-feedback {
	margin-top: -38px;
}

table.tablesorter thead th.completed_on {
	width: 120px;
}

/* -----end tablesorter styles ----- */


/*  --------------- End basic template & structure styles -------------*/






/*  ---------------------- Quicklinks markup styles -------------------*/
/*  -------------------------------------------------------------------*/


.top-ql {
	margin-top: 15px;
}

.navbar {
	z-index: 1000;
	margin-bottom: 0;
}

.navbar-default {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}

.navbar-collapse {
	padding: 0;

}

.quicklinks {
	margin-bottom: 10px;
	position: relative;
	float: left;
	width: 100%;
}
.quicklink_head {
	padding: 5px 0 5px 10px;
	font-size: 14px;
	position: relative;
	float: left;
	width: 100%;
	border-radius: 4px 4px 0 0;
}

.quicklink_body {
	padding: 5px;
	position: relative;
	float: left;
	width: 100%;
	border: 1px solid #ccc;
  	border-radius: 0 0 4px 4px;
}

.location_dropdown_search {
	background-color: #36458a;
	color: #fff;
	cursor: pointer;
}

.mobile_menu_btn {
	padding: 0.75rem 1rem;
	position: relative;
	float: left;
	width: 100%;
	font-size: 1rem;
	cursor: pointer;
	color: #fff;
	background-color: #36458a;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.nav > li > a {
	padding: 0.75rem 1rem;
	position: relative;
	float: left;
	width: 100%;
	font-size: 1rem;
	cursor: pointer;
	color: #36458a;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.nav > li > a.active {
	background-color: #36458a !important;
	color: #fff;
}

.nav > li > a:hover,
.nav > li > a:focus {
	background: #ddd;
	color: #36458a;
}

.nav i {
	margin-right: 8px;
	vertical-align: middle;
}

.quicklinks-container {
	z-index: 2;
}

.quicklink_icon {
	position: relative;
	float: left;
	width: 25%;

}
.quicklink_text {
	padding-top: 6px;
	position: relative;
	float: left;
	width: 75%;
	font-size: 12px;
	cursor: pointer;
}

.quicklink select {
	width: 100%;
	font-size: 11px;
}


.quicklink_body div {
	color: #36458a;
}

.quicklink_body div:hover {
	color: #122166;
}

.reset-search-user-btn {
	margin-left: 2px;
}

.add-user-btn,
#multi-user-select-dropdown {
	margin-top: 60px;
}
.add-user-btn {
	margin-left: 15px;
}


	.small-column-gutter {
		padding-left: 5px;
		padding-right: 5px;
	}

	.no-column-gutter {
		padding-left: 0px;
		padding-right: 0px;
	}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
	.no-column-gutter {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
	.no-column-gutter {
		padding-left: 50px;
		padding-right: 0px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
	.no-column-gutter {
		padding-left: 50px;
		padding-right: 0px;
	}
}



/*  -------------------- End quicklinks markup styles -----------------*/





/*  ------------------- Form and basic markup styles ------------------*/
/*  -------------------------------------------------------------------*/


.border-padding {
	padding: 5px 5px 0px 5px;
	border: 1px solid #eee;
}

.form-group-group {
	padding: 5px 5px 0px 5px;
	border: 1px solid #eee;
	border-radius: 4px;
	margin-bottom: 15px;
}

.form-group-plain {
  padding: 5px 10px;
  margin-bottom: 7px;
}

#due_check_table textarea {
	display: block;
	width: 100%;
	padding: 3px 6px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control {
	display: block;
	width: 100%;
	height: 28px;
	padding: 3px 6px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.multiselect-search {
	height: 34px;
}

.error_uname {
	border: 1px solid red !important;
}
.red {
	color: red;
}

.hidden_text, .hidden_text_email {
	display: none;
	color: #a94442 !important;
}

input[type="radio"] {
	margin-top: 2px;
}

.small_input {
	width: 50px !important;
}
.has-feedback .form-control.small_input {
	padding-right: 0px;
}

.med_input {
	width: 100px !important;
}

.btn_r_marg {
	margin-right: 2px;
}

.form-edit-input {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 13px;
	height: 28px;
	line-height: 1.42857;
	padding: 3px 6px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}

.form-edit-tarea {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 13px;
	min-height: 28px;
	line-height: 1.42857;
	padding: 3px 6px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}
#risk_question_table .handle {
 	cursor: ns-resize;
}
#risk_question_table .sortable-placeholder {
	height: 80px;
}
#risk_question_table .ui-sortable-helper {
	border: 2px dashed #25b325;
}
#risk_question_table .ui-sortable-helper .btn {
	visibility: hidden;
}

/* checkbox toggle */
.btn-toggle {
  display: inline-block;
  position: relative;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.btn-toggle.disabled {
  opacity: 0.4;
}
.btn-toggle input[type=checkbox] {
  width: auto;
  height: auto;
}
.btn-toggle input + label {
  display: block;
  cursor: pointer;
  position: absolute;
  margin: 0;
}
.btn-toggle.disabled input + label {
  cursor: default;
}
.btn-toggle {
  top: -3px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.form-group .btn-toggle input[type=checkbox] {
  visibility: hidden;
}
.btn-toggle {
  background: none;
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem;
}
.btn-toggle label:before {
  display: block;
  position: absolute;
  content: ''!important;
  z-index: 1;
  border: none;
  top: 0;
  left: 0;
  transform: none;
  background: rgba(0,0,0,.05);
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-toggle input[type=checkbox]:checked + label:before {
  background: #2185d0;
}
.btn-toggle.green input[type=checkbox]:checked + label:before {
  background: #11D232;
}
.btn-toggle.red input[type=checkbox]:checked + label:before {
  background: #FF0202;
}
.btn-toggle input[type=checkbox] + label {
  top:0px;
  left: 0px;
  z-index: 0;
  width: 3.5rem;
  height: 1.5rem;
  background: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
}
.btn-toggle input[type=checkbox] + label:after {
  position: absolute;
  content:''!important;
  background: -webkit-linear-gradient(transparent,rgba(0,0,0,.05)) #fff;
  background: linear-gradient(transparent,rgba(0,0,0,.05)) #fff;
  box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 500rem;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.btn-toggle input[type=checkbox]:checked + label:after {
  left: 2rem;
}
label > .btn-toggle {
	margin-right: 10px;
}
/* checkbox toggle end */

/*  ----------------- End Form and basic markup styles ----------------*/




/*  ------------------- Admin section styles --------------------------*/
/*  -------------------------------------------------------------------*/


.admin_icon {
	padding: 5px 0;
	width: 130px;
	height: 110px;
	position: relative;
	float: left;
	border-radius: 4px;
    background: #eee;
    text-align: center;
}

.admin_icon_end {
	padding: 5px 0;
	width: 130px;
	height: 110px;
	position: relative;
	float: left;
	border-radius: 4px;
    background: #eee;
    text-align: center;
}

.admin_icon:hover {
	background: #f9f9f9;
}

.admin_icon_img {
	padding-top: 8px;
	width: 50px !important;
	height: 50px !important;
	font-size: 42px !important;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.admin_icon_txt {
	margin-top: 0.5rem;
	padding: 5px 10px;
	width: 130px;
	height: 50px;
	line-height: 1.2 !important;
	position: relative;
	float: left;
    text-align: center;
    color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
}

.admin_icon_txt > h5 {
	font-size: 1rem;
}

.admin_icon_img .fa {
	font-size: 42px;
}

.admin_icon_img .far {
	font-size: 42px;
}

.admin_icon_img .fas {
	font-size: 42px;
}

.admin_icon_img .fab {
	font-size: 42px;
}

.admin_menu {
	margin-bottom: 20px;
	padding: 0px;
	border: 1px solid #ccc;
  	border-radius: 4px;
  	position: relative;
  	float: left;
}

.report_menu {
	margin-bottom: 20px;
	padding: 0px;
  	position: relative;
  	float: left;
}

.report_menu .admin_icon {
	margin: 0 20px 20px 0;

}

.info_menu {
	margin-bottom: 20px;
	padding: 0px;
	border-radius: 4px;
	position: relative;
	float: left;
}

.admin_menu_title {
	margin-bottom: 10px;
	padding: 5px 0 5px 10px;
	font-size: 14px;
	position: relative;
	float: left;
	width: 100%;
	border-radius: 4px 4px 0 0;
}

.admin_menu_buttons{
	padding-left: 10px;
	padding-right: 10px;
}

.admin_menu .admin_icon, .info_menu .admin_icon {
	margin-right: 10px;
	margin-bottom: 10px;
}

.admin_menu .admin_icon:last-child {
	margin-right: 0px;
}

.org-stats {
	margin-top: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.org-stats table {
	width: 100%;
}

#org_list {
	padding: 10px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

#org-view-select-dropdown.dropdown {
	display: inline-block;
}

#org-view-select-dropdown.dropdown .is-active a::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    float: right;
}

table#org_table td {
	vertical-align: middle;
}

.sub_org_row {
	background-color: #eee !important;
}

.sub_org_icon_2 {
	padding-left: 25px !important;
}

.sub_org_icon_3 {
	padding-left: 50px !important;
}

.sub_org_icon_4 {
	padding-left: 75px !important;
}

.sub_org_icon_5 {
	padding-left: 100px !important;
}

.sub_org_icon_6 {
	padding-left: 125px !important;
}

.sub_org_icon_7 {
	padding-left: 150px !important;
}

.show_sub_btn {
	font-size: 8px;
}

.delete-user-btn {
	margin-left: 2px;
}

.assignment_row {
	margin: 15px 0 0 15px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.priv_table {
	margin-top: 15px !important;
}

.priv_table td + td {
	width: 100px;
}

.progress_row_holder {
	margin: 20px 0px 0 0px;
}

#upload-users-button {
	min-width: 130px
}

#data_check_log {
	border-top: 1px solid #eee;
	margin-top: 15px;
	padding-top: 15px;
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 768px) {


	.admin-col {
		position: relative;
		float: left;
		min-width: 260px;
		padding-left: 2px;
		padding-right: 2px;
	}

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 769px) {


	.admin-col {
		position: relative;
		float: left;
		width: 130px;
		margin-right: 10px;
	}

}


/*  ------------------ end admin section styles -----------------------*/







/*  ------------------ dashboard styles --------------------------*/
/*  -------------------------------------------------------------------*/


#myChart {
	max-height: 350px !important;
	max-width: 350px !important;
}

.compliance_total_row {
	background: #eee !important;
}

.dash_btn {
	min-height: 60px;
	text-align:center;
	border: 1px solid #ccc;
	border-radius: 4px;
    padding: 20px;
}

.btn_link a, .btn_link a:hover {
	text-decoration: none;
}

.small-pad div {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
}

.btn-bg-grey {
	color:  #36458a;
	background-color: #EEEEEE;
}

.btn-bg-brand {
	 background-color: #36458a;
	 color: #ffffff;
 }

.btn-bg-audit {
	background-color: #DA1F26;
	color: #ffffff;
}



/*  ------------------ end dashboard styles -----------------------*/






/*  ------------------ Audit log page styles --------------------------*/
/*  -------------------------------------------------------------------*/


#audit_log_search {
	padding: 10px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

#usage_report_search {
	padding: 10px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

#user_search,
#org_search {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}


.log_detail_box {
	max-width: 200px;
	display: none;
}

.log_hide_btn {
	display: none;
}

/*  ------------------ End Audit log page styles --------------------------*/






/*  ---------------------- users page styles --------------------------*/
/*  -------------------------------------------------------------------*/


.manage_region_dd, .manage_country_dd {
	display: none;
}

#EditUserForm button[type="submit"],
#EditAreaForm button[type="submit"] {
	margin-left: 10px
}


/*  ---------------------- end users page styles ----------------------*/






/*  ---------------------- org areas page styles --------------------------*/
/*  -------------------------------------------------------------------*/


#area_rows {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

#area_levels  {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
  	border-radius: 4px;
  	margin: 10px 0px 0px 0px;
}

.area_level_rows {
	padding: 10px;
	cursor: pointer;
	margin: 0px 0px 3px 0px;
}

.area_level_1 {
	background:  #36458a;
	color: #fff;
}

.area_level_2 {
	background:  #a2a2a2;
	margin-left: 20px;
	color: #fff;
}

.area_level_3 {
	background: #aeadad;
	margin-left: 40px;
}

.area_level_4 {
	background: #bcbcbc;
	margin-left: 60px;
}

.area_level_5 {
	background: #c8c8c8;
	margin-left: 80px;
}

.area_level_6 {
	background: #d4d2d2;
	margin-left: 100px;
}

.area_level_7 {
	background: #e0e0e0;
	margin-left: 120px;
}

.area_level_8 {
	background: #eceaea;
	margin-left: 140px;
}

.area_level_9 {
	background: #f6f5f5;
	margin-left: 160px;
}

.radio_level_2 {
	margin-left: 10px;
}
.radio_level_3 {
	margin-left: 20px;
}
.radio_level_4 {
	margin-left: 30px;
}
.radio_level_5 {
	margin-left: 40px;
}
.radio_level_6 {
	margin-left: 50px;
}
.radio_level_7 {
	margin-left: 60px;
}
.radio_level_8 {
	margin-left: 70px;
}
.radio_level_9 {
	margin-left: 80px;
}


/*  ---------------------- end org areas page styles ----------------------*/





/*  ---------------------- user level styles --------------------------*/
/*  -------------------------------------------------------------------*/


#level_rows {

}

#user_level_rows  {
	padding: 10px;
	margin: 10px 15px 0 15px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

#user_level_rows .row {
	margin: 0;
	padding: 5px;
}

#user_level_rows .row:nth-child(odd) {
    background-color: #eee;

}

.new_user_level_row {
	margin-top: 10px;
}

.new_level_row {
	margin: 10px 15px 0 0px;
	padding: 10px;
	border: 1px solid #ccc;
  	border-radius: 4px;
  	display: none;
}

.no-gutter {
	margin-left: 0;
	padding-left: 0;
}


/*  ---------------------- end user level styles ----------------------*/



/*  ---------------------- log entry styles --------------------------*/
/*  -------------------------------------------------------------------*/


#log_form {

}

#log_form_wrap  {
	padding: 10px;
	margin: 10px 15px 0 0px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

#check_form_fields {
	display: none;
}



/*  ---------------------- end user level styles ----------------------*/






/*  ----------------- user level privilege styles ---------------------*/
/*  -------------------------------------------------------------------*/


#privilege_wrap {
	margin: 10px 0 0 0px;

}

#privilege_rows {
	margin: 0;
	padding: 0;
}

#privilege_rows .row {
	margin: 0;
	padding: 5px;
}

#privilege_rows .row .col-md-2{
	padding-left: 5px;
	padding-right: 5px;
}

#privilege_rows .row:nth-child(odd) {
    background-color: #f9f9f9;
}
#privilege_rows label {
	padding-right: 5px;
}

#privilege_rows .form-group {
	background: none;
	margin-bottom: 0;
	padding: 5px;
	border: 1px solid #eee;
}

.privilege_submit {
	margin-top: 20px;

}


/*  ----------------- end user level privilege styles --------------*/






/*  ---------------------- checks/tests styles -------------------------*/
/*  --------------------------------------------------------------------*/

.checks_menu {
	margin-right: 10px;
	margin-bottom: 10px;
}

#check_container {
	margin: 0 0 0 0px;
}

.check_btn {
	width: 45%;
	margin-bottom: 2px;
	margin-left: 2px;
}

.edit_check_btn {
	width: 30%;
	margin-bottom: 2px;
	margin-left: 2px;
}

.check_btn i, .edit_check_btn i {
	font-size: 18px;
}

.due_check_row_head {
	font-weight: bold;
	color: #36458a;
}

#due_check_table tbody tr {
	min-height: 60px;
}

#due_check_table td {
	vertical-align: top;
}

.recurr_icon {

}

#area_check_assign, #user_check_assign {
	display: none;
}

.green {
	color: #5cb85c !important;
}

.orange {
	color: #f58821 !important;
}

.red {
	color: #d9534f !important;
}

.blue {
	color: #337ab7 !important;
}

.grey {
	color: #666 !important;
}

.black {
	color: #000000 !important;
}

.white {
	color: #ffffff !important;
}

.pink {
	color: #fe2ec8 !important;
}

.purple {
	color: #6a0888 !important;
}

.ihasco_purple {
	color: #8B33F4 !important;
}

.yellow {
	color: #ffff00 !important;
}

.cyan {
	color: #58d3f7 !important;
}


/*  --------------------- end checks/tests styles ----------------------*/




/*  --------------------- training dashboard styles ----------------------*/

.training_icon_wrap {
	width: 270px;
	height: 153px;
	position: relative;
	float: left;
	margin: 0 8px 8px 0px;
}


.training_icon, .training_icon_lfg {
	padding: 10px;
	width: 270px;
	height: 120px;
	position: relative;
	float: left;
	border: 1px solid #36458a;
	border-radius: 4px 4px 0 0;
    background: #eee;
    cursor: pointer;
}

.training_icon:hover {
	background: #f9f9f9;
}

.training_icon_title {
	width: 250px;
	height: 60px;
	position: relative;
	float: left;
}

.training_icon_title_icon {
	width: 50px;
	height: 50px;
	position: relative;
	float: left;
}

.ticon {
	font-size: 45px !important;
	color: #36458a;
}

.ticon-white {
	font-size: 50px !important;
	color: #ffffff;
}

.training_icon_title_text {
	margin-left: 5px;
	width: 190px;
	height: 75px;
	position: relative;
	float: right;
	font-weight: bold;
	color: #36458a;
	font-size: 18px;
	line-height: 1.1;
}

.training_icon_title_text_white {
	margin-left: 5px;
	width: 190px;
	height: 75px;
	position: relative;
	float: right;
	font-weight: bold;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.1;
}

.training_icon_status {
	margin-top: 15px;
	width: 250px;
	height: 25px;
	position: relative;
	float: left;
	font-size: 15px;
	text-align: center;
}

.training_icon_data_hover, .training_icon_open {
	padding: 5px 0;
	width: 270px;
	height: 30px;
	position: relative;
	float: left;
	text-align: center;
	background-color: #36458a;
	color: #fff;
	border-radius: 0 0 4px 4px;
	cursor: pointer;
}
.training_icon_data_hover i {
	font-size: 18px;
	margin-right: 10px;
}

.training_icon_data {
	padding: 10px;
	width: 270px;
	height: 150px;
	position: absolute;
	bottom: 3px;
	display: none;
	text-align: left;
	background-color: #36458a;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}

.training_icon_data_hover_android {
	padding: 5px 0;
	width: 270px;
	height: 50px;
	position: relative;
	float: left;
	text-align: center;
	background-color: #36458a;
	color: #fff;
	border-radius: 0 0 4px 4px;
	cursor: pointer;
}

.training_icon_wrap_android {
	width: 270px;
	height: 170px;
	position: relative;
	float: left;
	margin: 0 8px 8px 0px;
}

.greyish {
	background-color: #EEEEEE;

}

.form-group input[type="checkbox"] {
	display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
	width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
	display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
	display: inline-block;
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
	display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
	display: none;
}

.section_questions label {
	width: 50% !important;
}

#answer_message {
	margin-bottom: 10px !important;
	height: 40px;
}

.alert {
	padding: 10px !important;
}

#show_correct_answers, #course_passed, #course_failed, #dse_course_passed,#move_location_transfer, #loc_transfer_dest, #transfer_btn_row, #region_choice, .generic_risk_buttons, .create_hazard_table {
	display: none;
}


.continue-btn-stop, .ref_error {
	display: none;
}

.accident_thumb {
	border: 2px solid #36458a;
	padding: 3px;
}

.export_thumb {
	margin: 0 2px 2px 0;
	border: 1px solid #cccccc;
	max-height: 200px;
}

.accident_doc_div {
	text-align: center;
  margin-bottom: 10px;
  display: inline-block;
}
.accident_doc_div img {
  margin: 10px;
}

.icon-plus {
	margin-left: 20px !important;
	margin-top: 20px !important;
}

.icon-plus-25 {
	margin-left: 16px !important;
	margin-top: 22px !important;
}

div.training-references > p {
	padding: 10px;
	border-radius: 10px;
}
sup.training-reference {
	color: #aaa;
}

/*  --------------------- training dashboard styles end ------------------*/






/*  --------------------- risk assessment styles  ------------------*/


.show_helper {
	border-top: 1px solid #ccc;
	padding-top: 7px;
	margin-top: 7px;
	display: none;
}

/*
.risk_expand {
	width: 21px;
	padding: 2px 0px 0 5px;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	background-color: #36458a;
	cursor: pointer;
}
*/

.risk_answer {
	min-height: 30px;
	width: 130px;
}

.risk_answer_buttons_icon_no_click {
	font-weight: bold;
	margin: 0;
	padding: 3px 1px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #eee;
}

.risk_answer_buttons_icon, .risk_answer_buttons_na_icon {
	font-weight: bold;
	margin: 0;
	padding: 3px 1px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #eee;
}

.btn-unselected {
	color: #fff;
	    background-color: #6c757d;
	    border-color: #6c757d;
}

.u-low {
	color: #5cb85c;
}

.u-tol {
	color: #f58821;
}

.u-fail {
	color: #d9534f;
}

.u-na {
	color: #337ab7;
}

.pass {
	background-color:#5cb85c;
	color: #fff;
}


.low {
	background-color:#5cb85c;
	color: #fff;
}

.tolerable {
	background-color:#f58821;
	color: #fff;
}


.fail {
	background-color:#d9534f;
	color: #fff;
}

.not_ap {
	background-color:#337ab7;
	color: #fff;
}

.not_selected {
	background-color: #f7f7f7;
}

.img_thumb {
	cursor: pointer;
}

.full_size_img {
	width: 100%;
	height: 100%;
	max-width: 550px;
	max-height: 750px;
}

#risk_table tr th {
	vertical-align: middle !important;
}

.risk_container {
	margin: 0;
}

.risk_assign_container {
	padding: 25px 0px;
	 margin: 15px 0;
	border: 1px solid #eee;
 }

.custom-header {
	color: #fff;
	background-color: #286090;
	padding: 7px 12px;
}

.risk_section  {
	margin: 10px 0 0 0px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.check_name_col {
	max-width: 350px !important;
}

.action_col {
    min-width: 100px;
}

.sm_action_col {
    min-width: 100px;
}

.due_notes_col {
    min-width: 150px;
}

@media only screen and (min-width : 1200px) {
	.amended_col, .notes_col, .action_col, .area_col {
		min-width: 100px;
	}
    .due_notes_col {
		min-width: 240px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.action_col_train{
		min-width: 90px;
	}

	.notes_col{
		min-width: 150px;
	}

	.cnotes_col{
		max-width: 120px;
	}

	.due_notes_col {
		min-width: 190px;
	}

	.answer_col {
		width: 400px;
	}

	.check_detail_col {
		max-width: 300px;
	}

	.ccheck_detail_col {
		max-width: 230px;
	}

	.action_col_user {
		min-width: 150px;
	}

	.ra_form_input_tb {
		vertical-align: top;
		min-height: 100px;
	}

	.ccheck_assign {
		min-width: 100px;
	}
	.edit_check_col {
		width: 150px;
	}

}



.priority_level {
	margin-bottom: 10px;
	display: none;
}

.alert {
	padding: 7px;
	margin: 5px 0;
}

#risk_status_table td {
	padding-right: 20px;
}

.risk_review_status {
	background-color: #f9f9f9;
}

#risk_log_table tr th:first-child {
	width: 65%;
}

.risk-btns {
	margin-right: 3px;
}


.assign_box_div {
}

ul#risk_location_select {
	transition: border linear 0.2s, box-shadow linear 0.2s;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	height: 200px;
	padding: 0;
	overflow-y: auto;
}

ul#risk_location_select li {
	border-bottom: 1px #eee solid;
	padding: 2px 10px;
	color: #555;
	font-size: 14px;
	cursor: pointer;
}

ul#risk_location_select li:hover, .risk_area_selected {
	cursor: pointer;
	color: #fff !important;
	text-decoration: none;
	background-color: #08c;
}

#alt_select {
	display: none;
}

.btn_marg {
	margin-top: 15px;
}

#generic_action_form, #generic_action_form_edit, #risk_action_form {
	display: none;
}

.rating_btn {
	padding: 5px 0;
	width: 55px;
	text-align: center !important;
}

.quill_box {
	min-height: 75px;
}


/*  --------------------- risk assessment styles  ------------------*/

.accident_table {
	width: 100%;
}

.accident_table tr {
	border-bottom: 1px solid #fff;
}

.accident_table td {
	padding: 4px;
}

.risk_menu {
	margin-right: 10px;
	margin-bottom: 10px;
}


/*  --------------------- end risk assessment styles ----------------------*/

/* ---------------- back to top button style---------------------*/

.bottom_right_fixed_hidden {
        position: fixed;
        bottom: 50px;
        right: 30px;
				display: none;
				z-index: 1000;

}

@media only screen and (max-width : 768px) {


	.bottom_right_fixed_hidden {
	        position: fixed;
	        bottom: 50px;
	        right: 30px;
					display: none;
					z-index: 1000;

	}

	.assign-btn {
		width: auto;
	}

}


/* ---------------- end of back to top button style---------------------*/



/*  --------------------- information styles ----------------------*/


.warden_holder {
	margin-right: 20px;
	margin-bottom: 20px;
	width: 220px;
	height: 280px;
	position: relative;
	float: left;
	background: #eee;
}

.warden_img {
	margin: 5px 0 0 5px;
	width: 177px;
	height: 177px;
	position: relative;
	float: left;
	border: 1px solid #666;
}

.warden_detail {
	margin: 5px 0 0 5px;
	width: 181px;
	height: 40px;
	position: relative;
	float: left;
}

	.limited_txt {

	}

	.doc_name_col {
		min-width: 200px;
	}

	.doc_loc_col {
		min-width: 200px;
	}

	.doc_action_col {
		min-width: 175px;

	}
	.file_col {
		width: 270px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: inline-block;
	}




/*  --------------------- end information styles ----------------------*/





/*  --------------------- notification styles ----------------------*/



#group_users_row {
	display: none;
}

.alert_modal {
	min-width: 900px;
}

.current_alert {
	background-color: #36458a !important;
	color: #fff;
}

#alert_list{
	margin-left: 0;
	padding-left: 0;
}

#alert_list li {
	width: 100%;
	align: left;
	padding: 8px 0 8px 15px;
	margin-bottom: 3px;
	list-style-type: none;
	background: #eee;
}



#alert_list li:hover {
	background: #fff;
	cursor: pointer;
}

#alert-history {
	border-right: 1px solid #ccc;
}

#last-email-alert td {
	padding: 4px;
	vertical-align: top;
}


/*  ---------------------  end notification styles ----------------------*/

@media print {
    .no-print {
        display: none !important;
    }

    #check_container.due-checks-table td {
        height: 152px;
    }
    #check_container.due-checks-table td.due_notes_col {
        min-width: 300px;
    }
    #check_container.due-checks-table #table_holder {
        border: none;
    }
}

/* pointer changes on top of risk picture galery image*/

.risk_image_galery:hover {
	cursor: pointer;
}

.risk_galery_image {
	max-width: 100%;
	max-height:100%;
	margin: 10px 10px 10px 10px;
	object-fit:scale-down;
}

.risk_galery_image_wrap {
	width: 210px;
	height: 210px;
	padding: 10px 10px 10px 10px;
	display: inline-block;
}

.page_nr {
	margin: 1px 1px 1px 1px
}

.css_for_records_per_page{
	width: 30px;
	height: 20px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #666;
}

.font-12 {
	font-size: 12px !important;
	color: #36458a;
	margin-top: 5px;
	line-height: 14px;
}

.fv-hidden-submit {
	display:none !important;
}

.btn.customsmall{
	margin: 5px;
	padding: 5px;
	width: 30px !important;
	height: 30px !important;
}

	.file_input {
        width: 100%;
        height: 50px;
        background: #171717;
        padding: 4px;
        border: 1px dashed #333;
        position: relative;
        cursor: pointer;
    }

    .file_input::before {
        content: '';
        position: absolute;
        background: #f0f0f0;
        font-size: 20px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
    }

    .file_input::after {
        content: 'Click to select file or Drag & Drop here';
        position: absolute;
        color: #808080;
        font-size: 15px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

		.dropzone {
	        width: 100%;
	        height: 50px;
	        background: #;
	        padding: 4px;
	        position: relative;
	        cursor: pointer;
	    }

	    .dropzone::before {
	        content: '';
	        position: absolute;
	        background: #e0e0e0 !important;
					border: 5px dashed #00FF00;
	        font-size: 20px;
	        top: 50%;
	        left: 50%;
	        transform: translate(-50%, -50%);
	        width: 100%;
	        height: 100%;
	    }

	    .dropzone::after {
	        content: 'Click to select file or Drag & Drop here';
	        position: absolute;
	        color: #808080;
	        font-size: 15px;
	        top: 50%;
	        left: 50%;
	        transform: translate(-50%, -50%);
	    }

			.file_input_small {
		        width: 100%;
		        height: 50px;
		        background: #171717;
		        padding: 4px;
		        border: 1px dashed #333;
		        position: relative;
		        cursor: pointer;
		    }

		    .file_input_small::before {
		        content: '';
		        position: absolute;
		        background: #f0f0f0;
		        font-size: 20px;
		        top: 50%;
		        left: 50%;
		        transform: translate(-50%, -50%);
		        width: 100%;
		        height: 100%;
		    }

		    .file_input_small::after {
		        content: 'Click to select file or Drag & Drop here';
		        position: absolute;
		        color: #808080;
		        font-size: 9px;
		        top: 50%;
		        left: 50%;
		        transform: translate(-50%, -50%);
		    }

				.dropzone_small {
			        width: 100%;
			        height: 50px;
			        background: #;
			        padding: 4px;
			        position: relative;
			        cursor: pointer;
			    }

			    .dropzone_small::before {
			        content: '';
			        position: absolute;
			        background: #e0e0e0 !important;
							border: 5px dashed #00FF00;
			        font-size: 20px;
			        top: 50%;
			        left: 50%;
			        transform: translate(-50%, -50%);
			        width: 100%;
			        height: 100%;
			    }

			    .dropzone_small::after {
			        content: 'Click to select file or Drag & Drop here';
			        position: absolute;
			        color: #808080;
			        font-size: 9px;
			        top: 50%;
			        left: 50%;
			        transform: translate(-50%, -50%);
			    }

/* -------------- interactive help button --------------------------------- */
.interactive_help_btn {
        position: absolute;
        top: 0px;
        right: 30px;
				z-index: 1000;
				border-style: none !important;
				opacity: 0.5;


}

.interactive_help_btn:hover {
	cursor: pointer;
}


/* -------------- END OF interactive help button --------------------------- */
/* -------------- dissapearing button on images button --------------------- */

.dissapearing-button {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 1000;
	border-style: none !important;
	opacity: 0.5;
}

.dissapearing-button:hover {
	opacity: 1;
}

.image-under-dissapearing-button {
	position: absolute;
	top: 0px;
	left: 0px;
	border-style: none !important;
}

/* -------------- END OF dissapearing button on images button -------------- */
/* -------------- button on top of input field at the end ------------------ */

.ontop-end-button {
	position: absolute;
	top: 0px;
	right: 15px;
	z-index: 1000;
	border-style: none !important;
	opacity: 0.5;
}

.ontop-end-button:hover {
	opacity: 1;
}

/* -------------- END OF button on top of input field at the end ----------- */
/* -------------- Cursor to sort questions --------------------------------- */

.cursor_arrows {
 	cursor: ns-resize;
}
/* -------------- END OF Cursor to sort questions -------------------------- */

/* -- hide multi upload buttons -- */
div.html5fileupload .multiple {
	display: none !important;
}

div.html5fileupload .file .btn {
	display: none !important;
}
/* -- END OF hide multi upload buttons -- */


#stripe_tb {
	width: 100%;
}
#stripe_tb tr:nth-child(even) {
 background: #eee;
}

/* -- risk text for FRA header -- */

.bold_italic_header {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

p.bigger_text {
	font-size: 14px;
}


/* -- risk text for FRA header -- */

/* -------------- button on top of folder to delete ------------------------ */

.ontop-delete-button {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1000;
	border-style: none !important;
	opacity: 0.5;
}

.ontop-delete-button:hover {
	opacity: 1;
}

.ontop-delete-button-docs {
	position: absolute;
	top: 10px;
	right: 60px;
	z-index: 1000;
	border-style: none !important;
	opacity: 0.5;
}

.ontop-delete-button-docs:hover {
	opacity: 1;
}

.hover-opacity {
	opacity: 0.5;
}

.hover-opacity:hover {
	opacity: 1;
}

/* -------------- END OF button on top of folder to delete  ---------------- */
/* -------------- button on top of folder to edit ------------------------ */

.ontop-edit-button {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1000;
	border-style: none !important;
	opacity: 0.5;
}

.ontop-edit-button:hover {
	opacity: 1;
}

/* -------------- END OF button on top of folder to delete  ---------------- */

/* -------------- Round news label ----------------------------------------- */

span.label_new{
	border-radius: 50%;
	font-size: 12px;
}
/* -------------- Round news label ----------------------------------------- */

/* ---------------------- COSHH ------------------------ */

.checkbox-input {
	display: flex;
	align-items: center;
}

#hazard-classification img {
	width: 100%;
	height: auto;
}

#hazard-classification > tbody > tr > td {
	border-top: none;
}

#ppe img {
	width: 100%;
	height: auto;
}

#ppe p.ppe {
	margin-top: 1rem;
}

#fire_fighting_measures img {
	height: 120px;
	width: auto;
	display: block;
	margin-bottom: 1rem;
}

#fire_fighting_measures .fire_column {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.btn-low,
.btn-medium,
.btn-medium-high,
.btn-high {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	white-space: normal;
}

.btn-low.active {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-medium.active {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.btn-medium-high.active {
	color: #fff;
	background-color: #f0874e;
	border-color: #ee6d36;
}

.btn-high.active {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

#CompleteCoshhForm .ql-editor{
    min-height:80px;
}

#CompleteCoshhForm .ql-toolbar.ql-snow {
	background: white;
	margin-top: 5px;
}

#CompleteCoshhForm .ql-container.ql-snow {
	background: white;
}



/* -- Viridor IMS -- */

.ims_menu {
	margin: 0 0px 0px 0;
	padding: 0;
}

.ims_menu_inner {
	margin: 0 10px 10px 0;
	padding: 0;
}

.ims_icon_hazard {
	border-radius: 4px;
    background: #eee;
    text-align: center;
}

.admin_icon_end {
	padding: 5px 0;
	width: 130px;
	height: 110px;
	position: relative;
	float: left;
	border-radius: 4px;
    background: #eee;
    text-align: center;
}

.admin_icon:hover {
	background: #f9f9f9;
}

.ims_icon_hazard:hover {
	background: #f9f9f9;
}

.admin_icon_img {
	padding-top: 8px;
	width: 50px !important;
	height: 50px !important;
	font-size: 42px !important;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.ims_icon_txt {
	margin-top: 10px;
	padding: 5px 10px;
	line-height: 1.2 !important;
	font-weight: 800;
	position: relative;
	margin-left: auto;
	margin-right: auto;
    color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
}

.admin_icon_txt {
	padding: 5px 10px;
	width: 130px;
	height: 50px;
	line-height: 1.2 !important;
	position: relative;
	float: left;
    text-align: center;
    color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
}

.save_edits_incident_report, .add_log_btn_plus, .unlock_incident_report {
	margin-right: 2px;
}

#doc_lib_user_table_in_modal tbody tr td.use_for_filter {
	max-width: 120px;
	overflow-wrap: break-word;
}

#doc_lib_user_table_in_modal tbody tr td.email {
	max-width: 200px;
	overflow-wrap: break-word;
}

#doc_lib_selected_user_table_in_modal tbody tr td:first-child {
	max-width: 120px;
	overflow-wrap: break-word;
}

#doc_lib_selected_user_table_in_modal tbody tr td + td {
	max-width: 200px;
	overflow-wrap: break-word;
}


.note-toolbar {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
	height: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


.drag_and_drop_group {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
	min-height: 50px;
}

.drag_and_drop_group_hover {
	background: #dff0d8;
}

.form-group-styles {
	padding: 5px 10px;
	background: #f9f9f9;
	margin-bottom: 7px;
	border-radius: 4px;
}

.sortable_list_table {
	border-collapse: separate;
	border-spacing: 10px;
}

.list_value_td, .sortable_list_item {
	background: #14a2b8;
	color: #fff;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	cursor: ns-resize;
}

.sortable_list_training_placeholder {
	background: #dff0d8;
}

.sortable_list_table .ui-sortable-helper {
	display: table;
}

.add_element_btn_wrapper {
	padding: 0.5rem;
	border-radius: 4px;
	width: 140px;
	background: #eee;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	cursor: pointer;
}

.ticket_note_align {
	margin-left: 0px;
}

.ticket_btn_marg {
	margin-right: 2px;
}

.ticket_btn_bottom {
	margin-top: 30px;
}

.ticket_warning_block {
	min-height: 40px;
}

.emergency_ticket_cell {
	color: #fff;
	background-color: #D10000;
}

.urgent_ticket_cell {
	background-color: #FFA500;
}

.hold_ticket_cell {
	background-color: #FFFF00;
}

.overdue_text_colour  {
	color: #D10000;
}

.margin_10 {
	margin: 10px;
}

.bg_green {
	background-color: #5cb85b !important;
}

#eh_container {
	margin: 0 0 0 0;
}

.image_disappear {
	opacity: 0;
}

.dash-btn {

	background: #36458a;
}
#tcc_banner {
	background: #36458a;
	color: #ffffff;
	margin-bottom: 15px;
	padding: 5px 0 5px 0;
	border-radius: 4px;
}

.tcc_banner_txt {
	font-weight: bold;
	padding-top: 7px;
}

.tcc_btn {
	background-color: #DA1F26;
	border: 0;
	margin-top: 3px;
	font-weight:600;
}

.tcc_btn:hover {
	background-color: #c16265;

}

.ticket_tick:hover,.ticket_untick:hover {
	color: #95d095 !important;
}

.ticks_switch {
	font-size: 14px;
	color: #999999;
}

.ticks_switch:hover {
	color: #5cb85c;
}

.ticks_switch_ticked {
	font-size: 14px;
	color: #5cb85c;

}
.ticks_switch_ticked:hover {
	color: #999999;
}

#risk_hazard_table td {
	word-break: break-word;  /* Breaks long words/URLs */
  overflow-wrap: break-word;  /* Ensures wrapping in most browsers */
}

/*------------ ROOM BOOKING CSS -------------*/
.alert-grey {
	background-color: #eeee;
}

.alert-white {
	background-color: #fff;
}

 /* Tooltip container */
.view_room_btn {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.view_room_btn .room_tooltip {
  visibility: hidden;
  width: 120px;
  background-color: #d9edf7;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  color: #31708f;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #bce8f1;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.view_room_btn .room_tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #d9edf7 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.view_room_btn:hover .room_tooltip {
  visibility: visible;
  opacity: 1;
}

#globalTooltip.room_tooltip {
  position: fixed;
  max-width: 90vw;
  background-color: #d9edf7;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
  color: #31708f;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #bce8f1;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}

#globalTooltip.room_booking_tooltip {
  position: fixed;
  max-width: 90vw;
  /* background-color: #d9edf7; */
  box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
  /* color: #31708f; */
  padding: 10px;
  border-radius: 6px;
  /* border: 1px solid #bce8f1; */
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}

.table_border  {
	margin: 10px 0 0 0px;
	padding: 10px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

.bg-brand {
	background: #36458a;
}

/* CUSTOM STYLING TO FIX DEPRECATED BOOTSTRAP 3 ELEMENTS */
.form-group {
	padding: 5px 10px;
	background: #f9f9f9;
	margin-bottom: 7px;
	border-radius: 4px;
}

h1,h2,h3,h4,h5,h6,label {
	color: #36458a;
}

label {
	font-weight: bold;
}

.datepicker {
	cursor: pointer;
}

/* QUICKLINKS SORTING */

/* Ensure the container positions correctly */
.quicklink_sortable_group {
  position: relative;
}

/* Each row is a normal block (no float) */
.nav > li {
  list-style: none;
  display: block;
  margin: 4px 0;
}

/* Link styling */
.quicklink_sortable_group > li > a {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  width: 100%;
  font-size: 1rem;
  cursor: pointer;
  color: #36458a;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.quicklink_sortable_group > li > a.active {
  background-color: #36458a !important;
  color: #fff;
}

.quicklink_sortable_group > li > a:hover,
.quicklink_sortable_group > li > a:focus {
  background: #ddd;
  color: #36458a;
}

.quicklink_sortable_group i {
  margin-right: 8px;
  vertical-align: middle;
}

/* Handle styling */
.quicklink_sortable_handle {
  cursor: grab;
}
.quicklink_sortable_handle:active {
  cursor: grabbing;
}

/* Placeholder (the green drop zone) */
.ui-sortable-placeholder {
  visibility: visible !important;
}

.sortable_quicklink_list_placeholder {
  background: #dff0d8;
  border: 2px dashed #9ccf9c;
  border-radius: 6px;
  height: 55px; /* match your nav item height */
  margin: 4px 0;
}

/* Keep dragged item full width */
.ui-sortable-helper {
  width: 100% !important;
}