/* Add here all your CSS customizations */
:root {
	--box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* General declarations */

form {
	padding-top: 15px;
	padding-bottom: 20px;
}

form>.alert {
	margin-top: -15px;
	margin-bottom: 30px;
}

.btn-action {
	font-size: 18px;
}

.btn-action:not(:last-child) {
	margin-right: 20px !important;
}

td>.btn-view {
	display: block;
	font-size: 18px;
	color: #666;
	margin: 7px auto 0px auto;
	width: 20px;
}

.btn-view:hover {
	color: #333;
}

.btn-back {
	display: block;
	font-size: 16px;
	margin-top: -10px;
	margin-left: 2px;
	margin-bottom: 20px;
	width: 130px;
}

.pagination {
	display: flex;
	justify-content: center;
}

.actions {
	min-width: 100px !important;
}

.badge-lg {
	padding: 5px;
	width: 120px;
	font-size: 12px;
}

.badge-xl {
	padding: 5px;
	width: 180px;
	font-size: 12px;
}

.view-img {
	max-width: 400px;
	max-height: 200px;
}

.preline {
	white-space: pre-line;
}

.display-none {
	display: none;
}

.relative {
	position: relative !important;
}

.flex {
	display: flex;
}

.flex.center {
	justify-content: center;
	align-items: center;
}

.flex.jc {
	justify-content: center;
}

.flex.ai {
	align-items: center;
}

.p0 {
	padding: 0px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pt10px {
	padding-top: 10px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pb10px {
	padding-bottom: 10px !important;
}

.m0 {
	margin: 0px !important;
}

.mt-10px {
	margin-top: -10px !important;
}

.mt20px {
	margin-top: 20px !important;
}

.mt40px {
	margin-top: 40px !important;
}

.mt60px {
	margin-top: 60px !important;
}

.ml10px {
	margin-left: 10px !important;
}

.ml20px {
	margin-left: 10px !important;
}

.mlauto {
	margin-left: auto !important;
}

.mb15px {
	margin-bottom: 15px !important;
}

.mb20px {
	margin-bottom: 20px !important;
}

.mb40px {
	margin-bottom: 40px !important;
}

.w100px {
	width: 100px !important;
}

.w200px {
	width: 200px !important;
}

.mxw150px {
	max-width: 150px !important;
}

.mnw100px {
	min-width: 100px !important;
}

.mnw120px {
	min-width: 120px !important;
}

.mnw160px {
	min-width: 160px !important;
}

.w7p5p {
	width: 7.5% !important;
}

.w12p5p {
	width: 12.5% !important;
}

.w15p {
	width: 15% !important;
}

.w17p {
	width: 17% !important;
}

.w20p {
	width: 20% !important;
}

.w25p {
	width: 25% !important;
}

.w27p5p {
	width: 27.5% !important;
}

.w30p {
	width: 30% !important;
}

.w33p {
	width: 33% !important;
}

.w35p {
	width: 35% !important;
}

.w40p {
	width: 40% !important;
}

.w45p {
	width: 45% !important;
}

.w50p {
	width: 50% !important;
}

.w75p {
	width: 75% !important;
}

.w80p {
	width: 80% !important;
}

/* Media queries */

@media (max-width: 992px) {
	.controls-col {
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.text-divide {
		display: inline;
	}

	.floatThead-table {
		margin-top: 60px !important;
	}
}

/* Controls */

.controls-col>.card>.card-body>a {
	width: 100%;
}

/* Modal */

.modal-text-sm {
	margin: 20px 0px 20px 0px;
	text-align: center;
}

/* Clients */

.client-logo-sm {
	max-width: 100px;
	max-height: 50px;
}

.clients-table>tbody>tr>td {
	vertical-align: middle;
}

/* RAMS */

.rams-row {
	margin-top: 40px;
	margin-bottom: 20px;
}

/* Planner */

.planner-wrapper {
	position: relative;
}

.planner-scroller {
	padding-left: 200px !important;
	overflow-x: scroll !important;
	overflow-y: auto !important;
}

.sticky-col {
	left: 0px !important;
	position: absolute !important;
	top: auto !important;
	width: 200px;
	background: #f9f9f9;
}

.row-small {
	height: 20px !important;
}

.sticky-head {
	margin: 0px;
	left: -200px !important;
	border-left: 1px solid #e6e6e6 !important;
}

.planner-table {
	overflow-x: scroll;
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
	background: #f2f2f2;
}

.planner-table>thead>tr>th {
	background: #f9f9f9;
	min-width: 200px !important;
	max-width: 200px !important;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.planner-table>tbody>tr>th {
	border: 0px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 0px;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
}

.planner-th-select-small {
	height: 23px;
}

.planner-th-small {
	height: 30px;
}

.planner-th-large {
	height: 49px;
}

.planner-th-divider {
	height: 28px;
}

.planner-table>tbody>tr>td {
	min-width: 200px !important;
	max-width: 200px !important;
	border: 0px;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #525252;
}

.planner-td-input {
	padding: 0px !important;
	margin: 0px !important;
	height: 30px;
}

.planner-td-small-input {
	padding: 0px !important;
	margin: 0px !important;
	height: 20px !important;
}

.planner-td-textarea {
	padding: 0px !important;
	margin: 0px !important;
}

.planner-td-small {
	height: 20px !important;
}

.planner-td-large {
	height: 49px;
}

/*

tr > .job-td {
	border-left: 2px solid #0f0f0f !important;
}

tr:nth-child(2) > .job-td {
	border-top: 2px solid #0f0f0f !important;
}

tbody > tr > .job-td {
	border-right: 2px solid #0f0f0f !important;
}

*/

.planner-divider {
	border-top: 2px solid #0f0f0f !important;
	border-bottom: 2px solid #0f0f0f !important;
	height: 20px !important;
}

.planner-input {
	display: block;
	margin: 0px !important;
	border: 0px;
	outline: none;
	/*height: 46px;*/
	height: 100%;
	width: calc(100% - 0.1px);
	min-height: 0px !important;
}

.planner-select {
	height: 100% !important;
	min-height: 0px !important;
	width: calc(100% - 0.1px);
	/*height: 46px;*/
	outline: none;
	border: 0px;
	border-radius: 0px;
	background: #fff;
	font-size: 14px;
	padding: 0px !important;
}

.input-purple {
	background: #7030a0;
	color: #f9f9f9;
}

.input-green {
	background: #92d050;
	color: #0f0f0f;
}

.input-blue {
	background: #0070c0;
	color: #f9f9f9;
}

.input-light-blue {
	background: #00b0f0;
	color: #0f0f0f;
}

.input-orange {
	/*background: #e8ae51;*/
	background: #ffd857;
	color: #0f0f0f;
}

.input-olive {
	background: #e2efda;
	color: #0f0f0f;
}

.input-grey {
	background: #fff;
	color: #f9f9f9;
}

.option-trainee-blasting-assistant {
	background: #ed9c28;
}

.option-blasting-assistant {
	background: #5bc0de;
}

.option-blasting-engineer {
	background: #47a447;
}

.btn-zoom {
	width: 30px;
}

.datepicker {
	z-index: 9999 !important;
}

.export-csv {
	display: block;
	margin: 20px auto -10px auto;
}

.fileupload-exists.grey {
	color: #666;
	margin-left: -15px;
}