html {
  height: 100%;
  scrollbar-gutter: stable;
  overflow-y: scroll;
}
body{
    font-family: "futurabook",Arial;
    font-size:13px;
    padding: 20px;
    margin:0;
    min-height: calc(100% - 40px);
    overflow-y: visible;
}
body.x-body{
    background:none;
}
h1,h2,h3,h4{
    margin:0;
    padding:0;
}
h1{
    margin-bottom:30px;
    font-size: 1.2em !important;
    font-weight: bold !important; 
}
h2{
    margin-bottom:20px;
    font-size: 1.1em !important;
    font-weight: bold !important;
}
h3{
    margin-bottom:10px;
    font-size: 1em !important;
    font-weight: bold !important;
}
a{
    cursor:pointer;
}
table{
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}
table th{
    background:#eee;
    padding:5px 10px;
    color:#000;
    border-bottom: 1px solid #ddd;
}
table tr:hover{
    background:#f4f4f4;
}
table td{
    padding:5px 10px;
    border-bottom: 1px solid #ddd;
}
table.x-grid-item td{ padding:0;}
input[type="text"],
input[type="number"],
input[type="url"],
input[type="email"],
input[type="password"]{
    font-family: "futurabook",Arial;
    border:1px solid #ddd;
    padding:3px 6px;
}
input.error{
    border-color:#f00;
}
.error-msg{ color:#f00; font-size: 11px; }
select{
    border:1px solid #ddd;
    padding:2px 6px;
}
textarea{
    font-family: "futurabook",Arial;	
    border:1px solid #ddd;
    padding:3px 6px;
}
label{
    display:inline-block;
    width:200px;
}
label.radio{
    width:auto;
}
.loading{
    float:right;
    height:16px;
    width:16px;
}
.loading-on{
    background:url(../img/ajax-loader.gif) no-repeat;	
}
.choice div{
    display:inline-block;
}
.choice div label{
    width:auto;	
}
.enabled{
    color:#0f0;
}
.disabled{
    color:#f00;
}
.ui-datepicker{
    z-index:100 !important;
}
fieldset{
    border:none;
}
section{
    margin-bottom:20px;
}
a{
    color:#049ab2;
    text-decoration:none;
/*    font-weight:bold;*/
}
article.blocks{
    width:1080px;
}
.blocks .block h1{
    margin-bottom:10px;
}
.text,
.textarea,
.number,
.choice,
.submit,
.checkbox,
.date,
.select,
.datetime,
.file{
    margin-bottom:10px;
}
.text > div{
    display:inline-block;
}
.text div label{
    width:auto;
}
.text.helped-row > *{ vertical-align: top; }
.text .helped-label{ width: 200px; height: 20px; }
.text .help-text{ font-style: italic; font-size: 10px; }
.textarea label{ display:block; float: left; margin-right: 4px; margin-bottom: 4px;}
.datetime div{ display: inline-block; margin-right: 10px; }
.field_errors{ margin: 0 0 0 200px; padding: 0; list-style: none; }
.field_errors .error{ color: #f00; padding: 5px 0; }
.ui-datepicker { border: 1px solid #eee; background: #fff; }
.clearfix:after{
    content: "";
    display: table;
    clear: both;
}
.clear{
    clear:both;
}
.move{
    cursor:move;
}
.hidden{
    display:none;
}
.center{
    text-align:center;
}
.wrap-cell{
    white-space: normal;
}
#wrapper{
    margin:auto;
}
header{
}
header ul{
    margin:0 0 0 20px;
    padding:0;
}
header ul li a{
    color:#000;
    font-size:14px;
    display:block;
    padding:5px 10px;
    margin-right:10px;
    border-left:1px solid #ccc;	
    border-top:1px solid #ccc;	
    border-right:1px solid #ccc;	
    text-decoration:none;
}
body > .wrapper{ padding: 20px; border:1px solid #ccc;}
article{
}
table{
    width:100%;
}
table .img{
    text-align:center;
    width:100px;
}
table .dates{
    text-align:center;
    width:290px;
}
table .actions,
table .links{
    text-align:center;
    width:200px;
}
table .img{
    text-align:center;
}

header #searchForm {
    margin: 0 auto 20px auto; 
    display: block; 
    /* width: 535px; */
    cursor: default;
    text-align: center;
}
header #searchForm label {
    width: 70px;
}
header #searchForm form {
    display: inline-flex; 
    margin-left: 15px;
}
header #searchForm input[type=text] {
    border: 0; 
    color: #038a9f; 
    margin-right: 1px;
}
header #searchForm input[type=submit] {
    background-color: #FFF;
    border: 0;
    width: 25px;
    height: 24px; 
    color: #038a9f; 
    cursor: pointer;
}

header nav ul{
    display:inline-block;
}
header nav li{
    display:inline-block;
}
header nav li ul{
    position:absolute;
    z-index:10;
    display:none;
    padding:0;
    margin:0;	
    border:1px solid #ccc;
    background:#fff;
}
header nav li ul li{
    display:block;
    line-height:20px;
}
header nav li ul li a{
    border:none;
    font-size: 13px;
    margin:0;
    display:block;
}
header nav li ul li a:hover{
    text-decoration:none;
    background:#E0E0E0;
}
header nav li ul ul{
    margin-top:-31px;
    left:100%;
    white-space:nowrap;
}
header nav .logout{float:right;padding-top:5px;padding-right:10px;}
header nav .f_search{display:inline-block;vertical-align: top;padding-top:2px;}
section.main{float:left;width:32%;margin-right:2%;}
section.options{float:left;width:32%;margin-right:2%;}
form section:last-of-type{
    margin-right:0;
}
section.pages{
    margin:0;
}
.tools{
    margin-bottom: 10px;
    line-height:25px;
    text-align: right;
}
.tools-fixed{
    position:fixed;
    bottom:10px;
    padding:5px;
    background:rgba(255,255,255,0.7);
}
.popup-container{
    display:none;
}
.button,button{
    background-color: #049ab2;
    border: 1px solid #049ab2;
    color: #fff !important;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    padding: 6px 10px;
    text-transform: uppercase;
    text-decoration:none;
    font-weight: bold;
    display: inline-block;
    margin: 2px;
}
a.button { color: #fff !important; }
.bt-delete{ background: #f00; border-color: #f00 !important; }
a.bt-white,button.bt-white{ background: #fff; color: #049ab2 !important; border: 1px solid #049ab2;}
hr{background: #ddd;margin: 10px 0;border: none;height: 1px;}
span.warning{ display:block; background: url(../img/warning.gif) no-repeat 5px center; background-size: auto 15px; color:#FFC300;  padding-left: 25px !important; font-weight: bold; }
span.error{ display:block; background: url(../img/error.png) no-repeat 5px center; background-size: auto 15px; color:#FF0000; padding-left: 25px !important; font-weight: bold; }

span.color{ display: inline-block; height: 20px; width: 20px; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.cols-2 .col{ float:left; width: 50%}
.cols-3 .col{ float:left; width: 33%}
.cols-4 .col{ float:left; width: 25%}

.entity{margin-bottom:10px;line-height:22px;}
.entity ul{margin:0;padding:0;list-style:none;}
.entity .input li{padding:15px 0;border-bottom: 1px solid #ccc;}
.entity .input input{margin-bottom:5px;}
.entity:after {   content: "";   display: block;   height: 0;   clear: both;  overflow: hidden; visibility: hidden;}
.entity .input{	display:none;}
.entity .photo,
.entity .step{border-bottom:1px solid #ccc;}
.group .photos .buttons{text-align:right;}
.entity .photos > div:last-of-type,
.entity .steps > div:last-of-type{border-bottom:none;}
.entity .label label{display:inline-block;width:250px;font-weight:bold;}
.entity .label input{float:left;}
.entity .input{	display:none;float:left;width:auto;margin-left:20px;}
.entity .input input[type="text"],.entity .input textarea{width:400px;}
.entity .move{float:left;width:20px;cursor:move;}
.entity .input .move{float:none;width:auto;}
.entities{width: auto;}
.entities .entity .input label{	display:block;width:auto;}
.entity .photo input[type="text"],
.entity .product input[type="text"],
.entity .step input[type="text"]{}
.remove{float:right;cursor:pointer;}
section.filter label{width:100px;}
.entity .buttons{text-align:right;}

.group{	border: 1px solid #eee;	padding: 2px;margin-bottom:20px;}
.group h3{background:#eee;padding:5px;}
.group > div, .group > form{padding:5px;}
.group > div.root{padding:5px 5px 0 5px;}
.group > ul.treeview{padding:0 5px 5px 5px; margin-left: 3px;}
.group #category-parent{margin-top:5px;}
.group .options{background:#eee;text-align:right;}
.group .pagin{	background:#eee;float:right;margin-right:20px;font-size:11px;}
.group .options a{display:inline-block;margin:0 3px;font-size:11px;}
.group > .input > input[type="text"]{width: 98%;padding: 3px 1%;}

.group-attributes table td{ text-align: center; }
.group-attributes .toggle-attribute{ float:right; }
.group-attributes .select{ margin-bottom:5px;}

.breadcrumbs{margin-bottom:20px;}
.breadcrumbs ul{list-style:none;margin:0;padding:0;}
.breadcrumbs ul li{display:inline-block;}

.category-viewport{clear:both;}
.category-viewport section.categories{	float:left; width:calc(20% - 20px);overflow:auto;border:1px solid #ddd;	padding:5px;margin-right:20px;}
.category-viewport section.categories h2{ background: #eee; padding: 5px;}
.category-viewport section.categories .root{padding:0 5px;}
.category-viewport section.categories .tree{margin-bottom:20px;padding:0 5px 5px 5px;}
.category-viewport section.categories .button{	width:auto;display:block;text-align:center;}
.category-viewport .category-list{float:left;width:calc(80% - 34px);border:1px solid #ddd;padding:10px;}
.category-viewport .category-list .tools{float:right;}
.category-viewport .category-list .infos{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}
.category-viewport .category-list .children .buttons{float:right;}
.category-viewport .infos .picture{ float:left; margin:0 20px 20px 0;}
.old-category-viewport .category-list{width:calc(60% - 46px);}
.old-category-viewport #categories h2{ margin-bottom: 10px; }
.old-category-viewport #categories .button{ margin-bottom: 10px; }
.treeview span{cursor:pointer;display:block;}
.treeview span input{float:left;}
.treeview span label{width:auto;}
.treeview span label.checked{width:auto; background: #0f0;}
.treeview span label.empty{ font-style: italic; }
.treeview span .warning{ color:#f00; } 
.category-viewport .onglet { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;padding:10px;display:inline-block;color:#000;font-weight:normal;}
.category-viewport a.on{font-weight:bold;}
.category-viewport .onglet-content { border: 1px solid #ddd;padding:5px 10px;}
.category-viewport .onglet-content h2{line-height:26px;}
.category-viewport .breadcrumbs .default{ font-weight: bold; }
.breadcrumb.default{ font-weight: bold; }

ul.products{ padding: 0; margin: 0; list-style: none;}
ul.products .product{ float:left; margin: 20px; max-width: 200px;}
ul.products .product .img{ height:133px; overflow: hidden;}
ul.products .product img{ display: block; width: 100%; height: auto;}
ul.products .product h4{ line-height: 16px; height:32px; font-size: 14px; overflow: hidden; margin-bottom: 5px;}

.old-category-viewport #categories{float: right; margin-right: 0; margin-left: 20px;}
.old-category-viewport .category-list.loading{ background:#fff url(../img/loading-big.gif) no-repeat center center; min-height: 200px;}
.tree .unvisible{ font-style:italic; }
.old-category-viewport .category-list .infos div .tools{ display:none; margin-bottom: 0; }
.old-category-viewport .category-list .selection{ line-height:26px; }
.old-category-viewport .subcategories .selected{ border: none; font-weight: bold;}
.old-category-viewport .subcategories label{ width:auto; }
.tree li strong{ font-weight:normal; }
.tree li.current strong,.tree li.current span{ font-weight:bold; }
.tree li.current li strong,.tree li.current li span{ font-weight:normal; }
.tree li label.current { font-weight:bold; }
.tree li strong.current, .tree li strong.current{ font-weight:bold; font-size: 14px; text-decoration: underline;}

.locale-switch .change-grid {
    padding: 6px 10px;
    margin-right: 6px;
    border: 1px solid #ccc;
    background: #f6f6f6;
    color: #049ab2 !important;
    cursor: pointer;
  }
  
.locale-switch .change-grid.is-active {
    background: #049ab2;
    border-color: #049ab2;
    color: #fff !important;
    font-weight: 600;
}

#grid-categories{ margin-bottom:10px; }
#grid-generics{ margin-bottom:10px; }
#grid-idcreas{ margin-bottom:10px; }
form.mass-action fieldset { border: 1px solid #ddd; margin:0; }
form.mass-action fieldset label{ width: auto; }
form.mass-action fieldset .radio{ margin-bottom: 10px; }
form.mass-action fieldset .category-to,form.mass-action fieldset .generic-to{ display: inline-block; }
form.mass-action fieldset .category-target-title,form.mass-action fieldset .generic-to-target-title { font-weight: bold; text-decoration: underline; }

.flash-message { padding: 10px; margin-bottom: 20px;}
.flash-error { border:1px solid #f00; color: red;}
.flash-success { border:1px solid #0f0; color: green;}

ul.products .inactive a{ color:#eee;}
ul.products .inactive a.button{ background-color:#eee; color: #fff}
ul.products .product{ border: 1px solid #fff; padding:5px;}
ul.products .product input{ display:inline-block;}
ul.products .product label{ display:inline-block; width:auto;}
ul.products .selected{ border: 1px solid #049ab2;}

.attributes .action a{ display:inline-block; padding: 0 10px;}
.attributes .families .family { border: 1px solid #ccc; padding: 10px; margin-bottom:10px; }
.attributes .families .family header{ background-color:#eee; padding: 10px; }
.attributes .families .opened header{ margin-bottom:10px; }
.attributes .families .family header .action{ float: right;}
.attributes .family .content{ display:table; }
.attributes .family .content > div{ display:table-row; }
.attributes .family .content > div > div { display:table-cell; }

.categories-popup{display: block;position: fixed; padding: 10px;border: 1px solid #ccc;background: #fff;width: 400px;min-height: 500px;top: 50%;left: 50%;margin-left: -200px; margin-top: -250px;z-index: 10; }
.categories-popup .close{float: right;}
.categories-popup .content{height:425px; overflow: auto; margin: 10px 0;}

.categories-popup-multi{display: block;position: fixed; padding: 0;border: 1px solid #ccc;background: #fff;width: calc(100% - 100px);height: calc(100% - 100px);top: 50px;left: 50%;margin-left: calc(50px - 50%); margin-top: 0; z-index: 20000; }
.categories-popup-multi .popup-inner{ padding:20px; height:calc(100% - 40px); }
.categories-popup-multi .close{float: right;}
.categories-popup-multi .content{height:calc(100% - 90px); overflow: auto; margin: 10px 0 20px 0;}
.categories-popup-multi .content .universe{ float: left; }
.categories-popup-multi .default-category-container{ margin-bottom:20px;  }
.categories-popup-multi .universe .input label{ font-weight: bold; }

.categories-popup-pictures{ min-height:0; margin-top: -300px; }
.categories-popup-pictures .content { height: 550px; }
.categories-popup-pictures .category{ margin-bottom: 5px; }
.categories-popup-pictures .path{ margin-bottom: 10px; }
.level-sep { float: left; margin-right: 12px;  }

.tab-panel .tabs{ display: flex; }
.tab-panel .tabs .tab-links,
.tab-panel .tabs .tab-header{ width: 175px; }
.tab-panel .tabs .tab-links a,
.tab-panel .tabs .tab-header a{ display:block; background: #eee; color: #000; padding: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #eee; margin-bottom: 5px;}
.tab-panel  .tabs .tab-links a.on,
.tab-panel  .tabs .tab-header a.on{ display:block; background: #fff;} 
.tab-panel  .tabs .tab-container{ width: calc(100% - 177px); border: 1px solid #eee; }
.tab-panel  .tabs .tab-container .tab-content{ padding: 15px; }
.tab-panel  .categories-path .paths{ margin-bottom: 10px; }

#generic #generals:after{ content: ""; display: table; clear: both;}
#generic #generals .group{ margin-bottom: 0; }
#generic #generals .group:first-child{ float:left; width: 70%; margin-right: 20px; margin-bottom: 0; }
#generic #generals .group{ float:left; width: calc(30% - 32px); margin-bottom: 20px;}
#generic #generals .text:after{ content: ""; display: table; clear: both;}
#generic #generals .text label{ float:left; }
#generic #generals .text input[type="text"],
#generic #seo .text input[type="text"],
#generic #seo .text textarea{ width: calc(100% - 250px); }
#generic #generals .group .default-category a{ font-weight: bold; text-decoration:underline;}
#generic #references,#generic #associated{ padding: 0 15px 15px 15px; }
#generic #references .group,#generic #associated .group{ margin-bottom: 0;}
#generic #steps .add-step{ float:right; }
#generic #steps .appbundle_step { width: calc(33% - 42px); float:left; padding: 10px; margin: 10px;  border: 1px solid #eee; background:#fff;  }
#generic #steps .appbundle_step .appbundle_picturestep { margin:10px 0;}
#generic #steps .appbundle_step .appbundle_picturestep a{ float:left; margin-right:10px; }
#generic #steps .appbundle_step .picture .img{ position:relative; width:150px; height: 100px; overflow: hidden; float: left; margin-right: 10px; min-height:50px; }
#generic #steps .appbundle_step .picture .img a{  }
#generic #steps .appbundle_step .picture .img .remove-img{ position: absolute; top:0; right: 0; background: url(../img/delete.png) no-repeat; background-size: cover; width: 24px; height: 24px; }
#generic #steps .appbundle_step .picture .img img{ max-width:100%; height: auto; margin-bottom: 10px; }
#generic #steps .tools{ margin-bottom:0; }

#category .main.left {width:68%;}
#category .main.right {width:30%;}
#category form {width:100%;}
#category .tab-container {width:100%;}

.translated-ctn{ margin-bottom:20px; }
.translated-entity { border: 1px solid #c2c2c2; }
.translated-entity .field{ display: flex; gap: 0; }
.translated-entity .field > *{ flex: auto; flex-basis: 50%; padding: 5px 10px;  }
.translated-entity .field .label{ flex-basis: 200px; flex-grow: 0; flex-shrink: 0; }
.translated-entity .field .label label{ width: auto; }
.translated-entity .field .value { display: flex; flex-direction: column; }
.translated-entity .field .fr-value { display: block; }
.translated-entity .field .value input,
.translated-entity .field .value textarea{ width:100%; box-sizing: border-box;  }
.translated-entity .field .value .str-counter-ouput{ margin-left: 0; }
.translated-entity .header{ background: #f5f5f5; font-weight: bold; }
.translated-entity .header > *{ padding: 5px 10px;border-right: 1px solid #c2c2c2;  border-bottom: 1px solid #c2c2c2; }
.translated-entity .header > :last-child { border-right: 0; }
.translated-entity .header .value{ display: block; }
.translated-entity .field:nth-child(odd){ background-color: #fafafa; }
.translated-entity .field:nth-child(even){ background-color: #fff; }
.translated-entity .field .value:has(> .field){ padding: 0; }

.str-counter-ouput {display: block; font-style: italic; font-size: 11px; margin-left: 204px; }
/*.group .str-counter-ouput {display: block; font-style: italic; font-size: 11px; margin-left: 0; }*/

/*.quick-form{ height:300px;}*/
.quick-form h4{ margin-bottom: 10px;}
.quick-form .add-attribute .col{ display: inline-block; float: none; width: auto;}
.quick-form .add-attribute label{ width: 70px; }
.quick-form .add-attribute button.loading{ display:none; }
.quick-form .attributes-list .attribute { border:1px solid #ccc; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; margin:5px;}
.quick-form .attributes-list .attribute div{ display:inline-block;}
.quick-form .attributes-list .attribute .family{ font-weight: bold; margin-right:5px; }
.quick-form .attributes-list .attribute .name{ margin-right:5px; }
.quick-form .attributes-list .attribute .code{ margin-right:5px; font-style: italic;}
.quick-form .col-form{ width:35%; }
.quick-form .col-data{ width:65%; }
.quick-form .group-pictures, .quick-form .group-generics  { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee;}
.quick-form .group-generics{ margin-bottom: 30px; }
.quick-form .group-pictures .category-links{ display:none; }

ul.pictures-ctn { list-style: none; margin:0; padding:0; }

form.category h3 a { float: right;}
form.category ul.pictures-ctn li img{ display:block; max-width: 100%; height: auto;}
form.category ul.pictures-ctn li .img{ margin-bottom: 10px;}
form.category ul.pictures-ctn li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px;}
form.category ul.pictures-ctn li:last-child{ padding:0; margin:0; border:none;}
form.category .tools { position: fixed; bottom: 10px; padding: 5px; background: rgba(255,255,255,0.7);}

form.category ul.banners{ padding: 0; margin: 0; list-style: none;}
form.category ul.banners .img{ float: left; margin-right: 20px; width: 150px; height: 150px; }
form.category ul.banners .img img{ display:block; max-width: 150px; max-height: 150px; }
form.category ul.banners .banner-form{ float: left; width: calc(100% - 170px); }

.productsTable{ margin-bottom: 10px; }
.productsTable h2{ margin-top: 20px; margin-bottom: 10px;}
.productsTable td{ text-align:center; padding:5px 10px !important; background: #fff !important; -webkit-user-select:all !important;    
-moz-user-select: all !important; 
-ms-user-select: all !important;
-o-user-select: all !important;
user-select:all !important }
.productsTable td.img{ width:65px; }
.productsTable td.disponibility{ width:100px; }
.productsTable td.multiple{ width:100px; }
.productsTable td.active{ width:100px; }
.productsTable td.price{ width:100px; }

.group-pictures{ border:none; }
.group-pictures .form-container{ max-width: 460px; }
.group-pictures .form-container  button[type="submit"]{ float:left; }
.group-pictures .form-container label{ float:left; }
.group-pictures .buttons{ float: right; }
.group-pictures ul.pictures{ list-style: none; }
.group-pictures ul.pictures li{ float:left; position: relative; margin:10px; width: 200px; text-align: center; }
.group-pictures ul.pictures li .icon{ width: 18px; height: 18px; background: no-repeat center center; background-size: contain; }
.group-pictures ul.pictures li .update{ position:absolute; top:5px; right:30px; background-image: url(../img/ic_edit_24px.png); }
.group-pictures ul.pictures li .remove{ position:absolute; top:5px; right:5px; background-image: url(../img/ic_delete_24px.png); }
.group-pictures ul.pictures li img{ width: 200px; height: auto;}
.group-pictures ul.pictures li .title{ display:block; text-align: center; height:30px; line-height:15px; overflow: hidden;}
.group-pictures .category-link-list{ min-width:200px; display: block;margin-left: 200px;}
.group-pictures .category-link-update{ display: block; margin-left: 200px; }
.group-pictures ul.pictures li .categories .remove{ position:relative; top: auto; right: auto; float: right; }

#available-11{ display: none; }
.modules-manager .tools{ width:1165px; }
.modules-manager .tools .button{ display:none; } 
.zone{ padding:5px; border:1px dashed #999; color:#999; }
.zone .name{color:#000;font-size:14px;font-weight:bold;text-transform:uppercase;margin-bottom:5px; padding: 5px;}
.zone-static .name{text-align:center;margin-bottom:0;}
.modules-viewport{ display: flex; margin-bottom: 10px; }
div.modules-available{ flex-grow: 0; flex-shrink: 0; width:300px; margin-right: 10px; }
div.modules-hooked{ flex: auto; display: flex; flex-direction: column; }
div.modules-hooked .module{min-width:400px;}
div.modules-hooked .modules-connected{ min-height:50px; flex-grow: 1; }
div.module{border:1px solid #000;width:auto;margin:5px;padding:10px;color:#000;background:#fff;}
div.module.module-highlight{border:1px dashed #000; height:29px;}
div.modules-available h3{margin-bottom:0;}
div.module input,div.module label{ display: inline-block; width: auto; vertical-align: middle; margin: 0 5px 0 0; }
.module .module-option{display:none;}
.module .module-option .text,.module .module-option .submit{display:inline-block;}
.module .module-option .loading input{display:none;}
.module .module-option .text label{width:auto;}
div.modules-hooked .module{ width:auto; position: relative; }
div.modules-hooked .module.loading{ float: none; height: auto; }
div.modules-hooked .module .module-option{display:block;}
div.modules-hooked .module{min-width: 200px; /*max-width: 800px;*/}
div.modules-hooked .module.quater{ width:200px; }
div.modules-hooked .module.half{ width:400px; }
div.modules-hooked .module.quater-3{ width:600px; }
div.modules-hooked .module.full{ width:auto; }
div.modules-hooked .module.error{ border-color:#f00; }
div.modules-hooked .module-disabled{ border-style: dotted; color:#999; background: #eee; }
div.modules-hooked .module .tool-tip{ position: absolute; bottom: 5px; left: 5px; width: 18px; height: 18px; background: url(../img/error.png) no-repeat; }
div.module:after{ content: ""; display: table; clear: both;}
div.module .actions{float:right;}
div.module .update{float:right;}
div.module .actions .update{float:none;}
div.module .enable{float:left;}
#availables-modules{	width:400px;}
.modules-hooked .tools{	display:none;}


a.default-path{ font-weight:bold; text-decoration:underline; color: #0f0; }
a.empty-default-path{ font-weight:bold; text-decoration:underline; color: #f00; }

.toggle-loading{ background:url(../img/ajax-loader.gif) no-repeat center center; }
.toggle-seen{ font-weight:bold; display:inline-block; min-width: 16px; line-height: 16px; }
.seen-on{ color:#0f0; }
.seen-off{ color:#f00; }

#comments .tabs .tab-header{ }
#comments .tabs .tab-header a{ display:inline-block; background: #eee; color: #000; padding: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; margin-right: 5px;}
#comments .tabs .tab-header a.on{ background: #fff;} 
#comments .tabs .tab-container{  border: 1px solid #eee; }
#comments .tabs .tab-container .tab-content{ padding: 15px; }

#customer .tabs .tab-header a{ opacity: 0.6; display:inline-block; background: #eee; color: #000; padding: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; margin-right: 5px;}
#customer .tabs .tab-header a:hover{ opacity: 1; }
#customer .tabs .tab-header a.on{ opacity: 1; background: #fff; font-weight: bold; }
#customer .tabs .tab-header a span{ color:#f00; }
#customer .tabs .tab-container{  border: 1px solid #eee; }
#customer .tabs .tab-container .tab-content{ padding: 15px; }

.module-featured fieldset{ float:left; margin-right:20px; }
.widget-category .category-to{ margin-bottom:5px; }

.creation .form{ float: left; margin-right: 20px; }
.creation .picture{ float: left; }
.creation .picture img{ display:block; max-height: 390px; width: auto;}
.creation .img{ position: relative; }
.creation .picture .img > a.rotate{ width: 20px; height: 20px; background: url(../img/rotate.png) no-repeat; }
.creation .picture .img > a.rotate-right{ position: absolute; top: 5px; right: 5px; background-position: -20px 0; }
.creation .picture .img > a.rotate-left{ position: absolute; top: 5px; left: 5px;}
.creation .categories .category{ float: left; width: 25%; }

.x-grid-rowbody{ padding: 0 !important; }
.rowexpander-details{  }
.order-details{ background: #fff; padding: 20px; border: 1px solid #eee; }
.order-details .title{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.order-details { margin-bottom: 20px }
.order-details .field > div { display: inline-block; }
.order-details .field .label{ font-weight: bold; width: 150px; }
.order-details .summary,.order-details .customer{ float:left; width: 50%; margin-bottom: 20px;}
.order-details .addresses{ margin-bottom: 20px }
.order-details .addresses .address{ float:left; width: 50%; }
.order-details .items{ margin-bottom:20px; }
.order-details .items tr > td{ padding: 2px 0;}
.order-details .logs{ margin-bottom: 20px }
.order-details .logs tr > td{ padding: 5px 0;}
.order-details .payments{ margin-bottom: 20px }
.order-details .payments tr > td{ padding: 5px 0;}

.order-details .order-items,
.order-details .order-logs,
.order-details .order-payments{ border: 1px solid #eee; padding: 2px; }


#config .tools{ float: right; }
#config fieldset legend{ font-weight: bold; padding: 0; }
#config .number input{ width: 100px;  }

.orange-row{ background:#ffd178; }


.with-row-labels .x-field > *{ display: block; min-width: 0; max-width: none; }
.with-row-labels .x-btn{ margin-top:24px; }


.statistics .orders-grid {
    /* border: 1px solid #000; */
    float: left;
    width: 48%;
    margin-left: 1%;
    box-sizing: border-box;
}

.statistics #filters-bar {
    text-align: center;
}

.statistics #filters-bar div {
    border: 1px solid #999999;
    width: 400px;
    margin: auto;
    padding: 10px;
    font-size: 103%;
}

.statistics #filters-bar label {
    width: 50px;
}
.statistics .main h1 {
    margin: 0;
}

.statistics .main .clearfix div.title {
    color: red;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 0;
}

.popup-changenurl{ min-width: 640px;text-align: center; }
.popup-changenurl .title{ font-weight: bold; font-size: 20px; margin-bottom: 30px; }
.popup-changenurl p{ margin-bottom: 30px; }
.popup-changenurl .buttons{ display: flex; justify-content: space-between; }

#login_form .text input[type="text"],
#login_form .text input[type="password"]{ width: 300px; box-sizing: border-box; }
#login_form .checkbox{ width: 300px; margin: 0 auto 10px auto; display: flex; flex-flow: row-reverse; gap: 10px;  align-items: center; }
#login_form .checkbox label{ width: auto; flex: auto; text-align: left;  }
#login_form .cf-turnstile-ctn{ margin-bottom: 10px; }
#login_form .button:disabled{ background: #eee; border: 1px solid #666; color: #666 !important; }