@font-face{font-family:'Neuzeit Light';src:url(https://use.typekit.net/af/8f7727/0000000000000000000178a5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/8f7727/0000000000000000000178a5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/8f7727/0000000000000000000178a5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-style:normal;font-weight:300}@font-face{font-family:'Neuzeit Black';src:url(https://use.typekit.net/af/7d4af5/0000000000000000000178a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/7d4af5/0000000000000000000178a8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/7d4af5/0000000000000000000178a8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype");font-style:normal;font-weight:900}@font-face{font-family:'Oraqle Script';font-weight:900;src:url(../fonts/Oraqle-Script.ttf)}

body{background:#ffffff;font-family:"Neuzeit Light",sans-serif;position:relative}
:before,:after{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:liga}
.fullwidth,.full-width{width:100%}
.fullheight,.full-height{height:100%}
.full-min-height{min-height:100%}
.fullpage{min-height:100vh;height:100%}
.flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.align-center{align-items:center}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.jc-space-between{justify-content:space-between}
.jc-space-around{justify-content:space-around}
.jc-center{justify-content:center}
.max-small{max-width:380px;width:100%}
.max-small p{margin-bottom:20px;font-size:20px}
.centermax{margin:0 auto}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.top{top:0}
.left{left:0}
.right{right:0}
.bottom{bottom:0}
.scroll-bar{overflow-y:auto}
.bg-gray{background:#ffffff}
.bg-gray2{background:#f7f4fb}
.bg-white{background:#f7f4fb}
.bg-dark{background:#f7f4fb}
.small-form-popup{max-width:450px;width:100%}
.login-page .logo{    margin: 0 auto;
    max-width: 80px;}
.p10{padding:10px}
.p12{padding:12px}
.p20{padding:20px}
.p25{padding:25px}
.p50{padding:50px}
.no-p-t-b{padding-top:0;padding-bottom:0}
.no-p-l-r{padding-left:0;padding-right:0}
.m5{margin-bottom:5px!important}
.m10{margin-bottom:10px!important}
.m15{margin-bottom:15px!important}
.m20{margin-bottom:20px!important}
.m25{margin-bottom:25px!important}
.m30{margin-bottom:30px!important}
.m50{margin-bottom:50px!important}
.m100{margin-bottom:10px!important}
.m-t5{margin-top:5px!important}
.m-t10{margin-top:10px!important}
.m-t20{margin-top:20px!important}
.text-align-left{text-align:left}
.text-align-center{text-align:center}
.text-align-right{text-align:right}
.content>*{width:100%}
.leftsidebar{width:280px;z-index:999;padding-bottom: 100px;}
.leftsidebar .logo img{width: 80px;margin-top: 10px;}
.rightfromsidebar{width:100%;padding-left:300px}
.title-border{border-bottom:1px solid #eaeaea}
.c50{width:50%}
.c50:nth-child(odd){padding-left:0;padding-right:10px}
.c50:nth-child(even){padding-left:10px;padding-right:0}
.c33{width:33.3333%}
.c33:nth-child(3n-2){padding-left:0;padding-right:10px}
.c33:nth-child(3n-1){padding-left:5px;padding-right:5px}
.c33:nth-child(3n-3){padding-left:10px;padding-right:0}
.head-clap{padding:0 12px 5px;border: 0!important;background: #fff!important;}
.head-clap h5{font-size:15px;font-weight:400;margin-bottom:0}
.border-all{border:1px solid #f7f4fb}
.border-top{border-top:1px solid #f7f4fb}
.border-bottom{border-bottom:1px solid #f7f4fb}
.account-info-small{background:#fff;border-radius:3px;margin:0 20px;padding:18px 20px;width: calc(100% - 40px)}
.account-info-small strong{display:block;line-height:1;}
.log-ou-btn:before{content: 'exit_to_app';font-family: 'Material Icons';margin: 0 5px 0 0;top: 3px; position: relative;}
.log-ou-btn{color: #000;}
.log-ou-btn:hover{color: #fe6a57;}
.check-request-timer{
    background: rgba(255,255,255,0.1);;
    border-radius: 4px;
    width: calc(100% - 40px);
    max-width: 320px;
    padding: 18px 20px;
    margin: 10px 20px 0;
}
.check-request-timer .ques{display:block;line-height:1;font-weight:700}
.check-request-timer span{display: block}
.check-request-timer span span{display: inline-block}
.check-request-timer .time{color: #fff;font-weight: 700;font-size: 16px;}

.navigation-links ul{padding-left:0;list-style:none}
.navigation-links ul>li>ul>li>ul{margin: -10px 0 20px;}
.navigation-links ul>li>ul>li>ul>li a{font-size: 16px;padding: 5px 0 5px 10px;position: relative;}
.navigation-links ul>li>ul>li>ul>li a:before{content: '';position: absolute;left: 0;top: 13px;transition: 0.3s;width: 4px;height: 4px;border-radius: 100%;background: #000000;}
.navigation-links ul>li>ul>li>ul>li a:hover:before{background: #fe6f5d;}
.navigation-links ul>li>ul>li>ul>li{padding-left: 25px;}

.navigation-links a{width:100%;display:block;line-height:20px;padding:10px 20px;margin-bottom:5px;border-radius:4px;font-weight:700;transition:.3s;font-size: 18px;color: #000000;}
.navigation-links a:hover{color: #fe6f5d;text-decoration:none}
.navigation-links a:hover + ul>li>a{color: #6d6d6d}
.navigation-links .menu-sidebar-container>ul>li>a,
.navigation-links .menu-sidebar-container>ul>li>ul>li>a{font-family: "Neuzeit Black",sans-serif;padding-left: 25px;}

.navigation-links li{position:relative}
.navigation-links .menu-sidebar-container>ul>li,
.navigation-links .menu-sidebar-container>ul>li>ul>li,
.navigation-links .menu-sidebar-container>ul>li>a{margin-bottom: 15px;}
.navigation-links li.current-menu-item:after{content: '';right: -20px;top: 9px;position: absolute;width: 4px;height: 20px;background: #fe6a57;}
.navigation-links li>ul>li>ul>li.current-menu-item:after{top:4px;}
.navigation-links li.current-menu-item>a{color: #000;}

.navigation-links li.dashboard-icon>a:before{content: 'apps';font-family: 'Material Icons';left: 0;top: 9px;position: absolute;font-size: 20px}
.navigation-links li.activities-icon>a:before{content: 'timeline';font-family: 'Material Icons';left: 0;top: 9px;position: absolute;font-size: 20px}
.navigation-links li.import-icon>a:before{content: 'save_alt';font-family: 'Material Icons';left: 0;top: 9px;position: absolute;font-size: 20px}
.navigation-links li.get-ids-icon>a:before{content: 'layers';font-family: 'Material Icons';left: 0;top: 9px;position: absolute;font-size: 20px}
.navigation-links li.magento-icon>a:before{content: 'merge_type';font-family: 'Material Icons';left: 0;top: 9px;position: absolute;font-size: 20px}

.custom-file{padding:50px;border:2px dashed #000;min-height:140px;height:auto;border-radius:3px;background:#f7f4fb;overflow:hidden}
.custom-file-label{position:relative;width:100%;border:0;text-align:center;font-weight:700;color: #000;margin:0;overflow:visible;height:auto;padding:0 20px;white-space:pre-wrap}
.custom-file input{position:absolute;width:100%;height:100%;left:0;top:0;cursor: pointer;}
.custom-file-label:after{background: #000;position:relative;border-radius:3px;max-width:150px;margin:7px auto 0;display:block;color: #fff;}
.custom-file-input:focus~.custom-file-label{box-shadow:none!important}
.effect-load{position:absolute;left:5px;bottom:5px;background:#38c25d;transition:1.2s cubic-bezier(0.25,0.65,0.73,0.32);height:5px;border-radius:3px;width:0}
.uploading .effect-load{width:calc(100% - 10px)}
ul{padding-left:18px}
ol{padding:0 0 0 15px}
ol p{margin-bottom:0}
ol li{margin-bottom:20px}
ul li:last-child,ul li:last-child p,ol li:last-child p,ol li:last-child{margin-bottom:0}
.transition{transition:.3s}
.group-items{padding:0;margin:0;list-style:none}
.group-items>li a{margin-bottom:15px;padding:30px;border-radius:3px;border:1px solid #eaeaea;box-shadow:0 0 5px 0 rgba(0,0,0,0.0);width:100%;text-align:center}
.group-items>li a:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);text-decoration:none}
.group-items>li ul{display:none!important}
.group-items>li.not-active-block a{color:#eaeaea;pointer-events:none}
.maxtext{max-width:720px}
.maxtext p{margin:0 0 40px}
.maxtext p:last-child{margin:0}
.maxtext.p-smaller p{max-width: 460px;margin-left: auto;margin-right: auto;}
figure img{max-width:100%;height:auto}
.table table{width:100%;border-spacing:0;border:0}
.table{overflow-x:auto;border:0;padding: 20px;margin: -20px;width: calc(100% + 40px);}
th.big-cell,td.big-cell{min-width:250px}
th.big-cell.bigger-big{min-width:400px}
.table table tbody{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);overflow: hidden;}
.table table th{overflow: unset;text-align:left;padding:5px 12px;line-height:20px;white-space:nowrap;white-space: nowrap!important;border: 0;font-weight: 100}
.table table th:first-child{border-left:none;padding-left:12px}
.table table td{padding:12px;background:#ffffff;border:0!important;}
.table>table>tbody>tr>td{padding:12px;-webkit-transition:.1s ease-in;transition:.1s ease-in;padding:10px 12px;vertical-align:middle}
.table table td:first-child{padding-left:12px}
.table table td.small{width:1px;white-space:nowrap;font-size:14px}
.table thead tr:nth-child(2)>th,
.table tbody tr:nth-child(2n)>td{background:#f7f4fb}
.table .cta{display:block}
.labeltje{color:#fff;background:#fe3e31;border-radius:3px;line-height:1.3;text-transform:uppercase;padding:8px 10px;font-size:12px}
.labeltje.succes{background:#28d52e}
.labeltje.error{background:#b93435}
.labeltje.view-on-hover{
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: 0.3s;
	-webkit-transform: translateX(15px);
	transform: translateX(15px);
	transition-delay: 0s;
}
tr:hover .labeltje.view-on-hover{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-delay: 0.5s;
}
.alert-warning{max-height:300px;overflow:auto}
.response-column .inel{border-radius:4px;background:#232a3b;overflow:auto;max-height:350px}
.response-column span{color:#fff;font-weight:700;display:block;width:100%}
.response-column span.row-dotted{border-bottom:1px solid #39404f;padding-bottom:10px;margin-bottom:10px}
.response-column span.error{background:#fe3e31;margin:10px 0;padding:5px 15px;border-radius:4px}
.response-column span.error.orange{background:#ed8066}
.response-column span.graymes{background:#39404f;margin:10px 0 0;padding:5px 15px;border-radius:4px}
.response-column span i{font-style:normal;color:#d9cecd}
.response-column span.time-count-down{border-top:1px solid #39404f;padding-top:10px;margin-top:10px}
.status-bar{border:1px solid #eaeaea;border-radius:4px}
.status-bar .svg-icon{padding:10px;border-right:1px solid #eaeaea}
.status-bar span{color:#232a3b;line-height:20px;padding:10px 20px}
.load-progress{height:4px;border-radius:4px;transition:.3s}
.load-progress .inel-go{background:#fe3e31;border-radius:4px;transition:1.3s ease}
.cursor-pointer,.toggle-top{cursor:pointer}
.svg{fill:#232a3b;--cr-icon-base-1-fill:#232a3b;--cr-icon-base-2-fill:#232a3b;--cr-icon-details-1-fill:#fff;--cr-icon-details-2-fill:#fff}
.deactivate{opacity:.4;pointer-events:none}
.h1.small-title,h1.small-title,.h2.small-title,h2.small-title{font-size:1.5rem;margin-bottom:6px}
.gray1{color:#000}
.gray2{color:#000}
.gray3{color:#000}
.b-r{border-radius:3px;overflow: hidden;}
.border-gray{border:1px solid #f7f4fb}
@media only screen and (max-width: 900px) {
    .c33,.c50{width:100%;padding-left:0!important;margin-right:0!important;margin-bottom:20px}
    .c33:last-child,.c50:last-child{margin-bottom:0}
    .h1,h1{font-size:2rem}
}
.login-page{background: #f7f4fb;}
h2 strong,
h1 strong{color: #fe6a57;}
.welkom-dashboard h1+p{font-size:21px;}
.welkom-dashboard h1{margin-bottom: 5px;}
.activity-class-login{background:#f9f9ff}
.activity-class-logout{background:#fffafa}
.activity-class-import-start{background:#fcfffd}
.activity-class-import-finished{background:#fcfffd}
.activity-class-error{background:#ffe5e5}
.new-activity td:first-child{position:relative}
.new-activity td:first-child::before{content:'';position:absolute;left:-1px;top:-1px;width:2px;height:calc(100% + 1px);background:#fe3e31}
.head-blue{padding:50px 20px}
.step-row{margin:50px 0 10px}
.packages-page{margin-bottom:150px}
.packages-page h2{font-size:40px;color:#232a3b;margin:0 0 20px}
.check-icons{padding-left:0;margin:0;list-style:none;display:block;margin-bottom:20px}
.check-icons li{position:relative;padding-left:40px;font-size:24px;margin-bottom:20px;display:block}
.check-icons li:before{content:'check';left:0;top:0;font-family:'Material Icons';font-size:26px;color:#ed5251;position:absolute}
.cta{text-align: center;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 25px;
    width: 100%;
    display: inline-block;
    position: relative;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
text-decoration: none!important;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
font-family: "Neuzeit Black", sans-serif;}
.cta:focus,.cta:hover{background:#444;border-color:#000;color:#fff;box-shadow:none}
.cta.widthfix{width:auto;}
.cta.red{background:#fe6f5d;border-color:#fe6f5d;color:#fff}
.cta.red:hover{background:#db1e25;border-color:#db1e25;color:#fff}
.cta.next:after{content:'chevron_right';font-family:'Material Icons';margin-left:10px;top:1px;position:relative}
.cta.prev:before{content:'chevron_left';font-family:'Material Icons';margin-right:10px;top:1px;position:relative}
.pages-navigation .cta{margin-left:5px;margin-right:5px}
.cta.not-active{opacity:.4;pointer-events:none;border:1px solid #e2e5e6}
.cta.secondary{background: #fff;border-color: #e1e1e1;margin: 10px 0 0;color: #000;}
.cta.secondary:hover{background: #f7f4fb;border-color: #ababab;}

.cta.blue{
	background: #01c1ce;
	border: 1px solid #1cb0ba;
}
.cta.blue:hover{
	background: #1aaab3;
}
.cta.create-icon:before{
	content: 'add_box';
	font-family: 'Material Icons';
	margin-right: 8px;
	top: 3px;
	position: relative;
	font-size: 16px;
	line-height: 0;
}
.cta.download-icon:before{
	content: 'vertical_align_bottom';
	font-family: 'Material Icons';
	margin-right: 8px;
	top: 3px;
	position: relative;
	font-size: 16px;
	line-height: 0;
}
.cta.smaller{
	padding: 9px 10px;
}
.cta.smaller:before{
	top: 4px!important;
}
.cta.border{
	border: 1px solid rgba(0,0,0,0.1);
	color: #afafaf;
	background: rgba(0,0,0,0);
	box-shadow: none;
}
.cta.border:hover{
	border: 1px solid #444;
	color: #676767;
	background: rgba(0,0,0,0.05);
}
.cta[disabled]{
	opacity: 0.3;
	background: #b0b0b0!important;
	border-color: #939393!important;
	color: #000!important;
	cursor: not-allowed;
}
.m-bot-20{margin-bottom: 20px;}


.single-package{width:30%}
.single-package .inel{padding:20px}
.single-package .bg-dark{padding:40px}
.single-package .price{font-size:50px;font-weight:700;line-height:45px}
.small-month{opacity:.5;margin:0 0 15px}
.single-package ul.check-icons li{font-size:20px}
.single-package:nth-child(1) .inel{margin-top:75px;border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0}
.single-package:nth-child(2){width:40%}
.single-package:nth-child(2) .inel{border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0;border-right:1px solid #f0f0f0}
.single-package:nth-child(3) .inel{margin-top:75px;border-right:1px solid #f0f0f0;border-top:1px solid #f0f0f0}
.information form{max-width:500px;margin:30px auto 0}
.form-field{margin-bottom:30px}
.text-input input{width:100%;min-height:50px;border:1px solid #efefef;padding:14px 15px;line-height:20px;background:#fff;-webkit-appearance:none;border-radius:3px;font-size:20px;color:#444}
.form-field label{display:block;width:100%;font-size:18px;font-weight:700;margin:0 0 5px}
select{width:100%;min-height:50px;border:1px solid #efefef;padding:14px 15px;line-height:20px;background:#fff;-webkit-appearance:none;border-radius:3px;font-size:20px;color:#444;transition:.3s}
.option-page select{font-size:16px;padding:10px 20px;min-height:45px}
.option-page .dubble select{border:1px solid #b93435;color:#b93435}
.option-page .dubble:after{content:'This value is selected multiple times';color:#b93435}
.nice-width{width:45%}
form hr{margin:50px 0 45px}
form h3{font-size:30px;color:#232a3b}
form h4{font-size:18px}
form p.big{font-size:20px}
.information form input[type=submit]{width:100%;min-height:60px;font-size:20px;border:1px solid #ed5155;background:#ed5155;color:#fff;font-weight:700;border-radius:3px}
.start-columns h3{font-size:55px;width:100%;line-height:1;margin-bottom:0}
.start-columns .c33 .iner-column{padding-top:65px;padding-bottom:65px;background: #f7f4fb;}
.start-columns span{max-width: 200px;font-family: "Neuzeit Black", sans-serif;}
.body-clap.tasks{max-height:500px;overflow:auto}
.body-clap.tasks .dh-mes.task:last-child{border-bottom:0}
.body-clap.tasks + .view-more{margin-top: 20px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)}
.body-clap{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);background: #fff;}
.body-clap>div:nth-child(even){background: #f7f4fb;}
h1.small-title.gray1 + p{max-width:500px;margin-left:auto;margin-right:auto}
.fullwidth.p50.text-align-center p:last-child{margin-bottom:0}
.no-longer-p p{    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;}
.dh-mes{position:relative;padding:10px 20px 10px 100px;border-bottom:1px solid #f7f4fb}
.dh-mes:before{content:'feature';font-size:13px;text-transform:uppercase;line-height:1.5;color:#fff;padding:1px 10px 4px;border-radius:3px;background-color:#2775c6b3;position:absolute;top:10px;left:10px}
.dh-mes.bugfix:before{content:'bugfix';background:#fe442d}
.dh-mes.new:before{content:'new';background:#49a759}
.dh-mes.activity:before{content:attr(data-date);background:#2b92d6}
.dh-mes p{margin-bottom:0}
.dh-mes.activity{padding-left:110px}
.dh-mes.activity.ac-removed:before{background:#b93435}
.dh-mes.activity.ac-import-start:before{background:#e87f27}
.dh-mes.activity.ac-import-finished:before{background:#35b858}
.dh-mes.normal{padding:10px 20px}
.dh-mes.normal:before{display:none}
.dh-mes.normal strong{width:120px;display:inline-block}
.dh-mes.task{padding:10px 20px 10px 65px}
.dh-mes .at-date{color:#848a8a}
.dh-mes.task:before{content:'done';font-family:'Material Icons';text-transform:none;width:25px;height:25px;padding:0;text-align:center;line-height:25px;font-weight:900}
.dh-mes.task.succes:before{background:#35b858}
.dh-mes.task.error:before{background:#fe6f5d;content:'close'}
.status-dot{padding-left:22px;position:relative}
.status-dot:before{content:'';left:3px;background:#e87f27;width:13px;height:13px;border-radius:100%;position:absolute;top:3px}
.status-dot.live-dot:before{background:#26d52e}
.uppercase{text-transform:uppercase;font-weight:400}
.lang-flags{padding:0;margin:10px 0 0;list-style:none}
.lang-flags li{line-height:22px;position:relative;padding-left:32px;margin-bottom:3px}
.lang-flags li:before{content:'';background-image:url(/wp-content/themes/framework/images/flags.png);height:14px;width:21px;position:absolute;left:0;top:3px;background-repeat:no-repeat;background-size:21px}
.lang-flags li.de:before{background-position-y:-14px}
.lang-flags li.en:before{background-position-y:-28px}
.lang-flags li.fr:before{background-position-y:-42px}
.lang-flags li.es:before{background-position-y:-56px}
.lang-flags li.it:before{background-position-y:-70px}
.lang-flags li.da:before{background-position-y:-84px}
.lang-flags li.tr:before{background-position-y:-98px}
.lang-flags li.pt:before{background-position-y:-112px}
.lang-flags li.pl:before{background-position-y:-126px}
.lang-flags li.sv:before{background-position-y:-140px}
.lang-flags li.no:before{background-position-y:-154px}
.import-setup p{display:block;font-size:16px;width:100%;margin:0}
.import-setup .svg-image{display:block;padding-right:25px}
.excel-file table{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.excel-file table tbody{box-shadow: none;}
.excel-file td{padding:0!important}
.excel-file .inline-td{border:0;padding:5px 10px;white-space: nowrap!important;}
.excel-file .inline-td:last-child{border-bottom:0}
.excel-file td:first-child .inline-td{border-left:0}
.big-message{width:100%;border:2px solid #fe3e31;border: 1px solid #e0e0e0;background: #f7f4fb;padding:20px 25px}
.big-message svg{margin-right:10px;margin-top:3px}
.left-ms{max-width:600px;padding:20px 50px 20px 0}
.big-message p{margin-bottom:0}
.single-setting-row{border-bottom:1px solid #c4cacc}
.single-setting-row:last-child{border-bottom:0}
.single-setting-row .info span{width:100%;display:block}
.single-setting-row .select-option{width:250px;padding-left:25px}
.single-setting-row .info{width:calc(100% - 250px)}
.loader{height:200px}
.load-effect{width:25px;height:25px;border-radius:100%;margin:20px;border:4px solid #494c4c;border-top:4px solid #f2f5f8}
.loader p{margin:0;width:100%}
@-webkit-keyframes rotating {
    from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotating {
    from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
    to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.rotating{-webkit-animation:rotating 1s linear infinite;-moz-animation:rotating 1s linear infinite;-ms-animation:rotating 1s linear infinite;-o-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}
.max-rows{position:relative;margin-left:10px}
.max-rows:before{content:'error_outline';font-family:'Material Icons';position:absolute;color:#fe6f5d}
.max-rows:after{content:'You have a maximum of 300 row per import.';position:absolute;color:#000;background:#fff;padding:8px 17px 10px;line-height:20px;white-space:normal;width:200px;border-radius:4px;transform:translateY(-50%);top:50%;left:30px;pointer-events:none;opacity:0;transition:.3s;z-index:9999}
.max-rows:hover:after{opacity:1}
.parent-half{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;margin-bottom:-20px}
.half-column-dw{width:33.33333%;padding:0 10px;margin-bottom:20px}
.half-column-dw .inel{padding:50px 30px 80px;position:relative}
.half-column-dw p:last-child{position:absolute;width:100%;bottom:50px;left:0}
.menu-sidebar-container{margin-bottom: 70px;}

.more-info{display: inline-block;padding-right: 30px;position: relative;margin: -7px 0;}
.more-info .info-area{z-index: 9999999;opacity: 0;pointer-events: none;padding: 10px 17px;color: #000000;background: #fff;border-radius: 3px;width: 200px;position: absolute;transform: translateY(-50%);margin-left: 42px;transition: .3s;top:50%}
.more-info .info-area p{white-space: normal;line-height: 18px;margin-bottom: 0}
.more-info .info-area p a.cta{display: block;margin-top: 10px;height: 27px;line-height: 25px;padding: 0 10px;}
th:nth-last-child(1) .more-info .info-area,
th:nth-last-child(2) .more-info .info-area{right: 100%;left: inherit;margin-left: 0;margin-right: 0;}
th:nth-child(2) .more-info .info-area{right: inherit;left: 0;margin-left: 42px;}


.iner-scroll{max-height:75px;overflow-y: auto;padding-right: 10px;}

.iner-scroll::-webkit-scrollbar {
    width: 5px;
}
.iner-scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
}
.iner-scroll::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 5px;
}
.iner-scroll::-webkit-scrollbar-thumb:hover {
    background: #efefef;
}
.info-area b,
.info-area strong{color: #fe3e31}
h1,h2,h3,h4,h5,h6,b,strong{font-family: "Neuzeit Black",sans-serif;}

.more-info:hover .info-area{opacity: 1;pointer-events: inherit;}
.more-info .icon:before{content: 'info';font-family:'Material Icons';font-size: 17px;font-weight: 100;top: 3px;position: relative;margin-left: 10px}

.csv-letters th{padding:5px!important;background: #e9e7ea;font-weight: 100!important;text-align: center!important;}
.csv-letters th:first-child{min-width: 1px;}
.csv-letters + tr th:first-child{min-width: 1px;background: #e9e7ea!important;color: #000;font-weight: 100;text-align: center;width: 1px;position: sticky;left: 0;}
.csv-numbers{min-width: 1px;}
.csv-numbers .inline-td{background: #e9e7ea;color: #000;font-weight: 100;text-align: center;}

.table table td.csv-numbers{position: sticky;left: 0;}

.request-pop-up{transition: 0.3s;z-index: 999999;padding: 20px;position: fixed;left: 0;bottom: 0;width: 100%;right: 0;background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.half-right-pop{width: 50%;padding-left: 20px;text-align: right;}
.half-left-pop{width: 50%;padding-right: 20px;}
.request-pop-up span{display: block;line-height: 18px;}
.progressbar{width: 100%;height: 4px;background: #f7f4fb;border-radius: 4px;overflow: hidden;position: relative;margin-top: 10px;}
.progress-iner{background: #fe6a57;height: 100%;position: absolute;left: 0;top: 0;transition: 0.4s}
.half-left-pop small{font-size: 14px;}

.scrolled .request-pop-up{transform: translateY(105%);-webkit-transform: translateY(105%);}

.new-variant{padding: 20px 30px;border: 2px dashed #dfdfdf;border-radius: 3px;background: #f7f4fb;overflow: hidden;font-weight: 700;transition: 0.3s;cursor: pointer;}
.new-variant span:before{content: 'add';font-family: 'Material Icons';position: relative;margin: -3px 12px 0 0;width: 25px;height: 25px;line-height: 25px;background: #01c1ce;border-radius: 2px;color: #fff;display: inline-block;top: 2px;text-align: center;}
.new-variant:hover{background: #ffffff;border-color:#01c1ce;}

.single-variant,
.magento-text-input:not(:last-child){margin-bottom: 10px;}
.text-input{width: 100%;height: 55px;background: #fff;color: #000;border: 2px solid #dfdfdf;border-radius: 4px;padding: 5px 18px;-webkit-appearance: none;-moz-appearance: none;transition: 0.3s;}
.text-input:hover,.text-input:focus{border-color:#01c1ce;}
.text-input:hover + a,.text-input:focus + a{background: #01c1ce;}


::-webkit-input-placeholder{color: #d7d7d7;}
::-moz-placeholder{color: #d7d7d7;}
:-ms-input-placeholder{color: #d7d7d7;}
:-moz-placeholder{color: #d7d7d7;}

.added-variants {padding: 20px;border: 2px solid #dfdfdf;border-radius: 3px;background: #f7f4fb;}
.single-variant a{position: absolute;transition: 0.3s;top: 15px;right: 13px;width: 25px;height: 25px;line-height: 25px;background: #dfdfdf;border-radius: 2px;color: #fff;display: block;text-align: center;}
.single-variant a:before{content: 'close';font-family: 'Material Icons';}
.single-variant a:hover{background: #01c1ce;}