/*--------------------------------------------------------
++                      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:15px 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:90px 25px 50px;margin-left:250px;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') center no-repeat;width:18px;height:16px;background-size:cover!important;display:inline-block}
.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:#333;border:2px solid #333;font-size:10pt}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#333}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#333}
.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}

/*--------------------------------------------------------
++                       HEADER                         ++
--------------------------------------------------------*/

#header{background:#fff;box-shadow:0 0.75rem 1.5rem rgba(18,38,63,.05);position:fixed;top:0;left:250px;right:0;z-index:1002}
.sidebarClose #header{left:70px}
#header .headerNavbar{height:70px;margin:0 auto;padding:0 12px 0 12px}
#header .icon.burger{background:url('../icon/light/headerBurger.svg') center no-repeat;width:28px;height:28px;background-size:cover;display:inline-block;cursor:pointer}
#header .formControl{border:none;border-radius:30px;box-shadow:none;height:38px;font-size:.8125rem;font-weight:400;padding-left:40px;padding-right:20px;margin-left:20px}
#header .icon.search{position:absolute;top:54%;transform:translateY(-50%);left:28px}
#header .icon.search:before{content:"";background:url('../icon/light/headerSearch.svg') center no-repeat;width:27px;height:27px;background-size:cover!important;display:inline-block}
#header .topNavabar{display:inherit}
#header li{list-style:none;display:flex;align-items:center;justify-content:space-between;margin-left:25px;position:relative}
#header .icon.fullscreen{background:url('../icon/light/fullscreenWindow.svg') center no-repeat;width:22px;height:22px;background-size:cover!important;display:inline-block;cursor:pointer}
#header .icon.fullscreen.open{background:url('../icon/light/fullscreenWindowOpen.svg') center no-repeat;width:21px;height:21px;background-size:cover!important;display:inline-block;cursor:pointer}
#header .icon.settings{background:url('../icon/light/headerSettings.svg') center no-repeat;width:25px;height:25px;background-size:cover!important;display:inline-block;margin-bottom:-7px;cursor:pointer}
@keyframes rotating{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
#header .icon.bell{background:url('../icon/light/bellTopHeader.svg') center no-repeat;width:22px;height:22px;background-size:cover!important;display:inline-block;margin-bottom:-7px;animation:bell 2.5s linear infinite}
#header .notification .bulle{float:inherit;position:absolute;left:8px;top:-15px;font-size:10px}
#header .icon.flag{width:24px;height:15px;background-size:cover!important;display:inline-block;margin-bottom:-3px}
#header .icon.flag.en{background:url('../icon/flagEN.svg') center no-repeat}
#header .icon.flag.fr{background:url('../icon/flagFR.svg') center no-repeat}

#header .navUser{text-decoration:none}
#header .navUser img{height:32px;width:32px;border-radius:50%}
#header .userName{font-size:10pt;font-weight:500;margin-left:8px;color:#555}
#header .icon.arrowDown{background:url('../icon/light/arrowDown.svg') center no-repeat;background-position-y:2px!important;margin-left:8px;width:11px;height:11px;background-size:cover!important;display:inline-block}
#header .dropdownHeader{display:none;position:absolute;top:50px;left:-25px;border-radius:5px;padding:0.3rem;background:#fff;box-shadow:0 0 35px 0 rgba(154,161,171,.15);animation-name:DropDown;animation-duration:.3s;animation-fill-mode:both}
@keyframes DropDown{from{transform:translateY(-10%)}to{transform:translateY(0%)}}
#header .dropdownHeader .flexSB{justify-content:inherit}
#header .dropdownHeader a{padding:7px 22px 7px 18px;font-size:.875rem;font-weight:400;line-height:25px;white-space:nowrap;color:#555}
#header .dropdownHeader a:hover{color:var(--color);text-decoration:none}
#header .dropdownHeader a.logOut{border-top:1px solid #f7f7f7;margin-top:5px;padding-top:12px}
#header .dropdownHeader span{margin-left:10px}
#header .dropdownHeader .icon.user{background:url('../icon/light/userTopHeader.svg?1') center no-repeat;width:16px;height:16px;background-size:cover!important;display:inline-block}
#header .dropdownHeader .icon.wallet{background:url('../icon/light/walletTopHeader.svg?1') center no-repeat;width:16px;height:16px;background-size:cover!important;display:inline-block}
#header .dropdownHeader .settings{width:18px;height:18px;margin-bottom:0;transform:translateX(-1px)}
#header .dropdownHeader .icon.logOut{background:url('../icon/light/logoutTopHeader.svg?1') center no-repeat;width:16px;height:16px;background-size:cover!important;display:inline-block;transform:translateX(1px)}
#header .dropdownHeader .icon.fr{background:url('../icon/flagFR.svg') center no-repeat;width:23px;height:14px;background-size:cover!important;display:inline-block}
#header .dropdownHeader .icon.en{background:url('../icon/flagEN.svg') center no-repeat;width:23px;height:14px;background-size:cover!important;display:inline-block}
#header .dropdownHeader .icon.viet{background:url('../icon/flagVN.svg') center no-repeat;width:23px;height:14px;background-size:cover!important;display:inline-block}

.dark #header{background:#3c4752}
.dark #header .dropdownHeader{background:#3c4752}
.dark #header .dropdownHeader a{color:#8c98a5}
.dark #header .dropdownHeader a.logOut{border-top:1px solid #303841}
.dark #header .dropdownHeader span{color:#8c98a5}
.dark #header .dropdownHeader .icon.logOut{background:url('../icon/dark/logoutTopHeader.svg') center no-repeat}
.dark #header .dropdownHeader .icon.user{background:url('../icon/dark/userTopHeader.svg?1') center no-repeat}
.dark #header .dropdownHeader .icon.wallet{background:url('../icon/dark/walletTopHeader.svg') center no-repeat}
.dark #header .icon.arrowDown{background:url('../icon/dark/arrowDown.svg') center no-repeat}
.dark #header .icon.bell{background:url('../icon/dark/bellTopHeader.svg') center no-repeat}
.dark #header .icon.burger{background:url('../icon/dark/headerBurger.svg') center no-repeat}
.dark #header .icon.fullscreen{background:url('../icon/dark/fullscreenWindow.svg') center no-repeat}
.dark #header .icon.fullscreen.open{background:url('../icon/dark/fullscreenWindowOpen.svg') center no-repeat}
.dark #header .icon.search:before{background:url('../icon/dark/headerSearch.svg') center no-repeat}
.dark #header .icon.settings{background:url('../icon/dark/headerSettings.svg') center no-repeat}
.dark #header .userName{color:#8c98a5}

/*--------------------------------------------------------
++                       SIDEBAR                        ++
--------------------------------------------------------*/
#sidebar{background:#fff;padding-top:70px;position:fixed;top:0;bottom:0;width:250px;z-index:1001}
#sidebar .sidebarLogo{position:fixed;top:0;z-index:1010;padding:0 1.5rem;width:250px}
#sidebar .sidebarLogo img{width:55px;max-width:100%;display:block;margin:8px auto 8px}
#sidebarMenu{height:87vh}
#sidebarMenu li{position:relative;width:100%;display:block;padding:0 20px 0 50px;line-height:50px}
#sidebarMenu li.tab.active{background:#f5f5f5;box-shadow:inset 3px 5px 10px 0 rgba(154,161,171,.2)}
#sidebarMenu li.subtab.active{background:#e5e5e5}
#sidebarMenu ul li a{color:#555;display:block;font-size:13px;position:relative;transition:all .4s;text-decoration:none;letter-spacing:.05em;font-weight:400}
#sidebarMenu ul li a.active{border-left:4px solid var(--color);padding-left:10px}
#sidebarMenu ul li a:hover,#sidebarMenu ul li a:active{color:var(--color)}
#sidebarMenu ul li ul{margin:0 -20px 0 -50px;font-size:13px;display:none}
#sidebarMenu ul li ul li{line-height:40px;padding:0 20px 0 50px}
#sidebarMenu .icon{position:relative}
#sidebarMenu .icon:before{content:"";position:absolute;left:-30px;top:-1px;width:20px;height:20px;background-size:contain!important;display:inline-block}
#sidebarMenu .icon.accueil:before{background:url('../icon/light/ongletHome.svg') center no-repeat}
#sidebarMenu .icon.crm:before{top:0;background:url('../icon/light/ongletCRM.svg') center no-repeat}
#sidebarMenu .icon.projets:before{background:url('../icon/light/ongletProjets.svg') center no-repeat}
#sidebarMenu .icon.taches:before{left:-29px;top:0;background:url('../icon/light/ongletTasks.svg') center no-repeat;width:18px;height:18px}
#sidebarMenu .icon.commerce:before{left:-31px;background:url('../icon/light/ongletEcommerce.svg') center no-repeat;width:18px;height:18px}
#sidebarMenu .icon.donation:before{background:url('../icon/light/sidebarDonation.svg') center no-repeat}
#sidebarMenu .icon.siteWeb:before{left:-29px;top:1px;background:url('../icon/light/ongletWebsite.svg') center no-repeat;width:17px;height:17px}
#sidebarMenu .icon.manager:before{background:url('../icon/light/ongletFileManager.svg') center no-repeat}
#sidebarMenu .icon.network:before{background:url('../icon/light/ongletNetwork.svg') center no-repeat;top:-2px}
#sidebarMenu .icon.newsletter:before{background:url('../icon/light/ongletNewsletter.svg') center no-repeat;width:19px;height:19px}
#sidebarMenu .icon.comptabilite:before{left:-29px;top:0;background:url('../icon/light/ongletCompta.svg') center no-repeat;width:18px;height:18px}
#sidebarMenu .icon.affiliation:before{left:-28px;top:0;background:url('../icon/light/ongletAffiliation.svg') center no-repeat;width:17px;height:17px}
#sidebarMenu .icon.partenaires:before{left:-31px;background:url('../icon/light/ongletPartenaire.svg') center no-repeat;width:22px;height:22px}
#sidebarMenu .icon.hebergement:before{left:-29px;top:0;background:url('../icon/light/ongletHebergement.svg') center no-repeat;width:19px;height:19px}
#sidebarMenu .icon.tickets:before{top:-2px;background:url('../icon/light/ongletTickets.svg') center no-repeat;width:21px;height:21px}
#sidebarMenu .icon.training:before{background:url('../icon/light/sidebarTraining.svg') center no-repeat}
#sidebarMenu .menuArrow{float:right}subtab
#sidebarMenu .menuArrow:not(.perm){display:none}
#sidebarMenu .menuArrow:before{content:"";position:absolute;right:0;top:19px;background:url('../icon/light/ongletArrow.svg') center no-repeat;width:12px;height:12px;background-size:contain!important;display:inline-block}
#sidebarMenu .menuArrow.down:before{transform:rotate(90deg)}
#sidebarMenu .menuArrow.down.menuArrowRotate:before{transform:rotate(-90deg)}
#sidebarMenu li.tab.active .menuArrow{display:block}
#sidebarMenu li.tab.active li.subtab .menuArrow{display:none}
#sidebarMenu li.tab.active li.subtab.active .menuArrow{display:block}
#sidebarMenu ul ul .menuArrow:before{top:14px}

.sidebarClose #sidebar{width:70px;z-index:1100;position:absolute}
.sidebarClose #sidebar .sidebarLogo{padding:0 0;width:70px}
.sidebarClose #sidebarListMenu span{display:none;position:absolute;left:70px;top:0;width:250px;background:#f5f5f5;padding-left:20px;box-shadow:inset -5px 10px 10px 0px #eee}
.sidebarClose #sidebarMenu{height:auto;background-color:#fff;transition:none!important}
.sidebarClose #sidebarMenu li{padding:inherit}
.sidebarClose #sidebarMenu li.tab.active{box-shadow:inset -3px 0 10px 0 rgba(154,161,171,.2)}
.sidebarClose #sidebarMenu li.tab.active.open{box-shadow:none}
.sidebarClose #sidebarMenu li.tab.active .menuArrow{display:none}
.sidebarClose #sidebarMenu ul ul{position:absolute;left:120px;top:50px;width:250px;background:#fff;border-left:1px solid #eee}
.sidebarClose #sidebarMenu ul li a{padding:12px 20px 18px;min-height:50px;transition:none}
.sidebarClose #sidebarMenu ul li ul a{min-height:inherit;padding:5px 20px}
.sidebarClose #sidebarMenu ul li ul a:hover{color:var(--color)}
.sidebarClose #sidebarMenu ul ul .menuArrow:before{right:90px;top:19px}
.sidebarClose #sidebarMenu .bulle{background:var(--color);width:unset;box-shadow:none;padding:3px 5px;left:284px}
.sidebarClose #sidebarMenu .icon{top:4px}
.sidebarClose #sidebarMenu .icon:before{left:5px}
.sidebarClose #sidebarMenu .icon.affiliation:before{left:6px}
.sidebarClose #sidebarMenu .icon.partenaires:before{left:4px}
.sidebarClose #sidebarMenu .icon.siteWeb:before{left:6px}
.sidebarClose #sidebarMenu .icon.taches:before{left:6px}
.sidebarClose #sidebarMenu .menuArrow:before{right:20px}
.sidebarClose #sidebarMenu .simplebar-content-wrapper,.sidebarClose #sidebarMenu .simplebar-mask{overflow:visible!important}
.simplebar-scrollbar:before{background:#ccc!important;width:4px!important;height:300px;border-radius:20px}

.dark #sidebar{background:#36404a}
.dark.sidebarClose #sidebarMenu{background-color:#36404a}
.dark #sidebarMenu li.tab.active{background:#303841;box-shadow:none}
.dark #sidebarMenu li.subtab.active{background:#36404a}
.dark.sidebarClose #sidebarMenu ul li:hover .subtab{background-color:#36404a;box-shadow:inherit}
.dark #sidebarMenu ul li a{color:#8c98a5}
.dark #sidebarMenu ul li a:hover,#sidebarMenu ul li a:active{color:var(--color)}
.dark.sidebarClose #sidebarMenu ul ul{background:#303841;border-left:1px solid #36404a}
.dark.sidebarClose #sidebarListMenu span{background:#36404a;box-shadow:inherit}
.dark .simplebar-scrollbar:before{background:#f5f5f5!important}
.dark #sidebarMenu .icon.accueil:before{background:url('../icon/dark/ongletHome.svg') center no-repeat}
.dark #sidebarMenu .icon.affiliation:before{background:url('../icon/dark/ongletAffiliation.svg') center no-repeat}
.dark #sidebarMenu .icon.commerce:before{background:url('../icon/dark/ongletEcommerce.svg') center no-repeat}
.dark #sidebarMenu .icon.comptabilite:before{background:url('../icon/dark/ongletCompta.svg') center no-repeat}
.dark #sidebarMenu .icon.crm:before{background:url('../icon/dark/ongletCRM.svg') center no-repeat}
.dark #sidebarMenu .icon.donation:before{background:url('../icon/dark/sidebarDonation.svg') center no-repeat}
.dark #sidebarMenu .icon.hebergement:before{background:url('../icon/dark/ongletHebergement.svg') center no-repeat}
.dark #sidebarMenu .icon.manager:before{background:url('../icon/dark/ongletFileManager.svg') center no-repeat}
.dark #sidebarMenu .icon.network:before{background:url('../icon/dark/ongletNetwork.svg') center no-repeat}
.dark #sidebarMenu .icon.newsletter:before{background:url('../icon/dark/ongletNewsletter.svg') center no-repeat}
.dark #sidebarMenu .icon.partenaires:before{left:-31px;background:url('../icon/dark/ongletPartenaire.svg') center no-repeat}
.dark #sidebarMenu .icon.projets:before{background:url('../icon/dark/ongletProjets.svg') center no-repeat}
.dark #sidebarMenu .icon.siteWeb:before{background:url('../icon/dark/ongletWebsite.svg') center no-repeat}
.dark #sidebarMenu .icon.taches:before{left:-29px;background:url('../icon/dark/ongletTasks.svg') center no-repeat}
.dark #sidebarMenu .icon.tickets:before{background:url('../icon/dark/ongletTickets.svg') center no-repeat}
.dark #sidebarMenu .icon.training:before{background:url('../icon/dark/sidebarTraining.svg') center no-repeat}
.dark #sidebarMenu .menuArrow:before{content:"";position:absolute;top:19px;background:url('../icon/dark/ongletArrow.svg') center no-repeat;width:12px;height:12px;background-size:contain!important;display:inline-block}
.dark #sidebarMenu ul ul .menuArrow:before{top:14px}

/*--------------------------------------------------------
++                BANNER FOR PAGE/BLOG                  ++
--------------------------------------------------------*/
.form2col div#bannerPhoto{width:100%;height:160px}
.form2col div#bannerPhoto img{width:100%;height:160px;object-fit:cover;padding:18px 5px 5px}
.form2col div.bannerFrame{width:100%;height:160px;border-radius:3px;background:#f5f5f5 url('../icon/light/camera.svg') center no-repeat;background-size:32px}
.form2col div.bannerFrame.loading{background:#f5f5f5 url(/icon/loader1.svg) center no-repeat;background-size:64px}
.form2col div.bannerEdit{width:auto;position:absolute;right:20px;bottom:10px;z-index:10;cursor:pointer;border-radius:50%;background-color:white;box-shadow:0 0 20px #ccc}
.form2col div.bannerEdit:hover{box-shadow:0 0 10px #ccc}
.bannerEdit img{width:30px;height:24px;padding:5px 0 6px;transform:translate(2px,4px)}
.bannerEdit img.trash{width:30px;height:24px;padding:5px 0px 1px;transform:translate(0,2px)}

/*--------------------------------------------------------
++          	            CDN                        ++
--------------------------------------------------------*/
#cdn .cdn_.d-flex{justify-content:space-between;margin:30px 0}
#cdnFiles{width:15%}
#cdnFiles ul{list-style:none}
#cdnFiles ul li{margin:2px 0}
#cdnFiles ul li span{cursor:pointer;position:relative}
#cdnFiles ul li span span{font-size:8pt}
#cdnFiles .files{padding-left:20px;margin-left:0!important;list-style:none}
#cdnFiles .files .icon{width:16px;vertical-align:middle;margin-right:8px}
#cdnFiles .files ul{padding-left:20px;margin:5px 0;display:none}
#cdnFiles .arrow{width:12px;display:inline-block;vertical-align:middle;position:absolute;left:-20px;top:5px}
#cdnFiles .fichier{display:none}
#content .library ul{margin-left:0}
#visualisation{background-color:#f5f5f5;border-radius:3px;padding:20px;width:83%;min-height:300px}
.dark #visualisation{background-color:#303841}
#visualisation ul.img{column-count:4;column-gap:20px;padding:0;margin:0;list-style:none}
#visualisation .loader{margin-top:70px}
#visualisation .none{margin-top:110px}

.CodeMirror{border-radius:3px;display:none}
.library .img li{break-inside:avoid;margin-bottom:20px}
.library .img li.none{width:430%}
.library .img li div{width:190px}
.library .img li img.link{width:20px;position:absolute;top:10px;left:10px;z-index:10;cursor:pointer;background:#fff;border-radius:50%;padding:3px;display:none}
.library .img li:hover img.link{display:block}
.library .img li img.thumb{display:block;width:100%;height:auto;border-radius:3px;background:#fff;border:1px solid #ddd}
.library .img li img.trash{width:20px;position:absolute;top:10px;right:10px;z-index:10;cursor:pointer;background:#fff;border-radius:50%;padding:3px;display:none}
.library .img li:hover img.trash{display:block}
.library .img li p.fileName{font-size:7pt;margin:0 5px;word-break:break-all}
.swal2-html-container .rename{width:75%}
.swal2-html-container .thumb{width:190px;border-radius:3px}

/*--------------------------------------------------------
++                      CKEDITOR                       ++
--------------------------------------------------------*/
.cke_fix{width:100%!important;left:0!important;top:0!important;position:absolute!important;display:block!important}
.cke_fix.hidden{display:none!important}
.cke_textarea_inline{background:#f5f5f5;padding:110px 20px 50px;text-align:left;margin-top:15px;font-size:11pt;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.cke_chrome{box-shadow:none!important}
.cke_float .cke_top{border:0!important;box-shadow:none!important;border-top-right-radius:3px;border-top-left-radius:3px}



/*--------------------------------------------------------
++                       DOMAINS                       ++
--------------------------------------------------------*/
#domainTable{width:2500px}

/*--------------------------------------------------------
++                      DONATIONS                       ++
--------------------------------------------------------*/
#donation .amount-options label{transform:translateY(2px);display:inline-block;padding-left:2px;margin-right:15px}
#donation input[name="modeRadio"]{margin-right:5px}
#donationForm .form{position:relative}
#donationForm .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}
#donationForm .champRequis{margin:0 0 35px}
#donationForm .form input:focus,#donationForm .form .select:focus,#donationForm .form select:focus,#donationForm .form textarea:focus{background:#fff;border:1px solid #777}
#donationForm .form:focus-within label{background:#fff!important}
#donationForm .form:focus-within select{background:#fff;border:1px solid #777}

#donationForm .amount-options{margin:15px 0 40px}
.amount-options{display:flex;flex-wrap:wrap;gap:10px}
.amount-radio-block{display:flex;align-items:center;justify-content:center;flex:1;box-sizing:border-box;cursor:pointer;position:relative;min-width:0}
.amount-box{display:flex;align-items:center;justify-content:center;height:60px;background-color:var(--tab);color:#000;text-align:center;line-height:60px;font-size:16px;font-weight:normal;box-sizing:border-box;width:100%;transition:background-color 0.3s,color 0.3s}
.amount-radio-block input[type="radio"]{position:absolute;opacity:0;cursor:pointer}
.amount-radio-block input[type="radio"]:checked + .amount-box{background-color:var(--color);color:var(--label)}
.amount-radio-block:hover .amount-box{background-color:var(--colorFocus)}

/*--------------------------------------------------------
++                        INDEX                         ++
--------------------------------------------------------*/
#index .box{margin:25px;width:28%}
#index .box.chrysallis{width:95.5%}

/*--------------------------------------------------------
++                        LOGIN                         ++
--------------------------------------------------------*/
#login #content{padding:inherit;margin-left:inherit}
#login #header{position:absolute;left:unset;right:120px;width:33px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#ddd}
#login #header li{margin-left:5px}
#login #header .dropdownHeader{left:-23px}
#loginBox{width:400px!important;min-height:470px;margin:0!important;align-items:normal}
#loginBox.logout{min-height:403px}
#loginBox input{padding:0 35px 0 65px}
#loginBox input#loginPass{padding-right:65px}
#loginConnect{padding-left:52px;position:relative;cursor:pointer;display:flex}
#loginConnecteYes.loginIconConnecte:before{content:"";background:url('../icon/light/loginOff.svg') center no-repeat;position:absolute;width:30px;height:30px;top:-3px;left:11px;cursor:pointer}
#loginConnecteNo.loginIconConnecte:before{content:"";background:url('../icon/light/loginOn.svg') center no-repeat;position:absolute;width:30px;height:30px;top:-3px;left:11px;cursor:pointer}
#loginConnecteNo{display:none}
.loginEye{position:absolute;top:30px;right:10px;width:20px;height:20px;cursor:pointer}
#loginForget,#loginBack_{display:inline-block;position:relative;padding-left:52px;cursor:pointer}
#loginForget:before,#loginBack_:before{content:"";display:inline-block;background:url('../icon/light/loginHelp.svg') center no-repeat;position:absolute;left:15px;top:0;width:24px;height:24px;background-size:cover}
#loginBack_:before{background:url('../icon/light/loginBack.svg') center no-repeat}
#loginForm{width:100%}
#loginFormForget{width:100%;display:none}
#loginFormForget button.big{margin-top:15px}
#loginMailError,#loginMailOk,#loginPassError,#loginPassOk{display:none;position:absolute;top:32px;right:12px;width:16px;height:16px}
#loginMailUser,#loginPadlock{position:absolute;top:27px;left:16px;display:block;width:20px;height:24px}
#loginOpening{position:absolute;top:300px;left:9%;font-size:24pt;color:#111}
#loginOpening.chrysallis{display:none}
#loginOpening.merchantbox{display:none}
#loginOpening.mir{display:none}
#loginOpening span{font-size:72pt;font-weight:600}
#loginOpening span.mirror{font-size:unset;font-weight:unset;display:inline-block;transform:scaleX(-1)}
#loginOverlay{background:rgba(0,0,0,.1);width:100%;height:100vh}
#loginWrap{position:relative;background-position:center;background-repeat:no-repeat}
#loginWrap .h1{text-align:center;font-size:20pt;margin-bottom:20px;font-weight:600;margin-top:0;color:#333}
#loginWrap .loginBack{position:relative}
#loginWrap .loginBack:before{content:"";display:inline-block;position:absolute;top:15px;left:0;background:#777;height:52px;width:52px;border-radius:6px 0 0 6px}
#loginWrap .loginLogo{position:absolute;top:0;left:50px;z-index:10}
#loginWrap .loginLogo img{width:150px;display:block}
#loginWrap .loginLogo.chrysallis{left:auto;right:11%}
#loginWrap .loginLogo.chrysallis img{width:180px;box-shadow:5px 5px 50px #888}
#loginWrap .loginLogo.merchantbox{left:5%}
#loginWrap .loginLogo.merchantbox img{width:350px}
#loginWrap .loginLogo.mir img{width:350px;height:150px;background:#fff;padding:0 25px}
#loginWrap .logout .h1{margin-top:25px}
#logout #content{padding:inherit;margin-left:inherit}
#logout .loginLogout{padding-top:100px}
#logout .loginLogout:before{content:"";background:url('../icon/light/loginLogout.svg') center no-repeat;position:absolute;width:80px;height:80px;margin-left:-40px;background-size:cover;left:50%;top:0}

.dark #loginOverlay{background:rgba(0,0,0,.6)}
.dark #loginBox{background:#303841}
.dark #loginConnecteYes.loginIconConnecte:before{background:url('../icon/dark/loginOff.svg') center no-repeat}
.dark #loginConnecteNo.loginIconConnecte:before{background:url('../icon/dark/loginOn.svg') center no-repeat}
.dark #loginForget:before,.dark #loginBack_:before{background:url('../icon/dark/loginHelp.svg')}
.dark #loginWrap .h1{color:#8c98a5}
.dark #loginWrap .loginBack:before{background:#8c98a5}
.dark #logout .loginLogout:before{background:url('../icon/dark/loginLogout.svg') center no-repeat}
.verified .loginEye{right:40px}

/*--------------------------------------------------------
++                      MANDATES                       ++
--------------------------------------------------------*/
#description_prejudice{margin-bottom:8px}
#mandate button{margin:20px 0 10px}
#mandate textarea:focus{background:#f5f5f5}
#mandate .sectionTab .box{margin-top:15px;margin-bottom:15px}
#sectionTabPerson textarea{min-height:133px}

/*--------------------------------------------------------
++                   PREVIEW GOOGLE                     ++
--------------------------------------------------------*/
.googleFrame{width:100%!important;padding:15px;text-align:left}
.googleFrame .d-flex{width:100%;align-items:center;gap:12px}
.googleFrame .d-flex img{width:28px;height:28px;border-radius:50%}
.googleFrame .letterLogo{background-color:var(--color);color:#fff;border-radius:50%;width:28px;height:28px;padding:0 7px;text-align:center}
.googleFrame .domainName{width:100%!important;margin:0 0 -3px 0!important;height:40px;overflow:hidden}
.googleFrame .domainName strong{color:#202124;font-size:14px;display:block;line-height:14px;white-space:nowrap}
.googleFrame .domainName span{position:relative;font-size:12px;line-height:22px;color:#4d5156;display:inline-block}
.googleFrame .domainName span.googleTitlePreview:after{content:'';background:url(../icon/icon-apercu-google.svg) center no-repeat;position:absolute;right:-25px;width:18px;height:18px;transform:translateY(2.1px)}
.googleFrame .domainName span.hidden{display:none}
.googleFrame .metaTitle{font-size:17px;font-weight:400;color:#1a0dab}
.googleFrame .metaDesc{font-size:12px;color:#4d5156;margin:4px 0 0}

/*--------------------------------------------------------
++                  	PRODUCTS           		        ++
--------------------------------------------------------*/
#productsEdit .fiftyL{width:45%;position:relative}
#productsEdit .fiftyR{margin-top:19px;width:55%}
#productsEdit input,#productsEdit textarea{font-size:10pt}
#productsEdit textarea{height:52px}
#productPhoto{background:#f5f5f5 url(/icon/light/camera.svg) center no-repeat;background-size:46px;height:710px;margin-top:34px;border-radius:3px;padding:20px}
#productPhoto.loading{background:#f5f5f5 url(/icon/loader1.svg) center no-repeat;background-size:100px}
#productPhoto img{width:100%;height:100%;object-fit:cover}
#productsEdit .design{background:#02A468;clip-path:polygon(100% 0%,96% 50%,100% 100%,0 100%,0 0)}
#productsEdit .fiftyL .productPhotoEdit{position:absolute;bottom:50px;right:50px;background-color:white;border-radius:50%;box-shadow:0 0 20px #ccc}
#productsEdit .fiftyL .productPhotoEdit:hover{box-shadow:0 0 10px #ccc}
#productsEdit .fiftyL .productPhotoEdit img{width:40px;height:40px;object-fit:contain;cursor:pointer;display:block;padding:11px}
#productsEdit .fiftyL .productPhotoEdit img.hidden{display:none}
#productsEdit .fiftyL .productPhotoEdit img.trash{padding:8px}
.dark #productPhoto{background:#36404a url(/icon/dark/camera.svg) center center;background-size:46px;background-repeat:no-repeat}
.productBg{background:#f5f5f5 url(/icon/light/camera.svg) center no-repeat;background-size:45%;width:40px;min-height:40px;border-radius:3px}
.pdfEdit{position:absolute;top:31px;right:15px;width:18px;cursor:pointer}
.pdfLoad{position:absolute;top:30px;right:16px;width:20px;cursor:pointer}
.pdfTrash{position:absolute;top:29px;right:16px;width:20px;cursor:pointer}

/*--------------------------------------------------------
++                  PROSPECTS / MANDATS                 ++
--------------------------------------------------------*/
#leads div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{width:inherit}
.actionIcon{display:inline-block;vertical-align:sub;margin:0 4px;cursor:pointer}
#leads .icon.plane{background:url('../icon/light/plane.svg') center no-repeat;width:18px;height:16px;background-size:cover!important;display:block}
.icon.trash{background:url('../icon/light/trash.svg') center no-repeat;width:20px;height:20px;background-size:cover!important;display:inline-block;margin-bottom:-2px}
.icon.doc{background:url('../icon/light/doc.svg') center no-repeat;width:18px;height:18px;background-size:cover!important;display:inline-block;margin-bottom:-2px}

.dark input[type="checkbox"]{border:1px solid #8c98a5}
.dark .icon.plane{background:url('../icon/dark/plane.svg') center no-repeat}
.dark .icon.trash{background:url('../icon/dark/trash.svg') center no-repeat}
.dark .icon.doc{background:url('../icon/dark/doc.svg') center no-repeat}

/* Popup Modifier Prospects */
.prospectForm{margin:auto}
.prospectForm h2{font-size:14pt;margin:50px 0 35px;text-transform:uppercase;letter-spacing:4px;text-align:center}
.prospectForm span{position:relative}
.prospectForm label{position:absolute;left:0;top:-21px;letter-spacing:2px;background:#f5f5f5;line-height:10px;padding:5px;font-size:8pt;color:#7b7b7b;border-top-right-radius:6px;border-top-left-radius:6px}
.prospectForm label.colorSelect{top:-42px}
.prospectForm input{font-size:10pt;height:52px;letter-spacing:1px;padding-left:10px;background:#f5f5f5;border:none}
.prospectForm input:focus{background:#fff;border:1px solid #7b7b7b}
.prospectForm input.colorSelect{height:62px}
.prospectForm input.full{width:100%}
.prospectForm input.halfL{width:48%;margin-right:4%}
.prospectForm input.halfR{width:48%}
.prospectForm span:focus-within label{background:#fff}
.prospectForm p.submit{text-align:center}
.prospectForm button{line-height:50px;background:var(--color);border:inherit;color:#fff;border-radius:3px;font-size:11pt;cursor:pointer;margin:25px 0;text-transform:uppercase;letter-spacing:1px;padding:0 25px}

/*--------------------------------------------------------
++                      SERVERS                         ++
--------------------------------------------------------*/
.serverTable{width:2000px}

/*--------------------------------------------------------
++                 SERVERS PROVIDERS                    ++
--------------------------------------------------------*/
#sproviderTable{width:1400px}

/*--------------------------------------------------------
++                      SETTINGS                        ++
--------------------------------------------------------*/
.settingsFlag{width:24px;margin:0 5px -2px 0}
.settingsFlagSelected{position:absolute;width:30px;top:30px;left:13px;border-radius:3px}
.settingsLangSelector{padding-left:50px;margin-bottom:0}
.settingsTransModule{background:#f5f5f5;padding:25px;border-radius:3px}
.settingsTransNew span{color:var(--color);font-size:10pt}
.settingsTransSave{margin:-20px 0}
.settingsTransSearch{top:-30px;right:0}
.settingsTransUnit{position:relative;background:#fff;border-radius:3px;margin-bottom:15px;padding:25px}
.settingsTransUnit li{list-style:none;position:relative}
.settingsTransUnit li label{position:absolute;left:15px;top:7px;background:var(--label);padding:0 5px;font-size:9pt;border-radius:3px}
.settingsTransUnit li:focus-within label{background:#fff}
.settingsTransUnit textarea{padding:18px 15px;height:60px}
.settingsTransUnit p{display:none}
.settingsTransUnit ul{margin-left:0;display:none}
.settingsTransUnit .open{position:absolute;right:10px;top:10px;cursor:pointer;padding:15px}
.settingsTransWrap{margin-top:-10px}

.dark .settingsTransModule{background:#303841}
.dark .settingsTransUnit{background:#36404a}
.dark #settingsPagesTranslations select{background:#303841;color:#8c98a5}
.dark .settingsTransUnit textarea{background:#303841}
.dark .settingsTransUnit li label{background:#303841}
.dark .settingsTransUnit textarea:focus{background:#36404a!important;border:1px solid #303841}
.dark .settingsTransUnit li:focus-within label{background:#36404a}

/*--------------------------------------------------------
++                      STORES                         ++
--------------------------------------------------------*/
.form4table .storePhoto label{top:-18px}
.pac-container{z-index:10000}
.savana .storeGPS{display:block!important}
.storeGPS{display:none}
.storePhoto{width:228px;display:inline-block;position:relative;margin:65px 20px 25px 0;vertical-align:top}
.storePhotoDisplay img{width:100%;height:160px;object-fit: cover;padding:5px;border-radius:6px;background:#f5f5f5}
.storePhotoEdit{width:auto;position:absolute;right:15px;bottom:14px;z-index:10;cursor:pointer;border-radius:50%;background-color:white;box-shadow:0 0 20px #ccc}
.storePhotoEdit:hover{box-shadow:0 0 10px #ccc}
.storePhotoEdit img{width:32px;height:24px;padding:5px 0 6px;transform:translate(2px,4px)}
.storePhotoEdit img.trash{width:32px;height:24px;padding:6px 0px 1px;transform:translate(0,1px)}
.storePhotoFrame{width:100%;height:160px;border-radius:3px;background:#f5f5f5 url('../icon/light/camera.svg') center no-repeat;background-size:32px}
.storePhotoFrame.loading{background:#f5f5f5 url(/icon/loader1.svg) center no-repeat;background-size:64px}
.storePix{background:#f5f5f5 url(../icon/light/camera.svg) center no-repeat;background-size:26%;width:60px;height:40px;border-radius:3px}
tbody tr:hover .storePix{background:#fff url(../icon/light/camera.svg) center no-repeat;background-size:26%}
.storePix img{height:40px;width:100%;object-fit:cover;border-radius:3px;background:#f5f5f5}