body {
    background-position: center top;
    background-color: #ebeff0;
    background-repeat: no-repeat;
    margin: 0;
    border: 0;
    padding: 0;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

#VersionNumber {
    line-height: 12px;
    padding: 0;
    text-align: right;
    margin: 0 8px 0 0;
}

/* #region column Panels */
.clearfix:before, .clearfix:after, .cfx:before, .cfx:after {
    content: "";
    display: table;
}

.clearfix:after, .cfx:after {
    clear: both;
}

.clearfix, .cfx {
    zoom: 1; /* ie 6/7 */
    clear: both;
}

.autofit--image {
    max-width: 100%;
}

.no--float {
    float: none !important;
}

.auto--height {
    height: auto !important;
}

.auto--width {
    width: auto !important;
}

.column1120 {
    position: relative;
    float: left;
    width: 1120px;
    min-height: 25px;
    margin: 10px 0px 10px 20px;
}

.column1120Auto {
    position: relative;
    float: left;
    width: 1120px;
    margin: 10px 0px 10px 20px;
}

.column1080 {
    position: relative;
    float: left;
    width: 1080px;
    min-height: 25px;
    margin: 10px 0px 10px 20px;
}

.column1080Auto {
    position: relative;
    float: left;
    width: 1080px;
    margin: 10px 0px 10px 20px;
}

.column1000 {
    position: relative;
    float: left;
    width: 1000px;
    min-height: 25px;
    margin: 10px 0px 10px 20px;
}

.column1000Auto {
    position: relative;
    float: left;
    width: 1000px;
    margin: 10px 0px 10px 20px;
}

.column950 {
    position: relative;
    float: left;
    width: 950px;
    min-height: 25px;
    margin: 10px 0px 10px 20px;
}

.column950Auto {
    position: relative;
    float: left;
    width: 950px;
    margin: 10px 0px 10px 20px;
}

.column900 {
    position: relative;
    float: left;
    width: 900px;
    min-height: 25px;
    margin: 10px 0px 10px 20px;
}

.column900Auto {
    position: relative;
    float: left;
    width: 900px;
    margin: 10px 0px 10px 20px;
}

.column900Top {
    position: relative;
    float: left;
    width: 900px;
    min-height: 25px;
    margin: 10px 0px 0px 20px;
}

.column900Mid {
    position: relative;
    float: left;
    width: 900px;
    min-height: 25px;
    margin: 0px 0px 0px 20px;
}

.column900Bot {
    position: relative;
    float: left;
    width: 900px;
    min-height: 25px;
    margin: 0px 0px 10px 20px;
}

.column850 {
    position: relative;
    float: left;
    width: 850px;
    min-height: 25px;
    margin: 10px 0px 10px 20px;
}

.column850Auto {
    position: relative;
    float: left;
    width: 850px;
    margin: 10px 0px 10px 20px;
}

.column800 {
    position: relative;
    float: left;
    width: 800px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column800Auto {
    position: relative;
    float: left;
    width: 800px;
    margin: 10px 0px 10px 20px;
}

.column700 {
    position: relative;
    float: left;
    width: 700px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column600 {
    position: relative;
    float: left;
    width: 600px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column550 {
    position: relative;
    float: left;
    width: 550px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column500Auto {
    position: relative;
    float: left;
    width: 500px;
    min-height: 25px;
    margin: 10px 0px 10px 20px;
}

.column500 {
    position: relative;
    float: left;
    width: 500px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column450 {
    position: relative;
    float: left;
    width: 450px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column425 {
    position: relative;
    float: left;
    width: 425px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column400 {
    position: relative;
    float: left;
    width: 400px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column400Auto {
    position: relative;
    float: left;
    width: 400px;
    min-height: 25px;
    margin: 10px 0px 10px 20px;
}

.column320 {
    position: relative;
    float: left;
    width: 300px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column220 {
    position: relative;
    float: left;
    width: 200px;
    height: 25px;
    margin: 10px 0px 10px 20px;
}

.column350 {
    position: relative;
    float: left;
    width: 350px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column325 {
    position: relative;
    float: left;
    width: 325px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column300 {
    position: relative;
    float: left;
    width: 300px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column250 {
    position: relative;
    float: left;
    width: 250px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column200,
.Column200 {
    position: relative;
    float: left;
    width: 200px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column175 {
    position: relative;
    float: left;
    width: 175px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column150,
.Column150 {
    position: relative;
    float: left;
    width: 150px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column125 {
    position: relative;
    float: left;
    width: 125px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column110Auto {
    position: relative;
    float: left;
    width: 110px;
    margin: 10px 0px 10px 0px;
}

.column100,
.Column100 {
    position: relative;
    float: left;
    width: 100px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column100Auto {
    position: relative;
    float: left;
    width: 100px;
    margin: 10px 0px 10px 0px;
}

.column95 {
    position: relative;
    float: left;
    width: 95px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column75 {
    position: relative;
    float: left;
    width: 75px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column60 {
    position: relative;
    float: left;
    width: 60px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column50 {
    position: relative;
    float: left;
    width: 50px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column40 {
    position: relative;
    float: left;
    width: 40px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

.column35 {
    position: relative;
    float: left;
    width: 35px;
    height: 25px;
    margin: 10px 0px 10px 0px;
}

/* #endregion */

/* background */

.bk-y-center {
    background-position-y: center !important;
}

.bk-y-bottom {
    background-position-y: bottom !important;
}

.bk-y-top {
    background-position-y: top !important;
}

.bk-x-center {
    background-position-x: center !important;
}

.bk-x-bottom {
    background-position-x: bottom !important;
}

.bk-x-top {
    background-position-x: top !important;
}

/* #region Buttons */

.cssBtnLeft40 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 40px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft60 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 60px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft80 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 80px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
    padding: 10px;
}

.cssBtnLeft100 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 100px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft120 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 120px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft140 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 140px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft160 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 160px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft180 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft200 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 200px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft220 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 220px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft240 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 240px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft260 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 260px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft280 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 280px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnLeft300 {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 300px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight40 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 40px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight60 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 60px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight80 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 80px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight100 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 100px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight120 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 120px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight140 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 140px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight160 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 160px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight180 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight200 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 200px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight220 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 220px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight240 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 240px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight260 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 260px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight280 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 280px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight300 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 300px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight320 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 320px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight340 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 340px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight360 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 360px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtnRight380 {
    position: relative;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 380px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    border: 0;
    cursor: pointer;
}

.cssBtn30Right60 {
    position: relative;
    float: right;
    margin: 0px 0px 0px 10px;
    width: 60px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    border: 0;
    cursor: pointer;
}

/* #endregion */

.ti20 {
    text-indent: 20px;
}

.marginleft20 {
    margin-left: 20px;
}

.marginleft10 {
    margin-left: 10px;
}

.margin10 {
    margin: 10px;
}

/* #region Wrapper Panels */

.cssBackgroundColourBorderRadius {
    background-color: #ffffff;
    border-radius: 5px;
}

.cssWrapper1160 {
    position: relative;
    width: 1160px;
    margin-left: 20px;
    display: table;
}

.cssWrapper1020 {
    position: relative;
    width: 1020px;
    margin-left: 20px;
    display: table;
}

.cssWrapper1250 {
    position: relative;
    width: 1250px;
    margin-left: 20px;
    display: table;
}

.cssWrapper720 {
    position: relative;
    width: 720px;
    margin-left: 20px;
    display: table;
}

.cssWrapper940 {
    position: relative;
    width: 940px;
    margin-left: 20px;
    display: table;
}

.cssWrapper1040 {
    position: relative;
    width: 1040px;
    margin-left: 20px;
    display: table;
}

.cssWrapper1160_0 {
    position: relative;
    width: 1160px;
    display: table;
}

.cssWrapper940_0 {
    position: relative;
    width: 940px;
    display: table;
}

.cssWrapper620 {
    position: relative;
    float: left;
    width: 620px;
    margin-left: 20px;
    display: table;
}

.cssWrapperRightAuto {
    position: relative;
    float: right;
}

.cssWrapper560 {
    position: relative;
    float: left;
    width: 560px;
    margin-left: 20px;
    display: table;
}

.cssWrapper450 {
    position: relative;
    float: left;
    width: 450px;
    margin-left: 20px;
    display: table;
}

.cssWrapper420 {
    position: relative;
    float: left;
    width: 420px;
    margin-left: 20px;
    display: table;
}

.cssWrapper460 {
    position: relative;
    float: left;
    width: 460px;
    margin-left: 20px;
    display: table;
}

.cssWrapper350 {
    float: left;
    position: relative;
    width: 350px;
    display: table;
}

.cssWrapper300 {
    position: relative;
    float: left;
    width: 300px;
    margin-left: 20px;
    display: table;
}

.cssWrapper220 {
    float: left;
    position: relative;
    width: 220px;
    display: table;
}

.DropDownPanel {
    margin-top: 10px;
}


.cssWrapper200 {
    float: left;
    position: relative;
    width: 200px;
    display: table;
}

.cssWrapper180 {
    float: left;
    position: relative;
    width: 180px;
    display: table;
}

.cssMarginBottom5 {
    margin-bottom: 5px;
}

.cssMarginBottom10 {
    margin-bottom: 10px;
}

.cssMargin10 {
    margin: 10px;
}

.cssMargin20 {
    margin: 20px;
}

.cssMarginBottom20 {
    margin-bottom: 20px;
}

.cssMarginLeft0 {
    margin-left: 0px;
}

.cssWhiteRounded {
    background-color: #ffffff;
    border-radius: 5px;
}

/* #endregion */

.greyLabel {
    position: relative;
    float: left;
    color: #7e8b8c;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}

.greyLabel16 {
    position: relative;
    float: left;
    color: #7e8b8c;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}

.greyLabelAuto {
    position: relative;
    float: left;
    color: #7e8b8c;
    min-height: 25px;
    line-height: 25px;
    font-size: 14px;
}

.blackLabel {
    position: relative;
    float: left;
    color: #000000;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}

    .blackLabel.no--height {
        height: auto;
    }

.blackLabel16 {
    position: relative;
    float: left;
    color: #000000;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}

.blackLabel24 {
    position: relative;
    float: left;
    color: #000000;
    height: 25px;
    line-height: 32px;
    font-size: 24px;
}

.blackLabelAuto {
    position: relative;
    float: left;
    color: #000000;
    min-height: 25px;
    line-height: 25px;
    font-size: 14px;
}

.blackLabelAuto16 {
    position: relative;
    float: left;
    color: #000000;
    min-height: 25px;
    line-height: 25px;
    font-size: 16px;
}

.redLabel {
    position: relative;
    float: left;
    color: #ff0000;
    line-height: 25px;
    font-size: 14px;
}

.orangeLabel {
    position: relative;
    float: left;
    color: #c86e00;
    line-height: 25px;
    font-size: 14px;
}

.greenLabel {
    position: relative;
    float: left;
    color: #007700;
    line-height: 25px;
    font-size: 14px;
}

#WarningIcon {
    background: url('https://images.cloudcommercepro.com/Warning.png');
    width: 48px;
    height: 48px;
    position: relative;
    top: -30px;
    lefT: -74px;
}

#aonWatchListLabel {
    border: 1px solid #FFAD33;
    background: #f1e767;
    background: -moz-linear-gradient(top, #f1e767 0%, #fcbc5d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#fcbc5d));
    background: -webkit-linear-gradient(top, #f1e767 0%,#fcbc5d 100%);
    background: -o-linear-gradient(top, #f1e767 0%,#fcbc5d 100%);
    background: -ms-linear-gradient(top, #f1e767 0%,#fcbc5d 100%);
    background: linear-gradient(to bottom, #f1e767 0%,#fcbc5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fcbc5d',GradientType=0 );
    outline: none;
    cursor: help;
    position: relative;
    text-decoration: none;
    border-bottom: 1px dotted #000;
}

#onWatchListLabel {
    display: none;
    border: 1px solid #bf382a;
    margin: -2px 0px 0 100px;
    padding: 4px 10px 9px 35px;
    color: #bf382a;
    background-color: #fff;
    width: 150px;
    float: left;
    height: 20px;
    font-size: 20px;
    border-radius: 5px;
}

.onWatchListLabelSmall {
    border: 1px solid #bf382a;
    color: #bf382a;
    background-color: #fff;
    width: 32px;
    float: left;
    height: 26px;
    font-size: 10px;
    border-radius: 3px;
    text-align: center;
}

.DropDownPanel {
    float: left;
    padding: 5px;
    position: relative;
    color: #7e8b8c;
    border: 0px;
}

.DropDownPanelBorder {
    float: left;
    padding: 5px;
    position: relative;
    color: #7e8b8c;
    border: 1px solid #7e8b8c;
}

.DropDownPanel30 {
    float: left;
    height: 30px;
    padding: 5px;
    position: relative;
    color: #7e8b8c;
    border: 0px;
    margin-left: 5px;
}

.DropDownPanel30Border {
    float: left;
    height: 30px;
    padding: 5px;
    position: relative;
    color: #7e8b8c;
    border: 1px solid #7e8b8c;
    margin-left: 5px;
}

.DropDownPanel30RoundBorder {
    float: left;
    height: 30px;
    padding: 5px;
    position: relative;
    color: #7e8b8c;
    border: 1px solid #d6d6d6;
    margin-left: 5px;
    border-radius: 5px;
}

.DropDownPanel50 {
    float: left;
    height: 50px;
    padding: 15px 5px;
    position: relative;
    color: #7e8b8c;
    border: 0px;
    margin-left: 5px;
}

.DropDownPanel50RoundBorder {
    float: left;
    height: 50px;
    padding: 15px 5px;
    position: relative;
    color: #7e8b8c;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    margin-left: 5px;
}

.inputPanel50_25_Black {
    position: relative;
    float: left;
    width: 50px;
    height: 25px;
    font-size: 14px;
    text-align: center;
    color: #000000;
    border: 1px solid #7e8b8c;
}

.inputPanel300 {
    position: relative;
    float: left;
    width: 300px;
    height: 30px;
    font-size: 14px;
    text-indent: 5px;
    color: #7e8b8c;
    border: 1px solid #7e8b8c;
    margin-left: 10px;
}

    .inputPanel300:hover {
        border-color: #5cacdf;
    }

    .inputPanel300:focus {
        border-color: #5cacdf;
    }

.full--height {
    height: 100%;
}

/* Input overrides BEGIN */

.input--full--width, .full--width {
    width: 100%;
    display: block;
    margin: auto 0;
}

input[type=number].input--full--width:read-only,
input[type=text].input--full--width:read-only {
    background-color: transparent;
    border: 1px solid darkgray;
}

.input--full--width.padded {
    padding: 0.5em;
}

.width--p--10 {
    width: 10%;
}

.width--p--20 {
    width: 20%;
}

.width--p--25 {
    width: 25%;
}

.width--p--30 {
    width: 30%;
}

.width--p--40 {
    width: 40%;
}

.width--p--50 {
    width: 50%;
}

.width--p--60 {
    width: 60%;
}

.width--p--70 {
    width: 70%;
}

.width--p--75 {
    width: 75%;
}

.width--p--80 {
    width: 80%;
}

.width--p--90 {
    width: 90%;
}

.light--border, .white--panel input, .white--panel select, .white--panel textarea {
    border: 1px solid #d6d6d6;
}

.input--large {
    font-size: 2em;
}

.input--small {
    font-size: 0.77em;
    height: auto;
}

.padded--input {
    padding: 15px;
    font-size: 1em;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
}

.input--e1 {
    width: 1em;
    height: 1em;
}

.margin--input-5 {
    margin: 5px;
}

.margin--input-10 {
    margin: 10px;
}

.margin--input-v-5 {
    margin: 5px 0;
}

.margin--input-v-10 {
    margin: 10px 0;
}

.input--auto--width input, .input--auto--width select, .input--auto--width textarea {
    width: auto !important;
}

/* Input overrides END */

.listHeader {
    position: relative;
    height: 45px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #ffffff;
    border-bottom: 1px solid #7e8b8c;
    color: Gray;
}

.listHeaderAuto {
    position: relative;
    float: left;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #ffffff;
    border-bottom: 1px solid #7e8b8c;
    color: Gray;
}

.listFooter {
    position: relative;
    float: left;
    height: 15px;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ffffff;
}

.listItemAuto,
.ListItemAuto,
.listitemauto {
    position: relative;
    float: left;
    min-height: 45px;
    font-size: 14px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #7e8b8c;
}

    .listItemAuto:hover,
    .listitemauto:hover,
    .ListItemAuto:hover {
        background-color: #f1f2f3;
    }

.listItem, .ListItem {
    position: relative;
    min-height: 45px;
    font-size: 14px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #7e8b8c;
    clear: both;
}

.factorylist #FactoryPanel .ListItem {
    height: auto;
    float: left;
}

    .factorylist #FactoryPanel .listItem .column450 {
        min-height: 25px;
        height: auto;
    }

        .factorylist #FactoryPanel .listItem .column450 .blackLabel {
            height: auto;
            min-height: 25px;
        }


.padded--list .row {
    padding-left: 10px;
}

.listItem:hover {
    background-color: #f1f2f3;
    cursor: hand;
}

.listItem.selected {
    background: #666;
}

    .listItem.selected div {
        color: #fff;
    }

.listItemLast {
    position: relative;
    min-height: 45px;
    font-size: 14px;
    display: table;
    width: 100%;
    background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 0;
}

    .listItemLast:hover {
        background-color: #f1f2f3;
    }

textarea:focus, input:focus {
    outline: 0;
}

#Header {
    background-color: #ffffff;
    width: 100%;
    height: 140px;
}

#Footer {
    background-color: #bcc2c6;
    width: 100%;
    height: 100px;
    clear: both;
    position: relative;
}

#FooterLogo {
    height: 50px;
    width: 170px;
    background-image: url('https://images.cloudcommercepro.com/CSS-logo-footer.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 30px;
    left: 20px;
    float: left;
}

#LogOut {
    height: 35px;
    border-radius: 5px;
    float: right;
    position: relative;
    top: 34px;
    margin-right: 20px;
    text-align: center;
    line-height: 33px;
    padding: 0 10px;
}

#Container.responsive-980 #LogOut {
    margin-right: 0;
}

#emailInvoiceButton {
    width: 120px;
    height: 35px;
    border-radius: 5px;
    float: left;
    text-align: center;
    line-height: 33px;
    position: relative;
    top: 10px;
    margin-right: 10px;
}

#printInvoiceButton {
    width: 120px;
    height: 35px;
    border-radius: 5px;
    float: left;
    text-align: center;
    line-height: 33px;
    position: relative;
    top: 10px;
}



#LogOut:hover {
    cursor: pointer;
}

#CopyScreen {
    height: 35px;
    border-radius: 5px;
    float: right;
    position: relative;
    top: 34px;
    margin-right: 10px;
    text-align: center;
    line-height: 33px;
}

    #CopyScreen:hover {
        cursor: pointer;
    }

#CopyScreenHome {
    height: 35px;
    border-radius: 5px;
    float: right;
    position: relative;
    top: 34px;
    margin-right: 10px;
    text-align: center;
    line-height: 33px;
}

#Support, #Impersonate {
    height: 35px;
    border-radius: 5px;
    float: right;
    position: relative;
    top: 34px;
    margin-right: 10px;
    text-align: center;
    line-height: 33px;
}

    #Support:hover {
        cursor: pointer;
    }

#CopyScreenHome:hover {
    cursor: pointer;
}

#HeaderLogo {
    top: 20px !important;
    left: 20px !important;
    height: 100px !important;
    width: 400px !important;
}

    #HeaderLogo.js-contained {
        background-size: contain !important;
    }

.CustomButtonSmall.hanging--button, #Impersonate.hanging--button, #CopyScreen.hanging--button, #CopyScreenHome.hanging--button, #LogOut.hanging--button, #Support.hanging--button {
    top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0 10px;
}

.welcome--panel {
    right: 0;
    top: 59px;
}

.welcome--info {
    clear: right;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.welcome--info--left {
}

.welcome--info--right {
    padding: 8px;
    text-align: right;
}

div.support--button {
    box-sizing: border-box;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #d9e021;
    font-size: 14px;
    width: 125px;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 30px;
    margin-right: 12px;
    margin-left: 8px;
    font-weight: bold;
}

    div.support--button:hover {
        background-color: #f0f3a6;
    }

    div.support--button i {
        margin-left: auto;
    }

    div.support--button svg {
        height: 16px;
        margin-left: auto;
    }

#Welcome {
    float: right;
    clear: left;
    line-height: 18px;
    /*font-size: 26px;*/
    margin: 0;
    padding: 0;
    position: relative;
    top: 0px;
    margin-right: 20px;
}

#LLU_Welcome {
    float: right;
    clear: left;
    margin: 0;
    padding: 0;
    position: relative;
    top: 8px;
    margin-right: 20px;
}

#Configuration {
    display: inline-block;
    line-height: 12px;
    margin: 0;
    padding: 0px 0px 5px 0px;
    font-weight: bold;
    font-size: small;
}

#LLU_Configuration {
    float: right;
    clear: right;
    line-height: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -12px;
    margin-right: 20px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#headback {
    width: 100%;
    height: 140px;
    background-color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.btn--std {
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    padding: 10px;
    color: #fff;
}

    .btn--std.slim {
        padding: 0.3em 1em;
    }

.listingButtons {
    float: right;
    width: 140px;
    padding-left: 15px;
    box-sizing: border-box;
}

.listingButtonLabels {
    width: 140px;
    padding-left: 15px;
    float: right;
    box-sizing: border-box;
    margin-left: 0;
}

.product #SCPricePanel .ListItem {
    height: auto;
    float: left;
}

    .product #SCPricePanel .ListItem .blackLabel {
        height: auto;
        margin-bottom: 10px;
    }

.btn--channelLink {
    border: none;
    padding: 4px 7px;
    font-size: 11px !important;
    margin-top: 12px;
    margin-right: 5px;
    float: left;
}

    .btn--channelLink a {
        color: #fff;
        text-decoration: none;
    }


.btn--std.full--width {
    padding: 10px 0;
}

.btn.btn--upper {
    text-transform: uppercase;
}

.btn--lrg > span {
    margin-right: 0.5em;
}

.btn.full--width {
    display: block;
    width: 100%;
}

.btn.btn--lrg {
    font-size: 1.5em;
}

.btn--block {
    display: block;
}

.btn--off {
    opacity: 0.5 !important;
}

.btn--std:hover {
    cursor: pointer;
}

.btn--std.btn--reverse {
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: #fff;
    color: #000;
    border: 1px solid #fff;
}

    .btn--std.btn--reverse:hover {
        color: #fff;
    }


.btn--std.btn--transparent {
    border-width: 2px;
    background: none;
}

.btn--link {
    text-decoration: underline;
    cursor: pointer;
    color: #0a6aa1;
}

.btn.selected {
    background: #000;
    color: #fff;
}

.btn--margin-h {
    margin-left: 1em;
    margin-right: 1em;
}

.btn.btn--black {
    background-color: #333333;
}

a.btn--std {
    text-decoration: none;
}

.no--dec {
    text-decoration: none;
}

input.btn--std {
    border: none;
}

.btn--edit {
    margin: 5px;
}

.btn--no-v-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.btn--h-padded {
    padding: 4px 12px;
}

.button--menu {
    width: 250px;
    background: #ccc;
    padding: 1em 1em 0 1em;
    margin-top: 0.33em;
    margin-left: -10px;
    border-radius: 0.66em;
    border-top-left-radius: 0;
}

    .button--menu.left {
        border-top-right-radius: 0;
        border-top-left-radius: 0.66em;
        right: 0%;
    }

    .button--menu.neg-top {
        margin-top: -5px;
    }

    .button--menu:hover {
        background: inherit;
    }


    .button--menu .btn {
        width: 88%;
        display: block;
        margin-bottom: 1em;
    }

.btn--slimline--reverse {
    width: 100%;
    max-width: 100px;
    padding: 0;
    margin-top: 5px;
    background: #fff;
    color: #000;
    border-radius: 5px;
    display: inline-block;
    font-size: 21px;
    cursor: pointer;
}

    .btn--slimline--reverse:hover {
        background-color: #f15A24;
        color: #fff;
    }

.delChanRow {
    padding: .5em;
    position: relative;
    float: left;
    width: 900px;
    border: 2px solid #5cacdf;
    border-radius: 5px;
    margin: .5em;
}

.delChanRowHeading {
    max-width: 50%;
    display: block;
}

.channelTypeSubheading {
    max-width: 100%;
    display: inline;
}

.delChanButton {
    width: 80px;
    height: 35px;
    margin-right: .5em;
    /*margin-bottom: .5em;*/
    /*margin-top: .5em;*/
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    display: inline;
    position: absolute;
    top: .8em;
    right: 0;
}

.removeSalesChanPara {
    width: 100%;
    display: block;
    clear: both;
    position: relative;
    margin-left: .5em;
}

#BackButton, #ContentPlaceHolder1_BackButton {
    width: 80px;
    height: 35px;
    border-radius: 5px;
    float: left;
    text-align: center;
    line-height: 33px;
    position: relative;
    top: 5px;
}

    #BackButton:hover, ContentPlaceHolder1_BackButton:hover {
        cursor: pointer;
    }

    #BackButton a,
    #BackButton a:visited,
    #ContentPlaceHolder1_BackButton a,
    #ContentPlaceHolder1_BackButton a:visited {
        color: white;
        text-decoration: none;
    }

.breadCrumbLink {
    position: relative;
    left: 40px;
    top: 17px;
    line-height: 12px;
    font-size: 12px;
    cursor: pointer;
}

    .breadCrumbLink a, .breadCrumbLink a:visited {
        text-decoration: none;
        color: inherit;
    }

#ContentPlaceHolder1_GoCustomer {
    position: relative;
    left: 40px;
    top: 17px;
    line-height: 12px;
    font-size: 12px;
}

    #ContentPlaceHolder1_GoCustomer:hover {
        cursor: pointer;
    }

#ContentPlaceHolder1_GoProductRange {
    position: relative;
    left: 40px;
    top: 17px;
    line-height: 12px;
    font-size: 12px;
}

    #ContentPlaceHolder1_GoProductRange:hover {
        cursor: pointer;
    }

.PageTitle {
    float: left;
    line-height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
}

/* Modal panel */

.modal--panel {
    min-width: 600px;
}

    .modal--panel.modal--wide {
        min-width: 980px;
    }

    .modal--panel.small {
        min-width: 400px;
    }

/* Modal panel */

.modalBox .modal-fixed-confirm {
    position: fixed;
    width: 100%;
    margin: 0;
    bottom: 0;
    left: 0;
    z-index: 300;
}

    .modalBox .modal-fixed-confirm .content {
        background: #ebeff0;
        width: 51%;
        margin: 0 25% 0 25%;
        padding: 1em 0;
    }

.modal-browser-bottom .modalBox .modal-fixed-confirm {
    position: relative;
}

    .modal-browser-bottom .modalBox .modal-fixed-confirm .content {
        background: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

.modal--title {
    margin-top: 0;
    background: #fff;
    text-align: center;
    padding: 0.33em 0;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    float: none;
    box-shadow: rgba(0,0,0,0.03) 0 0.22em 5px 0;
}

.PageTitle.VMargin {
    margin: 0 auto 1em auto;
}

.MidPageTitle {
    float: left;
    clear: left;
    line-height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
    margin: 0 0 10px 0px;
}

.BreadCrumb {
    float: left;
}

.breadcrumb--trail {
    list-style-type: none;
    margin: 0.5em;
    padding: 0.5em 0;
}

    .breadcrumb--trail li {
        display: inline-block;
    }

        .breadcrumb--trail li a {
            text-decoration: none;
            padding: 0.5em 0em;
            display: inline-block;
            float: none;
            top: 0;
            left: 0;
        }

            .breadcrumb--trail li a:hover {
                cursor: pointer;
            }

.CDOuterLeftPanel {
}

.CDOuterLeftPanelHR {
    width: 95%;
    background-color: #7e8b8c;
    margin: 0 auto;
    border: 0;
    height: 1px;
    clear: both;
}

.CDOuterRightPanel {
    width: 300px;
    float: right;
    position: relative;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 20px;
    clear: right;
}

.leftColumn {
    float: left;
    width: 640px;
    position: relative;
}

.rightColumn {
    float: left;
    width: 300px;
    position: relative;
}

.smallleftColumn {
    float: left;
    width: 300px;
    position: relative;
}

.largerightColumn {
    float: left;
    width: 640px;
    position: relative;
    margin-left: 40px;
}

.floatLeft {
    position: relative;
    float: left;
}

.floatRight {
    position: relative;
    float: right;
}


.left {
    float: left;
}

.right {
    float: right;
}

.taleft {
    text-align: left;
}

.taright {
    text-align: right;
}

.tacenter {
    text-align: center;
}

.modalBox .modal-fixed-confirm .content-productmapper {
    background: #ebeff0;
    margin: 0 26% 0 25%;
    padding: 1em;
}
/* #region Loading Panel region */

#loadingModalPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background-image:url(https://images.cloudcommercepro.com/trans_20.png);*/
    background-color: rgba(0,0,0,0.2);
    visibility: hidden;
    z-index: 100000;
}

#loadingPanelInner {
    border: 2px solid white;
    height: 116px;
    top: 60px;
    position: relative;
    border-radius: 25px;
}

#loadingPanel {
    position: relative;
    margin: 0 auto;
    width: 400px;
    height: 180px;
    /*background-image:url('https://images.cloudcommercepro.com/Cloud-load-panel.png');*/
}

#loadingStaticText {
    position: relative;
    font-size: 30px;
    top: 32px;
    left: 50px;
    width: 300px;
    overflow: hidden;
}

#loadingGif {
    position: absolute;
    top: -40px;
    left: 173px;
    width: 50px;
    height: 50px;
    background-image: url('https://images.cloudcommercepro.com/Cloud-load.gif');
}

#loadingCloud {
    position: absolute;
    top: -60px;
    left: 128px;
    width: 140px;
    height: 100px;
    background-image: url('https://images.cloudcommercepro.com/load-cloud.png');
}

#loadingText {
    position: absolute;
    top: 75px;
    left: 50px;
    width: 420px;
    height: 20px;
    overflow: hidden;
    text-transform: uppercase;
    width: 300px;
    overflow: hidden;
}

.loadingText {
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
}

.inlineLoadingGif {
    width: 50px;
    height: 50px;
    background-image: url('https://images.cloudcommercepro.com/Cloud-load.gif');
}

/* Full Height Modal */
.fullHeightModal {
    height: 100% !important;
    position: absolute;
    display: block;
    top: 0 !important;
    width: 50% !important;
    margin: 0 auto;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

    .fullHeightModal.wide {
        width: 75% !important;
    }

    .fullHeightModal.veryWide {
        width: 90% !important;
    }

.hangingModal {
    height: 70% !important;
    position: absolute;
    display: block;
    top: 0 !important;
    width: 50% !important;
    margin: 0 auto;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

    .fullHeightModal #defaultEditPanel, .fullHeightModal #defaultEditPanel2, .fullHeightModal #defaultEditPanel3, .hangingModal #defaultEditPanel {
        width: 100%;
    }


    .fullHeightModal #defaultEditPanelMid, .fullHeightModal #defaultEditPanel2Mid, .fullHeightModal #defaultEditPanel3Mid, .hangingModal #defaultEditPanelMid {
        border-radius: 0;
        width: 100%;
        min-height: 100vh;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .hangingModal #defaultEditPanelMid {
        border-bottom-left-radius: 1em;
        border-bottom-right-radius: 1em;
    }

.modal--close {
    background: #222;
    color: #fff;
    padding: 0.22em;
    border-radius: 1em;
    display: block;
    width: 1em;
    text-align: center;
    height: 1em;
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    z-index: 3000;
    font-size: 2em;
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px 0;
    border: 2px solid #fff;
    cursor: pointer;
}

    .modal--close:hover {
        background: #666;
    }

    .modal--close i {
        display: block;
    }


/* #endregion */

/* #region Signal R Loading Panel region */

#signalRLoadingModalPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background-image:url(https://images.cloudcommercepro.com/trans_20.png);*/
    background-color: rgba(0,0,0,0.2);
    visibility: hidden;
    z-index: 100000;
}

#signalRLoadingPanel {
    position: relative;
    top: 50%;
    left: 50%;
    margin: -120px 0px 0px -250px;
    width: 600px;
    min-height: 180px;
}

#signalRLoadingPanelInner {
    position: relative;
    float: left;
    top: 60px;
    width: 500px;
    min-height: 116px;
    border: 2px solid white;
    border-radius: 25px;
}

#signalRLoadingGif {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    background-image: url('https://images.cloudcommercepro.com/Cloud-load.gif');
}

#signalRLoadingCloud {
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 100px;
    background-image: url('https://images.cloudcommercepro.com/load-cloud.png');
}

#signalRLoadingStaticText {
    position: relative;
    margin: 30px 0px 0px 10px;
    width: 480px;
    height: 34px;
    line-height: 34px;
    font-size: 30px;
    text-align: center;
}

#signalRLoadingText {
    position: relative;
    margin: 10px 0px 5px 10px;
    width: 480px;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
}

/* #endregion */

/* Non obscuring loader */

.corner-loader__message {
    position: fixed;
    width: 350px;
    color: #fff;
    top: 15px;
    right: 10px;
    padding: 1em;
    font-size: 0.8em;
    border-radius: 1em;
    border: 2px solid #fff;
    box-shadow: rgba(0,0,0,0.1) 0px 5px 5px 0px;
    display: none;
    flex-direction: row;
    z-index: 300000;
}

    .corner-loader__message.visible {
        display: flex;
    }

.corner-loader__text {
    flex-grow: 1;
    font-size: 11px;
    line-height: 20px;
}

.corner-loader__cloud {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('https://images.cloudcommercepro.com/load-cloud.png');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-left: auto;
    margin-right: 5px;
    flex-shrink: 0;
}

.corner-loader__spinner {
    flex-shrink: 0;
}

.corner-loader__shape {
    color: #000;
    position: fixed;
    width: 140px;
    height: 140px;
    font-size: 0;
    border: 0;
    transform: rotate(45deg);
    transform-origin: center;
    top: -70px;
    right: -170px;
    opacity: 0;
    transition: all 300ms ease;
    transition-delay: 250ms;
    z-index: 299999;
}

    .corner-loader__shape.visible {
        opacity: 1;
        right: -70px;
    }

.loading--panel.non--obscure {
    position: fixed;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    z-index: 300000;
    display: none;
    visibility: hidden;
}

    .loading--panel.non--obscure .loading--content {
        width: 300px;
        height: 300px;
        overflow: hidden;
    }

    .loading--panel.non--obscure .message {
        position: absolute;
        width: 350px;
        color: #fff;
        top: 15px;
        right: 10px;
        padding: 1em;
        font-size: 0.8em;
        border-radius: 1em;
        border: 2px solid #fff;
        box-shadow: rgba(0,0,0,0.1) 0px 5px 5px 0px;
        background-image: url('https://images.cloudcommercepro.com/load-cloud.png');
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 90% 14px;
    }

        .loading--panel.non--obscure .message p {
            width: 85%;
            margin: 0.33em 0;
        }

    .loading--panel.non--obscure .loading--corner {
        width: 0px;
        height: 0px;
        color: #000;
        font-size: 25px;
        border-top: 0;
        border-left: 200px solid transparent;
        border-right: 200px solid;
        border-right-color: inherit;
        border-bottom: 200px solid transparent;
        right: -100px;
        position: absolute;
    }


    .loading--panel.non--obscure .loader,
    .spinning--loader,
    .corner-loader__spinner {
        margin: 0;
        font-size: 10px;
        text-indent: -9999em;
        border-top: 0.5em solid rgba(255, 255, 255, 0.2);
        border-right: 0.5em solid rgba(255, 255, 255, 0.2);
        border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
        border-left: 0.5em solid #ffffff;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
        float: right;
    }

        .loading--panel.non--obscure .loader,
        .loading--panel.non--obscure .loader:after,
        .spinning--loader,
        .spinning--loader:after,
        .corner-loader__spinner,
        .corner-loader__spinner:after {
            border-radius: 50%;
            width: 1em;
            height: 1em;
        }

            .loading--panel.non--obscure .loader.dark,
            .spinning--loader.dark {
                border-top: 0.5em solid rgba(0, 0, 0, 0.2);
                border-right: 0.5em solid rgba(0, 0, 0, 0.2);
                border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
                border-left: 0.5em solid #000;
            }

            .loading--panel.non--obscure .loader.stopped,
            .spinning--loader.stopped {
                animation-duration: 0s !important;
            }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Animation easing modifiers */

.anim--slow--in {
    animation-timing-function: cubic-bezier(.27,.71,.23,1);
    -webkit-animation-timing-function: cubic-bezier(.27,.71,.23,1);
}

.anim--slow--out {
    animation-timing-function: cubic-bezier(.27,.71,.23,1);
    -webkit-animation-timing-function: cubic-bezier(.27,.71,.23,1);
}

.anim-delay-30s {
    animation-delay: 30s;
}

.anim-delay-10s {
    animation-delay: 10s;
}

.anim-delay-5s {
    animation-delay: 5s;
}

.anim-delay-1m {
    animation-delay: 60s;
}


/* Non obscuring loader */

.loading--message.inline {
    position: relative;
    margin: 1em 0;
}

    .loading--message.inline .message {
        position: absolute;
    }

.radioBlue, .radioGreen, .radioRed, .radioAmber, .radioOff {
    position: relative;
    float: left;
    margin: 3px 5px 3px 5px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border: 2px solid;
    border-radius: 100%;
    background: #eee !important;
}

    .radioBlue::before {
        position: absolute;
        top: 26%;
        left: 26%;
        height: 11px;
        width: 11px;
        border-radius: 100%;
        background-color: #0271B8;
        content: "";
    }

    .radioGreen::before {
        position: absolute;
        top: 26%;
        left: 26%;
        height: 11px;
        width: 11px;
        border-radius: 100%;
        background-color: #8cb225;
        content: "";
    }

    .radioRed::before {
        position: absolute;
        top: 26%;
        left: 26%;
        height: 11px;
        width: 11px;
        border-radius: 100%;
        background-color: #ef1b25;
        content: "";
    }

    .radioAmber::before {
        position: absolute;
        top: 26%;
        left: 26%;
        height: 11px;
        width: 11px;
        border-radius: 100%;
        background-color: orange;
        content: "";
    }

.checkBoxOff {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(https://images.cloudcommercepro.com/checkBox_sprite.png);
    background-position: 0 0;
    margin: 2px 5px 2px 5px;
    cursor: pointer;
}

.checkBoxOn {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(https://images.cloudcommercepro.com/checkBox_sprite.png);
    background-position: 0 -27px;
    margin: 2px 5px 2px 5px;
    cursor: pointer;
}

.check--box-prodMan-input {
    margin: 10px 40%;
}

.reprice--prodMan-info {
    margin: 4px 0 0 0;
}

.checkBoxDis {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(//image.cloudstocksystems.com/pageserver/trans_white_50.png);
    background-position: 0px -54px;
    margin: 2px 0px;
}

.width100 {
    width: 100px;
}

#BackBtn {
    width: 80px;
    height: 35px;
    border-radius: 5px;
    float: right;
    text-align: center;
    line-height: 33px;
    position: relative;
    top: 5px;
    margin-left: 10px;
}

    #BackBtn:hover {
        background-color: #33485d;
        cursor: pointer;
    }

.AutoButton, .AutoButtonLeft {
    width: auto;
    height: 35px;
    border-radius: 5px;
    float: right;
    text-align: center;
    line-height: 33px;
    position: relative;
    top: 5px;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

    .AutoButton:hover {
        cursor: pointer;
    }

.AutoButtonLeft {
    float: left;
}

    .AutoButtonLeft:hover {
        cursor: pointer;
    }

.BreadCrumbButton {
    position: relative;
    line-height: 12px;
    font-size: 12px;
    top: 17px;
    margin-right: 25px;
}

    .BreadCrumbButton:hover {
        cursor: pointer;
    }

.ButtonSmaller {
    font-size: 12px;
    height: 30px;
    line-height: 28px;
}

.SmallAutoButton {
    width: 80px;
    height: 30px;
    border-radius: 5px;
    float: right;
    text-align: center;
    line-height: 29px;
    position: relative;
}

    .SmallAutoButton:hover {
        cursor: pointer;
    }

.CNh1, .CNh2, .CNh3, .CNh4 {
    position: relative;
    float: left;
    width: auto;
}

.CNh1 {
    font-size: 36px;
    font-style: normal;
}

.CNh2 {
    font-size: 26px;
    font-style: normal;
    margin-right: 10px;
}

.CNh3 {
    font-size: 20px;
    font-style: normal;
}

.CNh4 {
    font-size: 14px;
    font-style: normal;
}

.Width220 {
    width: 220px;
}

.Width200 {
    width: 200px;
}

.Width180 {
    width: 180px;
}

.Width160 {
    width: 160px;
}

.Width140 {
    width: 140px;
}

.Width120 {
    width: 120px;
}

.Width110 {
    width: 110px;
}

.Width100 {
    width: 100px;
}

.Width80 {
    width: 80px;
}

.Width60 {
    width: 60px;
}

.Width50 {
    width: 50px;
}

.Width40 {
    width: 40px;
}

.Width30 {
    width: 30px;
}

/*.EditButton, .NewButton, .EditBtn, .EditButtonSmall
{
    position:absolute;
    bottom:10px;
    right:10px;
    height:10px;
    width:20px;
    /*background-image:url('/resources/Images/EditOff.png');
    background-repeat:no-repeat;
}*/
.EditBtn {
    position: relative;
    float: right;
}

    .EditButton:hover, .NewButton:hover, .EditBtn:hover, .EditButtonSmall:hover {
        cursor: pointer;
        /*background-image:url('/resources/Images/EditOver.png');*/
    }

.EditButtonSmall {
    float: right;
    position: relative;
    font-size: 10px;
    color: #5cacdf;
}

/* #region Round Buttons */


.roundButton60,
.roundbutton60,
.RoundButton60 {
    /*Dont change this style without checking the whole site as it is used globally*/
    float: right;
    position: relative;
    top: -7px;
    width: 100px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
}

    .roundButton60:hover,
    .roundbutton60:hover,
    .RoundButton60:hover {
        background-color: #33485d;
    }

.roundButton80 {
    position: relative;
    float: right;
    width: 80px;
    height: 27px;
    margin: 10px;
    border: 0;
    padding: 0;
    color: #ffffff;
    background-color: #5cacdf;
    line-height: 27px;
    font-size: 16px;
    cursor: pointer;
}

    .roundButton80:hover {
        background-color: #33485d;
    }

.roundButton100 {
    position: relative;
    float: right;
    width: 100px;
    height: 27px;
    margin: 10px;
    border: 0;
    padding: 0;
    color: #ffffff;
    background-color: #5cacdf;
    line-height: 27px;
    font-size: 16px;
    cursor: pointer;
}

    .roundButton100:hover {
        background-color: #33485d;
        color: #ffffff;
    }

.roundButton130 {
    position: relative;
    float: right;
    width: 130px;
    height: 27px;
    margin: 10px;
    border: 0;
    padding: 0;
    color: #ffffff;
    background-color: #5cacdf;
    line-height: 27px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .roundButton130:hover {
        background-color: #33485d;
    }

.roundButton180 {
    position: relative;
    float: right;
    width: 180px;
    height: 27px;
    margin: 10px;
    border: 0;
    padding: 0;
    color: #ffffff;
    background-color: #5cacdf;
    line-height: 27px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .roundButton180:hover {
        background-color: #33485d;
    }
/* #endregion */

/* #region Imagegallery */
.editPanelWhitelabel, .fullPanel, .fullPanel3, .bluePinLine {
    position: relative;
    float: left;
}

.editPanelWhitelabel {
    height: 24px;
    width: 500px;
    line-height: 24px;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    margin: 0 0 0 10px;
}

.galleryOverPanel {
    position: absolute;
    top: 110px;
    left: 0px;
    width: 90px;
    height: 60px;
    background-image: url(https://images.cloudcommercepro.com/manager/image_over_panel.png);
    background: #444444;
}

.fullPanel {
    width: 680px;
    margin: 10px 0 0 8px;
}

.fullPanel3 {
    width: 600px;
    margin: 5px 0 0 50px;
}

.bluePinLine {
    width: 680px;
    height: 1px;
    border: 1px solid rgb(110, 250, 240);
    background-position: 0px -161px;
    margin: 0px 0 0 7px;
}

.editPanelGreylabel70 {
    position: relative;
    float: left;
    height: 24px;
    width: 70px;
    line-height: 24px;
    color: #929497;
}

#galleryDescription {
    position: relative;
    float: left;
    width: 600px;
    color: Black;
    font-size: medium;
    margin-left: 10px;
    margin-top: 10px;
}
/* #endregion */

/* #region Image Gallery Panel */

#imageGalleryContainer {
    position: relative;
    width: 620px;
    height: auto;
    margin-top: 10px;
    overflow: visible;
}

#imageGallery, #ImageGallery {
    position: relative;
    top: 0px;
    left: 0px;
    width: 900px;
}

#ImageGallery {
    width: 610px;
}

.galleryImageContainer, .galleryImageContainerLarge {
    position: relative;
    float: left;
    width: 87px;
    height: 111px;
    border: 1px solid #26a9ff;
    margin: 2px 0 0 0px;
    cursor: pointer;
    overflow: hidden;
}

.galleryImage, .galleryImageLarge {
    position: relative;
    float: left;
    width: 87px;
    height: 111px;
}

.galleryImageLarge, .galleryImageContainerLarge {
    width: 435px;
    height: 555px;
}

.imageText {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 80px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    overflow: hidden;
}

.deleteImage {
    position: absolute;
    top: 25px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-image: url('/Images/Default/delete-off.png');
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

    .deleteImage:hover {
        background-image: url('/Images/Default/delete-over.png');
    }

.editImage {
    position: absolute;
    top: 25px;
    left: 35px;
    width: 20px;
    height: 20px;
    background-image: url('/Images/Default/edit-off.png');
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

    .editImage:hover {
        background-image: url('/Images/Default/edit-over.png');
    }

.applyImage {
    position: absolute;
    top: 25px;
    left: 60px;
    width: 20px;
    height: 20px;
    background-image: url('/Images/Default/tick-off.png');
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

    .applyImage:hover {
        background-image: url('/Images/Default/tick-over.png');
    }

#miniModal {
    position: absolute;
    top: 0px;
    left: 8px;
    width: 700px;
    height: 0px;
    /*background-image:url(https://images.cloudcommercepro.com/manager/trans_80.png);
    background-color:rgb(51, 51, 51);*/
    background-color: rgba(0,0,0,0.8);
    background-repeat: repeat;
    overflow: hidden;
}

#imageUploadFrame {
    position: relative;
    float: left;
    width: 680px;
    height: 60px;
    margin-top: 10px;
    background-color: transparent;
}

#imageEditorFrame {
    position: relative;
    float: left;
    width: 600px;
    height: 380px;
    background-color: transparent;
}

#imageDescriptionInput, #ReturnDescriptionInput {
    position: relative;
    float: left;
    width: 600px;
    height: 50px;
    background-color: White;
    color: Black;
}

.deleteIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('https://s3.eu-west-1.wasabisys.com/ccp-images/circle-x.svg');
    cursor: pointer;
}

    .deleteIcon:hover {
        background-image: url('https://s3.eu-west-1.wasabisys.com/ccp-images/circle-x_red.svg');
    }

.searchIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('https://s3.eu-west-1.wasabisys.com/ccp-images/magnifying-glass.svg');
    cursor: pointer;
}

    .searchIcon:hover {
        background-image: url('https://s3.eu-west-1.wasabisys.com/ccp-images/magnifying-glass_blue.svg');
    }

.downloadIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('//image.cloudstocksystems.com/pageserver/download_26_off.png');
    cursor: pointer;
}

    .downloadIcon:hover {
        background-image: url('//image.cloudstocksystems.com/pageserver/download_26_on.png');
    }

.disabledDownloadIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('//image.cloudstocksystems.com/pageserver/download_26_off.png');
    cursor: default;
}

.viewIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('https://s3.eu-west-1.wasabisys.com/ccp-images/eye.svg');
    cursor: pointer;
}

    .viewIcon:hover {
        background-image: url('https://s3.eu-west-1.wasabisys.com/ccp-images/eye_blue.svg');
    }

.retryIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('https://s3.eu-west-1.wasabisys.com/ccp-images/retry.svg');
    cursor: pointer;
}

    .retryIcon:hover {
        background-image: url('https://s3.eu-west-1.wasabisys.com/ccp-images/retry_blue.svg');
    }

.stopIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('//image.cloudstocksystems.com/pageserver/stop_26_off.png');
    cursor: pointer;
}

    .stopIcon:hover {
        background-image: url('//image.cloudstocksystems.com/pageserver/stop_26_on.png');
    }

.pauseIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('//image.cloudstocksystems.com/pageserver/pause_26.png');
    cursor: pointer;
}

    .pauseIcon:hover {
        background-image: url('//image.cloudstocksystems.com/pageserver/paused_26.png');
    }

.pausedIcon {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url('//image.cloudstocksystems.com/pageserver/paused_26.png');
    cursor: pointer;
}

    .pausedIcon:hover {
        background-image: url('//image.cloudstocksystems.com/pageserver/unpause_26.png');
    }

/* #endregion */

/* #region jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

.jstree-node {
    white-space: nowrap;
}

.jstree-anchor {
    display: inline-block;
    color: black;
    white-space: nowrap;
    padding: 0 4px 0 1px;
    margin: 0;
    vertical-align: top;
}

    .jstree-anchor:focus {
        outline: 0;
    }

    .jstree-anchor,
    .jstree-anchor:link,
    .jstree-anchor:visited,
    .jstree-anchor:hover,
    .jstree-anchor:active {
        text-decoration: none;
        color: inherit;
    }

.jstree-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center;
}

    .jstree-icon:empty {
        display: inline-block;
        text-decoration: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        text-align: center;
    }

.jstree-ocl {
    cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
    cursor: default;
}

.jstree .jstree-open > .jstree-children {
    display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
    display: none;
}

.jstree-anchor > .jstree-themeicon {
    margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
    display: none;
}

.jstree-rtl .jstree-anchor {
    padding: 0 1px 0 4px;
}

    .jstree-rtl .jstree-anchor > .jstree-themeicon {
        margin-left: 2px;
        margin-right: 0;
    }

.jstree-rtl .jstree-node {
    margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
}

.jstree-wholerow-ul {
    position: relative;
    display: inline-block;
    min-width: 100%;
}

    .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
        cursor: pointer;
    }

    .jstree-wholerow-ul .jstree-anchor,
    .jstree-wholerow-ul .jstree-icon {
        position: relative;
    }

    .jstree-wholerow-ul .jstree-wholerow {
        width: 100%;
        cursor: pointer;
        position: absolute;
        left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.vakata-context {
    display: none;
}

    .vakata-context,
    .vakata-context ul {
        margin: 0;
        padding: 2px;
        position: absolute;
        background: #f5f5f5;
        border: 1px solid #979797;
        -moz-box-shadow: 5px 5px 4px -4px #666666;
        -webkit-box-shadow: 2px 2px 2px #999999;
        box-shadow: 2px 2px 2px #999999;
    }

        .vakata-context ul {
            list-style: none;
            left: 100%;
            margin-top: -2.7em;
            margin-left: -4px;
        }

        .vakata-context .vakata-context-right ul {
            left: auto;
            right: 100%;
            margin-left: auto;
            margin-right: -4px;
        }

        .vakata-context li {
            list-style: none;
            display: inline;
        }

            .vakata-context li > a {
                display: block;
                padding: 0 2em 0 2em;
                text-decoration: none;
                width: auto;
                color: black;
                white-space: nowrap;
                line-height: 2.4em;
                -moz-text-shadow: 1px 1px 0 white;
                -webkit-text-shadow: 1px 1px 0 white;
                text-shadow: 1px 1px 0 white;
                -moz-border-radius: 1px;
                -webkit-border-radius: 1px;
                border-radius: 1px;
            }

                .vakata-context li > a:hover {
                    position: relative;
                    background-color: #e8eff7;
                    -moz-box-shadow: 0 0 2px #0a6aa1;
                    -webkit-box-shadow: 0 0 2px #0a6aa1;
                    box-shadow: 0 0 2px #0a6aa1;
                }

                .vakata-context li > a.vakata-context-parent {
                    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
                    background-position: right center;
                    background-repeat: no-repeat;
                }

                .vakata-context li > a:focus {
                    outline: 0;
                }

        .vakata-context .vakata-context-hover > a {
            position: relative;
            background-color: #e8eff7;
            -moz-box-shadow: 0 0 2px #0a6aa1;
            -webkit-box-shadow: 0 0 2px #0a6aa1;
            box-shadow: 0 0 2px #0a6aa1;
        }

        .vakata-context .vakata-context-separator > a,
        .vakata-context .vakata-context-separator > a:hover {
            background: white;
            border: 0;
            border-top: 1px solid #e2e3e3;
            height: 1px;
            min-height: 1px;
            max-height: 1px;
            padding: 0;
            margin: 0 0 0 2.4em;
            border-left: 1px solid #e0e0e0;
            -moz-text-shadow: 0 0 0 transparent;
            -webkit-text-shadow: 0 0 0 transparent;
            text-shadow: 0 0 0 transparent;
            -moz-box-shadow: 0 0 0 transparent;
            -webkit-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }

        .vakata-context .vakata-contextmenu-disabled a,
        .vakata-context .vakata-contextmenu-disabled a:hover {
            color: silver;
            background-color: transparent;
            border: 0;
            box-shadow: 0 0 0;
        }

        .vakata-context li > a > i {
            text-decoration: none;
            display: inline-block;
            width: 2.4em;
            height: 2.4em;
            background: transparent;
            margin: 0 0 0 -2em;
            vertical-align: top;
            text-align: center;
            line-height: 2.4em;
        }

            .vakata-context li > a > i:empty {
                width: 2.4em;
                line-height: 2.4em;
            }

        .vakata-context li > a .vakata-contextmenu-sep {
            display: inline-block;
            width: 1px;
            height: 2.4em;
            background: white;
            margin: 0 0.5em 0 0;
            border-left: 1px solid #e2e3e3;
        }

        .vakata-context .vakata-contextmenu-shortcut {
            font-size: 0.8em;
            color: silver;
            opacity: 0.5;
            display: none;
        }

.vakata-context-rtl ul {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
    background-position: left center;
    background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
    margin: 0 2.4em 0 0;
    border-left: 0;
    border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
    right: auto;
    left: 100%;
    margin-left: -4px;
    margin-right: auto;
}

.vakata-context-rtl li > a > i {
    margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
    margin: 0 0 0 0.5em;
    border-left-color: white;
    background: #e2e3e3;
}

#jstree-marker {
    position: absolute;
    top: 0;
    left: 0;
    margin: -5px 0 0 0;
    padding: 0;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

#jstree-dnd {
    line-height: 16px;
    margin: 0;
    padding: 4px;
}

    #jstree-dnd .jstree-icon,
    #jstree-dnd .jstree-copy {
        display: inline-block;
        text-decoration: none;
        margin: 0 2px 0 0;
        padding: 0;
        width: 16px;
        height: 16px;
    }

    #jstree-dnd .jstree-ok {
        background: green;
    }

    #jstree-dnd .jstree-er {
        background: red;
    }

    #jstree-dnd .jstree-copy {
        margin: 0 2px 0 2px;
    }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-repeat: no-repeat;
    background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
    transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
    background: #beebff;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
    display: none;
}

.jstree-default .jstree-disabled {
    background: transparent;
    color: #666666;
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: transparent;
        box-shadow: none;
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

    .jstree-default .jstree-disabled > .jstree-icon {
        opacity: 0.8;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
        /* Firefox 10+ */
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */
    }

.jstree-default .jstree-search {
    font-style: italic;
    color: #8b0000;
    font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: transparent;
    box-shadow: none;
}

    .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
        background: #e7f4f9;
    }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
    background: transparent;
}

    .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
        background: #e7f4f9;
    }

.jstree-default > .jstree-striped {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.jstree-default .jstree-wholerow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
    background: #beebff;
    background: -moz-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff));
    background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
    background: -o-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
    background: -ms-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
    background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );*/
}

.jstree-default .jstree-node {
    min-height: 24px;
    line-height: 24px;
    margin-left: 24px;
    min-width: 24px;
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px;
}

.jstree-default .jstree-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

    .jstree-default .jstree-icon:empty {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px;
}

.jstree-default .jstree-wholerow {
    height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-image: url("/Images/32px.png");
}

.jstree-default .jstree-node {
    background-position: -292px -4px;
    background-repeat: repeat-y;
}

.jstree-default .jstree-last {
    background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
    background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
    background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
    background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
    background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
    background: transparent;
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default .jstree-checkbox {
    background-position: -164px -4px;
}

    .jstree-default .jstree-checkbox:hover {
        background-position: -164px -36px;
    }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
    background-position: -228px -4px;
}

    .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default .jstree-checked > .jstree-checkbox:hover {
        background-position: -228px -36px;
    }

.jstree-default .jstree-anchor > .jstree-undetermined {
    background-position: -196px -4px;
}

    .jstree-default .jstree-anchor > .jstree-undetermined:hover {
        background-position: -196px -36px;
    }

.jstree-default > .jstree-striped {
    background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("/Images/throbber.gif") center center no-repeat;
}

.jstree-default .jstree-file {
    background: url("/Images/32px.png") -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
    background: url("/Images/32px.png") -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default {
    line-height: 24px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default .jstree-ok,
    #jstree-dnd.jstree-default .jstree-er {
        background-image: url("/Images/32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default i {
        background: transparent;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    #jstree-dnd.jstree-default .jstree-ok {
        background-position: -4px -68px;
    }

    #jstree-dnd.jstree-default .jstree-er {
        background-position: -36px -68px;
    }

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-small .jstree-node {
    min-height: 18px;
    line-height: 18px;
    margin-left: 18px;
    min-width: 18px;
}

.jstree-default-small .jstree-anchor {
    line-height: 18px;
    height: 18px;
}

.jstree-default-small .jstree-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
}

    .jstree-default-small .jstree-icon:empty {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

.jstree-default-small.jstree-rtl .jstree-node {
    margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
    height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
    background-image: url("/Images/32px.png");
}

.jstree-default-small .jstree-node {
    background-position: -295px -7px;
    background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
    background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
    background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
    background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
    background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
    background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
    background: transparent;
}

    .jstree-default-small .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default-small .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default-small .jstree-checkbox {
    background-position: -167px -7px;
}

    .jstree-default-small .jstree-checkbox:hover {
        background-position: -167px -39px;
    }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
    background-position: -231px -7px;
}

    .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
        background-position: -231px -39px;
    }

.jstree-default-small .jstree-anchor > .jstree-undetermined {
    background-position: -199px -7px;
}

    .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
        background-position: -199px -39px;
    }

.jstree-default-small > .jstree-striped {
    background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("/Images/throbber.gif") center center no-repeat;
}

.jstree-default-small .jstree-file {
    background: url("/Images/32px.png") -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
    background: url("/Images/32px.png") -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default-small {
    line-height: 18px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default-small .jstree-ok,
    #jstree-dnd.jstree-default-small .jstree-er {
        background-image: url("/Images/32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default-small i {
        background: transparent;
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    #jstree-dnd.jstree-default-small .jstree-ok {
        background-position: -7px -71px;
    }

    #jstree-dnd.jstree-default-small .jstree-er {
        background-position: -39px -71px;
    }

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-large .jstree-node {
    min-height: 32px;
    line-height: 32px;
    margin-left: 32px;
    min-width: 32px;
}

.jstree-default-large .jstree-anchor {
    line-height: 32px;
    height: 32px;
}

.jstree-default-large .jstree-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

    .jstree-default-large .jstree-icon:empty {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

.jstree-default-large.jstree-rtl .jstree-node {
    margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
    height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
    background-image: url("/Images/32px.png");
}

.jstree-default-large .jstree-node {
    background-position: -288px 0px;
    background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
    background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
    background-position: -128px 0px;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
    background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
    background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
    background-position: -256px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
    background: transparent;
}

    .jstree-default-large .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default-large .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default-large .jstree-checkbox {
    background-position: -160px 0px;
}

    .jstree-default-large .jstree-checkbox:hover {
        background-position: -160px -32px;
    }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
    background-position: -224px 0px;
}

    .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
        background-position: -224px -32px;
    }

.jstree-default-large .jstree-anchor > .jstree-undetermined {
    background-position: -192px 0px;
}

    .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
        background-position: -192px -32px;
    }

.jstree-default-large > .jstree-striped {
    background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("/Images/throbber.gif") center center no-repeat;
}

.jstree-default-large .jstree-file {
    background: url("/Images/32px.png") -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
    background: url("/Images/32px.png") -256px 0px no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default-large {
    line-height: 32px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default-large .jstree-ok,
    #jstree-dnd.jstree-default-large .jstree-er {
        background-image: url("/Images/32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default-large i {
        background: transparent;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    #jstree-dnd.jstree-default-large .jstree-ok {
        background-position: 0px -64px;
    }

    #jstree-dnd.jstree-default-large .jstree-er {
        background-position: -32px -64px;
    }

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}

@media (max-width: 768px) {
    #jstree-dnd.jstree-dnd-responsive {
        line-height: 40px;
        font-weight: bold;
        font-size: 1.1em;
        text-shadow: 1px 1px white;
    }

        #jstree-dnd.jstree-dnd-responsive > i {
            background: transparent;
            width: 40px;
            height: 40px;
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
            background-image: url("/Images/40px.png");
            background-position: 0 -200px;
            background-size: 120px 240px;
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-er {
            background-image: url("/Images/40px.png");
            background-position: -40px -200px;
            background-size: 120px 240px;
        }

    #jstree-marker.jstree-dnd-responsive {
        border-left-width: 10px;
        border-top-width: 10px;
        border-bottom-width: 10px;
        margin-top: -10px;
    }
}

@media (max-width: 768px) {
    .jstree-default-responsive {
        /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/
    }

        .jstree-default-responsive .jstree-icon {
            background-image: url("/Images/40px.png");
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background: transparent;
        }

        .jstree-default-responsive .jstree-node {
            min-height: 40px;
            line-height: 40px;
            margin-left: 40px;
            min-width: 40px;
            white-space: nowrap;
        }

        .jstree-default-responsive .jstree-anchor {
            line-height: 40px;
            height: 40px;
        }

        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-icon:empty {
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

        .jstree-default-responsive > .jstree-container-ul > .jstree-node {
            margin-left: 0;
        }

        .jstree-default-responsive.jstree-rtl .jstree-node {
            margin-left: 0;
            margin-right: 40px;
        }

        .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
            margin-right: 0;
        }

        .jstree-default-responsive .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background: transparent;
        }

        .jstree-default-responsive .jstree-open > .jstree-ocl {
            background-position: 0 0px !important;
        }

        .jstree-default-responsive .jstree-closed > .jstree-ocl {
            background-position: 0 -40px !important;
        }

        .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
            background-position: -40px 0px !important;
        }

        .jstree-default-responsive .jstree-themeicon {
            background-position: -40px -40px;
        }

        .jstree-default-responsive .jstree-checkbox,
        .jstree-default-responsive .jstree-checkbox:hover {
            background-position: -40px -80px;
        }

        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
        .jstree-default-responsive .jstree-checked > .jstree-checkbox,
        .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
            background-position: 0 -80px;
        }

        .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
        .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
            background-position: 0 -120px;
        }

        .jstree-default-responsive .jstree-anchor {
            font-weight: bold;
            font-size: 1.1em;
            text-shadow: 1px 1px white;
        }

        .jstree-default-responsive > .jstree-striped {
            background: transparent;
        }

        .jstree-default-responsive .jstree-wholerow {
            border-top: 1px solid rgba(255, 255, 255, 0.7);
            border-bottom: 1px solid rgba(64, 64, 64, 0.2);
            background: #ebebeb;
            height: 40px;
        }

        .jstree-default-responsive .jstree-wholerow-hovered {
            background: #e7f4f9;
        }

        .jstree-default-responsive .jstree-wholerow-clicked {
            background: #beebff;
        }

        .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
            box-shadow: inset 0 -6px 3px -5px #666666;
        }

        .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
            box-shadow: inset 0 6px 3px -5px #666666;
            border-top: 0;
        }

        .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
            box-shadow: none;
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-node > .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-image: url("/Images/40px.png");
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-node {
            background-position: -80px 0;
            background-repeat: repeat-y;
        }

        .jstree-default-responsive .jstree-last {
            background: transparent;
        }

        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background-position: -40px -120px;
        }

        .jstree-default-responsive .jstree-last > .jstree-ocl {
            background-position: -40px -160px;
        }

        .jstree-default-responsive .jstree-themeicon-custom {
            background-color: transparent;
            background-image: none;
            background-position: 0 0;
        }

        .jstree-default-responsive .jstree-file {
            background: url("/Images/40px.png") 0 -160px no-repeat;
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-folder {
            background: url("/Images/40px.png") -40px -40px no-repeat;
            background-size: 120px 240px;
        }

        .jstree-default-responsive > .jstree-container-ul > .jstree-node {
            margin-left: 0;
            margin-right: 0;
        }
}

/* ============================================================
  PULSE
============================================================ */
.cmn-t-pulse {
    padding: 0px;
    -webkit-animation: pulse 1.5s ease infinite;
    -moz-animation: pulse 1.5s ease infinite;
    -ms-animation: pulse 1.5s ease infinite;
    -o-animation: pulse 1.5s ease infinite;
    animation: pulse 1.5s ease infinite;
}

    .cmn-t-pulse:hover {
        color: #fff;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(1.1);
    }

    50% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1);
    }

    25% {
        -ms-transform: scale(1.1);
    }

    50% {
        -ms-transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }

    25% {
        -o-transform: scale(1.1);
    }

    50% {
        -o-transform: scale(1);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* #endregion */


/* #region Search ASIN*/

#searchASINPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 0px;
    width: 100%;
    overflow: hidden;
    z-index: 10;
}

#searchASINInnerPanel {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

#searchASINHeaderPanel {
    position: relative;
    float: left;
    width: 980px;
    height: 50px;
    background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
}

#searchASINInputWrapperPanel {
    position: relative;
    float: left;
    margin: 10px 0px 0px 220px;
}

#searchASINResultsPanel {
    position: relative;
    float: left;
    width: 970px;
    margin: -5px 5px 0px 5px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
    overflow: auto;
}

#searchASINResultsInnerPanel {
    position: relative;
    float: left;
    width: 950px;
}

.searchASINResultItem {
    position: relative;
    float: left;
    width: 940px;
    height: 30px;
    line-height: 30px;
    color: #000000;
    font-size: 14px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

/* #endregion */

/* #region Search */

#searchPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 0px;
    width: 100%;
    overflow: hidden;
    z-index: 10;
}

#searchInnerPanel {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

#searchHeaderPanel {
    position: relative;
    float: left;
    width: 980px;
    height: 50px;
    background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
}

#searchInputWrapperPanel {
    position: relative;
    float: left;
    margin: 10px 0px 0px 220px;
}

#searchResultsPanel {
    position: relative;
    float: left;
    width: 970px;
    margin: -5px 5px 0px 5px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
    overflow: auto;
}

#searchResultsInnerPanel {
    position: relative;
    float: left;
    width: 950px;
}

.searchResultItem {
    position: relative;
    float: left;
    width: 940px;
    height: 30px;
    line-height: 30px;
    color: #000000;
    font-size: 14px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

#searchPanel.search--inline {
    position: relative;
    top: initial;
    left: initial;
}

    #searchPanel.search--inline #searchHeaderPanel {
        border: none;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    #searchPanel.search--inline #searchResultsPanel {
        max-height: 907px;
        width: 100%;
        margin: 0 0 10px;
        position: absolute;
        top: 128px;
        border: none;
    }

    #searchPanel.search--inline #searchResultsInnerPanel {
        width: 980px;
    }

    #searchPanel.search--inline .searchResultItem {
        width: 940px;
        margin: 0;
        padding: 0 20px;
    }

        #searchPanel.search--inline .searchResultItem:hover {
            background-color: #FFFFFF;
        }

        #searchPanel.search--inline .searchResultItem:first-child {
            margin-top: 10px;
        }

        #searchPanel.search--inline .searchResultItem:last-child {
            margin-bottom: 10px;
        }

/* #endregion */

/* #region Flags */

.channelLabel {
    position: relative;
    float: right;
    height: 43px;
    line-height: 43px !important;
}

.flag120x60 {
    position: relative;
    float: right;
    width: 76px;
    height: 43px;
    background-image: url('https://images.cloudcommercepro.com/flags_Icons_sprite.jpg');
    margin-left: 10px;
}

.flag1 {
    background-position: -356px -412px;
}

.flag2 {
    background-position: -528px -112px;
}

.flagPanel32 {
    position: absolute;
    top: 18px;
    left: 4px;
    width: 32px;
    height: 25px;
    background-image: url('https://images.cloudcommercepro.com/amazonFlags32_01.png');
}

    .flagPanel32.channel-flag-Shopify {
        top: 30px;
    }

.flag32_0 { /*Unknown*/
    background-position: 0px -200px;
}

.flag32_1 { /*England*/
    background-position: 0px 0px;
}

.flag32_2 { /*France*/
    background-position: 0px -25px;
}

.flag32_3 { /*Germany*/
    background-position: 0px -50px;
}

.flag32_4 { /*Spain*/
    background-position: 0px -75px;
}

.flag32_7 { /*Italy*/
    background-position: 0px -100px;
}

.flag32_25 { /*Australia*/
    background-position: 0px -125px;
}

.flag32_55 { /*Canada*/
    background-position: 0px -150px;
}

.flag32_247 { /*United States*/
    background-position: 0px -175px;
}

/* #endregion */

/* global overrides */

.nofloat {
    float: none !important;
}

.centered {
    text-align: center;
}

.toleft {
    text-align: left;
}

.toright {
    text-align: right;
}

.manual--signature {
    margin: 1em 0;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}


.product--preview {
    width: 350px;
    background: #444;
    color: #000;
    padding: 1em;
    z-index: 31 !important;
    margin-top: -30px;
    border-radius: 10px;
    margin-left: 92%;
}

    .product--preview .cutout--element {
        display: block;
        background: #fff;
        color: #000;
        padding: 0.5em 1em;
        border-radius: 5px;
        text-align: left;
        margin-bottom: 1em;
    }

    .product--preview .image--element {
        min-height: 60px;
        padding: 0.2em;
    }

        .product--preview .image--element img {
            display: block;
            margin: 0 auto;
            width: 100%;
        }

.product-preview {
    background-color: #444444;
    border: 1px solid #fff;
    box-shadow: 0px 0px 10px -2px #000;
}

    .product-preview .product-preview__name {
        color: #fff;
        font-weight: normal;
        text-transform: initial;
        font-size: 14px;
        line-height: 1.25;
        margin-bottom: 10px;
    }

    .product-preview .product-preview__action {
        background-color: #1a1a1a;
        color: #ffffff;
        text-decoration: none !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 6px;
        padding: 10px 40px 10px 15px;
        line-height: 1;
        position: relative;
        transition: all 300ms ease;
    }

        .product-preview .product-preview__action:hover {
            background-color: #BCC3C3;
            color: #000000;
        }

        .product-preview .product-preview__action i {
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
        }

.no--bottom--margin {
    margin-bottom: 0 !important;
}

/* Global color coded items */

.item--warning {
    background-color: orange !important;
}

.item-- {
    background-color: #aaa !important;
}

.text--warning {
    color: orange !important;
}

.item--ready {
    background-color: #8cb225 !important;
}

.text--ready {
    color: #8cb225 !important;
}

.item--error {
    background-color: #e04545 !important;
}

.item--white {
    background-color: #fff;
}

.item--black {
    background-color: #cccccc;
}

.text--white {
    color: #fff !important;
}

.item--warning.partial--element {
    opacity: 1 !important;
    background-color: rgba(255, 165, 0, 0.5) !important;
}

.item--dormant.partial--element {
    opacity: 1 !important;
    background-color: rgba(170, 170, 170, 0.5) !important;
}

.item--ready.partial--element {
    opacity: 1 !important;
    background-color: rgba(140, 178, 37, 0.5) !important;
}

.item--error.partial--element {
    opacity: 1 !important;
    background-color: rgba(224, 69, 69, 0.5) !important;
}

.item--busy.partial--element {
    opacity: 1 !important;
    background-color: rgba(80, 166, 237, 0.5) !important;
}

.item--complete.partial--element {
    opacity: 1 !important;
    background-color: rgba(104, 68, 170, 0.5) !important;
}

.text--error {
    color: #e04545 !important;
}

.item--busy {
    background-color: #50a6ed !important;
}

.text--busy {
    color: #50a6ed !important;
}

.item--complete {
    background-color: #6844aa !important;
}

.text--complete {
    color: #6844aa !important;
}


.border--warning {
    border-color: orange !important;
}

.border--ready {
    border-color: #8cb225 !important;
}

.border--error {
    border-color: #e04545 !important;
}

.border--busy {
    border-color: #50a6ed !important;
}

.border--complete {
    border-color: #6844aa !important;
}

.border--warning {
    border-color: orange !important;
}


.border--b-warning {
    border-bottom-color: orange !important;
}

.border--b-ready {
    border-bottom-color: #8cb225 !important;
}

.border--b-error {
    border-bottom-color: #e04545 !important;
}

.border--b-busy {
    border-bottom-color: #50a6ed !important;
}

.border--b-complete {
    border-bottom-color: #6844aa !important;
}

.border--b-warning {
    border-bottom-color: orange !important;
}

.border--t-ready {
    border-top-color: #8cb225 !important;
}

.border--t-error {
    border-top-color: #e04545 !important;
}

.border--t-busy {
    border-top-color: #50a6ed !important;
}

.border--t-complete {
    border-top-color: #6844aa !important;
}

.border--t-warning {
    border-top-color: orange !important;
}

.border--l-ready {
    border-left-color: #8cb225 !important;
}

.border--l-error {
    border-left-color: #e04545 !important;
}

.border--l-busy {
    border-left-color: #50a6ed !important;
}

.border--l-complete {
    border-left-color: #6844aa !important;
}

.border--l-warning {
    border-left-color: orange !important;
}

.border--r-ready {
    border-right-color: #8cb225 !important;
}

.border--r-error {
    border-right-color: #e04545 !important;
}

.border--r-busy {
    border-right-color: #50a6ed !important;
}

.border--r-complete {
    border-right-color: #6844aa !important;
}

.border--r-warning {
    border-right-color: orange !important;
}


.bg--ready, .inline--message.ready:before {
    background-color: #8cb225 !important;
    color: #fff;
}

.bg--error, .inline--message.error:before {
    background-color: #e04545 !important;
    color: #fff;
}

.bg--busy, .inline--message.busy:before {
    background-color: #50a6ed !important;
    color: #fff;
}

.bg--complete, .inline--message.complete:before {
    background-color: #6844aa !important;
    color: #fff;
}

.bg--warning, .inline--message.warning:before {
    background-color: orange !important;
    color: #fff;
}

.std--hidden {
    display: none;
    visibility: hidden;
}

/* Dark variants */

.item--ready.darker {
    background-color: #354700 !important;
}

.item--ready.dark {
    background-color: #547200 !important;
}

.item--busy.darker {
    background-color: #024c89 !important;
}

.item--busy.dark {
    background-color: #2c78b7 !important;
}

.item--error.darker {
    background-color: #870000 !important;
}

.item--error.dark {
    background-color: #af2a2a !important;
}

.item--warning.dark {
    background-color: #c47c00 !important;
}

.item--warning.darker {
    background-color: #a56600 !important;
}



.item--ready.partial--element .item--figures strong {
    background: rgba(53, 71, 0, 0.5);
}

.item--ready.partial--element .item--figures span, .listItem .item--ready .item-giftmessage {
    background: rgba(84, 114, 0, 0.5);
}

.item--busy.partial--element .item--figures strong {
    background: rgba(2, 76, 137, 0.5);
}

.item--busy.partial--element .item--figures span, .listItem .item--busy .item-giftmessage {
    background: rgba(44, 120, 183, 0.5);
}

.item--error.partial--element .item--figures strong {
    background: rgba(135, 0, 0, 0.5);
}

.item--error.partial--element .item--figures span, .listItem .item--error .item-giftmessage {
    background: rgba(175, 42, 42, 0.5);
}

.item--warning.partial--element .item--figures strong {
    background: rgba(196, 124, 0, 0.5);
}

.item--warning.partial--element .item--figures span, .listItem .item--warning .item-giftmessage {
    background: rgba(165, 102, 0, 0.5);
}


/*-----------------------------------*\

  $TOAST-GRID

  An insane grid.
  You'd be mad to use it.

  Usage
  =====

  Assuming default values:

  <div class="grid">
    <div class="grid__col grid__col--1-of-2">
      A half-width column.
    </div>
    <div class="grid__col grid__col--1-of-4 grid__col--pull-1-of-4">
      A quarter, pulled left by its own width. You get this, right?
    </div>
  </div>


  Customisation
  =============

  $grid-namespace and $grid-column-namespace
  adjusts the class names for the grid. With
  default values, grid wrappers have a class
  of '.grid' and columns '.grid__col'.

  $col-groups(n) adjusts column divisions.
  For example, $col-groups(12) will produce
  a 12-column grid. $col-groups(3,6,8)
  will produce a 3-, 6-, and 8-column grid.

  $gutter-width is—you guessed it—the gutter
  width. Accepts any unit.

  That's it. Have fun.

\*-----------------------------------*/
.grid {
    list-style: none;
    margin-left: -20px;
}

    .grid.n-margin {
        margin-left: 0px;
    }

    .grid > .grid__col--2-of-2, .grid > .grid__col--3-of-3, .grid > .grid__col--4-of-4, .grid > .grid__col--5-of-5, .grid > .grid__col--6-of-6, .grid > .grid__col--8-of-8, .grid > .grid__col--12-of-12 {
        width: 100%;
    }

    .grid > .grid__col--1-of-2, .grid > .grid__col--2-of-4, .grid > .grid__col--3-of-6, .grid > .grid__col--4-of-8, .grid > .grid__col--6-of-12 {
        width: 50%;
    }

    .grid > .grid__col--1-of-3 > .grid__col--1-of-2 {
        width: 50%;
    }

    .grid > .grid__col--1-of-3, .grid > .grid__col--2-of-6, .grid > .grid__col--4-of-12 {
        width: 33.33333%;
    }

    .grid > .grid__col--2-of-3, .grid > .grid__col--4-of-6, .grid > .grid__col--8-of-12 {
        width: 66.66667%;
    }

    .grid > .grid__col--1-of-4, .grid > .grid__col--2-of-8, .grid > .grid__col--3-of-12 {
        width: 25%;
    }

    .grid > .grid__col--3-of-4, .grid > .grid__col--6-of-8, .grid > .grid__col--9-of-12 {
        width: 75%;
    }

    .grid > .grid__col--push-2-of-2, .grid > .grid__col--push-3-of-3, .grid > .grid__col--push-4-of-4, .grid > .grid__col--push-5-of-5, .grid > .grid__col--push-6-of-6, .grid > .grid__col--push-8-of-8, .grid > .grid__col--push-12-of-12 {
        margin-left: 100%;
    }

    .grid > .grid__col--push-1-of-2, .grid > .grid__col--push-2-of-4, .grid > .grid__col--push-3-of-6, .grid > .grid__col--push-4-of-8, .grid > .grid__col--push-6-of-12 {
        margin-left: 50%;
    }

    .grid > .grid__col--push-1-of-3, .grid > .grid__col--push-2-of-6, .grid > .grid__col--push-4-of-12 {
        margin-left: 33.33333%;
    }

    .grid > .grid__col--push-2-of-3, .grid > .grid__col--push-4-of-6, .grid > .grid__col--push-8-of-12 {
        margin-left: 66.66667%;
    }

    .grid > .grid__col--push-1-of-4, .grid > .grid__col--push-2-of-8, .grid > .grid__col--push-3-of-12 {
        margin-left: 25%;
    }

    .grid > .grid__col--push-3-of-4, .grid > .grid__col--push-6-of-8, .grid > .grid__col--push-9-of-12 {
        margin-left: 75%;
    }

    .grid > .grid__col--pull-2-of-2, .grid > .grid__col--pull-3-of-3, .grid > .grid__col--pull-4-of-4, .grid > .grid__col--pull-5-of-5, .grid > .grid__col--pull-6-of-6, .grid > .grid__col--pull-8-of-8, .grid > .grid__col--pull-12-of-12 {
        margin-left: -100%;
    }

    .grid > .grid__col--pull-1-of-2, .grid > .grid__col--pull-2-of-4, .grid > .grid__col--pull-3-of-6, .grid > .grid__col--pull-4-of-8, .grid > .grid__col--pull-6-of-12 {
        margin-left: -50%;
    }

    .grid > .grid__col--pull-1-of-3, .grid > .grid__col--pull-2-of-6, .grid > .grid__col--pull-4-of-12 {
        margin-left: -33.33333%;
    }

    .grid > .grid__col--pull-2-of-3, .grid > .grid__col--pull-4-of-6, .grid > .grid__col--pull-8-of-12 {
        margin-left: -66.66667%;
    }

    .grid > .grid__col--pull-1-of-4, .grid > .grid__col--pull-2-of-8, .grid > .grid__col--pull-3-of-12 {
        margin-left: -25%;
    }

    .grid > .grid__col--pull-3-of-4, .grid > .grid__col--pull-6-of-8, .grid > .grid__col--pull-9-of-12 {
        margin-left: -75%;
    }

    .grid > .grid__col--1-of-5 {
        width: 20%;
    }

    .grid > .grid__col--push-1-of-5 {
        margin-left: 20%;
    }

    .grid > .grid__col--pull-1-of-5 {
        margin-left: -20%;
    }

    .grid > .grid__col--2-of-5 {
        width: 40%;
    }

    .grid > .grid__col--push-2-of-5 {
        margin-left: 40%;
    }

    .grid > .grid__col--pull-2-of-5 {
        margin-left: -40%;
    }

    .grid > .grid__col--3-of-5 {
        width: 60%;
    }

    .grid > .grid__col--push-3-of-5 {
        margin-left: 60%;
    }

    .grid > .grid__col--pull-3-of-5 {
        margin-left: -60%;
    }

    .grid > .grid__col--4-of-5 {
        width: 80%;
    }

    .grid > .grid__col--push-4-of-5 {
        margin-left: 80%;
    }

    .grid > .grid__col--pull-4-of-5 {
        margin-left: -80%;
    }

    .grid > .grid__col--1-of-6 {
        width: 16.66667%;
    }

    .grid > .grid__col--push-1-of-6 {
        margin-left: 16.66667%;
    }

    .grid > .grid__col--pull-1-of-6 {
        margin-left: -16.66667%;
    }

    .grid > .grid__col--5-of-6 {
        width: 83.33333%;
    }

    .grid > .grid__col--push-5-of-6 {
        margin-left: 83.33333%;
    }

    .grid > .grid__col--pull-5-of-6 {
        margin-left: -83.33333%;
    }

    .grid > .grid__col--1-of-8 {
        width: 12.5%;
    }

    .grid > .grid__col--push-1-of-8 {
        margin-left: 12.5%;
    }

    .grid > .grid__col--pull-1-of-8 {
        margin-left: -12.5%;
    }

    .grid > .grid__col--3-of-8 {
        width: 37.5%;
    }

    .grid > .grid__col--push-3-of-8 {
        margin-left: 37.5%;
    }

    .grid > .grid__col--pull-3-of-8 {
        margin-left: -37.5%;
    }

    .grid > .grid__col--5-of-8 {
        width: 62.5%;
    }

    .grid > .grid__col--push-5-of-8 {
        margin-left: 62.5%;
    }

    .grid > .grid__col--pull-5-of-8 {
        margin-left: -62.5%;
    }

    .grid > .grid__col--7-of-8 {
        width: 87.5%;
    }

    .grid > .grid__col--push-7-of-8 {
        margin-left: 87.5%;
    }

    .grid > .grid__col--pull-7-of-8 {
        margin-left: -87.5%;
    }

    .grid > .grid__col--1-of-12 {
        width: 8.25%;
    }

.full--grid .grid > .grid__col--1-of-12 {
    width: 8.33333%;
}

.grid > .grid__col--push-1-of-12 {
    margin-left: 8.33333%;
}

.grid > .grid__col--pull-1-of-12 {
    margin-left: -8.33333%;
}

.grid > .grid__col--2-of-12 {
    width: 16.66667%;
}

.grid > .grid__col--push-2-of-12 {
    margin-left: 16.66667%;
}

.grid > .grid__col--pull-2-of-12 {
    margin-left: -16.66667%;
}

.grid > .grid__col--5-of-12 {
    width: 41.66667%;
}

.grid > .grid__col--push-5-of-12 {
    margin-left: 41.66667%;
}

.grid > .grid__col--pull-5-of-12 {
    margin-left: -41.66667%;
}

.grid > .grid__col--7-of-12 {
    width: 58.33333%;
}

.grid > .grid__col--push-7-of-12 {
    margin-left: 58.33333%;
}

.grid > .grid__col--pull-7-of-12 {
    margin-left: -58.33333%;
}

.grid > .grid__col--10-of-12 {
    width: 83.33333%;
}

.grid > .grid__col--push-10-of-12 {
    margin-left: 83.33333%;
}

.grid > .grid__col--pull-10-of-12 {
    margin-left: -83.33333%;
}

.grid > .grid__col--11-of-12 {
    width: 91.66667%;
}

.grid > .grid__col--push-11-of-12 {
    margin-left: 91.66667%;
}

.grid > .grid__col--pull-11-of-12 {
    margin-left: -91.66667%;
}

.grid .grid__col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: -.26em;
    min-height: 1px;
    padding-left: 20px;
    vertical-align: top;
}

.grid__col.right--align--col {
    text-align: right;
}

.grid__col.centre--align--col {
    text-align: center;
}
/*@media (max-width: 700px) {
      .grid .grid__col {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: auto; } }*/

@media (max-width: 480px) {
    .grid .grid__col[class*="grid__col--s-"] {
        display: inline-block;
        margin-right: -.24em;
    }

    .grid .grid__col.grid__col--s-0 {
        display: none;
    }

    .grid .grid__col.grid__col--s-1-of-2, .grid .grid__col.grid__col--s-2-of-4 {
        width: 50%;
    }

    .grid .grid__col.grid__col--s-1-of-3 {
        width: 33.33333%;
    }

    .grid .grid__col.grid__col--s-2-of-3 {
        width: 66.66667%;
    }

    .grid .grid__col.grid__col--s-1-of-4 {
        width: 25%;
    }

    .grid .grid__col.grid__col--s-3-of-4 {
        width: 75%;
    }

    .grid .grid__col.grid__col--s-4-of-4 {
        width: 100%;
    }

    .grid__col.right--align--col--s {
        text-align: right;
    }

    .grid__col.centre--align--col--s {
        text-align: center;
    }



    .s--hidden {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 768px) and (min-width: 480px) {
    .grid > .grid__col[class*="grid__col--m-"] {
        display: inline-block;
        margin-right: -.24em;
    }

    .grid > .grid__col--m-0 {
        display: none !important;
    }

    .grid > .grid__col--m-1-of-2, .grid .grid__col.grid__col--m-2-of-4 {
        width: 50%;
    }

    .grid > .grid__col--m-1-of-3 {
        width: 33.33333%;
    }

    .grid > .grid__col--m-2-of-3 {
        width: 66.66667%;
    }

    .grid > .grid__col--m-1-of-4 {
        width: 25%;
    }

    .grid > .grid__col--m-3-of-4 {
        width: 75%;
    }

    .grid > .grid__col--m-4-of-4 {
        width: 100%;
    }

    .grid__col.right--align--col--m {
        text-align: right;
    }

    .grid__col.centre--align--col--m {
        text-align: center;
    }

    .m--hidden, .grid > [class*="grid__col--"].m--hidden {
        display: none;
        visibility: hidden;
    }

    .only--m {
        display: initial;
        visibility: visible;
    }

    .grid > .grid__col--m-1-of-5 {
        width: 20%;
    }

    .grid > .grid__col--m-2-of-5 {
        width: 40%;
    }

    .grid > .grid__col--m-3-of-5 {
        width: 60%;
    }

    .grid > .grid__col--m-4-of-5 {
        width: 80%;
    }

    .grid > .grid__col--m-1-of-6 {
        width: 16.66667%;
    }

    .grid > .grid__col--m-5-of-6 {
        width: 83.33333%;
    }

    .grid > .grid__col--m-1-of-8 {
        width: 12.5%;
    }

    .grid > .grid__col--m-3-of-8 {
        width: 37.5%;
    }

    .grid > .grid__col--m-5-of-8 {
        width: 62.5%;
    }

    .grid > .grid__col--m-7-of-8 {
        width: 87.5%;
    }

    .grid > .grid__col--m-1-of-12 {
        width: 8.33333%;
    }

    .grid > .grid__col--m-2-of-12 {
        width: 16.66667%;
    }

    .grid > .grid__col--m-5-of-12 {
        width: 41.66667%;
    }

    .grid > .grid__col--m-7-of-12 {
        width: 58.33333%;
    }

    .grid > .grid__col--m-10-of-12 {
        width: 83.33333%;
    }

    .grid > .grid__col--m-11-of-12 {
        width: 91.66667%;
    }

    .grid > .grid__col--m-2-of-2, .grid > .grid__col--m-3-of-3, .grid > .grid__col--m-4-of-4, .grid > .grid__col--m-5-of-5, .grid > .grid__col--m-6-of-6, .grid > .grid__col--m-8-of-8, .grid > .grid__col--m-12-of-12 {
        width: 100%;
    }

    .grid > .grid__col--m-1-of-2, .grid > .grid__col--m-2-of-4, .grid > .grid__col--m-3-of-6, .grid > .grid__col--m-4-of-8, .grid > .grid__col--m-6-of-12 {
        width: 50%;
    }

    .grid > .grid__col--m-1-of-3, .grid > .grid__col--m-2-of-6, .grid > .grid__col--m-4-of-12 {
        width: 33.33333%;
    }

    .grid > .grid__col--m-2-of-3, .grid > .grid__col--m-4-of-6, .grid > .grid__col--m-8-of-12 {
        width: 66.66667%;
    }

    .grid > .grid__col--m-1-of-4, .grid > .grid__col--m-2-of-8, .grid > .grid__col--m-3-of-12 {
        width: 25%;
    }

    .grid > .grid__col--m-3-of-4, .grid > .grid__col--m-6-of-8, .grid > .grid__col--m-9-of-12 {
        width: 75%;
    }
}


/* Large grid (just above standard resolution) */

@media (min-width: 1023px) {
    .grid .grid__col[class*="grid__col--l-"] {
        display: inline-block;
        margin-right: -.24em;
    }

    .grid .grid__col.grid__col--l-0 {
        display: none;
    }

    .grid .grid__col.grid__col--l-1-of-2, .grid .grid__col.grid__col--l-2-of-4 {
        width: 50%;
    }

    .grid .grid__col.grid__col--l-1-of-3 {
        width: 33.33333%;
    }

    .grid .grid__col.grid__col--l-2-of-3 {
        width: 66.66667%;
    }

    .grid .grid__col.grid__col--l-1-of-4 {
        width: 25%;
    }

    .grid .grid__col.grid__col--l-3-of-4 {
        width: 75%;
    }

    .grid .grid__col.grid__col--l-4-of-4 {
        width: 100%;
    }

    .grid__col.right--align--col--l {
        text-align: right;
    }

    .grid__col.centre--align--col--l {
        text-align: center;
    }

    .grid > .grid__col--l-1-of-5 {
        width: 20%;
    }

    .grid > .grid__col--l-2-of-5 {
        width: 40%;
    }

    .grid > .grid__col--l-3-of-5 {
        width: 60%;
    }

    .grid > .grid__col--l-4-of-5 {
        width: 80%;
    }

    .grid > .grid__col--l-1-of-6 {
        width: 16.66667%;
    }

    .grid > .grid__col--l-5-of-6 {
        width: 83.33333%;
    }

    .grid > .grid__col--l-1-of-8 {
        width: 12.5%;
    }

    .grid > .grid__col--l-3-of-8 {
        width: 37.5%;
    }

    .grid > .grid__col--l-5-of-8 {
        width: 62.5%;
    }

    .grid > .grid__col--l-7-of-8 {
        width: 87.5%;
    }

    .grid > .grid__col--l-1-of-12 {
        width: 8.33333%;
    }

    .grid > .grid__col--l-2-of-12 {
        width: 16.66667%;
    }

    .grid > .grid__col--l-5-of-12 {
        width: 41.66667%;
    }

    .grid > .grid__col--l-7-of-12 {
        width: 58.33333%;
    }

    .grid > .grid__col--l-10-of-12 {
        width: 83.33333%;
    }

    .grid > .grid__col--l-11-of-12 {
        width: 91.66667%;
    }

    .grid > .grid__col--l-2-of-2, .grid > .grid__col--l-3-of-3, .grid > .grid__col--l-4-of-4, .grid > .grid__col--l-5-of-5, .grid > .grid__col--l-6-of-6, .grid > .grid__col--l-8-of-8, .grid > .grid__col--l-12-of-12 {
        width: 100%;
    }

    .grid > .grid__col--l-1-of-2, .grid > .grid__col--l-2-of-4, .grid > .grid__col--l-3-of-6, .grid > .grid__col--l-4-of-8, .grid > .grid__col--l-6-of-12 {
        width: 50%;
    }

    .grid > .grid__col--l-1-of-3, .grid > .grid__col--l-2-of-6, .grid > .grid__col--l-4-of-12 {
        width: 33.33333%;
    }

    .grid > .grid__col--l-2-of-3, .grid > .grid__col--l-4-of-6, .grid > .grid__col--l-8-of-12 {
        width: 66.66667%;
    }

    .grid > .grid__col--l-1-of-4, .grid > .grid__col--l-2-of-8, .grid > .grid__col--l-3-of-12 {
        width: 25%;
    }

    .grid > .grid__col--l-3-of-4, .grid > .grid__col--l-6-of-8, .grid > .grid__col--l-9-of-12 {
        width: 75%;
    }


    .l--hidden {
        display: none;
        visibility: hidden;
    }
}

/* XLarge Grid (just above standard resolution) */

@media (min-width: 1279px) {
    .grid .grid__col[class*="grid__col--xl-"] {
        display: inline-block;
        margin-right: -.26em;
    }

    .grid .grid__col.grid__col--xl-0 {
        display: none;
    }

    .grid .grid__col.grid__col--xl-1-of-2, .grid .grid__col.grid__col--xl-2-of-4 {
        width: 50%;
    }

    .grid .grid__col.grid__col--xl-1-of-3 {
        width: 33.33333%;
    }

    .grid .grid__col.grid__col--xl-2-of-3 {
        width: 66.66667%;
    }

    .grid .grid__col.grid__col--xl-1-of-4 {
        width: 25%;
    }

    .grid .grid__col.grid__col--xl-3-of-4 {
        width: 75%;
    }

    .grid .grid__col.grid__col--xl-4-of-4 {
        width: 100%;
    }

    .grid__col.right--align--col--xl {
        text-align: right;
    }

    .grid__col.centre--align--col--xl {
        text-align: center;
    }

    .grid > .grid__col--xl-1-of-5 {
        width: 20%;
    }

    .grid > .grid__col--xl-2-of-5 {
        width: 40%;
    }

    .grid > .grid__col--xl-3-of-5 {
        width: 60%;
    }

    .grid > .grid__col--xl-4-of-5 {
        width: 80%;
    }

    .grid > .grid__col--xl-1-of-6 {
        width: 16.66667%;
    }

    .grid > .grid__col--xl-5-of-6 {
        width: 83.33333%;
    }

    .grid > .grid__col--xl-1-of-8 {
        width: 12.5%;
    }

    .grid > .grid__col--xl-3-of-8 {
        width: 37.5%;
    }

    .grid > .grid__col--xl-5-of-8 {
        width: 62.5%;
    }

    .grid > .grid__col--xl-7-of-8 {
        width: 87.5%;
    }

    .grid > .grid__col--xl-1-of-12 {
        width: 8.33333%;
    }

    .grid > .grid__col--xl-2-of-12 {
        width: 16.66667%;
    }

    .grid > .grid__col--xl-5-of-12 {
        width: 41.66667%;
    }

    .grid > .grid__col--xl-7-of-12 {
        width: 58.33333%;
    }

    .grid > .grid__col--xl-10-of-12 {
        width: 83.33333%;
    }

    .grid > .grid__col--xl-11-of-12 {
        width: 91.66667%;
    }

    .grid > .grid__col--xl-2-of-2, .grid > .grid__col--xl-3-of-3, .grid > .grid__col--xl-4-of-4, .grid > .grid__col--xl-5-of-5, .grid > .grid__col--xl-6-of-6, .grid > .grid__col--xl-8-of-8, .grid > .grid__col--xl-12-of-12 {
        width: 100%;
    }

    .grid > .grid__col--xl-1-of-2, .grid > .grid__col--xl-2-of-4, .grid > .grid__col--xl-3-of-6, .grid > .grid__col--xl-4-of-8, .grid > .grid__col--xl-6-of-12 {
        width: 50%;
    }

    .grid > .grid__col--xl-1-of-3, .grid > .grid__col--xl-2-of-6, .grid > .grid__col--xl-4-of-12 {
        width: 33.33333%;
    }

    .grid > .grid__col--xl-2-of-3, .grid > .grid__col--xl-4-of-6, .grid > .grid__col--xl-8-of-12 {
        width: 66.66667%;
    }

    .grid > .grid__col--xl-1-of-4, .grid > .grid__col--xl-2-of-8, .grid > .grid__col--xl-3-of-12 {
        width: 25%;
    }

    .grid > .grid__col--xl-3-of-4, .grid > .grid__col--xl-6-of-8, .grid > .grid__col--xl-9-of-12 {
        width: 75%;
    }


    .xl--hidden {
        display: none;
        visibility: hidden;
    }
}


/* XXLarge Grid  */

@media (min-width: 1449px) {
    .grid .grid__col[class*="grid__col--xxl-"] {
        display: inline-block;
        margin-right: -.26em;
    }

    .grid .grid__col.grid__col--xxl-0 {
        display: none;
    }

    .grid .grid__col.grid__col--xxl-1-of-2, .grid .grid__col.grid__col--xxl-2-of-4 {
        width: 50%;
    }

    .grid .grid__col.grid__col--xxl-1-of-3 {
        width: 33.33333%;
    }

    .grid .grid__col.grid__col--xxl-2-of-3 {
        width: 66.66667%;
    }

    .grid .grid__col.grid__col--xxl-1-of-4 {
        width: 25%;
    }

    .grid .grid__col.grid__col--xxl-3-of-4 {
        width: 75%;
    }

    .grid .grid__col.grid__col--xxl-4-of-4 {
        width: 100%;
    }

    .grid__col.right--align--col--xxl {
        text-align: right;
    }

    .grid__col.centre--align--col--xxl {
        text-align: center;
    }

    .grid > .grid__col--xxl-1-of-5 {
        width: 20%;
    }

    .grid > .grid__col--xxl-2-of-5 {
        width: 40%;
    }

    .grid > .grid__col--xxl-3-of-5 {
        width: 60%;
    }

    .grid > .grid__col--xxl-4-of-5 {
        width: 80%;
    }

    .grid > .grid__col--xxl-1-of-6 {
        width: 16.66667%;
    }

    .grid > .grid__col--xxl-5-of-6 {
        width: 83.33333%;
    }

    .grid > .grid__col--xxl-1-of-8 {
        width: 12.5%;
    }

    .grid > .grid__col--xxl-3-of-8 {
        width: 37.5%;
    }

    .grid > .grid__col--xxl-5-of-8 {
        width: 62.5%;
    }

    .grid > .grid__col--xxl-7-of-8 {
        width: 87.5%;
    }

    .grid > .grid__col--xxl-1-of-12 {
        width: 8.33333%;
    }

    .grid > .grid__col--xxl-2-of-12 {
        width: 16.66667%;
    }

    .grid > .grid__col--xxl-5-of-12 {
        width: 41.66667%;
    }

    .grid > .grid__col--xxl-7-of-12 {
        width: 58.33333%;
    }

    .grid > .grid__col--xxl-10-of-12 {
        width: 83.33333%;
    }

    .grid > .grid__col--xxl-11-of-12 {
        width: 91.66667%;
    }

    .grid > .grid__col--xxl-2-of-2, .grid > .grid__col--xxl-3-of-3, .grid > .grid__col--xxl-4-of-4, .grid > .grid__col--xxl-5-of-5, .grid > .grid__col--xxl-6-of-6, .grid > .grid__col--xxl-8-of-8, .grid > .grid__col--xxl-12-of-12 {
        width: 100%;
    }

    .grid > .grid__col--xxl-1-of-2, .grid > .grid__col--xxl-2-of-4, .grid > .grid__col--xxl-3-of-6, .grid > .grid__col--xxl-4-of-8, .grid > .grid__col--xxl-6-of-12 {
        width: 50%;
    }

    .grid > .grid__col--xxl-1-of-3, .grid > .grid__col--xxl-2-of-6, .grid > .grid__col--xxl-4-of-12 {
        width: 33.33333%;
    }

    .grid > .grid__col--xxl-2-of-3, .grid > .grid__col--xxl-4-of-6, .grid > .grid__col--xxl-8-of-12 {
        width: 66.66667%;
    }

    .grid > .grid__col--xxl-1-of-4, .grid > .grid__col--xxl-2-of-8, .grid > .grid__col--xxl-3-of-12 {
        width: 25%;
    }

    .grid > .grid__col--xxl-3-of-4, .grid > .grid__col--xxl-6-of-8, .grid > .grid__col--xxl-9-of-12 {
        width: 75%;
    }


    .xxl--hidden {
        display: none;
        visibility: hidden;
    }
}




.grid .grid__col--centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.grid .grid__col--d-first {
    float: left;
}

.grid .grid__col--d-last {
    float: right;
}

.grid.grid--no-gutter {
    margin-left: 0;
    width: 100%;
}

    .grid.grid--no-gutter > .grid__col {
        padding-left: 0;
    }

    .grid.grid--no-gutter .grid__col--span-all {
        margin-left: 0;
        width: 100%;
    }

.grid .grid__col--ab {
    vertical-align: bottom;
}

.grid .grid__col--am {
    vertical-align: middle;
}

.grid.header--row {
    margin-bottom: 15px;
    font-weight: bold;
}

.grid .col--disabled {
    opacity: 0.5;
}

.grid.header--row {
}

    .grid.header--row label.small {
    }

.grid.reduced--margin .grid__col {
    margin-right: -.35em;
}

.padded-grid {
    margin: 20px;
}

.overflow-grid .grid {
    margin-left: 20px;
}

.padded-grid-vertical {
    margin-bottom: 20px;
    margin-top: 20px;
}

.padded-grid-horizontal {
    margin-left: 20px;
    margin-right: 20px;
}

.negative-padded-grid {
    margin-left: -20px !important;
}

.grid.inner--grid {
    margin-left: 0 !important;
}

.fitted-grid {
    margin-left: 40px;
}

.grid.no-overflow .grid__col {
    overflow: hidden;
}

.grid.row--padding .grid__col {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.grid.no-overflow-x .grid__col {
    overflow-x: hidden;
}

.grid.no-overflow-y .grid__col {
    overflow-y: hidden;
}

.config-col {
    background: #fff;
}

/* Panels */

.white--panel {
    border-radius: 0.5em;
    background: #fff;
    margin: 0.5em 0;
    padding: 0.5em;
}

.grey--panel {
    background: #f6f6f6;
    border-radius: 0.5em;
    margin: 0.5em 0;
    padding: 0.5em;
}

.padded--panel {
    padding: 1em;
}

.ccp-panel {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

    .ccp-panel > .panel-heading {
        font-weight: 400;
        text-transform: uppercase;
        padding: 14px 10px;
    }

.panel-heading > .panel-title {
    height: auto;
    font-size: 1em;
}

.ccp-panel > .panel-footer {
    border-color: #ecedf0;
}

.modal-footer .btn + .btn {
    margin-bottom: 5px;
}

.ccp-panel .actions {
    position: absolute;
    right: 30px;
    top: 8px;
}

    .ccp-panel .actions i {
        font-size: 0.875em;
        margin: 0 3px;
    }

        .ccp-panel .actions i:hover {
            cursor: pointer;
        }

.ccp-panel > .panel-footer {
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px;
}

.ccp-panel .panel-body .h1 {
    float: none;
}

.panel-default > .panel-body {
    border-radius: 1em;
}

.panel-default > .panel-heading {
    border-color: #eff2f7;
    background: #e6e6e6;
    color: #767676;
}

.panel-default .actions i {
    color: #909aa0;
    margin: 0 3px;
}

    .panel-default .actions i:hover {
        cursor: pointer;
        color: #767676;
    }

.panel-default .panel-body {
    background: #fff;
    padding: 14px 10px;
}

.panel-default > .panel-footer {
    border-color: #eff2f7;
    background: #fff;
    color: #767676;
}

.overflow--area {
    overflow: hidden;
    overflow-y: auto;
}

.overflow--height--400 {
    max-height: 400px;
}

/* margin */

.margin-0, .m-0 {
    margin: 0 !important;
}

.margin-0-5, .m-0-5 {
    margin: 0.5em !important;
}

.margin-1, .m-1 {
    margin: 1em !important;
}

.margin-2, .m-2 {
    margin: 2em !important;
}

.margin-3, .m-3 {
    margin: 3em !important;
}

.margin-v-0-2, .m-v-0-2 {
    margin: 0.2em 0;
}

.margin-v-0-5, .m-v-0-5 {
    margin: 0.5em 0;
}

.margin-v-1, .m-v-1 {
    margin: 1em 0;
}

.margin-v-2, .m-v-2 {
    margin: 3em 0;
}

.margin-v-3, .m-v-3 {
    margin: 3em 0;
}

.margin-vb-0-2, .m-vb-0-2 {
    margin-bottom: 0.2em;
}

.margin-vb-0-5, .m-vb-0-5 {
    margin-bottom: 0.5em;
}

.margin-vb-1, .m-vb-1 {
    margin-bottom: 1em;
}

.margin-vb-2, .m-vb-2 {
    margin-bottom: 3em;
}

.margin-vb-3, .m-vb-3 {
    margin-bottom: 3em;
}

.margin-vt-0-2, .m-vt-0-2 {
    margin-top: 0.2em;
}

.margin-vt-0-5, .m-vt-0-5 {
    margin-top: 0.5em;
}

.margin-vt-1, .m-vt-1 {
    margin-top: 1em;
}

.margin-vt-2, .m-vt-2 {
    margin-top: 3em;
}

.margin-vt-3, .m-vt-3 {
    margin-top: 3em;
}

.margin-h-0, .m-h-0 {
    margin-left: 0;
    margin-right: 0;
}

.margin-h-0-2, .m-h-0-2 {
    margin: 0 0.2em;
}

.margin-h-0-5, .m-h-0-5 {
    margin: 0 0.5em;
}

.margin-h-1, .m-h-1 {
    margin: 0 1em;
}

.margin-h-2, .m-h-2 {
    margin: 0 3em;
}

.margin-h-3, .m-h-3 {
    margin: 0 3em;
}

.margin-hr-0-2, .m-hr-0-2 {
    margin-right: 0.2em;
}

.margin-hr-0-5, .m-hr-0-5 {
    margin-right: 0.5em;
}

.margin-hr-1, .m-hr-1 {
    margin-right: 1em;
}

.margin-hr-2, .m-hr-2 {
    margin-right: 2em;
}

.margin-hr-3, .m-hr-3 {
    margin-right: 3em;
}

.margin-hl-0-2, .m-hl-0-2 {
    margin-left: 0.2em;
}

.margin-hl-0-5, .m-hl-0-5 {
    margin-left: 0.5em;
}

.margin-hl-1, .m-hl-1 {
    margin-left: 1em;
}

.margin-hl-2, .m-hl-2 {
    margin-left: 2em;
}

.margin-hl-3, .m-hl-3 {
    margin-left: 3em;
}


/* padding */

.padding-0-5, .p-0-5 {
    padding: 0.5em;
}

.padding-1, .p-1 {
    padding: 1em;
}

.padding-2, .p-2 {
    padding: 2em;
}

.padding-3, .p-3 {
    padding: 3em 0;
}

.padding-v-0-5, .p-v-0-5 {
    padding: 0.5em 0;
}

.padding-v-1, .p-v-1 {
    padding: 1em 0;
}

.padding-v-2, .p-v-2 {
    padding: 2em 0;
}

.padding-v-3, .p-v-3 {
    padding: 3em 0;
}

.padding-vb-0-5, .p-vb-0-5 {
    padding-bottom: 0.5em;
}

.padding-vb-1, .p-vb-1 {
    padding-bottom: 1em;
}

.padding-vb-2, .p-vb-2 {
    padding-bottom: 2em;
}

.padding-vb-3, .p-vb-3 {
    padding-bottom: 3em;
}

.padding-vt-0-5, .p-vt-0-5 {
    padding-top: 0.5em;
}

.padding-vt-1, .p-vt-1 {
    padding-top: 1em;
}

.padding-vt-2, .p-vt-2 {
    padding-top: 2em;
}

.padding-vb-3, .p-vb-3 {
    padding-top: 3em;
}

.padding-h-0-5, .p-h-0-5 {
    padding: 0 0.5em;
}

.padding-h-1, .p-h-1 {
    padding: 0 1em;
}

.padding-h-2, .p-h-2 {
    padding: 0 2em;
}

.padding-h-3, .p-h-3 {
    padding: 0 3em;
}

.padding-hr-0-5, .p-hr-0-5 {
    padding-right: 0.5em;
}

.padding-hr-1, .p-hr-1 {
    padding-right: 1em;
}

.padding-hr-2, .p-hr-2 {
    padding-right: 2em;
}

.padding-hr-3, .p-hr-3 {
    padding-right: 3em;
}

.padding-hl-0-5, .p-hl-0-5 {
    padding-left: 0.5em;
}

.padding-hl-1, .p-hl-1 {
    padding-left: 1em;
}

.padding-hl-2, .p-hl-2 {
    padding-left: 2em;
}

.padding-hl-3, .p-hl-3 {
    padding-left: 3em;
}



.panel-primary > .panel-heading {
    color: #fff;
    background-color: #556b8d;
    border-color: #556b8d;
}

.panel-primary {
    border-color: #1abc9c;
}

    .panel-primary > .panel-heading a,
    .panel-primary > .panel-heading a:hover {
        color: #ffffff;
    }

.panel-solid-default > .panel-body,
.panel-solid-default > .panel-footer,
.panel-solid-default > .panel-heading {
    background: #909aa0;
    border: none;
    color: #ffffff;
}

.panel-solid-primary > .panel-body,
.panel-solid-primary > .panel-footer,
.panel-solid-primary > .panel-heading {
    background: #556b8d;
    color: #fff;
    border: none;
}

.panel-solid-success > .panel-body,
.panel-solid-success > .panel-footer,
.panel-solid-success > .panel-heading {
    background: #27b6af;
    color: #fff;
    border: none;
}

.panel-solid-warning > .panel-body,
.panel-solid-warning > .panel-footer,
.panel-solid-warning > .panel-heading {
    background: #edce8c;
    color: #fff;
    border: none;
}

.panel-solid-info > .panel-body,
.panel-solid-info > .panel-footer,
.panel-solid-info > .panel-heading {
    background: #1f7bb6;
    color: #fff;
    border: none;
}

.panel-solid-danger > .panel-body,
.panel-solid-danger > .panel-footer,
.panel-solid-danger > .panel-heading {
    background: #e25d5d;
    color: #fff;
    border: none;
}

.hidden--element {
    display: none !important;
    visibility: hidden !important;
}

.invisible--element {
    visibility: hidden !important;
}

.hidden--until--hover .hover--element {
    opacity: 0;
    transition: 0.5s 2s;
}

.hidden--until--hover:hover {
    transition: 0;
}

    .hidden--until--hover:hover .hover--element {
        display: block !important;
        visibility: visible !important;
        opacity: 1;
        transition: 0.5s;
    }

.clickable--element, .clkbl {
    cursor: pointer;
}

.dark--element {
    background: rgba(0,0,0,0.05);
}

    .dark--element:hover {
        background: rgba(0,0,0,0.1);
    }

.rounded--element-1 {
    border-radius: 1em;
    padding: 0.2em 1em;
}

.rounded--element-0-5 {
    border-radius: 0.5em;
    padding: 0.1em 0.5em;
}

.rounded--element-2 {
    border-radius: 2em;
    padding: 0.4em 2em;
}

.grabbable--element {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.partial--element {
    opacity: 0.5;
}

    .partial--element.disabled {
        background: #999 !important;
    }

    .partial--element .hover-block {
        opacity: 1;
    }

.blk {
    display: block;
}

.inblk {
    display: inline-block;
}

.p--abs {
    position: absolute !important;
}

.p--fixed {
    position: fixed !important;
}

.p--rel {
    position: relative !important;
}

.no--border {
    border: 0;
}

.modal--information {
    padding: 2em;
    margin: 1em 0;
    background-color: #666666;
    color: #fff;
}

.small--modal {
    min-width: 500px;
    padding: 1em;
}

    .small--modal h3 {
        margin: 1em 0 !important;
    }

    .small--modal .msg {
        background: #fff;
        margin: 0.5em 0;
        padding: 0.5em;
        border-radius: 0.5em;
    }

/* standardised FORM - BEGIN */


.form--layout {
}

    .form--layout p {
        margin-bottom: 1em;
    }

    .form--layout label {
        margin: 1em 0;
        display: block;
        font-weight: bold;
    }

        .form--layout label .help--text {
            display: none;
            position: absolute;
            background: #fff;
            border: 2px solid;
            padding: 0.66em;
            margin: 0.33em 0 0 1em;
            border-radius: 0.66em;
            width: 75%;
            z-index: 300;
        }

        .form--layout label:hover .help--text {
            display: block;
            cursor: pointer;
        }

    .form--layout.inline--labels label {
        display: inline-block;
        width: 40%;
    }

    .form--layout.inline--labels .form--control {
        display: inline-block;
        width: 59%;
    }

    .form--layout input {
        padding: 0.66em;
        border: none;
        border-radius: 0.66em;
        display: inline-block;
    }

.field--invalid {
    border: 1px solid #e04545 !important;
}

input.check-replacer[type=checkbox] {
    display: none;
}

    input.check-replacer[type=checkbox] + label {
        background: #d6d6d6;
        height: 2em;
        width: 2em;
        border-radius: 5em;
        border: 3px solid #fff;
        display: inline-block;
        padding: 0;
        box-shadow: rgba(1,1,1,0.051) 0px 3px 5px 2px;
    }

    input.check-replacer[type=checkbox]:checked + label {
        background: #99db53;
        height: 2em;
        width: 2em;
        display: inline-block;
        padding: 0 0 0 0px;
    }

.form--layout.inline--labels .form--control input, .form--layout.inline--labels .form--control textarea, .form--layout.inline--labels .form--control select {
    width: 100%;
}

.form--layout .btn {
    padding: 0.66em;
}

/* standardised FORM - END */


/* Shipping rules BEGIN */


.shippingrules {
    width: 100%;
}

    .shippingrules .button--col .btn {
        margin-bottom: 5px;
    }

.ProductFinder {
    width: 98% !important;
}

    .ProductFinder .product--finder--results {
        max-height: 190px;
        overflow-y: scroll;
        overflow-x: hidden;
        margin: 10px;
        display: block;
        position: relative;
    }

    .ProductFinder .search-results {
        width: 99%;
        background: #fff;
        border: 1px solid #d6d6d6;
        border-radius: 10px;
        position: relative;
    }

.country--field .ProductFinder .search-results {
    width: 100%;
}

.ProductFinder .search-results .product--result {
    cursor: hand;
}

    .ProductFinder .search-results .product--result a {
        display: block;
        padding: 5px;
    }

        .ProductFinder .search-results .product--result a:hover {
            background: #333;
            color: #fff;
            cursor: hand;
        }

            .ProductFinder .search-results .product--result a:hover label {
                cursor: hand;
            }

.ProductFinder span.loading--message {
    display: block;
    margin: 5px auto;
    width: 80%;
    text-align: center;
}

.ProductFinder .product--finder--results .product--result label {
    width: 100%;
}

.product--rules--panel .product--added {
    margin-bottom: 10px;
}

.product--rules--panel .grid__col input {
    margin-right: 5px;
    font-size: 11px;
}

.product--rules--rows {
    height: 150px;
    width: 101%;
    overflow-y: auto;
}


.new--courier--rule {
    width: 96%;
    overflow: hidden !important;
    min-height: 560px;
}

    .new--courier--rule .country--field h2 {
        margin-top: 20px;
    }

    .new--courier--rule .product--rules--rows {
        height: auto;
    }

    .new--courier--rule .blackItemsPanel label {
        width: 100%;
        display: inline-block;
    }

    .new--courier--rule .blackItemsPanel .ruleSelect {
        width: 100%;
    }

    .new--courier--rule .blackInputDD {
        min-width: 120px;
        max-width: 100%;
        margin-left: 5px;
    }

    .new--courier--rule .options .blackInputDD, .new--courier--rule .options .blackInput {
        margin-left: 0;
    }

    .new--courier--rule .product--rules {
        width: 99%;
        min-height: 100px;
    }

    .new--courier--rule .optional--rule--check label {
        margin: 7px 0;
    }

    .new--courier--rule .product--rules--panel {
        min-height: 300px;
    }

        .new--courier--rule .product--rules--panel h2 {
            margin-bottom: 20px;
        }

    .new--courier--rule .country--field select {
        max-width: 70%;
    }


.shippingrules .found--rules {
    /*padding: 0 1em;
  margin-bottom: 1em;
  max-height:30%;
  overflow:auto;*/
    /*overflow-y: scroll*/
}

    .shippingrules .found--rules .RuleBlock .ruleselectcontainer {
        height: 54px;
        position: relative
    }

        .shippingrules .found--rules .RuleBlock .ruleselectcontainer .ruleselect {
            position: relative;
            margin: .5em 0;
        }

    .shippingrules .found--rules .RuleBlock {
        background-color: #fff;
        margin-bottom: 10px;
        border: 1px solid #d6d6d6;
        /*padding: 1em;*/
        border-radius: 1em;
    }

        .shippingrules .found--rules .RuleBlock .rules {
            background: #fff;
            /*width: 600px;*/
            font-size: 0.66em;
            /* margin: 1em 2em; */
            padding: 1em;
            border: 1px solid #d6d6d6;
            border-radius: 1em;
            top: 100%;
            margin: 0;
        }

            .shippingrules .found--rules .RuleBlock .rules .failed--rule--description {
                color: red;
            }

        .shippingrules .found--rules .RuleBlock .Rulename {
            position: relative;
            color: #4d4d4d;
            font-weight: normal;
            font-size: 16px;
            line-height: 22px;
        }

        .shippingrules .found--rules .RuleBlock .rules ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

    .shippingrules .found--rules ul li span.product, .shippingrules .found--rules ul li span.quantity {
        display: block;
        height: 40px;
        margin-bottom: 10px;
    }

    .shippingrules .found--rules ul li span.product {
        width: 70%;
        float: left;
    }

    .shippingrules .found--rules ul li span.quantity {
        width: 24%;
        margin-left: 72%;
    }

.select--courier {
    display: block;
    text-decoration: underline;
    line-height: 0.88em;
    cursor: pointer;
}

    .select--courier.delivery--date {
        text-decoration: none;
        cursor: default;
    }
/*OverWrite the action--panel .menu to take of the margin-left when it comes from the orderdispatch*/
.Ruleselectcontainer .action--panel .menu {
    margin-left: 0px !important;
}

.NewRuleBlock {
    padding: 5px;
    border: 2px solid #5cacdf;
    border-radius: 5px;
    margin: 10px auto;
    display: table;
    position: relative;
    background-color: #FFFFFF;
    width: 95%;
}

    .NewRuleBlock:hover {
        background-color: #FAFAFA;
    }

#NewRuleList {
    overflow: auto;
    min-height: 100px;
    width: 880px;
    max-height: 200px;
}

.RuleField {
    display: inline-block;
    width: 190px;
    text-align: left;
}

.RuleOperator {
    display: inline-block;
    width: 100px;
    text-align: left;
    margin-left: 40px;
}

.RuleValue {
    display: inline-block;
    width: 200px;
    margin-left: 100px;
}

.RuleDelete {
    position: absolute;
    right: 10px;
    top: 5px;
    float: right;
}

.ModalPageTitle {
    font-family: 'Roboto Slab', serif;
    float: left;
    line-height: 30px;
    font-size: 26px;
    margin: 15px;
    padding: 0;
    position: relative;
}
/* METRICS */

.metrics--panel {
}

    .metrics--panel.centered {
        margin: 0 auto;
    }

.metrics {
    background: #fff;
    text-align: center;
    border-radius: 1em;
    /*box-shadow: #d6d6d6 0px 5px 8px;*/
}

    .metrics.large--metric {
        margin: 1em;
    }

.metrics--panel.close--metrics .metrics.large--metric {
    margin: 0em;
}

.metrics.large--metric h3 {
    padding: 0.33em 0;
    background: #f6f6f6;
    color: #444;
    margin-bottom: 0.33em;
}

.metrics .metric--value {
    padding: 1em 0;
    clear: both;
}

.metrics.large--metric .metric--value {
    font-size: 4em;
    padding: 0;
    font-weight: bold;
}

.metrics.positive--metric {
}

.small--tab {
    display: block;
    width: 90%;
    margin: 0 auto;
    border-radius: 1em;
    overflow: hidden;
    background: #fafafa;
    box-shadow: rgba(0,0,0,0.08) -2px 5px 0 0;
}

    .small--tab strong {
        font-size: 3em;
        text-align: center;
        display: block;
    }

    .small--tab small {
        display: block;
        color: #fff;
        padding: 0.33em;
        text-transform: uppercase;
    }

/* ICONS */

.channel-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: 5px auto 0 auto;
    background: url('/images/Default/order-source-icons/40px-cl-solo.png') no-repeat;
    color: #fff;
    font-size: 1px solid;
}

    .channel-icon.inblk {
        display: inline-block;
    }


.channel-icon-no-margin {
    display: block;
    width: 40px;
    height: 40px;
    background: url('/images/Default/order-source-icons/40px-cl-solo.png') no-repeat;
    color: #fff;
    font-size: 1px;
}

.channel-icon.small {
    display: inline-block;
    height: 19px;
    background-position-x: center;
    width: 27px;
    background-size: 100%;
}

.channel-icon.duel,
.channel-icon.dual {
    width: 80px;
    background-position-x: center;
}

.country-icon {
    background: url('https://images.cloudcommercepro.com/icons/flags/96x96/GB.png') center 18px no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 26px 26px;
}

    .country-icon.small {
        height: 20px;
        width: 30px;
        background-position-y: top;
        background-position-x: left;
        background-repeat: no-repeat;
    }

.channel-icon.float-right {
    float: right;
}

.customer-type-icon {
    text-align: center;
    margin: 0.5em auto;
    padding: 0.5em;
    width: 1em;
    border-radius: 1em;
    color: #fff;
}

    .customer-type-icon.trade {
        border-radius: 0;
    }

.channel-icon.channel-Marketplace, .channel-icon-Marketplace {
    background-image: url('/images/Default/order-source-icons/40px-cl-solo.png');
}

.channel-icon.channel-Ebay, .channel-icon-Ebay {
    background-image: url('/images/Default/order-source-icons/40px-ebay-solo.png');
}

.channel-icon.channel-ebayMotors, .channel-icon-ebayMotors {
    background-image: url('/images/Default/order-source-icons/40px-ebay-motors-solo.png');
}

.channel-icon.channel-Amazon, .channel-icon-Amazon {
    background-image: url('/images/Default/order-source-icons/40px-am-solo.png');
}

.channel-icon.channel-AmazonPrime, .channel-icon-AmazonPrime {
    background-image: url('https://images.cloudcommercepro.com/40px-amp-solo.png');
}

.channel-icon.channel-Amazon-FBA, .channel-icon-Amazon-FBA {
    background-image: url('/images/Default/order-source-icons/40px-amfba-solo.png');
}

.channel-icon.channel-Amazon-FBA-InTransit, .channel-icon-Amazon-FBA-InTransit {
    background-image: url('/images/Default/order-source-icons/40px-amInTransit.png');
}

.channel-icon.channel-Magento, .channel-icon-Magento, .channel-icon.channel-Magento2, .channel-icon-Magento2 {
    background-image: url('/images/Default/order-source-icons/40px-magento-solo.png');
}

.channel-icon.channel-WooCommerce, .channel-icon-WooCommerce {
    background-image: url('/images/Default/order-source-icons/40px-woo-solo.png');
}

.channel-icon.channel-BigCommerce, .channel-icon-BigCommerce {
    background-image: url('/images/Default/order-source-icons/40px-bigcommerce-solo.png');
}

.channel-icon.channel-TelephoneOrders, .channel-icon-TelephoneOrders {
    background-image: url('/images/Default/order-source-icons/40px-phone-solo.png');
}

.channel-icon.channel-Shopify, .channel-icon.channel-CcpShopify, .channel-icon-Shopify {
    background-image: url('/images/Default/order-source-icons/40px-shopify-solo.png');
}

.channel-icon.channel-CcpShopify {
    background-position: 50% 0;
    background-size: 85% 85%;
}

.channel-icon.channel-Magento .country-icon {
    display: none;
}

.channel-icon.channel-EKM, .channel-icon-EKM {
    background-image: url('/images/Default/order-source-icons/40px-EKM-solo.png');
}

.channel-icon.channel-OnBuy, .channel-icon-OnBuy {
    background-image: url('/images/Default/order-source-icons/40px-OnBuy-solo.png');
}

.channel-icon.channel-OpenCart, .channel-icon-OpenCart {
    background-image: url('/images/Default/order-source-icons/40px-OpenCart-solo.png');
}

.channel-icon.channel-VisualSoft, .channel-icon-VisualSoft {
    background-image: url('/images/Default/order-source-icons/40px-VisualSoft-solo.png');
}

.channel-icon.channel-Wayfair, .channel-icon-Wayfair {
    background-image: url('/images/Default/order-source-icons/40px-Wayfair-solo.png');
}

.channel-icon.channel-Etsy, .channel-icon-Etsy {
    background-image: url('/images/Default/order-source-icons/40px-Etsy-solo.png');
}

.channel-icon.channel-Aero, .channel-icon-Aero {
    background-image: url('/images/Default/order-source-icons/40px-Aero-solo.png');
}

.channel-icon.channel-Groupon, .channel-icon-Groupon {
    background-image: url('/images/Default/order-source-icons/40px-Groupon-solo.png');
}

.channel-icon.channel-Wowcher, .channel-icon-Wowcher {
    background-image: url('/images/Default/order-source-icons/40px-Wowcher-solo.png');
}


.country-icon.country-id-0 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GB.png');
}
/* United Kingdom */

.country-icon.country-id-1, .country-icon-1 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GB.png');
}
/* United Kingdom */
.country-icon.country-id-2, .country-icon-2 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/FR.png');
}
/* France */
.country-icon.country-id-3, .country-icon-3 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/DE.png');
}
/* Germany */
.country-icon.country-id-4, .country-icon-4 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ES.png');
}
/* Spain */
.country-icon.country-id-5, .country-icon-5 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/DK.png');
}
/* Denmark */
.country-icon.country-id-6, .country-icon-6 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NL.png');
}
/* Netherlands */
.country-icon.country-id-7, .country-icon-7 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IT.png');
}
/* Italy */
.country-icon.country-id-8, .country-icon-8 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GR.png');
}
/* Greece */
.country-icon.country-id-9, .country-icon-9 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/abkhazia.png');
}
/* Abkhazia */
.country-icon.country-id-10, .country-icon-10 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AF.png');
}
/* Afghanistan */
.country-icon.country-id-11, .country-icon-11 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/akrotiri-and-dhekelia.png');
}
/* Akrotiri and Dhekelia */
.country-icon.country-id-12, .country-icon-12 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AX.png');
}
/* Aland */
.country-icon.country-id-13, .country-icon-13 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AL.png');
}
/* Albania */
.country-icon.country-id-14, .country-icon-14 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/alderney.png');
}
/* Alderney */
.country-icon.country-id-15, .country-icon-15 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/DZ.png');
}
/* Algeria */
.country-icon.country-id-16, .country-icon-16 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AS.png');
}
/* American Samoa */
.country-icon.country-id-17, .country-icon-17 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AD.png');
}
/* Andorra */
.country-icon.country-id-18, .country-icon-18 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AO.png');
}
/* Angola */
.country-icon.country-id-19, .country-icon-19 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AI.png');
}
/* Anguilla */
.country-icon.country-id-20, .country-icon-20 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AG.png');
}
/* Antigua and Barbuda */
.country-icon.country-id-21, .country-icon-21 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AR.png');
}
/* Argetina */
.country-icon.country-id-22, .country-icon-22 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AM.png');
}
/* Armenia */
.country-icon.country-id-23, .country-icon-23 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AW.png');
}
/* Aruba */
.country-icon.country-id-24, .country-icon-24 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ashmore-and-cartier-islands.png');
}
/* Ashmore and Cartier Islands */
.country-icon.country-id-25, .country-icon-25 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AU.png');
}
/* Australia */
.country-icon.country-id-26, .country-icon-26 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/australian-antarctic-territory.png');
}
/* Australian Antarctic Territory */
.country-icon.country-id-27, .country-icon-27 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AT.png');
}
/* Austria */
.country-icon.country-id-28, .country-icon-28 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/azad-kashmir.png');
}
/* Azad Kashmir */
.country-icon.country-id-29, .country-icon-29 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AZ.png');
}
/* Azerbaijan */
.country-icon.country-id-30, .country-icon-30 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BS.png');
}
/* Bahamas */
.country-icon.country-id-31, .country-icon-31 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BH.png');
}
/* Bahrain */
.country-icon.country-id-32, .country-icon-32 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BD.png');
}
/* Bangladesh */
.country-icon.country-id-33, .country-icon-33 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BB.png');
}
/* Barbados */
.country-icon.country-id-34, .country-icon-34 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BY.png');
}
/* Belarus */
.country-icon.country-id-35, .country-icon-35 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BE.png');
}
/* Belgium */
.country-icon.country-id-36, .country-icon-36 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BZ.png');
}
/* Belize */
.country-icon.country-id-37, .country-icon-37 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BJ.png');
}
/* Benin */
.country-icon.country-id-38, .country-icon-38 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BM.png');
}
/* Bermuda */
.country-icon.country-id-39, .country-icon-39 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BT.png');
}
/* Bhutan */
.country-icon.country-id-40, .country-icon-40 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BO.png');
}
/* Bolivia */
.country-icon.country-id-41, .country-icon-41 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BA.png');
}
/* Bosnia and Herzegovina */
.country-icon.country-id-42, .country-icon-42 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BW.png');
}
/* Botswana */
.country-icon.country-id-43, .country-icon-43 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BR.png');
}
/* Brazil */
.country-icon.country-id-44, .country-icon-44 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/british-antarctic-territory.png');
}
/* British Antarctic Territory */
.country-icon.country-id-45, .country-icon-45 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IO.png');
}
/* British Indian Ocean Territory */
.country-icon.country-id-46, .country-icon-46 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/british-virgin-islands.png');
}
/* British Virgin Islands */
.country-icon.country-id-47, .country-icon-47 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BN.png');
}
/* Brunei */
.country-icon.country-id-48, .country-icon-48 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BG.png');
}
/* Bulgaria */
.country-icon.country-id-49, .country-icon-49 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BF.png');
}
/* Burkina Faso */
.country-icon.country-id-50, .country-icon-50 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/burma.png');
}
/* Burma */
.country-icon.country-id-51, .country-icon-51 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BI.png');
}
/* Burundi */
.country-icon.country-id-52, .country-icon-52 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KH.png');
}
/* Cambodia */
.country-icon.country-id-53, .country-icon-53 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CM.png');
}
/* Cameroon */
.country-icon.country-id-54, .country-icon-54 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KY.png');
}
/* Cayman Islands */
.country-icon.country-id-55, .country-icon-55 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CA.png');
}
/* Canada */
.country-icon.country-id-56, .country-icon-56 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CV.png');
}
/* Cape Verde */
.country-icon.country-id-57, .country-icon-57 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CF.png');
}
/* Central African Republic */
.country-icon.country-id-58, .country-icon-58 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TD.png');
}
/* Chad */
.country-icon.country-id-59, .country-icon-59 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CL.png');
}
/* Chile */
.country-icon.country-id-60, .country-icon-60 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CN.png');
}
/* China */
.country-icon.country-id-61, .country-icon-61 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CX.png');
}
/* Christmas Island */
.country-icon.country-id-62, .country-icon-62 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/clipperton-island.png');
}
/* Clipperton Island */
.country-icon.country-id-63, .country-icon-63 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CC.png');
}
/* Cocos (Keeling) Islands */
.country-icon.country-id-64, .country-icon-64 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CO.png');
}
/* Colombia */
.country-icon.country-id-65, .country-icon-65 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KM.png');
}
/* Comoros */
.country-icon.country-id-66, .country-icon-66 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CD.png');
}
/* Congo */
.country-icon.country-id-67, .country-icon-67 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CK.png');
}
/* Cook Islands */
.country-icon.country-id-68, .country-icon-68 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/coral-sea-islands.png');
}
/* Coral Sea Islands */
.country-icon.country-id-69, .country-icon-69 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CR.png');
}
/* Costa Rica */
.country-icon.country-id-70, .country-icon-70 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CI.png');
}
/* Côte d'Ivoire */
.country-icon.country-id-71, .country-icon-71 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/HR.png');
}
/* Croatia */
.country-icon.country-id-72, .country-icon-72 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CU.png');
}
/* Cuba */
.country-icon.country-id-73, .country-icon-73 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/curacao.png');
}
/* Curaçao */
.country-icon.country-id-74, .country-icon-74 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CY.png');
}
/* Cyprus */
.country-icon.country-id-75, .country-icon-75 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CZ.png');
}
/* Czech Republic */
.country-icon.country-id-76, .country-icon-76 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/DJ.png');
}
/* Djibouti */
.country-icon.country-id-77, .country-icon-77 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/DM.png');
}
/* Dominica */
.country-icon.country-id-78, .country-icon-78 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/DO.png');
}
/* Dominican Republic */
.country-icon.country-id-79, .country-icon-79 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/east-timor.png');
}
/* East Timor */
.country-icon.country-id-80, .country-icon-80 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/EC.png');
}
/* Ecuador */
.country-icon.country-id-81, .country-icon-81 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/EG.png');
}
/* Egypt */
.country-icon.country-id-82, .country-icon-82 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SV.png');
}
/* El Salvador */
.country-icon.country-id-83, .country-icon-83 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GQ.png');
}
/* Equatorial Guinea */
.country-icon.country-id-84, .country-icon-84 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ER.png');
}
/* Eritrea */
.country-icon.country-id-85, .country-icon-85 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/EE.png');
}
/* Estonia */
.country-icon.country-id-86, .country-icon-86 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ET.png');
}
/* Ethiopia */
.country-icon.country-id-87, .country-icon-87 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/FK.png');
}
/* Falkland Islands */
.country-icon.country-id-88, .country-icon-88 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/FO.png');
}
/* Faroe Islands */
.country-icon.country-id-89, .country-icon-89 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/FJ.png');
}
/* Fiji */
.country-icon.country-id-90, .country-icon-90 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/FI.png');
}
/* Finland */
.country-icon.country-id-91, .country-icon-91 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PF.png');
}
/* French Polynesia */
.country-icon.country-id-92, .country-icon-92 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TF.png');
}
/* French Southern and Antarctic Lands */
.country-icon.country-id-93, .country-icon-93 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GA.png');
}
/* Gabon */
.country-icon.country-id-94, .country-icon-94 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GM.png');
}
/* Gambia */
.country-icon.country-id-95, .country-icon-95 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GE.png');
}
/* Georgia */
.country-icon.country-id-96, .country-icon-96 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GH.png');
}
/* Ghana */
.country-icon.country-id-97, .country-icon-97 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GI.png');
}
/* Gibraltar */
.country-icon.country-id-98, .country-icon-98 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/gilgit-baltistan.png');
}
/* Gilgit-Baltistan */
.country-icon.country-id-99, .country-icon-99 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GL.png');
}
/* Greenland */
.country-icon.country-id-100, .country-icon-100 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GD.png');
}
/* Grenada */
.country-icon.country-id-101, .country-icon-101 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GU.png');
}
/* Guam */
.country-icon.country-id-102, .country-icon-102 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GT.png');
}
/* Guatemala */
.country-icon.country-id-103, .country-icon-103 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/guernsey.png');
}
/* Guernsey */
.country-icon.country-id-104, .country-icon-104 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GN.png');
}
/* Guinea */
.country-icon.country-id-105, .country-icon-105 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GW.png');
}
/* Guinea-Bissau */
.country-icon.country-id-106, .country-icon-106 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GY.png');
}
/* Guyana */
.country-icon.country-id-107, .country-icon-107 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/HT.png');
}
/* Haiti */
.country-icon.country-id-108, .country-icon-108 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/HM.png');
}
/* Heard Island and McDonald Islands */
.country-icon.country-id-109, .country-icon-109 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/herm.png');
}
/* Herm */
.country-icon.country-id-110, .country-icon-110 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/HN.png');
}
/* Honduras */
.country-icon.country-id-111, .country-icon-111 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/HK.png');
}
/* Hong Kong */
.country-icon.country-id-112, .country-icon-112 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/HU.png');
}
/* Hungary */
.country-icon.country-id-113, .country-icon-113 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IS.png');
}
/* Iceland */
.country-icon.country-id-114, .country-icon-114 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IN.png');
}
/* India */
.country-icon.country-id-115, .country-icon-115 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ID.png');
}
/* Indonesia */
.country-icon.country-id-116, .country-icon-116 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IR.png');
}
/* Iran */
.country-icon.country-id-117, .country-icon-117 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IQ.png');
}
/* Iraq */
.country-icon.country-id-118, .country-icon-118 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IE.png');
}
/* Ireland */
.country-icon.country-id-119, .country-icon-119 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IM.png');
}
/* Isle of Man */
.country-icon.country-id-120, .country-icon-120 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/IL.png');
}
/* Israel */
.country-icon.country-id-121, .country-icon-121 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/JM.png');
}
/* Jamaica */
.country-icon.country-id-122, .country-icon-122 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/JP.png');
}
/* Japan */
.country-icon.country-id-123, .country-icon-123 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/jersey.png');
}
/* Jersey */
.country-icon.country-id-124, .country-icon-124 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/JO.png');
}
/* Jordan */
.country-icon.country-id-125, .country-icon-125 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KZ.png');
}
/* Kazakhstan */
.country-icon.country-id-126, .country-icon-126 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KE.png');
}
/* Kenya */
.country-icon.country-id-127, .country-icon-127 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KI.png');
}
/* Kiribati */
.country-icon.country-id-128, .country-icon-128 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KR.png');
}
/* Korea; North */
.country-icon.country-id-129, .country-icon-129 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KP.png');
}
/* Korea; South */
.country-icon.country-id-130, .country-icon-130 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/kosovo.png');
}
/* Kosovo */
.country-icon.country-id-131, .country-icon-131 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KW.png');
}
/* Kuwait */
.country-icon.country-id-132, .country-icon-132 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KG.png');
}
/* Kyrgyzstan */
.country-icon.country-id-133, .country-icon-133 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LA.png');
}
/* Laos */
.country-icon.country-id-134, .country-icon-134 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LV.png');
}
/* Latvia */
.country-icon.country-id-135, .country-icon-135 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LB.png');
}
/* Lebanon */
.country-icon.country-id-136, .country-icon-136 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LS.png');
}
/* Lesotho */
.country-icon.country-id-137, .country-icon-137 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LR.png');
}
/* Liberia */
.country-icon.country-id-138, .country-icon-138 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LY.png');
}
/* Libya */
.country-icon.country-id-139, .country-icon-139 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LI.png');
}
/* Liechtenstein */
.country-icon.country-id-140, .country-icon-140 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LT.png');
}
/* Lithuania */
.country-icon.country-id-141, .country-icon-141 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LU.png');
}
/* Luxembourg */
.country-icon.country-id-142, .country-icon-142 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MO.png');
}
/* Macau */
.country-icon.country-id-143, .country-icon-143 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MK.png');
}
/* Macedonia */
.country-icon.country-id-144, .country-icon-144 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MG.png');
}
/* Madagascar */
.country-icon.country-id-145, .country-icon-145 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MW.png');
}
/* Malawi */
.country-icon.country-id-146, .country-icon-146 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MY.png');
}
/* Malaysia */
.country-icon.country-id-147, .country-icon-147 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MV.png');
}
/* Maldives */
.country-icon.country-id-148, .country-icon-148 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ML.png');
}
/* Mali */
.country-icon.country-id-149, .country-icon-149 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MT.png');
}
/* Malta */
.country-icon.country-id-150, .country-icon-150 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MH.png');
}
/* Marshall Islands */
.country-icon.country-id-151, .country-icon-151 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MR.png');
}
/* Mauritania */
.country-icon.country-id-152, .country-icon-152 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MU.png');
}
/* Mauritius */
.country-icon.country-id-153, .country-icon-153 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MX.png');
}
/* Mexico */
.country-icon.country-id-154, .country-icon-154 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/FM.png');
}
/* Micronesia */
.country-icon.country-id-155, .country-icon-155 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MD.png');
}
/* Moldova */
.country-icon.country-id-156, .country-icon-156 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MC.png');
}
/* Monaco */
.country-icon.country-id-157, .country-icon-157 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MN.png');
}
/* Mongolia */
.country-icon.country-id-158, .country-icon-158 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CS.png');
}
/* Montenegro */
.country-icon.country-id-159, .country-icon-159 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MS.png');
}
/* Montserrat */
.country-icon.country-id-160, .country-icon-160 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MA.png');
}
/* Morocco */
.country-icon.country-id-161, .country-icon-161 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MZ.png');
}
/* Mozambique */
.country-icon.country-id-162, .country-icon-162 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MM.png');
}
/* Myanmar */
.country-icon.country-id-163, .country-icon-163 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/nagorno-karabakh.png');
}
/* Nagorno-Karabakh */
.country-icon.country-id-164, .country-icon-164 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NA.png');
}
/* Namibia */
.country-icon.country-id-165, .country-icon-165 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NR.png');
}
/* Nauru */
.country-icon.country-id-166, .country-icon-166 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NP.png');
}
/* Nepal */
.country-icon.country-id-167, .country-icon-167 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NC.png');
}
/* New Caledonia */
.country-icon.country-id-168, .country-icon-168 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NZ.png');
}
/* New Zealand */
.country-icon.country-id-169, .country-icon-169 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NI.png');
}
/* Nicaragua */
.country-icon.country-id-170, .country-icon-170 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NE.png');
}
/* Niger */
.country-icon.country-id-171, .country-icon-171 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NG.png');
}
/* Nigeria */
.country-icon.country-id-172, .country-icon-172 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NU.png');
}
/* Niue */
.country-icon.country-id-173, .country-icon-173 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NF.png');
}
/* Norfolk Island */
.country-icon.country-id-174, .country-icon-174 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/northern-cyprus.png');
}
/* Northern Cyprus */
.country-icon.country-id-175, .country-icon-175 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MP.png');
}
/* Northern Mariana Islands */
.country-icon.country-id-176, .country-icon-176 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/NO.png');
}
/* Norway */
.country-icon.country-id-177, .country-icon-177 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/OM.png');
}
/* Oman */
.country-icon.country-id-178, .country-icon-178 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PW.png');
}
/* Palau */
.country-icon.country-id-179, .country-icon-179 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PS.png');
}
/* Palestine */
.country-icon.country-id-180, .country-icon-180 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PA.png');
}
/* Panama */
.country-icon.country-id-181, .country-icon-181 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PG.png');
}
/* Papua New Guinea */
.country-icon.country-id-182, .country-icon-182 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PY.png');
}
/* Paraguay */
.country-icon.country-id-183, .country-icon-183 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PE.png');
}
/* Peru */
.country-icon.country-id-184, .country-icon-184 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PH.png');
}
/* Philippines */
.country-icon.country-id-185, .country-icon-185 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PN.png');
}
/* Pitcairn Islands */
.country-icon.country-id-186, .country-icon-186 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PL.png');
}
/* Poland */
.country-icon.country-id-187, .country-icon-187 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PT.png');
}
/* Portugal */
.country-icon.country-id-188, .country-icon-188 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/pridnestrovskaya-moldavskaya.png');
}
/* Pridnestrovskaya Moldavskaya */
.country-icon.country-id-189, .country-icon-189 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PR.png');
}
/* Puerto Rico */
.country-icon.country-id-190, .country-icon-190 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/QA.png');
}
/* Qatar */
.country-icon.country-id-191, .country-icon-191 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/RO.png');
}
/* Romania */
.country-icon.country-id-192, .country-icon-192 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ross-dependency.png');
}
/* Ross Dependency */
.country-icon.country-id-193, .country-icon-193 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/RU.png');
}
/* Russia */
.country-icon.country-id-194, .country-icon-194 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/RW.png');
}
/* Rwanda */
.country-icon.country-id-195, .country-icon-195 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ST.png');
}
/* São Tomé and Príncipe */
.country-icon.country-id-196, .country-icon-196 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/sahrawi.png');
}
/* Sahrawi */
.country-icon.country-id-197, .country-icon-197 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/saint-barthelemy.png');
}
/* Saint-Barthélemy */
.country-icon.country-id-198, .country-icon-198 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SH.png');
}
/* Saint Helena */
.country-icon.country-id-199, .country-icon-199 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/KN.png');
}
/* Saint Kitts and Nevis */
.country-icon.country-id-200, .country-icon-200 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LC.png');
}
/* Saint Lucia */
.country-icon.country-id-201, .country-icon-201 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/saint-martin.png');
}
/* Saint Martin */
.country-icon.country-id-202, .country-icon-202 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PM.png');
}
/* Saint Pierre and Miquelon */
.country-icon.country-id-203, .country-icon-203 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/VC.png');
}
/* Saint Vincent and the Grenadines */
.country-icon.country-id-204, .country-icon-204 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/WS.png');
}
/* Samoa */
.country-icon.country-id-205, .country-icon-205 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SM.png');
}
/* San Marino */
.country-icon.country-id-206, .country-icon-206 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/sark.png');
}
/* Sark */
.country-icon.country-id-207, .country-icon-207 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SA.png');
}
/* Saudi Arabia */
.country-icon.country-id-208, .country-icon-208 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SN.png');
}
/* Senegal */
.country-icon.country-id-209, .country-icon-209 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CS.png');
}
/* Serbia */
.country-icon.country-id-210, .country-icon-210 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SC.png');
}
/* Seychelles */
.country-icon.country-id-211, .country-icon-211 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SL.png');
}
/* Sierra Leone */
.country-icon.country-id-212, .country-icon-212 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SG.png');
}
/* Singapore */
.country-icon.country-id-213, .country-icon-213 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/sint-maarten.png');
}
/* Sint Maarten */
.country-icon.country-id-214, .country-icon-214 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SK.png');
}
/* Slovakia */
.country-icon.country-id-215, .country-icon-215 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SI.png');
}
/* Slovenia */
.country-icon.country-id-216, .country-icon-216 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SB.png');
}
/* Solomon Islands */
.country-icon.country-id-217, .country-icon-217 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SO.png');
}
/* Somalia */
.country-icon.country-id-218, .country-icon-218 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/somaliland.png');
}
/* Somaliland */
.country-icon.country-id-219, .country-icon-219 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ZA.png');
}
/* South Africa */
.country-icon.country-id-220, .country-icon-220 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GS.png');
}
/* South Georgia and the South Sandwich Islands */
.country-icon.country-id-221, .country-icon-221 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/south-ossetia.png');
}
/* South Ossetia */
.country-icon.country-id-222, .country-icon-222 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/south-sudan.png');
}
/* South Sudan */
.country-icon.country-id-223, .country-icon-223 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/LK.png');
}
/* Sri Lanka */
.country-icon.country-id-224, .country-icon-224 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SD.png');
}
/* Sudan */
.country-icon.country-id-225, .country-icon-225 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SR.png');
}
/* Suriname */
.country-icon.country-id-226, .country-icon-226 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SZ.png');
}
/* Swaziland */
.country-icon.country-id-227, .country-icon-227 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SE.png');
}
/* Sweden */
.country-icon.country-id-228, .country-icon-228 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CH.png');
}
/* Switzerland */
.country-icon.country-id-229, .country-icon-229 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/SY.png');
}
/* Syria */
.country-icon.country-id-230, .country-icon-230 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TW.png');
}
/* Taiwan */
.country-icon.country-id-231, .country-icon-231 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TJ.png');
}
/* Tajikistan */
.country-icon.country-id-232, .country-icon-232 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TZ.png');
}
/* Tanzania */
.country-icon.country-id-233, .country-icon-233 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TH.png');
}
/* Thailand */
.country-icon.country-id-234, .country-icon-234 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TG.png');
}
/* Togo */
.country-icon.country-id-235, .country-icon-235 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TO.png');
}
/* Tonga */
.country-icon.country-id-236, .country-icon-236 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TK.png');
}
/* Tokelau */
.country-icon.country-id-237, .country-icon-237 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/transnistria.png');
}
/* Transnistria */
.country-icon.country-id-238, .country-icon-238 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TT.png');
}
/* Trinidad and Tobago */
.country-icon.country-id-239, .country-icon-239 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TN.png');
}
/* Tunisia */
.country-icon.country-id-240, .country-icon-240 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TR.png');
}
/* Turkey */
.country-icon.country-id-241, .country-icon-241 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TM.png');
}
/* Turkmenistan */
.country-icon.country-id-242, .country-icon-242 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TC.png');
}
/* Turks and Caicos Islands */
.country-icon.country-id-243, .country-icon-243 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/TV.png');
}
/* Tuvalu */
.country-icon.country-id-244, .country-icon-244 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/UG.png');
}
/* Uganda */
.country-icon.country-id-245, .country-icon-245 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/UA.png');
}
/* Ukraine */
.country-icon.country-id-246, .country-icon-246 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/AE.png');
}
/* United Arab Emirates */
.country-icon.country-id-247, .country-icon-247 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/US.png');
}
/* United States */
.country-icon.country-id-248, .country-icon-248 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/UY.png');
}
/* Uruguay */
.country-icon.country-id-249, .country-icon-249 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/UZ.png');
}
/* Uzbekistan */
.country-icon.country-id-250, .country-icon-250 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/VU.png');
}
/* Vanuatu */
.country-icon.country-id-251, .country-icon-251 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/VA.png');
}
/* Vatican City */
.country-icon.country-id-252, .country-icon-252 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/VE.png');
}
/* Venezuela */
.country-icon.country-id-253, .country-icon-253 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/VN.png');
}
/* Vietnam */
.country-icon.country-id-254, .country-icon-254 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/VG.png');
}
/* Virgin Islands */
.country-icon.country-id-255, .country-icon-255 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/YE.png');
}
/* Yemen */
.country-icon.country-id-256, .country-icon-256 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/WF.png');
}
/* Wallis and Futuna */
.country-icon.country-id-257, .country-icon-257 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ZM.png');
}
/* Zambia */
.country-icon.country-id-258, .country-icon-258 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ZW.png');
}
/* Zimbabwe */
.country-icon.country-id-259, .country-icon-259 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/PK.png');
}
/* Pakistan */
.country-icon.country-id-260, .country-icon-260 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/ES.png');
}

.country-icon.country-id-261, .country-icon-261 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/RE.png');
}

.country-icon.country-id-262, .country-icon-262 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/DK.png');
}

.country-icon.country-id-263, .country-icon-263 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GP.png');
}

.country-icon.country-id-264, .country-icon-264 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/BE.png');
}

.country-icon.country-id-265, .country-icon-265 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/CA.png');
}

.country-icon.country-id-266, .country-icon-266 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/GF.png');
}

.country-icon.country-id-267, .country-icon-267 {
    background-image: url('https://images.cloudcommercepro.com/icons/flags/96x96/MQ.png');
}



.icon-m-5 {
    margin: 5px;
}

.icon-m-10 {
    margin: 10px;
}

.icon-m-20 {
    margin: 20px;
}

.icon-m-h-5 {
    margin: auto 5px;
}

.icon-m-h-10 {
    margin: auto 10px;
}

.icon-m-h-20 {
    margin: auto 20px;
}

.icon-m-hr-5 {
    margin-right: 5px;
}

.icon-m-hr-10 {
    margin-right: 10px;
}

.icon-m-hr-20 {
    margin-right: 20px;
}

.icon-m-hl-5 {
    margin-left: 5px;
}

.icon-m-hl-10 {
    margin-left: 10px;
}

.icon-m-hl-20 {
    margin-left: 20px;
}

.icon-float-l {
    float: left;
}

.icon-float-r {
    float: right;
}

.icon--micro {
    font-size: 0.5em !important;
}

.icon--small {
    font-size: 1em !important;
}

.icon--normal {
    font-size: 2em !important;
}

.icon--medium {
    font-size: 3em !important;
}

.icon--large {
    font-size: 5em !important;
}

.text--s {
    font-size: 0.5em !important;
}

.text--ls {
    font-size: 0.75em !important;
}

.text--m {
    font-size: 1em !important;
}

.text--l {
    font-size: 1.5em !important;
}

.text--xl {
    font-size: 2em !important;
}

.text--xxl {
    font-size: 3em !important;
}


.icon--xlarge {
    font-size: 10em !important;
}

.icon--xxlarge {
    font-size: 20em !important;
}

.icon--circle {
    background-color: #d6d6d6;
    padding: 0.5em;
    border-radius: 2em;
    color: #ffffff;
    text-align: center;
}

    .icon--circle.compact {
        padding: 0.2em;
    }

    .icon--circle.circular {
        min-width: 1em;
        display: inline-block;
        text-align: center;
    }

    .icon--circle.tiny {
        padding: 0.31em;
        margin: -0.2em 0 0.2em 0;
    }

    .icon--circle.v-margin {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .icon--circle.green {
        background: rgb(26, 187, 156);
    }

    .icon--circle.yellow {
        background: rgb(255, 200, 102);
    }

    .icon--circle.grey {
        background: rgb(210, 210, 210);
    }

    .icon--circle.dark {
        background: rgb(210, 210, 210);
        color: #000;
    }

    .icon--circle.white {
        background-color: rgb(255, 255, 255);
        color: #000;
    }

.cursor:hover {
    cursor: pointer;
}



/* Multi step process start */

.multi-step-process .steps ul, .multi-step-process .actions ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .multi-step-process .steps ul li, .multi-step-process .actions ul li {
        display: inline-block;
        margin: 1em;
        padding: 1em;
        background: #666;
        border-radius: 5px;
    }

        .multi-step-process .steps ul li a, .multi-step-process .actions ul li a {
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }

        .multi-step-process .steps ul li:hover, .multi-step-process .actions ul li:hover {
            background: #999;
        }

        .multi-step-process .steps ul li.current, .multi-step-process .actions ul li.current {
            background: #999;
        }

.multi-step-process .title {
    display: none;
}

.multi-step-process .actions ul {
    text-align: right;
}

/* Multi step process end */

/* basic Label Tooltips */

.info--tooltip {
    display: none;
    position: absolute;
    border: 3px solid #d6d6d6;
    margin-left: 2em;
    text-align: left;
    padding: 0.66em;
    z-index: 1000;
    background: #fff;
    border-radius: 1em;
    width: 250px;
}

    .info--tooltip.fixed-position {
        position: fixed;
        margin-left: 235px !important;
    }

    .info--tooltip.no--margin {
        margin: 0;
    }

    .info--tooltip ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .info--tooltip ul li {
            font-size: 0.8em;
        }

label:hover {
    cursor: pointer;
}

    label:hover .info--tooltip {
        display: block;
    }

.on-hover:hover {
    cursor: pointer;
}

.on-hover .hover-block {
    display: none;
}

.on-hover .hover-label {
    padding: 0.44em;
    position: absolute;
    z-index: 100;
    border-radius: 0.44em;
    margin: -40px 0 0 40px;
    background-color: #fff;
    min-width: 100px;
    color: #666;
    border: 2px solid;
    max-width: 300px;
}

@media only screen and (max-width: 1345px) {
    .on-hover .left {
        border-top-right-radius: 0;
        border-top-left-radius: 0.66em;
        right: 0%;
    }
}


.on-hover.rela {
    position: relative;
}

.on-hover .hover-popout {
    padding: 0.44em;
    position: absolute;
    z-index: 100;
    border-radius: 0.5em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: 80%;
    background-color: #fff;
    min-width: 125px;
    color: #666;
    max-width: 300px;
    min-height: 75px;
    padding: 0.5em;
    border: 0px solid #d6d6d6;
    border-top: none;
    box-shadow: #d6d6d6 0 3px 10px;
}

    .on-hover .hover-popout.mid {
        width: 300px;
    }

    .on-hover .hover-popout.max {
        width: 600px;
    }

.on-hover.hover-off:hover .hover-block {
    display: none;
}

.on-hover:hover .hover-block, .on-hover .hover-block.hover-stick {
    display: block;
    position: absolute;
    z-index: 30;
}

.on-hover.r-aligned {
    position: relative;
}

    .on-hover.r-aligned:hover .hover-block, .on-hover.r-aligned .hover-block.hover-stick {
        right: 5px;
        border-top-right-radius: 0;
    }

.on-hover:hover .hover-block.in-place {
    position: relative;
}

.action-block {
    background-color: #222;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    border: 3px solid #fff;
    top: 33px;
    right: 40%; /* so the actions button is peeking out a bit */
    box-shadow: 0px 0px 3px #000;
}

    .action-block .btn {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 10px 0;
        white-space: nowrap;
    }

        .action-block .btn:last-child {
            margin-bottom: 0;
        }

        .action-block .btn:hover {
            background-color: #BCC3C3 !important;
        }
/* bit of a fudge for bottom items to not flow behind the overflow window */
.unprocessed-orders .issue-orders-area .issue-order:last-child .action-block {
    top: initial;
    bottom: -40px;
}

/* Checkbox list */

.checkbox--list {
}

    .checkbox--list.rule--filter {
        height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        padding: 1em;
        margin-top: 1em;
    }

    .checkbox--list .checkbox--row {
        margin: 0.2em 0;
    }

        .checkbox--list .checkbox--row label {
            width: 180px;
            display: block;
            font-size: 0.9em !important;
        }


/* Box Shadows */
.light--shadow {
    box-shadow: 0px 5px 0px 2px rgba(0,0,0,0.1);
}

.medium--shadow {
    box-shadow: 0px 10px 0px 2px rgba(0,0,0,0.2);
}

/* Action panel */

.action--panel {
}

    .action--panel .inline--button--panel {
    }

    .action--panel .menu {
        width: 180px;
        margin-top: -10px;
        margin-left: 5px;
        padding: 0.5em;
        border-radius: 0.5em;
        border-top-left-radius: 0;
        color: #fff;
        text-align: left;
    }

        .action--panel .menu a, .action--panel .menu .btn {
            display: block;
            padding: 0.33em;
            border-radius: 0.33em;
            text-decoration: none;
            color: #222;
        }

            .action--panel .menu a:hover, .action--panel .menu .btn:hover {
                color: #fff;
            }

    .action--panel input, .product--manager select {
        display: inline-block;
        width: auto;
        padding: 0.5em;
        border: 1px solid #d6d6d6;
        max-width: 100%;
    }

    .action--panel .filter label {
        display: block;
        margin-bottom: 0.5em;
    }


    .action--panel .filter--button .menu input, .action--panel .filter--button .menu select, .product--manager .product--filters .filter--button .menu select {
        width: 100%;
        display: block;
    }

    .action--panel .filter--button .menu .filter {
        margin-bottom: 1em;
    }

        .action--panel .filter--button .menu .filter input {
            margin-bottom: 1em;
        }

    .action--panel .dual--input input, .product--manager .product--filters .dual--input select {
        width: 40%;
        margin-right: 5%;
    }

    .action--panel .inline--button--panel .filter--button {
        display: inline-block;
    }




/* ui messages */

.user--message {
    margin: 0.66em 0;
    padding: 0.66em;
    border-radius: 0.66em;
    border: 1px solid #ccc;
    padding-left: 4em;
}

    .user--message p {
        margin: 0.66em 0;
    }

    .user--message.has--click:hover {
        cursor: pointer;
    }

    .user--message i.fa {
        padding: 0.46em;
        border-radius: 2em;
        margin-right: 0.66em;
        float: left;
        font-size: 1.2em;
        min-width: 1em;
        text-align: center;
        position: absolute;
        margin-left: -2.8em;
    }


.arrow_box {
    position: relative;
    background: #4d4d4d;
    color: #fff;
    border-radius: 0.33em;
}

    .arrow_box.right:after {
        left: 100%;
        top: 25px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(51, 51, 51, 0);
        border-left-color: inherit;
        border-width: 10px;
        margin-top: -10px;
    }

    .arrow_box.left:before {
        left: -20px;
        top: 25px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(51, 51, 51, 0);
        border-right-color: inherit;
        border-width: 10px;
        margin-top: -10px;
    }

.CustomButtonSmall.no-hover-bg:hover {
}



.strike-through {
    text-decoration: line-through;
}

    .strike-through.fade {
        opacity: 0.6;
    }

/* Full screen overrides */

.force--full--width {
    width: 100%;
}

.only--print, .only--print--grid__col {
    display: none !important;
    visibility: hidden;
}

.full--width--screen {
}

    .full--width--screen #Container {
        width: 100%;
    }

    .full--width--screen .cssWrapper736, .full--width--screen .cssWrapper940 {
        width: 90% !important;
        margin: 0 auto;
    }

.content--wrapper {
    margin: 0 auto;
}

    .content--wrapper.p90 {
        width: 90%;
    }

    .content--wrapper.p80 {
        width: 80%;
    }

    .content--wrapper.p70 {
        width: 70%;
    }

    .content--wrapper.p60 {
        width: 60%;
    }

    .content--wrapper.p50 {
        width: 50%;
    }

    .content--wrapper.p40 {
        width: 40%;
    }

    .content--wrapper.p30 {
        width: 30%;
    }

    .content--wrapper.p20 {
        width: 20%;
    }

    .content--wrapper.p10 {
        width: 10%;
    }

/* toggles */

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .cmn-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        user-select: none;
    }

input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 30px;
    height: 15px;
    background-color: #dddddd;
    border-radius: 15px;
    transition: background 0.4s;
}

    input.cmn-toggle-round-flat + label:before,
    input.cmn-toggle-round-flat + label:after {
        display: block;
        position: absolute;
        content: "";
    }

    input.cmn-toggle-round-flat + label:before {
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px;
        background-color: #fff;
        border-radius: 15px;
        transition: background 0.4s;
    }

    input.cmn-toggle-round-flat + label:after {
        top: 4px;
        left: 4px;
        bottom: 4px;
        width: 13px;
        background-color: #dddddd;
        border-radius: 13px;
        transition: margin 0.4s, background 0.4s;
    }

input.cmn-toggle-round-flat:checked + label {
    background-color: #8ce196;
}

    input.cmn-toggle-round-flat:checked + label:after {
        margin-left: 13px;
        background-color: #8ce196;
    }

/* Pop out */

.pop--out {
    width: 200px;
    position: absolute;
    z-index: 300;
    margin-top: -180px;
    margin-left: -50px;
    background: #fff;
    border-radius: 1em;
    box-shadow: rgba(0,0,0,0.05) 0 5px 0px 2px;
}

    .pop--out:after {
        left: 40%;
        top: 103%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(51, 51, 51, 0);
        border-top-color: inherit;
        border-width: 20px;
        margin-top: -10px;
        text-align: left;
    }

    .pop--out .po--content {
        height: 92%;
        margin: 0.5em;
        background: #fff;
        border-radius: 1em;
        padding: 0.5em;
    }

        .pop--out .po--content .btn {
            display: block;
            margin: 1em auto 0.5em auto;
            width: 85%;
        }

.ui--bar {
    margin: 0.5em 0;
    padding: 1em;
    background: #fff;
    border-radius: 1em;
}



/* Display toggles */

.bordered {
    margin: 0.5em auto;
    padding: 0.5em 0;
}

    .bordered.border--all {
        border: 1px solid;
    }

    .bordered.border--bottom {
        border-bottom: 1px solid;
    }

    .bordered.border--top {
        border-top: 1px solid;
    }

    .bordered.light {
        border-color: #d6d6d6;
    }

    .bordered.no--margin {
        margin: 0;
    }

.no--border {
    border: none;
}

.ib {
    display: inline-block;
}

.word-wrap {
    word-wrap: break-word;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.al-left {
    text-align: left;
}

.al-right {
    text-align: right;
}

.p-rel {
    position: relative;
}

.vl-top {
    vertical-align: top;
}

.vl-bottom {
    vertical-align: bottom;
}

.vl-middle {
    vertical-align: middle;
}


@media only print {

    .print--hidden {
        display: none !important;
    }

    .only--print {
        display: block !important;
        visibility: visible;
    }

    .only--print--grid__col {
        display: inline-block !important;
        visibility: visible;
    }

    .pg--brka {
        page-break-after: always;
    }

    .pg--brkb {
        page-break-before: always;
    }
}

.product--added2 {
    padding: 10px 15px;
    margin-left: auto;
}


/*.attachmentIcon {
    position:absolute;
    top:0px;
    left:-12px;
    height:34px;
    width:12px;
    background-image:url(//image.cloudstocksystems.com/pageserver/paper_clip_34x12.png);
}*/

.attachmentIcon {
    background-image: url("//image.cloudstocksystems.com/pageserver/paper_clip_34x12.png");
    background-repeat: no-repeat;
    float: left;
    height: 34px;
    /* left: -12px;*/
    margin: 3px;
    padding: 3px;
    position: relative;
    top: 0;
    width: 12px;
}

.local--error--button {
    background: #ce0000;
    display: inline;
    text-align: center;
    padding: 0.5em 0.8em;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.5em;
}

.local--errors {
    position: absolute;
    background: #fff;
    width: 80%;
    font-size: 0.8em;
    top: 0px;
    left: 50px;
    border: 5px solid #ce0000;
    padding: 1em;
    height: 50%;
    overflow: auto;
}


.on-hover .hover-block .uploadOrderAttatchment {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15em;
    height: 3em;
    opacity: 0.0;
    cursor: pointer;
    z-index: 999;
    margin-top: 4em;
    border: 1px solid red;
}

.on-hover .hover-block .attatchmentText {
    background: #fff;
    color: #333;
    margin: .45em;
    padding: .75em;
    border-radius: 0.5em;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.on-hover .hover-block .attatchmentContainer {
    width: auto !important;
}

    .on-hover .hover-block .attatchmentContainer .modal--close {
        width: .5em;
        height: .5em;
        position: relative;
        float: right;
    }

    .on-hover .hover-block .attatchmentContainer .fa {
        font-size: .5em;
    }

.on-hover .hover-block .hoverButton {
    width: 12em;
}

.scroll-line {
    height: 3px;
    position: absolute;
}

/* acknowledgement bar */

.acknowledgement--bar {
    height: 3em;
    position: fixed;
    width: 100%;
    z-index: 31000;
    overflow: hidden;
    box-shadow: 0em 0em 1em 0em rgba(0,0,0,0.2);
}

    .acknowledgement--bar .notices .notice {
        background: #5d5e5a;
        color: #fff;
        height: 3em;
        position: absolute;
        width: 100%;
        font-size: 1.1em;
    }

        .acknowledgement--bar .notices .notice .grid .grid__col {
            height: 100%;
        }

        .acknowledgement--bar .notices .notice .label {
            background: #ddc640;
        }

    .acknowledgement--bar .notices:hover {
        cursor: pointer;
    }

    .acknowledgement--bar .notices .notice span {
        margin: 0;
        display: inline-block;
        width: 2%;
        height: 100%;
        text-align: center;
        float: left;
    }

        .acknowledgement--bar .notices .notice span i {
            margin: 1em 0.33em;
        }

    .acknowledgement--bar .notices .notice p {
        margin: 0.7em 0.55em;
        display: inline-block;
        max-width: 95%;
        height: 1.2em;
        overflow: hidden;
    }

    .acknowledgement--bar .notices .min--notice {
        color: #fff;
        height: 3em;
        position: absolute;
        width: 100%;
        font-size: 1.1em;
    }

        .acknowledgement--bar .notices .min--notice span {
            margin: 0;
            display: inline-block;
            height: 100%;
            text-align: center;
            float: left;
        }

            .acknowledgement--bar .notices .min--notice span i {
                margin: 1em 0.7em;
            }

        .acknowledgement--bar .notices .min--notice p {
            margin: 0.8em 0.2em;
            display: inline-block;
            max-width: 95%;
            height: 1.2em;
            overflow: hidden;
        }

        .acknowledgement--bar .notices .min--notice .min-notice-msg {
            background: #5d5e5a;
            text-align: center;
        }

    .acknowledgement--bar.min {
        width: 25%;
        box-shadow: none;
        background: #ffffff !important;
        animation: minimize 1s cubic-bezier(0.45, 0.25, 0.60, 0.95) reverse;
    }

        .acknowledgement--bar.min.min--reduced {
            width: 15%;
        }

        .acknowledgement--bar.min .min--notice {
            display: block;
        }

        .acknowledgement--bar.min .max--notice {
            display: none;
        }

.notices.modal--notices {
    height: 75%;
    overflow: auto;
}

.notices .notice .main p {
    width: 0.33em 0;
}

.info--segment--surround {
}

    .info--segment--surround.bordered {
        border-left: 1em solid;
        margin: 1em 0;
        box-shadow: rgba(0,0,0,0.05) 0px 5px 10px;
    }

.info--segment {
}

    .info--segment .info-icon {
        width: 7%;
        vertical-align: top;
    }

    .info--segment .info-content {
        width: 93%;
    }

        .info--segment .info-content p {
            margin-bottom: 0.5em;
        }

        .info--segment .info-content a {
            font-weight: bold;
        }

/* Support panel */

.support-panel {
    position: fixed;
    background: #34495e;
    width: 25%;
    height: 100%;
    z-index: 3000;
    top: 0;
    right: 0;
    color: #fff;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    transition: all 600ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

    .support-panel .title-panel {
        padding-bottom: 0;
    }

        .support-panel .title-panel h3 {
            font-size: 3em;
            text-align: center;
        }

        .support-panel .title-panel p {
            font-size: 1em;
            margin: 1em 0;
        }

        .support-panel .title-panel > :last-child {
            padding-bottom: 1em;
            border-bottom: 1px solid;
        }

/* inline message */

.inline--message {
    margin-bottom: 0.5em;
    border-radius: 1em;
    color: #333;
}

    .inline--message:before {
        content: "";
        border-radius: 1em;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 0.5em;
        margin-left: 0;
    }


.message.stand--alone {
    padding: 0.5em 1em;
    border-radius: 0.5em;
    margin: 0.5em 0;
    text-align: center;
}

.corner--border {
    border-radius: 1em;
}

    .corner--border.no--top {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .corner--border.no--bottom {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

.border--bottom--no--radius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.border--top--no--radius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.border--left--no--radius {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.border--right--no--radius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.dev-database.banner--message {
    position: fixed;
    height: 2em;
    z-index: 3000;
    width: 100%;
    color: #fff;
    font-weight: bold;
    top: 0;
}

    .dev-database.banner--message .message p {
        line-height: 2em;
    }

    .dev-database.banner--message .message {
        margin-left: 1em;
    }

.dev-database.min {
    width: 1em;
    height: 1em;
    border-radius: 3em;
    overflow: hidden;
    font-size: 2em;
    padding: 0.25em;
    margin: 0;
    animation: minimize 1s normal forwards cubic-bezier(0.22, 0.61, 0.36, 1);
}

    .dev-database.min.banner--message .message {
        margin: 0 0.33em;
    }

    .dev-database.min.banner--message .inblk {
        display: none;
    }

    .dev-database.min i {
        display: block;
    }

@keyframes minimize {
    from {
        left: 0;
    }

    to {
        left: 99.5%;
        top: 0.2em;
        transform: translateX(-99.5%);
    }
}

.no--select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.v--center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* multi-choice panel */

.multi--choice--panel {
    width: 600px;
    text-align: center;
    margin: 1em 0;
}

    .multi--choice--panel .title {
        margin: 0 1em;
        padding: 0.33em 0.22em;
        font-size: 1.5em;
        font-weight: bold;
        border-bottom: 1px solid #d6d6d6;
    }

    .multi--choice--panel .messge {
        margin: 1em;
        border-radius: 0.5em;
        padding: 0.22em;
    }

    .multi--choice--panel .action .btn {
        padding: 1em 3em;
        display: inline-block;
    }

    .multi--choice--panel .action {
    }

    .multi--choice--panel .action--panel h3 strong {
        background: #d6d6d6;
        display: inline-block;
        padding: 0.5em;
        margin: 0 0.5em;
        font-size: 0.7em;
        border-radius: 0.5em;
        color: #333;
    }


/* Date slider */

.date--slider {
    margin: 1em 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 50px;
}

    .date--slider .tag-bar {
        background: white;
        width: 98%;
        margin: 0 auto;
    }

    .date--slider .date-selector {
        display: inline-block;
        background: #fff;
        position: relative;
    }

        .date--slider .date-selector .tag {
            display: block;
            padding: 1.5em 0.5em;
            margin: 0 5px;
        }

        .date--slider .date-selector.tag-month {
            font-weight: bold;
        }

        .date--slider .date-selector.tag-selected, .date--slider .date-selector.tag-selected .tag {
            background: #f6f6f6;
            font-weight: bold;
        }

        .date--slider .date-selector.non-selectable {
            opacity: 1;
            color: #d6d6d6;
            background: #fff;
        }

            .date--slider .date-selector.non-selectable .tag:last-child {
                background: none;
            }

        .date--slider .date-selector .alert {
            position: absolute;
            background: #d02c2c;
            color: white;
            padding: 4px;
            border-radius: 1em;
            text-align: center;
            border: 1px solid white;
            font-size: 0.77em;
            right: 86%;
            vertical-align: middle;
            top: 0px;
            line-height: 0.77em;
        }

    .date--slider a.nav {
        position: relative;
        height: 100%;
        padding: 0 1em;
        vertical-align: middle;
        line-height: 100%;
        border-radius: 0.5em;
    }

        .date--slider a.nav:nth-child(1) {
            left: 0;
        }

        .date--slider a.nav:nth-child(2) {
            right: 0;
        }

        .date--slider a.nav.nav-left {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .date--slider a.nav.nav-right {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .date--slider a.nav i.fa {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

.customerordershipmentlist .fixed-scroll .date--slider {
    position: fixed;
    z-index: 300;
    top: 0;
    margin: 0;
    width: 90%;
    left: 0;
}

    .customerordershipmentlist .fixed-scroll .date--slider a.nav {
        border-radius: 0;
    }

.customerordershipmentlist .fixed-scroll #ActionsButton {
    position: fixed;
    right: 0;
    top: 0;
    border-radius: 0;
    width: 10%;
    z-index: 300;
    margin: 0;
}

    .customerordershipmentlist .fixed-scroll #ActionsButton > .btn {
        display: block;
        margin: 0;
        border-radius: 0;
        height: 30px;
    }

/* Date slider */

/* HTML Editor */

.html--editor {
    height: 730px;
    margin: 0 2em;
    margin-bottom: 4em;
}

    .html--editor .code-editor, .html--editor .visual-editor {
        height: 100%;
        width: 100%;
        display: inline-block;
    }

    .html--editor .editor--header {
        margin-bottom: 1em;
    }

/* HTML Editor */

/* Lists */
.data--list {
}

    .data--list .list--item {
        padding: 0.5em 0;
        border-bottom: 1px solid #d6d6d6;
    }


.search-batch-panel {
}

    .search-batch-panel .batch--list {
        clear: both;
        column-count: 3;
        column-rule: 1px solid #d6d6d6;
        column-gap: 2em;
    }


.minimal--list {
    list-style-type: none;
    margin: 0.5em 0;
    padding: 0;
}

    .minimal--list li {
        margin: 0 0 0.22em 0;
        padding: 0;
    }

/*  */
.shakeOnce {
    animation: shake .86s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
}

/* only used "on-hover--confinedchild" when you know the parent element will fit the child items */
.on-hover.on-hover--confinedchild {
    position: relative;
}

    .on-hover.on-hover--confinedchild:hover .hover-block {
        left: 0;
        right: 5px;
        top: 100%;
    }

.shipments-section.filtered-out {
    display: none;
}

.shipment.filtered-out {
    display: none;
}

#FilterShipmentButton.disabled a, #FilterUserButton.disabled a {
    background-color: #ccc;
}

#FilterShipmentButton.hover-block, #FilterUserButton.hover-block {
    right: 0;
}

.section-filter {
    border: 2px solid #000;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    box-sizing: border-box;
}

    .section-filter:before,
    .section-filter:after,
    .section-filter *,
    .section-filter *:before,
    .section-filter *:after {
        box-sizing: inherit;
    }

    .section-filter p {
        text-align: left;
    }

.checkbox-shipmentFilters, .checkbox-userFilters {
    font-size: 14px;
    margin-bottom: 10px;
}

.checkbox-shipmentfilter, .checkbox-userfilter {
    display: flex;
    width: 400px;
    padding: 3px 3px 3px 10px;
    align-items: center;
}

    .checkbox-shipmentFilter:hover, .checkbox-userFilter:hover {
        background-color: #efefef;
    }

    .checkbox-shipmentFilter label, .checkbox-userFilter label {
        flex-grow: 1;
        text-align: left;
    }

        .checkbox-shipmentFilter label span, .checkbox-userFilter label span {
            font-size: 14px;
            font-weight: bold;
            color: #000;
        }

.checkbox-shipmentFilters input, .checkbox-userFilters input {
    width: 20px;
    height: 20px;
    flex-grow: 0;
    flex-shrink: 0;
}

.section-filter__actions {
    display: flex;
}

    .section-filter__actions .btn {
        flex-grow: 1;
    }

        .section-filter__actions .btn:first-child {
            margin-right: 5px;
        }

.on-hover.disabled a:hover {
    cursor: initial;
}

.on-hover.disabled:hover .hover-block,
.on-hover.disabled .hover-block.hover-stick {
    display: none;
}


/* Tables */



.cloud-table {
    empty-cells: show;
    border: 1px solid #cbcbcb;
    border-collapse: collapse;
    border-spacing: 0
}

    .cloud-table td, .cloud-table th {
        border-left: 1px solid #cbcbcb;
        border-width: 0 0 0 1px;
        font-size: inherit;
        margin: 0;
        overflow: visible;
        padding: .5em 1em
    }

        .cloud-table td:first-child, .cloud-table th:first-child {
            border-left-width: 0
        }

    .cloud-table thead {
        background-color: #e0e0e0;
        color: #000;
        text-align: left;
        vertical-align: bottom
    }

    .cloud-table td {
        background-color: transparent
    }

.cloud-table-odd td, .cloud-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2
}

.cloud-table-bordered td {
    border-bottom: 1px solid #cbcbcb
}

.cloud-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0
}

.cloud-table-horizontal td, .cloud-table-horizontal th {
    border-width: 0 0 1px;
    border-bottom: 1px solid #cbcbcb
}

.cloud-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0
}

.simple-filter {
    position: relative;
}

.simple-filter__input {
    padding: 5px 35px 5px 5px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    width: 100%;
}

    .simple-filter__input::-ms-clear {
        display: none;
    }

.simple-filter__clear {
    position: absolute;
    top: 50%;
    right: 1px;
    border: 0;
    background: none;
    font-size: 22px;
    padding: 0;
    height: 28px;
    width: 28px;
    outline: none;
    cursor: pointer;
    transform: translateY(-50%);
}


/*
⚠ Anything using the prefix "cb-" has been aimed at making cross browser parity
Different screens will have varying css implementions, so the use of !important
is required to ensure this class wins the specificity war
*/
select.cb-select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: #fff !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat !important;
    background-position: right 0.5em top 50% !important;
    background-size: .5em auto !important;
    padding-right: 1.5em !important;
    border-style: solid;
}

    select.cb-select::-ms-expand {
        display: none !important; /*ie11*/
    }

    select.cb-select.cb-select--disabled {
        background-image: none !important;
    }

/*
⚠ Anything using the prefix "u-" is a small utility class to be used in place of inline styles
*/
.u-display-flex {
    display: flex;
}

.disabledButton {
    color: #262222 !important;
    background-color: #dedcdc !important;
}

.filter-row {
    position: relative;
    padding-top: 6px;
}

.filter-row__filter {
    position: absolute;
    top: 0;
    left: 0;
}

    .filter-row__filter label {
        margin-right: 5px;
    }

    .filter-row__filter select {
        min-width: 100px;
        max-width: 200px;
        color: #7e8b8c;
        height: 30px;
        padding: 0 5px;
    }

/* allocations */

.order-allocation-locked {
    display: inline-block;
    clear: right;
    padding: 0.2em 0.5em;
    color: #fff;
    border-radius: 1em;
}

/* print to screen queue */

.screen-queue-message {
    background: #ffffff;
    border: 1px solid #d6d6d6;
    padding: 0.7em;
}

    .screen-queue-message .btn {
        padding: 0.33em 0.6em;
        color: #ffffff;
        border-radius: 0.4em;
        cursor: pointer;
    }

.centreTextForNoImages {
    position: relative;
    text-align: center;
    top: 45px;
}

#ProductVariationsBox {
    display: flex;
    flex-direction: column;
}

.unique-variation-warning {
    background-color: #F8F4B2;
    border-radius: 5px;
    padding: 20px;
}