/* Begin critical CSS */

#eos-busy {
    position: fixed;
    width: 300px;
    height: auto;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    background-color: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 40px 200px #000;
}

#eos-busy label{
    width: 300px;
    display: inline-block;
    text-align: center;
    background-color: #005fa8;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px;
    margin-left: -2px;
}

#eos-busy img {
    width:100%;
}


.mod-warning-mask {
    display: inline-block;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0,0.75);
    z-index: 1000;
}

.mod-warning-wrapper {
    z-index:1001;
}


.mod-warning-warning {
    margin: 5% auto;
    width: 350px;
    padding: 25px;
    top: 10%;
    left: 0px;
    right:0px;
    color:#fff;
    background-color: #B73D3D;
    background-size: cover;
}

.mod-warning-warning-preview {
    position: relative;
}

.mod-warning-warning-preview .close {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

.mod-warning-warning .close {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

/****ALIGNMENTS*******/

.layout-cell.left,
.layout-cell .layout-component.left,
.layout-component.left img {
    text-align:left;
    margin-right:auto;
    margin-left:0px;
}

.layout-cell.right,
.layout-cell .layout-component.right,
.layout-component.right img {
    text-align:right;
    margin-right: 0px;
    margin-left:auto;
}


.layout-cell.center,
.layout-cell .layout-component.center,
.layout-component.center img {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.layout-cell .layout-component.left, .layout-cell .layout-component.left *,
.layout-cell .layout-component .left, .layout-cell .layout-component .left * {
    text-align:left;
}

.layout-cell .layout-component.right, .layout-cell .layout-component.right *,
.layout-cell .layout-component .right, .layout-cell .layout-component .right * {
    text-align:right;
}

.layout-cell .layout-component.center, .layout-cell .layout-component.center *,
.layout-cell .layout-component .center, .layout-cell .layout-component .center * {
    text-align:center;
}


.layout-cell.right .layout-component.left, .layout-cell.right .layout-component.left *,
.layout-cell.right .layout-component .left, .layout-cell.right .layout-component .left * {
    text-align:left;
}

/***********COL CLASSES*****************/

/****LAYOUT*****/

body .ui-dialog .col2, body .ui-dialog .col3, body .ui-dialog .col4, body .ui-dialog .col5, body .ui-dialog .col6, body .ui-dialog .col7,
body .ui-dialog .col8, body .ui-dialog .col9, body .ui-dialog .col10, body .ui-dialog .col11, body .ui-dialog .col12, body .ui-dialog .col13, body .ui-dialog .col14,
body .ui-dialog .col15, body .ui-dialog .col16, body .ui-dialog .col23, body .ui-dialog .col24, body .ui-dialog .col34, body .ui-dialog .col25,
body .ui-dialog .col35, body .ui-dialog .col45, body .ui-dialog .res2, body .ui-dialog .res3, body .ui-dialog .res4, body .ui-dialog .res5, body .ui-dialog .res6 {
    display:inline-block;
    margin-right:1%;
}


body .layout-row,
body .layout-cell,
body .layout-component,
body .layout .col2, body .layout .col3, body .layout .col4, body .layout .col5, body .layout .col6, body .layout .col7,
body .layout .col8, body .layout .col9, body .layout .col10, body .layout .col11, body .layout .col12, body .layout .col13, body .layout .col14,
body .layout .col15, body .layout .col16, body .layout .col23, body .layout .col24, body .layout .col34, body .layout .col25,
body .layout .col35, body .layout .col45, body .layout .res2, body .layout .res3, body .layout .res4, body .layout .res5, body .layout .res6 {
    display:inline-block;
    margin-right:1%;
}

.layout .layout-cell, .layout .layout-component, .layout .eg-cell {
    margin-right: 1% !important;
}

body .layout-row {
    clear:both;
}

body .iend, body .layout .col1, body .layout .iend, body .layout .col2:last-child {
    margin-right:0px !important;
}

body .layout .empty {
    display:none;
}
body .layout .empty.display {
    display:initial !important;
}

.col1  {
    width:100%;
}

.auto {
    width: auto;
    display: inline-block;
}

.col2, .col612  {
    width: 49.5%;
}

.col3, .col412 {
    width:32.66%;
}
.col23, .col812 {
    width:66.33%;
}
.col4, .col312  {
    width: 24.25%;
}
.col34, .tight34 {
    width: 74.75%;
}

.col5  {
    width: 19.2%;
}
.col25 {
    width: 39.4%;
}
.col35 {
    width: 59.6%;
}
.col45 {
    width: 79.8%;
}

.col6, .col212 {
    width: 15.83%;
}
.col56, .col1012 {
    width: 83.16%;
}

.col7  {
    width: 13.42%;
}
.col27  {
    width: 27.85%;
}
.col37  {
    width: 42.28%;
}
.col47  {
    width: 56.71%;
}
.col57  {
    width: 71.14%;
    ;
}
.col67 {
    width: 85.57%;
}

.col8  {
    width: 11.62%;
}
.col28 {
    width: 24.25%;
}
.col38 {
    width: 36.87%;
}
.col48 {
    width: 49.5%;
}
.col58 {
    width: 62.12%;
}
.col68, .col912 {
    width: 74.75%;
}
.col78 {
    width: 87.37%;
}

.col9  {
    width: 10.22%;
}
.col29 {
    width: 21.44%;
}
.col39 {
    width: 32.66%;
}
.col49 {
    width: 43.88%;
}
.col59 {
    width: 55.11%;
}
.col69 {
    width: 66.33%;
}
.col79 {
    width: 77.55%;
}
.col89 {
    width: 88.77%;
}
.col90 {
    width: 88.77%;
}

.col10 {
    width: 9.1%;
}
.col11 {
    width: 8.181%;
}


.col512 {
    width: 41.08%;
}
.col712 {
    width: 57.91%;
}
.col1112 {
    width: 91.58%;
}
.col12 {
    width: 7.416%;
}

.col13 {
    width:6.769%;
}
.col14 {
    width:6.214%;
}
.col15 {
    width:5.733%;
}
.col16 {
    width:5.3125%;
}

.col216 {
    width: 11.625%;
}
.col316 {
    width: 17.9375%;
}
.col416 {
    width: 24.25%;
}
.col516 {
    width:30.5625%;
}
.col616 {
    width:36.875%;
}
.col716 {
    width:43.1875%;
}
.col816 {
    width:49.5%;
}
.col916 {
    width:55.8125%;
}
.col1016 {
    width:62.125%;
}
.col1116 {
    width:68.4375%;
}
.col1216 {
    width:74.75%;
}
.col1316 {
    width:81.0625%
}
.col1416 {
    width:87.375%;
}
.col1516 {
    width:93.6875%;
}

.min-col10 {
    min-width: 10%;
}

.res2 {
    width: 49.5%;
}
.res2:nth-child(2n+2) {
    margin-right:0px !important;
}

.res3  {
    width:32.66%;
}
.res3:nth-child(3n+3) {
    margin-right:0px !important;
}

.res4  {
    width: 24.25%;
}
.res4:nth-child(4n+4) {
    margin-right:0px !important;
}

.res5  {
    width: 19.2%;
}
.res5:nth-child(5n+5) {
    margin-right:0px !important;
}

.res6  {
    width: 15.83%;
}
.res6:nth-child(6n+6) {
    margin-right:0px !important;
}

/****MARGINS*****/

.margin-top-xs {
    margin-top:4px;
}
.margin-bottom-xs {
    margin-bottom:4px;
}

.margin-top-small {
    margin-top:8px;
}
.margin-bottom-small {
    margin-bottom:8px;
}

.margin-top-medium {
    margin-top:12px;
}
.margin-bottom-medium {
    margin-bottom:12px;
}

.margin-top-large {
    margin-top:24px;
}
.margin-bottom-large {
    margin-bottom:24px;
}

.margin-top-xl {
    margin-top:50px;
}
.margin-bottom-xl {
    margin-bottom:50px;
}



/****OTHER DEFAULTS*****/

body > .layout > .layout-cell {
    margin:0px auto;
}

.layout .layout-cell, .layout .layout-component,
.product, .mini, .button, .horizontal > li, .layout .inline-block, .eg-cell {
    display:inline-block;
}

.layout .col1 {
    display:block;
}

.mini, .layout, .layout-component, .layout-cell, .product img {
    position:relative;
}

.layout-cell, .layout-component, .mini, .product {
    vertical-align:top;
}

.visible {
    visibility:visible!important;
    display:block;
}

.hidden, .hide, script, .script {
    visibility:hidden !important;
    display:none !important;
}

.optional-hidden {
    display:none;
}



/*********FRONT END EDITING*************/

.ui-dialog.ui-draggable .ui-dialog-titlebar {
    width: 100%;
}

.ui-dialog.no-title-bar .ui-dialog-titlebar {
    display:none;
}

.ui-dialog-content h2.page-title {
    background-color: #333;
    color: #fff;
    font-size: 26px;
    line-height: 46px;
    margin:0px !important;
}

.ui-dialog-content .collations {
    padding: 12px;
    border: 1px solid #ccc;
    background-color: #efefef;
}

.eos-list.fe-edit .quick-search {
    display: inline-block;
    width: 600px;
    border-top: 4px solid #ccc;
    border-radius: 0px;
    padding: 8px 12px;
    border-bottom: 4px solid #ccc;
    margin-right: 12px;
}

.eos-list.fe-edit .quick-search h3 {
    display: inline-block;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-right: 12px;
}

.eos-list.fe-edit .quick-search .list-search {
    display:inline-block;
}

.eos-list.fe-edit .quick-search .list-search .search-input {
    margin: 0px;
    min-width: 300px;
}

.eos-list.fe-edit .quick-search .list-search .search-button {
    vertical-align: top;
}

.eos-list.fe-edit .quick-search .list-search .button {
    height: 40px;
    width: 40px;
    text-align: center !important;
    padding: 0px !important;
    vertical-align: top;
    line-height: 40px;
    font-size: 0px;
    background-image: url(/userfiles/images/searchicon.png);
    background-size: 20px;
    background-position: center;
    border-radius: 0px 4px 4px 0px !important;
    border-left: 0px;
    border-color: #8c8c8c;
}

.eos-list.fe-edit .new-entry {
    height: 60px;
    vertical-align: top;
    line-height: 50px;
    background-image: url(/images/add.png);
    background-size: 26px;
    background-position: 12px center;
    padding-left: 50px;
    font-size: 18px;
}


.eos-list.fe-edit .result-count-indicator {
    display: inline-block;
    background-color: #333;
    width: 100%;
    color: #fff;
    font-size: 10px;
    vertical-align: top;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 36px;
    line-height:18px;
}


.eos-list.fe-edit .eos-list-output {
    background-color:#fff;
}

.eos-list.fe-edit .eos-list-output .col-type-image img {
    max-height:50px;
}

.inline-block {
    display: inline-block !important
}

.searchable-select .options {
    border: 1px solid #ccc;
    padding: 12px;
    max-height: 150px;
    margin-bottom:12px;
    overflow-y: auto;
}

div.searchable-select .option {
    padding: 4px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    cursor: pointer;
}

body.ee-image-zoomed > .layout {
    opacity:0.4;
}

div.ee-zoomed {
    position:fixed;
    z-index:999999999;
    height: 100vh;
    background-color: #fff;
    border:2px solid #ccc;
    overflow:hidden;
}

div.ee-zoomed, div.ee-zoomed img {
    max-width:100%;
}

/********SIMPLE-TABLE**********/

.simple-table {
    display: table !important;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    text-align: left;
}

.simple-table .simple-table-headings {
    display:table-row !important;
    width:100%;
    background-color: #333333;
}

.simple-table .simple-table-headings > div{
    color:#fff;
    padding:8px;
    display:table-cell !important;
    border:1px solid #ccc;
}

.simple-table .simple-table-body {
    width: 100%;
    display: table-row-group !important;
}

.simple-table .simple-table-row {
    display:table-row !important;
    width:100%;
}
.simple-table .simple-table-row:nth-child(even) {
    background-color:#eee;
}

.simple-table .simple-table-row > div {
    display:table-cell !important;
    border:1px solid #ccc;
    padding: 4px 8px;
    vertical-align: middle;
}

.simple-table div.center {
    text-align:center;
}

.required-missing > input {
    border:1px solid red !important;
}

body.modal-masked > .layout {
    opacity:0.5;
}

.modal-mask {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(25, 31, 38);
    z-index: 100;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    /*background-size:300px;*/
}

textarea.auto-grow {
    display:block;
    overflow:auto;

    font-size: 14px;
    margin: 50px auto;
    border-radius: 6px;
    box-shadow: 2px 2px 8px rgba(black, .3);
    border: 0;
    min-height: initial;
    height: initial;
    line-height: initial;
    max-height: 100%;

    &:focus{
        border: none;
        outline: none;
        background-color: initial;
    }
}

.mod-warning-warning.default {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 5px;
}


/********FORMS**********/


.confirm.complete, .entered.complete {
    border: 1px solid green;
    background-image: url("/images/forms/accept.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}

.confirm.error, .entered.error, .entered.error.complete {
    border:1px solid red;
    background-image: url("/images/forms/warning.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}

.validate-error {
    display: inline-block;
    width: 100%;
    background-color: #c43445;
    color: #fff;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ff6174;
}


/********ALTCHA********/

altcha-widget {
    margin: 0px auto 12px !important;
    display: inline-block;
}

altcha-widget > .altcha {
}
altcha-widget * {
    color:#fff !important;
}
.altcha-footer, .altcha-logo {
    opacity:1 !important;
}

altcha-widget .altcha {
    border-width: 1px;
    border-radius: 3px;
    color: #fff !important;
    background-color: #333 !important;
    display:inline-block;
}

altcha-widget .altcha-label label {
    color: #fff !important;
}

altcha-widget .altcha-footer {
    background-color: #333 !important;
    color: #fff !important;
}

altcha-widget .altcha-footer label {
    color: #fff !important;
}


div.eos-radio input:checked ~ .eos-radio-toggle {
    left:50%;
}

div.eos-radio .eos-radio-toggle {
    display: block;
    width: 50%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: 50px;
    transition: all .4s ease;
    background-color: #000;

}

div.eos-radio label {
    display: flex;
    margin: 0;
    cursor: pointer;
    z-index: 1;
}

div.eos-radio .eos-radio-off, div.eos-radio .eos-radio-on {
    flex: 1;
    flex-basis: 50%;
    width: 50%;
    min-width: 40px;
    text-align: center;
    padding: 0 6px;
    white-space: nowrap;
    color:#fff;
}

div.eos-radio {
    background-color: #2F2F5F !important;
    border-color: #2F2F5F !important;
    border-radius: 50px;
    border: 4px solid #fff;
    position:relative;
}

div.eos-radio {

}

@media screen and (max-width:1000px) {
    .ui-dialog.ui-draggable {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

.clickable {
    cursor:pointer;
}
 /** Begin CSS Section: defaults */

 /* Begin CSS Part: Base */

 /* Begin CSS Part: Layout */

 /* Begin CSS Part: Desktop Defaults */

 /* Begin CSS Part: Tablet Defaults */

 /* Begin CSS Part: Mobile Defaults */

 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

 /* Begin CSS Part: Fonts */

 /* Begin CSS Part: Buttons */

 /* Begin CSS Part: Colours */

 /* Begin CSS Part: Menus */

 /* Begin CSS Part: Responsive Menu */

 /* Begin CSS Part: Editor Overrides */

 /* Begin CSS Part: Specials */

 /* Begin CSS Part: Effects */

 /* Begin CSS Part: Site Design */

 /* Begin CSS Part: User Design */

 /* Begin CSS Part: Site Components */

 /* Begin CSS Part: Results */

 /* Begin CSS Part: Pages */

 /** Begin CSS Section: modules */

 /* Begin CSS Part: 404 */

 /* Begin CSS Part: Admin */

 /* Begin CSS Part: Auth */

 /* Begin CSS Part: Auto Pdf */

 /* Begin CSS Part: Basket */

 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */

 /* Begin CSS Part: Checkout */

 /* Begin CSS Part: Collation */

 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Cookies */

 /* Begin CSS Part: Crm */

 /* Begin CSS Part: Currency Converter */

 /* Begin CSS Part: Discount */

 /* Begin CSS Part: Email Template */

 /* Begin CSS Part: Form */

 /* Begin CSS Part: Gallery */

 /* Begin CSS Part: Google Analytics */

 /* Begin CSS Part: Home */

 /* Begin CSS Part: Image Library */

 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* Begin CSS Part: Order Manager */

 /* Begin CSS Part: Orders */

 /* Begin CSS Part: Payment Gateway */

 /* Begin CSS Part: Personalisation */

 /* Begin CSS Part: Qanda */

 /* Begin CSS Part: Redirect */

 /* Begin CSS Part: Review */

 /* Begin CSS Part: Scroller */

 /* Begin CSS Part: Search */

 /* Begin CSS Part: Search Results */

 /* Begin CSS Part: Seo */

 /* Begin CSS Part: Shipping */

 /* Begin CSS Part: Snippets */

 /* Begin CSS Part: Sub Layout */

 /* Begin CSS Part: System Manager */

 /* Begin CSS Part: User */

 /* Begin CSS Part: Warning */