/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.scw-switcher-wrap,.scw-trigger-icon{position:fixed;left:auto;background-color:#fff}.scw-trigger-icon{width:44px;height:44px;top:121px;right:26px;border:0;padding:0;text-align:center;z-index:5;cursor:pointer}.scw-trigger-icon i{font-size:18px}.scw-switcher-wrap.scw-switcher-open i:nth-of-type(1),.scw-switcher-wrap:not(.scw-switcher-open) i:nth-of-type(2){display:none}.scw-switcher-wrap{top:120px;right:25px;padding:23px;width:0;height:0;border:1px solid rgba(0,0,0,.09);border-radius:3px;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);z-index:9999;overflow:hidden;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease}.scw-switcher-wrap.scw-switcher-open{width:300px;height:70%;padding:35px 25px;overflow-y:scroll}.scw-switcher-wrap .widget{margin:0}.scw-switcher-wrap .line,.scw-switcher-wrap .widget{opacity:0;-webkit-transition:opacity 0s ease;-o-transition:opacity 0s ease;transition:opacity 0s ease}.scw-switcher-wrap.scw-switcher-open .line,.scw-switcher-wrap.scw-switcher-open .widget{opacity:1;-webkit-transition:opacity .3s .4s ease;-o-transition:opacity .3s .4s ease;transition:opacity .3s .4s ease}.scw-switcher-wrap .widget h4{font-size:14px;letter-spacing:1px;margin-bottom:15px}.scw-switcher-wrap .btn-container{margin:0 -5px -5px 0}.scw-switcher-wrap .btn{margin:0 5px 5px 0}.scw-switcher-wrap .row{margin:0 -5px}.scw-switcher-wrap .col-6{padding:5px}

a.bigButton {
    transition: all .2s ease-in-out;
    border: 2px solid #444;
    background-color: transparent;
    color: #333;
    font-weight: 700;
    text-shadow: none;
    border-radius: 3px;
    padding: 8px 26px;
    font-size: 1rem;
    line-height: 30px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    margin: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mandatory { background-color: #c7ddff; }

input{
        margin: 2px;
}
div.inputGroup { background-color: #01a03647; border: 1px solid #666; padding: 8px; margin-bottom: 4px;border-radius: 10px; }
div.inputGroup a { color: #be6e41; }

ul.pageList { margin: 10px 0 0 0; padding: 0; list-style: none; border-bottom: 1px solid #000; line-height: 1em; }
ul.pageList li { font-size: 8pt; font-weight: bold; display: inline; background-color: #000; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 0 0 1px; padding: 0 4px 0 4px; }
ul.pageList li:hover {  }
ul.pageList li a { text-decoration: none; }
ul.pageList li.selected { background-color: #fff; }
ul.pageList li.selected a { color: #cd9f46; }
ul.pageList li.label { border: none; background-color: transparent; }


table.etat { border: medium solid #000; border-collapse: collapse; border-spacing: 1px; margin: 1em 0 1em 0; }
table.etat th { font-size: 9pt; color: #fff; background-color: #000; padding: 5px; background-image: url(image/highway/fond1.png); background-position: top left; background-repeat: repeat-x; }
table.etat td { font-size: 8pt; border: 1px solid #000; padding: 5px; text-align: center; }

#pagefacture form{
    top: 50%;
    left: 50%;
    width: 50%;

}
#pagefacture .import{
    border: 4px dashed #cc9f48;
    margin-top: 20px;
    margin-bottom: 20px;
    position:relative;
}
#pagefacture form p{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 170px;
    color: #000;
    font-family: Arial;
}
#pagefacture .inputimport{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
#pagefacture .buttonupload{
    margin: 0;
    color: #fff;
    background: #16a085;
    border: none;
    width: 508px;
    height: 35px;
    margin-top: 20px;
    margin-left: 4px;
    border-radius: 4px;
    border-bottom: 4px solid #117A60;
    transition: all .2s ease;
    outline: none;
}
#pagefacture .buttonupload:hover{
    background: #149174;
    color: #0C5645;
}
#pagefacture .buttonupload:active{
    border:0;
}
#pagefacture  .TableauRecap td {
    border : 1px solid black;
    vertical-align: bottom;
    text-align: center;
}


#pagefacture .TableauRecap table{
    border-collapse: collapse;
    width: 100%;
}

#pagefacture .TableauRecap th {
    height: 50px;
}
#pagefacture input[type="file"] {
    display: block;
}
#pagefacture .imageThumb {
    max-height: 75px;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
}
#pagefacture .pip {
    display: inline-block;
    margin: 10px 10px 0 0;
}
#pagefacture .remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
}
#pagefacture .remove:hover {
    background: white;
    color: black;
}

.bodyavissouffrance form  { display: table; width: 100%      }
.bodyavissouffrance p     { display: table-row;  }
.bodyavissouffrance label { display: table-cell;   display: -ms-flexbox;}
#datelabelinput { display: table-cell; }
.bodyavissouffrance input { display: table-cell; }
.choixReglement {margin-top: 10px;     margin-left: 10px;    margin-bottom: 10px; line-height:normal;}
.choixReglement p {margin-top: 10px; line-height:normal;}
#champsdatelabel {padding-left: 15px;}
#infosValidation{text-align: center; margin-top: 10px;margin-bottom: 10px}
#infosValidation input{padding: 6px; width: auto; height: auto; font-size: 30px; font-weight: bold; display: inline-block; margin: 0 auto; color: #000000; background-color: #daffda;}
#toast-container * {
    font-weight: bold;
    font-size: 1rem;
}

#toast-container.toast-top-left>div {
    max-width: 80%;
    width: 450px;
}