@font-face {
    font-family: "TekoBold";
    src: url("../img/fonts/TekoBold.woff") format("woff"), /* Modern Browsers */
    url("../img/fonts/TekoBold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Cantarell-Bold";
    src: url("../img/fonts/Cantarell-Bold.woff") format("woff"), /* Modern Browsers */
    url("../img/fonts/Cantarell-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "BungeeInline-Regular";
    src: url("../img/fonts/BungeeInline-Regular.woff") format("woff"), /* Modern Browsers */
    url("../img/fonts/BungeeInline-Regular.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Inconsolata-Black";
    src: url("../img/fonts/Inconsolata-Black.woff") format("woff"), /* Modern Browsers */
    url("../img/fonts/Inconsolata-Black.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "New Amsterdam";
    src: url("../img/fonts/NewAmsterdam-Regular.woff2") format("woff2"), url("../img/fonts/NewAmsterdam-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Matemasie";
    src: url("../img/fonts/Matemasie-Regular.woff2") format("woff2"), url("../img/fonts/Matemasie-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RalewayExtraLightItalic";
    src: url("../img/fonts/Raleway-ExtraLightItalic.woff2") format("woff2"), url("../img/fonts/Raleway-ExtraLightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "RalewaySemiBold";
    src: url("../img/fonts/Raleway-SemiBold.woff2") format("woff2"), url("../img/fonts/Raleway-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RalewayLight";
    src: url("../img/fonts/Raleway-Light.woff2") format("woff2"), url("../img/fonts/Raleway-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RalewayLightItalic";
    src: url("../img/fonts/Raleway-LightItalic.woff2") format("woff2"), url("../img/fonts/Raleway-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "RalewayExtraLight";
    src: url("../img/fonts/Raleway-ExtraLight.woff2") format("woff2"), url("../img/fonts/Raleway-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RalewaySemiBoldItalic";
    src: url("../img/fonts/Raleway-SemiBoldItalic.woff2") format("woff2"), url("../img/fonts/Raleway-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "RalewayThinItalic";
    src: url("../img/fonts/Raleway-ThinItalic.woff2") format("woff2"), url("../img/fonts/Raleway-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "RalewayThin";
    src: url("../img/fonts/Raleway-Thin.woff2") format("woff2"), url("../img/fonts/Raleway-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RalewayItalic";
    src: url("../img/fonts/Raleway-Italic.woff2") format("woff2"), url("../img/fonts/Raleway-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "RowdiesRegular";
    src: url("../img/fonts/Rowdies-Regular.woff2") format("woff2"), url("../img/fonts/Rowdies-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RowdiesLight";
    src: url("../img/fonts/Rowdies-Light.woff2") format("woff2"), url("../img/fonts/Rowdies-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlabMedium500";
    src: url("../img/fonts/RobotoSlab-Medium.woff2") format("woff2"), url("../img/fonts/RobotoSlab-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SairaExtraLight200";
    src: url("../img/fonts/Saira-ExtraLight.woff2") format("woff2"), url("../img/fonts/Saira-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlabLight300";
    src: url("../img/fonts/RobotoSlab-Light.woff2") format("woff2"), url("../img/fonts/RobotoSlab-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NunitoBold700";
    src: url("../img/fonts/Nunito-Bold.woff2") format("woff2"), url("../img/fonts/Nunito-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansMedium500";
    src: url("../img/fonts/NotoSans-Medium.woff2") format("woff2"), url("../img/fonts/NotoSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansLight300";
    src: url("../img/fonts/NotoSans-Light.woff2") format("woff2"), url("../img/fonts/NotoSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansBold700";
    src: url("../img/fonts/NotoSans-Bold.woff2") format("woff2"), url("../img/fonts/NotoSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MontserratSemiBold600";
    src: url("../img/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../img/fonts/Montserrat-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MontserratMedium500";
    src: url("../img/fonts/Montserrat-Medium.woff2") format("woff2"), url("../img/fonts/Montserrat-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PoppinsThin100";
    src: url("../img/fonts/Poppins-Thin.woff2") format("woff2"), url("../img/fonts/Poppins-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PoppinsRegular400";
    src: url("../img/fonts/Poppins-Regular.woff2") format("woff2"), url("../img/fonts/Poppins-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BodoniModaSemiBold";
    src: url("../img/fonts/BodoniModa_18pt-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BodoniModaRegular";
    src: url("../img/fonts/BodoniModa_18pt-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BodoniModaItalic";
    src: url("../img/fonts/BodoniModa_18pt-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

.listeleBtn {
    width: 100%;
    margin-top: 10px;
}

@media screen and (min-width: 480px) {
    .listeleBtn {
        width: 200px;
        float: left;
    }
}

.listeleBtnControl {
    width: 100%;
    margin-top: 4px;
}

@media screen and (min-width: 480px) {
    .listeleBtnControl {
        width: 200px;
        margin-top: 4px;
    }
}

.listeleBtnSpan {
    width: 100%;
    margin-top: 10px;
}

@media screen and (min-width: 480px) {
    .listeleBtnSpan {
        width: 200px;
        margin-top: 10px;
    }
}

html {
    overflow-y: scroll;
}

body {
    color: #222;
    padding: 0;
    font-family: MontserratMedium500,'PT Sans', sans-serif;
}

html, body {
    height: 100%;
}

/* fix for inputs inline shadow */
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* no borders for buttons (ie7) */
button {
    *border: none !important;
    *border-color: transparent !important;
}

a, button, input {
    outline: none !important;
}

/* webkit extra margin fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button {
        margin: 0px;
    }
}

/* hide all elements & show preloader */
.js, .js body {
    overflow: hidden;
}

    .js body > * {
        visibility: hidden;
    }

    .js #loading_layer {
        visibility: visible;
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 10000;
    }

        .js #loading_layer img {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 64px;
            height: 10px;
            margin: -5px 0 0 -32px;
        }

    .js .tab-pane {
        display: block !important;
    }

    .js .hide {
        display: inherit;
    }

/* external links */
.external_link {
    background: url(../img/external_link.png) no-repeat right center;
    padding-right: 12px;
}

/* main headings*/
.heading {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 18px;
    padding-bottom: 5px;
}

    .heading h1, .heading h2, .heading h3, h1.heading, h2.heading, h3.heading, .modal-header h3 {
        font-family: 'MontserratMedium500','PT Sans', sans-serif;
        font-weight: 700;
    }

    .heading .btn {
        vertical-align: bottom;
        margin-left: 10px;
    }

/* fix for .label position */
h1 + .label {
    margin: 13px 10px 0 0;
}

h2 + .label {
    margin: 12px 10px 0 0;
}

h3 + .label {
    margin: 7px 10px 0 0;
}

/* element separation */
.sepH_a {
    margin-bottom: 5px;
}

.sepH_b {
    margin-bottom: 10px;
}

.sepH_c {
    margin-bottom: 20px;
}

.sepV_a {
    margin-right: 5px;
}

.sepV_b {
    margin-right: 10px;
}

.sepV_c {
    margin-right: 20px;
}

.sepH_a_line {
    padding-bottom: 6px;
    margin-bottom: 18px;
    border-bottom: 1px solid #dcdcdc;
}

.sepH_no {
    margin-bottom: 0;
}

.tac {
    text-align: center;
}

.line_sep {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 18px;
    padding-bottom: 5px;
}

.sml_t {
    font-size: 11px;
}

.sml {
    font-size: 11px;
    color: #9d9d9d;
}

/* accordion background animation */
.accordion-toggle {
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

/* text-shadow */
/*.ov_boxes .ov_text, .dshb_icoNav li a, .table th, .fc thead th {
    text-shadow: 1px 1px 0 #fff;
}*/

.dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc {
    text-shadow: 1px 1px 0 #eee;
}

/* Bootstrap adjustments */

[class^="icon-"], [class*=" icon-"] {
    margin-top: 0;
}

.btn-mini [class^="icon-"], btn-mini [class*=" icon-"] {
    margin-top: 1px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizelegibility;
    margin: 0;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: 400;
        color: #999;
    }

h1 {
    font-size: 30px;
    line-height: 36px;
}

h2 {
    font-size: 24px;
    line-height: 36px;
}

h3 {
    font-size: 18px;
    line-height: 27px;
}

h4, h5, h6 {
    line-height: 18px;
}

h6 {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
}

h1 small, h2 small {
    font-size: 18px;
}

h3 small, h4 {
    font-size: 14px;
}

    h4 small, h5 {
        font-size: 12px;
    }

.row-fluid div[class*="span"] {
    min-height: 1px;
}

form .row-fluid + .row-fluid {
    margin-top: 10px !important;
}

.main_content .row-fluid + .row-fluid {
    margin-top: 20px;
}

.nav-pills + .nav-pills {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #dcdcdc;
}

.nav-pills > li > a {
    padding: 5px 8px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 999;
}

    .navbar-fixed-top .nav-collapse i {
        opacity: 0.8;
    }

    .navbar-fixed-top .nav-collapse li:hover i {
        opacity: 1;
    }

.nav-list > li > a, .dropdown-menu li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.navbar-fixed-top .navHover:after {
    height: 1px;
    width: 100%;
    bottom: -1px;
    position: absolute;
    content: '';
    display: block;
}

.navbar .nav > li > a.nav_condensed {
    padding-left: 2px;
    padding-right: 2px;
}

.pagination ul > li > div > a, .pagination ul > li > div > span {
    float: left;
    padding: 0 14px;
    line-height: 38px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}

    .pagination ul > li > div > a:hover, .pagination ul > .active > div > a, .pagination ul > .active > div > span {
        background-color: #f5f5f5;
    }

.pagination ul > .active > div > a, .pagination ul > .active > div > span {
    color: #999999;
    cursor: default;
}

.pagination ul > .disabled > div > span, .pagination ul > .disabled > div > a, .pagination ul > .disabled > div > a:hover {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination ul > li:first-child > div > a, .pagination ul > li:first-child > div > span {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.pagination ul > li:last-child > div > a, .pagination ul > li:last-child > div > span {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.pagination {
    height: 26px;
}

    .pagination a.active {
        background-color: #f5f5f5;
    }

    .pagination a.active {
        color: #999;
        cursor: default;
    }

    .pagination ul > li > a, .pagination ul > li > span, .pagination ul > li > div > a, .pagination ul > li > div > span {
        line-height: 24px;
        padding: 0 10px;
    }

    .pagination ul > li > div.page {
        display: inline;
    }

.pager a {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 4px 12px;
}

.label {
    cursor: default;
    font-size: 11px;
    padding: 2px 4px;
}

.label-important, .badge-error {
    background: #C62626;
}

.label-success, .badge-success {
    background: #70A415;
}

.label-warning, .badge-warning {
    background: #F5AA1A;
}

.label-info, .badge-info {
    background: #058DC7;
}

.alert .close {
    top: 0;
}

.alert-block p + p, .alert-block ul + p, .alert-block p + ul {
    margin-top: 10px;
}

.alert-block h4 + p, .alert-block h4 + ul {
    margin-top: 5px;
}

.icon-sw {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

.well {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu li {
    padding: 0 5px;
}

    .dropdown-menu li a {
        padding: 3px 20px 3px 8px;
        position: relative;
    }

.modal-footer {
    padding: 7px 15px 8px;
}

.modal {
    border: 8px solid rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.modal-header {
    background: #e4e4e4;
    border-color: #d4d4d4;
    padding: 5px 15px;
}

    .modal-header .close {
        margin-top: 5px;
    }

.modal-body {
    padding: 20px 15px;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .1;
    background: #777;
}

.main_content .accordion-heading .accordion-toggle {
    background-color: #f5f5f5;
    color: #222;
    text-decoration: none;
    background-image: url(../img/acc_icons.png);
    background-position: 98% 12px;
    background-repeat: no-repeat;
}

    .main_content .accordion-heading .accordion-toggle:hover {
        background-color: #e5e5e5;
    }

.main_content .accordion-heading .acc-in {
    background-position: 98% -34px;
}

.btn-gebo {
    text-shadow: 0px -1px 0px #004f6f;
    color: #fff;
    background-color: #006d8d;
    background-image: -moz-linear-gradient(top, #1e8bab, #004f6f);
    background-image: -ms-linear-gradient(top, #1e8bab, #004f6f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e8bab), to(#004f6f));
    background-image: -webkit-linear-gradient(top, #1e8bab, #004f6f);
    background-image: -o-linear-gradient(top, #1e8bab, #004f6f);
    background-image: linear-gradient(top, #1e8bab, #004f6f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e8bab', endColorstr='#004f6f', GradientType=0);
    border-color: #006D8D #004f6f #004f6f #006D8D;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}

    .btn-gebo:hover, .btn-gebo:active, .btn-gebo.active, .btn-gebo.disabled, .btn-gebo[disabled] {
        background-color: #004f6f;
    }

    .btn-gebo:hover {
        color: #fff;
        text-shadow: 0px -1px 0px #003151;
    }

    .btn-gebo:focus {
        color: #fff;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        border-color: #006D8D #004f6f #004f6f #006D8D;
        border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    }

    .btn-gebo.active, .btn-gebo:active {
        background-image: none;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        color: #64d1f1;
    }

.table-striped tbody tr:nth-child(2n) td, .table-striped tbody tr:nth-child(2n) th {
    background: #fff;
}

.modal_box {
    background: #fff;
    padding: 20px;
}

    .modal_box form {
        background: #fff;
    }

#colorbox ~ .bootstrap-timepicker, #colorbox ~ .colorpicker, #colorbox ~ .datepicker {
    z-index: 10000;
}

textarea, input {
    outline: none;
}

tr.rowlink td {
    cursor: pointer;
}

    tr.rowlink td.nolink {
        cursor: auto;
    }

.table tbody tr.rowlink:hover td {
    background-color: #efefef;
}

a.rowlink {
    font: inherit;
    color: inherit;
    text-decoration: inherit;
}

.navbar .nav > li > a:focus {
    color: #fff;
}

.input-append .active, .input-prepend .active {
    border: none;
    background: none;
}

/* header */
.navbar .brand {
    width: 200px;
    padding-bottom: 0;
    padding-top: 0;
    font: 100 18px/36px 'PT Sans', sans-serif;
    text-decoration: none;
    color: #fff;
    text-shadow: none;
}

    .navbar .brand i {
        margin-top: 5px;
    }

.navbar .caret {
    opacity: .6;
    filter: alpha(opacity=60);
}

.navbar .user_menu {
    margin-left: 0;
}

    .navbar .user_menu .nb_boxes {
        margin: 9px 0 0;
    }

        .navbar .user_menu .nb_boxes .label {
            background: transparent;
            background: rgba(0,0,0,.2);
            padding: 3px 4px;
        }

        .navbar .user_menu .nb_boxes a {
            cursor: pointer;
            float: left;
            margin-right: 8px;
        }

            .navbar .user_menu .nb_boxes a:last-child {
                margin: 0;
            }

    .navbar .user_menu a.dropdown-toggle {
        white-space: nowrap;
    }

    .navbar .user_menu .user_avatar {
        margin-right: 6px;
        height: 20px;
    }

.btn_menu {
    display: none;
}

/* main content */
#maincontainer {
    background-image: url(../img/main_bg_200.gif);
    background-repeat: repeat-y;
    min-height: 100%;
}

#contentwrapper {
    float: left;
    width: 100%;
}

.main_content {
    padding: 70px 15px 15px;
    background: #fff;
    border-left: 1px solid transparent;
    margin-left: 200px;
}

    .main_content li {
        line-height: 22px;
    }

/* sidebar */
.sidebar {
    margin-left: -100%;
    width: 200px;
    float: left;
    position: relative;
}

.sidebar_sep {
    background: #efefef;
    clear: both;
    float: none;
    height: 5px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0;
    margin: 14px 0;
}

.sidebar_switch {
    text-indent: -10000px;
    width: 16px;
    position: fixed;
    left: 200px;
    top: 45px;
    height: 14px;
    cursor: pointer;
    z-index: 100;
    display: block;
    opacity: .5;
}

.on_switch {
    background: url(../img/sidebar_switch.png) no-repeat 0 -19px;
}

.off_switch {
    background: url(../img/sidebar_switch.png) no-repeat 0 -1px;
}

.sidebar_inner form {
    padding: 14px 0 9px 15px;
}

    .sidebar_inner form input {
        margin: 0;
    }

.sidebar_hidden .sidebar {
    display: none;
}

.sidebar_hidden .sidebar_switch {
    left: 4px;
}

.sidebar_hidden .main_content {
    margin: 0;
    border-left: none;
}

.sidebar_hidden {
    background: #fff;
}

    .sidebar_hidden #maincontainer {
        background: #fff;
    }

.sidebar_info {
    width: 180px;
    position: relative;
    left: 30px;
    bottom: 10px;
}

    .sidebar_info ul {
        padding: 5px 10px;
        margin: 0;
        font-size: 11px;
        background: #fafafa;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

        .sidebar_info ul li {
            line-height: 26px;
            overflow: hidden;
            border-bottom: 1px dashed #ccc;
        }

            .sidebar_info ul li:last-child {
                border: none;
            }

    .sidebar_info .act {
        float: right;
    }

.sidebar .accordion {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    margin-right: 1px;
}

.sidebar .accordion-heading {
    text-shadow: 1px 1px 0 #efefef;
    background: #e0e0e0;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ececec;
    box-shadow: inset 0px 1px 0px 0px #ececec;
}

    .sidebar .accordion-heading a:hover {
        background-color: #cfcfcf;
    }

.sidebar .accordion-group {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 1px;
}

    .sidebar .accordion-group a {
        color: #222;
        text-decoration: none !important;
    }

    .sidebar .accordion-group .active a {
        color: #fff;
    }

    .sidebar .accordion-group .accordion-heading a {
        color: #222;
    }

.sidebar .accordion-inner {
    border-top: 1px solid #ccc;
    background: #fafafa;
}

.sdb_h_active a {
    background: url("../img/bullet_green.png") no-repeat 98% center;
}

/* login page */
.login_page {
    overflow: auto;
}

    .login_page body {
        height: 100%;
        max-width: inherit;
        margin: 0 20px;
        background: url(../img/JaccaLogo.png) no-repeat bottom center #0099ff;
        background: url(../img/JaccaLogo.png) no-repeat bottom center, -moz-linear-gradient(top, #0099ff 0%, #14609f 100%);
        background: url(../img/JaccaLogo.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#14609f));
        background: url(../img/JaccaLogo.png) no-repeat bottom center, -webkit-linear-gradient(top, #0099ff 0%,#14609f 100%);
        background: url(../img/JaccaLogo.png) no-repeat bottom center, -o-linear-gradient(top, #0099ff 0%,#14609f 100%);
        background: url(../img/JaccaLogo.png) no-repeat bottom center, -ms-linear-gradient(top, #0099ff 0%,#14609f 100%);
        background: url(../img/JaccaLogo.png) no-repeat bottom center, linear-gradient(top, #0099ff 0%,#14609f 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#14609f',GradientType=0 );*/
    }

    .login_page .login_box {
        position: relative;
        top: 50%;
        width: 380px;
        margin: 0 auto 24px;
        background: #fff;
        border: 1px solid #ccc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
        -ms-box-shadow: 0 0 6px rgba(0,0,0,0.2);
        box-shadow: 0 0 6px rgba(0,0,0,0.2);
    }

    .login_page .top_b {
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        font: 100 18px/42px 'PT Sans', sans-serif;
        height: 42px;
        padding: 0 20px;
        background: #e0e0e0;
        border-bottom: 1px solid #ccc;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
        font-size: 15px;
    }

    .login_page .cnt_b {
        padding: 30px 0;
        width: 66%;
        margin: 0 auto;
    }

    .login_page form {
        margin-bottom: 0;
        -webkit-box-shadow: 0 0 35px rgba(0,0,0,1);
        -moz-box-shadow: 0 0 35px rgba(0,0,0,1);
        -ms-box-shadow: 0 0 35px rgba(0,0,0,1);
        box-shadow: 0 0 35px rgba(0,0,0,1);
    }

    .login_page .btm_b {
        padding: 12px 20px;
        border-top: 1px solid #e7e7e7;
        background: #f7f7f7;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        -webkit-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
    }

    .login_page .links_b {
        width: 100%;
        font-size: 11px;
        text-align: center;
        position: absolute;
        bottom: -24px;
    }

    .login_page .link_reg {
        font-size: 11px;
        padding: 5px 0 0;
        display: block;
    }

.alert-login {
    margin: 10px 10px 0;
}

/* error pages */
.error_page {
    background: #eee;
}

    .error_page, .error_page body, .error_page .error_box {
        height: 100%;
    }

        .error_page h1 {
            font-family: 'Jockey One', sans-serif;
            font-size: 52px;
            line-height: 1.1;
            text-transform: uppercase;
            color: #067ead;
            text-shadow: 2px 2px 0px rgba(255,255,255,.5), 4px 4px 0px rgba(0,0,0,.1);
            margin-bottom: 10px;
            padding: 40px 0 0 300px;
        }

        .error_page p {
            color: inherit;
            font-size: 16px;
            line-height: 24px;
            font-weight: 200;
            margin-left: 300px;
        }

        .error_page .back_link {
            margin-left: 300px;
        }

        .error_page .error_box {
            background: url(../img/error_big.png) no-repeat 0 0;
            padding: 0;
            width: 72%;
            margin: 0 auto;
        }

/* search page */
.search_page .well {
    padding: 10px 20px;
    line-height: 26px;
}

    .search_page .well select {
        margin: 0;
        width: auto;
    }

.search_page .search_panel {
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.search_page .search_item {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px 10px 30px;
    position: relative;
}

    .search_page .search_item:nth-child(even) {
        background: #f2f8fd;
    }

    .search_page .search_item:last-child {
        border: none;
    }

.search_page .search_content {
    padding-left: 110px;
}

    .search_page .search_content h4 {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .search_page .search_content h4 {
        vertical-align: text-top;
    }

    .search_page .search_content strong {
        color: #666;
    }

    .search_page .search_content small {
        color: #666;
        font-size: 11px;
    }

.search_page .searchNb {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #ccc;
    font-size: 11px;
}

.search_page .result_view a {
    opacity: 0.3;
}

    .search_page .result_view a.active {
        opacity: 1;
    }

.search_page .box_view {
    border: none;
    margin-left: -1%;
}

    .search_page .box_view .search_item {
        margin-left: 1%;
        border: 1px solid #e0e0e0;
        height: 200px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        margin: 0 0 1% 1%;
        float: left;
        width: 32.333%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .search_page .box_view h4 {
        height: 20px;
        overflow: hidden;
    }

    .search_page .box_view .item_description {
        max-height: 92px;
        overflow: hidden;
    }

    .search_page .box_view .label {
        position: absolute;
        top: -9px;
        right: -6px;
    }

.sidebar_filters {
    padding: 30px 30px 20px;
}

    .sidebar_filters h3 {
        font-size: 13px;
        color: #067EAD;
    }

    .sidebar_filters .filter_items {
        padding: 5px 10px 10px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #ccc;
    }

/* forms */
.formRow:last-child input, .formRow:last-child textarea, .formRow:last-child select, .uneditable-input {
    margin-bottom: 0;
}

.formRow small {
    display: block;
    font-size: 11px;
    color: #999;
    line-height: 14px;
}

.formSep {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #dcdcdc;
}

    .formSep.small {
        margin-bottom: 4px;
        padding-bottom: 4px;
        border-bottom: 1px dashed #c5c5c5;
        padding-right: 6px;
    }

.stacked select, .stacked input[type="text"], .stacked textarea {
    display: block;
}

.help-inline, .help-block {
    font-size: 11px;
    margin: -4px 0 0 2px;
}

.form-horizontal .help-block {
    margin-top: 2px;
}

.form-horizontal .control-group {
    margin-bottom: 5px;
}

input.focused {
    border-color: rgba(82,168,236,.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
    outline: 0;
    z-index: 2;
    position: relative;
}

.f_warning > label, .f_warning .help-block, .f_warning .help-inline {
    color: #c09853;
}

.f_warning input, .f_warning select, .f_warning textarea {
    color: #c09853;
    border-color: #c09853;
}

    .f_warning input:focus, .f_warning select:focus, .f_warning textarea:focus {
        -webkit-box-shadow: 0 0 6px #dbc59e;
        -moz-box-shadow: 0 0 6px #dbc59e;
        box-shadow: 0 0 6px #dbc59e;
        border-color: #a47e3c;
    }

.f_warning .input-prepend .add-on, .f_warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.f_error input, .f_error select, .f_error textarea {
    color: #b94a48;
    border-color: #b94a48;
}

    .f_error input:focus, .f_error select:focus, .f_error textarea:focus {
        -webkit-box-shadow: 0 0 6px #d59392;
        -moz-box-shadow: 0 0 6px #d59392;
        box-shadow: 0 0 6px #d59392;
        border-color: #953b39;
    }

.f_error .input-prepend .add-on, .f_error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.f_error label.error {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #C62626;
}

input[type="text"] + label.error, input[type="password"] + label.error, select + label.error, textarea + label.error {
    margin-top: -6px;
}

.f_error label.radio + label.error, .f_error label.checkbox + label.error {
    margin-top: 5px;
}

.input-prepend.f_error label.error, .input_append.f_error label.error {
    margin-top: 4px;
}

.control-group.f_error label.error {
    margin-top: 2px;
}

.f_success > label, .f_success .help-block, .f_success .help-inline {
    color: #468847;
}

.f_success input, .f_success select, .f_success textarea {
    color: #468847;
    border-color: #468847;
}

    .f_success input:focus, .f_success select:focus, .f_success textarea:focus {
        -webkit-box-shadow: 0 0 6px #7aba7b;
        -moz-box-shadow: 0 0 6px #7aba7b;
        box-shadow: 0 0 6px #7aba7b;
        border-color: #356635;
    }

.f_success .input-prepend .add-on, .f_success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

.ui-tooltip label {
    margin-bottom: 0;
}

.f_legend {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 10px;
    margin-bottom: 22px;
    border-bottom: 1px solid #dcdcdc;
}

.radio.inline, .checkbox.inline {
    margin-left: 0 !important;
    margin-right: 10px;
}

.f_req {
    font-size: 13px;
    color: #ff0000;
    font-family: helvetica, arial, sans-serif;
}

.form-horizontal .controls.text_line {
    line-height: 25px;
}

.form-horizontal .controls.couplebutton {
    display: flex;
    margin-top: 10px;
}

    .form-horizontal .controls.couplebutton .btn {
        margin: 0px;
    }

    .form-horizontal .controls.couplebutton :first-child {
        margin-right: 5px;
    }

.row-fluid input[class*="span"], .row-fluid textarea[class*="span"], .row-fluid select[class*="span"] {
    display: inline-block;
}

    .row-fluid input[class*="span"] + input[class*="span"], .row-fluid textarea[class*="span"] + textarea[class*="span"], .row-fluid select[class*="span"] + select[class*="span"] {
        display: block;
    }

textarea {
    resize: none;
}

/* file upload */
.btn.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

    .btn.btn-file > input[type=file] {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer;
    }

.fileupload {
    margin-bottom: 9px;
}

    .fileupload .uneditable-input {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        height: 28px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .fileupload .thumbnail {
        overflow: hidden;
        display: inline-block;
        margin-bottom: 5px;
        vertical-align: middle;
        text-align: center;
    }

        .fileupload .thumbnail > img {
            display: block;
            vertical-align: middle;
            max-height: 100%;
        }

    .fileupload .btn {
        vertical-align: middle;
    }

.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.fileupload .fileupload-preview {
    vertical-align: middle;
}

.fileupload .close.fileupload-exists {
    vertical-align: middle;
}

/* input spinner */
.ui-spinner button {
    height: 14px;
    position: absolute;
    background: none;
    border: none;
    width: 18px;
    padding: 0;
    background: url(../img/spinner_arrows.gif) no-repeat 0 -100px;
    cursor: pointer;
}

.ui-spinner .ui-spinner-up {
    top: 0;
    right: 0;
    background-position: 0 0;
}

.ui-spinner .ui-spinner-down {
    top: 14px;
    right: 0;
    background-position: 0 -14px;
}

.ui-spinner .ui-spinner-up:hover {
    background-position: -18px 0;
}

.ui-spinner .ui-spinner-down:hover {
    background-position: -18px -14px;
}

.ui-spinner input, .ui-spinner input:focus {
    display: block !important;
    margin: 0 !important;
    padding: 0;
    min-height: 28px !important;
    height: 28px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.ui-spinner ul {
    margin: 0;
}

.ui-spinner li {
    line-height: 28px;
}

.ui-spinner {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    position: relative;
    margin-bottom: 10px;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    padding: 0 24px 0 8px;
}

    .ui-spinner .ui-spinner-box {
        background: none;
        border: none !important;
    }

/* animated progresbars */
.pbar .ui-progressbar-value {
    display: block !important;
}

.pbar {
    overflow: hidden;
}

.percent, .elapsed {
    position: relative;
    text-align: right;
    font-size: 12px;
}

/* ul list styles */
.list_a, .list_b, .list_c, .list_d {
    margin-left: 0;
    list-style: none;
}

    .list_a li {
        background: url(../img/bullet_blue.png) no-repeat 3px 4px;
        padding-left: 25px;
    }

    .list_b li {
        background: url(../img/bullet_green.png) no-repeat 3px 4px;
        padding-left: 25px;
    }

    .list_c li {
        background: url(../img/bullet_orange.png) no-repeat 3px 4px;
        padding-left: 25px;
    }

    .list_d li {
        background: url(../img/bullet_red.png) no-repeat 3px 4px;
        padding-left: 25px;
    }

/* prettyprint <pre> block */
.lit {
    color: #195f91;
}

.fun {
    color: #dc322f;
}

.str, .atv {
    color: #D14;
}

.kwd, .linenums .tag {
    color: #1e347b;
}

.typ, .atn, .dec, .var {
    color: teal;
}

.pln {
    color: #48484c;
}

.prettyprint {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    padding: 8px;
}

    .prettyprint.linenums {
        -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
        -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
        box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    }

ol.linenums {
    margin: 0 0 0 33px;
}

    ol.linenums li {
        padding-left: 12px;
        color: #bebec5;
        line-height: 18px;
        text-shadow: 0 1px 0 #fff;
    }

.com, .pun, .opn, .clo {
    color: #93a1a1;
}

/* rowlink plugin */
[data-rowlink] td, td[data-rowlink], [data-msg_rowlink] td, td[data-msg_rowlink] {
    cursor: pointer;
}

    [data-rowlink] td.nohref, td.nohref[data-rowlink], [data-msg_rowlink] td.nohref, td.nohref[data-msg_rowlink] {
        cursor: default;
    }

/* actions links */
.act {
    background: inherit;
    border: none;
    display: inline;
    color: #555;
    font-weight: 700;
    -webkit-transition: text-shadow .1s linear;
    -moz-transition: text-shadow .1s linear;
    -ms-transition: text-shadow .1s linear;
    -o-transition: text-shadow .1s linear;
    transition: text-shadow .1s linear;
    padding: 0;
}

a.act:hover {
    color: #333;
    text-decoration: none;
    text-shadow: 1px 1px 3px rgba(85,85,85,0.5);
}

.act-primary {
    color: #006dcc;
}

a.act-primary:hover {
    color: #04c;
    text-shadow: 1px 1px 3px rgba(0,109,204,0.5);
}

.act-info {
    color: #49afcd;
}

a.act-info:hover {
    color: #2f96b4;
    text-shadow: 1px 1px 3px rgba(75,175,206,0.5);
}

.act-success {
    color: #70A415;
}

a.act-success:hover {
    color: #468847;
    text-shadow: 1px 1px 3px rgba(81,164,81,0.5);
}

.act-warning {
    color: #F5AA1A;
}

a.act-warning:hover {
    color: #f89406;
    text-shadow: 1px 1px 3px rgba(192,152,84,0.5);
}

.act-danger {
    color: #C62626;
}

a.act-danger:hover {
    color: #bd362f;
    text-shadow: 1px 1px 3px rgba(185,72,70,0.5);
}

.act.disabled, .act[disabled] {
    color: #AAA;
    cursor: not-allowed;
}

    a.act.disabled:hover, .act[disabled]:hover {
        color: #AAA;
        text-shadow: none;
    }

.form-actions .act {
    line-height: 30px;
}

/* tabs */
.tabbable-bordered {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .tabbable-bordered > .nav-tabs {
        margin: 0;
    }

    .tabbable-bordered .tab-content {
        border-color: #ddd;
        border-style: solid;
        border-width: 0;
        overflow: auto;
        padding: 18px 0 0;
    }

    .tabbable-bordered > .tab-content {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        border-width: 0 1px 1px;
        padding: 20px 20px 10px;
    }

/* dashboard icon navigation*/
.dshb_icoNav {
    margin: 0;
    text-align: center;
}

    .dshb_icoNav li {
        -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
        box-shadow: inset 0px 1px 0px 0px #fff;
        text-align: center;
        list-style: none;
        display: inline-block;
        margin: 0 5px 10px;
        background: #f9f9f9;
        /*background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef));
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
        background: -o-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
        background: -ms-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
        background: linear-gradient(top, #f9f9f9 0%,#efefef 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );
        border: 1px solid #e2e2e2;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

        .dshb_icoNav li:hover {
            border-color: #d2d2d2;
            -moz-box-shadow: 0 0 6px #ccc;
            -webkit-box-shadow: 0 0 6px #ccc;
            box-shadow: 0 0 6px #ccc;
        }

        .dshb_icoNav li a {
            position: relative;
            display: block;
            padding: 85px 8px 8px;
            width: 116px;
            height: 21px;
            font-size: 12px;
            color: #222;
            background-repeat: no-repeat;
            background-position: center -25px;
            background-size: 150px 150px;
        }

            .dshb_icoNav li a:hover {
                text-decoration: none;
            }

    .dshb_icoNav .label {
        position: absolute;
        right: -5px;
        top: -5px;
    }

.iconNav_left {
    text-align: left;
}

.iconNav_right {
    text-align: right;
}

/* overview boxes (+small charts) */
.ov_boxes {
    list-style: none;
    display: inline-block;
    margin: 0 0 -20px;
    text-align: center;
}

    .ov_boxes li {
        -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
        box-shadow: inset 0px 1px 0px 0px #fff;
        line-height: 18px;
        background: #f9f9f9;
        background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
        background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
        background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
        background: linear-gradient(top, #f9f9f9 0%,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );
        border: 1px solid #e2e2e2;
        display: inline-block;
        margin: 0 10px 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding: 0 10px;
    }

    .ov_boxes .p_canvas {
        margin-right: 12px;
        float: left;
        border-right: 1px solid #dcdcdc;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        -moz-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff;
        padding: 10px 14px 6px 4px;
    }

    .ov_boxes .ov_text {
        text-align: left;
        width: 150px;
        font-size: 12px;
        float: left;
        padding: 9px 10px 7px 0;
    }

        .ov_boxes .ov_text strong {
            font-size: 16px;
            display: block;
        }

.p_canvas {
    width: 50px;
}

/* widgets */
.w-box {
    -webkit-box-shadow: 0px 1px 2px 0px #efefef;
    box-shadow: 0px 1px 2px 0px #efefef;
}

    .w-box + .w-box {
        margin-top: 20px;
    }

.w-box-header {
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    padding: 0 10px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top, #fbfbfb 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%,#f1f1f1 100%);
    background: linear-gradient(top, #fbfbfb 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f1f1f1',GradientType=0 );
    font-weight: 700;
    color: #666;
    font-size: 11px;
}

    .w-box-header .btn-group {
        margin-top: 5px;
        line-height: 1;
    }

    .w-box-header .dropdown-menu {
        font-size: 12px;
        left: auto;
        right: 0;
    }

    .w-box-header input {
        padding: 2px;
        margin: -2px 0 0;
    }

.w-box-content {
    border: 1px solid #ddd;
    border-top: none;
}

    .w-box-content.cnt_a {
        padding: 10px;
    }

    .w-box-content table, .w-box-content pre {
        margin-bottom: 0;
    }

    .w-box-content pre {
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        -ms-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        border: none;
    }

    .w-box-content .no-th tr:first-child td {
        border-top: none;
    }

    .w-box-content .gebo-upload {
        margin: 0;
    }

        .w-box-content .gebo-upload .plupload_filelist_header {
            border-top: none;
        }

        .w-box-content .gebo-upload .plupload_filelist_footer {
            border-bottom: none;
        }

    .w-box-content .nav-tabs {
        position: relative;
        top: -30px;
        margin-bottom: -18px;
        border-bottom: none;
    }

    .w-box-content .nav-tabs {
        float: right;
        clear: both;
    }

        .w-box-content .nav-tabs > li > a {
            padding: 4px 6px;
            font-size: 11px;
        }

        .w-box-content .nav-tabs > li.active > a {
            background: #fff !important;
        }

        .w-box-content .nav-tabs > li > a:hover {
            border-color: #ddd #ddd transparent;
            background: transparent;
        }

    .w-box-content .tab-content {
        clear: both;
    }

    .w-box-content .tab-pane {
        padding: 0 10px 10px;
    }

.w-box-footer {
    border: 1px solid #ddd;
    padding: 8px 10px;
    background: #fdfdfd;
    border-top: none;
}

    .w-box-footer .pagination {
        margin: 0;
        font-size: 11px;
        height: 22px;
    }

        .w-box-footer .pagination a {
            line-height: 20px;
        }

.page-toolbar {
    background: #f5f8fa;
    border: 1px solid #ddd;
    padding: 4px;
    margin-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

/* sortable/searchable list */
.user_list {
    list-style: none;
    margin: 0;
}

    .user_list li {
        padding: 0 8px 8px;
        margin-bottom: 8px;
        border-bottom: 1px dashed #dcdcdc;
        line-height: normal;
    }

    .user_list small {
        font-size: 11px;
        color: #9b9b9b;
    }

/* file manager */
#kcfinder_iframe {
    height: 500px;
    margin-bottom: 30px;
    border: 1px solid #adaba9;
}

/* icon list */
.icon_list_a, .icon_list_b, .icon_list_c, .icon_list_d {
    list-style: none;
    margin: 0 0 30px;
}

    .icon_list_a li, .icon_list_b li, .icon_list_d li {
        padding: 4px 0;
        width: 30px;
        text-align: center;
        border: 1px solid #dcdcdc;
        float: left;
        margin: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    .icon_list_c li {
        padding: 4px 0;
        width: 40px;
        text-align: center;
        border: 1px solid #dcdcdc;
        float: left;
        margin: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

/* aditional icons */
.icon-adt_trash, .icon-adt_atach, .icon-adt_enter {
    background: url(../img/adt-icons.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
}

.icon-adt_atach {
    background-position: 0 0;
}

.icon-adt_trash {
    background-position: 0 -24px;
}

.icon-adt_enter {
    background-position: 0 -47px;
    width: 12px;
    height: 12px;
}

/* google maps */
.company_add_form legend {
    margin-bottom: 10px;
    font-size: 15px;
}

#g_map img {
    max-width: none;
}

#g_map label {
    display: inline;
    margin: 0;
    color: #000;
    font-size: 11px;
    line-height: normal;
}

/* gallery grid */
.wmk_grid > ul {
    list-style: none;
    margin: 0;
    position: relative;
}

    .wmk_grid > ul > li {
        background-color: #fff;
        display: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

        .wmk_grid > ul > li > a, .wmk_grid ul > li > a img {
            display: block;
        }

            .wmk_grid > ul > li > a img {
                width: 100%;
            }

        .wmk_grid > ul > li p {
            color: #666;
            font-size: 12px;
            margin: 8px 4px 2px;
            overflow: hidden;
        }

            .wmk_grid > ul > li p a {
                display: inline-block;
                margin-left: 10px;
                float: right;
                opacity: .6;
            }

                .wmk_grid > ul > li p a:hover {
                    opacity: 1;
                }

            .wmk_grid > ul > li p span {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: block;
            }

.wmk_grid .thumbnail:hover {
    border-color: #0088CC;
}

.wmk_grid .thumbnail > a {
    position: relative;
}

    .wmk_grid .thumbnail > a .vid_ico {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        width: 16px;
        height: 16px;
    }

.wmk_grid ul .self_vid .vid_ico {
    background: url(../img/vid_local.png) no-repeat 0 0;
}

.wmk_grid .yt_vid .vid_ico {
    background: url(../img/vid_yt.png) no-repeat 0 0;
}

.wmk_grid .vimeo_vid .vid_ico {
    background: url(../img/vid_vimeo.png) no-repeat 0 0;
}

/* small gallery grid */
#small_grid > ul > li {
    width: 120px;
}

    #small_grid > ul > li p {
        line-height: 1.3;
    }

        #small_grid > ul > li p span {
            font-size: 11px;
        }
/* large gallery grid */
#large_grid > ul > li, #mixed_grid > ul > li {
    width: 220px;
}

    #large_grid > ul > li p span {
        width: 70%;
    }

.video-container {
    position: relative;
    padding-bottom: 55.75%;
    height: 0;
    overflow: hidden;
    background: rgba(0,0,0,.3);
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#cboxContent .video-js {
    width: 640px !important;
    height: 360px !important;
}

/* datatables */
div.dataTables_length {
    text-align: left;
    float: left;
}

    div.dataTables_length select {
        width: 75px;
        height: 30px;
    }

div.dataTables_filter {
    text-align: right;
}

    div.dataTables_filter label {
        float: none;
    }

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

.dataTables_wrapper {
    position: relative;
    overflow: hidden;
}

    .dataTables_wrapper table.table {
        clear: both;
        margin-bottom: 6px !important;
        max-width: inherit;
    }

        .dataTables_wrapper table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled {
            cursor: hand;
            cursor: pointer;
        }

        .dataTables_wrapper table.table thead .sorting {
            background: #e9f3f8 url(../lib/datatables/images/sort_both.png) no-repeat center right;
        }

        .dataTables_wrapper table.table thead .sorting_asc {
            background: #e9f3f8 url(../lib/datatables/images/sort_asc.png) no-repeat center right;
        }

        .dataTables_wrapper table.table thead .sorting_desc {
            background: #e9f3f8 url(../lib/datatables/images/sort_desc.png) no-repeat center right;
        }

        .dataTables_wrapper table.table thead .sorting_asc_disabled {
            background: #e9f3f8 url(../lib/datatables/images/sort_asc_disabled.png) no-repeat center right;
        }

        .dataTables_wrapper table.table thead .sorting_desc_disabled {
            background: #e9f3f8 url(../lib/datatables/images/sort_desc_disabled.png) no-repeat center right;
        }

    .dataTables_wrapper table.dataTable th:active {
        outline: none;
    }

    .dataTables_wrapper .row {
        margin: 0 0 5px;
    }

    .dataTables_wrapper select {
        min-height: inherit;
    }

    .dataTables_wrapper table + .row {
        margin-bottom: 0;
        margin-top: 10px;
    }

.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .top, .dataTables_wrapper .bottom {
    background-color: #f5f5f5;
    border: 1px solid #CCC;
    padding: 15px;
}

.top .dataTables_info {
    float: none;
}

.dataTables_empty {
    text-align: center !important;
    font-size: 15px;
    background: #fff !important;
    padding: 20px 0 !important;
}

.dataTables_scroll {
    clear: both;
    margin-bottom: 10px;
}

.dataTables_scrollHeadInner table.table-bordered {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

    .dataTables_scrollHeadInner table.table-bordered, .dataTables_scrollHeadInner table.table-bordered thead {
        border-bottom: none;
    }

.dataTables_scrollBody table {
    border-top: none;
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    z-index: 100;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    border: 1px solid #ddd;
    text-align: center;
    color: #000;
    background: #fff;
    font-size: 15px !important;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    padding: 10px 0;
}

.dataTables_wrapper .center {
    text-align: center;
}

.dataTables_wrapper .details, .dataTables_wrapper .details:hover {
    background: #ddd !important;
}

    .dataTables_wrapper .details table td {
        background: #fff !important;
    }

    .dataTables_scrollHeadInner table.table, .dataTables_wrapper .details table.table {
        margin: 0 !important;
    }

.dataTables_wrapper .dt_actions {
    float: left;
    margin-right: 20px;
}

.dataTables_empty {
    cursor: default;
}

.dTableR {
    width: 100% !important;
}

.col_vis_menu {
    float: right;
}

.dataTables_paginate {
    height: auto;
}

/* floating header list */
.-list-container {
    height: 400px;
}

    .-list-container dd, .-list-container li, .-list-container .-list-fakeheader {
        list-style: none;
        margin: 0;
        padding: 0 10px;
        line-height: 34px;
        height: 34px;
        border-bottom: 1px solid #efefef;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .-list-container dt, .-list-container .list_heading, .-list-container .-list-fakeheader {
        line-height: 34px;
        height: 34px;
        padding: 0 10px;
        border-bottom: none;
        background: #f9f9f9;
        /*background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec));
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#ececec 100%);
        background: linear-gradient(top, #f9f9f9 0%,#ececec 100%);*/
        border-bottom: 1px solid #d6d6d6;
    }

        .-list-container .list_heading h3 {
            font-size: 13px;
            line-height: 36px;
        }

.-list-container {
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    overflow-x: hidden;
}

.ui-list {
    overflow: hidden;
}

    .ui-list ul {
        margin: 0;
    }

#list-buttons {
    margin: 0 0 6px;
}

    #list-buttons .btn {
        margin: 0 4px 4px 0;
    }

.list-outer {
    position: relative;
    padding: 30px 0;
}

.slide-nav {
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -28px;
    height: 14px;
    border-style: solid;
    border-color: #ccc;
    background: #f9f9f9;
    padding: 5px 20px;
}

.slide-up {
    top: 5px;
    border-width: 1px 1px 0;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.slide-down {
    bottom: 5px;
    border-width: 0px 1px 1px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.slide-nav i {
    opacity: .6;
}

.slide-nav:hover {
    background: #f0f0f0;
}

    .slide-nav:hover i {
        opacity: 1;
    }

/*  responsive table */
.mediaTableWrapper {
    position: relative;
}

.mediaTableWrapperWithMenu {
    padding-top: 48px;
}

.mediaTableMenu li, .tableMenu li {
    padding: 0 10px;
}

.mediaTableMenu {
    position: absolute;
    top: 0;
    left: 0;
}

.activeMediaTable th.optional, .activeMediaTable td.optional {
    display: none;
}

@media (min-width: 1280px) {
    .activeMediaTable th.optional, .activeMediaTable td.optional {
        display: table-cell;
        _display: block;
    }

    * + html .activeMediaTable th.optional, * + html .activeMediaTable td.optional {
        display: block;
    }
}

@media (min-width: 980px) {
    .sidebar_hidden .activeMediaTable th.optional, .sidebar_hidden .activeMediaTable td.optional {
        display: table-cell;
        _display: block;
    }

    * + html .sidebar_hidden .activeMediaTable th.optional, * + html .sidebar_hidden .activeMediaTable td.optional {
        display: block;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activeMediaTable th.optional, .activeMediaTable td.optional {
        display: table-cell;
        _display: block;
    }

    * + html .activeMediaTable th.optional, * + html .activeMediaTable td.optional {
        display: block;
    }
}

/* tables */
.table_checkbox {
    width: 13px;
}

.table_vam th, .table_vam td {
    vertical-align: middle;
}

.tab-content table.table {
    margin-bottom: 0 !important;
}

/* mailbox */
.mbox .heading {
    padding-bottom: 0;
}

    .mbox .heading .nav-tabs {
        margin-bottom: 0;
        border-bottom: none;
    }

.mbox .dataTables_wrapper .row {
    -webkit-box-shadow: inset 0px 1px 0px 0px #fefefe;
    box-shadow: inset 0px 1px 0px 0px #fefefe;
    margin: 0;
    padding-bottom: 10px;
    padding: 8px 5px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
    background: #f3f3f3;
}

    .mbox .dataTables_wrapper .row label {
        margin-bottom: 0;
        line-height: 28px;
    }

    .mbox .dataTables_wrapper .row div.dataTables_info {
        padding-top: 0;
        line-height: 26px;
        color: #404040;
    }

.dataTables_wrapper table.mbox_table {
    margin: 0 !important;
}

.mbox_table tbody {
    color: #404040;
}

.mbox_table .select_msg {
    margin-top: -2px;
    position: relative;
}

.mbox_table .rowChecked td {
    background: #fffeed;
}

.mbox .unread {
    font-weight: 700;
}

.js .mbox_star {
    display: none;
}

.mbox_star {
    visibility: hidden;
    cursor: pointer;
}

    .mbox_star.splashy-star_full {
        visibility: visible;
    }

.mbox .pagination a {
    background: #fff;
}

.mbox .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
    background: transparent;
}

.mbox .pagination .active a {
    background: #f5f5f5;
}

/* chat */
.chat_box select {
    margin: 0;
}

.chat_box .chat_content {
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.chat_box .chat_message {
    margin-bottom: 10px;
}

.chat_box .chat_editor_box {
    margin: 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    min-height: 40px;
}

.chat_box .chat_editor_heading {
    height: 20px;
    line-height: 20px;
    padding: 2px 8px 0;
}

.chat_box .chat_editor_box textarea {
    border: none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
}

.chat_box .chat_editor_box .send_btns {
    margin: 5px;
}

.chat_box .chat_heading {
    -webkit-box-shadow: inset 0px 1px 0px 0px #fefefe;
    box-shadow: inset 0px 1px 0px 0px #fefefe;
    font-size: 12px;
    font-weight: 700;
    color: #444;
    padding: 6px 12px;
    font-size: 13px;
    height: 21px;
    line-height: 22px;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

    .chat_box .chat_heading .chat_close {
        opacity: .8;
        cursor: pointer;
    }

.chat_box .msg_window {
    height: 300px;
    overflow-y: auto;
    margin: 5px 10px;
}

.chat_box .chat_msg {
    margin: 10px 5px;
}

    .chat_box .chat_msg .chat_msg_heading {
        font-size: 11px;
        padding: 0 5px;
    }

    .chat_box .chat_msg .chat_msg_body {
        padding: 4px 8px;
        border: 1px solid #ddd;
        background: #fafafa;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    .chat_box .chat_msg .chat_msg_date {
        float: right;
    }

    .chat_box .chat_msg .chat_user_name {
        color: #CC333F;
        font-weight: 700;
    }

    .chat_box .chat_msg p {
        margin: 0;
    }

.chat_box .chat_sidebar {
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

    .chat_box .chat_sidebar .chat_user_list {
        margin: 0;
    }

        .chat_box .chat_sidebar .chat_user_list li {
            list-style: none;
            border-bottom: 1px solid #e6e6e6;
            overflow: hidden;
        }

            .chat_box .chat_sidebar .chat_user_list li:last-child {
                border: none;
            }

            .chat_box .chat_sidebar .chat_user_list li input {
                float: left;
                margin: 15px 0 0 6px;
            }

            .chat_box .chat_sidebar .chat_user_list li a {
                display: block;
                margin-left: 16px;
                padding: 5px 20px 5px 12px;
                line-height: 32px;
            }

                .chat_box .chat_sidebar .chat_user_list li a:hover {
                    text-decoration: none;
                }

            .chat_box .chat_sidebar .chat_user_list li img {
                vertical-align: top;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                border-radius: 4px;
                margin-right: 5px;
                border: 1px solid #ddd;
            }

            .chat_box .chat_sidebar .chat_user_list li.online a {
                background: url(../img/bullet_green.png) no-repeat 98% center;
            }

            .chat_box .chat_sidebar .chat_user_list li.offline a {
                background: url(../img/bullet_red.png) no-repeat 98% center;
                cursor: default;
            }

            .chat_box .chat_sidebar .chat_user_list li.active {
                background-color: #ffffef;
            }

            .chat_box .chat_sidebar .chat_user_list li a span {
                color: #888;
                font-size: 11px;
            }

/*  Calculator */
#calc {
    padding: 10px 0 0;
}

    #calc input.btn {
        width: 44px;
        text-align: center;
    }

    #calc .control-group {
        padding-left: 12px;
    }

/* vcard */
.vcard .thumbnail {
    float: left;
}

.vcard > ul {
    list-style: none;
    margin: 10px 0 0 120px;
    overflow: hidden;
}

    .vcard > ul > li:first-child {
        border-top: 1px dashed #dcdcdc;
    }

    .vcard > ul > li {
        padding: 5px;
        border-bottom: 1px dashed #dcdcdc;
        overflow: hidden;
    }

.vcard .item-key {
    float: left;
    color: #888;
}

.vcard .vcard-item {
    margin-left: 120px;
}

.vcard .v-heading {
    background: #ebf2f6;
    font-weight: 700;
}

    .vcard .v-heading span {
        font-weight: 100;
        font-size: 11px;
        color: #666;
    }

.vcard .item-list-more, .vcard .thumbnail.item-list-more {
    display: none;
}

/* document view */
.doc_view {
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 10px;
}

    .doc_view .doc_view_header dl {
        margin-bottom: 0;
        -webkit-background-clip: border;
        -moz-background-clip: border-box;
        background-clip: border-box;
        background-color: #f8f8f8;
        padding: 10px 10px 6px;
        margin-top: 0;
        border-bottom: 1px solid #ddd;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .doc_view .doc_view_header dd {
        margin-bottom: 4px;
    }

    .doc_view .doc_view_header dd, .doc_view .doc_view_header dt {
        line-height: 20px;
    }

    .doc_view .doc_view_content {
        padding: 20px;
    }

    .doc_view .doc_view_footer {
        line-height: 28px;
        -webkit-background-clip: border;
        -moz-background-clip: border-box;
        background-clip: border-box;
        background-color: #f8f8f8;
        padding: 8px 20px;
        border-top: 1px solid #ddd;
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        -ms-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

/* sortable elements */
.ui-sortable-placeholder {
    border: 2px dashed #aaa;
    background: transparent;
    visibility: visible !important;
    height: 40px !important;
    margin-bottom: 20px;
}

.ui-sortable-helper {
    z-index: 2100 !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}

.ui-sortable {
    min-height: 40px !important;
}

    .ui-sortable .w-box-header {
        cursor: move;
    }

.sort-disabled .w-box-header {
    cursor: default;
}

.sort_ph {
    background: #f8f8f8;
}

/* submenus */

.caret-right {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 10px;
    width: 0;
    height: 0;
    vertical-align: top;
    border-left: 4px solid #000;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content: "";
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .sub-open {
    visibility: visible;
    display: block;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 5px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 6px;
    left: -6px;
}

.sub-dropdown > a:hover .caret-right, .sub-dropdown.active > a .caret-right, .sub-dropdown.active > a:hover .caret-right {
    border-left: 4px solid #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.navHover .dropdown-menu {
    display: block;
}

.navHover > a:after {
    display: block;
    width: 100%;
    content: '';
    height: 2px;
    position: absolute;
    bottom: -3px;
}

/* blog */
.blog_content .toolbar {
    border-width: 1px 0;
    border-style: dashed;
    border-color: #ddd;
    margin-bottom: 10px;
    padding: 4px 0;
}

.blog_content .toolbar-icons a {
    display: block;
    padding: 2px 4px;
    background: #777;
    margin-right: 4px;
    float: left;
}

.blog_content .toolbar .toolbar_text {
    font-size: 12px;
    line-height: 24px;
    padding: 0 5px;
}

.blog_content {
    padding: 10px;
}

    .blog_content .blog_item + .blog_item {
        margin-top: 30px;
    }

    .blog_content .blog_item + .pagination {
        margin-top: 40px;
    }

    .blog_content h1 {
        font-size: 26px;
        font-family: "PT Sans",sans-serif;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .blog_content .media + p {
        margin-top: 10px;
    }

    .blog_content .toolbar {
        padding: 4px;
        margin-bottom: 20px;
    }

/* to top */
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 0;
    overflow: hidden;
    width: 29px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(../img/ui.totop.png) no-repeat 0 0;
}

#toTopHover {
    background: url(../img/ui.totop.png) no-repeat 0 -32px;
    width: 29px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline: none;
}

/* backgrounds */
.ptrn_a .main_content {
    background-image: url(../img/bg_a.png);
}

.ptrn_b .main_content {
    background-image: url(../img/bg_b.png);
}

.ptrn_c .main_content {
    background-image: url(../img/bg_c.png);
}

.ptrn_d .main_content {
    background-image: url(../img/bg_d.png);
}

.ptrn_e .main_content {
    background-image: url(../img/bg_e.png);
}

/* Style switcher */
.ssw_trigger {
    position: fixed;
    top: 62px;
    right: -1px;
    z-index: 1001;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    width: 15px;
    padding: 2px 3px;
    background: #333;
    display: block;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid transparent;
}

    .ssw_trigger.active {
        border-color: #555;
    }

.style_switcher {
    font-size: 12px;
    z-index: 1000;
    position: fixed;
    top: 54px;
    right: 0;
    display: none;
    background: #000;
    background: rgba(0,0,0,.8);
    border: 1px solid #111;
    width: 180px;
    height: auto;
    padding: 30px 30px 30px 50px;
    color: #f5f5f5;
}

    .style_switcher p {
        margin: 0 0 6px;
        font-weight: 700;
    }

.style_item {
    display: block;
    margin-right: 6px;
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    float: left;
    text-indent: -9999px;
}

.style_switcher .ptrn_def {
    background: #fff;
}

.style_switcher .ssw_ptrn_a {
    background: #fff url(../img/bg_a.png);
}

.style_switcher .ssw_ptrn_b {
    background: #fff url(../img/bg_b.png);
}

.style_switcher .ssw_ptrn_c {
    background: #fff url(../img/bg_c.png);
}

.style_switcher .ssw_ptrn_d {
    background: #fff url(../img/bg_d.png);
}

.style_switcher .ssw_ptrn_e {
    background: #fff url(../img/bg_e.png);
}

.style_switcher .dark_theme {
    background: #000;
}

.style_switcher .blue_theme {
    background: #067ead;
}

.style_switcher .brown_theme {
    background: #b47f44;
}

.style_switcher .green_theme {
    background: #8da452;
}

.style_switcher .eastern_blue_theme {
    background: #1294af;
}

.style_switcher .tamarillo_theme {
    background: #af2c36;
}

.style_active {
    border-color: #6fd05b;
}

.style_switcher label {
    color: #fff;
}

/* jquery 1.8, bootstrap 2.1 */
body {
    font-size: 12px;
    line-height: 18px;
}

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

h3 {
    line-height: 27px;
    font-size: 18px;
}

label, input, button, select, textarea,
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
.btn {
    font-size: 12px;
}

.navbar .nav > li > a {
    text-shadow: none;
    padding: 9px 10px 11px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: none;
    color: #fff;
}

    .navbar .nav li.dropdown .dropdown-toggle .caret, .navbar .nav li.dropdown.open .caret,
    .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
        border-bottom-color: #fff !important;
        border-top-color: #fff !important;
    }

.nav .dropdown-toggle:hover .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* editable elements */
.editable-input .datepicker table tr td, .editable-input .datepicker table tr th {
    background: transparent;
}

/* invoice */
.invoice_heading {
    font-size: 32px;
    font-family: "PT Sans",sans-serif;
}

td.invoice_tar, th.invoice_tar {
    text-align: right;
}

/* media queries */

@media (min-width: 980px) {
    .sidebar {
        position: fixed;
        top: 40px;
        left: 0;
        margin-left: 0;
    }

    .navbar-fixed-top .nav-collapse {
        height: 40px !important;
    }

    .navbar .nav > li > a {
        padding-top: 10px;
    }
    /* fixed layout */
    .gebo-fixed {
        max-width: 940px;
        margin: 0 auto;
    }

        .gebo-fixed header .container-fluid {
            max-width: 940px;
            margin: 0 auto;
        }

        .gebo-fixed #maincontainer {
            border-right: 1px solid #ccc;
            border-left: 1px solid #ccc;
        }

        .gebo-fixed .sidebar {
            left: 50%;
            margin-left: -469px;
        }

        .gebo-fixed .sidebar_switch {
            left: 50%;
            margin-left: -250px;
        }

        .gebo-fixed.sidebar_hidden .sidebar_switch {
            margin-left: -465px;
            left: 50%;
        }

        .gebo-fixed .search_page .box_view .search_item {
            width: 48%;
            height: 210px;
            margin: 0 0 2% 2%;
        }

        .gebo-fixed .activeMediaTable th.optional, .gebo-fixed .activeMediaTable td.optional {
            display: none;
        }

        .gebo-fixed .brand {
            width: 120px;
        }

    .sidebar_right #maincontainer {
        background-image: url(../img/main_bg_right.gif);
        background-position: right 0;
    }

    .sidebar_right .sidebar {
        left: auto;
        right: -1px;
    }

    .sidebar_right .sidebar_switch {
        left: auto;
        right: 6px;
    }

    .sidebar_right .main_content {
        margin-right: 240px;
        margin-left: 0;
        border-left: none;
    }

    .sidebar_right.sidebar_hidden #maincontainer {
        background: #fff;
    }

    .sidebar_right.sidebar_hidden .main_content {
        margin: 0;
    }

    .gebo-fixed.sidebar_right .sidebar {
        left: auto;
        right: 50%;
        margin-left: 0;
        margin-right: -470px;
    }

    .gebo-fixed.sidebar_right .sidebar_switch {
        left: auto;
        right: 50%;
        margin-left: 0;
        margin-right: -465px;
    }

    .gebo-fixed.sidebar_hidden.sidebar_right .sidebar_switch {
        laeft: auto;
        margin-left: 0;
        margin-right: -465px;
        right: 50%;
    }

    .selectnav {
        display: none;
    }
}

@media (max-width: 1279px) {
    .search_page .box_view .search_item {
        width: 49%;
    }
}

@media (max-width: 979px) {
    #maincontainer {
        background: #fff;
    }

    .row > [class*="span"], .navbar-fixed-top {
        margin: 0 !important;
    }

        .navbar-fixed-top .container-fluid {
            padding: 0 !important;
        }

    .navbar .brand {
        width: auto;
        line-height: 18px;
        margin: 3px 0 6px 34px;
    }

    .navbar .user_menu {
        padding-top: 5px;
    }

        .navbar .user_menu .dropdown-menu {
            margin: 8px 10px 0 0;
        }

        .navbar .user_menu > li > a {
            padding: 0 10px 0 0;
        }

    .navbar-inner {
        position: relative;
        z-index: 990;
        min-height: 28px;
    }

    .nav-collapse a {
        color: #fff !important;
    }

    .nav-collapse .dropdown-menu li {
        padding: 0;
    }

        .nav-collapse .dropdown-menu li a {
            font-weight: 400;
        }

    .nav-collapse .sub-menu {
        display: block;
        left: 0;
        right: auto;
        position: relative;
        visibility: visible;
    }

    .nav-collapse .caret-right {
        display: none;
    }

    .btn-navbar {
        margin-top: 2px !important;
        padding: 2px 8px !important;
    }

    .user_menu .dropdown {
        margin-left: 10px;
    }

    .main_content {
        margin: 0 !important;
        border: none !important;
        padding: 28px 14px 20px;
    }

        .main_content .row-fluid + .row-fluid {
            margin-top: 10px;
        }

    .sidebar {
        height: 400px;
        position: absolute;
        top: 39px;
        left: 0;
        background: #f1f1f1;
        border-width: 0 1px;
        border-style: solid;
        border-color: #ccc;
        margin: 0;
        -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
        z-index: 1000;
        -webkit-border-radius: 0px 5px 5px 0px;
        border-radius: 0px 5px 5px 0px;
    }

        .sidebar:after {
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            content: "";
            display: inline-block;
            left: 15px;
            position: absolute;
            top: -6px;
        }

    .sidebar_hidden .sidebar {
        border: none;
    }

    .sidebar_switch {
        position: absolute;
        z-index: 1000;
        left: 5px !important;
        top: 14px;
        padding: 0 10px;
    }

    .off_switch {
        background-position: center 1px;
    }

    .on_switch {
        background-position: center -17px;
    }

    .sidebar_inner {
        padding-bottom: 0 !important;
    }

    div.sticky-queue {
        z-index: 10000;
        top: 0;
    }

    .btn_menu {
        display: block;
        clear: both;
        padding: 8px 0 6px;
        border-top: 1px solid rgba(255,255,255,.2);
        box-shadow: 0 -1px 0 rgba(0,0,0,.2);
        text-align: center;
        position: relative;
        top: 4px;
        cursor: pointer;
    }

        .btn_menu span {
            opacity: .8;
        }

    .ssw_trigger {
        display: none;
    }

    #mobile-nav {
        display: none;
    }

    .selectnav {
        margin-left: 20px;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .row-fluid > [class*="span"] + [class*="span"] {
        margin-top: 20px;
    }

    .row-fluid input[class*="span"], .row-fluid textarea[class*="span"], .row-fluid select[class*="span"] {
        width: 80%;
    }

    .input-prepend, .input-append {
        margin-bottom: 10px;
    }

    form .row-fluid > [class*="span"] + [class*="span"] {
        margin-top: 0;
    }

    .login_page .content_b {
        margin: 0 20px;
    }

    .search_page .box_view .search_item {
        width: 99%;
        margin-bottom: 3%;
    }

    .error_page .error_box {
        background: none;
        width: 100%;
    }

        .error_page .error_box h1 {
            padding: 40px 20px 0;
        }

        .error_page .error_box p {
            margin: 0 20px 10px;
        }

        .error_page .error_box .back_link {
            margin: 0 20px;
        }

    .style_switcher {
        display: none;
    }

    .dshb_icoNav {
        text-align: center;
    }

        .dshb_icoNav li {
            float: none;
            display: inline-block;
        }

    #cboxContent .video-js {
        width: 100% !important;
        height: 100% !important;
    }

    .vcard > .thumbnail {
        display: none;
    }

    .vcard > ul {
        margin: 0;
    }

    .item-list .thumbnail {
        float: none;
        display: inline-block;
        margin: 0 10px 10px 0;
    }

    .navbar .nav.pull-right {
        float: right;
    }

    .selectnav {
        margin: 5px auto 0;
        display: block;
        clear: both;
    }

    .dataTables_wrapper table + .row > div {
        text-align: left;
    }

        .dataTables_wrapper table + .row > div + div, .dataTables_wrapper .dataTables_scroll + .row > div + div {
            padding-top: 10px;
        }

    .dataTables_wrapper table + .row .dataTables_info {
        padding-top: 0;
    }

    .dataTables_wrapper table + .row .dataTables_info {
        padding-top: 0;
    }

    .dataTables_wrapper table + .row .dataTables_paginate, .dataTables_wrapper .dataTables_scroll + .row .dataTables_paginate {
        float: none;
    }
    /*div.dataTables_filter {text-align:left}*/
    div.DTTT.btn-group {
        margin-bottom: 5px;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .col_vis_menu {
        float: left;
    }

    .dataTables_wrapper {
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .blog_content .media > a {
        float: none;
        margin-bottom: 10px;
        display: block;
        margin-left: 0;
    }
}

@media (max-width: 479px) {
    .login_page .login_box {
        width: 100%;
    }

    .login_page .cnt_b {
        padding: 20px 0;
        width: 68%;
        margin: 0 auto;
    }

    .-list-container {
        height: 300px;
    }

    .ov_boxes li {
        padding: 0 2px;
    }

    .navbar .nav.pull-right {
        float: left;
        clear: both;
    }

    .selectnav {
        display: inline-block;
    }
}

@media (min-width: 1681px) {
    body {
        max-width: 1680px;
        margin: 0 auto;
    }

    header .container-fluid {
        max-width: 1640px;
        margin: 0 auto;
    }

    #maincontainer {
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .main_content {
        border-left: none;
    }

    .sidebar {
        left: 50%;
        margin-left: -839px;
    }

    .sidebar_switch {
        left: 50%;
        margin-left: -620px;
    }

    .sidebar_hidden .sidebar_switch {
        margin-left: -832px;
        left: 50%;
    }

    .sidebar_right .sidebar {
        right: 50%;
        margin-left: 0;
        margin-right: -840px;
    }

    .sidebar_right .sidebar_switch {
        left: auto;
        right: 50%;
        margin-left: 0;
        margin-right: -836px;
    }
}


/* Jacca Admin*/
.editable-checklist {
    min-width: 200px;
}

table.dataTable tr.even.row_selected td {
    background-color: #DDDDDD;
}

table.dataTable tr.odd.row_selected td {
    background-color: #CCCCCC;
}

/* Animated progress bar 2 (http ://workshop.rs/2012/12/animated-progress-bar-in-4-lines-of-jquery) */
.progressBar {
    border-radius: 5px;
    box-shadow: 0 0 5px #333;
    height: 22px;
    border: 1px solid #111;
    background-color: #292929;
    width: 100%;
}

    .progressBar div {
        height: 100%;
        color: #fff;
        text-align: right;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: #0099ff;
    }

.mystery-shopper .control-label {
    width: auto;
}

.mystery-shopper .controls {
    margin-left: 30px;
}

.accordion .response {
    border: 1px solid #ccc;
    padding: 4px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-top: 5px;
}


.tblLayout td {
    padding: 0;
    margin: 0;
    border: none;
    background: none !important;
}

tr.shiftRowHeading td {
    line-height: 24px;
    background-color: #ebf2f6 !important;
}

    tr.shiftRowHeading td:first-child {
        background-image: url(../img/acc_icons.png) !important;
        background-position: 10px 7px !important;
        background-repeat: no-repeat !important;
        cursor: pointer;
        padding-left: 30px;
    }

    tr.shiftRowHeading td.opened {
        background-position: 10px -39px !important;
    }

thead.centered th {
    text-align: center;
}

td.interactor-shift-cell:hover {
    background-color: #EBF2F6 !important;
}

.shiftWarning {
    background-color: #FFFFA3 !important;
}

.shiftError {
    background-color: #D95252 !important;
}

.shiftValid {
    background-color: #dff0d8 !important;
}

.form-fixed-bottom {
    position: fixed;
    bottom: -20px;
    width: 1078px;
    height: 15px;
    right: 0;
    left: 215px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.field-validation-error {
    color: #ffffff;
    background-color: #D95252;
    padding: 5px;
    border-radius: 3px;
    display: block;
    margin-top: 5px;
    max-width: 200px;
    float: left;
}

.field-warning {
    background-color: #FFFFA3;
    padding: 5px;
    border-radius: 3px;
    display: block;
    margin-top: 5px;
    max-width: 200px;
    float: left;
}

.well {
    margin-bottom: 10px;
}

/* table-ultra-condensed BEGIN */
.table-ultra-condensed th, .table-ultra-condensed td {
    padding: 0;
}

.table-ultra-condensed th, .table-ultra-condensed td {
    padding: 0 4px;
}

.table-ultra-condensed select {
    height: 28px;
}

.table-ultra-condensed select,
.table-ultra-condensed textarea,
.table-ultra-condensed input[type="text"],
.table-ultra-condensed input[type="password"],
.table-ultra-condensed input[type="datetime"],
.table-ultra-condensed input[type="datetime-local"],
.table-ultra-condensed input[type="date"],
.table-ultra-condensed input[type="month"],
.table-ultra-condensed input[type="time"],
.table-ultra-condensed input[type="week"],
.table-ultra-condensed input[type="number"],
.table-ultra-condensed input[type="email"], .table-ultra-condensed input[type="url"], .table-ultra-condensed input[type="search"], .table-ultra-condensed input[type="tel"], .table-ultra-condensed input[type="color"], .table-ultra-condensed .uneditable-input {
    padding: 2px 4px;
    margin-bottom: 2px;
}

/* table-ultra-condensed END */

.profilepic {
    width: 80px;
    float: left;
    max-height: 100px;
    padding: 0;
    margin-right: 10px;
}

.table-condensed .profilepic {
    width: 30px;
    height: 40px;
}

img.logo {
    max-height: 100px;
    padding: 5px;
}


/* DataTable - TableTools Orverride*/
.DTTT_PrintMessage {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 5px;
}

    .DTTT_PrintMessage input {
        font-size: 18px;
        line-height: 30px;
    }

@media print {
    .hideprint {
        display: none;
    }
}


/* Bootstrap Override*/
@media print {
    a[href]:after {
        content: none !important;
    }
}


/* Dashboard */
.tb_boxes {
    list-style: none;
    display: inline-block;
    margin: 0 0 -20px;
    text-align: center;
}

    .tb_boxes li {
        width: 100%;
        min-height: 80px;
        line-height: 18px;
        background: #f9f9f9;
        /*background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
        background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
        background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
        background: linear-gradient(top, #f9f9f9 0%,#ededed 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );
        border: 1px solid #e2e2e2;
        display: inline-block;
        margin-bottom: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    .tb_boxes .Jpoint_canvas {
        background-image: url(../img/JPoint.png);
        background-repeat: no-repeat;
        background-position-x: 9px;
        background-position-y: 9px;
        height: 80px;
        width: 80px;
        float: left;
        padding: 1px 1px 1px 1px;
    }

    .tb_boxes .Jfeedbacks_canvas {
        height: 50px;
        width: 95px;
        float: right;
        font-size: 18px;
        border-right: 1px solid #dcdcdc;
        border-left: 1px solid #dcdcdc;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        -moz-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff;
        padding: 30px 1px 1px 1px;
    }

    .tb_boxes .Jpositive_canvas {
        background-repeat: no-repeat;
        background-position: 2px;
        width: 95px;
        float: left;
        border-right: 1px solid #dcdcdc;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        -moz-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff;
        padding: 9px 1px 1px 1px;
        font-size: large;
        font-weight: normal;
        height: 29px;
        float: left;
        color: #97b440;
    }

    .tb_boxes .Jnegative_canvas {
        background-repeat: no-repeat;
        background-position: 2px;
        width: 95px;
        float: left;
        border-left: 1px solid #dcdcdc;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        -moz-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff;
        padding: 9px 1px 1px 1px;
        font-size: large;
        font-weight: normal;
        height: 29px;
        float: right;
        color: #bd4d49;
    }

    .tb_boxes .Jblue_canvas {
        background-repeat: no-repeat;
        background-position: 2px;
        width: 95px;
        float: left;
        border-left: 1px solid #dcdcdc;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        -moz-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff;
        padding: 9px 1px 1px 1px;
        font-size: large;
        font-weight: normal;
        height: 29px;
        float: right;
        color: #00aae3;
    }

    .tb_boxes .tp_canvas {
        background-image: url(../img/JPoint.png);
        height: 80px;
        width: 80px;
        margin-right: 8px;
        float: left;
        border-right: 1px solid #dcdcdc;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        -moz-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff;
        padding: 1px 1px 1px 1px;
    }

    .tb_boxes .tp_canvas {
        background-image: url(../img/JPoint.png);
        height: 80px;
        width: 80px;
        margin-right: 8px;
        float: left;
        border-right: 1px solid #dcdcdc;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        -moz-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff;
        padding: 1px 1px 1px 1px;
    }

    .tb_boxes .tp_canvas {
        background-image: url(../img/JPoint.png);
        height: 80px;
        width: 80px;
        margin-right: 8px;
        float: left;
        border-right: 1px solid #dcdcdc;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        -moz-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff;
        padding: 1px 1px 1px 1px;
    }

    .tb_boxes .tb_text {
        text-align: left;
        font-size: 12px;
        float: left;
        padding: 1px 1px 1px 1px;
    }

.tb_boxes_strong {
    padding-bottom: 0px;
    padding-top: 10px;
    padding-left: 0px;
    font-size: 55px;
    line-height: 50px;
    font-family: Helvetica;
    font-weight: bold;
}

.tb_boxes li a span {
    display: inline-block;
    padding-top: 30px;
    float: left;
    font-size: 11px;
    font-weight: bold;
}

.tb_analysisInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    height: 360px;
    border: 1px solid #e2e2e2;
    padding: 15px;
    background: #f9f9f9;
}

    .tb_analysisInfo .titleContainer {
        height: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: MontserratMedium500;
        font-size: 22px;
        line-height: 25px;
        align-items: center;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
    }

    .tb_analysisInfo .infoContainer {
        height: 90%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

        .tb_analysisInfo .infoContainer .doubleSetItem {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-evenly;
            width: 48.5%;
        }

            .tb_analysisInfo .infoContainer .doubleSetItem .itemTitle {
                font-size: 15px;
                padding: 5px;
                border: 1px solid #e2e2e2;
                border-radius: 4px;
            }

            .tb_analysisInfo .infoContainer .doubleSetItem .itemValue {
                font-size: 60px;
                line-height: 95px;
            }

    .tb_analysisInfo .separator {
        height: 70%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .tb_analysisInfo .infoContainer .singleSetItem {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-evenly;
        width: 100%;
    }

        .tb_analysisInfo .infoContainer .singleSetItem .itemTitle {
            font-size: 15px;
            padding: 5px;
            border: 1px solid #e2e2e2;
            border-radius: 4px;
        }

        .tb_analysisInfo .infoContainer .singleSetItem .itemValue {
            font-size: 135px;
            line-height: 135px;
        }

.tb_gray_background {
    background: darkslategray;
    color: #ffffff;
}

.tb_orange_background {
    background: #E34317;
    color: #ffffff;
}

.tb_green_background {
    background: #a2bb5d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYmI1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTNiYzVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjOGFiNjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk3YjQ0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #a2bb5d 0%, #a3bc5e 0%, #8ab66b 44%, #97b440 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2bb5d), color-stop(0%,#a3bc5e), color-stop(44%,#8ab66b), color-stop(100%,#97b440)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a2bb5d 0%,#a3bc5e 0%,#8ab66b 44%,#97b440 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a2bb5d 0%,#a3bc5e 0%,#8ab66b 44%,#97b440 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a2bb5d 0%,#a3bc5e 0%,#8ab66b 44%,#97b440 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a2bb5d 0%,#a3bc5e 0%,#8ab66b 44%,#97b440 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2bb5d', endColorstr='#97b440',GradientType=0 ); /* IE6-8 */
    color: #ffffff;
}

.tb_ngreen_background {
    background: #0BE3A3;
    color: #ffffff;
}

.tb_red_background {
    background: #c25f5d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyNWY1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDRkNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c25f5d 0%, #bd4d49 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c25f5d), color-stop(100%,#bd4d49)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c25f5d 0%,#bd4d49 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c25f5d 0%,#bd4d49 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c25f5d 0%,#bd4d49 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c25f5d 0%,#bd4d49 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c25f5d', endColorstr='#bd4d49',GradientType=0 ); /* IE6-8 */
    color: #ffffff;
}

.tb_blue_background {
    background: #00aae3;
    color: #ffffff;
}

.tb_magenta_background {
    background: #E3174B;
    color: #ffffff;
}

.tb_dashlist {
    width: 100%;
    min-height: 80px;
    line-height: 18px;
    background: #f9f9f9;
    /*background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%);
    background: linear-gradient(top, #f9f9f9 0%,#ededed 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );
    border: 1px solid #e2e2e2;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    max-height: 360px;
    overflow-y: auto;
}


    .tb_dashlist .lineItem {
        display: flex;
    }

.curvedTop {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.tb_dashlist .Jvalue {
    background-repeat: no-repeat;
    background-position: 2px;
    -webkit-box-shadow: 1px 0 0 0 #fff;
    -moz-box-shadow: 1px 0 0 0 #fff;
    box-shadow: 1px 0 0 0 #fff;
    padding: 9px 1px 1px 1px;
    font-size: large;
    font-weight: normal;
    height: 29px;
    color: darkslategray;
    width: 25%;
}

.tb_dashlist .Jcontent {
    padding: 10px 0px 6px 12px;
    font-size: 12px;
    font-weight: bold;
    border-right: 1px solid #dcdcdc;
    width: 75%;
}

    .tb_dashlist .Jcontent.w100 {
        width: 100%;
    }

    .tb_dashlist .Jcontent a {
        color: darkslategray;
    }

.tb_dashlist .tdwsidebtn_ltr {
    padding: 8px 4px 8px 12px;
    font-size: 15px;
    border-right: none;
    line-height: 23px;
    text-align: left;
    border-right: none;
}

.tb_dashlist .tdwsidebtn_rtl {
    padding: 8px 12px 8px 4px;
    font-size: 15px;
    border-right: none;
    line-height: 23px;
    text-align: right;
    border-right: none;
}

/*Accordion adjustments for Aspect Scores*/
.main_content .accordion-heading .accordion-toggle.tb {
    background-position: 1% 12px;
    padding-left: 30px;
}

.main_content .accordion-heading .accordion-toggle:hover.tb {
    background-color: #e5e5e5;
}

.main_content .accordion-heading .acc-in.tb {
    background-position: 98% -34px;
}


/*Report Headings and PDF Creation*/
/*Amcharts graphics*/


#piechartdiv {
    margin-top: 0px;
    height: 350px;
    width: 100%;
}

#piechartdivOlumsuz {
    margin-top: 0px;
    height: 350px;
    width: 100%;
}

#chartdiv {
    margin-top: 0px;
    height: 450px;
    width: 100%;
}

#chartdivKonu {
    margin-top: 0px;
    height: 450px;
    width: 650px;
    margin-left: 30px;
}

#chartdivKonu2 {
    margin-top: 0px;
    height: 550px;
    width: 650px;
    margin-left: 30px;
}

#chartdivPercent {
    width: 100%;
    height: 500px;
    font-size: 11px;
}

#chartdivPercent2 {
    width: 100%;
    height: 500px;
    font-size: 11px;
}

#chartdata {
    width: 900px;
    max-width: 100%;
    border: 2px solid #eee;
    border-top: none;
}

    #chartdata * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #chartdata table {
        width: 100%;
        border-collapse: collapse;
    }

        #chartdata table th,
        #chartdata table td {
            text-align: center;
            padding: 5px 7px;
        }

        #chartdata table th {
            background: #999;
            color: #fff;
        }

        #chartdata table td {
            border: 1px solid #eee;
        }

            #chartdata table td.row-title {
                font-weight: bold;
                width: 150px;
            }


/*Headings*/

.reportheading {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: MontserratMedium500;
}

.reportsubtitle {
    line-height: 40px;
    font-size: 36px;
    font-family: MontserratMedium500;
}

.tablecontent {
    font-size: 12px;
    font-weight: bold;
    font-family: MontserratMedium500;
}

.biggertext {
    font-size: 18px;
    text-align: center !important;
}

.greenfield {
    color: #00B050 !important;
}

.redfield {
    color: #C00000 !important;
}

.bluefield {
    color: #00aae3 !important;
}

.grayfield {
    color: #595959 !important;
}

/*Jacca Report Custom Checkbox and Radio Buttons*/
.switch-field {
    overflow: hidden;
}

.switch-title {
    margin-bottom: 6px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    float: left;
}

.switch-field label {
    display: inline-block;
    width: auto;
    background-color: ghostwhite;
    color: darkslategray;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border-radius: 4px 4px 4px 4px;
}

.switch-field.detail label {
    display: inline-block;
    width: 90%;
    background-color: ghostwhite;
    color: darkslategray;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    text-shadow: none;
    padding: 6px 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border-radius: 4px 4px 4px 4px;
}

    .switch-field.detail label span {
        font-size: 10px;
        padding: 2px 1px 2px 1px;
    }


.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #00aae3;
    color: ghostwhite;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    /*For different answer types a new class under label*/
    .switch-field input:checked + label.negative {
        background-color: #f83c32 !important;
    }

    .switch-field input:checked + label.positive {
        background-color: #00AB42 !important;
    }

    .switch-field input:checked + label.neutral {
        background-color: #00AB42 !important;
    }

    .switch-field input:checked + label.vaulter {
        background-color: darkorange !important;
    }

    .switch-field input:checked + label.auto {
        background-color: darkslategrey !important;
    }

.switch-field.detail input:checked + label {
    background-color: ghostwhite;
    color: darkslategray;
    border-style: dashed;
    border-width: thick;
    border-color: #00aae3;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-field.negative input:checked + label {
    background-color: #f83c32;
    color: ghostwhite;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-field.positive input:checked + label {
    background-color: #00AB42;
    color: ghostwhite;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-field.inprogress input:checked + label {
    background-color: #f5a42d;
    color: ghostwhite;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 4px 4px 4px 4px;
}

.switch-field label:last-of-type {
    border-radius: 4px 4px 4px 4px;
}


.custom-checkbox-field {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .custom-checkbox-field.boxed {
        line-height: 30px;
        font-weight: bold;
        border: 0.5px solid lightgray;
        border-radius: 4px;
    }

    .custom-checkbox-field.square {
        width: 39px;
        height: 75px;
        background-size: contain;
    }

    .custom-checkbox-field.boxed .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 30px;
        width: 30px;
        background-color: lightgray;
        border-radius: 2px;
    }

        .custom-checkbox-field.boxed .checkmark.bottomRight {
            top: unset;
            left: unset;
            bottom: 0;
            right: 0;
            background-color: black;
        }

/* Hide the browser's default checkbox */
.custom-checkbox-field {
    overflow: unset;
}

    .custom-checkbox-field input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.custom-checkbox-field:hover input ~ .checkmark {
    background-color: darkslategray;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox-field input:checked ~ .checkmark {
    background-color: #00aae3;
}

.custom-checkbox-field input[type="checkbox"]:indeterminate + .checkmark::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background-color: #333;
    transform: translate(-50%, -50%);
    border-radius: 1px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox-field input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox-field .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-checkbox-field.boxed .checkmark:after {
    left: 12px;
    top: 6px;
    width: 5px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-checkbox-tag {
    text-align: center;
    border: 1px solid #e5e5e5;
    width: 75px;
    margin: auto;
    margin-top: 0px;
    overflow: hidden;
    font-size: 12px;
}

    .custom-checkbox-tag .group-perf-info {
        font-size: 0.6em;
        padding: 4px 0px 4px 0px;
        border-top: 1px #f6f6f6 solid;
    }

.custom-checkbox-field .ipoint-perf-info {
    margin-right: 15px;
}

.btn.btn-iconlike {
    background-image: none !important;
    background-color: #fff;
    font-family: MontserratMedium500;
    width: 30px;
    text-shadow: none;
    padding: 4px;
    border: unset;
    margin-bottom: 4px;
}

.btn.btn-info.btn-flat {
    background-image: none !important;
    background-color: #00aae3;
    font-family: MontserratMedium500;
    font-weight: 700;
    min-width: 100px;
    text-shadow: none;
    margin-bottom: 5px;
}

    .btn.btn-info.btn-flat.btn-black {
        background-color: #000000;
        color: #ffffff;
    }

    .btn.btn-info.btn-flat.delete {
        background-color: #ee2424;
        color: #ffffff;
    }

    .btn.btn-info.btn-flat.btn-toggle {
        margin-bottom: 0px;
        margin-top: 10px;
    }

.btn.btn-info.btn-wide {
    width: 250px;
}

.imageThumbnail {
    border: solid 1px #c3c3c3;
    width: 75px;
    height: 75px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.imageThumbnailLabel {
    border: 1px solid #c3c3c3;
    width: 75px;
    font-size: 10px;
    text-align: center;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.editMenuSubmit {
    background-color: green !important;
}

.sideMenuSubmit {
    background-color: green !important;
}

.bulkSubmit {
    background-color: green !important;
}

.iconContainer {
    height: 17px;
    width: 17px;
    background: ghostwhite;
    border: 1px solid #c3c3c3;
}

.btn.btn-info.btn-centered {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    margin-top: 5px;
}

.btn.minibtn_ltr {
    float: right;
    line-height: 10px;
    padding: 4px 10px !important;
    margin-right: 5px;
}

.btn.minibtn_rtl {
    float: left;
    line-height: 10px;
    padding: 4px 10px !important;
    margin-left: 5px;
}

.centered {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 8px !important;
    width: 85%;
}

    .centered.boxed {
        margin-top: 8px;
        border: 1px solid lightgray;
        padding-top: 4px !important;
    }

.star-ratings-sprite {
    background: url(../img/star-rating-sprite.png) repeat-x;
    font-size: 0;
    height: 21px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 110px;
    margin: 0 auto;
}

.star-ratings-sprite-rating {
    background: url(../img/star-rating-sprite.png) repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display: block;
}

/*Jacca Report Views Bootstrap and Gebo Applicable Design - biggest to smallest*/
.jraccordion-group {
    min-height: 60px !important;
    font-family: MontserratMedium500;
    color: darkslategray;
    list-style-type: none;
    margin-left: 0px;
}

.jraccordion-heading {
    background: #00aae3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 50px;
    color: white;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    font-family: MontserratMedium500;
}

    .jraccordion-heading.dark {
        padding-left: 15px;
        background: darkslategray;
    }

    .jraccordion-heading.edit {
        margin-left: 15px;
        margin-right: 15px;
    }

        .jraccordion-heading.edit input {
            width: 75%;
            font-family: MontserratMedium500;
            font-weight: bold;
            font-size: 14px;
        }

        .jraccordion-heading.edit a {
            float: right;
            background-image: none;
            background-color: #e9f3f8;
            width: 5%;
            margin-top: 10px;
        }

.jraccordion-group .accordion-inner {
    min-height: 30px;
    font-size: 12px;
    font-weight: bold;
    background: #f1f1f1;
}

    .jraccordion-group .accordion-inner b {
        font-size: 16px;
        float: left;
        margin-top: 10px;
        margin-right: 10px;
        color: white;
        background: #00aae3;
        border-radius: 16px;
        padding-right: 12px;
        padding-left: 12px;
        padding-top: 8px;
        padding-bottom: 6px;
    }

@media (min-width: 980px) {
    .jraccordion-group .accordion-inner {
        min-height: 30px;
        font-size: 14px;
    }
}

@media (max-width: 1279px) {
    .jraccordion-group .accordion-inner {
        min-height: 30px;
        font-size: 14px;
    }
}

@media (max-width: 979px) {
    .jraccordion-group .accordion-inner {
        min-height: 30px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .jraccordion-group .accordion-inner {
        min-height: 30px;
        font-size: 12px;
    }
}

@media (max-width: 479px) {
    .jraccordion-group .accordion-inner {
        min-height: 30px;
        font-size: 10px;
    }
}

@media (min-width: 1681px) {
    .jraccordion-group .accordion-inner {
        min-height: 30px;
        font-size: 14px;
    }
}

.filter-float-select {
    float: left;
    width: 300px;
    margin-right: 20px;
}

.filter-float-button {
    float: left;
    max-width: 200px;
    margin-right: 20px;
}

/*Custom color selector*/
.colorBlock {
    display: block;
    width: 35px;
    height: 30px !important;
    float: left;
}

.colorHexBlock {
    display: block;
    width: 55px;
    float: left;
    font-size: 10px;
}

.dynamicColorBlock {
    display: block;
    width: 35px;
    height: 30px !important;
    float: left;
}

.dynamicColorHexBlock {
    display: block;
    width: 55px;
    float: left;
    font-size: 10px;
}

/*Splashy buttons for table*/
.rowEditBtnRight {
    float: right;
    background-image: none;
    background-color: #e9f3f8;
    max-height: 23px;
}

.rowEditBtnLeft {
    float: left;
    background-image: none;
    background-color: #e9f3f8;
    max-height: 23px;
}


/*Nested Accordion for menu and menu editor*/
.menuEditorHeading {
    text-align: left;
    padding: 12px;
    padding-bottom: 0px;
    color: black;
    background: #00aae3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 50px;
    font-size: 18px;
    line-height: 50px;
    font-family: MontserratMedium500;
}

.menuEditorFormContainer {
    background-color: #c3e3f3;
    display: none;
    padding: 8px;
}

    .menuEditorFormContainer.boxed {
        border: 1px solid #c3c3c3;
    }

    .menuEditorFormContainer.white {
        background-color: ghostwhite;
    }

    .menuEditorFormContainer.lightblue {
        background-color: aliceblue;
    }

    .menuEditorFormContainer label.formLabel {
        font-size: 14px;
        min-height: 32px;
        margin-bottom: 4px;
        padding-bottom: 4px;
        border-bottom: 1px dashed #c5c5c5;
        line-height: 30px;
    }

        .menuEditorFormContainer label.formLabel.dark {
            color: darkslategray;
        }

    .menuEditorFormContainer label {
        font-weight: 600;
    }

.menuEditorForm {
    margin-bottom: 10px;
}

.sectionsHolder {
    padding: 12px;
    background: #f2f2f2;
}

.infoContainer {
    padding: 12px;
    background: #ffffff;
    border: 1px solid #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .infoContainer.header {
        font-size: 12px;
        align-items: center;
        padding: 10px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: white;
        background-color: darkslategray;
        text-align: center;
    }

    .infoContainer.darkBorders {
        border: 1px solid darkslategray;
    }

    .infoContainer .infoItem {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #e5e5e5;
        align-items: center;
    }

        .infoContainer .infoItem.first {
            padding-top: 0px;
        }

        .infoContainer .infoItem.last {
            border-bottom: none;
        }

        .infoContainer .infoItem.boxed {
            border: 1px solid #e5e5e5;
            padding-left: 5px;
            padding-right: 5px;
        }

.menuEditorAccordion {
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    border: 1.5px solid #ffffff;
    background: #efefef;
    color: #000000;
    border-radius: 4px;
    font-size: 13px;
    outline: none;
    transition: 0.4s;
    margin-bottom: 0px;
    font-family: MontserratMedium500;
}

    .menuEditorAccordion .threebtn {
        min-width: 100px;
    }

    .menuEditorAccordion .twobtn {
        min-width: 80px;
    }

    .menuEditorAccordion.category {
        background: #F5F5F5;
        color: #000000;
    }

    .menuEditorAccordion.product {
        background: #FFFFFF;
        color: darkslategray;
        border: 1px solid #F5F5F5;
    }

    .menuEditorAccordion.button {
        background: #FFFFFF;
        color: darkslategray;
        border: 1px solid #F5F5F5;
    }

.menuEditorAccordionPanel {
    padding-left: 5px;
}

    .menuEditorAccordionPanel .product {
        background: #FFFFFF;
        color: darkslategray;
        border: 1px solid #F5F5F5;
        cursor: pointer;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        display: flex;
        justify-content: space-between;
        border-radius: 4px;
        font-size: 13px;
        outline: none;
        transition: 0.4s;
        margin-bottom: 0px;
        font-family: MontserratMedium500;
    }

    .menuEditorAccordionPanel .twobtn {
        min-width: 80px;
    }

    .menuEditorAccordionPanel .threebtn {
        min-width: 100px;
    }

.menuEditorAccordion .sectionName {
    font-size: 16px;
    line-height: 35px;
}

.menuEditorAccordionPanel .category .cName {
    font-size: 14px;
}

.menuEditorAccordionPanel .category .cDescription {
    font-size: 12px;
    line-height: 14px;
}

.menuEditorAccordionPanel .product .pName {
    font-size: 12px;
    font-weight: bold;
}

.menuEditorAccordionPanel .product .pDescription {
    font-size: 10px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.menuEditorAccordionPanel .product .productImageContainer {
    padding-right: 15px;
    max-width: 75px;
}

    .menuEditorAccordionPanel .product .productImageContainer .productImage {
        height: 40px;
        width: 40px;
        background-size: contain;
    }

.menuEditorAccordionPanel a {
    border: solid 0.5px #B3B3B3;
    text-align: center;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
    margin-right: auto;
    margin-left: auto;
    padding-top: 4px;
}

.menuEditorAccordionPanel p {
    width: 80%;
    margin: 0px;
    padding-top: 5px;
}

.flexStart {
    display: flex;
    justify-content: flex-start;
}

    .flexStart.wrap {
        flex-wrap: wrap;
    }

    .flexStart.column {
        flex-direction: column;
    }

.textInputBox {
    max-width: 180px;
}

.numberInputBox {
    max-width: 50px;
}

    .numberInputBox.narrow {
        width: 30px;
    }

.flexBetween {
    display: flex;
    justify-content: space-between;
}

    .flexBetween.wrap {
        flex-wrap: wrap;
    }

    .flexBetween .f90 {
        width: 90%;
    }

    .flexBetween .f80 {
        width: 80%;
    }

    .flexBetween .f70 {
        width: 70%;
    }

    .flexBetween .f60 {
        width: 60%;
    }

    .flexBetween .f50 {
        width: 50%;
    }

    .flexBetween .f40 {
        width: 40%;
    }

    .flexBetween .f30 {
        width: 30%;
    }

    .flexBetween .f20 {
        width: 20%;
    }

    .flexBetween .f10 {
        width: 10%;
    }

.boxedInstruction {
    align-items: center;
    padding: 8px;
    border: 0.2px solid #e5e5e5;
    border-radius: 6px;
    margin-bottom: 5px;
}

.menuEditorFormContainer .createProduct .custom-checkbox-field {
    width: 125px;
}

.menuEditorFormContainer .editProduct .custom-checkbox-field {
    width: 125px;
}

.menuEditorFormContainer .checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.mb10 {
    margin-bottom: 10px !important;
}

.imagePreviewWrapper {
}

.imagePreview {
    width: 110px;
    height: 110px;
    display: block;
    margin: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.galleryImagePreview {
    width: 110px;
    height: 110px;
    display: block;
    margin: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.croppieFilePicker {
    display: none;
}


.imageSwitcherContainer {
    display: flex;
    justify-content: flex-start;
}

    .imageSwitcherContainer .imageSwitcher {
        padding: 8px;
        padding-left: 0px;
    }

        .imageSwitcherContainer .imageSwitcher label {
            display: flex;
            justify-content: space-between;
            border: 1px solid #F3F3F3;
            padding-right: 8px;
            padding-left: 5px;
            padding-bottom: 1px;
            background: white;
            font-weight: normal;
            border-radius: 4px;
        }

    .imageSwitcherContainer .thumbnails {
        padding: 8px;
        background: darkgrey;
        border-radius: 4px;
        border: 1px solid #e4e4e4;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .imageSwitcherContainer .thumbnails .thumbnail {
            width: 100px;
            height: 200px;
        }

.imageGalleryContainer {
    display: none;
}

.imageGallery {
    max-height: 350px;
    overflow-y: auto;
    background: #c3e3f3;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

    .imageGallery.sticky {
        position: sticky;
        position: -webkit-sticky;
        bottom: 1px;
        z-index: 5;
    }

    .imageGallery .imageBox {
        display: block;
        width: 75px;
        height: 75px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .imageGallery .imageBox-large {
        display: block;
        width: 200px;
        height: 200px;
        background-size: contain;
    }

/*Admin menu*/
.centeredControlGroup {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 400px;
}

.menuAccordion {
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    border: 1.5px solid #ffffff;
    background: #efefef;
    color: #000000;
    border-radius: 4px;
    font-size: 13px;
    outline: none;
    transition: 0.4s;
    margin-bottom: 0px;
    font-family: MontserratMedium500;
}

    .menuAccordion.category {
        background: #F5F5F5;
        color: #000000;
    }

    .menuAccordion.product {
        background: #FFFFFF;
        color: darkslategray;
        border: 1px solid #F5F5F5;
    }

    .menuAccordion.button {
        background: #FFFFFF;
        color: darkslategray;
        border: 1px solid #F5F5F5;
    }

.menuAccordionPanel {
    padding-left: 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

    .menuAccordionPanel .product {
        background: #FFFFFF;
        color: darkslategray;
        border: 1px solid #F5F5F5;
        cursor: pointer;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        display: flex;
        justify-content: space-between;
        border-radius: 4px;
        font-size: 13px;
        outline: none;
        transition: 0.4s;
        margin-bottom: 0px;
        font-family: MontserratMedium500;
    }

    .menuAccordionPanel a {
        border: solid 0.5px #B3B3B3;
        text-align: center;
        text-decoration: none;
        color: #818181;
        display: block;
        transition: 0.3s;
        margin-right: auto;
        margin-left: auto;
        padding-top: 4px;
    }

.menuAccordion p {
    width: 80%;
    margin: 0px;
    padding-top: 5px;
}

.menuAccordionAddgBtn {
    font-size: 12px;
    min-width: unset;
    padding: 5px;
    border: 2.5px dashed black;
    margin: 0px;
    background-color: unset !important;
    color: black;
    width: 100%;
}

/*Data List input to look like input field*/
.dataListAutoComplete {
    border-radius: 3px;
    padding: 4px 6px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}

/*JaccaReports*/
.reportInfo {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0px !important;
}

    .reportInfo.positive {
        color: #00AB42 !important;
    }

    .reportInfo.negative {
        color: #f83c32 !important;
    }

    .reportInfo.neutral {
        color: #00AB42 !important;
    }

    .reportInfo.vaulter {
        color: darkorange !important;
    }

    .reportInfo.auto {
        color: darkorange !important;
    }


/*CUSTOM INTRO RELATED*/
/*.custIMainA
{
    
    height: 100vh;
    max-height: -webkit-fill-available;
    
    background-color:#fff;
    display:flex;

}

.custIMainB
{
    
    height: 100vh;
    max-height: -webkit-fill-available;
    
    background-color:#fff;
    background-repeat:repeat;
    background-position:center;
    background-image:unset;
    display:flex;
}*/

.custIItemContainer {
    display: flex;
    flex-direction: column;
}

/*Recommendation Settings Related*/
/*Recommendations*/
.modalExample {
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 600px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 0px 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
    margin: auto;
    line-height: initial;
}

.slideinExample {
    width: 640px;
    height: 360px;
    margin: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid lightgray;
    font-size: 35px;
    z-index: 3;
    margin: auto;
    line-height: initial;
}

.bannerlikeExample {
    width: 590px;
    height: 200px;
    margin: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid lightgray;
    font-size: 35px;
    z-index: 3;
    margin: auto;
    line-height: initial;
}

.productfocusExample {
    width: 500px;
    display: flex;
    justify-content: space-around;
    margin: auto;
    line-height: initial;
    border: 0.5px solid #e5e5e5;
    background: #ffffff;
}

    .productfocusExample .addbtn {
        width: 40px;
        padding: 35px 40px 35px 0px;
        display: flex;
    }
/*Items in menu for recommendation and menu style steup*/
/*Menu Category and Item Display*/
ul.menu {
    clear: both;
    background-color: #fff;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    ul.menu li {
        display: flex;
        background-image: url(/images/list-separator.png);
        background-repeat: no-repeat;
        background-position: bottom;
        width: 100%;
    }

        ul.menu li.menuCategory {
            background: unset;
            border-bottom: 1px solid #E5E5E5;
        }

            ul.menu li.menuCategory .categoryName {
                font-weight: 700;
                padding-top: 13px;
                padding-bottom: 13px;
            }

            ul.menu li.menuCategory .menuName {
                font-weight: 700;
                padding-top: 13px;
                padding-bottom: 13px;
            }

            ul.menu li.menuCategory .categoryDescription {
                font-weight: 100;
                font-size: 15px;
                padding-bottom: 13px;
            }

        ul.menu li.product.plainListSideAligned {
        }

        ul.menu li.product.plainListCentered {
        }

        ul.menu li.product.imageSideAligned {
        }

        ul.menu li.product.imageRightAligned {
        }

        ul.menu li.product.bubbleListSideAligned {
            border-radius: 15px;
            margin: 15px 10px 0px 10px;
        }

        ul.menu li.product.bubbleListCentered {
            border-radius: 15px;
            margin: 15px 10px 0px 10px;
        }

        ul.menu li.product.bubbleImageSideAligned {
            border-radius: 15px;
            margin: 15px 10px 0px 10px;
        }

        ul.menu li.product.bubbleImageRightAligned {
            border-radius: 15px;
            margin: 15px 10px 0px 10px;
        }

        ul.menu li.product a.plainListSideAligned {
        }

        ul.menu li.product a.plainListCentered {
        }

        ul.menu li.product a.imageSideAligned {
        }

        ul.menu li.product a.imageRightAligned {
            flex-direction: row-reverse;
        }

        ul.menu li.product a.bubbleListSideAligned {
        }

        ul.menu li.product a.bubbleListCentered {
        }

        ul.menu li.product a.bubbleImageSideAligned {
        }

        ul.menu li.product a.bubbleImageRightAligned {
            flex-direction: row-reverse;
        }

    ul.menu a, ul.menu .a {
        display: flex;
        position: relative;
        width: 100%;
        text-decoration: none;
        color: #000000;
    }

.menuItemColumn {
    /*Determine width programatically. width: 28%;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    float: left;
}

    .menuItemColumn.alignment {
        text-align: left;
    }

    .menuItemColumn.alignment-rtl {
        text-align: right;
    }

    .menuItemColumn.imgColumn {
        padding: 20px 20px;
    }

        .menuItemColumn.imgColumn.plainListSideAligned {
            width: 0;
            display: none;
        }

        .menuItemColumn.imgColumn.bubbleListCentered {
            width: 0;
            display: none;
        }

        .menuItemColumn.imgColumn.imageSideAligned {
            /*width: 28%;*/
        }

        .menuItemColumn.imgColumn.imageRightAligned {
            /*width: 28%;*/
        }

        .menuItemColumn.imgColumn.bubbleListSideAligned {
            width: 0;
            display: none;
        }

        .menuItemColumn.imgColumn.plainListCentered {
            width: 0;
            display: none;
        }

        .menuItemColumn.imgColumn.bubbleImageSideAligned {
            /*width: 28%;*/
        }

        .menuItemColumn.imgColumn.bubbleImageRightAligned {
            /*width: 28%;*/
        }

    .menuItemColumn.descColumn {
        padding: 20px 5px;
    }

        .menuItemColumn.descColumn.plainListSideAligned {
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }

        .menuItemColumn.descColumn.plainListCentered {
            width: 100%;
            text-align: center;
            display: block;
        }

        .menuItemColumn.descColumn.imageSideAligned {
            /*width: 72%;*/
            padding-right: 20px;
        }

        .menuItemColumn.descColumn.imageRightAligned {
            /*width: 72%;*/
            padding-left: 30px;
            padding-right: 20px;
            flex: 1;
        }

        .menuItemColumn.descColumn.bubbleListSideAligned {
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }

        .menuItemColumn.descColumn.bubbleListCentered {
            width: 100%;
            text-align: center;
            display: block;
        }

        .menuItemColumn.descColumn.bubbleImageSideAligned {
            /*width: 72%;*/
            padding-right: 20px;
        }

        .menuItemColumn.descColumn.bubbleImageRightAligned {
            /*width: 72%;*/
            padding-left: 30px;
            padding-right: 20px;
            flex: 1;
        }

    .menuItemColumn.btnColumn {
        color: green;
        width: 7%;
        font-size: 23px;
        font-weight: 900;
    }

        .menuItemColumn.btnColumn.plainListSideAligned {
        }

        .menuItemColumn.btnColumn.plainListCentered {
        }

        .menuItemColumn.btnColumn.imageSideAligned {
        }

        .menuItemColumn.btnColumn.imageRightAligned {
        }

        .menuItemColumn.btnColumn.bubbleListSideAligned {
        }

        .menuItemColumn.btnColumn.bubbleListCentered {
        }

        .menuItemColumn.btnColumn.bubbleImageSideAligned {
        }

        .menuItemColumn.btnColumn.bubbleImageRightAligned {
        }

    .menuItemColumn .itemName {
        font-size: 30px;
        font-weight: 600;
    }

        .menuItemColumn .itemName.plainListSideAligned {
            max-width: 380px;
        }

        .menuItemColumn .itemName.plainListCentered {
        }

        .menuItemColumn .itemName.imageSideAligned {
        }

        .menuItemColumn .itemName.imageRightAligned {
        }

        .menuItemColumn .itemName.bubbleListSideAligned {
            max-width: 380px;
        }

        .menuItemColumn .itemName.bubbleListCentered {
        }

        .menuItemColumn .itemName.bubbleImageSideAligned {
        }

        .menuItemColumn .itemName.bubbleImageRightAligned {
        }

    .menuItemColumn .itemDescription {
        font-size: 23px;
        padding-top: 10px;
        padding-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .menuItemColumn .productContent {
        font-weight: 800;
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .menuItemColumn .itemPrice {
        font-size: 25px;
        font-weight: 800;
    }

        .menuItemColumn .itemPrice.alignment {
            right: 50px;
        }

        .menuItemColumn .itemPrice.alignment-rtl {
            left: 50px;
        }

        .menuItemColumn .itemPrice.plainListSideAligned {
            position: absolute;
            top: 25px;
        }

        .menuItemColumn .itemPrice.plainListCentered {
            padding-top: 10px;
        }

        .menuItemColumn .itemPrice.imageSideAligned {
            padding-top: 10px;
        }

        .menuItemColumn .itemPrice.imageRightAligned {
            padding-top: 10px;
        }

        .menuItemColumn .itemPrice.bubbleListSideAligned {
            position: absolute;
            top: 25px;
        }

        .menuItemColumn .itemPrice.bubbleListCentered {
            padding-top: 10px;
        }

        .menuItemColumn .itemPrice.bubbleImageSideAligned {
            padding-top: 10px;
        }

        .menuItemColumn .itemPrice.bubbleImageRightAligned {
            padding-top: 10px;
        }

.aligner {
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .aligner.titleAligner {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .alignerItem.fixed {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%;
    }

    .alignerItem.title {
        width: 100%;
    }


.slidein {
    right: 0;
    width: 100%;
    top: 0;
    position: fixed;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid lightgray;
    font-size: 35px;
    z-index: 3;
}

.recommendationLink {
    display: inline-block;
    text-decoration: none;
    height: 100%;
    width: 100%;
}

    .recommendationLink div {
        display: flex;
    }

    .recommendationLink .fillcontainer {
        height: 100%;
        display: flex;
    }

    .recommendationLink .tall {
        height: 500px;
        display: flex;
    }

    .recommendationLink .medium {
        height: 400px;
        display: flex;
    }

    .recommendationLink .short {
        height: 300px;
        display: flex;
    }

    .recommendationLink .row {
        flex-direction: row;
        align-items: center;
    }

    .recommendationLink .rreverse {
        flex-direction: row-reverse;
        align-items: center;
    }

    .recommendationLink .col {
        flex-direction: column;
        align-items: center;
    }

    .recommendationLink .plcstart {
        justify-content: flex-start;
        align-items: center;
    }

    .recommendationLink .plcstartleft {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .recommendationLink .plcstartright {
        justify-content: flex-start;
        align-items: flex-end;
    }

    .recommendationLink .plccenter {
        justify-content: center;
        align-items: center;
    }

    .recommendationLink .plccenterleft {
        justify-content: center;
        align-items: flex-start;
    }

    .recommendationLink .plccenterright {
        justify-content: center;
        align-items: flex-end;
    }

    .recommendationLink .plcend {
        justify-content: flex-end;
        align-items: center;
    }

    .recommendationLink .plcendleft {
        justify-content: flex-end;
        align-items: flex-start;
    }

    .recommendationLink .plcendright {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .recommendationLink .transbox {
        border-radius: 4px;
    }

    .recommendationLink .etiquette {
        /*background-color: #9a165b;
        color: #ffffff;*/
        z-index: -1;
        transform: rotate(-5deg);
        margin: 14px;
    }

    .recommendationLink .blenddifference {
        mix-blend-mode: difference;
        background-color: unset !important;
    }

    .recommendationLink .solidbox {
    }

    .recommendationLink .textshadow {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
        background-color: unset !important;
    }

    .recommendationLink .w100 {
        width: 96%;
        padding-right: 2% !important;
        padding-left: 2% !important;
    }

    .recommendationLink .w90 {
        width: 90%;
    }

    .recommendationLink .w80 {
        width: 80%;
    }

    .recommendationLink .w70 {
        width: 70%;
    }

    .recommendationLink .w60 {
        width: 60%;
    }

    .recommendationLink .w50 {
        width: 50%;
    }

    .recommendationLink .w40 {
        width: 40%;
    }

    .recommendationLink .w30 {
        width: 30%;
    }

    .recommendationLink .w20 {
        width: 20%;
    }

    .recommendationLink .w10 {
        width: 10%;
    }

    .recommendationLink .h100 {
        height: 96%;
        padding-top: 2% !important;
        padding-bottom: 2% !important;
    }

    .recommendationLink .h90 {
        height: 90%;
    }

    .recommendationLink .h80 {
        height: 80%;
    }

    .recommendationLink .h70 {
        height: 70%;
    }

    .recommendationLink .h60 {
        height: 60%;
    }

    .recommendationLink .h50 {
        height: 50%;
    }

    .recommendationLink .h40 {
        height: 40%;
    }

    .recommendationLink .h30 {
        height: 30%;
    }

    .recommendationLink .h20 {
        height: 20%;
    }

    .recommendationLink .h10 {
        height: 10%;
    }

    .recommendationLink .p30 {
        padding: 30px;
    }

    .recommendationLink .p20 {
        padding: 20px;
    }

    .recommendationLink .p10 {
        padding: 10px;
    }

    .recommendationLink .txtcnth {
        text-align: center;
    }

    .recommendationLink .txtcntv {
        display: flex;
        align-items: center;
    }

    .recommendationLink .txtcnthv {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
    }


.productfocus {
    justify-content: space-around;
}

    .productfocus .addbtn {
        width: 40px;
        padding: 35px 40px 35px 0px;
        display: flex;
    }

.productfocusRecHeadline {
    width: 100%;
    margin-top: 20px;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    border-bottom: 0.5px solid #c5c5c5;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #e5e5e5;
}

.form-actions.stickyForm {
    position: sticky;
    bottom: 0px;
    background: #ffffff;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

/*JaccaLoader*/
.j-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    border: 0;
    height: 100%;
    width: 100%;
}

    .j-loader .j-icon-loading {
        /*background-color: #000;*/
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        margin: 0;
        width: 2.75em;
        height: 2.75em;
        padding: .0625em;
        -webkit-border-radius: 2.25em;
        border-radius: 2.25em;
        background-image: url(/img/ajax-loader.gif);
        background-repeat: no-repeat;
        background-position: center;
    }

/*Translations - menu unit types*/
.iptmenugroup_name {
    color: black;
    font-size: 20px;
    font-weight: 600;
}

.iptmenu_name {
    font-weight: 600;
    color: black;
    font-size: 18px;
}

.iptmenu_description {
    color: black;
    font-size: 18px;
}

.iptmenuproductcategory_name {
    font-weight: 600;
    color: darkslategray;
    font-size: 15px;
}

.iptmenuproductcategory_description {
    color: darkslategray;
    font-size: 15px;
}

.iptmenuproduct_name {
    color: dimgray;
    font-size: 12px;
    font-weight: 600;
}

.iptmenuproduct_description {
    color: dimgray;
    font-size: 12px;
}

.iptmenuproduct_contentdetails {
    color: dimgray;
    font-size: 11px;
}

/*ads*/
.formLabel {
    font-size: 14px;
    min-height: 32px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px dashed #c5c5c5;
    line-height: 30px;
    font-weight: 600;
}

    .formLabel.dark {
        color: darkslategray;
    }

.menuEditorFormContainer label {
    font-weight: 600;
}

.action_message {
    margin: 5px 0px;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 12px;
    border: 1px solid #e5e5e5;
    color: #000000;
    border-radius: 5px;
}

    .action_message.strong {
        font-weight: 600;
    }

    .action_message.warning {
        background-color: #f2dede;
        border-color: #e83131;
    }

    .action_message.information {
        background-color: #f6f6df;
        border-color: #fafa6b;
    }

    .action_message.calltoaction {
        background-color: #c3e3f3;
        border-color: #68cbfc;
    }

    .action_message.fullwidth {
        width: 100%;
    }

    .action_message.positive {
        background-color: #dff0d8;
        border-color: #31bf31;
    }

    .action_message.smalltext {
        font-size: 1em;
        line-height: 1.2em;
    }

    .action_message .smalltext {
        font-size: 0.8em;
        line-height: 1em;
    }

    .action_message.centered {
        text-align: center;
    }

    .action_message.smallpadding {
        padding: 5px;
    }

    .action_message .instruction {
        margin-bottom: 12px;
    }

    .action_message.short {
        width: fit-content;
    }

.googlemap {
    height: 250px;
    width: 100%;
}

/*Payments*/
.card-background {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 55px;
}

.card-back-background {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 55px;
}

.has-error {
    border: 1.5px solid #a94442;
}

.personalInfo {
    font-size: 12px;
    font-weight: 700;
    color: darkslateblue;
    text-decoration: underline;
}

.specialtyTag {
    font-family: NotoSansLight300;
    font-size: 18px;
    display: inline-block;
    background: #ff2400;
    color: white;
    padding: 6px 10px;
    border-radius: 5px;
    margin-right: 5px;
}

.specialtyTagIcon {
    /*width:70px;*/
    display: inline-block;
    margin-right: 5px;
}

/*Hierarchy checkboxes*/
/* General Styles for the Hierarchy List */
.hierarchy-list {
    list-style: none; /* Remove default bullets */
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

/* Styling List Items */
.hierarchy-item {
    margin: 5px 0;
    padding-left: 20px;
    position: relative;
}

/* Compact Indentation for Nested Lists */
.hierarchy-sublist {
    list-style: none; /* Remove default bullets */
    margin: 5px 0 5px 20px; /* Add compact left indentation for child lists */
    padding: 0;
    border-left: 1px solid #ddd; /* Vertical line to indicate hierarchy */
}

/* Custom Checkboxes */
.hierarchy-checkbox,
.hierarchy-subcheckbox {
    position: absolute;
    left: 0; /* Align with the label */
    top: 2px;
    width: 20px !important; /* Increase default width */
    height: 20px; /* Increase default height */
    cursor: pointer;
    appearance: none;
    border: 2px solid #999;
    border-radius: 4px;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box; /* Ensure proper box dimensions */
    margin: 0px !important;
}

    .hierarchy-checkbox:checked,
    .hierarchy-subcheckbox:checked {
        border-color: #4CAF50;
        background-color: #4CAF50;
        box-shadow: 0 0 4px rgba(0, 128, 0, 0.5);
    }

        .hierarchy-checkbox:checked::after,
        .hierarchy-subcheckbox:checked::after {
            content: "✔";
            display: block;
            color: white;
            font-size: 12px;
            text-align: center;
            line-height: 20px; /* Adjust to match the increased height */
        }

/* Styling Labels */
.hierarchy-item label {
    cursor: pointer;
    margin-left: 22px; /* Reduced space for a tighter layout */
    color: #555;
    font-weight: 500;
    transition: color 0.2s ease-in-out;
    margin-left: 10px;
    margin-bottom: 0px;
}

    .hierarchy-item label:hover {
        color: #4CAF50;
    }

/* Highlight Parent Items */
.hierarchy-checkbox + label {
    font-weight: bold;
}

/* Responsive Design */
@media (max-width: 600px) {
    .hierarchy-list {
        font-size: 12px;
    }

    .hierarchy-checkbox,
    .hierarchy-subcheckbox {
        width: 16px;
        height: 16px;
    }

        .hierarchy-checkbox:checked::after,
        .hierarchy-subcheckbox:checked::after {
            font-size: 10px;
            line-height: 16px;
        }
}

.category-header {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toggle-button {
    cursor: pointer;
    font-size: 12px;
    color: #007bff;
}
/*popupcontainer*/
.popup-container {
    position: absolute; /* Not fixed, so it moves with the page */
    background: rgba(0, 0, 0, 0.85);
    color: white;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 9999; /* Ensure it appears above all elements */
    max-width: 250px;
    display: none;
    text-align: left;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

    .popup-container ul {
        margin: 5px 0;
        padding-left: 15px;
    }

    .popup-container li {
        list-style: square;
    }

.d-none {
    display: none !important;
}

/* =========================
   DASHBOARD BASE LAYOUT
   ========================= */
.dashboard-action-strip {
    margin-bottom: 10px;
    font-size: 14px;
    color: darkslategray;
    padding:5px 10px 0px 5px;
}

.dashboard-breadcrumb-link {
    color: darkslategray;
    text-decoration: none;
    cursor: pointer;
}

    .dashboard-breadcrumb-link:hover {
        text-decoration: underline;
    }

    .dashboard-breadcrumb-link.active {
        font-weight: 600;
        color: darkblue;
        cursor: default;
    }

.dashboard-action-strip .sep {
    padding: 0 6px;
    color: #999;
}

/* Mobile */
@media (max-width: 768px) {
    .dashboard-action-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

        .dashboard-action-strip .sep {
            display: none;
        }
}

.dashboard-panel {
    display: none;
}

    .dashboard-panel.active {
        display: block;
    }

.dashboard-nav-link {
    position: relative; /* anchor for badge */
    display: block;
    padding-top: 48px; /* assuming icon above text */
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 32px 32px;
}

    /* Badge */
    .dashboard-nav-link .nav-badge {
        position: absolute;
        top: 6px;
        right: 6px;
        min-width: 20px;
        height: 24px;
        padding: 0 5px;
        background: darkslategray;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
        border-radius: 5px;
        box-shadow: 0 0 0 2px #fff; /* white ring like iOS */
        text-shadow: unset !important;
    }

/* MAIN DASHBOARD*/
.dashboard-card,
.dashboard-kpi-card {
    box-sizing: border-box;
}

/* Cards should not overflow their cell */
.dashboard-card {
    background: #fff;
    border: 1px solid #e6e6e6; /* same as KPI */
    border-radius: 12px; /* same as KPI */
    padding: 14px 14px 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
}
.dashboard-card-header {
    font-size: 14px; /* ⬅ match KPI */
    font-weight: 700; /* ⬅ match KPI */
    margin-bottom: 14px;
    color: #111;
}
/* =========================
   KPI ROW (KEEP FLEX)
   - 3 across on desktop
   - 2 across on tablet (optional)
   - 1 across on mobile
   ========================= */

.dashboard-kpi-row {
    display: flex;
    gap: 12px;
    margin: 12px 0 18px 0;
    flex-wrap: wrap; /* 🔑 prevents squeeze/break */
}

.dashboard-kpi-card {
    flex: 1 1 calc(33.333% - 8px); /* 3 cards per row */
    min-width: 260px; /* prevents becoming too narrow */
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 14px 14px 10px 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

@media (max-width: 1024px) {
    .dashboard-kpi-card {
        flex: 1 1 calc(50% - 6px); /* 2 per row */
    }
}

@media (max-width: 640px) {
    .dashboard-kpi-card {
        flex: 1 1 100%; /* 1 per row */
        min-width: 0;
    }
}

/* KPI internals (keep yours, just safe defaults) */
.dashboard-kpi-card-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.dashboard-kpi-metric {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border-top: 1px dashed #eee;
}

    .dashboard-kpi-metric:first-of-type {
        border-top: none;
    }

.dashboard-kpi-metric-label {
    font-size: 12px;
    color: #666;
    line-height: 1.2;
}

.dashboard-kpi-metric-values {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 8px;
}

.dashboard-kpi-metric-value {
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.dashboard-kpi-metric-change {
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    color: #2e7d32;
}

    .dashboard-kpi-metric-change.negative {
        color: #c62828;
    }



/* =========================
   CONTENT SLOTS INSIDE CARDS
   IMPORTANT: do NOT center charts with flex
   (centering can cause shrink / odd sizing)
   ========================= */

.dashboard-card .chart-container,
.dashboard-card .table-container {
    width: 100%;
    display: block; /* 🔑 don’t center/shrink */
}

.dashboard-card .item-container {
    width: 100%;
}

/* If report-content-renderer uses .chart-box */
.dashboard-card .chart-box {
    width: 100%;
    height: 260px; /* dashboard standard height */
    max-width: 100%;
}


/* =========================
   HEATMAP: MUST FIT, NO SCROLL
   Email-safe sizing via CSS variables
   ========================= */

/* One place to tune sizing */
.dashboard-card {
    --hm-rowLabel: 40px;
    --hm-gap: 5px;
    --hm-cellH: 30px;
    --hm-font: 11px;
}

/* Slightly tighter on mobile */
@media (max-width: 640px) {
    .dashboard-card {
        --hm-rowLabel: 34px;
        --hm-gap: 5px;
        --hm-cellH: 30px;
        --hm-font: 10px;
    }
}

/* ============================================================
   Heatmap (Generic, Dashboard + Report + Email Safe)
   ============================================================ */

.hm-wrapper {
    width: 100%;
    overflow: hidden;
}

/* Heatmap: fixed row label column */
.hm-grid {
    display: grid;
    gap: var(--hm-gap, 6px);
    align-items: center;
    /* 🔑 1st col = row labels, rest = value columns */
    grid-template-columns: var(--hm-rowLabel, 34px) repeat(var(--hm-cols, 4), 1fr);
    margin-bottom:15px;
}

.hm-corner {
    width: 100%;
}

.hm-col-header {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    color: #555;
}

/* Make row labels compact */
.hm-row-header {
    width: var(--hm-rowLabel, 34px);
    max-width: var(--hm-rowLabel, 34px);
    text-align: right;
    padding-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    font-weight: 600;
    font-size:11px;
}

.hm-cell {
    height: 23px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.04);
    font-size: 11px;
    font-weight: 600;
    color: #4e342e;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hm-cell[data-value="0"] {
        opacity: 0.85;
    }
.hm-legend {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-size: 11px;
    font-weight: 600;
    color: #666;
}

.hm-legend-bar {
    height: 10px;
    border-radius: 999px;
    background: linear-gradient( 90deg, rgb(255,247,237), rgb(255,224,178), rgb(255,183,77), rgb(255,138,101), rgb(244,67,54) );
}

.hm-legend-min,
.hm-legend-max {
    white-space: nowrap;
}

/* =========================
   Generic Dashboard Table
   ========================= */

.db-generic-table {
    width: 100%;
}

/* ---------- Header ---------- */

.db-gt-header {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    color: #37474f;
}

.db-gt-col {
    min-width: 48px;
    text-align: right;
    font-size: 12px;
    color: #546e7a;
}

/* ---------- Rows ---------- */

.db-gt-row {
    display: flex;
    align-items: center;
    padding: 3px 0;
    border-bottom: 1px solid #eee;
}

    .db-gt-row:last-child {
        border-bottom: none;
    }

/* ---------- Label ---------- */

.db-gt-label {
    flex: 1;
    font-weight: 500;
    color: #263238;
    padding-right: 8px;
}

/* ---------- Values ---------- */

.db-gt-values {
    display: flex;
    gap: 14px;
}

.db-gt-value {
    min-width: 48px;
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    color: #263238;
}


/* Prevent any accidental layout blowups */
.dashboard-card * {
    max-width: 100%;
}
.dashboard-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

/* =========================
   Dashboard Rows (ONLY GRID SYSTEM)
   ========================= */

.dashboard-row {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

    /* Desktop */
    .dashboard-row.dashboard-grid--1 {
        grid-template-columns: 1fr;
    }

    .dashboard-row.dashboard-grid--2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-row.dashboard-grid--3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

/* Tablet */
@media (max-width: 1024px) {
    .dashboard-row.dashboard-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 640px) {
    .dashboard-row.dashboard-grid--2,
    .dashboard-row.dashboard-grid--3 {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   EXPORT PORTRAIT 
   ========================================= */

.export-portrait .empty-section,
.export-portrait .dashboard-loading {
    min-height: 220px;
}

.export-portrait .overview-comparison {
    flex-direction: column;
}

.export-portrait .overview-center {
    margin: 10px 0;
}

.export-portrait .dashboard-row:not(:last-child) {
    margin-bottom: 32px; 
}

/* ==============================
   EXPORT PORTRAIT – KPI CARDS
   ============================== */

.export-portrait .dashboard-kpi-card {
    min-height: 260px; /* was visually ~180 */
    padding: 18px 20px;
    box-sizing: border-box;
}

.export-portrait .dashboard-kpi-card-title {
    font-size: 16px; /* was ~13–14 */
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 1.35;
}
.export-portrait .dashboard-kpi-metric {
    margin-bottom: 12px; /* was too tight */
}
.export-portrait .dashboard-kpi-metric-label {
    font-size: 13px;
    line-height: 1.45;
    opacity: 0.85;
}
.export-portrait .dashboard-kpi-metric-value {
    font-size: 18px; /* 🔑 bigger number */
    font-weight: 700;
    line-height: 1.3;
}
.export-portrait .dashboard-kpi-metric-change {
    font-size: 13px;
    margin-left: 6px;
    line-height: 1.3;
}


/* ==============================
   EXPORT MODE – TABLE UPSCALE
   ============================== */
.export-scale-table .db-generic-table {
    font-size: 14px; /* was ~12 */
}

.export-scale-table .db-gt-row {
    padding-top: 8px;
    padding-bottom: 8px;
}

.export-scale-table .db-gt-label {
    line-height: 1.6;
}

.export-scale-table .db-gt-value {
    line-height: 1.6;
}

/* ==============================
   EXPORT MODE – HEATMAP UPSCALE
   ============================== */

.export-scale-heatmap .hm-wrapper {
    padding-top: 6px;
}

.export-scale-heatmap .hm-grid {
    row-gap: 6px;
    column-gap: 6px;
}

/* Column headers */
.export-scale-heatmap .hm-col-header {
    font-size: 13px;
    font-weight: 600;
    padding: 8px 6px;
    line-height: 1.4;
}

/* Row headers */
.export-scale-heatmap .hm-row-header {
    font-size: 13px;
    font-weight: 600;
    padding: 8px 6px;
    line-height: 1.4;
    white-space: nowrap;
}

/* Heatmap cells */
.export-scale-heatmap .hm-cell {
    min-height: 42px; /* 🔑 makes rows taller */
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Legend */
.export-scale-heatmap .hm-legend {
    margin-top: 14px;
}

.export-scale-heatmap .hm-legend-min,
.export-scale-heatmap .hm-legend-max {
    font-size: 12px;
}