/*######### BODY #########*/
/*######### BODY #########*/
/*######### BODY #########*/
/*######### BODY #########*/
/*######### BODY #########*/
html {
	height: 100%;
}
.not-bold {
    font-weight: normal;
}
body{
	background: #f5f6fa;
	background: #e8f2f9;
	height: 100%;
	font-size: 14px;
}
*,*:focus,*:hover,*.active{
	outline: none!important;
}
.o-hidden{
	overflow: hidden;
}

.cursor-pointer {
	cursor: pointer;
}
.trans, .transs, .transs *, a, .fa {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.row0 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
}
.row0>*{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}
.row1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -7.5px;
	margin-left: -7.5px;
}
.row1>*{
	position: relative;
	width: 100%;
	min-height: 0px;
	padding-right: 7.5px;
	padding-left: 7.5px;
}

.row01 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}

.row01 > * {
	position: relative;
	width: 100%;
	min-height: 0px;
	padding-right: 5px;
	padding-left: 5px;
}

.row02 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.row02 > * {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.row2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px;
}

.row2 > * {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
}
.bg-mov{
	background: #563d7c;
}
.bg-blue{
	background:#007bff;
}
textarea.form-control {
	min-height: 100px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
}

input[type="time"]::-webkit-clear-button {
	display: none;
}
.input-group-text {
	min-width: 40px;
	text-align: center;
}

.input-group-text * {
	width: 100%;
	text-align: center;
}
.custom-control-label{
	min-height: 18px;
}

.custom-file-img {
	padding: 0;
	margin: 0;

}

.custom-file-img li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 10px 0 0;
	width: 130px;
	position: relative;
}

.custom-file-img .btn {
	position: absolute;
	top:-5px;
	right: -5px;
	padding: 1px 5px;
}

.custom-file-img small {
	font-size: 12px;
	color: #6c757d;
}

.custom-file-img .custom-control {
	padding-left: 0;
}

.custom-file-img .custom-control-label::before {
	left: -5px;
	top: -5px;
}

.custom-file-img .custom-control-label::after {
	left: -5px;
	top: -5px;
}

.custom-file-sm label, .custom-file-sm input {
	height: calc(1.8125rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.custom-file-sm label:after {
	height: calc(1.7125rem + 2px);
	padding: 0.35rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1.5;
}

.ul>li{
	list-style: none;
}

.ulin > li {
	display: inline-block;
	vertical-align: top;
}

.loader, .loader-in-procces {
	position: relative;
	z-index: 1;
	min-height: 50px;
}

.loader:before, .loader-in-procces:before {
	content: "\f021";
	font-family: FontAwesome;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	color: #0055b3;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}

.loader-in-procces:before {
	content: "\f013";
	color: rgba(0, 0, 0, 0.5);
}

.loader:after, .loader-in-procces:after {
	content: "";
	background: rgba(255, 255, 255, 0.57);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.loader-in-procces:after {
	background: none;
}

.loader-in-procces {
	opacity: 0.5;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.swal2-actions .btn {
    margin: 0 7px;
}

/*.modal {*/
/*padding: 0 !important;*/
/*}*/

/*.form-control,*/
/*.img-thumbnail{*/
/*border: 1px solid #cedce6!important;*/
/*}*/
.card {
	border: 1px solid #cedce6;
	border: 1px solid #fff;
	border: 0;
}

.card-header {
	background: #e8f2f9;
	background: #fff;
	border-bottom: 1px solid #cedce6;
}

.card-footer {
	background: #fff;
	border-top: 1px solid #cedce6;
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

body *::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-track {
	background: #cedce6;
}
::-webkit-scrollbar-thumb {
	background: #0059b1;
	cursor: default;
}
::-webkit-scrollbar-thumb:hover {
	background: #00509f;
}
/*######### TEXT #########*/
/*######### TEXT #########*/
/*######### TEXT #########*/
/*######### TEXT #########*/
/*######### TEXT #########*/
.f12, .f12 * {
	font-size: 12px;
	line-height: 1.3;
}

.f13, .f13 * {
	font-size: 13px;
}

.f14, .f14 * {
	font-size: 14px;
}

.f15, .f15 * {
	font-size: 15px;
}

.f16, .f16 * {
	font-size: 16px;
}

.f17, .f17 * {
	font-size: 17px;
}

.f18, .f18 * {
	font-size: 18px;
}

.f18imp, .f18imp * {
	font-size: 18px !important;
}

.f19, .f19 * {
	font-size: 19px;
}

.f20, .f20 * {
	font-size: 20px;
}

.f22, .f22 * {
	font-size: 22px;
}

.f24, .f24 * {
	font-size: 24px;
}

.c-pointer, .c-pointer * {
	cursor: pointer;
}

.trunc, .custom-file-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.custom-file .custom-file-label {
	padding-right: 80px;
}
/*######### HEADER #########*/
/*######### HEADER #########*/
/*######### HEADER #########*/
/*######### HEADER #########*/
/*######### HEADER #########*/
#header{
	background: #fff;
	position: relative;
	z-index: 11;
	padding: 6px 0;
}

#header.bg-primary {
	position: fixed;
	left: 0;
	right: 0;
}

.bar-header {
	height: 52px;
}

.active-archive ~ .bar-header {
	height: 112px;
}
.arhive-all{
	display: none;
}

.active-archive .arhive-all {
	min-height: 60px;
	display: block;
}
.arhive-all-child{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1001;
	/*border-bottom: 1px solid rgba(0,0,0,0.2);*/
}
.btnLogo img{
	/*width: 100%;*/
	/*max-width: 60px;*/
	height: 40px;
}

#header.bg-primary .btnLogo img {
    /*background: #fff;*/
    /*border-radius: 50%;*/
}

.header-nav {
	padding: 0;
	margin: 7px 0 0 0;
}

.header-nav > li:not(:last-child) {
	margin-right: 20px;
}

.header-nav > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.header-nav > li > a {
	display: block;
	color: inherit;
	text-decoration: none;
	font-size: 1rem;
}


#header .btn,#header .btn:hover,#header .btn:focus,#header .btn.focus{
	background: transparent;
	box-shadow: none;
	padding-left: 9px;
	padding-right: 9px;
}

#header.bg-primary .btn, #header.bg-primary .btn:hover, #header.bg-primary .btn:focus, #header.bg-primary .btn.focus {
	color: #fff;
}
.btn-notice,.btn-notice:hover{
	position: relative;
	color: inherit;
}
.btn-notice small{
	position: absolute !important;
	top: 0px !important;
	right: 0px !important;
	font-size: 12px;
	cursor: pointer;
}
.btn-notice::after {
	display: none;
}
.drop-notice{
	width: 240px;
	padding: 0;
}
@media (min-width: 768px) {
	.drop-notice{
		width: 360px;
	}
}
.drop-notice::before{
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	right: 10px;
	top: -7px;
	background-color: #f8f9fa;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.drop-notice .dropdown-item-text{
	padding-top: 10px;
	padding-bottom: 10px;
}
.drop-notice-body{
	max-height: 288px;
	overflow: auto;
}
.drop-notice .dropdown-divider{
	margin: 0;
}
.notice-item{
	position: relative;
	padding-left: 60px;
	min-height: 64px;
	white-space: normal;
}

.card .notice-item {
	padding-top: 3px;
}
.notice-item *{
	line-height: 1;
	font-size: 12px;
}

.notice-item > img {
	position: absolute;
	top: 11px;
	left: 0;
	width: 44px;
	height: 44px;
}

.notice-item-icon {
	position: absolute;
	top: 11px;
	left: 0;
	width: 44px;
	height: 44px;
	overflow: hidden;
	padding: 6px;
}

.notice-item-icon img {
	width: 100%;
	height: 100%;
}
.btnUserHeader{
	position: relative;
	padding-left: 45px !important;
	padding-left: 35px !important;
	padding-right: 0 !important;
	color: inherit;
}
.btnUserHeader img{
	position: absolute;
	left: 0;
	top: 50%;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	border: 2px solid #fff;
	background: #fff;
}

/* HE-NAV*/
.btn-nav-header {
	margin-top: 2px;
}

@media (min-width: 767.98px) {
	.he-nav-p {
		padding: 0;
		margin: 0;
		float: left;
	}

	.he-nav-p > li:not(:last-child) {
		margin-right: 10px;
	}

	.he-nav-p > li {
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	.he-nav-p > li > a {
		display: block;
		color: #fff !important;
		text-decoration: none;
		font-size: 1rem;
		cursor: pointer;
		padding: 8px 0;
	}

	.he-nav-p > li .he-nav-angle {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		margin: 5px 0 0 2px;
		display: inline-block;
		vertical-align: top;
	}

	.he-nav {
		padding: 0;
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 9;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

		width: 180px;

		visibility: hidden;
		opacity: 0;
		border-top: 6px solid rgba(255, 255, 0, 0);
		background-color: #0055b3 !important;

		border-radius: 0 0 3px 3px;
		overflow: hidden;
	}

	li:hover .he-nav {
		visibility: visible;
		opacity: 1;
	}

	.he-nav li {
		display: block;
	}

	.he-nav a {
		display: block;
		text-align: left;
		padding: 10px 15px;
		text-decoration: none;
		color: #fff;
	}

	.he-nav li:hover a,
	.he-nav li.active a {
		background-color: rgba(0, 0, 0, 0.2) !important;
	}

	.he-nav a i {

	}
}

@media (min-width: 1199.98px) {
	.he-nav-p > li:not(:last-child) {
		margin-right: 20px;
	}
}

@media (max-width: 767.98px) {
	.he-nav-p {
		position: absolute;
		left: 15px;
		top: 100%;
		background-color: #0059b1;
		z-index: 5;
		padding: 0;
		margin: 0;
		width: 200px;
		display: none;
	}

	.he-nav-p.active {
		display: block;
		max-height: calc(100vh - 52px);
		overflow: auto;
	}

	.he-nav-p * {
		color: #fff;
	}

	.he-nav-p li {
		list-style: none;
	}

	.he-nav-p a {
		padding: 10px 20px 10px 14px;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.he-nav-p a:hover {
		background-color: rgba(0, 0, 0, 0.2) !important;
		text-decoration: none;
		color: #fff;
	}

	.he-nav-p a i {
		width: 20px;
		text-align: center;
	}

	.he-nav-p a .he-nav-angle {
		position: absolute;
		top: 50%;
		margin-top: -7px;
		right: 8px;
	}

	.he-nav-p > li.active .he-nav-angle {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.he-nav {
		display: none;
		padding: 0;
	}

	.he-nav-p > li.active .he-nav {
		display: block;
	}

	.he-nav a {
		padding: 8px 12px 8px 38px;
	}
}

.btnH-add .btn {
	background: #6a97c3 !important;
	margin-top: 3px !important;
}

/*######### HEADER-MOBILE #########*/
@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
	.drop-notice {
		margin-right: -78px;
		width: 277px !important;
	}
	.drop-notice::before {
		right: 88px;
	}

	.header-nav {
		position: absolute;
		background: #fff;
		right: 163px;
		top: calc(100% - 5px);
		padding: 0.5rem 0;
		border: 1px solid rgba(89, 122, 146, 0.24);
		border-radius: 3px;
		min-width: 160px;
	}

	.body-driver .header-nav {
		right: 121px;
	}
	.header-nav.active {
		display: block !important;
	}

	.header-nav > li {
		display: block;
		margin: 0 !important;
	}

	.header-nav > li > a {
		padding: 0.25rem 1rem;
		text-align: left;
	}

	.header-nav > li > a:hover {
		background-color: #f5f6fa;
	}

}
@media (max-width: 575.98px) {
	#header {
		padding: 6px 0;
	}

	/*.bar-header {*/
	/*height: 46px;*/
	/*}*/
}

@media (max-width: 400px) {
	.header-nav {
		margin-right: -125px;
	}

	#header.bg-primary .btnH-add .btn span {
		display: none;
	}
}

/*.progress-container {*/
/*width: 100%;*/
/*height: 4px;*/
/*background: #f5f6fa;*/
/*background: #e8f2f9;*/
/*position: absolute;*/
/*top: 100%;*/
/*}*/

/*.progress-bar {*/
/*height: 4px;*/
/*background: #004191;*/
/*width: 0%;*/
/*}*/

.progress {
	font-size: 10px;
}

/*######### MAIN #########*/
/*######### MAIN #########*/
/*######### MAIN #########*/
/*######### MAIN #########*/
/*######### MAIN #########*/


/*######### SEARCH #########*/
.card-filter{
	display: none;
}
.card-filter.active{
	display: block;
}

#selectedFilter {

}

#selectedFilter .badge {
	padding: 0.25rem 0.5rem;
	margin-top: 0.5rem;
}

/*.card-filter .bootstrap-select .btn,*/
/*.card-filter .form-control,*/
/*.create-feed .bootstrap-select .btn{*/
/*height: calc(1.8125rem + 2px);*/
/*padding: 0.25rem 0.5rem;*/
/*font-size: 0.875rem;*/
/*line-height: 1.5;*/
/*border-radius: 0.2rem;*/
/*text-align: left;*/
/*}*/
.bootstrap-select .btn,
.card-filter .form-control,
.create-feed .bootstrap-select .btn{
	height: calc(1.8125rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
	text-align: left;
}

.bootstrap-select .actions-btn {
	font-size: 12px !important;
}

.selectpicker.active ~ button,
.input-group.active .form-control,
.input-group.active .input-group-text {
	border: 1px solid #0059b1 !important;
	background-color: #dcecfa;
}

/*######### DATA-TABLE #########*/
.table-responsive {
	border-left: 1px solid #cedce6;
	border-right: 1px solid #cedce6;
}

.table-responsive > table th:last-child,
.table-responsive > table td:last-child {
	border-right: 0;
}

.table-responsive > table th:first-child,
.table-responsive > table td:first-child {
	border-left: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: transparent;
}
.table-bordered {
	border: 0;
}
.table td {
    padding: 0.3rem 0.5rem;
}
.table th{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.table thead th, .table tfoot th {
	/*background: #e7f2f9;*/
}
.table thead th {
	border-bottom: 1px solid #cedce6 !important;
}
.table tfoot th {
	border-top: 1px solid #cedce6 !important;
}

.table-bordered td {
	border-top: 1px solid #cedce6;
	border-bottom: 1px solid #e8f2f9;
}

.table-bordered tr:last-child td {
	border-bottom: 1px solid #cedce6;
}

@media (min-width: 992px) {
	.table-bordered td .btn {
		opacity: 0;
		visibility: hidden;
	}

	/*.table-bordered td .btn.btn-success,*/
	/*.table-bordered td .btn.btn-danger,*/
	.table-bordered tr:hover td .btn {
		opacity: 1;
		visibility: visible;
	}
}

.table-bordered tr:hover td {
    background-color: #e8f2f9 !important;
}

.table-bordered tr:hover {
	/*box-shadow: 0px 0px 0px 2px #cedce6;*/
}
.table .img-thumbnail{
	max-height: 36px;
	max-width: 56px;
	padding: 0;
	background-color: transparent;
	border: none;
	border-radius: 0.25rem;
}
.table textarea{
	font-size: 13px;
	line-height: 1.2;
	width: 220px;
}
table .btn-sm,.table .btn-group-sm>.btn{
    padding: 0.15rem 0.3rem;
    font-size: 0.7rem;
}

.section-dable-width td:not(:first-child) {
	width: 9%;
}
.btn-c-full {
	position: relative;
	padding-right: 24px;
}

.btn-c-full > div:not(:first-child),
.dtr-details .btn-c-full .btn {
	display: none;
}

.btn-c-full > div:not(:first-child) a {
	color: #6c757d !important;
}

.btn-c-full > div.text-primary a {
    color: #0059b1 !important;
}

.transfersTableClass .btn-c-full > div:not(:first-child) a,
#driversTable .btn-c-full > div:not(:first-child) a,
.tableSupportsTicketings .btn-c-full > div:not(:first-child) a {
	color: #0059b1 !important;
}
.btn-c-full.active > div:not(:first-child),
.dtr-details .btn-c-full > div {
	display: block !important;
}
.btn-c-full .btn {
	position: absolute;
	right: -7px;
	top: 50%;
	margin-top: -10px;
	background: transparent;
	border: none;
	box-shadow: none;
	opacity: 0;
}
td:hover .btn-c-full .btn,
.btn-c-full.active .btn {
	opacity: 1;
}

.btn-c-full .btn i {
    -webkit-transition: all 0ms ease-in-out;
    -moz-transition: all 0ms ease-in-out;
    -ms-transition: all 0ms ease-in-out;
    -o-transition: all 0ms ease-in-out;
    transition: all 0ms ease-in-out;
}

.btn-c-full.active .btn i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.view-doc-transfer {
	display: none;
	position: absolute;
}

.view-doc-transfer a,
.view-doc-transfer a:hover {
	display: inline-block;
	text-decoration: none;
}

.view-doc-transfer a:not(:first-child) {
	display: none;
}

.view-doc-transfer a:before {
	content: "\f06e";
	font-family: FontAwesome;
	color: #6c757d;
}

.btn-c-full > div:hover .view-doc-transfer {
	display: inline-block;
}

.table-report-week .form-control,
.table-report-week .custom-select,
.table-report-week .bootstrap-select .btn {
	padding: 0.375rem !important;
}

.table-report .custom-select,
.table-approve-report .custom-select,
.table-approve-report .form-control {
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.shift-locked:disabled {
	/*background: #fff url("data:img/icon/lock.svg") no-repeat right 0.75rem center;*/
	background-image: url(../img/icon/lock.svg);
}

.table-report td:not(:first-child),
.table-approve-report td {
	padding: 0;
}

.table-approve-report td:first-child,
.table-approve-report td:last-child,
.pad-tab-noz {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.table-approve-report .input-group .form-control:last-child {
	border-left: 1px solid #ccdce6 !important;
}

/*.table-striped tbody tr:nth-of-type(odd) select,*/
/*.table-striped tbody tr:nth-of-type(odd) input {*/
/*background-color: transparent;*/
/*}*/
.table-striped tbody tr select,
.table-striped tbody tr input {
	background-color: transparent;
}

/*######### SORT #########*/
.table-sort .th-sort,
.table-sort .th-sort.asc,
.table-sort .th-sort.desc,
.table-sort .th-sort.asc.disabled,
.table-sort .th-sort.desc.disabled {
	cursor: pointer;
	/*background-repeat: no-repeat;*/
	/*background-position: center right;*/
	padding-right: 1rem;
	position: relative;
}

.table-sort thead .th-sort.asc,
.table-sort thead .th-sort.desc {
	border-top: 1px solid rgba(0, 82, 181, 0.49) !important;
	/*border-bottom: 1px solid rgba(0, 82, 181, 0.49) !important;*/
}

.table-sort tfoot .th-sort.asc,
.table-sort tfoot .th-sort.desc {
	border-bottom: 1px solid rgba(0, 82, 181, 0.49) !important;
	/*border-top: 1px solid rgba(0, 82, 181, 0.49) !important;*/
}

.table-sort tr *:first-child .custom-control-label::before,
.table-sort tr *:first-child .custom-control-label::after {
	left: -1.25rem;
}

/*.table-sort thead th {*/
/*background-image: url(../css/datatables/icon/sort_both.png);*/
/*}*/
/*.table-sort thead th.desc {*/
/*background-image: url(../css/datatables/icon/sort_desc.png);*/
/*}*/
/*.table-sort thead th.asc {*/
/*background-image: url(../css/datatables/icon/sort_asc.png);*/
/*}*/
.table-sort .th-sort:before {
	content: "\f107";
	font-family: FontAwesome;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7px;
	color: #3c3c3c;
	opacity: 0.3;
}
.table-sort .th-sort:after {
	content: "\f106";
	font-family: FontAwesome;
	position: absolute;
	right: 5px;
	bottom: 50%;
	margin-bottom: -7px;
	color: #3c3c3c;
	opacity: 0.3;
}
.table-sort .th-sort.desc:before {
	/*opacity: 0.3;*/
}
.table-sort .th-sort.asc:before {
	/*content: "\f107";*/
	opacity: 1;
}
.table-sort .th-sort.desc:after {
	/*content: "\f106";*/
	opacity: 1;
}
.table-sort .th-sort.asc:after {
	/*opacity: 0.3;*/
}

/*######### Working #########*/
#tableworking p {
	margin: 0;
}

.work-driver {
	position: relative;
	padding: 0;
	margin: 0;
}

.work-driver .btn {
	padding: 0.1rem 0.4rem;
}

#tableworking td {

}

.work-driver p {
	cursor: pointer;
	font-size: 14px;
}

.work-driver li {
	list-style: none;
}

.btnWork-addDriver {
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -12px;
	opacity: 0;
	visibility: hidden;
}

td:hover .btnWork-addDriver {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 767.98px) {
	.btnWork-addDriver {
		opacity: 1;
		visibility: visible;
	}
}

/*######### Date range picker #########*/
.daterangepicker .ranges li.active {
	background-color: #0055b3;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #0055b3;
}

/*######### Week picker #########*/
.weekpicker-parent {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.weekpicker-parent > .fa {
	color: #fff;
	border: 1px solid #6a97c3;
	background-color: #6a97c3;
	font-size: 12px;
	padding: 0.55rem !important;
}

.weekpicker-parent > .fa-chevron-left {
	border-radius: 3px 0 0 3px;
}

.weekpicker-parent > .fa-chevron-right {
	border-radius: 0 3px 3px 0;
}

.weekpicker-parent > .fa:hover {
	background-color: #608fbd;
}

.weekpicker {
	width: calc(100% - 52px);
}

.weekpicker > input {
	border-radius: 0;
	height: calc(1.8125rem + 3px);
	border-left: 0 !important;
	border-right: 0 !important;
}

/*######### MULTISElELECT; #########*/
.sol-caret-container .sol-caret {
	display: none;
}
.sol-selection-container {
	overflow: hidden;
}
.sol-container{
	position: relative;
}
.sol-selection-container{
	top: 100% !important;
	left: 1px !important;
	position: absolute!important;
}

.bootstrap-select{
	width: 100%!important;
}
.bootstrap-select .dropdown-menu.show {
	width: 100% !important;
	min-width: 200px !important;
	left: 0 !important;
	right: auto !important;
}

.create-feed .bootstrap-select .dropdown-menu.show {
	min-width: 100% !important;
}
.bootstrap-select .dropdown-toggle::after {
	display: none!important;
}
.bootstrap-select .dropdown-toggle{
	font-weight: 400;
	letter-spacing: 0;
}
.bootstrap-select .fa{
	min-width: 18px;
}
/*######### DRIVER-PAGE #########*/
.profil-header {
	position: relative;
}

.profil-header .d-lg-block img {
	max-width: calc(100% + 3px);
}
.result-project-profil p{
	margin-bottom: 6px;
}
.result-project-profil p:last-child{
	margin-bottom: 0;
}
.result-project-profil span{
	min-width: 40px;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 5px;
	position: relative;
	bottom: -2px;
}
.profil-header-text{
	padding-left: 4px !important;
}

.profil-header-text textarea {
	/*padding: 0 0 10px 0;*/
	/*overflow: hidden;*/
	/*-webkit-appearance: none;*/
	/*border: 0px !important;*/
	/*font-size: 15px;*/
	/*margin-bottom: 5px;*/
	/*box-shadow: none!important;*/
	/*min-height: 92px;*/
	min-height: 177px;
	font-size: 14px;
}

/* FEED */
.feed-parent .card {

}

.feed-parent .card-header {
	border: 0;
	padding: 0.5rem 1rem;
}
.feed-title{
	position: relative;
	padding-left: 51px;
	min-height: 42px;
}
.feed-title img{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
}
.feed-title a{
	color: #212529;
}
.feed-title a:hover{
	text-decoration: none;
	color: #0059b1;
}

.feed-title .fa {
	font-size: 13px;
	color: #93989c;
	position: relative;
	top: -1px;
}
.feed-time{
	text-align: right;
}
.feed-time * {
	font-size: 14px;
}

.feed-body {
	padding-left: 66px;
	border-top: 1px solid #e8f2f9;
	/*padding-top: 0;*/
	/*display: flex;*/
	/*flex-direction: column;*/
	/*justify-content: center;*/
}

.feed-alert {
	position: relative;
	padding-left: 40px;
	min-height: 40px;
}

.feed-alert img {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	left: 0;
}

.feed-body figure[data-fancybox] {
	cursor: zoom-in;
	margin: 0;
}


/* ABOUT */
.about-driver .list-group-item {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	border: none;
}
.about-driver .list-group{
	padding: 7px 0;
}

.border-0-child > * {
    border: 0;
}
.doc-icon {
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 60px;
    min-height: 64px;
	margin-top: 15px;
	display: block;
	text-decoration: none;
	color: inherit;
}

.doc-icon:first-child {
	margin-top: 0;
}
.doc-icon {
	padding-right: 17px;
}

.drivers-team {
	position: relative;
	padding-left: 60px;
	min-height: 50px;
	margin-top: 15px;
	display: block;
	text-decoration: none;
	color: inherit;
}

a.drivers-team * {
	cursor: pointer;
}

.drivers-team:hover {
    text-decoration: none;
}

/*.doc-icon img*/
.doc-img {
	position: absolute;
	top: 6px;
	left: 0;
	width: 50px;
	height: 50px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.drivers-team img {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
}
.doc-icon p{
	margin: 0;
	font-size: 13px;
	line-height: 1.3;
}
.doc-icon-btn {
	position: absolute;
	top: 0;
	right: 0;
}
.doc-icon-btn a {
	display: block;
}

.doc-icon-btn-img a:not(:first-child) {
	display: none;
}
@media (min-width: 767.98px) {
	.doc-icon-btn a {
		opacity: 0;
	}

	.doc-icon:hover .doc-icon-btn a {
		opacity: 1;
	}
}



/*######### Custom Radio Bootstrap #########*/
.custom-radio-yes {
	display: none;
	font-weight: 700;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label .custom-radio-yes,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label .custom-radio-yes{
	display: block;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label .custom-radio-no,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label .custom-radio-no{
	display: none;
}




/*######### Custom Radio Manual #########*/
.btn-switch {
	font-size: 12px;
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
	border-radius: 1.5em;
	background-color: #e8f2f9;
}
.btn-switch__radio {
	display: none;
}
.btn-switch__label {
	display: inline-block;
	padding: .5em .25em .5em .5em;
	vertical-align: top;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.5;
	cursor: pointer;
	transition: color .2s ease-in-out;
	margin: 0;
	border-radius: 17px;
}
.btn-switch__label + .btn-switch__label {
	padding-right: .75em;
	padding-left: 0;
}
.btn-switch__txt {
	position: relative;
	z-index: 2;
	display: inline-block;
	min-width: 1.5em;
	opacity: 1;
	pointer-events: none;
	transition: opacity .2s ease-in-out;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
	opacity: 0;
}
.btn-switch__label:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #e8f2f9;
	border-radius: 1.5em;
	box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
	transition: background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label:before {
	background: #2fcd70;
}
.btn-switch__label_no:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: .4em;
	bottom: .4em;
	left: .4em;
	width: 2em;
	background: #fff;
	border-radius: 1em;
	pointer-events: none;
	box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
	transition: left .2s ease-in-out, background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
	left: calc(100% - 2.5em);
	background: #fff;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
	z-index: 1;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
	color: #fff;
}
/*######### BTN-FILE #########*/
.btn-file{
	position: relative;
	cursor: pointer;
}
.btn-file input{
	position:absolute;
	visibility:hidden;
	opacity:0;
}




/*######### CHART #########*/
.highcharts-credits{
	display: none;
}

/* CHART */
.chart-responsive {
	overflow: auto;
}

/* Dashboard */
.nav-dashboard {
	padding: 0;
	margin: 0;
}

.nav-dashboard li {
	display: inline-block;
	vertical-align: top;
}

.nav-dashboard a {
	display: block;
	padding: .75rem;
}

/*######### ACCORDION #########*/
.accordion .card-header {
	border-bottom: none;
	font-size: 18px;
	background: transparent;
}
.accordion .collapse {
	border-top: none;
}
.accordion .card-header {
	position: relative;
}
.accordion .card-header:after {
	content: "\f106";
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 12px;
}
.accordion .card-header.collapsed:after {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion .card:not(:first-child) {
	/*border-top: 0;*/
	border-top: 1px solid #cedce6;
}
.settings .card:not(:last-child) {
	margin-bottom: 0.5rem;
}

.settings-body {
	display: none;
}

.settings-body:target {
	display: block;
}

.settings .card-header a {
	text-decoration: none;
	color: inherit;
}

.settings-body:target .card-body {
	border-top: 1px solid #cedce6;
}
/*######### check-country #########*/
.check-country li{
	padding: 5px 0;
	border: none;
	background: transparent;
}

/*######### note-week-report #########*/
.note-week-report {
	display: inline-block;
	vertical-align: top;
}
.note-week-report input[type="radio"] {
	display: none;
}
.note-week-report input[type="radio"] + label {
	margin: 0;
}
.note-week-report input[type="radio"] + label span {
	display: block;
	width: 80px;
	height: 80px;
	margin: 5px;
	border: 2px solid transparent;
	cursor: pointer;
	border-radius: 50%;
}
.note-week-report input[type="radio"]:checked + label span {
	border: 2px solid #16b959;
}

.note-week-report input[type="radio"]:checked + label span img {
	opacity: 0.6;
}

/*######### ulUpload #########*/
.ulUpload {
	padding: 0;
	margin: 0;
}

.ulUpload li {
	margin-top: 5px;
	list-style: none;
}
.ulUpload li .badge {

}
.ulUpload li .badge i {
	font-size: 11px;
}

a.badge {
	cursor: pointer !important;
}

/*######### DOCUMENTATION #########*/
.search-documentation {
	position: relative;
}

@media (min-width: 767.98px) {
	.search-documentation-result {
		/*width: 400px;*/
		position: absolute;
		z-index: 1;
	}
}

.nav-documentation {
	padding: 0 0 0 10px;
	margin: 0;
}

.nav-documentation > li {
	list-style: none;
	margin-bottom: 15px;
	position: relative;
}

.nav-documentation > li:last-child {
	margin-bottom: 0;
}

.nav-documentation > li > a {
	font-size: 16px;
	font-weight: 500;
	color: inherit;
}

.nav-documentation > li.active > a,
.nav-documentation > li > a:hover {
	text-decoration: underline;
	color: #0059b1;
}
.nav-documentation ul {
	padding: 0 0 0 15px;
	margin: 7px 0;
	display: none;
}

.nav-documentation li.active ul {
	display: block;
}

.nav-documentation ul li {
	list-style: none;
	margin-bottom: 10px;
	position: relative;
}

.nav-documentation ul a {
	font-size: 14px;
	color: inherit;
}

.nav-doc-delete {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12px;
	cursor: pointer;
}

.nav-doc-delete:hover {
	color: #0059b1;
}

/*######### pagination #########*/
.pagination-parent .pagination {
    margin: 0 0 0 15px !important;
	float: right;
}

.pagination-parent p {
	float: right;
	margin: 6px 0;
}

.project-list-p {
	margin: 0;
	padding: 0;
}

.project-list-p li {
	position: relative;
	list-style: none;
	padding: 7px 15px;
	padding-right: 75px;
}

.project-list-p li:nth-child(odd) {
	background: #f5f6fa;
}

.project-list-p li span {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -9px;
	cursor: pointer;
	color: #b50009;
	font-size: 12px;
}

.curent-info-add-driver {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.curent-info-add-driver li {
	margin-top: 10px;
	list-style: none;
}
/* Week input */
.week-input {
    position: relative;
}
.week-input input {
    text-align: right!important;
}
.week-input .fa-pencil {
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 12px;
}




/*######### MAIN-MOBILE #########*/
@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {
	.profil-header-text {
		padding-left: 1rem !important;
	}

	.profil-header-title {
		position: relative;
		padding-left: 100px;
		min-height: 85px;
	}

	.profil-header-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 85px;
		height: 85px;
	}

	.profil-header-title h1 {
		font-size: 24px;
	}

	.profil-header-title sup {
		font-size: 10px;
	}

	.profil-header-title h2 {
		font-size: 18px;
	}

	.profil-header-title .badge {
		font-size: 14px;
		font-weight: 300;
	}
}
@media (max-width: 767.98px) {
	.btn-c-full .btn {
		opacity: 1;
	}

	.feed-body {
		padding-left: 1rem;
	}
}
@media (max-width: 575.98px) {
	.search {
		margin-bottom: 0.5rem;
	}
	/*.pagination-parent p {*/
	/*	display: none;*/
	/*}*/
}
@media (max-width: 450px) {
	.profil-header-title {
		padding-left: 55px;
		min-height: 50px;
	}
	.profil-header-img {
		width: 50px;
		height: 50px;
	}
	.profil-header-title h1 {
		font-size: 18px;
	}

	.profil-header-title sup {
		font-size: 6px;
	}
	.profil-header-title h2 {
		font-size: 16px;
	}
	.profil-header-title .badge {
		font-size: 12px;
		font-weight: 300;
	}

	.btn-hide-comment.active {
		display: inline-block;
	}

	.d-xs-none {
		display: none;
	}

	.d-xs-none.active,
	.d-xs-block {
		display: block !important;
	}

	.d-xs-inline {
		display: inline-block !important;
	}
}
/*######### FOOTER #########*/
/*######### FOOTER #########*/
/*######### FOOTER #########*/
/*######### FOOTER #########*/
/*######### FOOTER #########*/
#footer{

}




.gotoTop {
	position: fixed;
	cursor: pointer;
	z-index: 2;
	background-color: #0059b1;
	text-align: center;
	border-radius: 0.2rem;
	bottom: 15px;
	right: 15px;
	width: 35px;
	height: 35px;
}
.gotoTop:hover {
	background-color: #00478d;
}
.gotoTop i {
	color: #fff;
	font-size: 23px;
	padding: 5px 0;
}
/*######### FOOTER-MOBILE #########*/
@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {

}





/*######### MOBILE #########*/
@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
	.border-left-sm-0 {
		border-left: none !important;
	}
	.border-right-sm-0 {
		border-right: none !important;
	}
	.border-top-sm {
		border-top: 1px solid #dee2e6 !important;
	}
	.border-bottom-sm {
		border-bottom: 1px solid #dee2e6 !important;
	}

	.text-left-sm {
		text-align: left !important;
	}
}
@media (max-width: 575.98px) {
	.text-left-xs {
		text-align: left !important;
	}

	.w-xs-auto {
		width: auto !important;
	}
}

.highlighted-row {
    background-color: lightgray !important;
}

.custom-file-lg {
    position: relative; /* Positioning context for the file input */
    height: 70px; /* Adjust the height as needed */
    border: 2px dashed #ccc;
}

.custom-file-lg input[type="file"] {
    position: absolute; /* Position the file input absolutely */
    top: 0; /* Align it to the top */
    left: 0; /* Align it to the left */
    width: 100%; /* Occupy full width of the container */
    height: 100%; /* Occupy full height of the container */
    opacity: 0; /* Make it invisible */
    cursor: pointer; /* Show pointer cursor on hover */
}