@import url(https://fonts.googleapis.com/css?family=Open+Sans);

#main, .inner-width {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (min-width: 1601px) {
    .inner-width {
        max-width: 1500px;
    }
}

body {
    font-family: 'open sans hebrew', 'Arial', Arial;
    color: #000;
}

select, input {
    font-family: 'open sans hebrew', 'Arial', Arial;
    color: #000;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'open sans hebrew',"Arial", Arial;
    font-size: inherit;
}

html, button, input, select, textarea, .ui-widget {
    font-family: 'open sans hebrew',"Arial", Arial;
    margin: 0;
}

audio, canvas, video {
    font-family: 'open sans hebrew',"Arial", Arial;
}

a {
    text-shadow: none;
    color: #5b9bd1;
    text-decoration: none;
}

    a:focus {
        outline: none !important;
    }

table {
    border-collapse: collapse;
}

ul {
    font-size: inherit;
}

    ul.v {
        list-style-image: url(/images/v_1.png);
    }

.box {
    background-color: rgba(255,255,255,0.6);
    padding: 10px;
    border: solid 1px #e3e3e3;
}


.box-bordered {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    color: #838FA1;
}

.flow {
    text-align: center;
}

    .flow > img {
        width: 50px;
    }

    .box h3, .flow h3 {
        font-size: 18px !important;
        font-weight: bold !important;
        color: #369 !important;
        border-bottom-width: 0px !important;
        font-style: normal !important;
    }

        .box h3.disabled {
            color: #414141;
        }

#features ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    #features ul li:first-child {
        border-left-width: 0px;
        padding-left: 00px;
    }

    #features ul li {
        float: left;
        width: 31%;
        padding: 15px 0px;
        margin: 0px;
        border-left: solid 1px #ccc;
        padding-left: 20px;
        background-image: linear-gradient(bottom, #FFFFFF 25%, #FFFFFF 63%, #F3F3F3 91%);
        background-image: -o-linear-gradient(bottom, #FFFFFF 25%, #FFFFFF 63%, #F3F3F3 91%);
        background-image: -moz-linear-gradient(bottom, #FFFFFF 25%, #FFFFFF 63%, #F3F3F3 91%);
        background-image: -webkit-linear-gradient(bottom, #FFFFFF 25%, #FFFFFF 63%, #F3F3F3 91%);
        background-image: -ms-linear-gradient(bottom, #FFFFFF 25%, #FFFFFF 63%, #F3F3F3 91%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, #FFFFFF), color-stop(0.63, #f2f2f2), color-stop(0.91, #f9f9f9) );
    }

        #features ul li h4 {
            color: #369;
            font-size: 14px;
            padding-bottom: 7px;
        }

#header {
    padding: 0px 0px 0px 0px;
}


.slogen {
    font-size: 12px;
    font-weight: bold;
    color: green;
}


div.navcont {
    padding: 0 0px;
    margin: 0 auto;
    width: 100%;
    z-index: 200;
}




ul.nav {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

    ul.nav li:first-child {
        border-right-width: 1px;
        border-left-width: 0;
    }

    ul.nav li {
        float: left;
        text-align: center;
        color: #fff;
        padding: 15px 13px;
        margin: 0 0;
        min-width: 50px;
        cursor: pointer;
        border-bottom-width: 0px;
        font-family: 'open sans hebrew', 'Arial', Verdana, Helvetica, sans-serif;
        -webkit-transition-property: all;
        -webkit-transition-duration: 100ms, 100ms;
        -webkit-transition-timing-function: linear, ease-in;
        font-size: 14px;
    }



div.navcont, .header-alternate-back {
    background-color: #fff;
}


.submenucont {
    color: #666;
    width: 100%;
    z-index: 200;
    transition: all 0.1s;
    background: #fff;
    height: 62px;
}


.footer-cont, .footer-cont a {
    color: #fff;
}


ul.nav li.selected {
    color: #f1f1f1 !important;
    border-bottom-width: 0px;
    text-align: center;
    background: #00c178;
}

    ul.nav li.selected:hover {
    }



ul.nav li.marked {
    padding-left: 10px !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
}

.bodycont {
    padding: 0;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin: 0 auto;
    min-height: 421px;
}

    .bodycont h2 {
        color: #444;
        margin: 0;
        font-size: 38px;
        font-weight: 200;
        font-family: "Arial", "open sans hebrew", Arial;
    }

        .bodycont h2 a {
            color: #000;
        }

    .bodycont h3 {
        font-weight: normal;
        padding-bottom: 10px;
        margin: 0;
    }

    .bodycont div.label {
        font-weight: 600;
    }


#notifbar {
    padding: 5px 10px;
    background-color: #f4f4f4;
    border: solid 1px #e1e1e1;
    margin-right: 0px;
    color: #139;
}

div.form table tr td {
    vertical-align: top;
}



div.form .toolbar {
    padding-top: 20px;
}

div.form .label {
    padding-right: 30px;
    font-weight: 600;
}

    div.form .label:first-child {
        padding-right: 0px;
    }

.sep {
    padding: 10px;
}



.progbar {
    margin: 0 auto;
    width: 100%;
}

    .progbar ul {
        margin: 20px 0;
        padding: 0;
        list-style-type: none;
        font-size: 14px;
        line-height: 20px;
    }

        .progbar ul li {
            padding: 5px 0;
            color: #cc0000;
            float: right;
            padding-left: 20px;
        }

            .progbar ul li a {
                color: #cc0000 !important;
                cursor: pointer;
            }

            .progbar ul li.selected {
                color: Green !important;
            }

                .progbar ul li.selected a {
                    color: Green !important;
                }

            .progbar ul li:first-child {
            }

    .progbar > h6 {
        font-size: 11px;
        padding-bottom: 3px;
    }

.grid > table {
    width: 100%;
}



    .grid > table > tbody tr > td {
    }

    .grid > table tr {
        transition: all linear 0.1s;
    }

        .grid > table tr > td:first-child {
        }

    .grid > table > tbody > tr > td {
        padding: 10px;
        border-bottom: solid 1px #e8e8e8;
    }

    .grid > table > tbody tr:nth-child(even) {
        background-color: #fff;
    }

    .grid > table > tbody tr:nth-child(odd) {
        background-color: #eafff7;
    }


    .grid > table tr > td.bold {
        font-weight: bold;
    }

.grid.hovercolor > table tbody > tr:hover {
    background-color: #F5F5F5 !important;
}

.grid .form {
    border: solid 1px #e1e1e1;
    padding: 4px;
}

    .grid .form, .grid .form table td {
        background-color: #fff;
    }

.grid th {
    background-color: #fff;
    padding: 10px 10px;
    text-align: left;
    border: 1px solid #ddd;
    font-weight: bold;
}

    .grid th.pager {
        background: #fff;
        color: #000;
        border: 0px solid #ddd;
        padding: 5px 0;
        font-weight: normal;
    }

.grid > table {
    background: #ddd;
    border-collapse: collapse;
}

.grid table tfoot td {
}


.submenu {
    padding: 0px 0px;
    color: #000;
    line-height: 43px;
}

    .submenu h2 {
        font-family: "Arial";
        font-size: 14px;
        font-weight: 200;
    }


    .submenu ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .submenu ul li {
            float: left;
            padding: 12px 10px;
            line-height: 38px;
        }

            .submenu ul li a {
                color: #5b9bd1;
                text-decoration: none;
                font-size: 14px;
            }

            .submenu ul li:first-child {
                padding-left: 0px;
            }

            .submenu ul li.selected a {
                color: #333;
            }

    .submenu a {
        color: #666;
    }

.pager td {
    text-align: center;
    background-color: #fff !important;
    padding: 15px 0;
    border: solid 0px #fff;
}

thead .pager a {
}

.preview {
    margin: 0 auto;
}

    .preview .title {
        padding: 0 10px;
        padding-bottom: 5px;
    }

.label .desc, .label.desc, .desc {
    font-weight: normal;
    font-size: 90%;
    color: #666;
    font-style: italic;
}

#footer {
}

    #footer img {
        vertical-align: middle;
    }


#loader {
    position: absolute;
    z-index: 999999;
    display: none;
    text-align: center;
    padding: 4px;
    background-color: #fff;
}

.page {
    min-height: 750px;
}

#yesnodialog h5 {
    font-size: 18px;
    color: #000;
    text-align: center;
    padding: 15px;
}

#pager a.selected {
    text-decoration: none;
    color: #000;
}

#pager a {
    font-size: 24px;
}

.noresult {
    text-align: center;
}

.nopadd td {
    padding: 0px !important;
}

h3.selected a {
    color: Green;
}

.hintblur {
    color: Dimgray;
    font-style: italic;
}

.nocatsmessage {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.lstWhat {
    padding: 0px;
    list-style-position: outside;
    list-style-image: url(/Images/bullet.gif);
}

table.infoBack td {
    background-color: #ffffcc !important;
}

#tblOrderProducts {
    direction: ltr;
}

    #tblOrderProducts p {
        margin: 2px 0;
    }

#tblOrderProducts, .whitetable {
}

    #tblOrderProducts td, .grid table.whitetable tr > td {
    }

    #tblOrderProducts th, .grid table.whitetable tr > th {
    }

.graytable tr td {
    background: #f9f9f9 !important;
}

.tzSelect {
    /* This is the container of the new select element */
    height: 31px;
    display: block;
    min-width: 200px;
    position: relative; /* Preloading the background image for the dropdown */
}

    .tzSelect .selectBox {
        position: absolute;
        height: 90%;
        width: 100%; /* Font settings */
        font-size: 12px;
        line-height: 23px;
        text-align: center;
        text-shadow: 1px 1px 0 #EEEEEE;
        color: #000; /* Using CSS3 multiple backgrounds and a fallback */
        background-color: #f1f1f1;
        background-position: 90% 20%;
        background-repeat: no-repeat;
        cursor: pointer;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: solid 1px #d1d1d1;
        margin-top: 2px;
        background-image: url(/images/arrow_down.gif);
    }

        .tzSelect .selectBox:hover, .tzSelect .selectBox.expanded {
        }

    .tzSelect .dropDown {
        padding: 1px;
        margin: 0px;
        position: absolute;
        top: 36px;
        left: -41px;
        width: 120%;
        border: 2px solid #999;
        border-width: 0 1px 1px;
        list-style: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-shadow: 0 0 4px #111;
        -webkit-box-shadow: 0 0 4px #111;
        box-shadow: 0 0 4px #111;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        z-index: 1000;
    }

        .tzSelect .dropDown:focus {
            outline: none;
        }

    .tzSelect li {
        height: 25px;
        cursor: pointer;
        padding: 5px;
        color: #000;
        position: relative; /* Again, using CSS3 multiple backgrounds with a fallback */
        background-color: #eee;
    }

        .tzSelect li.selected {
            color: Blue;
            background: #f5f5f5;
        }

        .tzSelect li:hover {
            background-position: 50% -256px, 0 -85px, 0 0;
            color: blue !important;
        }

        .tzSelect li img {
            padding: 0 5px;
        }

        .tzSelect li span {
        }

        .tzSelect li i {
            color: #999999;
            display: block;
            font-size: 12px;
        }

        .tzSelect li img {
            margin-right: 10px;
        }

    .tzSelect .fancyLiText {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.submenu3 ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    .submenu3 ul li {
        margin: 0px;
        padding: 10px 5px;
    }

        .submenu3 ul li.selected {
        }

            .submenu3 ul li.selected a {
                color: #000;
                font-weight: bold;
            }

#aformcont, #grid_ajax_cont, .graycont {
}


    #aformcont .search input, #grid_ajax_cont .search input, .graycont .search input, #grid_ajax_cont_prod .search input, #products .search input, #categories .search input {
        background-color: #fff;
        border-left-width: 1px;
    }


#aformcont {
    border-bottom-width: 0px;
}

#wizard_cont h2 {
    padding-bottom: 10px;
}

#wizard_cont .graycont h2 {
    display: none;
}

.quickLinks {
    text-align: left;
}

#jWizard.ui-widget {
    font-family: "Trebuchet MS", Arial;
    font-size: inherit;
}

#jWizard .ui-widget-header {
    background: none;
    background-color: transparent;
    border-width: 0px;
    font-weight: normal;
}

.jw-steps-wrap {
    height: auto !important;
}


#jWizard .jw-step h2 {
    color: #000;
    font-weight: 200;
    font-size: 18px !important;
    font-weight: bold;
    font-family: "Arial", "open sans hebrew", Arial;
}

#jWizard .label {
}

#jWizard .jw-step h3 {
}

#jWizard .jw-content {
    border: 0;
}

#jWizard .ui-widget-content {
    color: inherit;
}


#jWizard .jw-header h2 {
    padding: 0px;
    padding-bottom: 5px;
}

#jWizard .jw-active {
    background: none;
    border-width: 1px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#jWizard .jw-menu {
    background: #fff;
    margin: 0px;
    min-height: 260px;
    margin-top: 10px;
}

#jWizard .jw-current {
    border-right-width: 0px;
}

#jWizard .jw-animated.jw-inactive.ui-state-disabled {
    font-size: 14px;
    padding: 8px;
}

#jWizard .ui-state-highlight {
    font-weight: normal !important;
    background: #fff !important;
    border: 0 !important;
    padding: 8px !important;
    font-size: 14px;
    color: #000;
    margin-bottom: 0 !important;
}


    #jWizard .ui-state-highlight a {
        font-weight: bold !important;
    }

#jWizard .wizrdheight {
    min-height: 140px;
}

#jWizard .jw-counter.jw-center .jw-counter-text {
    float: none;
    width: 100px;
}

#jWizard .jw-counter {
    width: 100px;
    border-width: 0px;
    background-color: transparent;
    padding: 0px;
}

#jWizard .ui-progressbar-value {
    background-color: #369 !important;
}

#jWizard .jw-footer {
    display: none;
}

#jWizard .jw-steps-wrap {
    padding: 10px 10px 20px 35px;
    font-family: 'Arial', Arial;
    line-height: 20px;
}

    #jWizard .jw-steps-wrap h3 {
        line-height: 20px;
        font-weight: normal;
        color: #444;
        padding-bottom: 5px;
    }

#jWizard .padd {
    padding: 7px;
}

#jWizard h2 {
    font-size: 24px !important;
    font-family: "Arial", "open sans hebrew", Arial;
}

#jWizard .jw-steps-wrap > div {
}

#jWizard .jw-counter-progressbar {
    moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-color: #ddd;
}

#jWizard .jw-counter-text {
    color: #369;
}

#jWizard .ui-widget-content li a {
    font-weight: normal;
}

#jWizard .ui-widget-content a {
    color: #5b9bd1;
}

#jWizard #aformcont {
    padding: 10px 0;
}

#jWizard .search input {
    margin: 0px;
}

#jWizard h3 {
    font-size: 12px;
}

#jWizard #grid_ajax_cont, #jWizard #grid_ajax_cont_prod {
    border-width: 0px;
    padding: 10px 0;
}

#jWizard .ui-state-default {
    border-color: #eee;
    border: solid 0px #fff;
}

#jWizard .jw-menu-wrap {
    width: 10.6em;
}

#jWizard .body-header, #jWizard .body-footer, #jWizard .body-content {
    margin: 0px;
    padding: 0px;
}

#jWizard .body-header {
    margin-bottom: 10px;
}

#jWizard .body-footer {
    margin-top: 5px;
    margin-bottom: 5px;
}

.body-header, .body-footer {
    margin: 0px;
}
.body-footer {
    margin-top: 5px;
}


.body-content .body-header {
    margin-top: 0px;
}

.body-header {
    padding-bottom: 15px;
}

.transparent, table.transparent td {
    background-color: transparent !important;
}

.grid tr.selected td {
    background-color: #bce8f1;
}

.bold, #storecont h2.bold {
    font-weight: bold !important;
}

.notification-item {
    margin-bottom: 10px;
}

.notification-item-detail {
    margin-top: 10px;
}

.grid.white td {
    background-color: #f9f9f9;
}

#main {
}




ul.warpped-list {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    ul.warpped-list li {
        padding: 10px 0;
        width: 32%;
        margin: 1px 2px;
    }

    ul.warpped-list.twocol li {
        width: 48%;
    }

.noleftrightpadd {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.grid tr.active td {
    font-weight: bold;
}

.logotext {
    font-size: 25px;
    text-decoration: none;
    color: #369;
    letter-spacing: 3px;
    font-family: 'Myriad-Pro', 'Myriad', helvetica, arial, sans-serif;
}

.slogen2text {
    font-size: 11px;
    text-decoration: none;
    color: green;
    letter-spacing: 4px;
    font-family: 'Myriad-Pro', 'Myriad', helvetica, arial, sans-serif;
    font-style: italic;
}


#diag-error {
    margin-bottom: 5px;
}

.ui-state-info td {
    background-color: transparent !important;
}

#formdetails {
    font-size: 12px;
}


#jWizard div.form .label, #jWizard .form table td {
    padding-top: 0px;
    padding-bottom: 0px;
}

#jWizard th, div.label {
    font-size: 100% !important;
    font-weight: normal;
    color: #000;
}

.lnkProductOptions {
    white-space: nowrap;
}

.cropper-cont {
    background: url(/images/transcont.png);
    padding: 3px;
}

.animatedArrow {
    position: relative;
    top: 8px;
}


.v {
    padding-right: 20px;
    background-image: url(/images/small_v16.png);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    color: green;
}

.x {
    padding-right: 20px;
    background-image: url(/images/red_x16.gif);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    color: red;
}

.widthbutton {
    width: 150px;
}

.box-red-border {
}

    .box-red-border h2 {
        font-weight: bold !important;
        color: #000;
    }

.ajax_cont_design {
    width: 100%;
    background-color: #fff;
}

.ui-button {
    text-shadow: 0px 0px 0px #fff;
}

#header .dk_container {
    background: transparent;
    border-width: 0;
    margin-bottom: 3px;
}

.dk_container .dk_label {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#header .ui-state-highlight {
    background: #fff;
    border: solid 0px;
    color: #369;
}



#select_account > table tr:hover > td {
    background: #eee;
    border-bottom: solid 1px #fff;
}

#select_account th {
    padding: 10px;
    background: #eee;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#select_account td {
    border-bottom: solid 1px #eee;
    padding: 10px;
}

.white-cont {
    background: #fff;
    background: rgba(255,255,255,0.97);
}

#waitnotif {
    background: #99b433;
    width: 100px;
    padding: 11px 0;
    text-align: center;
    position: absolute;
    left: 48%;
    top: 0;
    display: none;
}

ul.deals {
    padding: 0px;
    margin: 0 auto;
    list-style-type: none;
}


    ul.deals > li {
        float: left;
        width: 26%;
        height: 196px;
        margin-bottom: 15px;
        margin: 0 3.0% 40px 3.0%;
        overflow: hidden;
        text-align: center;
        padding: 30px 0;
    }

        ul.deals > li.disabled:hover i {
            color: #999;
        }


        ul.deals > li.disabled::before {
            content: "";
            position: absolute;
            background: #fff;
            display: block;
            z-index: 1001;
            margin-right: -1px;
            margin-top: -31px;
            border-top: 70px solid #f2dede;
            border-right: 70px solid transparent;
            z-index: 1;
        }

        ul.deals > li.disabled::after {
            content: "upgrade";
            position: absolute;
            font-family: Arial;
            display: block;
            margin-left: 3px;
            margin-top: -222px;
            z-index: 2;
            color: #a94442;
            font-size: 11px;
        }



        ul.deals > li i {
            transition: all 0.2s ease;
            font-size: 104px;
        }

        ul.deals > li:first-child {
        }

        ul.deals > li h4 {
            color: #000;
            font-weight: normal;
        }

        ul.deals > li > div > div:last-child {
            border-radius: 0px;
            font-size: 12px;
        }

        ul.deals > li > div:first-child {
            height: 200px;
        }


#image_preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #369;
    padding: 3px;
    display: none;
    color: #fff;
}

.bignum {
    font-size: 38px;
    color: #000;
}

.bigheight {
    line-height: 30px;
    margin-bottom: 15px;
}

div > .rub:first-child {
    border-right-width: 0px;
    margin-left: 0%;
}

div > .rub {
    padding: 20px 0;
    font-size: 22px;
    border-right-width: 0px;
    border-width: 0;
    font-family: 'open sans hebrew', "Arial", 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    min-width: 150px;
    height: 48px;
    margin-left: 1%;
    margin-bottom: 5px;
    background: #0452A1;
    border-radius: 4px;
    overflow: hidden;
    padding-top: 10px;
}




    div > .rub i {
        color: #fff;
    }

    div > .rub:first-child {
        border-left-width: 0px;
    }


    div > .rub > div {
    }


.black {
    color: #000;
}


ul.floating li {
    float: right;
    padding: 0 10px;
}


    ul.floating li:first-child {
        padding: 0 0 0 10px;
    }

.animating {
    -webkit-animation: animate 1s cubic-bezier(0,1,1,0);
    -moz-animation: animate 1s cubic-bezier(0,1,1,0);
    -ms-animation: animate 1s cubic-bezier(0,1,1,0);
    -o-animation: animate 1s cubic-bezier(0,1,1,0);
    animation: animate 1s cubic-bezier(0,1,1,0);
}

@-webkit-keyframes animate {
    from {
        -webkit-transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.7);
    }
}

@-moz-keyframes animate {
    from {
        -moz-transform: scale(1);
    }

    to {
        -moz-transform: scale(1.7);
    }
}

@-ms-keyframes animate {
    from {
        -ms-transform: scale(1);
    }

    to {
        -ms-transform: scale(1.7);
    }
}

@-o-keyframes animate {
    from; {
        -o-transform: scale(1);
    }

    to {
        -o-transform: scale(1.7);
    }
}

@keyframes animate {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.7);
    }
}



#tbloptions > tbody > tr:first-child > td {
    border-top: solid 0px #fff;
}

#tbloptions > tbody > tr > td {
    padding: 10px !important;
    border: solid 0px #DDD;
}

.cke_skin_kama a.cke_dialog_ui_button.cke_dialog_ui_button_ok {
    background: #57A957 !important;
    color: #fff !important;
    cursor: pointer !important;
}

.cke_skin_kama a.cke_dialog_ui_button {
    background: red !important;
    color: #fff !important;
    cursor: pointer !important;
}

    .cke_skin_kama a.cke_dialog_ui_button span {
        color: #fff !important;
    }

.miniinput {
    width: 30px !important;
    height: 20px !important;
    font-size: 12px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.jw-title {
    display: none !important;
}

#importstatuscont {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.disabled {
    color: Gray;
}

.large {
    font-size: 14px;
}

.ui-state-story {
    line-height: 18px;
}

ul {
    line-height: 18px;
}

h3 {
    font-size: 14px !important;
}

.ui-widget {
    font-size: 14px;
}

.ui-state-highlight.rub .numData {
    color: Green;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
}

.overlayDiv {
    position: absolute;
    background-color: #FFF;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    z-index: 20;
}

.descBox {
    z-index: 30;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    font-weight: bold;
    /*position:absolute;*/
    color: #000;
    font-size: 17px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    padding: 10px;
    text-align: center;
}

.btnUpgrade {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.dayfreeheader {
    color: #000;
    font-size: 21px;
    font-weight: bold;
}


.cube-item {
    width: 120px;
    padding: 1px;
    float: right;
    border: solid 1px #ddd;
    text-align: center;
    margin: 3px;
}

    .cube-item.selected {
        opacity: .2;
    }

        .cube-item.selected .pin {
            display: none;
        }

    .cube-item img {
        overflow: hidden;
    }

ul.sortable-grid {
}

    ul.sortable-grid li {
        padding: 10px 5px;
        font-size: 12px;
        color: #000;
        border-bottom: solid 1px #eee;
    }


.subtext, .subtext a {
}

.error {
    color: #e35b5a;
    font-size: 12px;
}

.ui-state-status {
    background: rgba(0,0,0, 0.5);
    border: solid 1px rgba(0,0,0, 0.8);
    padding: 5px;
}

.label.notice div.tscroll {
    height: 50px;
}

    .label.notice div.tscroll ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

.label.notice {
    width: 250px;
}

    .label.notice > h6 {
        padding-right: 15px;
        font-weight: bold;
        font-size: 12px;
    }

    .label.notice div.tscroll ul > li {
        font-size: 12px;
        background-image: url(/images/right_arrow.png);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 15px;
    }

    .label.notice .mCSB_container {
        margin-right: 12px;
    }

#dest_price_list_ajax_cont .mCSB_container {
    margin-right: 0px;
}

.delimiterorder {
    padding: 5px 0;
    border-bottom: solid 1px #eee;
    font-size: 13px;
}

    .delimiterorder.total {
        font-weight: bold;
        font-size: 14px;
    }

.custdetailsrow {
    padding: 5px 0;
}

.customer-details-order {
    direction: ltr;
}

    .customer-details-order tr > td:first-child {
        width: 80px;
        height: 30px;
    }

    .customer-details-order td {
        padding: 5px;
        direction: rtl;
    }

.order-menu {
    position: absolute;
    background: #fff;
    padding: 5px;
    border: solid 1px #ddd;
    margin-right: 40%;
    width: 150px;
}

    .order-menu a {
        text-decoration: none;
        font-size: 13px;
        color: #0069D6;
    }

    .order-menu li {
        padding: 5px 3px;
    }

        .order-menu li:hover {
            background: #eee;
        }

.cs-title {
    font-weight: normal;
    font-size: 32px;
    padding-right: 15px;
    color: rgb(132, 132, 144);
}

.border-color-gray {
    border-color: #ccc !important;
}

.ui-state-error-text {
    color: #fff;
}

    .ui-state-error-text a {
        color: #fff;
    }

    .ui-state-error-text ul {
        list-style-type: none;
    }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    text-decoration: underline !important;
}

#all_settings li {
    color: #555;
    font-size: 12px;
}

    #all_settings li label {
        padding: 0 5px;
    }

.customer-details-cont-table {
    text-align: right !important;
}

ul.paddlist > li {
    padding-bottom: 20px;
}

.noback, .noback td {
    background-image: none !important;
}

    .noback.success td a {
        color: #fff;
    }

.metrouicss table thead tr th, .metrouicss table thead tr td {
}

.metrouicss table tbody tr td:last-child {
}

.ui-state-default, .ui-button-success {
    background: #d9d9d9;
    border: 1px solid #d9d9d9;
    font-weight: normal;
    color: #000;
    text-shadow: inherit;
}

    .ui-state-default a {
        color: #fff;
    }

.ui-button-success {
    background: #d9d9d9 !important;
    border: 1px solid #d9d9d9 !important;
    font-weight: normal !important;
    color: #000 !important;
    text-shadow: inherit !important;
}

.ui-button-save {
    background: #00c178 !important;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    border: 1px solid #00c178 !important;
    font-weight: normal !important;
    color: #fff !important;
    text-shadow: inherit !important;
}

.ui-button-second {
    background: #fff !important;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    border: 1px solid #00c178 !important;
    font-weight: normal !important;
    color: #00c178 !important;
    text-shadow: inherit !important;
}

.ui-button-default {
    background: #00c178 !important;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    border: 1px solid #00c178 !important;
    font-weight: normal !important;
    color: #fff !important;
    text-shadow: inherit !important;
}

.ui-dialog-buttonset .ui-button,
.ui-button-new {
    color: #00c178 !important;
    border: solid 2px #00c178 !important;
    background: #fff !important;
    font-weight: bold !important;
    border-radius: 15px !important;
}
    .ui-dialog-buttonset .ui-button:hover,
    .ui-button-new:hover {
        background: #00c178 !important;
        color: #fff !important;
    }
.ui-button-order {
    color: #c49f47;
    background: #FFFFFF;
    border: solid 2px #c49f47 !important;
    font-weight: bold !important;
}
    .ui-button-order:hover {
        color: #fff;
        background: #c49f47;
    }

    .ui-button-send {
        background: #86D628 !important;
        border: 1px solid #86D628 !important;
        font-weight: normal !important;
        color: #fff !important;
        text-shadow: inherit !important;
    }




.ui-state-highlight {
    background: #d9edf7 !important;
    border-color: #bce8f1 !important;
    color: #31708f !important;
    border-width: 1px !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
    border-radius: 4px !important;
}

.ui-widget-header.wijmo-wijmenu {
    background: #fff;
}

.wijmo-wijmenu .ui-state-default {
    color: #000;
}

.wijmo-wijmenu.ui-widget-header {
    border-width: 0px;
}

.ui-state-dialog-info {
    background: #6D6D6D;
    color: #fff;
}

    .ui-state-dialog-info a {
        color: #fff !important;
    }

.ui-dialog-buttonset button,
.ui-dialog .ui-dialog-buttonset .ui-state-default, .ui-dialog .ui-dialog-buttonset .ui-widget-content .ui-state-default {
    background: #00c178;
    border-color: #00c178;
    color: #fff;
    border: solid 2px #00c178;
    padding: inherit;
}

.ui-dialog.ui-widget-content {
    border: 2px solid #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px;
}


.ui-dialog-buttonpane.ui-widget-content {
    border-color: #EFEFEF;
}


.ui-dialog .ui-state-error {
}


    .ui-dialog .ui-state-error a {
    }

.ui-button-success {
}

input[type=text], textarea, select, input[type=password], input[type=tel], input[type=email] {
    width: 100%;
    padding: 8px 5px;
    margin: 0;
    transition: all linear 0.1s;
    border-radius: 4px;
    border: solid 1px #ddd;
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box; /* Firefox 1 - 28 */
    box-sizing: border-box;
}

    input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus {
        border: solid 1px #999;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.search input[type="text"]:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


input[type=password] {
    direction: ltr !important;
}

select {
    padding: 8px 0;
}

.ui-spinner {
    border: 1px #ddd solid;
}

    .ui-spinner a.ui-spinner-button {
        padding: 0;
        margin: 0;
        border-radius: 0;
    }


#jWizard .success-notif, .success-notif {
    background: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    color: #3c763d !important;
}


.metrouicss table thead tr th, .metrouicss table thead tr td {
    font-weight: bold;
}

    .metrouicss table thead tr th:last-child, .metrouicss table thead tr td:last-child {
        border-right: solid 1px #eee !important;
    }

.field-validation-valid {
    display: none;
}

.ui-state-success {
    background: #dff0d8;
    border: solid 1px #d6e9c6;
    color: #3c763d !important;
}

.ui-button-feature {
    background: #fff;
    color: #8E44AD;
    border: solid 2px #8E44AD !important;
    font-weight: bold !important;
}
    .ui-button-feature:hover {
        color: #fff;
        background: #8E44AD;
    }
.ui-button-close {
    background: #bababa !important;
    color: #000 !important;
    border: solid 2px #bababa !important;
}

input.field-required {
}

.ui-state-announchment {
    background: #2b5797 !important;
    padding: 10px 15px;
    font-family: "Arial", 'open sans hebrew', Arial;
    color: #fff;
}

.iconrub {
    margin-bottom: 8px;
}

.ui-state-announchment > h2 {
    font-family: "Arial", 'open sans hebrew', Arial !important;
    font-weight: 200 !important;
    font-size: 18px !important;
    color: #fff !important;
}

.dk_toggle {
    padding: 0;
}

.ui-notify-message-style {
}

.payments_list {
    list-style-type: none !important;
    margin: 0 -10px !important;
    padding: 0;
}

    .payments_list li {
        width: 25% !important;
        float: left;
        text-align: center;
        margin: 10px 0;
        height: 160px;
    }

        .payments_list li:first-child > div {
        }

        .payments_list li > div {
            padding: 15px;
            background: #fff;
            margin: 0 10px !important;
            float: none !important;
            width: auto !important;
            line-height: 0 !important;
            height: 125px;
        }


            .payments_list li > div .badge {
                font-size: 13pt !important;
            }

.metrouicss h2 {
    font-family: "open sans hebrew", Arial, "Arial";
    font-size: 26px;
}

#jWizard .payments_list li {
    width: 20% !important;
}


    #jWizard .payments_list li .tile {
        height: 120px;
    }

    #jWizard .payments_list li .tile-content {
        padding: 0 !important;
    }

#jWizard #paymentoptions .desc {
    font-size: 12px !important;
}

.inline-red {
    background: #F0A30A;
    color: #fff;
    padding: 2px;
    text-decoration: none;
}

.iconback {
    padding: 3px;
    padding-right: 10px;
    border-right: solid 1px #ddd;
    width: 80px;
    text-align: center;
}

    .iconback > i {
        font-size: 79px;
        color: #578ebe;
    }

.connectcont .title {
    padding-bottom: 7px;
    font-size: 18px;
    font-family: "Arial", "open sans hebrew", Arial;
}

.connectcont .desc {
    font-size: 12px;
}

.ui-widget-content a {
    color: #5b9bd1;
}

ul.seperated li {
    margin-bottom: 10px;
    color: #000;
    border: solid 1px #eee;
    padding: 10px;
}

#commentscontainer {
    max-height: 300px;
    overflow: auto;
}

.gray {
    color: #A0A0A0;
}

#ajax_dedicated_cont > select {
}

.ui-state-success a {
    color: #fff;
}

#groups_cont ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    #groups_cont ul li {
        width: 100%;
        float: left;
        font-size: 14px;
        overflow: hidden;
        height: 40px;
        white-space: pre;
        line-height: 30px;
        background: #EEE;
        margin-bottom: 2px;
    }

        #groups_cont ul li div {
            vertical-align: middle;
            padding: 5px;
        }

        #groups_cont ul li a {
        }

.summary.list {
    padding: 5px 0;
}

.ui-tabs-nav {
    background: #fff;
    border-width: 0;
}

    .ui-tabs-nav .ui-state-default a {
    }

.ui-dialog h2, .ui-dialog .ui-dialog-title {
    font-weight: normal;
    font-size: 21px;
}

    .ui-dialog h2, .ui-dialog .ui-dialog-title::before {
    }

.fanpage {
    width: 100%;
    background: #EEE;
    margin-bottom: 2px;
}

    .fanpage .image {
    }

        .fanpage .image img {
            vertical-align: top;
        }

    .fanpage .cbx {
        line-height: 50px;
        padding: 0 15px;
    }

    .fanpage .title {
        line-height: 50px;
        padding: 0 5px;
        width: 75%;
    }

        .fanpage .title span {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        }

.ui-dialog textarea {
    font-family: Tahoma,Arial;
    font-size: 12px;
}

#tblAttributes select {
    width: 210px;
}

mainlogin {
    text-align: center;
}

#mainlogin #loginWithFacebook {
}

.master_icon {
    margin: 0 0px;
}
/*
.bubble {
  background: #fcb216;
    position: absolute;
    margin-top: -44px;
    margin-left: 5px;
    padding: 3px;
    color: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: none;
    width: 13px;
    font-size: 11px;
    text-align: center;
    line-height: 13px;
}
*/
.bubble {
    background: #fcb216;
    position: relative;
    margin-top: -44px;
    padding: 3px;
    color: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 27px;
    display: inline-block;
    width: 17px;
    height: 17px;
    font-size: 11px;
    text-align: center;
    line-height: 16px;
    top: -19px;
    left: 17px;
}

.master_side_icon {
    padding-left: 0px;
}

.padding10Opp {
    padding-left: 10px;
    padding-right: 0px;
}

.ui-tabs .ui-tabs-panel {
    border: solid 1px #CCC;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-right: solid 1px #CCC;
}

.ui-tabs {
    border-width: 0;
}

    .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
        font-size: 12px;
        background: #FFF;
        color: #578ebe;
    }

.ui-tabs-nav li.ui-tabs-active a {
    color: #000;
}

.metrouicss .selected:after {
    z-index: 100 !important;
}

.dk_options_inner {
    text-shadow: 0 0 0 #000;
    border-radius: 0;
}

    .dk_options_inner li, .dk_options_inner li a {
        border-color: #ddd;
    }


.dk_container ul {
    list-style-type: none !important;
}

.dk_container li a {
    background: #fff;
    color: #000;
    font-size: 12px;
    line-height: 13px;
}

.dk_options a:hover, .dk_option_current a {
    background-color: #ddd !important;
    background: #ddd !important;
    border-bottom-color: #ddd !important;
    color: #000 !important;
    text-decoration: none !important;
    text-shadow: rgba(0, 0, 0, .5) 0 0px 0 !important;
}


.two-grid > div {
    width: 50%;
    margin-bottom: 5px;
}

    .two-grid > div > div {
        margin: 0 15px;
        padding: 2px 0px;
        border-bottom: solid 1px #ddd;
    }


.cc-disabled-element {
    color: #ddd;
}

.small-label {
    padding: 0px 3px;
    font-size: 12px !important;
    width: 45px;
    text-align: center;
}

#georesults > label {
    font-size: 12px;
}

.metrouicss .noresults {
    text-align: center;
    color: #999;
}

.noresult {
}

    .noresult i {
        font-size: 24px;
    }

h2.title {
    font-size: 27px;
}




.ui-tabs-vertical {
    width: 100%;
}

    .ui-tabs-vertical .ui-tabs-nav {
        padding: 1px .1em .2em .2em;
        float: left;
        width: 188px;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            border-bottom: 1px !important;
            border-right-width: 0 !important;
            margin: 1px 0px .2em 0;
            border-width: 0;
        }

            .ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 14px;
                float: none;
                overflow: hidden;
            }

            .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
                padding-bottom: 0;
                padding-right: 1px;
                border-left-width: 2px;
                border-bottom: solid 1px #ccc !important;
            }

    .ui-tabs-vertical .ui-tabs-panel {
        padding: 1em;
        float: left;
        width: 80%;
        min-height: 535px;
    }

.ui-tabs .ui-tabs-nav li {
}

.ui-tabs-paging-disabled > a {
    color: #eee !important;
}

.opppadd5 {
    padding-right: 5px;
}

.oppmargin30 {
    margin-right: 30px;
}

.logosplit {
    margin-top: 10px;
}


table.space > tbody > tr > td {
    padding: 10px;
}

    table.space > tbody > tr > td:first-child {
        padding-left: 0;
    }


table.spacesmall > tbody > tr > td {
    padding: 0 5px;
}

.grid.height80 > table > tbody > tr > td {
    height: 80px;
}

.ui-dialog textarea {
    width: 100%;
}

table.col2padd > tbody > tr > td:first-child {
    padding-right: 100px;
}

.help {
    line-height: 20px;
    color: #7A7A7A;
    transition: all linear 0.2s;
}

.help, .small, .metrouicss div .small, .metrouicss .small {
    margin: 1px 0 10px;
    font-family: "Arial", "Segoe UI ", Arial;
    font-size: 12px;
    transition: all linear 0.2s;
}

    .help a, .small a {
        color: #B1B1B1;
    }

    .small.warning, .help:hover a, .small:hover a {
        color: #89C4F4;
    }

    .help:hover, .small:hover {
        color: #444;
    }


    .help.highlighted {
        color: #39c;
    }

.stitle {
    font-family: Arial;
    font-size: 24px;
}

ul.listpadd li {
    padding: 0 5px;
}

.small {
    line-height: 18px;
}


    .small.smallpadd {
        margin-bottom: 5px;
    }

.customer-details-order {
    direction: rtl !important;
}

    .customer-details-order tr td {
        text-align: left;
        direction: ltr !important;
        padding: 3px 0;
    }

#customer-image-container {
    text-align: left;
}

.metrouicss .box-footer {
    margin-top: 10px;
    text-align: center;
    font-size: 11px;
}

.box-content-main {
    border: solid 1px #00c178;
    border-radius: 5px;
}

.box-content-main-inner {
    background-color: #00c178;
}

.box-container {
    position: relative;
}

.box-content {
    color: #000;
}

.metrouicss .box-content div {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
}

.metrouicss button, .metrouicss .button {
    margin-right: 0 !important;
}

.icon-radius-footer {
    font-size: 30px !important;
    color: #000;
    padding: 5px;
}

    .icon-radius-footer:hover {
        color: #00c178;
    }

.ui-widget-overlay {
    background: #333;
    opacity: .5;
}

.lineheight div {
    line-height: 30px !important;
}

table tr.disabled > td {
    color: gray;
}

table tr.last > td {
    font-weight: bold;
}

.qq-upload-list {
    margin: 0 !important;
}

span.ui-spinner:after {
    content: attr(currency);
    display: inline;
    background: #eee;
    float: left;
    height: 36px;
    line-height: 36px;
    position: inherit;
    width: 20%;
    text-align: center;
    color: #999;
    box-shadow: 0 0px 1px #999;
   
}

.ui-spinner input {
    width: 70%;
    padding-right: 5%;
    padding-left: 5%;
}

.header-alternate-back {
    height: 100px;
    width: 100%;
    max-width: 100%;
}

.footer-cont {
    background: #000;
    z-index: 0;
    border-top: solid 1px #D3D3D3;
}


    .footer-cont hr {
        border-color: #393939;
    }

.footer {
    padding: 30px 0 0px 0;
}

    .footer a {
        font-weight: normal;
        text-decoration: none;
        line-height: 22px;
    }

.tiny-box {
    padding-left: 9px;
    background: #eee;
    width: 259px;
    border: solid 1px #D1D1D1;
}

    .tiny-box.br-blue {
        border-left: solid 3px #369;
    }


.ui-tabs-nav li a:hover .edit, .ui-tabs-nav li a:hover .delete {
    display: inline;
}

.submenucont > .inner-width > div > .ui-state-announchment {
    display: none;
}

.box-new {
    border: solid 1px #ddd;
    background: #fff;
}

.nodec {
    text-decoration: none;
}

ul.nav li.last-nav-item {
    padding-left: 10px;
}

.header-alternate-back .metrouicss a {
    color: #fff !important;
}

.header-alternate-back {
    color: #fff;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #ebccd1;
    color: #a94442;
    background: #f2dede;
    border-width: 1px;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

    .ui-state-error a {
        color: #a94442;
    }

.select2-container-multi .select2-choices {
    background-image: none !important;
}

.ui-state-gray {
    background: #bac3d0 !important;
    border: solid 1px #bac3d0 !important;
    color: #fff !important;
}

.select2-container .select2-choice {
    padding: 5px 0 5px 8px !important;
    background-image: none !important;
}

    .select2-container .select2-choice .select2-arrow {
        border-radius: 0 !important;
        background: #eee !important;
    }

        .select2-container .select2-choice .select2-arrow b {
            background-position-y: 5px !important;
        }

.select2-container-multi .select2-choices {
    min-height: 38px !important;
    border: 1px #ddd solid !important;
}

.select2-container {
    width: 100%;
}

.metrouicss .shortcuts {
    margin-top: 0px;
}

    .metrouicss .shortcuts div {
    }

    .metrouicss .shortcuts > div {
        line-height: 24px;
        font-family: "Arial", "open sans hebrew", Arial;
    }

        .metrouicss .shortcuts > div i {
            font-size: 20px;
        }

    .metrouicss .shortcuts p:first-child {
        padding-top: 0;
    }

    .metrouicss .shortcuts p {
        color: #999;
        padding: 10px 0;
    }

.bg-color-gray {
    background: #ccc !important;
}

.tiled-text {
    font-size: 30px;
    color: #8B8B8B;
    line-height: 70px;
}

div > .rub .bignum {
    font-size: 32px;
}

.bodycont form {
}

.notifications-cont {
    margin-top: 5px;
}

    .notifications-cont > .notification-icon {
        font-size: 18px;
        border-right: 1px solid rgba(255,255,255,0.15);
        font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, sans-serif;
        padding: 17px 2px;
        text-align: center;
    }

    .notifications-cont > div:nth-child(odd) {
        background: rgba(255,255,255,0.1);
    }

    .notifications-cont > .notification-icon:hover {
        opacity: 1;
    }

.header-comp-logo {
    background: rgba(255,255,255,0.2);
    height: 100%;
    float: left;
}

.header-account-options li {
    padding: 1px 4px;
    color: #fff;
    line-height: normal;
    background: rgba(255,255,255,0.1);
    width: 250px;
    margin-bottom: 1px;
}

    .header-account-options li a {
        color: #fff;
        font-size: 12px;
        text-decoration: none;
    }

.bg-color-blue2 {
    background: #0866c6;
}

.fg-color-blue2 {
    color: #0866c6;
}

#storecode {
    color: #999;
    transition: all linear 0.2s;
}

    #storecode:hover {
        color: #000;
    }

.rubs .rub:first-child {
    padding-right: 0;
}

.rubs .rub .numData {
    font-size: 32px;
    font-family: Courier New;
    font-weight: bold;
}

.bg-color-green2 {
    background: #86D628 !important;
}

.bg-color-yellow2 {
    background: #FCB904 !important;
}

.metrolight {
    border: solid 1px #e4bf7f;
    color: #9c6c38;
    margin-bottom: 15px;
    background: rgb(246,237,186);
    padding: 15px 15px;
}

.bg-color-red2 {
    background: #cc0000;
}

.shortcuts-cont {
    padding-left: 20px;
}

div.notice {
    color: #000;
    background: #FCFCFC;
    border: solid 1px #ddd;
}

form h5 {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0 !important;
}

.ui-dialog > .ui-widget-header {
    border: 1px solid #fff;
    background: #fff;
    color: #333;
    border-bottom: solid 1px #EFEFEF;
}

.ui-dialog {
}

.alert-info {
    border: solid 1px #88c4e2;
    color: #3a87ad;
    background: rgb(217,237,247);
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
}
.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.hoverpacity {
    opacity: 0.5;
    transition: all linear 0.2s;
}


    .hoverpacity:hover {
        opacity: 1;
    }

.bg-color-red2 {
    background: #cc0000 !important;
    color: #fff !important;
}

.reputation-high-text {
    line-height: 60px;
    padding: 0 20px;
    color: rgb(127, 186, 0);
}

.metrouicss div .reputation-high-text {
    font-size: 37px !important;
    line-height: 60px;
    font-family: "Arial", 'open sans hebrew' !important;
}

.pager-line {
    margin: 30px 0;
}

#customer-details-container {
    padding: 0 20px;
}


.ui-dialog > .ui-widget-header {
}

.ui-dialog {
}


    .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
    }

    .ui-dialog .ui-widget-header {
    }

.ui-dialog-titlebar .ui-button {
}



.ui-dialog-titlebar button.ui-button .ui-icon {
    background-image: url(/images/ui-icons_000_256x240.png);
}



#search_btn {
    border: 1px solid #e5e5e5;
    border-left: 0px;
    height: 26px;
}

.list.listpadd li {
    margin-bottom: 10px;
}

.metrouicss label {
    font-size: 12px;
}

.box.box-info {
    background: #0866c6;
    border-color: #0866c6;
    color: #fff;
}

.box.box-gray {
    background: #333;
    border-color: #333;
    color: #fff;
}

.box.box-redlight {
    background: #fcf8e3;
    border-color: #f5d89e;
    color: #8a6d3b;
}

.box.box-lightBlue {
    background: rgb(217,237,247);
    border-color: #88c4e2;
    color: #9c6c38;
}

.box.box-lightYellow {
    background: rgb(246,237,186);
    border-color: #e4bf7f;
    color: #474747;
}

    .box.box-lightYellow a {
        color: #474747;
    }

.box.box-lightGreen {
    background: rgb(223,240,216);
    border-color: #b4da95;
    color: #468847;
}


.box.box-info a, .box.box-gray a, .box.box-redlight a, .box.box-lightBlue a {
    color: #fff;
}

.box.box-gray ul {
    margin: 0;
}


.subheader {
    font-size: 19px;
    margin: 0 45px;
    color: #0059A0;
}

.seper {
    border-bottom: solid 1px #DADADA;
    margin-bottom: 30px;
    padding: 0;
}

.header-box {
    border-radius: 4px;
}

    .header-box .box {
        border-width: 1px;
    }

    .header-box .headered {
        padding: 10px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .header-box.header-box-blue .headered {
        background: #00c178;
        color: #fff;
    }

    .header-box.header-box-blue .box {
        border-color: #00c178;
    }

    .header-box.header-box-green .box {
        border-color: #86D628;
    }

    .header-box.header-box-green .headered {
        background: #86D628;
        color: #fff;
    }

    .header-box.header-box-gray .box {
        border-color: #67809F;
    }

    .header-box.header-box-gray .headered,
    .header-box.header-box-gray .headered a {
        background: #00c178;
        color: #fff;
    }
        
        .header-box.header-box-gray .headered a:hover {
            text-decoration:underline;
        }
    .header-box.header-box-red .box {
        border-color: #00c178;
    }

    .header-box.header-box-red .headered {
        background: #E26A6A;
        color: #fff;
    }

.dialog-title {
    font-size: 16px;
}

.langmargin {
    margin-right: 5px;
}

.scroller.opp .mCSB_container {
    margin-left: 30px;
    margin-right: 0px;
}

.scroller.opp .mCustomScrollBox > .mCSB_scrollTools {
    right: inherit;
    left: 0;
}

.appheader {
    margin-bottom: 20px;
}


.app-desc {
}

.app-sep {
    border-bottom: solid 1px #eee;
    padding: 20px 0;
}

    .app-sep:last-child {
        border-bottom-width: 0;
    }

.app-install, .app-credentials {
}

.box.side-colored {
    border: solid 1px #000;
    border-right: solid 20px #000;
}

    .box.side-colored.side-colored-blue {
        border: solid 1px #0866c6;
        border-right: solid 1px #0866c6;
    }

    .box.side-colored.side-colored-gray {
        border: solid 1px #ddd;
        border-right: solid 1px #ddd;
    }

    .box.side-colored.side-colored-green {
        border: solid 1px #86D628;
        border-right: solid 1px #86D628;
    }

    .box.side-colored.side-colored-red {
        border: solid 1px #cc0000;
        border-right: solid 1px #cc0000;
    }

.bg-color-blue {
    background: #00c178;
}

.bg-color-darken {
    background: #333333;
}

.bg-color-green {
    background: #00c178; /*#60a917;*/
}

.bg-color-redLight {
    background: #ff2d19;
}

.bg-color-orange {
    background: #fa6800;
}

.bg-color-red {
    background: #e51400;
}

.bg-color-purple {
    background: #4b0096;
}

.bg-color-pink {
    background: #dc4fad;
}

.fg-color-white {
    color: #fff;
}


.fg-color-blue {
    color: #00c178;
}

.fg-color-darken {
    color: #000;
}

.fg-color-green {
    color: #45B6AF;
}

.fg-color-redLight {
    color: #ff2d19;
}

.fg-color-orange {
    color: #fa6800;
}

.fg-color-red {
    color: #e35b5a;
}

.fg-color-purple {
    color: #4b0096;
}

.fg-color-pink {
    color: #dc4fad;
}

.cube-stats {
    background: #591B6E;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 5px;
    min-width: 150px;
    height: 90px;
    padding: 25px 0;
}

.linkhref {
    color: #0069D6;
}



.shamecy .ui-tabs-nav .ui-state-default {
    margin-right: 0 !important;
}


.shamecy .ui-tabs-nav > .ui-state-default a {
    border-bottom: 0;
    height: 22px;
    background: #fff;
    font-weight: normal;
    border: 0;
    border-right: #ddd;
    color: #5b9bd1;
    line-height: 20px;
    font-size: 13px;
}

.shamecy .ui-tabs-nav {
    background-color: #fff;
}

.shamecy.ui-tabs .ui-widget-content:not(.ui-spinner) {
    border-color: #ddd !important;
}

.shamecy .ui-tabs-nav {
    border-bottom: solid 0px #ddd;
    padding: .1em 0 0 0;
}

.shamecy.ui-tabs .ui-tabs-panel {
    border: solid 1px #ddd;
}

.shamecy.ui-tabs .ui-tabs-nav li {
    margin: 0px 0px -1px 0px;
    top: 1px;
    left: 0px;
    background: none !important;
    border-width: 0px;
}

.shamecy.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 10px 1em;
}

.shamecy.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: solid 1px #fff;
    top: 0px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-top: 3px solid #F3565D;
}

    .shamecy.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
        background: #ffffff !important;
        color: #555 !important;
    }

.metro-line li {
    border-right: solid 3px #6a00ff;
    padding: 0px 7px;
    margin-bottom: 8px;
}

.warning {
    color: rgb(194, 0, 0);
}

.green {
    color: #45B6AF !important;
}

.red {
    color: #e35b5a;
}

.dash-split-sidemenu {
    height: 47px;
}

.loader-vert-text {
    font-weight: bold;
}

.header-rub {
    color: #636363;
    padding: 5px;
    transition: all ease-in 0.1s;
}

.copyright {
    background: #3b434c;
    color: #a2abb7;
    padding: 15px;
}

.footer-headline {
    color: #00c178;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 12px;
}

.footer-icon {
    font-size: 28px;
    border: solid 1px;
    padding: 7px 5px;
    width: 30px;
    text-align: center;
}

.submenu h1 {
    color: #697882;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    padding: 10px 0px;
}


.blue.rub {
    background: #00c178;
    color: #fff !important;
}

    .blue.rub:hover {
        background: #00935b;
    }

.rub.green {
    background: #a2d200;
    color: #fff !important;
}

    .rub.green:hover {
        background-color: #7fa500;
    }

.rub.red {
    background: #ff4a43;
    color: #fff !important;
}

    .rub.red:hover {
        background-color: #ca0800;
    }

.rub.yellow {
    background: #8e44ad;
    color: #fff !important;
}

    .rub.yellow:hover {
        background: #7100a0;
    }

.rub .floating-icon {
    float: right;
    margin-right: -15px;
}


    .rub .floating-icon i {
        font-size: 100px;
        color: #FFFFFF;
        opacity: 0.1;
    }


.bordered-header {
    padding: 10px 0;
    color: #00c178;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    font-size: 16px;
}

.tiny-stat {
    padding-left: 30px;
}

    .tiny-stat .tiny-stat-title {
        color: #9eacb4;
        font-size: 13px;
    }

    .tiny-stat .tiny-stat-number {
        font-size: 23px;
    }

.box-bordered.min-height {
    min-height: 400px;
}

#account_window, #stores_choose_window {
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    width: 200px;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}

    #account_window > ul > li, #stores_choose_window > ul > li {
        padding: 7px 0;
    }

        #account_window > ul > li:hover, #stores_choose_window > ul > li:hover {
            background: #373E47;
        }

        #account_window > ul > li.selected > a, #stores_choose_window > ul > li.selected > a {
            color: #fff;
        }

        #account_window > ul > li > a, #stores_choose_window > ul > li > a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            display: block;
            width: 200px;
        }

        #account_window > ul > li i, #stores_choose_window > ul > li i {
            color: #6FA7D7;
            font-size: 14px;
        }

.deimiter {
    border-bottom: solid 1px #3b434c;
}

.deimitertop {
    border-top: solid 1px #3b434c;
}

.labelspan {
    padding: 0px 4px 1px 4px;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 12px;
    padding: 1px 5px;
}

.labelspanlarge {
    font-size: 14px;
}

.labelspan.greenlabel {
    background: #45B6AF;
    color: #fff;
}

.labelspan.bluelabel {
    background: #428bca;
    color: #fff;
}

.labelspan.blacklabel {
    background: #c6c6c6;
    color: #fff;
}

.labelspan.orangelabel {
    background: #c49f47;
    color: #fff;
}

.labelspan.redlabel {
    background: #F3565D;
    color: #fff;
}

.labelspan.purplelabel {
    background: #8E44AD;
    color: #fff;
}

.labelspan.pinklabel {
    background: #E26A6A;
    color: #fff;
}
.labelspan.lightgreenlabel {
    background: #6ae273;
    color: #fff;
}




.fontlabel.greenlabel {
    color: #45B6AF;
}

.fontlabel.bluelabel {
    color: #428bca;
}

.fontlabel.blacklabel {
    color: #c6c6c6;
}

.fontlabel.orangelabel {
    color: #dfba49;
}

.fontlabel.redlabel {
    color: #F3565D;
}

.fontlabel.purplelabel {
    color: #8E44AD;
}

.fontlabel.pinklabel {
    color: #E26A6A;
}
.fontlabel.lightgreenlabel {
    color: #6ae273;
}


.newnotif {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .newnotif.newwarning {
        background-color: #fcf8e3;
        border-color: #faebcc;
        color: #8a6d3b;
    }

        .newnotif.newwarning a {
            color: #8a6d3b;
        }

    .newnotif.newsuccess {
        background-color: #dff0d8;
        border-color: #d6e9c6;
        color: #3c763d;
    }




h3 {
    font-size: 23px;
    color: rgb(51, 51, 51);
}

table.hometable {
    width: 100%;
}


    table.hometable tr {
    }

        table.hometable tr th {
            font-weight: 600;
            font-size: 13px;
            color: #a7b3b9;
            font-family: "Open Sans", sans-serif;
            border: 0;
            border-bottom: 1px solid #F2F5F8;
            padding: 8px;
        }


        table.hometable tr td {
            border: 0;
            border-bottom: 1px solid #F2F5F8;
            color: #9ca8b0;
            vertical-align: middle;
            padding: 8px;
        }


.labelspan2 {
    color: #000;
    background-color: #E5E5E5;
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1.5;
}

.graygreen {
    border-left: 3px solid #35aa47;
}

.ui-notify-message-style {
    background: #2f96b4;
    box-shadow: 0 0 0px #000;
    font-size: 12px;
    opacity: .8;
    border-radius: 3px 3px 3px 3px;
}

.ui-button {
    border: solid 1px #000;
    padding: 7px 14px;
    font-size: 14px;
    outline: none !important;
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid transparent;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin-right: 0em;
    border-radius: 15px;
}

.ui-notify-message h1 {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.ui-button.ui-button-purple {
    color: #FFFFFF;
    background-color: #8E44AD;
    border-color: "";
}

.body-wrapper {
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 12px 20px 15px 20px;
    background-color: #fff;
}

.wrapper-header {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    padding: 10px 0;
    color: #666;
    padding: 10px 0;
    color: #000;
    font-weight: bold;
    padding-bottom: 25px;
}

.redlight {
    color: #E26A6A;
}

.bluredtext {
    color: #999;
    font-size: 12px;
}

.search input[type="text"] {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}


.bradcrump {
    padding-bottom: 20px;
    font-size: 13px;
    color: #9eacb4;
}

    .bradcrump ul {
        list-style-type: none;
        margin: 0;
    }

        .bradcrump ul > li {
            float: left;
        }

    .bradcrump:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .bradcrump i {
        font-size: 6px;
        color: #c5ccd5;
        padding: 0 5px;
    }

.simple-pagination {
    padding: 0 !important;
}

.light-theme a, .light-theme span {
    padding: 0px 10px !important;
    margin-right: 0 !important;
    margin-left: 5px !important;
}

.select2-container .select2-choice {
    border: 1px solid #ddd !important;
}

.ui-state-highlight a {
    color: #5b9bd1 !important;
}

.metrouicss .border-color-blue {
    border-color: #00c178 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: .5em 20px .5em 20px;
}

.ui-dialog .ui-widget-header .ui-state-default {
    border: 0px solid #b9b9b9;
    background: #fff;
    font-weight: normal;
    color: #000;
}

.ui-dialog .form {
    color: #333 !important;
}

.h5 {
    color: #000;
}

h5 {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0 !important;
}

.ui-dialog .ui-dialog-content {
    padding: .5em 20px;
}

.ui-state-error .ui-state-error-text, .ui-state-error .ui-state-error-text a, .ui-state-error *, .ui-state-error a {
    color: #a94442;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #a94442;
}

.jw-header {
    display: none;
}


@media screen and (max-width: 1170px) {
    /* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
    ul.nav li {
        font-size: 12px !important;
    }
}

.header-rub:hover {
    color: #22A8B9;
}

textarea {
    overflow: overlay;
    overflow-y: overlay;
}

.grid th.pager:last-child {
    text-align: right;
}


.hovergreen:hover {
    opacity:0.8;
    
}

.hoverblue:hover {
    background: #4884b8 !important;
    
}

menu, ol, ul {
    padding: 0 !important;
}

.tile {
    background: #fff;
    cursor: pointer;
    padding-bottom: 20px !important;
}

    .tile.selected::before {
        content: "";
        position: absolute;
        background: #fff;
        display: block;
        z-index: 1001;
        margin-left: -15px;
        margin-top: -15px;
        border-top: 40px solid #00c178;
        border-right: 40px solid transparent;
        z-index: 1;
    }

    .tile.selected::after {
        content: "\f00c";
        position: absolute;
        font-family: FontAwesome;
        display: block;
        margin-left: -10px;
        margin-top: -123px;
        z-index: 2;
        color: #fff;
    }

.tile-content {
    line-height: 30px;
    height: 122px;
}

    .tile-content img {
        max-height: 80px;
    }


.deal-icon {
    font-size: 104px;
}

ul.deals > li:hover i {
    color: #00c178;
}

.input-validation-error {
    border: solid 1px #FF0029 !important;
    outline: inherit !important;
    background-color: #FFF;
}

.font_dashboard {
    position: absolute;
}

input.ui-button {
    padding: 7px 14px;
}

input.small-ui-button {
    padding: 3px 7px;
    font-size: 11px;
    border-radius: 3px;
}

.groupcont {
    max-height: 300px;
    overflow: auto;
}

.groupedlist, .groupedlist, ul {
    list-style-type: none;
    margin: 0;
}

    .groupedlist li {
    }

    .groupedlist > li {
        width: 99%;
        padding: 5px 0;
    }

    .groupedlist .group {
        border: solid 1px #eee;
        margin: 5px 0;
    }


        .groupedlist .group .active {
            font-weight: bold;
        }


        .groupedlist .group .inactive {
            color: #747474;
        }


#themeConfig .ui-state-default, #themeConfig .ui-widget-content .ui-state-default, #themeConfig .ui-widget-header .ui-state-default {
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
}

.navigation-item-app {
}

    .navigation-item-app > div {
    }

.nav-cont > .nav-i {
    width: 30%;
    border-right: dotted 1px #ccc;
    margin-right: 20px;
    padding-right: 20px;
    min-height: 500px;
}

    .nav-cont > .nav-i:first-child {
        border-right: solid 0 #fff;
        margin-right: 0px;
        padding-right: 0px;
    }

.accordion .ui-accordion-header {
    color: #333333;
    background: #f9f9f9;
    border-color: #e0e0e0;
    margin-top: 10px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 16px !important;
    padding: 8px 10px;
}

    .accordion .ui-accordion-header:hover {
        color: #3175af;
    }


.accordion .ui-accordion-header-active {
    text-decoration: underline;
}

.accordion .ui-accordion-content {
    border: 1px solid #ddd;
    border-top: solid 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
}


.accordion .ui-accordion-header-icon {
    display: none;
}

.ui-helper-reset {
    line-height: inherit;
}

.site-templates {
}


    .site-templates ul > li {
        width: 340px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

        .site-templates ul > li > div {
            border: solid 1px #ccc;
            margin: 0 10px;
            padding: 5px;
            height: 280px;
            box-sizing: border-box;
        }

            .site-templates ul > li > div img {
                width: 300px;
                margin-bottom: 10px;
                height: 200px;
            }

                .site-templates ul > li > div img:hover {
                }

#templatehoverdiv {
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 300px;
    height: 330px;
    display: none;
    z-index: 900;
    text-align: center;
    vertical-align: middle;
    padding-top: 75px;
    box-sizing: border-box;
}

.rating i {
    color: #ADA316;
}

.loadmask-msg {
    opacity: 1;
}

.db-app {
    width: 24%;
    border: solid 1px #ddd;
    text-align: center;
    padding: 5px;
    height: 120px;
    box-sizing: border-box;
    margin-right: 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-bottom: 8px;
}

    .db-app:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }


    .db-app img {
        max-height: 70px;
        vertical-align: middle;
        max-width: 100%;
    }

    .db-app .imgcont {
        height: 70px;
        vertical-align: middle;
    }

    .db-app.installed {
        border: solid 1px #ccc;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

.db-text {
    margin-top: 8px;
}


input.input-blob {
}

.input-blob {
    position: relative;
    overflow: hidden;
    margin: 10px;
    cursor: pointer;
}

    .input-blob input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
    }

.blob_up_status {
    padding-top: 17px;
}

.blob-uploader .fa.fa-check {
    color: green;
}

.bubble_progbar_cont {
    background: #fff;
    width: 100%;
    border: solid 1px #000;
    height: 15px;
    margin-top: 10px;
}



.bubble_progbar {
    background: #2b5797;
    width: 0;
    height: 15px;
    transition: all ease-in 0.5s;
}

.dialog-table {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 0 5px;
}

.dialog-table-row.dialog-table-row-colored .dialog-table-cell {
}

.dialog-table-cell {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

    .dialog-table-cell input[type=text] {
        width: 100%;
    }

.dialog-table-row {
    display: table-row;
}

    .dialog-table-row.dialog-table-row-colored {
        background: #eff3f8 /*#eee*/;
        /*border-bottom: solid 3px #363b3e;*/
        outline: solid 1px #b5bbbf;
        margin-bottom: 5px;
    }

.sortable-handle {
    cursor: move;
}

.delSlide {
    font-size: 27px;
    color: black;
}


.radiobox {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 15px;
    cursor: pointer !important;
    position: relative;
    background: -webkit-linear-gradient(#EFF3F8, #EFF3F8);
    background: linear-gradient(#EFF3F8, #EFF3F8);
    background-size: 100px 100%;
    background-repeat: no-repeat;
    background-color: #f9fafa;
    background-position: left;
}

    .radiobox.active:before {
        background-color: #4DB3A2;
    }

    .radiobox.disabled {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        /* IE 5-7 */
        filter: alpha(opacity=30);
        /* Netscape */
        -moz-opacity: 0.3;
        /* Safari 1.x */
        -khtml-opacity: 0.3;
        opacity: 0.3;
        cursor: default !important;
    }


    .radiobox.active {
        border-color: #4DB3A2;
    }

    .radiobox:before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 100px;
        background-color: #e5e5e5;
    }

.boxitem {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cc-checkbox, .cc-radio {
    cursor: pointer !important;
    margin: 20px;
}

.radiobox .marketing-checkbox-label {
    cursor: pointer;
}

.marketing-checkbox-label:last-of-type {
    margin-bottom: 0px;
}

.cc-checkbox-label, .cc-radio-label {
    cursor: pointer;
    display: block;
    /*text-align: left;*/
    position: relative;
    margin-bottom: 15px;
    padding-left: 100px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radiobox.disabled .cc-checkbox,
.radiobox.disabled .cc-radio,
.radiobox.disabled .radiobox .marketing-checkbox-label,
.radiobox.disabled .cc-checkbox-label,
.radiobox.disabled .cc-radio-label {
    cursor: default !important;
}

.marketing-checkbox:checked + label:before, .marketing-checkbox:checked + label:after {
    top: 50%;
    margin-top: -10px;
}

.marketing-checkbox:checked + label:before {
    background-color: #7ab55c;
    border-color: #7ab55c;
    box-shadow: none;
}

.marketing-checkbox + label:before {
    top: 50%;
    margin-top: -10px;
}

.cc-checkbox-label:before, .cc-radio-label:before {
    /* content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
    -webkit-transition: border-color 150ms ease;
    transition: border-color 150ms ease;*/
}

.box-help-label {
    color: #767676;
}

.box__img {
    width: 15%;
    height: 15%;
    margin-left: 10px;
}

.radiobox i {
    font-size: 80px;
    cursor: pointer !important;
}

.gridbox {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.22);
    border-radius: 8px;
    border: none;
    width: 330px
}

    .gridbox .title {
        border-bottom-color: #e0e0e0;
        padding: 22px 0 18px 24px;
        line-height: normal;
        margin-left: 20px;
        margin-right: 20px;
    }

    .gridbox .list .item {
        border-right: #e2e2e2 solid 1px;
        border-bottom: #e2e2e2 solid 1px;
        width: 109px;
        text-align: center;
        padding-bottom: 10px;
    }

    .gridbox .list {
        border-top: #e2e2e2 solid 1px;
    }

        .gridbox .list .item i {
            margin: auto;
            display: block;
            font-size: 25px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

    .gridbox .item-title {
        margin-bottom: 10px;
    }


/* Columns */
.column-1-2 {
    width: 48%
}

.column-1-3 {
    width: 30.66%
}

.column-2-3 {
    width: 65.33%
}

.column-1-4 {
    width: 22%
}

.column-3-4 {
    width: 74%
}

.column-1-5 {
    width: 16.8%
}

.column-2-5 {
    width: 37.6%
}

.column-3-5 {
    width: 58.4%
}

.column-4-5 {
    width: 67.2%
}

.column-1-6 {
    width: 13.33%
}

.column-5-6 {
    width: 82.67%
}

.column {
    position: relative;
    margin: 0 4% 30px 0%;
    float: left;
}

.column-last {
    margin-right: 0;
}

.system_logo {
    height: 80px;
}

.cc-external-box #fbusercont {
    padding: 10px 0;
}

.cc-external-box .btnf {
    width: 270px;
    cursor: pointer;
    background-color: #2d5380;
    color: #fff;
    border-width: 2px;
    border-color: transparent;
    border-radius: 5px;
    opacity: 0.95;
}

    .cc-external-box .btnf:hover {
        opacity: 1;
    }

    .cc-external-box .btnf .ico {
        margin-top: 3px;
    }

    .cc-external-box .btnf .fb_txt {
        margin-top: 7px;
        margin-right: 20px;
        margin-left: 20px;
        font-size: 16px !important;
    }

.cc-external-box input[type="submit"] {
    background: none repeat scroll 0% 0% #00c178;
    padding: 7px 20px;
    border-width: 0px;
    color: #FFF;
}

.app-number {
    width: 75px !important;
    padding: 4px !important;
}

.matrix tbody > tr:nth-child(odd) td {
    background: #F9F9F9;
}

.matrix tbody > tr:nth-child(even) td {
    background: #F5F5F5;
}


.matrix tbody > tr td {
    border: solid 1px #ddd;
    padding: 5px;
}

.attr-cont-col {
    margin-top: 30px;
}

.splitter-matrix-col {
    border-left: solid 1px #ddd;
    margin-left: 15px;
}

.prod-attrs-new-cont h4 {
    margin-bottom: 8px;
}

.button-toolbar input[type=button] {
    padding: 7px;
    border-radius: 0;
}

.cc-template-item {
    width: 23%;
    margin-right: 2% !important;
}

.site-templates h2 {
    font-size: 18px;
    padding-top: 10px;
}

table.nobag > tbody tr:nth-child(even) {
    background-color: transparent;
}

table.nobag > tbody tr:nth-child(odd) {
    background-color: transparent;
}


.db-app.installed::before {
    content: "";
    position: absolute;
    background: #fff;
    display: block;
    z-index: 1001;
    margin-right: -5px;
    margin-top: -6px;
    border-top: 40px solid #00c178;
    border-left: 40px solid transparent;
    z-index: 1;
    border-right: 0;
}

.db-app.installed::after {
    content: "\f00c";
    position: absolute;
    font-family: FontAwesome;
    display: block;
    margin-right: -1px;
    margin-top: -104px;
    z-index: 2;
    color: #fff;
}
/* pagination */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #000;
        border-color: #000;
    }

    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #000;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

#pager .pagination a {
    font-size: 12px;
}

.cc-holds-the-iframe {
    background: url(https://cdnw.wobily.com/system/loading.svg) center center no-repeat;
}

.cc-user-fb-img {
    height: 45px;
    border-radius: 23px;
    position: relative;
    top: 12px;
}

.grid thead tr th {
    background: #ffffff;
    color: #000;
    border: solid 1px transparent;
    border-bottom: solid 2px #999;
    border-top: solid 1px #999;
}

.ui-datepicker-calendar .ui-state-highlight {
    padding: .2em !important;
    margin-bottom: 0px !important;
}

table.tableSection {
    display: table;
    width: 100%;
}

    table.tableSection thead, table.tableSection tbody {
        float: left;
        width: 100%;
    }

    table.tableSection tbody {
        overflow: auto;
        height: 400px;
    }

    table.tableSection tr {
        width: 100%;
        display: table;
    }

    table.tableSection th, table.tableSection td {
        width: 33%;
    }

.cc-revenue-chart-wrap {
    margin-left: 8px;
    margin-right: 0px;
}

.cc-jqplot-hihglight {
    background-color: #000;
    color: #fff;
    direction: ltr;
    text-align: left;
}

.jqplot-canvasOverlay-tooltip, .jqplot-cursor-tooltip, .jqplot-highlighter-tooltip {
    border-color: #000 !important;
    border-radius: 3px !important;
    padding: 3px !important;
    background: #000 !important;
}

#cropWrapper #crop_width,
#cropWrapper #crop_height {
    width: 50px;
}

#cropWrapper {
    font-size: 12px;
}

.cropper-cont {
    text-align: center;
}

#cropper {
    max-width: 600px;
    max-height: 800px;
}

.imgareaselect-outer {
    z-index: 2020 !important;
}

#current_crop_width,
#current_crop_height {
    width: 50px;
    display: inline-block;
    border: solid 1px rgb(238, 238, 238);
    height: 15px;
}

.imgareaselect-handle {
    background: #02ff02 !important;
}

.imgareaselect-border1,
.imgareaselect-border2,
.imgareaselect-border3,
.imgareaselect-border4 {
    border: dashed 1px #02ff02 !important;
}
/* Dialog pin products*/

.cc-dialog-pin-products .cc-builder-pin-selected-products-list {
    border-left: solid 1px #444;
    border-right: solid 1px #444;
    border-bottom: solid 1px #444;
    height: 500px;
    overflow: auto;
}

    .cc-dialog-pin-products .cc-builder-pin-selected-products-list li {
        background: #385A8C !important;
        border-bottom: solid 2px #fff !important;
    }

    .cc-dialog-pin-products .cc-builder-pin-selected-products-list i {
        color: #b5bbbf !important;
    }

.cc-dialog-pin-products .cc-builder-pin-all-products-container {
    max-height: 600px;
    overflow: auto;
    direction: ltr;
}

.cc-dialog-pin-products .cc-builder-pin-selected-products-container {
    margin-right: 7px;
}

.cc-dialog-pin-products div.cc-builder-dialog .cube-item {
    width: 114px;
    padding: 1px;
    float: left;
    border: solid 1px #2B2B2B;
    text-align: center;
    margin: 3px;
    background-color: #333333 !important;
    color: #FFF !important;
}

.cc-dialog-pin-products div.cc-builder-dialog span.title {
    color: #ddd !important;
}

.cc-dialog-pin-products div.cc-builder-dialog a.select-product {
    text-decoration: none !important;
    color: #fff !important;
}

.cc-dialog-pin-products .cube-item > div:last-child {
    cursor: pointer;
}

.cc-dialog-pin-products .cube-item.selected {
    opacity: .8;
    cursor: not-allowed;
}

    .cc-dialog-pin-products .cube-item.selected a, .cube-item.selected div {
        cursor: not-allowed;
    }

.cc-dialog-pin-products .cube-item a {
    width: 120px;
    height: 28px;
    display: block;
}

.cc-dialog-pin-products ul.sortable-grid li {
    height: 40px;
    padding: 7px 5px;
    font-size: 12px;
    color: #000;
    background-color: #eee;
    border-bottom: solid 2px #fff;
}

.cc-dialog-pin-products ul.sortable-grid i {
    color: #000;
}

.cc-dialog-pin-products ul.sortable-grid .title {
    font-size: 15px;
    line-height: 22px;
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cc-dialog-pin-products .title {
    color: #b5bbbf !important;
}

.cc-dialog-pin-products .cube-item {
    direction: ltr;
}

@media (min-width:767px) {
    .table-container {
        height: 300px;
    }

        .table-container table {
            display: flex;
            flex-flow: column;
            height: 100%;
            width: 100%;
        }

            .table-container table thead {
                /* head takes the height it requires, 
    and it's not scaled when table is resized */
                flex: 0 0 auto;
                width: calc(100% - 16px);
            }

            .table-container table tbody {
                /* body takes all the remaining available space */
                flex: 1 1 auto;
                display: block;
                overflow-y: scroll;
            }

                .table-container table tbody tr {
                    width: 100%;
                }

                .table-container table thead, .table-container table tbody tr {
                    display: table;
                    table-layout: fixed;
                }
}

.ui-button.cube {
    width: 100px;
    height: 100px;
    font-size: 20px;
    margin-right: 5px;
    margin-left: 5px;
}
.blue-text {
    color: #00c178;
}

.select2-search-choice > div {
    padding-left: 10px;
    padding-right: 10px;
}
.cc-print-order { 
    padding: 5px;
}
.cc-print-order h6 {
    margin: 0px;
    padding: 5px;
}
.cc-print-order h2 {
    margin: 0px;
    margin-top: 5px;
}
.cc-print-order .grid.table-container
{
    height: auto !important;
}
.cc-print-order .cc-invoice-details .help,
.cc-print-order .cc-invoice-details br,
.cc-print-order .browser-details {
    display: none !important;
    height: 0px !important;
}
    .cc-print-order .cc-recipient-details,
    .cc-print-order .cc-customer-details {
        float: left;
        font-size: 13px !important;        
    }
    .cc-print-order .delimiterorder
    {
        padding: 0px !important;
        margin: 0px !important;
    }
    .cc-print-order #tblOrderProducts {
        font-size: 13px !important;
    }
 /*button new smart deal*/

.newSmartDeal-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .newSmartDeal-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.newSmartDeal a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}
/*end button smart new deal*/
.small-list-scroll {
    height: 50px;
    overflow: auto;
}
.small-list-scroll ul {
    margin: 0;
    padding: 0px;
    padding-right: 0px;
    list-style-type: none;
}
    .small-list-scroll ul li {
        font-size: 12px;
        color: #000;
        margin: 0;
        padding: 0;
    }
        .small-list-scroll ul li.has-submenu .anc {
            cursor:pointer;
            text-decoration:underline;
        }