/**
 * Copyright © 2021 magerubik.com. All rights reserved.
 * @author Magerubik Team <info@magerubik.com>
 * @package Magerubik_Onestepcheckout
 */
#field-position-sortable .suggest-position { background:#cccccc; height:4rem; float:left; }
.field-wrapper.sorted-wrapper { background-color:#fafafa; margin-bottom:20px; }
.field-wrapper.available-wrapper { background-color:#e3e3e3; border-right:none; }
.field-wrapper { border:1px solid #adadad; }
.field-wrapper ul { width:100%; min-height:450px; padding-top:5px; list-style-type:none; }
.field-wrapper ul li { width:48%; margin:1%; position:relative; }
.field-wrapper ul li.wide { width:98%; }
.field-wrapper ul li.medium { width:72%; }
.field-wrapper ul li.short { width:23%; }
.field-wrapper.available-wrapper ul li { width:48%; margin:8px 1%; }
.field-wrapper.available-wrapper ul li:nth-child(2n+1) { clear:left; }
.field-wrapper ul li .attribute-label { border:1px solid #cccccc; text-align:center; padding:10px 10px; cursor:move; background:#ffffff; height:20px !important; box-sizing:content-box; }
.field-wrapper ul li.ui-state-disabled { opacity:1; }
.field-wrapper ul li.ui-state-disabled .attribute-label { background-color:#514943; border-color:#514943; color:#ffffff; }
.available-wrapper .ui-resizable-handle { display:none !important; }
#field-position-sortable .ui-resizable-s { display:none !important; }
.ui-resizable-border { border:1px dotted #cccccc; }
#mrosc-field-tabs a { padding:5px; font-size:2rem; line-height:1.5; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; text-align:left; padding-left:2rem; }
#mrosc-field-tabs a._active { background-color:#1979c3; border-color:#1979c3; color:#ffffff; }
#field-position-sortable .attribute-required { position:absolute; top:3px; right:3px; }
.available-wrapper .attribute-required,.mrosc-field-container { display:none; }
.mrosc-field-container .containment.row { display:flex; }
.f-left { float:left; }
#field-position-sortable > .mrosc-field-container > .messages { margin-top:3rem; }
#field-position-sortable > .mrosc-field-container > .messages > .message:last-child { margin:0; }