* {
	font-family: 'Red Hat Display', sans-serif;
	text-decoration: none !important;
}
html, body, main, .h-100 {
	height: 100%;
}

.contain-login {
	height: 100%;
}

#panel-left {
	display: flex !important;
	align-items: center;
	background-color: #3074B7;
}
#panel-right {
	display: flex !important;
	align-items: center;
	background-color: #F1F6F9;

}

.h1 {
	color: #fff;
	font-size: 60px;
	font-weight: 900;
}
.h2 {
	color: #3074B7;
	font-size: 40px;
	font-weight: 700;
}

.description {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
}

#panel-left .logo-container svg {
	width: 220px;
}


#panel-right form input {
	background-color: unset;
	border: 0;
	border-bottom: 2px solid #3074B7;
	border-radius: 0;
	font-weight: 400;
}

.btn.btn-primary {
	border: 0 !important;
	border-radius: 50px !important;
	background-color: #3074B7 !important;
	padding: 15px 40px !important;
	color: #fff !important;
	font-weight: 400 !important;
}

.bg-1a313e { background-color: #1a313e !important; }
.bg-91d683 { background-color: #91d683 !important; }
.bg-f2f2f2 { background-color: #f2f2f2 !important; } 
.bg-f9f9f9 { background-color: #f9f9f9 !important; } 
.active, .hover:hover { background-color: #f2f2f2; }
.border-1-fff { border: 1px solid #fff !important; }

.p-menu { padding: 6px 0px 6px 15px !important; }
.text-2e4097 { color: #2e4097 !important; }
.contain-h-150 { height: 150px !important; overflow: auto; }
.contain-h-200 { height: 200px !important; overflow: auto; }
.contain-h-300 { height: 300px !important; overflow: auto; }
.contain-h-400 { height: 400px !important; overflow: auto; }
.contain-h-500 { height: 500px !important; overflow: auto; }

.form-control:disabled, .form-control[readonly] {
    background-color: transparent !important;
    opacity: 1;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #e2e2e2 !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #e2e2e2 !important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #2e4097 !important;
}

#table-area_filter, #table-equipment_filter, #table-personal_filter, #table-xtoken_equipment_filter, #table-work_filter, #table-costs_filter, #table-statistics_filter, #table-parts_filter, #table-supplier_filter { display: none !important; }


.swal2-backdrop-show { z-index: 3000 !important; }

.select2-container { width: 100% !important; }
.select2-container .select2-selection--single { display: block !important; width: 100% !important; height: calc(1.5em + .75rem + 2px) !important; padding: .275rem .75rem !important; font-size: 1rem !important; font-weight: 400 !important; line-height: 1.5 !important; color: #495057 !important; background-color: #fff !important; background-clip: padding-box !important; border: 1px solid #ced4da !important; border-radius: .25rem !important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { top: 70% !important; }
.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #FFFFFF !important; }
.select2-container--default .select2-selection--multiple { min-height: 100px !important; }

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute;
		right: 0 !important;
		left: auto !important;
	}
}

@media only screen and (max-width: 767px) {
	#panel-left {
		display: none !important;
	}
}