@charset "utf-8";


.gasp_bg {background: #2b303f;
    background: -webkit-linear-gradient(tto bottom, #565d71, #2b303f);
    background: linear-gradient(to bottom, #565d71, #2b303f); }
/* en dark moide ça va pas 
  @media only screen and (max-width: 393px) {
    .topnav-navbar-dark .navbar-toggle span { background-color: rgba(71,77,86,.8)!important}
    }
*/

#alert_box { z-index: 1070!important}

#menu_notification { min-width: 300px!important;}

.fileinput-button { display: block!important;}

.invalid-tooltip a, .valid-tooltip a { color:#FFFFFF!important; text-decoration: underline!important;}

.clear { clear: both;}
.monnaie { text-align: right;}

a.badge:hover { color:#FFFFFF!important; }
.pac-container { z-index: 99999999999;} /* gg map autocomplete dans dialog */

/* gasp responsive tabs scroll horizontal */
.nav-tabs {
	overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}
.nav-tabs .nav-item {
	white-space: nowrap;
}
.nav-tabs .nav-item:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: transperent;
}
/* fin responsive tab */

#ajax_footer {
	display: none;
}

.menu_droit {
    display: none;
    position: absolute;
    padding: 5px;
    background-color: #EEE;
    border: 1px solid #ddd;
}

.modal-colored-header.bg-dark .btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}

    .dataTables_filter, .dataTables_length { float:left; }
    .dt-buttons, .dataTables_paginate {float: right;}
    .dataTables_info { float: left; margin-left: 10px;}
    div.dataTables_wrapper div.dataTables_info {padding-top: 0.45em;}
.yadcf-datatables-table--datatable thead tr:nth-child(2) th {padding: 0!important;}
	.yadcf-filter-wrapper { min-width: 100px; margin:0;}
.long_ceil { white-space: normal!important} /* datatable cellule longue */

.editable-input .day.form-control, .editable-input .month.form-control, .editable-input .year.form-control {
	display: inline-block;
}
.editable[data-type="textarea"] + .editable-container, .editable[data-type="text"] + .editable-container, .editable[data-type="email"] + .editable-container, .editable[data-type="tel"] + .editable-container {
	width:100%!important;
}

.hidden {
	display: none;
}

.select2-container .select2-results__option.optInvisible {
    display: none;
}


::-webkit-scrollbar{width: 8px; height: 8px;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 5px #CCCCCC;border-radius: 8px;background:#FFFFFF;}
.is_dark ::-webkit-scrollbar-track{box-shadow: inset 0 0 5px #CCCCCC;border-radius: 8px;background:#ced4da;}
::-webkit-scrollbar-thumb{background: #536073;border-radius: 8px;}
::-webkit-scrollbar-thumb:hover { background: #313A46;}

.fc-popover { background: #FFFFFF;}
.is_dark .fc-popover { background: #37404a; }

.table-serach { display: none;}	

.ok,
.warning {
    padding: 5px 30px;
    margin: auto auto 10px;
    width: 80%;
    clear: both;
    font-size: 1em
}

.warning {
    background: url(../../images/alerte_message.gif) 10px 5px no-repeat #FBEC88;
    border: 2px dotted red;
    color: #000
}

.warning a {
    color: #000!important
}

.ok {
    background: url(../../images/icon-boutton-validate.png) 10px 5px no-repeat #CEF6D8!important;
    border: 2px dotted #090!important;
    color: #000
}

#acoordion_notif .card-body { padding: 0; border: 0;}

.app-search .twitter-typeahead {
	position:absolute!important;
}


/* pour le téléphone preview */
.deviceWrap {
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 10px 0px 20px 0px;
    position: relative;
}

.device {
    margin: 0 auto;
    position: relative;
}

.device .flashingTop,
.device .flashingBottom {
    position: absolute;
    left: 0;
    width: 100%;
}

.device .flashingTop {
    top: 0;
    padding-top: 4px;
}

.device .flashingBottom {
    bottom: 0;
}

iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
}
        
.iphone-x-portrait {
    background-image: url(../../images/iphone-x-portrait.png);
    padding: 27px 0 27px 0px;
}

.iphone-x-portrait span.time {
    color: #979797;
    position: absolute;
    left: 8px;
    display: block;
    top: 17px;
    font-family: "SF UI Text", helvetica, arial, sans-serif;
    width: 80px;
    text-align: center;
}

.iphone-x-portrait iframe {
    border: none;
    height: 685px;
    width: 374px;
    margin-left: 2px;
}

.content-page .content {
	padding-bottom: 50px;
}

/* FIN pour le téléphone preview */

@media only screen and (max-width: 750px) {
	.table-serach { display: inline-block;}	
	.dataTables_filter {display: none;}
	table.dataTable { margin-top: 0!important}
	.dataTables_filter {
		float: none!important;
	}
	.dt-buttons .btn {padding: 0.2rem 0.9rem} 
}



@media (min-width: 576px) {
.w-sm-100 {
width:100%!important;
}
.w-sm-75 {
width:75%!important;
}
.w-sm-50 {
width:50%!important;
}
.w-sm-25 {
width:25%!important;
}
.h-sm-100 {
height:100%!important;
}
.h-sm-75 {
height:75%!important;
}
.h-sm-50 {
height:50%!important;
}
.h-sm-25 {
height:25%!important;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.w-md-100 {
width:100%!important;
}
.w-md-75 {
width:75%!important;
}
.w-md-50 {
width:50%!important;
}
.w-md-25 {
width:25%!important;
}
.h-md-100 {
height:100%!important;
}
.h-md-75 {
height:75%!important;
}
.h-md-50 {
height:50%!important;
}
.h-md-25 {
height:25%!important;
}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.w-lg-100 {
width:100%!important;
}
.w-lg-75 {
width:75%!important;
}
.w-lg-50 {
width:50%!important;
}
.w-lg-25 {
width:25%!important;
}
.h-lg-100 {
height:100%!important;
}
.h-lg-75 {
height:75%!important;
}
.h-lg-50 {
height:50%!important;
}
.h-lg-25 {
height:25%!important;
}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.w-xl-100 {
width:100%!important;
}
.w-xl-75 {
width:75%!important;
}
.w-xl-50 {
width:50%!important;
}
.w-xl-25 {
width:25%!important;
}
.h-xl-100 {
height:100%!important;
}
.h-xl-75 {
height:75%!important;
}
.h-xl-50 {
height:50%!important;
}
.h-xl-25 {
height:25%!important;
}
}