/*--------------------------------------------------------
++                      GENERAL                         ++
--------------------------------------------------------*/
:root{
--color:#f95373;
--colorBG:#f9537325;
--colorFocus:#f9537350;
--colorSuccess:#1abc9c;
--colorSuccessBG:#1abc9c25;
--colorWait:#F89C02;
--colorWaitBG:#F89C0225;
--label:#f5f5f5;
--tab:#eee
}

*{margin:0;padding:0;box-sizing:border-box}
a{color:#555;font-weight:500;text-decoration:none}
.dark a{color:#8c98a5}
a:focus,button:focus,input:focus,textarea:focus,select:focus,area:focus,div:focus{outline:none}
a:hover{text-decoration:underline}
body{position:relative;font-family:'Poppins','Arial',sans-serif;font-weight:400;color:#555;font-size:11pt;background:#F5F5F5;line-height:1.5}
body.dark{color:#8c98a5;background:#303841}
button{width:100%;line-height:48px;background:#eee;color:#333;border-radius:3px;font-size:11pt;font-family:'Poppins',sans-serif;cursor:pointer;margin:25px 0;text-transform:uppercase;letter-spacing:1px;padding:0 25px;border:1px solid #fff;height:48px}
button:hover{border:1px solid #777}
button.big{font-size:13pt}
button.freesize{width:auto}
button.hot{background:var(--color);color:#fff;border:0}
button.hot:hover{background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1));border:0}
button.hot.done{background:none;color:#555;cursor:not-allowed}
button.swal2-cancel{background-color:#555!important;width:auto}
button.swal2-close:focus{box-shadow:unset}
button.swal2-close:hover{border:0}
button.swal2-confirm{background-color:var(--color)!important;width:auto}
button.swal2-confirm:focus{box-shadow:0 0 0 3px var(--colorFocus)!important}
button img.loader{width:22px;margin:0 8px -5px -5px;display:none}
div.span{display:inline-block}
h1{font-weight:600;font-size:24pt;color:#555}
h1.title{font-size:16pt}
.dark h1{color:#8c98a5!important}
input{width:100%;margin:5px 0;padding:0 10px;border:none;border-radius:3px;font-family:'Poppins','Arial',sans-serif;font-size:11pt;background:#f5f5f5;color:#555;height:52px;letter-spacing:1px;border:1px solid #f5f5f5}
input[type=color]{padding:7px 10px}
input[type=file]{padding-top:17px;font-size:10pt}
input.freesize{width:auto}
input.w100{width:100px}
input.w200{width:200px}
input.w250{width:250px}
input.w300{width:300px}
input.w350{width:350px}
input.w400{width:400px}
input:focus{border:1px solid #ddd}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #f5f5f5 inset;border-radius:6px}
input::placeholder{color:#888}
input[type="checkbox"]{width:16px;height:16px;padding:0;border-radius:0.25em;margin:15px auto;display:block;background-repeat:no-repeat;background-color:transparent;border:1px solid #777;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}
input[type="checkbox"]:checked{background:var(--color);border-color:var(--color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E")}
input[type=radio]{display:inline-block;vertical-align:middle;width:16px;height:16px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;padding:0;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;border-radius:50%;position:relative;cursor:pointer;transition:.2s all ease-in-out}
input[type=radio]:checked{background-color:var(--color);border-color:transparent}
input[type=radio]:checked::before{content:"";width:7px;height:7px;background-color:#fff; border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
img{max-width:100%}
p{margin:20px 0}
p.form,p.submit{margin:0}
select{height:50px;width:100%;margin:15px 0;padding:0 10px;border:none;border-radius:3px;font-family:'Poppins','Arial',sans-serif;font-size:11pt;background:#f5f5f5;color:#555;letter-spacing:1px}
strong{font-weight:600}
table{width:100%;border-spacing:0;margin-top:35px}
table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:1!important;color:var(--color)}
table th select{height:40px;margin:0 0 0 -5px;background:#fff;color:#555;font-size:11pt;font-weight:600;padding:0}
.dark table th select{background:transparent;color:#8c98a5}
textarea{min-height:50px;width:100%;margin:15px 0;padding:10px;border-radius:3px;font-family:'Poppins','Arial',sans-serif;font-size:11pt;background:#f5f5f5;color:#555;letter-spacing:1px;border:1px solid #f5f5f5}
textarea:focus{background:#fff;border:1px solid #ddd}
textarea.ckeditor{min-height:300px}
tbody tr:hover{background:#f5f5f5}
.dark tbody tr:hover{background:#303841}
tbody tr:hover select{background:#fff}
td{padding:10px;font-size:10pt}
th{font-weight:600;border-bottom:2px solid #ddd;text-align:left;padding:0 10px}
.dark th{border-bottom:2px solid #8c98a5}

#addNew{margin-top:-50px}
#addNew img{margin:0 5px -5px 0;width:24px;display:none}
#content{padding:50px 25px 50px;overflow:hidden}
#content ul{margin-left:25px}
#content ul.sectionTabs{margin-left:0}
#page{overflow:hidden}

.absolute{position:absolute}
.bgWhite{background:#fff!important}
.bigWidth{width:1290px;max-width:100%}
.box{position:relative;max-width:100%;padding:25px;background:#fff;border-radius:6px;box-shadow:2px 2px 4px #00000010}
.box.form label{position:absolute;left:0;top:6px;z-index:2;letter-spacing:2px;background:#f5f5f5;line-height:10px;padding: 5px;font-size:8pt;color:#555;border-top-left-radius:6px;border-top-right-radius:6px;text-transform:uppercase;margin:0}
.box.form p{margin:0;position:relative}
.box.form p.title{margin:15px 0}
.box.noshadow{box-shadow:none;border-top-left-radius:0}
.breadcrumb{text-align:right;margin-top:-29px;font-size:11pt}
.breadcrumb a{font-weight:400}
.breadcrumb b{font-weight:400;margin:0 10px;font-size:14pt;font-family:auto}
.bulle{background:var(--color);display:inline-block;padding:3px 5px;font-size:8pt;font-weight:600;line-height:1;color:#fff;text-align:center;vertical-align:baseline;border-radius:50%;float:right;transform:translate(2px,2px);margin-top:14px}
.center{text-align:center}
.colorSquare{width:24px;height:24px;border-radius:3px;margin-right:5px}
.current{color:#aaa}
.dark .breadcrumb .current{color:#6d7c8c}
.d-flex{display:flex}
.droptab{position:absolute;z-index:999;width:100%;overflow:auto;max-height:310px!important;padding:0;background:#fff;top:54px;left:0;box-shadow:0px 2px 3px 1px #0000002b;display:none;animation-duration:0.8s;animation-name:slideMenu;transition:all 0.1s ease-in-out;padding-bottom:10px}
.droptab span{font-weight:500;display:block;font-size:12px;line-height:24px;padding-left:25px;color:#000}
.droptab li{list-style:none;padding:5px 10px;line-height:20px}
.droptab li.child{margin-left:15px;display:none}
.droptab li.child.open{display:block}
.droptab li.list.all{position:absolute;top:0;right:0}
.droptab li em{padding:0 5px;transform:translateY(6px);font-style:normal;font-size:10pt;display:inline-block;cursor:pointer}
.droptab li label{cursor:pointer;position:relative;color:#000;display:inline-block;background:initial;line-height:20px;letter-spacing:normal;padding:0 0 0 20px;font-size:10pt}
.droptab li label input{position:absolute;left:7px;top:2px}
.droptab li label input[type="checkbox"]{position:absolute;left:0;top:4px;width:12px;height:12px;margin:0;padding:0;border-radius:0.25em;display:block;background-repeat:no-repeat;background-color:transparent;border:1px solid #777;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}
.droptab li label input[type="checkbox"]:checked{background:var(--color);border-color:var(--color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E")}
.euro{position:absolute;top:30px;right:16px}
.fiftyL{width:48.5%;margin-right:1.2%;margin-bottom:15px}
.fiftyR{width:48.5%;margin-left:1.2%;margin-bottom:15px}
.fillmeter{background:#ddd;width:65px;height:5px;border-radius:6px;overflow:hidden}
.fillmeter div{background:var(--colorSuccess);height:5px}
.fillmeter div.alert{background:var(--colorWait)}
.fillmeter div.danger{background:var(--color)}
.flex{display:flex}
.flexC{display:flex;align-items:center;justify-content:center}
.flexSB{display:flex;align-items:center;justify-content:space-between}
.floatR{float:right}
.form2col{display:flex;gap:15px}
.form2col.marginTfix{margin-top:-112px}
.form2col.marginTfix textarea{min-height:80px}
.form2col.marginTfix2{margin-top:-92px}
.form2col .error{text-align:left;color:red;font-size:11pt;margin:-10px 0 0;padding-left:25px;background:url(../icon/warning.svg) 0 -1px no-repeat}
.form2col div{width:50%;position:relative;margin:8px 0}
.form2col div:focus-within label,.form4table div.relative:focus-within label{background:#fff!important}
.form2col div:focus-within select{background:#fff;border:1px solid #777}
.form2col div:focus-within .switchWrap select{border:0}
.form2col div div.preview{margin:15px 0 0;width:100%;border:1px solid #ddd;height:165px;border-radius:3px}
.form2col div p{position:relative}
.form4table label{position:absolute;left:0;top:6px;z-index:2;letter-spacing:2px;background:#f5f5f5;line-height:10px;padding:5px;font-size:8pt;color:#555;border-top-left-radius:6px;border-top-right-radius:6px;text-transform:uppercase}
.form4table label.full{top:-9px}
.form4table label.textarea{top:-18px}
.form4table .preview label{background:#fff;top:-10px;left:-5px}
.form4table input:focus,.form4table .select:focus,.form4table select:focus,.form4table textarea:focus{background:#fff;border:1px solid #777}
.formMultiple{width:100%!important;margin:15px 0!important;padding:0;line-height:52px;text-align:left}
.formMultiple.open label{background:#fff!important}
.formMultiple.open span.select{border:1px solid #777;background:#fff}
.formMultiple .select{cursor:pointer;padding:0 10px;width:100%;display:block;font-size:10pt;background:#f5f5f5}
.green{color:#3CB371}
.hidden{display:none}
.highlight{color:#333}
.icon.edit{background:url('../icon/light/edit.svg') center no-repeat;width:18px;height:16px;background-size:cover!important;display:inline-block}
.icon.edit.loading{background:url('../icon/light/loader.svg') center no-repeat;width:20px;margin-left:-2px}
.icon.info{background:url('../icon/light/info.svg') 0 0 no-repeat;width:21px;height:19px;background-size:cover!important;display:inline-block;transform:translateY(1px)}
.icon.info.loading{background:url('../icon/light/loader.svg') center no-repeat;width:20px;margin-left:-2px}
.inblockM{display:inline-block;vertical-align:middle}
.inblockT{display:inline-block;vertical-align:top}
.justify{text-align:justify}
.langContainer{text-align:center;position:relative;margin:0}
.langContainer .langFlag{position:absolute;top:11px;left:22px;width:24px;border-radius:1px}
.langSelect{padding-left:29px;width:73px}
.left{text-align:left}
.loader2{width:20px;margin:0 5px -4px 0;display:none}
.lowercase{text-transform:lowercase}
.mobile{display:none}
.nomargin{margin:0}
.nomarginB{margin-bottom:0!important}
.nomarginL{margin-left:0!important}
.nomarginR{margin-right:0!important}
.nomarginT{margin-top:0!important}
.nopadding{padding:0}
.pointer{cursor:pointer}
.red{color:#DC143C}
.relative{position:relative}
.right{text-align:right}
.sectionTab.box{border-top-left-radius:0;width:100%;background:#fafafa}
.sectionTabContent{display:none}
.sectionTabContent.active{display:block}
.sectionTabs{margin:0 0 -5px 0}
.sectionTabs li{padding:10px 20px;border-top-right-radius:3px;border-top-left-radius:3px;border-top:1px solid #ccc;border-right:1px solid #ccc;margin-left:-4px;cursor:default;background:var(--tab)}
.sectionTabs li.active{background:#fafafa}
.sectionTabs li:first-child{margin-left:0}
.show{display:block!important}
.small{font-size:9pt}
.sidebarClose #content{margin-left:70px}
.status{padding:2px 5px;font-size:8pt;font-weight:600;border-radius:6px;letter-spacing:1px;text-transform:uppercase}
.status.blocked{background:var(--colorBG);color:var(--color)}
.status.success{background:var(--colorSuccessBG);color:var(--colorSuccess)}
.status.wait{background:var(--colorWaitBG);color:var(--colorWait)}
.swal2-actions{margin:15px 0}
.swal2-actions button{padding:0 20px!important}
.swal2-loader{border-color:var(--color) rgba(0,0,0,0) var(--color) rgba(0,0,0,0);margin-bottom:15px}
.swal2-icon{margin-bottom:-20px}
.swal2-html-container{margin:0 25px!important;overflow:unset!important}
.swal2-html-container *{scroll-margin-top:50px}
.swal2-title{padding:35px 0 10px}
.switch{width:30px}
.switchWrap{font-size:8pt;letter-spacing:2px;display:inline-block;vertical-align:top;margin:0;margin:0 10px;padding-top:19px}
.switchWrap img{width:32px}
.switchWrap img.langFlag{width:24px;padding-top:8px;position:absolute;top:35px;left:23px}
.switchWrap select{background:#fff;height:auto;margin:8px 0px;font-size:9pt}
.switchWrap select.langSwitch{width:70px;text-align:center;padding:0 10px 0 20px}
.tableWrapper{width:100%;overflow-x:auto}
.tooltipster-sidetip .tooltipster-content{padding:2px 10px}
.tooltipster-sidetip .tooltipster-box{background:#555;border:2px solid #555;font-size:10pt}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#555}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#555}
.uppercase{text-transform:uppercase}
.zoneTitle{font-weight:600;font-size:14pt;margin-bottom:15px!important}

.dark button{background:var(--color);color:#fff;border-color:transparent}
.dark button.swal2-close{background:transparent;color:#8c98a5}
.dark button.hot{background:var(--color)}
.dark button.swal2-close:hover{color:#f27474}
.dark div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:#ffffff50}
.dark div:where(.swal2-container) div:where(.swal2-popup){background:#303841;color:#8c98a5}
.dark div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{background-color:#666}
.dark div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{background-color:#8c98a5;color:#fff}
.dark div:where(.swal2-container) button:where(.swal2-styled).swal2-deny{background-color:#666}
.dark input{background:#303841;color:#8c98a5!important}
.dark input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #36404a inset;-webkit-text-fill-color:#8c98a5}
.dark input:focus{border:1px solid #8c98a5}
.dark input::placeholder{color:#8c98a5}
.dark .box{background:#36404a}
.dark .icon.edit{background:url('../icon/dark/edit.svg') center no-repeat}
.dark .icon.edit.loading{background:url('../icon/dark/loader.svg') center no-repeat}
.dark .highlight{color:#fff}
.dark .tooltipster-sidetip .tooltipster-box{background:#475461;border:2px solid #475461}
.dark .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#475461}
.dark .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#475461}
.dark .swal2-container .droptab{background:#36404a}
.dark .droptab li label input[type="checkbox"]{border:1px solid #8c98a5}
.dark .droptab li label input[type="checkbox"]:checked{border-color:var(--color)}
.dark .sectionTabs li:first-child{border-left:1px solid #8c98a5}
.dark .sectionTabs li{border-top:1px solid #8c98a5;border-right:1px solid #8c98a5;background:#303841}
.dark .sectionTabs li.active{background:#36404a}
.dark .sectionTabs li:first-child.active{background:#36404a}
.dark .swal2-container input:not([type="checkbox"]),.dark .swal2-container select,.dark .swal2-container .select,.dark .swal2-container textarea,.dark .swal2-container label{background:#36404a!important;color:#8c98a5!important}
.dark .swal2-container div:focus-within label{background:#36404a!important}

/*--------------------------------------------------------
++                       CONTENT                        ++
--------------------------------------------------------*/
#amount{font-size:12pt}
#amountWrap::after{content:"€";position:absolute;right:30px;top:33px;font-size:16pt}
#logo{text-align:center;margin-top:0}
#logo img{width:250px}
#page{background:#111 url(https://app.easycms.fr/img/unmondelegal/bg1.webp) 200px 0 no-repeat;background-size:cover;min-height:100vh}
#payBox{margin:auto;width:400px;min-height:470px}
#payBox ul{margin-left:0}
#payBox .submit button{margin-bottom:0;background:#156D9E;color:#fff}
#paymentType span{padding:5px 12px;border-radius:20px;cursor:pointer;margin:0 5px;border:1px solid #ddd}
#paymentType span.selected{background:#156D9E;color:#fff;border:1px solid #156D9E}

.loading{width:20px;margin:0 5px -4px 0}
.padlock{width:16px;margin-bottom:-1px}
.paymentMeans li{list-style:none;line-height:50px;cursor:pointer}
.paymentMeans li img{width:40px;border:1px solid #ddd;border-radius:50px;padding:8px;margin:0 10px -14px 0}
.paymentMeans li img.selected{width:36px;border:0;border-radius:0;margin:0 10px -12px 0;display:none}