*{box-sizing:border-box;}
html{padding-bottom: 35px;}

/*  xdebug overrides
----------------------------------------------*/
.xdebug-error {font-size: 12px !important;width: 95% !important;margin: 0 auto 10px auto !important;border-color: #666 !important;background: #ddd !important;}
.xdebug-error th, .xdebug-error td {padding: 2px !important;}
.xdebug-error th {background: #e8caca !important;}
.xdebug-error span { display: none !important;}
.xdebug-error_description th {font-size: 1.2em !important;padding: 20px 4px 20px 100px !important;background: #ccc no-repeat left top !important;}
.xdebug-error_callStack th {background: #666 !important;color: #ddd !important;}
.xdebug-var-dump i{ font-size:10px;}

/* bloc message alert*/
/*
#bloc_site_dev .alert {position: relative;margin:0; border: 1px solid #ccc; padding: 0.75rem 0.75rem; border-radius: .25rem;    text-align: center;}
*/
/*  Bloc DEBUG
----------------------------------------------*/
#bloc_site_dev .error{color:#cd0000;}
#bloc_site_dev .success{color:#00a400;}
.debug_pre{white-space:pre-wrap;}


#bloc_site_dev{position: fixed; bottom: 0; left: 0; max-width: 100%; width: calc(100% - 0px); max-height: 35px; z-index: 1055/*au dessus popup */; margin-bottom: 0rem; color: #721c24; 
border: 1px solid #f5c6cb; background-color: #ffafb6; font-family: monospace; font-size: 1em; text-align: left; transition: max-height 0.25s linear; 
overflow-x: hidden; overflow-y: hidden;/*animation: max-height 3s linear forwards 5s;*/}
/*auto scroll hidden */

#bloc_site_dev.site_dev{background-color: #ffd4a8; border: 1px solid #000;}/*orange*/
#bloc_site_dev.site_local{background-color: #dbe6ff;; border: 1px solid #01194d;} /*bleu*/
#bloc_site_dev.site_local #bloc_messages_debug pre, #bloc_site_dev.site_local #bloc_messages_debug .debug_infos .backtrace {color:#000000;}

#bloc_site_dev.site_debug{background-color: #fff3de; border: 1px solid ce9b02; }/*jaune/rose clair*/
#bloc_site_dev.site_vm1{background-color:#ecfff1;}/*vert*/
#bloc_site_dev.site_vm1 #bloc_messages_debug pre, #bloc_site_dev.site_local #bloc_messages_debug .debug_infos .backtrace {color:#463502;color: #30316f;}


#bloc_site_dev .reduire .texte{position: relative; bottom:8px;}

/* ouverture au survol */
#bloc_site_dev.hover{max-height:400px;}

/* ouverture complète */
#bloc_site_dev.open{max-height:100vh;}

#bloc_site_dev .entete{background-color: #546e7a;color: #fff;line-height:40px;height:40px;font-family: 'Roboto',sans-serif; vertical-align: middle;padding:0px 10px 0px 10px;}
#bloc_site_dev.alert, #bloc_site_dev .alert{text-align: left;}
#debug_titre{font-size:16px;text-align: left;float: left;padding:0 0 0 0;;}



#bloc_site_dev .buttons{position: relative;top:5px;right:0px;float: right;padding: 0;}
#bloc_site_dev .buttons{/*position: absolute;top:5px;right:5px;*/}
#bloc_site_dev .buttons .btn{position: relative;display:block;float: left;margin-left: 5px;background:none;border: 0; -webkit-appearance: none;font-size: 26px;font-weight: 700;line-height: 1;color: #000;text-shadow:1px 1px 0px #fff;}
#bloc_site_dev .buttons .btn{opacity: .6;border:0px solid #ccc;width:30px;height:30px;padding: 0;text-align: center;transition: transform 0.5s ease;}
#bloc_site_dev .close:not([disabled]):not(.disabled) {cursor: pointer;}
#bloc_site_dev .btn.close {font-size: 26px;font-weight: 700;line-height: 1;color: #000;text-shadow:1px 1px 0px #fff;opacity: .6;}
#bloc_site_dev .fa-chevron-up{display: inline-block;width:16px;height:10px;background: transparent url('img/chevron.png') no-repeat -0px -0;transition: transform 0.5s ease;}
#bloc_site_dev .fa-chevron-up{display:none;}
#bloc_site_dev:hover .fa-chevron-up, #bloc_site_dev.hover .fa-chevron-up {transform: rotateX(180deg);}
#bloc_site_dev .ouvrir_fermer .texte{position: relative;top:-12px;font-size: 20px;font-weight: 400;}
#bloc_site_dev .ouvrir_fermer .texte{display:none;display: inline-block;}
#bloc_site_dev .agrandir  .texte{ font-size: 30px;top: -3px;position: relative;}

#bloc_site_dev .fa-chevron-up:hover{}



#bloc_site_dev .tabs{max-height:324px;overflow-y: auto;}
#bloc_site_dev .tab-pane{padding:10px 10px 10px 20px;word-break: break-word;width: calc(100% - 0px);}


#bloc_site_dev .nom { font-family: arial, 'Helvetica';font-weight: 700;font-size: 0.8em;color: #1a1400;}
#bloc_site_dev b{ font-weight: bold;color: #502a2a;}
/*#bloc_site_dev table{ width:100%;}*/
#bloc_site_dev td{ padding: 1px 20px 2px 0;}
#bloc_site_dev  td:nth-of-type(odd) { text-align: right; text-align: left;font-size:11px;min-width:170px;}
#bloc_site_dev  tr:nth-of-type(odd) { background-color:#e4e4e496;}



#bloc_messages_debug { font-size: 100%; line-height: 1rem;}
#bloc_messages_debug pre, pre.xdebug-var-dump {overflow: visible;text-overflow: ellipsis;font-family: monospace; white-space: pre-wrap;overflow-wrap: break-word;font-size: 12px; }
.debug_var_dump pre.xdebug-var-dump {margin-top: 0;}
/*::first-line {*/
#bloc_messages_debug pre, .debug_infos .backtrace{;color: #856404}
#bloc_messages_debug small, #bloc_messages_debug .small { font-size:11px;}
#bloc_site_dev pre.xdebug-var-dump { color:#000;}
#bloc_site_dev .debug_infos { white-space:pre-wrap;    color: #30316f;}
#bloc_site_dev .debug_nom{ font-weight: 600;}



#bloc_site_dev .handler{cursor:pointer;}
.debug_entete{margin: 0px 0 20px 0px;}

/* Benchmark */
#bloc_messages_header .debug, #bloc_messages_header .alert-info{font-family: monospace;font-size:1em;}
#bloc_messages_header .nom{font-family: arial, 'Helvetica';font-weight:700;font-size:0.8em;color: #71495afa;}


/* Label */
#bloc_site_dev .label-warning {background-color: transparent; color: #f0ad4e;line-height:initial;}
#bloc_site_dev .label-danger, .label-error {background-color: transparent; color: #d9534f;line-height:initial;}
#bloc_site_dev .label-success {background-color: transparent; color: #5cb85c;line-height:initial;}





/* TABS */
#bloc_site_dev .tabs{position:relative;}
#bloc_site_dev .nav.nav-tabs {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;    align-items: center;}
#bloc_site_dev .nav-tabs .nav-link {display: block;border: 1px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;  padding: .5rem 1rem;}
#bloc_messages_debug_heure{margin-left: auto;margin-right: 20px;}
#bloc_site_dev .nav-tabs .nav-item {margin-bottom: -1px;}
#bloc_site_dev .tab-content>.tab-pane {display: none;}
#bloc_site_dev .tab-content>.active {display: block;}
#bloc_site_dev .nav-tabs, .nav-tabs .nav-link {border-bottom: 1px solid #898b8d;font-weight: bold;color: #3879d9;font-size: 16px;}
#bloc_site_dev .nav-tabs .nav-link.active {border-color: #898b8d #898b8d #fff;color: #495057;background-color: transparent;}


@media (max-width:767px){
    #bloc_site_dev .tab-pane {padding: 10px 5px 10px 5px;}
    #tab-debug-var table{    width: 100%;}
    #bloc_site_dev td:nth-of-type(odd) { width:20%;font-size: 8px;}    
    #bloc_site_dev td:nth-of-type(even ) { width:30%;font-size: 10px;}   
    
    /*Modif site*/
    #bouton_menu_store, #bouton_menu_store_submit{bottom:35px;}
    #form_critere_recherche{bottom:35px;max-height:calc(100% - 80px - 35px);}
}

#bloc_messages_debug_heure {padding: .5rem 1rem;}