@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.customisation-component-layout{width:100%}.customisation-component-layout *{-webkit-box-sizing:border-box;box-sizing:border-box}.customisation-component-layout .component{z-index:10;position:relative}.customisation-component-layout .editable-component{border:1px dotted #ed8f49;width:100%;height:100%;padding:5px;position:relative}.customisation-component-layout .editable-component.root{border:1px dotted #17212c}.customisation-component-layout .editable-component>.info{position:absolute;top:0px;left:0px;color:#fff;padding:2px;display:none;z-index:200;font-family:Abel}.customisation-component-layout .editable-component>.editbar{position:absolute;top:0px;right:0px;background-color:#bd5c13;padding:2px;display:none;z-index:200}.customisation-component-layout .editable-component>.editbar>.glyphicon{color:#fff;font-size:11px;cursor:pointer}.customisation-component-layout .editable-component>.editbar>.glyphicon:hover{color:#f2ac77}.customisation-component-layout .editable-component.hover{border:2px solid #ed8f49}.customisation-component-layout .editable-component.hover>.info{display:block;background-color:#ed8f49}.customisation-component-layout .editable-component.selected{border:2px solid #bd5c13;position:relative}.customisation-component-layout .editable-component.selected>.info{display:block;background-color:#bd5c13}.customisation-component-layout .editable-component.selected>.editbar{display:block}.customisation-component-layout .component-slot{border:1px solid #17212c;background-color:rgba(237,143,73,.5) !important;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Abel;color:#000;min-height:32px;position:relative;overflow:hidden}.customisation-component-layout .component-slot.hover{background-color:rgba(237,143,73,.8)}.customisation-component-layout .component-slot.hover:after{content:"Add New Component";position:absolute;font-size:12px;line-height:12px}.customisation-component-layout .edit-columns-panel{border:2px solid #17212c;position:relative}.customisation-component-layout .edit-columns-panel>.action{position:absolute;height:25px;bottom:-25px;right:-2px;background-color:#17212c;padding:2px;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.customisation-component-layout .edit-columns-panel>.action .glyphicon{font-size:11px}.customisation-component-layout .edit-columns-panel>.action .text{font-family:Abel}.customisation-component-layout .edit-columns-panel>.action>div{cursor:pointer;padding:0px 2px}.customisation-component-layout .edit-columns-panel>.action>div:hover{color:#fff}.customisation-component-layout .edit-columns-panel>.action>.save{color:#3cb879}.customisation-component-layout .edit-columns-panel>.action>.discard{color:#ed4b49}.customisation-component-layout .edit-columns-panel>.add-column{position:absolute;height:25px;bottom:-25px;left:-2px;background-color:#17212c;padding:2px 4px;color:#ed8f49;z-index:100;font-family:Abel;cursor:pointer}.customisation-component-layout .edit-columns-panel>.add-column:hover{color:#fff}.customisation-component-layout .edit-columns-panel>.add-column .glyphicon{font-size:11px}.customisation-component-layout .edit-columns-panel>.add-column .text{font-family:Abel}.customisation-component-layout .edit-columns-panel .column-visual{border:1px dotted #ed8f49;background-color:rgba(154,154,155,.5);position:relative;min-height:100px}.customisation-component-layout .edit-columns-panel .column-visual>.settings{position:absolute;top:0px;right:0px;background-color:#333;padding:2px;z-index:100}.customisation-component-layout .edit-columns-panel .column-visual>.settings>.ratio{width:40px}.customisation-component-layout .edit-columns-panel .column-visual>.settings>.glyphicon{cursor:pointer;color:#fff;font-size:11px}.customisation-component-layout .edit-columns-panel .column-visual>.settings>.glyphicon:hover{color:#ed8f49}.customisation-component-layout .edit-columns-panel.configured:before{content:"Please save to refresh the content";color:#fff;font-family:Abel;position:absolute;top:0px;left:0px;background:#17212c}.customisation-component-layout .edit-columns-panel .drag{background:rgba(189,92,19,.9)}.customisation-component-layout .edit-columns-panel .placeholder{border:1px solid #ed8f49;border-radius:2px;background-color:rgba(237,143,73,.5);min-width:100px;min-height:100px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.customisation-component-layout .layout-component-grid-row{display:-webkit-box;display:-ms-flexbox;display:flex;background-position-x:center;background-position-y:top;background-repeat:no-repeat;background-size:cover}.customisation-component-layout .layout-component-grid-row>.bulma-columns{margin-bottom:0px !important}.customisation-component-layout .layout-component-module-card{background-color:#fff;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.customisation-component-layout .layout-component-module-card>div{padding:5px}.customisation-component-layout .layout-component-module-card>.card-content{padding:5px;text-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.customisation-component-layout-edit-wrapper{background-color:#f5f5f5;z-index:0;position:relative}.customisation-component-layout-edit-wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box}.customisation-component-layout-edit-wrapper>.mask{position:absolute;width:100%;height:100%;background-color:hsla(0,0%,100%,.75);z-index:1;display:none}.customisation-component-layout-edit-wrapper>.save{padding:10px 5px;text-align:center}.customisation-component-layout-component-config-form .attr-link-input{border:2px dotted #e0e0e0;padding:10px}.customisation-component-layout-component-config-form .attr-image{position:relative}.customisation-component-layout-component-config-form .attr-image>.preview{height:68px;width:100%;border:1px solid #9a9a9b;position:relative;cursor:pointer}.customisation-component-layout-component-config-form .attr-image>.preview:before{content:"No image selected";position:absolute;margin:10px;color:#9a9a9b}.customisation-component-layout-component-config-form .attr-image>.preview>img{position:absolute;width:100%;height:100%}.customisation-component-layout-component-config-form .attr-image>.remove{position:absolute;top:1px;right:1px;padding:2px;cursor:pointer;color:#fff;background-color:#bd5c13;font-size:11px}.customisation-component-layout-component-config-form .attr-image>.remove:hover{color:#f2ac77}.customisation-component-layout-component-config-form .attr-column-presets .column-visual{border:1px solid #e0e0e0;height:22px;margin:0 -1px -1px 0}.customisation-component-layout-component-config-form .attr-column-presets .preset:hover .column-visual{background-color:rgba(237,143,73,.5);border:1px solid #676869}.customisation-component-layout-component-config-form .attr-column-presets .preset.selected .column-visual{background-color:rgba(237,143,73,.8);border:1px solid #17212c}