/*Moteur*/
.new_account{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.1rem;
}
.topbar{
    z-index: 1004;
}
#loader{
    display: none;
}
#bt-floating{
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: var(--main-color);
    color:#fff;
    border-radius:80px;
    border-width: 0;
    width: 64px;
    height:64px;
    padding:17px 16px 14px 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition:all 0.4s ease;
    box-shadow: 1px 4px 4px rgba(0,0,0,0.2);
    z-index: 20000;
}


#bt-floating:hover{
    background: var(--main-color-hover);
    transform: scale(1.2);
}
.floating-labels label{
	 left: 0;
}
.floating-labels .bar:after, .floating-labels .bar:before {
    background: var(--main-color);
}
.text-black{
	color:#000;
}
.td-image{
    width:6em;
    height: 6em;
    padding: 0 !important;
    cursor: pointer;
}
.page-item.active .page-link {
    z-index: 1;
    color: var(--main-text-color);
    background-color: var(--main-color);
    border-color: var(--main-color);
}
#toast-container > .toast-info,#toast-container > .toast-error,#toast-container > .toast-success,#toast-container > .toast-warning,#toast-container > .toast {
    background-image: none !important;
}
.toastr-icon{
    position: fixed;
    font-family: "Font Awesome 6 Pro";
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #fff;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}

.modal-header{
    background-color: var(--main-color-hover-light);
}
.modal-title{
    color:black;
}
.empty-data{
    color: grey;
}

.text-xs{
    font-size: 10px !important;
}
.text-sm{
    font-size: 12px !important;
}
body .modal.show {
    display: flex !important;
}
.modal-dialog{
    max-width: 90% !important;
    min-width: 25%; !important;
}

.en-cours{
    animation-name: blink_fade;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

@keyframes blink_fade {
    0%   {background-color:#cace00;}
    50%   {background-color: #ce9504;}
    100%   {background-color: #cace00;}
}

.field-grp-content{
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    padding-left: 50px;
}
.field-grp-content > .field{
    display: flex;
    flex: 0 0 33%;
    padding: 10px 10px;
}
.field-grp-content > .field_full{
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 100%;
    padding: 10px 10px;
}
.field-grp-title{
    border-bottom: 2px #ff000066 solid;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 1.3rem;
    padding-top: 20px;
}
.field-grp-content .form-group{
    width: 100%;
}
.file_title{
    flex: 0 0 100%;
    margin-bottom: 10px;
    font-size: 1.1rem;
    font-weight: bold;
}
.client_info .badge{
    color:white;
}
.login-box{
    width: 60% !important;
}
.login-box .logo-name > img{
    width: 50%;
}

@media (max-width: 767px) {
    .login-box{
        width: 90% !important;
    }
    .login-option{
        flex-wrap: wrap;
    }
    .login-option > div {
        flex : 0 0 100%;
        margin-top: 10px;
    }
}


/*Box for Middloffice*/

.doc-preview{
    background-color: #e4e4e4;
    margin: 20px 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.doc-preview > div{
    flex: 0 0 100%;
}
.dashboard-news{
    display: flex;
    justify-content: center;
}

.floating-labels .input-icon{
    top: -5px;
    position: relative;
}
.floating-labels .input-icon+.form-group{margin-left:30px}

.price-decimal{
    font-size: 0.7em;
    color: #5c5c5c;
}
.table{
    color:#000;
}
.btn-sm-bigfont {
    padding: .2rem .5rem 0 .5rem;
    font-size: 20px;
}
.modal-lg,.modal-xxl{
    max-width: none !important;
}
.modal-lg {
    width: 70%;
}

.modal-xxl {
    width: 99%;
}
.modal-xxl #alert-body{
    padding:0!important;
}
@media (max-width: 992px) {
    .modal-xxl,.modal-lg  {
        width: 98% !important;
    }
}

.tr-item td{
    position: relative;
}
.td-img,.td-images{
    padding:1px !important;
    width: 1%;
}
.td-is_active{
    width: 1%;
}
#admin-unlog{
    position: fixed;
    bottom:20px;
    left:20px;
    z-index: 1000;
}

.dz-image img{
    width: 100%;
}
.line-bon-cuisine{
    color:#000;
    padding:2px 0;
    border-bottom:1px solid #eee;
}
.line-bon-cuisine .label-product{
    cursor: pointer;
}
label{
    margin-bottom:0;
}
.text-barre{
    text-decoration:line-through;
}
.dropzone{
	padding: 8px!important;
}
.dropzone .dz-message .dz-button {
     background: none;
     color: inherit;
     border: none;
     padding: 0;
     font: inherit;
     cursor: pointer;
     outline: inherit;
}
.dropzone .dz-message {
    padding: 4rem 0;
}
.dropzone .dz-preview{
	border:1px solid #eee;
}
.dropzone .dz-image{
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.btn-custom  {
    background:var(--main-color); color:#fff; border-radius:20px
}

.img-float {
    width:50px; position:absolute;top:-3.5rem;right:1rem
}

.light-logo{
    height: 52px;
}
.container-fluid{padding:0 30px 25px 30px}
@media (max-width: 767.98px){
    .container-fluid {
        padding: 0 5px 5px;
    }
    .navbar-brand{
        padding:0.5em;
    }
    .page-titles {
        margin: 0 -5px 5px;
    }
    .light-logo{
        height: 46px;
    }
}
.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{
    margin-bottom: 0 !important;
}
#modal-body .card-body [type=checkbox]+label{
    height: 14px;
}
@keyframes green-pulse {
    0% {background-color: #0aad05;}
    50% {background-color: #00bb7a;}
    100% {background-color: #0aad05;}
}
@keyframes blue-pulse {
	0% {background-color: #050aad;}
	50% {background-color: #007abb;}
	100% {background-color: #050aad;}
}
@keyframes red-pulse {
    0% {background-color: #ffbb99;}
    50% {background-color: #ffaa99;}
    100% {background-color: #ffbb99;}
}
@keyframes orange-pulse {
	0% {background-color: #0aad65;}
	50% {background-color: #00bbaa;}
	100% {background-color: #0aad65;}
}
.switch label .lever{
    background-color: #aaa;
}
.switch label .lever:after{
    background-color:#777;
    animation: 4s red-pulse infinite;
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: #86e784;
}
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #0aad05;
    animation: 5s green-pulse infinite;
}


.switch.info label input[type=checkbox]:checked+.lever {
	background-color: #8486e7;
}
.switch.info label input[type=checkbox]:checked+.lever:after {
	background-color: #050aad;
	animation: 5s blue-pulse infinite;
}

.switch.takeoff label input[type=checkbox]:checked+.lever {
	background-color:#e7863e;
}
.switch.takeoff label input[type=checkbox]:checked+.lever:after {
	background-color:#ad3c00;
	animation: 5s orange-pulse infinite;
}

#resto-selectors{
	overflow-y:auto;
	max-height: 90vh;
}


#dropdownLangs img{
	height: 1.8rem;
	color:#fff;
}
#dropdownLangs:after{
	vertical-align:.05em;
}
#lang-selector{
	line-height: 50px;
	display:flex;
	align-items: center;
	justify-content: center;
}
#lang-selector .dropdown-item{
	display:flex;
	align-items:center;
	justify-content:center;
}

#lang-selector .dropdown-item:hover .img-flag{
	filter: saturate(110%);

}

.img-flag{
	width:3rem;
}
.lang-code{
	padding:0 0 0 1rem;
	text-transform:uppercase;
	font-size:1.6rem;
	width:4rem;
}
.sidebar-nav .disabled i,.sidebar-nav .disabled {
	color:#999;
}
.sidebar-nav .disabled i,.sidebar-nav .disabled {
	color:#999;
}
.sidebar-nav>ul>li.active:hover>a.disabled, .sidebar-nav>ul>li.active>a.disabled {
	color: #999;
	background: #eee !important;
}

a{
	text-decoration: none;
}
.pointer{
    cursor: pointer;
}