.container {
    max-width: 1440px;
    !important
}

#navSpance {
    background: none;

}

#navSpance:hover {
    background: none;

}

.invisible {
    display: none;
}

.PaiementStripeV {
    font-weight: 500;
    background-color: #28a745;
    color: white;
    padding: 7px;
    border-radius: 5px;
}

.PaiementCompte{
    font-weight: 500;
    background-color: #28a745;
    color: white;
    padding: 7px;
    border-radius: 5px;
	margin:5px;
	font-size: 11px;
}

.PaiementStripeA {
    font-weight: 500;
    background-color: #f44336;
    color: white;
    padding: 7px;
    border-radius: 5px;
}

.classStatsRV {
    background: #1b223d;
    padding: 5px;
    border-radius: 7px;
    color: white;
    font-weight: 600;
}

#backh {
    background-image: url("https://www.jetsystems.fr/assets/img/h_back.png");
    background-repeat: no-repeat;
    background-position: right top;
}

.logoIndex {
    width: 250px;
}

.ContactChauffeur {

    color: #1b223d;
    cursor: pointer;

}

.cardBase {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #ffffff;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 15px;
    margin-top: -20px;
    margin-right: 15px;
    float: left;
}

#logoutNav {
    text-decoration: none;
    color: rgba(255, 255, 255, .5);
}

#logoutNav:hover {
    color: rgba(255, 255, 255, 0.75);
}

.baseAccueil {
    width: 100px;
}

.btnSuiviMission {

    width: 120px;
    height: 120px;

}

.logoutBTN {

    border-radius: 30px 30px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;

}

.btnGros {

    width: 35px;
    height: 35px;

}

#logoutLogo {
    color: #dc3545;
    font-size: 25px;
}


#logoJSHS {
    width: 150px;
}

#formLog {
    padding: 15px;
}

.flagLangue {
    width: 35px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
}

.flagLangue2 {
    width: 25px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
}

.require {
    color: red;
}

.imghelico {
    width: 170px;
}

.tooltiptopicevent {
    width: auto;
    height: auto;
    background: #ffffff;
    border: 2px solid grey;
    border-radius: 5px;
    position: absolute;
    z-index: 10001;
    padding: 10px 10px 10px 10px;
    line-height: 200%;
    font-size: 15px;
}

/*
h2, .h2 {
  color:#017bff;
}
*/

.text-black {
    color: black !important;
}

.my-legend .legend-title {
    text-align: right;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 90%;
}

.my-legend .legend-scale ul {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}

.my-legend .legend-scale ul li {
    display: block;
    float: right;
    width: 50px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 80%;
    list-style: none;
}

.my-legend ul.legend-labels li span {
    display: block;
    float: right;
    height: 15px;
    width: 50px;
}

.my-legend .legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
}

.my-legend a {
    color: #777;
}

.base {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    margin-bottom: 60px;
    margin-left: 5%;
    margin-right: 5%;
}

.baseAjoutTicket {
    width: 75px;
}

.pointerBase {
    cursor: pointer;
}

#footer , #footer>a {
background:#0C1315;
color:white;
	
}

.form-group {
    text-align: left;
}

.bmd-form-group .bmd-label-static {

    top: -0.8rem;

}

#maps {
    height: 400px;
    width: 100%;
    /*    margin: 10px;*/
}

.gm-style .gm-style-iw {
    font-weight: bold;
}

#logoNav {
    width: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hoverTD:hover {
    background-color: #007fff;
    cursor: pointer;
}

.btn-little {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.text-label {
    color: black;
    !important
}

.bmd-form-group label {
    color: black;
    !important
}

.iconCarte {
    width: 80px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
}

.center-select {

    text-align-last: center;

}

.form-control {
    /*
border-color: lightgrey;
border-style: solid;
border-width: 0.2px  0.2px 0px 0.2px;
*/

    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-color: lightgrey;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-radius: .35rem;

}

.card .card-header-info .card-icon,
.card .card-header-info .card-text,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card.bg-info,
.card.card-rotate.bg-info .front,
.card.card-rotate.bg-info .back {
    background: linear-gradient(60deg, #1b223d, #1b223d);
}

.card .card-header-info .card-icon,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card .card-header-info .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #1b223d
}

.btn.btn-info.btn-link {
    background-color: transparent;
    color: #1b223d;
    box-shadow: none;
}

.btn.btn-info.btn-link:hover,
.btn.btn-info.btn-link:focus,
.btn.btn-info.btn-link:active {
    background-color: transparent;
    color: #1b223d;
}

.btn.btn-info.btn-link:hover,
.btn.btn-info.btn-link:focus,
.btn.btn-info.btn-link:active {
    background-color: transparent;
    color: #1b223d;
}

.card .card-header-primary .card-icon,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #1b223d;
}

.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #1b223d, #1b223d);
}

.pagination>.page-item.active>a,
.pagination>.page-item.active>a:focus,
.pagination>.page-item.active>a:hover,
.pagination>.page-item.active>span,
.pagination>.page-item.active>span:focus,
.pagination>.page-item.active>span:hover {
    background-color: #1b223d;
    border-color: #1b223d;
    color: #fff;
    box-shadow: 0 4px 5px 0 rgba(9, 34, 39, 0.14), 0 1px 10px 0 rgba(9, 34, 39, 0.12), 0 2px 4px -1px rgba(9, 34, 39, 0.2);
}

.btn.btn-primary {
    color: #fff;
    background-color: #1b223d;
    border-color: #1b223d;
    box-shadow: 0 2px 2px 0 rgba(9, 34, 39, 0.14), 0 3px 1px -2px rgba(9, 34, 39, 0.2), 0 1px 5px 0 rgba(9, 34, 39, 0.12);
}

.btn.btn-primary:hover {
    color: #fff;
    background-color: #1b223d;
    border-color: #041621;
}

.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(9, 34, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 34, 39, 0.2);
}

.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:hover {
    color: #fff;
    background-color: #1b223d;
    border-color: #041621;
}

.btn-primary:active {
    color: #fff;
    background-color: #1b223d;
    border-color: #041621;
}

.btn-primary:focus {
    color: #fff;
    background-color: #1b223d;
    border-color: #041621;
}

.btn.btn-black {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    box-shadow: 0 2px 2px 0 rgba(9, 34, 39, 0.14), 0 3px 1px -2px rgba(9, 34, 39, 0.2), 0 1px 5px 0 rgba(9, 34, 39, 0.12);
}

.btn.btn-black:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn.btn-black:focus,
.btn.btn-black:active,
.btn.btn-black:hover {
    box-shadow: 0 14px 26px -12px rgba(9, 34, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 34, 39, 0.2);
}

.btn.btn-black:focus,
.btn.btn-black.focus,
.btn.btn-black:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-black:active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-black:focus {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}


.form-check .form-check-input:checked~.circle {
    border-color: #1b223d;
}

.form-check .form-check-label .circle .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #1b223d;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.form-check .form-check-input:checked+.form-check-sign .check {
    background: #1b223d;
}


.form-control[disabled],
fieldset[disabled] .form-control,
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
    background: repeating-linear-gradient(45deg, rgba(193, 193, 193, 0.5), rgba(193, 193, 193, 0.5) 10px, rgba(155, 155, 155, 0.5) 10px, rgba(155, 155, 155, 0.5) 20px);
    cursor: not-allowed;
    border-bottom: 1px dotted $input-border-color;
    background-repeat: no-repeat;
}

.form-control[readonly],
fieldset[readonly] .form-control,
.form-group .form-control[readonly],
fieldset[readonly] .form-group .form-control {
    background: repeating-linear-gradient(45deg, rgba(193, 193, 193, 0.5), rgba(193, 193, 193, 0.5) 10px, rgba(155, 155, 155, 0.5) 10px, rgba(155, 155, 155, 0.5) 20px);
    cursor: not-allowed;
    border-bottom: 1px dotted $input-border-color;
    background-repeat: no-repeat;
}

.fc button,
.fc button:hover,
.fc button:focus,
.fc button:active,
.fc button.active,
.fc button:active:focus,
.fc button:active:hover,
.fc button.active:focus,
.fc button.active:hover,
.open>.fc button.dropdown-toggle,
.open>.fc button.dropdown-toggle:focus,
.open>.fc button.dropdown-toggle:hover,
.fc button.btn-primary,
.fc button.btn-primary:hover,
.fc button.btn-primary:focus,
.fc button.btn-primary:active,
.fc button.btn-primary.active,
.fc button.btn-primary:active:focus,
.fc button.btn-primary:active:hover,
.fc button.btn-primary.active:focus,
.fc button.btn-primary.active:hover,
.open>.fc button.btn-primary.dropdown-toggle,
.open>.fc button.btn-primary.dropdown-toggle:focus,
.open>.fc button.btn-primary.dropdown-toggle:hover {
    background-color: #1b223d;
    color: #fff;
}

.modal.left .modal-dialog.modal-lg,
.modal.right .modal-dialog.modal-lg {
    width: 800px;
}

constructed stylesheet .modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    width: 500px;
    max-width: 100%;
    height: 100%;
}

.modal.right .modal-dialog {
    right: 0;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog,
.modal.top .modal-dialog,
.modal.bottom .modal-dialog {
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 80px;
    padding-left: 15px;
}

.close {
    opacity: 1;
}

.drawer-content-list-right {
    background: black;
    color: white;
    padding: 4px 0px 4px 10px;
    border-left: #1b223d solid 5px;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 3px;
    cursor: pointer;
}

.drawer-content-list-right:hover {
    background: #1b223d;
}

#modalTitleDrawer {
    font-weight: 500;
    font-size: 25px;
    text-align: left;
}

.fc button,
.fc button.btn-primary {
    box-shadow: 0 2px 2px 0 rgb(172 175 194 / 14%), 0 3px 1px -2px rgb(172 175 194 / 20%), 0 1px 5px 0 rgb(172 175 194 / 12%);
}

.fc button:focus,
.fc button:active,
.fc button:hover,
.fc button.btn-primary:focus,
.fc button.btn-primary:active,
.fc button.btn-primary:hover {
    box-shadow: 0 14px 26px -12px #1b223d, 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(172 175 194 / 20%);
}

.btn.btn-primary:active:hover,
.btn.btn-primary:active:focus,
.btn.btn-primary:active.focus,
.btn.btn-primary.active:hover,
.btn.btn-primary.active:focus,
.btn.btn-primary.active.focus,
.open>.btn.btn-primary.dropdown-toggle:hover,
.open>.btn.btn-primary.dropdown-toggle:focus,
.open>.btn.btn-primary.dropdown-toggle.focus,
.show>.btn.btn-primary.dropdown-toggle:hover,
.show>.btn.btn-primary.dropdown-toggle:focus,
.show>.btn.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #1b223d;
    border-color: #3f1048;
}

li ul>li {
    margin-left: 30px;
}

	#navbarTarif{
	padding-top:40px;
	padding-bottom:40px;	
	padding-right:40px;
	padding-left:40px;	
	background:#0C1315;
	text-align:center;
	}
	
	#cadreNavbarTarif{
	border:1px solid #BFA37C;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	#titleNavbarTarif{
	color:white;
	margin-bottom:0px;
	text-transform: uppercase;
	}
	
	#litleTitleNavbarTarif{
	color:#BFA37C;
	}

	.btnCL{
	cursor:pointer;
	background: #0c1315;
	padding: 10px;
	color: white;
	margin-right:5px;
	}

	.modal-header>h5{
		color: #BFA37C;
		font-weight: 400;
		background: #0c1315;
		border-radius: 10px;
		font-size: 20px;
		padding-top: 11px;
		padding-bottom: 11px;
	}

	.modal-dialog .modal-content {
		border-radius: 20px;
	}

/*	textarea{
	border-width: 2px 2px 0px 2px !important;
	border-color: #BFA37C !important;
	}

	.form-control,
	.is-focused .form-control {
	  background-image: linear-gradient(to top, #4CAF50 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
	}

	.form-control:invalid {
	  background-image: linear-gradient(to top, #CF1818 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #BFA37C 2px, rgba(210, 210, 210, 0) 1px);
	}*/

	.modal-footer{
		justify-content: center;	
	}

	.btnSuccessModal{
		background: #4caf50;
		font-size: 15px !important;
		margin: 0 !important;
		border-radius:15px !important;
	}


	.btnDangerModal{
		background: #CF1818;
		font-size: 15px !important;
		margin: 0 !important;
    	margin-right: 10px !important;
		border-radius:15px !important;
}
	
	
.togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #BFA37C;
	border: 1px solid #BFA37C;
}	
	
	
	
.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled] + .toggle{
	background: white;
	border: 1px solid #0C1315;
}	
	
.togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #0C1315;
	background-color:#0C1315;
}
	
	.togglebutton label .toggle:after {
	background-color:#0C1315;
	}
	
.togglebutton label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(191, 163, 124, 0.1);
}	


	  @font-face {
			font-family: Matryoshkaxxs;
			src: url(font/matryoshkaxxs.ttf);
		}	

		.fontMatryoshkaxxs{
		font-family: Matryoshkaxxs;
		color: black;
		font-weight: 600;
		font-size: 18px;
		}

.inputAJM{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #0C1316;
    border-radius: 10px;
	}

		.titleCard{
			text-align: center;
			background: white;
			border: 1px solid #BFA37C;
			border-radius: 10px;
			font-size: 23px;
			padding: 7px 0px 7px 0px;
			margin: 5px 10px 25px 10px;
		}

.baseDepart {
    cursor: pointer;
}

.langCookie{
    width: 30px;
    border: 2px solid white;
    border-radius: 6px;

}

.langCookieSelected{
    width: 40px;
    border: 2px solid #bfa37c;
    border-radius: 6px;
}