/*CSS Reset*/
body {
    font-family: Calibri,'Trebuchet MS';
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    vertical-align: baseline;
    list-style: none;
}

strong {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-weight: bold;
}

em {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-style: italic;
}

input[type=checkbox], input[type=radio] {
    margin-right: 5px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    min-height: 100%;
    position: relative;
    height: 100%;
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    background: #F5F6F8 !important;
    font-family: Calibri,'Trebuchet MS';
    line-height: 1.42857143;
    font-size: 14px;
    /*background-image: url(/Images/background_site.jpg) !important;
    background-size: 100% !important;
    background-attachment: fixed !important;*/
    z-index: 998;
    height: 100%;
    margin-top: -1px;
}

@font-face {
    font-family: Calibri;
    src: url(../Content/bootstrap/fonts/Calibri/Calibri.ttf);
}

@font-face {
    font-family: Glyphicons Halflings;
    src: url(../Content/bootstrap/fonts/glyphicons-halflings-regular.woff);
}

textarea {
    font-family: Calibri,'Trebuchet MS';
    color: #404040;
    background: #ffffff !important;
    outline: 0 none;
    border: 1px solid #bdbdbd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    page-break-after: auto;
}

tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

td {
    page-break-inside: avoid;
    page-break-after: auto;
}

thead {
    display: table-header-group;
}

tfoot {
    display: table-footer-group;
}

*, *:after, *:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    cursor: pointer;
    color: #666;
}

    a:hover, a:visited, a:link, a:active {
        text-decoration: none;
    }

aside {
    display: block;
    min-height: 100%;
    position: fixed;
    left: 0;
    top: 104px;
    z-index: 1004;
}

.left {
    float: left !Important;
}

.right {
    float: right !Important;
}

.invalid {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #3d9bc6 !important;
}

label.invalidVal {
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #3d9bc6;
}

label.required:after {
    content: "*";
    color: red;
    font-family: auto;
}

/*---------- left menu -------------*/
nav ul.menu {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    font-size: 15px;
    line-height: 0.5em;
    list-style: none outside none;
    position: relative;
}

    nav ul.menu li.menu-item {
        overflow: hidden;
        text-align: center;
        /*margin-bottom: 3px;*/
    }

        nav ul.menu li.menu-item a {
            line-height: normal;
            font-size: 15px;
            padding: 0 0 0 1px;
            color: #000000;
            display: block;
            font-weight: 400;
            text-decoration: none !important;
            position: relative;
            /*border-bottom: 1px solid #000000;*/
        }

            nav ul.menu li.menu-item a:hover {
                color: #b1cf4b;
            }

            nav ul.menu li.menu-item a.menu-item {
                background-size: 65%;
                background-position: 10px;
                width: 100%;
                height: 80px;
            }

            nav ul.menu li.menu-item a.menuTrackboard {
                background-image: url(/Images/mainMenu/trackboardMenu.svg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 90%;
            }

            nav ul.menu li.menu-item a.menuReports {
                background-image: url(/Images/mainMenu/reportsMenu.svg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 80%;
            }

            nav ul.menu li.menu-item a.menuSettings {
                background-image: url(/Images/mainMenu/settingsMenu.svg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 68%;
            }

            nav ul.menu li.menu-item a.menuForms {
                background-image: url(/Images/mainMenu/formsMenu.svg);
                background-repeat: no-repeat;
                background-position: 12px center;
                background-size: 80%;
            }

            nav ul.menu li.menu-item a.menuInventory {
                background-image: url(/Images/mainMenu/inventoryMenu.svg);
                background-repeat: no-repeat;
                background-position: 12px center;
                background-size: 80%;
            }

            nav ul.menu li.menu-item a.menuCustomers {
                background-image: url(/Images/mainMenu/customersMenu.svg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 90%;
            }

    nav ul.menu span.menu-item-parent {
        line-height: 14px;
        display: inline-block;
        padding-top: 1px;
        /*margin: 43px 0 0 0;
        padding: 0;*/
    }

    nav ul.menu li.menu-item:hover ul.sub-menu {
        display: block !important;
    }

nav ul.sub-menu {
    display: none;
    width: 150px;
    background-color: #FFF;
    position: fixed;
    left: 115px;
    margin-top: -100px;
}

nav ul.sub-menu {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #b0b7ba;
}

    nav ul.sub-menu li.sub-menu-item {
        background-color: #fff;
        padding: 2px 0 4px 0;
        text-align: left;
        z-index: 1003;
        height: 30px;
        border-bottom: 1px solid #b0b7ba;
    }

        nav ul.sub-menu li.sub-menu-item a.sub-menu-item {
            padding: 4px;
            cursor: pointer;
        }


#left-panel {
    /*position: absolute;
    top: 0;
    left: 0;
    z-index: 999;*/
    /*width: 112px;
    padding-top: 8px;
    /*background: #e9e9e9;*/
    /*background-image: url(/Images/menu/menuAsideBackground.JPG);*/
    margin-left: 15px;
}

    #left-panel li.menu-item a.menu-item {
        width: 80px !important;
        background-color: #7fba00;
        margin-bottom: 20px;
        border-radius: 15px;
        box-shadow: 0px 0px 5px 1px #767777;
        height: 80px;
        margin-left: 2px;
        margin-top: 2px;
    }

        #left-panel li.menu-item a.menu-item:hover {
            width: 80px !important;
            background-color: #7fba00;
        }

    #left-panel li.menu-item.selected a.menu-item {
        width: 80px !important;
    }

.menu-icon {
    width: 80px;
    min-height: 80px;
    /*background-size: contain;*/
    /*background-color: #ffffff;*/
    float: left;
    display: inline-block;
    background-position: 8px center;
    background-size: 86px 60px;
    background-repeat: no-repeat;
}

    .menu-icon:hover {
        /*color: #b1cf4b !important;
        border-right: 2px solid #ffffff;
        border-top: 1px solid #b0b7ba;
        border-bottom: 1px solid #b0b7ba;*/
    }

    .menu-icon.selected {
        /*border-right: 2px solid #ffffff;
        border-top: 1px solid #b0b7ba;
        border-bottom: 1px solid #b0b7ba;
        background-color: white;*/
    }

        .menu-icon.selected.checked {
            width: 110px;
        }

    .menu-icon.rightBorder {
        border-right: none;
    }

    .menu-icon.selected span:before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 8px;
        margin-right: 2px;
        background-color: #b1cf4b !important;
    }

    .menu-icon.menuEquipments {
        background-image: url(/Images/menu/records1.png);
        background-position: 15px center;
    }

        .menu-icon.menuEquipments:hover {
            background-image: url(/Images/menu/records2.png);
        }

        .menu-icon.menuEquipments.selected {
            background-image: url(/Images/menu/records2.png);
        }

    .menu-icon.menuTechnicians {
        background-image: url(/Images/menu/menuTechnicians.png);
    }

        .menu-icon.menuTechnicians:hover {
            background-image: url(/Images/menu/menuTechnicians-sel.png);
        }

        .menu-icon.menuTechnicians.selected {
            background-image: url(/Images/menu/menuTechnicians-sel.png);
        }

    .menu-icon.menuReports {
        background-image: url(/Images/menu/menuReports.png);
    }

        .menu-icon.menuReports:hover {
            background-image: url(/Images/menu/menuReports-sel.png);
        }

        .menu-icon.menuReports.selected {
            background-image: url(/Images/menu/menuReports-sel.png);
        }

    .menu-icon.menuSettings {
        background-image: url(/Images/menu/menuSettings.png);
    }

        .menu-icon.menuSettings:hover {
            background-image: url(/Images/menu/menuSettings-sel.png);
        }

        .menu-icon.menuSettings.selected {
            background-image: url(/Images/menu/menuSettings-sel.png);
        }

    .menu-icon.menuClients {
        background-image: url(/Images/menu/menuClients.png);
    }

        .menu-icon.menuClients:hover {
            background-image: url(/Images/menu/menuClients-sel.png);
        }

        .menu-icon.menuClients.selected {
            background-image: url(/Images/menu/menuClients-sel.png);
        }

    .menu-icon.menuCatalog {
        background-image: url(/Images/menu/menuCatalogs.png);
    }

        .menu-icon.menuCatalog:hover {
            background-image: url(/Images/menu/menuCatalogs-sel.png);
        }

        .menu-icon.menuCatalog.selected {
            background-image: url(/Images/menu/menuCatalogs-sel.png);
        }

    .menu-icon.menuJobs {
        background-image: url(/Images/menu/menuJobs.png);
        background-position: 10px center;
    }

        .menu-icon.menuJobs:hover {
            background-image: url(/Images/menu/menuJobs-sel.png);
        }

        .menu-icon.menuJobs.selected {
            background-image: url(/Images/menu/menuJobs-sel.png);
        }

    .menu-icon.manuAdminEquipment {
        background-image: url(/Images/menu/menuAdminEquipment.png);
    }

        .menu-icon.manuAdminEquipment:hover {
            background-image: url(/Images/menu/menuAdminEquipment-sel.png);
        }

        .menu-icon.manuAdminEquipment.selected {
            background-image: url(/Images/menu/menuAdminEquipment-sel.png);
        }

    .menu-icon.menuAdminClients {
        background-image: url(/Images/menu/menuAdminClients.png);
    }

        .menu-icon.menuAdminClients:hover {
            background-image: url(/Images/menu/menuAdminClients-sel.png);
        }

        .menu-icon.menuAdminClients.selected {
            background-image: url(/Images/menu/menuAdminClients-sel.png);
        }

    .menu-icon.menuAdminContent {
        background-image: url(/Images/menu/menuAdminContent.png);
    }

        .menu-icon.menuAdminContent:hover {
            background-image: url(/Images/menu/menuAdminContent-sel.png);
        }

        .menu-icon.menuAdminContent.selected {
            background-image: url(/Images/menu/menuAdminContent-sel.png);
        }

    .menu-icon.menuAdminReports {
        background-image: url(/Images/menu/menuAdminReports.png);
    }

        .menu-icon.menuAdminReports:hover {
            background-image: url(/Images/menu/menuAdminReports-sel.png);
        }

        .menu-icon.menuAdminReports.selected {
            background-image: url(/Images/menu/menuAdminReports-sel.png);
        }

    .menu-icon.menuAdminUsers {
        background-image: url(/Images/menu/menuAdminUsers.png);
    }

        .menu-icon.menuAdminUsers:hover {
            background-image: url(/Images/menu/menuAdminUsers-sel.png);
        }

        .menu-icon.menuAdminUsers.selected {
            background-image: url(/Images/menu/menuAdminUsers-sel.png);
        }

    .menu-icon.menuAdminSettings {
        background-image: url(/Images/menu/menuAdminSettings.png);
    }

        .menu-icon.menuAdminSettings:hover {
            background-image: url(/Images/menu/menuAdminSettings-sel.png);
        }

        .menu-icon.menuAdminSettings.selected {
            background-image: url(/Images/menu/menuAdminSettings-sel.png);
        }

    .menu-icon.menuApparatus {
        background-image: url(/Images/menu/menuApparatus.png);
        margin-left: 5px;
    }

        .menu-icon.menuApparatus:hover {
            background-image: url(/Images/menu/menuApparatus-sel.png);
        }

        .menu-icon.menuApparatus.selected {
            background-image: url(/Images/menu/menuApparatus-sel.png);
        }

/*---------- end left menu -------------*/

.headerPage {
    background-color: transparent;
    position: fixed !important;
    /*left: 0;*/
    /*top: 0;
    right: 0;*/
    z-index: 999;
    /*background: url(/Images/background_site_head.jpg) repeat-x top left !important;
    background-size: 100% 112px !important;
    background-attachment: fixed !important;*/
    min-width: 1150px;
    left: 130px;
    top: 0;
}

.mainPage {
    /*min-width: 1250px;*/
    height: auto;
    /*background: url(/Images/background_site.jpg) repeat-x top left !important;
    background-size: 100% 969px !important;
    background-attachment: fixed !important;
    background-position: 0% 11px !important;*/
    /*padding-top: 10px;*/
    top: 45px;
    /*border: 3px solid #f2f2f2;*/
    min-width: 1150px;
    position: absolute;
    left: 10px;
    right: 10px;
    border-radius: 15px;
    bottom: 0px;
    /*background-color: rgba(255, 255, 255, 0.5);*/
    overflow-y: auto;
}

#main {
    margin-left: 116px;
    margin-right: 50px;
    padding: 0 0 0 0;
    min-height: 400px;
    margin-top: 95px;
    /*min-width: 1623px;*/
    min-width: 1230px;
    /*height: 100%;*/
    overflow-y: auto;
    border: 0 solid;
    border-radius: 6px;
    /*margin-bottom: 30px;*/
    box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.38);
    background: url(/Images/background_site.jpg) repeat-x top left !important;
    background-size: 100% 100% !important;
    background-attachment: fixed !important;
    background-position: 0% 0% !important;
}

h1 {
    letter-spacing: -1px;
    font-size: 23px;
}

.pageTitleMark {
    background-color: #7fba00;
    width: 8px;
    height: 37px;
    margin-right: 6px;
    margin-top: 0px;
    float: left;
}

.pageTitleMarkBig {
    background-color: #7fba00;
    width: 13px;
    height: 37px;
    margin-right: 6px;
    margin-top: 0px;
    float: left;
}

.pageTitleMarkSmall {
    background-color: #7fba00;
    width: 5px;
    height: 37px;
    margin-right: 6px;
    margin-top: 0px;
    float: left;
}

.contentMain {
    /*border: 2px solid #b1cf4b;
    border-radius: 6px;*/
    min-height: 700px;
    min-width: 700px;
    /*margin: 106px 0 0 0;*/
    padding: 20px;
    background-color: rgba(255,255,255,0.9);
}

/*.clearfix:after, .inner-spacer:after, .partial-form-editbox:after,*/
.partial-form:after, .partial-form > div:after {
    clear: both;
}

/*.clearfix:after, .clearfix:before, .inner-spacer:after, .inner-spacer:before, .partial-form-editbox:after, .partial-form-editbox:before,*/
.partial-form:after, .partial-form:before, .partial-form > div:after, .partial-form > div:before {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.partial-form {
    margin: 12px 0 0;
    position: relative;
    padding: 0 30px 0;
}

    .partial-form > header {
        color: #000000;
        border-bottom: 1px solid #bfbfbf;
        /*background: none repeat scroll 0% 0% #E45E5E;*/
        height: 34px;
        padding: 0;
        line-height: 40px;
        display: block;
    }

        .partial-form > header > h1 {
            height: 100%;
            width: 100%;
            display: inline-block;
            font-size: 24px;
            position: relative;
            margin: 0;
            padding: 0 30px 0 10px;
            line-height: 34px;
            font-weight: 400;
            letter-spacing: 0;
            float: left;
        }

        .partial-form > header > h2 {
            height: 100%;
            width: 100%;
            display: inline-block;
            font-size: 18px;
            position: relative;
            margin: 0;
            line-height: 34px;
            font-weight: 400;
            letter-spacing: 0;
            float: left;
            margin-left: 10px;
        }

        .partial-form > header.edit {
            display: block;
            padding: 3px 0;
            background: none repeat scroll 0% 0% #FFF;
            font-size: 16px;
            font-weight: 300;
            color: #b1cf4b;
            margin: 10px 14px 0;
            border-bottom: 1px solid #b1cf4b;
        }

            .partial-form > header.edit > h2 {
                height: 100%;
                width: 100%;
                color: #b1cf4b;
                font-size: 16px;
                position: relative;
                margin: 0;
                line-height: 24px;
                font-weight: 700;
                letter-spacing: 0;
            }

    .partial-form.edit header {
        display: block;
        padding: 3px 0;
        background: none repeat scroll 0% 0% #FFF;
        font-size: 16px;
        font-weight: 300;
        color: #b1cf4b;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #b1cf4b;
    }

.partial-form-body {
    margin: 0;
    outline: 0 none;
    color: #666;
    position: relative;
}

    .partial-form-body header {
        display: block;
        padding: 8px 0;
        background: none repeat scroll 0% 0% #FFF;
        font-size: 16px;
        font-weight: 300;
        color: #b1cf4b;
        /*margin: 10px 14px 0;*/
        border-bottom: 1px solid #b1cf4b;
    }

    .partial-form-body > header > h2 {
        height: 100%;
        width: 100%;
        color: #b1cf4b;
        font-size: 16px;
        position: relative;
        margin: 0;
        line-height: 24px;
        font-weight: 700;
        letter-spacing: 0;
        margin-left: 10px;
    }

    .partial-form-body *, .partial-form-body *:after, .partial-form-body *:before {
        margin: 0;
        padding: 0;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .partial-form-body fieldset {
        display: block;
        padding: 0;
        /*border: medium none;*/
        /*background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);*/
        position: relative;
    }

    .partial-form-body.edit {
        margin-top: 6px;
    }

        .partial-form-body.edit header {
            display: block;
            padding: 8px 0;
            background: none repeat scroll 0% 0% #FFF;
            font-size: 16px;
            font-weight: 300;
            color: #b1cf4b;
            margin: 0;
            border-bottom: 1px solid #b1cf4b;
        }

    /*.partial-form-body.edit fieldset
        {
            border-left: 1px solid rgba(0, 0, 0, 0.1);
            border-right: 1px solid rgba(0, 0, 0, 0.1);
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }*/

    .partial-form-body section {
        margin-bottom: 5px;
        position: relative;
    }

    .partial-form-body .label, .partial-form-body .link {
        display: inline;
        margin-bottom: 6px;
        line-height: 19px;
        font-weight: 400;
        font-size: 14px;
        color: #333;
        text-align: left;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

label.bigLabel {
    font-size: 20px;
}

.partial-form-body .required {
    margin-left: 3px;
    color: #3d9bc6;
    text-align: left;
}

.headerEdit {
    float: right;
}

.requiredField {
    margin-left: 3px;
    color: #3d9bc6;
    text-align: left;
}

.partial-form-body .button, .partial-form-body .checkbox, .partial-form-body .input, .partial-form-body .radio, .partial-form-body .select, .partial-form-body .textlocation, .partial-form-body .toggle {
    position: relative;
    display: block;
    font-weight: 400;
}

    .partial-form-body .input input, .select select, .partial-form-body .partial-form-body .textlocation {
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 30px;
        outline: 0 none;
        border-width: 1px;
        border-style: solid;
        border-radius: 0;
        background: none repeat scroll 0% 0% #FFF;
        font: 14px/16px Calibri,'Trebuchet MS';
        color: #404040;
        -moz-appearance: none;
    }

    .partial-form-body .checkbox i, .partial-form-body .icon-append, .partial-form-body .icon-prepend, .partial-form-body .input input, .partial-form-body .radio i, .partial-form-body .select select, .partial-form-body .textlocation, .partial-form-body .toggle i {
        border-color: #BDBDBD;
    }

    .partial-form-body .checkbox label {
        margin-left: 5px;
    }

.partial-form-body .textlocation {
    resize: vertical;
    height: auto;
}

.partial-form-body footer {
    display: block;
    padding: 7px 14px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0% 0% rgba(248, 248, 248, 0.9);
}

.inline {
    display: inline-block;
    vertical-align: top;
}

.partial-form-body .row:after {
    clear: both;
    display: table;
    content: "";
}

.partial-form-body .col {
    float: left;
    padding-left: -15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pointer {
    cursor: pointer;
}

/*.btn {
    background-color: #9c9da1;
    color: #FFF;
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-top: 2px solid #87888c;
    border-right: 2px solid #87888c;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857;
    border-radius: 15px;
-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; min-width: 80px; margin-right: 10px;
}

*/
/*.btn + .btn {
    margin-left: 10px;
}*/
.btn:disabled {
    border-color: #bfbfbf;
    background-color: #bfbfbf;
    color: #FFFFFF;
    cursor: default;
}

/*.btn.active, .btn:active, .btn:focus, .btn:hover {
        color: #FFF;
        background-color: #949599;*/
/*border-color: #949599;*/
/*text-decoration: none;
    }*/

/*.btn.active:focus, .btn:active:focus, .btn:focus {
            outline: thin dotted;
            outline-offset: -2px;
        }*/

.btn.btnCancelE {
    background-color: transparent !important;
    display: inline;
    padding: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnCancel.png) no-repeat left center;
    background-size: contain;
}

.btn.btnCancelEShipment {
    background-color: transparent !important;
    display: inline;
    padding: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnCancel.png) no-repeat left center;
    background-size: contain;
}

.btn.btnSaveE {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnSaveGray.png) no-repeat left center;
    background-size: contain;
}

.btn.btnSaveEShipment {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnSaveGray.png) no-repeat left center;
    background-size: contain;
}

.btn.btnPublishE {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnPublish.png) no-repeat left center;
    background-size: contain;
}

.btn.btnChangePass {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-left: 10px;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnChangePassSm.png) no-repeat left center;
}

.btn.btnFinalize {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnFinalize.png) no-repeat left center;
    background-size: contain;
}

.btn.btnCopy {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(../Images/button/btnCopy.png) no-repeat left center;
    background-size: contain;
}

.btn.btnSaveE.btnChangedForm {
    background-color: transparent !important;
    background: url(/Images/button/btnSaveGreen.png) no-repeat left center;
    background-size: contain;
}

.btn.btnSaveEShipment.btnChangedForm {
    background-color: transparent !important;
    background: url(/Images/button/btnSaveGreen.png) no-repeat left center;
    background-size: contain;
}

.btn.btnEditESm {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 20px;
    min-height: 21px;
    border: none;
    background: url(/Images/button/btnEditSm.png) no-repeat left center;
}

.btn.btnEditESmShipment {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 20px;
    min-height: 21px;
    border: none;
    background: url(/Images/button/btnEditSm.png) no-repeat left center;
}

.btn.btnReplySm {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 29px;
    min-height: 21px;
    border: none;
    background: url(/Images/button/btnReplySm.png) no-repeat left center;
}

.btn.btnResolveSm {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 29px;
    min-height: 21px;
    border: none;
    background: url(/Images/button/btnResolveSm.png) no-repeat left center;
}

.btn.btnCancelESm {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 19px;
    min-height: 18px;
    border: none;
    background: url(/Images/button/btnCancelSm.png) no-repeat left center;
}

.btn.btnSaveESm {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 20px;
    min-height: 21px;
    border: none;
    background: url(/Images/button/btnSaveGraySm.png) no-repeat left center;
}

    .btn.btnSaveESm.btnChangedForm {
        background-color: transparent !important;
        background: url(/Images/button/btnSaveGreenSm.png) no-repeat left center;
    }

.btn.btnDeleteSm {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnDeleteSm.png) no-repeat left center;
    background-size: contain;
}

.btn.btnChangePassSm {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-left: 10px;
    min-width: 23px;
    min-height: 20px;
    border: none;
    background: url(/Images/button/btnChangePassSm.png) no-repeat left center;
}

.btn.btnSendESm {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 25px;
    min-height: 18px;
    border: none;
    background: url(/Images/button/btnSendSm.png) no-repeat left center;
}

.btn.btnPrev {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 15px;
    min-height: 18px;
    border: none;
    background: url(/Images/button/btnPrev.png) no-repeat left center;
}

.btn.btnNext {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 15px;
    min-height: 18px;
    border: none;
    background: url(/Images/button/btnNext.png) no-repeat left center;
}

.btn.btnYes {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnYes.png) no-repeat left center;
}

.btn.btnNo {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnNo.png) no-repeat left center;
}

.btn.btnSavePopup {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnSaveGreen.png) no-repeat left center;
    background-size: contain;
}

.btn.btnCancelPopup {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnCancel.png) no-repeat left center;
    background-size: contain;
}

.btn.btnSearchPopup {
    background-color: transparent !important;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-width: 26px;
    min-height: 26px;
    border: none;
    background: url(/Images/button/btnSearchRight.png) no-repeat center center;
}

.btn.btnPdfPopup {
    background-color: transparent !important;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-height: 32px;
    min-width: 30px;
    border: none;
    background: url(/Images/button/btnExportOk.png) no-repeat center center;
}

.btn.btnPdfDownloadPopup {
    background-color: transparent !important;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-height: 32px;
    min-width: 30px;
    border: none;
    background: url(/Images/button/btnDownload.png) no-repeat center center;
}

.btn.btnClearValues {
    background-color: transparent !important;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-height: 32px;
    min-width: 30px;
    border: none;
    background: url(/Images/button/clear_filters.png) no-repeat center center;
    vertical-align: top;
}

.btn.btnReload {
    background-color: transparent !important;
    display: inline;
    padding: 0;
    margin-right: 0;
    min-height: 32px;
    min-width: 30px;
    border: none;
    background: url(/Images/trackboard/refresh_active.svg) no-repeat center center;
    vertical-align: top;
}

    .btn.btnReload.notAllowed {
        cursor: not-allowed;
        background: url(/Images/trackboard/refresh_notactive.svg) no-repeat center center !important;
    }


.btn.btnPreview {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 20px;
    min-height: 26px;
    border: none;
    background: url(/Images/prev.png) no-repeat left center;
    background-size: contain;
}

.btn.btnImport {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 35px;
    min-height: 30px;
    border: none;
    margin-left: 5px;
    background: url(/Images/button/btnImport2.png) no-repeat left center;
    background-size: contain;
}

.btn.btnExport {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 35px;
    min-height: 30px;
    border: none;
    margin-left: 5px;
    background: url(/Images/button/btnExport.png) no-repeat left center;
    background-size: contain;
}

.btn.btnAddGroups {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 35px;
    min-height: 30px;
    border: none;
    margin-left: 5px;
    background: url(/Images/button/btnAddGroups.png) no-repeat left center;
    background-size: contain;
}

.btn.btnAddTags {
    background-color: transparent;
    display: inline;
    padding: 0;
    min-width: 35px;
    min-height: 30px;
    border: none;
    margin-left: 5px;
    background: url(/Images/button/brtnAddTags.png) no-repeat left center;
    background-size: contain;
}

.btnBack {
    background-color: transparent;
    min-height: 14px;
    border: none;
    background: url(/Images/button/btnBack.png) no-repeat left center;
    color: #C1C7CA;
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 27px !important;
    font-size: 15px;
    line-height: 22px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    min-width: 80px;
    margin-right: 10px;
}

    .btnBack:hover {
        background: url(/Images/button/btnBackG.png) no-repeat left center;
        color: #A9CC42;
    }

.btnCustom {
    background-color: transparent;
    display: inline;
    padding: 0;
    margin-right: 0;
}

    .btnCustom.edit {
        cursor: pointer;
    }

.btn-sm {
    font-size: 12px;
    line-height: 1.5;
    /*border-radius: 15px;*/
    padding: 1px 1px 1px 1px;
}

    .btn-sm.btnEdit {
        font-size: 15px;
        font-weight: 600;
        padding-left: 16px;
        width: 90px;
        height: 26px;
        background-image: url(/Images/button/btnEditWhite.png);
        background-position: 4px center;
        background-repeat: no-repeat;
    }

.btnAdd {
    /*font-size: 13px;
    font-weight: 600;
    padding-left: 22px;*/
    width: 28px;
    height: 29px;
    background: url(/Images/button/btnAddNew.png) no-repeat center center;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    margin-right: 0;
    border: none;
}

.btnDelete {
    /*font-size: 13px;
    font-weight: 600;
    padding-left: 22px;*/
    width: 28px;
    height: 29px;
    background: url(/Images/button/btnDelete.png) no-repeat center center;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    margin-right: 0;
    border: none;
    background-size: 23px;
}

.btnAddGray {
    width: 20px;
    height: 20px;
    background: url(/Images/button/btnAddNewGray.png) no-repeat center center;
    cursor: pointer;
    background-color: transparent;
    padding: 0 0 0 5px;
    margin-right: 0;
    border: none;
}

.btnSave {
    width: 28px;
    height: 29px;
    background: url(/Images/button/btnSaveGray.png) no-repeat center center;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    margin-right: 0;
    border: none;
    background-size: contain;
}

    .btnSave.btnChangedForm {
        width: 28px;
        height: 29px;
        background-color: transparent !important;
        background: url(/Images/button/btnSaveGreen.png) no-repeat center center;
        background-size: contain;
    }

.btn-sm.btnImport {
    font-size: 15px;
    padding-left: 33px;
    min-width: 60px;
    height: 24px;
    background-image: url(/Images/button/btnImport.png);
    background-position: 6px center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #b1cf4b;
}

    .btn-sm.btnImport:hover {
        background-color: #d8d9db;
    }

.partial-form-body select, .partial-form-body input {
    padding: 2px;
}

.last {
    overflow: hidden;
    float: none !important;
    padding-left: 15px;
}

.separator {
    width: 100%;
    height: 3px;
    background-color: #C3C4C6;
    margin-bottom: 10px;
}

/*-------- gridView ------------*/
.tableHeader {
    margin-top: 10px;
}

    .tableHeader tbody > tr > th,
    .tableHeader .gridHeader > th {
        border-width: 1px;
        padding: 3px 3px;
        vertical-align: bottom;
        font-weight: bold;
        font-size: 15px;
        color: #FFFFFF;
        border-right: 1px solid #FFF;
    }

        .tableHeader tbody > tr > th > a,
        .tableHeader .gridHeader > th > a {
            color: #FFFFFF;
            text-decoration: none;
            font-size: 15px;
        }

.tableBody > tbody > tr > td {
    line-height: 1.5;
    vertical-align: top;
    padding: 3px 3px;
    border-bottom: 1px solid #ececec;
}

    .tableBody > tbody > tr > td > a {
        text-decoration: none;
        color: #b1cf4b;
        font-size: 15px;
    }

    .tableBody > tbody > tr > td > .under > * {
        /*font-style: italic;*/
        font-size: 12px;
    }

.tableEdit td {
    vertical-align: top;
    padding-bottom: 10px;
}

.ctrl {
    padding: 0 20px 0 20px;
    font-size: 1.0em;
    color: #595959;
}

.treeSearch {
    text-align: left;
    vertical-align: middle;
    border: 1px solid #b1cf4b;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 21px;
    margin-bottom: 10px;
}

.gridSearch {
    text-align: left;
    vertical-align: middle;
    border: 1px solid #a1a1a3;
    background-color: #f4f4f4;
    font-size: 12px;
    font-weight: 600;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 21px;
}

.btnSearch {
    margin-left: -28px;
    background-color: transparent;
    background-image: url(/Images/button/btnSearchRight.png);
    background-position: left 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 21px;
    line-height: 26px;
    position: absolute;
}

.gridPager {
    color: #000000;
}

.gridPageSize {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    outline: 0 none;
    border-width: 1px;
    border-style: solid;
    /*background: none repeat scroll 0% 0% #FFF;*/
    font-size: 15px;
    font-family: Calibri,'Trebuchet MS';
    color: #000000;
    background-image: url(/Images/button/btnDdl.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-color: #87888c !important;
    background-color: #87888c;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-left: 8px !important;
}

    .gridPageSize::-ms-expand {
        display: none;
    }

    .gridPageSize option {
        background-color: #ffffff;
        color: #000000;
    }

.gridPageNo {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    outline: 0 none;
    border-width: 1px;
    border-style: solid;
    font-size: 15px;
    border-color: #8F8F8F !important;
    color: #000000;
    font-family: Calibri,'Trebuchet MS' !important;
}

.gridPagerText {
    color: #8F8F8F;
    font-weight: 300;
    font-size: 15px;
    margin-left: 5px;
}

.gridPagerBtn {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #b1cf4b;
}

.gridPagerBtnLeft {
    background-image: url(/Images/button/btnLeftPageEn.png);
    cursor: pointer;
}

.gridPagerBtnLeftDis {
    background-image: url(/Images/button/btnLeftPageDis.png);
    background-color: #ffffff;
    cursor: default;
}

.gridPagerBtnRight {
    background-image: url(/Images/button/btnRightPageEn.png);
    cursor: pointer;
}

.gridPagerBtnRightDis {
    background-image: url(/Images/button/btnRightPageDis.png);
    background-color: #ffffff;
    cursor: default;
}

.panel.filters select {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 20px;
    outline: 0 none;
    border: 1px solid #BDBDBD;
    border-radius: 0;
    background: none repeat scroll 0% 0% #FFF;
    font: 12px;
    color: #404040;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.panel.filters input[type=text] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 20px;
    outline: 0 none;
    border: 1px solid #BDBDBD;
    padding-left: 5px;
    border-radius: 0;
    background: none repeat scroll 0% 0% #FFF;
    font: 12px;
    color: #404040;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.gridRow {
    color: black;
}

    .gridRow:hover .btn-grid {
        border-color: #DB2828 !important;
        background-color: #DB2828 !important;
    }

    .gridRow:hover, .gridRow_alternative:hover {
        background: #f4f4f4 /* !important*/;
        color: black;
    }

.divClientGridHeader {
    -webkit-box-shadow: 6px -4px #E7E7E9;
    -moz-box-shadow: 6px -4px #E7E7E9;
    box-shadow: 6px -4px #E7E7E9;
    display: block;
}

.clientUsersHeader {
    background-color: #D1D2D4;
    color: #6C6D71 !important;
}

    .clientUsersHeader a {
        color: #6C6D71 !important;
        font-weight: bold;
        text-align: left;
    }

        .clientUsersHeader a.sortUp {
            color: #6C6D71;
            font-weight: bold;
            text-align: left;
            background: url("/Images/up.png") no-repeat scroll right center transparent;
            padding-right: 20px;
        }

        .clientUsersHeader a.sortDown {
            color: #6C6D71;
            font-weight: bold;
            text-align: left;
            background: url("/Images/down.png") no-repeat scroll right center transparent;
            padding-right: 20px;
        }

.clientUsersRow,
.clientUsersRow a {
    color: #DDDDDF !important;
    font-size: 12px !important;
}

    .clientUsersRow a:hover {
        color: #87888c !important;
    }

.divGridHeader {
    -webkit-box-shadow: 6px -4px #b9babb, 0px -4px #ffffff;
    -moz-box-shadow: 6px -4px #b9babb, 0px -4px #ffffff;
    box-shadow: 6px -4px #b9babb, 0px -4px #ffffff;
    /*display: block;*/
}

.gridHeader {
    background-color: #87888c;
}

    .gridHeader a {
        color: #FFFFFF;
        font-weight: bold;
        text-align: left;
    }

        .gridHeader a.sortUp {
            color: #FFFFFF;
            font-weight: bold;
            text-align: left;
            background: url("/Images/up.png") no-repeat scroll right center transparent;
            padding-right: 20px;
        }

        .gridHeader a.sortDown {
            color: #FFFFFF;
            font-weight: bold;
            text-align: left;
            background: url("/Images/down.png") no-repeat scroll right center transparent;
            padding-right: 20px;
        }

.gridViewLink {
    text-decoration: underline;
    color: #B1CF4B;
    font-weight: normal !important;
}

thead.tableHeader > tr > th {
    border-width: 1px;
    padding: 8px 10px;
    vertical-align: bottom;
    font-weight: bold;
    font-size: 15px;
    color: #333;
}

    /*thead.tableHeader > tr
{
}*/

    thead.tableHeader > tr > th > a {
        color: #333;
        text-decoration: none;
        font-size: 15px;
    }

tbody.tableBody > tr > td {
    line-height: 1.42857;
    vertical-align: top;
    padding: 8px 10px;
    border-bottom: 1px solid #333;
}

    tbody.tableBody > tr > td > a {
        text-decoration: underline;
    }

.gridRowSelected {
    border-color: #f4f4f4 !important;
    background-color: #f4f4f4 !important;
    color: black;
}

.evenRow {
    background-color: #f7f7f7 !important;
}

/*-------- end gridView ------------*/

.modalButtons {
    float: right;
    margin-top: 10px;
}

input {
    color: #404040;
}

.col + .col {
    margin-left: 15px;
}

/*------------- modalBox ------------------*/
.modalBox {
    background: #fff none repeat scroll 0;
    position: absolute;
    display: none;
    border: 1px solid #333;
    z-index: 5;
    font-size: 12px;
}

    .modalBox .titleContainer {
        height: 36px;
        background-color: #eb4c07;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        padding-left: 15px;
    }

    .modalBox .title {
        float: left;
        padding-top: 5px;
    }

    .modalBox .closeButton {
        float: right;
        background: transparent url(/Images/btnClose.svg) no-repeat scroll 0% 0%;
        cursor: pointer;
        width: 14px;
        height: 14px;
        margin: 7px;
    }

    .modalBox .contentContainer {
        padding: 10px;
    }

.progressSmall {
    background: transparent url(/Images/ajaxSmall.gif) no-repeat scroll 0%;
    margin: 5px 25px;
    padding: 5px 25px;
    font-size: 1.1em;
}

.confirmMessage {
    background: transparent url(/Images/exclamation.png) no-repeat scroll 0% 0%;
    background-size: 24px;
    padding: 0 5px 5px 28px;
    font-size: 1.0em;
    color: #595959;
}

.errorMessage {
    background: transparent url(/Images/error.png) no-repeat scroll 0% 0%;
    background-size: 24px;
    padding: 0 5px 5px 28px;
    font-size: 1.0em;
    color: #595959;
}

.notifyMessage {
    background: transparent url(/Images/notify.png) no-repeat scroll 0% 0%;
    padding: 0 5px 5px 28px;
    font-size: 1.0em;
    color: #595959;
}

.dimBackground {
    z-index: 3000 !important;
    top: 0px;
    position: absolute;
    /*background-color: rgba(89,89,89,0.3);*/
    height: 100%;
    width: 100%;
}
/*------------- end modalBox --------------*/

.imgMain {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #cdcdcd;
}

.imgMainRemove {
    position: absolute;
    top: 5px;
    /*right: 5px;*/
    z-index: 2;
    padding: 2px;
    width: 20px;
    height: 20px;
    /*border: 1px solid red;
    background-color: #FFB8B8;*/
    background: transparent url(/Images/removeImage.png) no-repeat scroll 0% 0%;
}

    .imgMainRemove:hover {
        cursor: pointer;
        /*border: 2px solid red;*/
        background: transparent url(/Images/removeImage2.png) no-repeat scroll 0% 0%;
    }

.imgNoPhoto {
    cursor: pointer;
}

.clear {
    clear: both;
}

/*------------ sliding list --------------*/
.slidingList {
    position: fixed;
    /*top: 114px;*/
    /*left: 110px;*/
    width: 190px;
    display: block;
    /*min-height: 100%;*/
    background-color: #FBFBFB;
    /*border: 1px solid #E1E1E1;*/
    /*border-radius: 5px;*/
    overflow-y: auto;
    height: 100%;
    padding-top: 10px;
    /*-webkit-box-shadow: 7px -4px #c9cacc;
    -moz-box-shadow: 7px -4px #c9cacc;
    box-shadow: 7px -4px #c9cacc;*/
    z-index: 1003;
    /*margin: 3px;*/
    border-radius: 6px 0 0 6px;
    /*height: 700px;*/
    margin-left: 5px;
}

.btnAddEvent {
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 8px;
}
/*------------ end sliding list -------------*/

/*-------------- tree menu --------------*/
.menuTree {
    /*overflow-y: auto;
    min-height: 100%;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;*/
    width: 100%;
    /*max-width: 100%;*/
    background-color: #FBFBFB;
}

.menuTreeSearch {
    border: 1px solid #b1cf4b;
    outline: none;
    /*border-radius: 1px;*/
    padding-left: 3px;
    height: 24px;
    font-size: 14px;
    background-color: #b1cf4b;
    color: #ffffff;
    font-weight: 600;
}

.menuTreeResetSearch {
    height: 24px;
    width: 24px;
    background-image: url(/Images/button/btnX.png);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-color: transparent;
    display: inline-block;
    padding: 12px;
    cursor: pointer;
}

.treeVline {
    background: url('/Images/jquery.fancytree/vline.gif') repeat-y scroll 4px center transparent;
}

.treeHline {
    background: url('/Images/jquery.fancytree/hline.gif') repeat-x scroll 4px center transparent;
}

span.fancytree-hline {
    background: url('/Images/jquery.fancytree/hline.gif') repeat-x scroll 1px center transparent;
    width: 20px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}

span.fancytree-lastsib {
    background: url("/Images/jquery.fancytree/vline2.gif") no-repeat 0 0 transparent;
    padding-bottom: 6px;
}

span.nodeSelected2 > span.fancytree-hline {
    background: url('/Images/jquery.fancytree/hline.gif') repeat-x scroll 1px center transparent;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.menuTree .treeSelectedLi .fancytree-title {
    color: #657A99 !important;
}

.menuTree .treeSelectedLi > .fancytree-node {
    width: 100%;
}

    /*.menuTree .treeSelectedLi > .fancytree-node:after {
        content: url(/Images/menuTreeSelectedArrow.png) !important;
        margin-left: -35px;
        /*vertical-align: mmiddle;*/
    /*line-height: 30px;*/
    /*display: inline-block;
        vertical-align: middle;
        height: 100%;
        line-height: normal;*/
    /*}*/

    .menuTree .treeSelectedLi > .fancytree-node.nodeRootSelected > .fancytree-title {
        /*background-color: #ff0000;*/
        color: #657A99 !important;
    }

.menuTree ul li span.nodeSelected1 .fancytree-title {
    /*padding-right: 35px;*/
    /*margin-right: 10px;*/
    color: #333333;
    margin-left: 3px;
    padding-left: 5px;
    padding-top: 2px;
}

.menuTree ul li span.nodeSelected2 .fancytree-title {
    /*padding-right: 35px;*/
    /*margin-right: 10px;*/
    color: #333333;
    margin-left: 0;
    padding-left: 5px;
    padding-top: 0;
    min-height: 20px;
}

.menuTree ul:focus {
    outline: 0;
}

.menuTree span.nodeSelected1.fancytree-active .fancytree-title:hover:before,
.menuTree span.nodeSelected1.fancytree-active.fancytree-focused .fancytree-title:before,
.menuTree span.nodeSelected1.fancytree-selected .fancytree-title:hover:before,
.menuTree span.nodeSelected1.fancytree-selected.fancytree-focused .fancytree-title:before {
    content: url(/Images/treeTriangle.svg);
    display: inline-block;
    width: 10px;
    height: 18px;
    margin-left: -11px;
    margin-top: 0;
    vertical-align: -15%;
}

.menuTree span.nodeSelected2.fancytree-active .fancytree-title:hover:before,
.menuTree span.nodeSelected2.fancytree-active.fancytree-focused .fancytree-title:before,
.menuTree span.nodeSelected2.fancytree-selected .fancytree-title:hover:before,
.menuTree span.nodeSelected2.fancytree-selected.fancytree-focused .fancytree-title:before {
    content: url(/Images/treeTriangle.svg);
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: -11px;
    margin-top: 0;
    vertical-align: -15%;
}

.regionTree span.nodeSelected1.fancytree-active .fancytree-title:hover:before,
.regionTree span.nodeSelected1.fancytree-active.fancytree-focused .fancytree-title:before,
.regionTree span.nodeSelected1.fancytree-selected .fancytree-title:hover:before,
.regionTree span.nodeSelected1.fancytree-selected.fancytree-focused .fancytree-title:before {
    content: url('/Images/treeTriangle.svg');
    display: inline-block;
    width: 10px;
    height: 18px;
    margin-left: -11px;
    margin-top: 0;
    vertical-align: -15%;
}

/*span.nodeSelected1.fancytree-active .fancytree-title
{
    background-color: #e2e2e4 !important;
    border: 1px solid #a1a1a3 !important;
}*/

.menuTree ul li .nodeSelected1 .fancytree-title {
    width: 80%;
    /*border: 1px solid #b1cf4b;*/
    margin-top: 0;
    margin-bottom: 6px;
    /*background-color: #ffffff;*/
    color: #333333;
}

.menuTree ul li .nodeSelected2 .fancytree-title {
    color: #333333;
    margin-top: 0;
}

.menuTree .fancytree-title {
    white-space: normal;
    height: 100%;
    /*white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;*/
}

ul.fancytree-container ul {
    padding: 0 0 0 26px;
    margin: 0;
}

/*.menuTreeSearch::-webkit-input-placeholder { /* WebKit browsers */
/*    color: #ffffff;
    font-weight: 600;
}
.menuTreeSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
/*   color: #ffffff;
    font-weight: 600;
   opacity:  1;
}
.menuTreeSearch::-moz-placeholder { /* Mozilla Firefox 19+ */
/*   color: #ffffff;
    font-weight: 600;
   opacity:  1;
}
.menuTreeSearch:-ms-input-placeholder { /* Internet Explorer 10+ */
/*   color: #ffffff;
    font-weight: 600;
}*/

.regionTree .nodeRootSelected .fancytree-title {
    font-weight: 600 !important;
}

/*.menuTree .nodeRootSelected .fancytree-title
{
    background-color: #f0f2f5;
    color: #ff0000 !important;
}*/

/*-------------- end tree menu --------------*/

/*-------------- checkbox --------------*/
.divCheckBox {
    font-size: 15px;
}

    /*.divCheckBox.inactive
    {
        color: #a9a9a9;
    }*/

    /*.divCheckBox.active
    {
        color: #008000;
    }*/

    .divCheckBox input[type="checkbox"] {
        display: none;
    }

        .divCheckBox input[type="checkbox"] + label {
            background: url('/Images/boxUncheck.png') no-repeat;
            background-color: transparent !important;
            height: 27px;
            line-height: 27px;
            padding-left: 25px;
            padding-right: 20px;
            padding-bottom: 5px;
            cursor: pointer;
        }

        .divCheckBox input[type="checkbox"]:checked + label {
            background: url('/Images/boxCheck.png') no-repeat;
            font-weight: 600;
            color: #000000;
        }

        .divCheckBox input[type="checkbox"]:indeterminate + label {
            background: url('/Images/boxhalfCheck.png') no-repeat;
            font-weight: 600;
            color: #000000;
        }

    .divCheckBox td {
        padding-bottom: 5px;
    }


    .divCheckBox input[type="checkbox"] + label > div {
        background-color: transparent !important;
        display: inline-block;
        height: 27px;
        line-height: 27px;
        padding-left: 25px;
        padding-right: 20px;
        vertical-align: middle;
    }

        .divCheckBox input[type="checkbox"] + label > div.publishAssist {
            background: url('/Images/pub_assi_off.png') no-repeat 5px 0;
        }

        .divCheckBox input[type="checkbox"] + label > div.publishMyIr {
            background: url('/Images/pub_myir_off.png') no-repeat 5px 0;
        }

        .divCheckBox input[type="checkbox"] + label > div.publishAssistSearch {
            background: url('/Images/pub_search_off.png') no-repeat 5px 0;
        }

        .divCheckBox input[type="checkbox"] + label > div.publishWeb {
            background: url('/Images/pub_www_off.png') no-repeat 5px 0;
        }

        .divCheckBox input[type="checkbox"] + label > div.publishCatalog {
            background: url('/Images/pub_catalog_off.png') no-repeat 5px 0;
        }


    .divCheckBox input[type="checkbox"]:checked + label > div.publishAssist {
        background: url('/Images/pub_assi.png') no-repeat 5px 0;
    }

    .divCheckBox input[type="checkbox"]:checked + label > div.publishMyIr {
        background: url('/Images/pub_myir.png') no-repeat 5px 0;
    }

    .divCheckBox input[type="checkbox"]:checked + label > div.publishAssistSearch {
        background: url('/Images/pub_search.png') no-repeat 5px 0;
    }

    .divCheckBox input[type="checkbox"]:checked + label > div.publishWeb {
        background: url('/Images/pub_www.png') no-repeat 5px 0;
    }

    .divCheckBox input[type="checkbox"]:checked + label > div.publishCatalog {
        background: url('/Images/pub_catalog.png') no-repeat 5px 0;
    }

/*-------------- end checkbox --------------*/

/*-------------- radioButton --------------*/
.divRadioButton {
    font-size: 15px;
}

    /*.divRadioButton.inactive
    {
        color: #a9a9a9;
    }*/

    /*.divRadioButton.active
    {
        color: #008000;
    }*/

    .divRadioButton input[type="radio"] {
        display: none;
    }

        .divRadioButton input[type="radio"] + label {
            background: url('/Images/checkbox_off.png') no-repeat;
            background-color: transparent !important;
            height: 26px;
            line-height: 26px;
            padding-left: 25px;
            padding-right: 20px;
            padding-bottom: 5px;
            cursor: pointer;
        }

        .divRadioButton input[type="radio"]:checked + label {
            background: url('/Images/checkbox_on.svg') no-repeat;
            font-weight: 600;
            color: #000000;
        }

    .divRadioButton td {
        padding-bottom: 5px;
    }
/*-------------- end radioButton --------------*/

/*-------------- radioButtonCheck --------------*/
.divRadioButtonCheck {
    font-size: 15px;
}

    /*.divRadioButtonCheck.inactive
    {
        color: #a9a9a9;
    }*/

    /*.divRadioButtonCheck.active
    {
        color: #008000;
    }*/

    .divRadioButtonCheck input[type="radio"] {
        display: none;
    }

        .divRadioButtonCheck input[type="radio"] + label {
            background: url('/Images/boxUncheck.png') no-repeat;
            background-color: transparent !important;
            height: 26px;
            line-height: 26px;
            padding-left: 25px;
            padding-right: 20px;
            padding-bottom: 5px;
            cursor: pointer;
        }

        .divRadioButtonCheck input[type="radio"]:checked + label {
            background: url('/Images/boxCheck.png') no-repeat;
            font-weight: 600;
            color: #000000;
        }

    .divRadioButtonCheck td {
        padding-bottom: 5px;
    }
/*-------------- end radioButtonCheck --------------*/

/*-------------- divRadioButtonOrientation --------------*/
.divRadioButtonOrientation {
    font-size: 15px;
}

    .divRadioButtonOrientation input[type="radio"] {
        display: none;
    }

        .divRadioButtonOrientation input[type="radio"] + label {
            background-color: transparent !important;
            background-position-x: top;
            background-position-y: center;
            height: 50px;
            line-height: 35px;
            padding-left: 50px;
            padding-right: 30px;
            padding-bottom: 10px;
            cursor: pointer;
        }

        .divRadioButtonOrientation input[type="radio"]:checked + label {
            background-color: transparent !important;
            background-position-x: top;
            background-position-y: center;
            font-weight: 600;
            color: #000000;
        }

    .divRadioButtonOrientation td:first-child input[type="radio"] + label {
        background: url('/Images/landscapeExport.png') no-repeat;
    }

    .divRadioButtonOrientation td:first-child input[type="radio"]:checked + label {
        background: url('/Images/landscapeExportSel.png') no-repeat;
    }

    .divRadioButtonOrientation td:last-child input[type="radio"] + label {
        background: url('/Images/portraitExport.png') no-repeat;
    }

    .divRadioButtonOrientation td:last-child input[type="radio"]:checked + label {
        background: url('/Images/portraitExportSel.png') no-repeat;
    }
/*-------------- end divRadioButtonOrientation --------------*/

.colorPreview {
    border: 1px solid black;
    margin-right: 5px;
    width: 20px;
    cursor: pointer;
}

input[type=text]:disabled, select:disabled, .textlocation:disabled, textarea:disabled, textarea:read-only {
    background-color: #dddddd !important;
    border: none !important;
    cursor: not-allowed;
}

textarea:disabled, textarea:read-only {
    background-color: #dddddd !important;
    border: none !important;
}

.btnChangedForm {
    background-color: red !important;
}

.btnListMode {
    cursor: pointer;
    margin-right: 5px;
}

/*---------------- location tree control -----------------*/
.locationParent {
    color: #000000;
    vertical-align: middle;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    border-bottom: 2px solid #BDDC8B !important;
}

.locationChild {
    color: #000000;
    vertical-align: middle;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    margin-left: 40px;
}

.locationParent:hover {
    background-color: #BDDC8B;
}

.locationChild:hover {
    background-color: #BDDC8B;
}

.locationTrParent {
    margin-top: 5px;
}

.locationTrChild {
    margin-top: 0;
}

.locationAddNew {
    background-color: #ffffff;
    color: #000000;
    border: 2px solid #BDDC8B;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background-image: url(/Images/button/btnAddBlack.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
}

    .locationAddNew:hover {
        background-color: #BDDC8B;
        background-image: url(/Images/button/btnAddBlack.png);
    }

.locationButton {
    float: right;
    color: gray;
    margin: 0px 5px 2px 15px;
    cursor: pointer;
    background-color: #b1cf4b;
    height: 20px;
}

.locationTrParent .locationButton {
    font-size: 16px;
}

.locationButtonNoClick {
    float: right;
}
/*---------------- end location tree control -----------------*/

.emailLink {
    color: #0000FF !important;
    text-decoration: underline !important;
    font-size: 14px;
}

.caution {
    background-color: #c4dff0 !important;
}

.headerLocationGrid {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.inClientSettings {
    /*float: left ;*/
    /*border: 2px solid #b1cf4b;
    border-radius: 6px;*/
    min-height: 700px;
    min-width: 700px;
    background-color: white;
    opacity: 0.9;
}

.inAdminSettings {
    /*border: 2px solid #b1cf4b;*/
    border-radius: 6px;
    min-height: 700px;
    min-width: 700px;
    margin: 0 0 0 0;
    background-color: white;
    opacity: 0.9;
}

.menuClientSettingsItem {
    white-space: nowrap;
    font-size: 15px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
    margin: 0 0 10px 3px;
    width: 100%;
    border-style: solid;
    border-width: 2px;
    color: #b1cf4b;
}

a.menuClientSettingsItem:hover {
    font-weight: bold !important;
}

a.menuClientSettingsItem.selected {
    font-weight: bold !important;
    color: #919191;
}

.titleMenuEvents {
    width: 100%;
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    /*white-space: nowrap;*/
}

.marginTop {
    margin-top: -6px;
}

.menuEventsSets {
    width: 100%;
    margin-top: 40px;
    background-color: #F5F5F5;
    margin-bottom: 100px;
    min-height: 400px;
}

.rowMenuEventsSets .titleMenuEventDates {
    margin-left: 10px;
    opacity: 0.8;
}

.rowMenuEventsSets:hover {
    font-weight: bold !important;
    cursor: pointer;
}

.rowMenuEventsSets.selected {
    font-weight: bold !important;
}

.atlernativColorMenu {
    background-color: #D8D8D8 !important;
}

/*.dragDropLink {
    width: 20px;
    height: 20px;
    background-color: #B2B2B2;
    cursor: move;
}
.equipmentHovered {
    background-color: green !important;
}
.dragDropLinkDis {
    width: 20px;
    height: 20px;
    background-color: green;
}*/

.actionStatus {
    font-size: 16px;
    color: #FF0000;
}

.assignEquipmentOverlaping {
    color: #FF0000 !important;
}

.alarmHigh {
    /*color: #FF0000 !important;*/
    background-color: #FF0000 !important;
}

.alarmNoAlarm {
    /*color: #1c9a19 !important;*/
    background-color: #1c9a19 !important;
}

.radioPadding label {
    padding-right: 20px;
}

.checkBoxPadding label {
    padding-right: 20px;
}

.equipmentInactive, .equipmentInactive .gridViewLink {
    color: #FF0000 !important;
}

.equipmentButton div {
    border: 1px solid #b1cf4b;
    border-radius: 2px;
    width: 82px;
    height: 35px;
    padding-left: 45px;
    line-height: 14px;
    cursor: pointer;
}

    .equipmentButton div:hover {
        background-color: #d8d9db;
    }

.equipmentButton.selected div {
    background-color: #d8d9db;
}

div.equipmentButton.selected {
    background-color: transparent !important;
}

.equipmentButton div span {
    vertical-align: middle;
}

.equipmentButton.equipmentDetails div {
    background-image: url(/Images/button/btnInternalOrders.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 32px;
}

.equipmentButton.internalOrderHistory div {
    background-image: url(/Images/button/btnInternalOrderHistory.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.deviceCalendar div {
    background-image: url(/Images/button/btnDeviceCalendar.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.assignToTechnician div {
    background-image: url(/Images/button/btnAssignToTechnician.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.returnDevice div {
    background-image: url(/Images/button/btnReturnDevice.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.locationAssignment div {
    background-image: url(/Images/button/btnLocationAssignment.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.internalRental div {
    background-image: url(/Images/button/btnInternalRental.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.internalOrders div {
    background-image: url(/Images/button/btnInternalOrders.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 32px;
}

.equipmentButton.logStatusChanges div {
    background-image: url(/Images/button/btnLogStatusChanges.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.usageHistory div {
    background-image: url(/Images/button/btnUsageHistory.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.certificates div {
    background-image: url(/Images/button/btnService.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 32px;
}

.equipmentButton.needService div {
    background-image: url(/Images/button/btnNeedService.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.sendNotification div {
    background-image: url(/Images/button/btnSendNotification.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.printBarCode div {
    background-image: url(/Images/button/btnPrintBarCode.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.useBarCode div {
    background-image: url(/Images/button/btnUseBarCode.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.equipmentButton.equipment-transfer div {
    background-image: url(/Images/button/btn-transfer.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 32px;
}

.editButton {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent !important;
    display: inline-block;
    margin-right: 10px;
}

    .editButton.selected {
        background-color: transparent !important;
    }

    .editButton.btnDetails {
        background-image: url(/Images/button/btnDetailsW.png);
    }

        .editButton.btnDetails.selected {
            background-image: url(/Images/button/btnDetailsG.png);
        }

    .editButton.btnReservationCalendar {
        background-image: url(/Images/button/btnReservationCalendarW.png);
    }

        .editButton.btnReservationCalendar.selected {
            background-image: url(/Images/button/btnReservationCalendarG.png);
        }

    .editButton.btnbtnUnitHistory {
        background-image: url(/Images/button/btnUnitHistoryW.png);
    }

        .editButton.btnbtnUnitHistory.selected {
            background-image: url(/Images/button/btnUnitHistoryG.png);
        }

    .editButton.btnPrintBarcode {
        background-image: url(/Images/button/btnPrintBarcodeW.png);
    }

        .editButton.btnPrintBarcode.selected {
            background-image: url(/Images/button/btnPrintBarcodeG.png);
        }

    .editButton.btnbtnTransfer {
        background-image: url(/Images/button/btnTransferW.png);
    }

        .editButton.btnbtnTransfer.selected {
            background-image: url(/Images/button/btnTransferG.png);
        }

    .editButton.btnbtnNeedService {
        background-image: url(/Images/button/btnNeedServiceW.png);
    }

        .editButton.btnbtnNeedService.selected {
            background-image: url(/Images/button/btnNeedServiceG.png);
        }

    .editButton.btnSupport {
        background-image: url(/Images/button/btnSupportW.png);
    }

        .editButton.btnSupport.selected {
            background-image: url(/Images/button/btnSupportG.png);
        }

    .editButton.btnService {
        background-image: url(/Images/button/btnServiceW.png);
    }

        .editButton.btnService.selected {
            background-image: url(/Images/button/btnServiceG.png);
        }

    .editButton.btnKnowledgeBase {
        background-image: url(/Images/button/btnKnowledgeBaseW.png);
    }

        .editButton.btnKnowledgeBase.selected {
            background-image: url(/Images/button/btnKnowledgeBaseG.png);
        }

    .editButton.btnComments {
        background-image: url(/Images/button/btnCommentsW.png);
    }

        .editButton.btnComments.selected {
            background-image: url(/Images/button/btnCommentsG.png);
        }

    .editButton.btnClients {
        background-image: url(/Images/button/btnClientsW.png);
    }

        .editButton.btnClients.selected {
            background-image: url(/Images/button/btnClientsG.png);
        }

.editTitle {
    background-color: #cccccd;
    width: 540px;
    min-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 600;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .editTitle .gray {
        color: #818286;
    }

    .editTitle .black {
        color: #242021;
    }

    .editTitle input[type=text] {
        outline: 0 none;
        border: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

.btnRefreshGreen {
    float: right;
    width: 40px;
    height: 26px;
    background: url(/Images/button/btnRefresh.png) no-repeat center center;
    background-color: transparent !important;
    cursor: pointer;
}

.btnEditGreen {
    float: right;
    width: 40px;
    height: 26px;
    background: url(/Images/button/btnEditGreen.png) no-repeat center center;
    background-color: transparent !important;
    cursor: pointer;
    background-size: contain;
}

.editRows {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 14px;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    padding: 10px 20px 10px 20px;
}

    .editRows .row {
        padding-left: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }

        .editRows .row:hover {
            background-color: #E7E7E9;
        }

        .editRows .row .col {
            padding-top: 3px;
            padding-bottom: 3px;
            margin-bottom: 0;
        }

    .editRows .hrDiv {
        padding: 7px 0 7px 0;
    }

    .editRows hr {
        color: #E1E1E1;
        border-bottom: 2px solid #E1E1E1;
        background-color: #E1E1E1;
        border-left-width: 5px;
        border-right-width: 5px;
    }

    .editRows .black {
        color: #242021;
        font-weight: 600;
    }

    .editRows .editInfo {
        padding: 3px 0 5px 25px;
        margin-left: 10px;
        background-color: transparent !important;
        /*border-bottom: 1px solid #b1cf4b;*/
        width: 70px;
        font-weight: 600;
        font-size: 15px;
        color: #b1cf4b;
    }

        .editRows .editInfo.address {
            background: url(/Images/company.png) no-repeat 2px 2px;
        }

        .editRows .editInfo.contact {
            background: url(/Images/person.png) no-repeat 2px 2px;
        }

    .editRows input[type=text],
    .editRows textarea {
        outline: 0 none;
        border: 1px solid #E1E1E1;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

#divEquipmentDetails .editCtrl {
    width: 400px;
}

select.editSelect {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /*height: 20px;*/
    outline: 0 none;
    border: 1px solid #BDBDBD;
    border-radius: 0;
    background: none repeat scroll 0% 0% #FFF;
    /*font: 12px Open Sans, Calibri,Helvetica,Arial,sans-serif;*/
    color: #404040;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.bookingDayInfo {
    float: left;
    font-size: 15px;
    /*line-height: 14px;*/
    text-align: left;
    margin: 6px 0 0 10px;
    color: #949599;
    line-height: 1.42857;
    width: 100%;
}

.bookingDayNumber {
    float: right;
}

.bookingInfoTitle {
    color: #b1cf4b;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 3px;
}

.fc-body {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .fc-body .fc-widget-content {
        max-height: 130px !important;
        overflow: hidden;
    }

.btnCalendar {
    width: 28px;
    height: 29px;
    /*background: url(/Images/button/btnBookingCalendar.svg) no-repeat center center;*/
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    margin-right: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

.imgCalendar {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.btn-sm.btnCalendarToday {
    font-size: 11px;
    padding-left: 28px;
    min-width: 80px;
    height: 28px;
    background-image: url(/Images/button/btnBookingToday.png);
    background-position: 6px center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    color: #231F20;
    border: 1px solid #b1cf4b;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

    .btn-sm.btnCalendarToday:hover {
        background-color: #d8d9db;
    }

.btnCalendarPrev {
    width: 28px;
    height: 29px;
    background: url(/Images/button/btnCalendarPrev.png) no-repeat center center;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    margin-right: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

.btnCalendarNext {
    width: 28px;
    height: 29px;
    background: url(/Images/button/btnCalendarNext.png) no-repeat center center;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    margin-right: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

.calendarTitle {
    line-height: 14px;
    color: #BDBCC2;
    display: inline-block;
    vertical-align: middle;
}

.Zebra_DatePicker_Icon_Wrapper {
    bottom: 3px !important;
    top: 0px !important;
}

.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
    height: 130px !important;
}

.bookingButton {
    border: 1px solid #b1cf4b;
    border-radius: 2px;
    min-width: 110px;
    height: 35px;
    padding-left: 35px;
    padding-right: 10px;
    padding-top: 1px;
    margin-right: 5px;
    line-height: 12px;
    background-repeat: no-repeat;
    background-position: 3px center;
    color: #252122;
    cursor: pointer;
}

    .bookingButton:hover {
        background-color: #d8d9db;
    }

    .bookingButton.selected div {
        background-color: #d8d9db;
    }

    .bookingButton span {
        vertical-align: middle;
    }

    .bookingButton.book {
        background-image: url(/Images/button/btnBookingBook.png);
        background-position: 8px center;
        padding-left: 50px;
        padding-top: 7px;
        margin-right: 10px;
        min-width: 110px;
        float: left;
        background-color: #A8A9AD;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        border-radius: 0;
        border-left: none;
        border-top: 1px solid #949599;
        border-bottom: 1px solid #949599;
        border-right: 3px solid #949599;
        cursor: default;
    }

    .bookingButton.notifyManager {
        background-image: url(/Images/button/btnBookingNotify.png);
        float: left;
    }

    .bookingButton.advancedSearch {
        background-image: url(/Images/button/btnBookingAdvanced.png);
        background-position: 6px center;
        padding-left: 40px;
        min-width: 100px;
        float: left;
        font-size: 12px;
        height: 30px;
    }

        .bookingButton.advancedSearch.selectedBtn {
            background-color: #d8d9db;
        }

.bookingSearch {
    width: 400px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #989C9F;
    background-color: #F6F6F6;
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 30px;
    float: left;
    margin-right: 10px;
}

    .bookingSearch.bookingSearchNext {
        margin-left: 5px;
        margin-right: 0;
    }

.btnSearchBooking {
    background-color: #949599;
    background-image: url(/Images/button/btnBookingSearch.png);
    background-position: 4px 6px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 18px;
    line-height: 30px;
    float: left;
    margin-left: -10px;
    margin-right: 10px;
}

.bookingPopupHeader {
    padding-left: 30px;
    background-image: url(/Images/bookingPopupHeader.png);
    background-repeat: no-repeat;
}

.advSearchPopupHeader {
    padding-left: 30px;
    background-image: url(/Images/advSearchPopupHeader.png);
    background-repeat: no-repeat;
    float: left;
}

.editPopupHeader {
    padding-left: 30px;
    background-image: url(/Images/advSearchPopupHeader.png);
    background-repeat: no-repeat;
    text-align: left;
    float: left;
}

.exportPopupHeader {
    padding-left: 30px;
    background-image: url(/Images/exportPopupHeader.png);
    background-repeat: no-repeat;
    float: left;
}

.popup, .popup > header.edit, .popup fieldset {
    background-color: #fbfbfb !important;
}

    .popup .input input, .popup .select select, .popup input, .popup select {
        background-color: #ffffff !important;
        border-color: #ebebeb !important;
    }

        .popup input[type=text]:disabled, .popup select:disabled, .popup .textlocation:disabled {
            background-color: #dddddd !important;
        }

        .popup input[type=text].caution {
            background-color: #c4dff0 !important;
        }

    .popup > header.edit {
        font-weight: bold;
    }

    .popup .required {
        color: #3d9bc6;
    }

/*---------------- varticalTabs -----------------*/
.verticalTabs {
    position: absolute;
    right: -2px;
    z-index: 901;
}

    .verticalTabs.opened {
        right: 350px;
        z-index: 904;
    }

.verticalTabsOptions {
    background-color: #ffffff;
    border-top-right-radius: 6px;
}

.verticalTabsOption {
    display: block;
}

.verticalTabsButton {
    border: 2px solid #b1cf4b;
    border-bottom-width: 1px;
    width: 146px;
    height: 35px;
    padding-left: 35px;
    padding-right: 0;
    padding-top: 3px;
    margin-right: 0;
    line-height: 12px;
    background-repeat: no-repeat;
    background-position: 3px center;
    color: #5B595A;
    background-color: #EFEFEF;
    cursor: pointer;
}

    .verticalTabsButton:hover {
        background-color: #FFFFFF;
        color: #878586;
    }

    .verticalTabsButton.selectedTab {
        background-color: #FFFFFF;
        border-color: #C9DD84;
        border-right: 1px solid #FFFFFF !important;
        color: #878586;
        border-left-width: 2px;
    }

    .verticalTabsButton.confirmedBooking {
        background-image: url(/Images/button/btnBookingConfirmed.png);
        border-top-left-radius: 2px;
        border-top-right-radius: 6px;
    }

    .verticalTabsButton.myNotification {
        background-image: url(/Images/button/btnBookingMyNotifications.png);
        background-position: 6px center;
        padding-left: 40px;
        padding-top: 8px;
    }

    .verticalTabsButton.overdueBooking {
        background-image: url(/Images/button/btnBookingOverdue.png);
        border-bottom-left-radius: 2px;
        border-bottom-width: 2px;
    }

.verticalTabsOptions li.verticalTabsOption:first-child .verticalTabsButton {
    border-top-left-radius: 2px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #b1cf4b;
}

    .verticalTabsOptions li.verticalTabsOption:first-child .verticalTabsButton.opened {
        border-top-right-radius: 0;
    }

.verticalTabsOptions li.verticalTabsOption:not(:first-child):not(:last-child) .verticalTabsButton {
    border-top: 1px solid #b1cf4b;
    border-bottom: 1px solid #b1cf4b;
}

.verticalTabsOptions li.verticalTabsOption:last-child .verticalTabsButton {
    border-top: 1px solid #b1cf4b;
}

    .verticalTabsOptions li.verticalTabsOption:last-child .verticalTabsButton.selectedTab {
        border-bottom-width: 2px;
    }

.verticalTabsContent {
    background-color: #FFFFFF;
    z-index: 903;
    margin-bottom: 20px;
    height: 1000px;
}

    .verticalTabsContent.opened {
        border: 2px solid #C9DD84;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

.varticalTab {
    width: 350px;
    padding: 10px;
}

.tabMenuList {
    margin: 20px 0 20px 0;
    overflow-y: auto;
    height: 890px;
}

    .tabMenuList li {
        margin-bottom: 10px;
        background-color: #efefef;
        color: #171516;
    }

    .tabMenuList div {
        padding: 10px;
    }

.tabMenuListHeader {
    color: #A0C730;
    font-size: 14px;
    font-weight: 600;
}

.tabMenuListSubheader {
    font-size: 14px;
    font-weight: 600;
}
/*---------------- end varticalTabs -----------------*/

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_day,
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_month,
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_year {
    background-color: #d8d9db !important;
    color: #ffffff !important;
    text-decoration: none !important;
    cursor: default !important;
}

.ajax__calendar {
    font-weight: 500 !important;
}

.bookingSearchTokenize {
    float: left;
    margin-right: 10px !important;
}

.divTokenize {
    width: 200px;
    text-align: left;
    vertical-align: middle;
    background-color: #FFFFFF !important;
    font-size: 16px;
    font-weight: 500;
    min-height: 30px;
}

    .divTokenize.select2-container.select2-container-multi {
        background-color: #FFFFFF !important;
        background-image: none;
        min-height: 30px;
    }

    .divTokenize.select2-container-multi .select2-choices {
        background-color: #FFFFFF !important;
        background-image: none;
        min-height: 30px;
        padding: 1px 0 0 0;
    }

        .divTokenize.select2-container-multi .select2-choices .select2-search-field input {
            padding: 2px 0 0 10px;
            border: none;
            background-color: #FFFFFF !important;
            font-size: 18px;
            line-height: 19px;
            font-weight: 500;
        }

div.select2-drop {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    margin-top: 1px !important;
    border-radius: 3px !important;
}

ul.select2-results .select2-disabled {
    display: none !important;
}

.select2-results .select2-result-label {
    font-size: 14px !important;
    padding: 3px 20px !important;
}

li.select2-search-choice a.select2-search-choice-close {
    background: url(/Images/common/ic_x.svg) right top no-repeat;
    width: 12px;
    height: 12px;
    top: 5px;
    background-position: right top !important;
}

.nofree {
    color: #de3e7a !important;
}

.icon-close {
    background-image: url("/Images/close.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    top: 8px;
    right: 5px;
    display: inline-block;
    height: 15px;
    position: absolute;
    width: 15px;
    cursor: pointer;
}

.icon-listg {
    background-image: url("/Images/listg.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    top: 8px;
    left: 10px;
    display: inline-block;
    height: 15px;
    position: absolute;
    width: 15px;
}

.etabs {
    margin: 0;
    padding: 0;
}

.tab {
    margin-right: -5px;
    display: inline-block;
    -ms-zoom: 1;
    zoom: 1;
    /**display: inline;*/
    background: #F1F1F2;
    border: solid 2px #AEB5B8;
    border-bottom: none;
    padding-right: 15px;
    position: relative;
}

    .tab a {
        font-size: 16px;
        line-height: 1.6em;
        display: block;
        padding: 0 10px;
        outline: none;
        color: #6D6D71;
    }

        .tab a.active {
            color: #B1CF4B;
        }

        .tab a:hover {
            text-decoration: underline;
        }

    .tab.active {
        background: #fff;
        padding-top: 2px;
        position: relative;
        top: 2px;
        border: 2px 2px 0 2px;
        border-color: #B1CF4B;
    }

        .tab.active > div {
            min-height: 800px;
        }

.tab-container {
    /*background: #fff;*/
    /*opacity:0.9;*/
    margin-top: -2px;
    background: rgba(255, 255, 255, 0.9);
}

    .tab-container .panel-container {
        background: #fff;
        border: solid #666 1px;
        padding: 10px;
    }

.tabContent {
    border: 2px solid #B1CF4B;
    min-height: 700px;
    min-width: 700px;
    padding: 20px;
}

.menu-lost {
    background-image: url(/Images/menu/menu-lost.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-order {
    background-image: url(/Images/menu/menu-order.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-purchase {
    background-image: url(/Images/menu/menu-purchase.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-rentalreturn {
    background-image: url(/Images/menu/menu-rentalreturn.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-rental {
    background-image: url(/Images/menu/menu-rental.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-service {
    background-image: url(/Images/menu/menu-service.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-servicereturn {
    background-image: url(/Images/menu/menu-servicereturn.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-transfer {
    background-image: url(/Images/menu/menu-transfer.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-booking {
    background-image: url(/Images/menu/menu-booking.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-documents {
    background-image: url(/Images/menu/menu-documents.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.menu-definition {
    background-image: url(/Images/menu/menu-documents.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.menu-myequipment {
    background-image: url(/Images/menu/menu-myequipment.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-myworkschedule {
    background-image: url(/Images/menu/menu-myworkschedule.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-transferspending {
    background-image: url(/Images/menu/menu-transferspending.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-myTasks {
    background-image: url(/Images/menu/menu-myTasks.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-technicianlist {
    background-image: url(/Images/menu/menu-technicianlist.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-employeeSchedule {
    background-image: url(/Images/menu/menu-employeeSchedule.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-employeeTasks {
    background-image: url(/Images/menu/workertasks.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-workschedule {
    background-image: url(/Images/menu/menu-workschedule.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-catalog {
    background-image: url(/Images/menu/menu-catalog.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-companyDetails {
    background-image: url(/Images/menu/menu-companydetails.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-equipmentGroups {
    background-image: url(/Images/menu/menu-equipmentgrups.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-locations {
    background-image: url(/Images/menu/menu-locations.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-projects {
    background-image: url(/Images/menu/menu-projects.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-models {
    background-image: url(/Images/menu/menu-models.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.menu-users.admin {
    background-image: url(/Images/Admin/Settings/settings-users.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-new-users.admin {
    background-image: url(/Images/Admin/Settings/settings-newusers.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-admin-roles.admin {
    background-image: url(/Images/Admin/Settings/settings-adminroles.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menuConnectUser.admin {
    background-image: url(/Images/Admin/menu_connectUser.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-help.admin {
    background-image: url(/Images/Admin/Settings/settings-help.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-ProceduresContainer.admin {
    background-image: url(/Images/Admin/Settings/settings-procedures.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-ReportGroups.admin {
    background-image: url(/Images/Admin/Settings/settings-reportgroups.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-models.admin {
    background-image: url(/Images/Admin/Intellirent/intellirent-models.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-product-groups.admin {
    background-image: url(/Images/Admin/Intellirent/intellirent-productgroups.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-news.admin {
    background-image: url(/Images/Admin/Content/content-news.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-faq.admin {
    background-image: url(/Images/Admin/Content/content-faq.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-about-us.admin {
    background-image: url(/Images/Admin/Content/content-aboutis.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-about-assist.admin {
    background-image: url(/Images/Admin/Content/content-intellirent.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-inventory {
    background-image: url(/Images/menu/inventory.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-inventoryBegin {
    background-image: url(/Images/menu/inventory_begin.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-import {
    background-image: url(/Images/menu/menu-import.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-equipments {
    background-image: url(/Images/menu/menu-equipments.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-clients {
    background-image: url(/Images/menu/menu-clients.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-serviceTypes {
    background-image: url(/Images/menu/menu-serviceTypes.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.menuGroup {
    padding: 8px 10px 8px 47px !important;
    margin-top: 0 !important;
    color: #868686;
    background-color: #ececec;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 28px;
    border-top: 1px solid #b0b7ba;
    font-weight: bold;
    font-size: 14px;
}

    .menuGroup.menuDocuments {
        background-image: url(/Images/menu/menuDocuments.png);
    }

    .menuGroup.menuTools {
        background-image: url(/Images/menu/menuTools.png);
    }

    .menuGroup.menuDefinitions {
        background-image: url(/Images/menu/menuDefinitions.png);
    }

.inner-sidebar {
    opacity: 1.0;
}

.subMenu {
    background-color: #FFF;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #b0b7ba;
    padding: 2px 0 4px 0;
    text-align: left;
    width: 80px;
    position: absolute;
    z-index: 1003;
    left: 110px;
}

    .subMenu a {
        padding: 7px;
        margin-top: 3px;
        /*border: 1px solid #B1CF4B;
        border-radius: 4px;*/
        /*padding-left: 45px;*/
        line-height: normal;
        font-size: 14px;
        /*padding: 0 0 0 1px;*/
        color: #7e858a;
        font-weight: bold;
        border-bottom: 1px solid #b0b7ba;
        display: block;
        /*font-weight: 400;*/
        text-decoration: none !important;
        position: relative;
        padding-left: 15px;
    }

        .subMenu a:hover {
            color: #7fba00;
            font-weight: bold;
        }

    .subMenu label {
        padding: 10px;
        margin-top: 3px;
        color: #7e858a;
        display: block;
    }

    .subMenu section a:last-child {
        border-bottom: none;
    }


.bold {
    font-weight: 600;
}

.fakeInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: white !important;
    border: none !important;
}

.btn-icon {
    border: 1px solid #b1cf4b;
    border-radius: 2px;
    min-width: 40px;
    height: 25px;
    margin-right: 5px;
    line-height: 12px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
}

    .btn-icon.active {
        background-color: #F1F1F2 !important;
    }

    .btn-icon.btn-newCustomer {
        background-image: url(/Images/button/btnAddcustomer.png);
        padding-left: 20px;
    }

    .btn-icon.btn-searchClient {
        background-image: url(/Images/button/btnsearchClient.png);
        padding-left: 20px;
    }

    .btn-icon.btn-btnAddNew {
        background-image: url(/Images/button/btnAddNew.png);
        padding-left: 20px;
        width: 100%;
    }

    .btn-icon.btn-btnDelete {
        background-image: url(/Images/button/btnTrash.png);
        padding-left: 20px;
        width: 100%;
        background-repeat: no-repeat;
    }

    .btn-icon.btn-btnFinalize {
        background-image: url(/Images/button/btnFinalize.png);
        padding-left: 20px;
        width: 100%;
        background-repeat: no-repeat;
    }

    .btn-icon.btn-btnOpen {
        background-image: url(/Images/button/btnPublishedOn.png);
        padding-left: 20px;
        width: 100%;
        background-repeat: no-repeat;
    }

    .btn-icon.btn-btnSave {
        background-image: url(/Images/button/btnSaveGreen.png);
        padding-left: 20px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .btn-icon.btn-btnPdf {
        background-image: url(/Images/pdf.png);
        padding-left: 20px;
        /*width: 100%;*/
        margin-bottom: 10px;
        width: 70px;
        text-align: center;
        line-height: 1.72;
        min-width: 70px;
    }

    .btn-icon.btn-btnReports {
        background-image: url(/Images/button/btnReports.png);
        background-size: 20px 20px;
        background-position-x: 2px;
        padding-left: 20px;
        width: 100%;
        background-repeat: no-repeat;
        height: 27px;
    }

    .btn-icon.btn-btnImport {
        background-image: url(/Images/button/btnImport2.png);
        background-position-x: 2px;
        background-position-y: -2px;
        width: 95px;
        text-align: center;
        line-height: 1.72;
        color: #7fba00;
        font-weight: 600;
        background-color: white !important;
        padding: 0 5px 0 38px;
        height: 30px;
    }

    .btn-icon.btn-btnExport {
        background-image: url(/Images/button/btnImport3.png);
        background-position-x: 2px;
        background-position-y: -2px;
        width: 95px;
        text-align: center;
        line-height: 1.72;
        color: #7fba00;
        font-weight: 600;
        background-color: white !important;
        padding: 0 5px 0 38px;
        height: 30px;
    }

.btn-iconDoc {
    border: 1px solid #b1cf4b;
    border-radius: 2px;
    width: 80px;
    height: 25px;
    margin: 0;
    line-height: 12px;
    background-position: 3px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: transparent;
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    color: #83BA3A;
    font-weight: 600;
    vertical-align: top;
}

    .btn-iconDoc.btn-btnDocSave {
        background-image: url(/Images/button/btnSaveGreen.png);
        background-size: contain;
    }

    .btn-iconDoc.btn-btnDocDelete {
        border: none;
        background-image: url(/Images/document/trash.png);
        width: 20px;
        background-size: 18px;
    }

    .btn-iconDoc.btn-btnDocFinalize {
        background-image: url(/Images/document/finalize.png);
        padding-left: 30px;
    }

    .btn-iconDoc.btn-btnDocEdit {
        border: none;
        background-image: url(/Images/document/edit.png);
        width: 20px;
    }

    .btn-iconDoc.btn-btnDocExpand {
        border: none;
        background-image: url(/Images/document/expand.png);
        width: 15px;
        margin-top: 4px;
    }

    .btn-iconDoc.btn-btnDocCancel {
        border: none;
        background: url(/Images/button/btnCancel.png) no-repeat left center;
        width: 15px;
        margin-top: 4px;
        background-size: contain;
    }

    .btn-iconDoc.btn-btnDocCollapse {
        border: none;
        background-image: url(/Images/document/collapse.png);
        width: 15px;
    }

    .btn-iconDoc.btn-btnDocAddEquipment {
        border: none;
        background-image: url(/Images/document/addnewequipment.png);
        width: 150px;
    }

.docSection {
    background-color: #FAFAFA;
    border: 1px solid #DADAD8;
    border-radius: 5px;
    width: 800px;
    margin: 12px 0 0 20px;
}

    .docSection.closed .btn-btnDocEdit {
        display: none !important;
    }

    .docSection.opened .btn-btnDocEdit {
        display: block;
    }

    .docSection.closed .btn-btnDocExpand {
        display: block !important;
    }

    .docSection.opened .btn-btnDocExpand {
        display: none !important;
    }

    .docSection.closed .btn-btnDocCollapse {
        display: none !important;
    }

    .docSection.opened .btn-btnDocCollapse {
        display: block !important;
    }

    .docSection.closed .docSectionContent {
        display: none !important;
    }

    .docSection.opened .docSectionContent {
        display: block !important;
    }

.docSectionHeader {
    font-size: 20px;
    padding: 10px 10px 10px 30px;
    position: relative;
}

.docSection.opened .docSectionHeader {
    border-bottom: 1px solid #E6E7DF;
}

.docSectionHeaderButtons {
    top: 10px;
    right: 10px;
    position: absolute;
}

.docSectionContent {
    padding: 10px 30px 10px 30px;
    position: relative;
    font-size: 11px;
    color: #000000;
}

.docSectionContentButtons {
    bottom: 10px;
    right: 10px;
    position: absolute;
}

.docSectionContent .info {
    color: gray;
}

.docSectionContentCell {
    display: inline-block;
    vertical-align: top;
}

.docSectionContentRow + .docSectionContentRow {
    margin-top: 10px;
}

.docSectionContentRow:last-child {
    margin-bottom: 10px;
}

.img-search {
    background-size: contain !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-image: url("/Images/button/btnSearchRight.png") !important;
    padding-right: 30px !important;
}

.btnColumnDefault {
    border: 1px solid #b1cf4b;
    border-radius: 2px;
    min-width: 55px;
    padding: 2px 10px 9px 40px;
    margin-right: 5px;
    margin-left: 20px;
    font-size: 16px;
    line-height: 26px;
    cursor: pointer;
    background-image: url(/Images/button/btnBookingAdvanced.png);
    background-repeat: no-repeat !important;
    background-position: 6px center;
    display: inline;
}

    .btnColumnDefault:hover {
        background-color: #d8d9db;
    }

.documentHeader {
    font-weight: bold;
    font-size: 16px;
    color: #8CC63E;
}

.description {
    font-size: 11px;
    font-style: italic;
    width: 250px;
    display: inline-block;
}

hr {
    border-width: 1px;
    color: #ebebeb;
    border: 1px solid #ebebeb;
    background-color: #ebebeb;
    border-left-width: 5px;
    border-right-width: 5px;
}

.input span {
    color: #404040;
    font: 14px/16px;
}

.dateField {
    border: none !important;
    margin-left: 3px;
    display: inline;
}

.dateFieldImg {
    vertical-align: middle;
}

.treeOptions {
    border: 1px solid #b1cf4b;
    border-radius: 2px;
    min-width: 110px;
    height: 24px;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 1px;
    margin-right: 5px;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 3px center;
    color: #252122;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

    .treeOptions:hover {
        background-color: #d8d9db;
    }

    .treeOptions.editGroup {
        background-image: url(/Images/button/btnTreeEditGroup.png);
    }

    .treeOptions.deleteGroup {
        background-image: url(/Images/button/btnTreeDeleteGroup.png);
    }

    .treeOptions.addGroup {
        background-image: url(/Images/button/btnTreeAddGroup.png);
    }

    .treeOptions.editUserRole {
        background-image: url(/Images/button/btnTreeEditUserRole.png);
    }

    .treeOptions.deleteUserRole {
        background-image: url(/Images/button/btnTreeDeleteUserRole.png);
    }

    .treeOptions.addUserRole {
        background-image: url(/Images/button/btnTreeAddUserRole.png);
    }

    .treeOptions.savePermission {
        background-image: url(/Images/button/btnTreeSavePermission.png);
    }

    .treeOptions.printBarcode {
        background-image: url(/Images/button/btnPrintBarCode.png);
        background-size: contain;
    }

.input .Zebra_DatePicker_Icon_Wrapper {
    position: unset !important;
}

.icon-calendar {
    background-image: url("/Images/button/btnBookingCalendar.svg");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 40px;
}

.readonlySection {
    margin-left: -5px;
    padding-left: 5px;
    background-color: #f6f6f6;
}

.vendorButton div {
    border: 1px solid #b1cf4b;
    border-radius: 2px;
    width: 45px;
    height: 32px;
    padding-left: 40px;
    line-height: 14px;
    cursor: pointer;
}

    .vendorButton div:hover {
        background-color: #d8d9db;
    }

.vendorButton.selected div {
    background-color: #d8d9db;
}

div.vendorButton.selected {
    background-color: transparent !important;
}

.vendorButton div span {
    vertical-align: middle;
}

.vendorButton.vendorPdf div {
    background-image: url(/Images/pdf.png);
    background-repeat: no-repeat;
    background-position: 3px center;
    line-height: 28px;
}

.printColumnsPopup {
    height: 490px !important;
}

.printColumns {
    max-height: 370px !important;
}

.filterInfo {
    display: inline;
}

.selectButtonSave {
    margin-left: 8px;
    min-width: 20px;
    min-height: 21px;
    border: none;
    background: url(/Images/button/btnSaveGreenSm.png) no-repeat left center;
    cursor: pointer;
}

.selectButtonCancel {
    margin-left: 4px;
    min-width: 19px;
    min-height: 18px;
    border: none;
    background: url(/Images/button/btnCancelSm.png) no-repeat left center;
    cursor: pointer;
}

.Zebra_DatePicker_Icon_Inside {
    top: 2px;
    right: 0px;
}

/*----------------- equipment booking calendar --------------------*/
.equipmentBookingCalendar .fc-equipmentBooked {
    color: #88898D !important;
    background-color: #D1D2D4;
}

.equipmentBookingCalendar .fc-equipmentBookedAccepted {
    color: #F0F0F0 !important;
    background-color: #949599;
}

.equipmentBookingCalendar .fc-content.fc-equipmentBooked {
    color: #434144 !important;
}

.equipmentBookingCalendar .fc-highlight {
    border: 4px solid #b1cf4b !important;
    background-color: transparent !important;
}

.equipmentBookingCalendar .fc-body .fc-widget-content {
    max-height: 80px !important;
    max-width: 750px !important;
}

.equipmentBookingCalendar .fc-day-number {
    font-size: 30px !important;
    line-height: 34px !important;
}

.equipmentBookingCalendar .fc-basic-view td.fc-week-number span,
.equipmentBookingCalendar .fc-basic-view td.fc-day-number {
    padding-bottom: 0;
    padding-right: 6px;
    padding-top: 0;
}

.equipmentBookingCalendar td.fc-event-container .fc-event,
.equipmentBookingCalendar td.fc-more-cell .fc-more {
    margin-left: 4px !important;
}

.equipmentBookingCalendar .fc-row .fc-content-skeleton td.fc-equipmentBooked,
.equipmentBookingCalendar td.fc-day.fc-sat.fc-equipmentBooked,
.equipmentBookingCalendar td.fc-day.fc-sun.fc-equipmentBooked {
    background-color: #D1D2D4 !important;
    border-color: #D1D2D4 !important;
}

.equipmentBookingCalendar .fc-row .fc-content-skeleton td.fc-equipmentBookedAccepted,
.equipmentBookingCalendar td.fc-day.fc-sat.fc-equipmentBookedAccepted,
.equipmentBookingCalendar td.fc-day.fc-sun.fc-equipmentBookedAccepted {
    background-color: #949599 !important;
    border-color: #D1D2D4 !important;
}

    .equipmentBookingCalendar .fc-row .fc-content-skeleton td.fc-equipmentBooked.fc-today,
    .equipmentBookingCalendar .fc-row .fc-content-skeleton td.fc-equipmentBookedAccepted.fc-today {
        border-color: #8f8f8f !important;
    }

.equipmentBookingCalendar .fc-day-number.fc-sat.fc-other-month.fc-bookedDay,
.equipmentBookingCalendar .fc-day-number.fc-sun.fc-other-month.fc-bookedDay,
.equipmentBookingCalendar .fc-day.fc-widget-content.fc-other-month.fc-bookedDay,
.equipmentBookingCalendar .fc-day-number.fc-other-month.fc-bookedDay.fc-equipmentBooked,
.equipmentBookingCalendar .fc-day-number.fc-other-month.fc-bookedDay.fc-equipmentBookedAccepted {
    border-color: #ECEEED !important;
}

.equipmentBookingCalendar .fc-day-number.fc-today {
    border-width: 3px;
    border-color: #8f8f8f;
    border-bottom: none;
}

.equipmentBookingCalendar .fc-day-header {
    color: #b1b2b4;
}

.equipmentBookingCalendar .calendarTitle {
    color: #b1b2b4;
    font-size: 14px;
}

.equipmentBookingCalendar div.fc-row.fc-widget-header {
    border-bottom: 6px solid #d8d9db !important;
}

.equipmentBookingCalendar .fc-row .fc-highlight-skeleton {
    z-index: 4;
}

.equipmentBookingCalendar .smallCalendar .fc-day-number {
    font-size: 22px !important;
    line-height: 26px !important;
}

.equipmentBookingCalendar .smallCalendar .fc-event {
    font-size: 10px !important;
}
/*----------------- end equipment booking calendar --------------------*/

.blackbold {
    color: #242021;
    font-weight: 600;
    font-size: 14px;
}

.btn-icon-basic {
    border: none;
    min-width: 28px;
    height: 26px;
    margin-right: 5px;
    line-height: 12px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
}

.btn-locationON {
    background-image: url(/Images/button/location_on.png) !important;
    outline: none;
}

.btn-locationOFF {
    background-image: url(/Images/button/location_off.png) !important;
    outline: none;
}

.btn-technicianON {
    background-image: url(/Images/button/technician_on.png) !important;
    outline: none;
}

.btn-technicianOFF {
    background-image: url(/Images/button/technician_off.png) !important;
    outline: none;
}

input[type="text"], textarea, select {
    font-size: 15px !important;
    height: 30px;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;*/
}

.circle-sm {
    -webkit-border-radius: 50%;
    background-color: #87888C;
    height: 20px;
    border-radius: 50%;
    color: white;
    min-width: 20px;
    display: inline-block;
    line-height: 1.42;
    text-align: center;
}

.table-form {
    font-size: 14px;
    color: #333;
}

    .table-form > table {
        display: inline-table;
        border-left: 10px solid #ECECEC;
        border-collapse: separate;
        border-spacing: 10px 5px;
    }

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

.table-form > table > thead > tr > th {
    text-align: left;
    line-height: 1.42857;
    font-size: 18px !important;
    color: #B1CF4B;
    font-weight: bold;
}

.table-form > table + table {
    margin-left: 20px;
}

.titleImg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    padding-left: 30px;
}

    .titleImg.cmp-details {
        background-image: url(/Images/headers/cmpdetails.png);
    }

    .titleImg.config {
        background-image: url(/Images/headers/config.png);
    }

    .titleImg.contact {
        background-image: url(/Images/headers/contact.png);
    }

    .titleImg.fields {
        background-image: url(/Images/headers/fields.png);
    }

    .titleImg.users {
        background-image: url(/Images/headers/users.png);
    }

    .titleImg.locations {
        background-image: url(/Images/headers/location.png);
    }

.divTransfers, .divReservation {
    cursor: pointer;
}

.transfer {
    background-image: url(/Images/menu/menu-transfer.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 26px;
    display: block;
    float: right;
}

/*span{
    font-size:16px !important;
}*/

.event_content {
    position: relative;
    cursor: pointer;
    color: #666666;
    padding-top: 3px;
    padding-bottom: 0;
}

.event_content_oneline {
    padding-top: 10px;
}

.event_btn {
    position: absolute;
    right: 0;
    width: 150px;
    height: 22px;
    padding: 2px 0 2px 32px;
    border: 1px solid #B1CF4B;
    border-radius: 5px;
    font-size: 14px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    cursor: pointer;
}

.event_btnEdit {
    background-image: url(/Images/button/btnScheduleEdit.png);
    background-position: 6px center;
    top: 0;
}

.event_btnDelete {
    background-image: url(/Images/button/btnScheduleDelete.png);
    background-position: 10px center;
    top: 28px;
}

.event_content_div {
    min-height: 10px;
    padding: 0 1px 0 10px;
    /*border-left: 1px solid #ffffff;*/
    /*border-bottom: 1px solid #ffffff;*/
    font-size: 14px;
    background-color: transparent;
    /*background-repeat: no-repeat;
    background-position: 15px 10px;*/
}

.event_content_todo {
    /*background-image: url(/Images/scheduleTodo.png);
    background-position: 15px 5px;*/
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    max-width: 300px;
    height: 16px;
    vertical-align: top;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.event_content_time {
    /*margin-left: 10px;*/
    min-height: 10px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    background-color: transparent;
    /*background-repeat: no-repeat;
    background-position: 1px 1px;
    background-image: url(/Images/time.png);*/
    display: block;
    height: 16px;
    vertical-align: top;
    color: #000000;
}

.event_content_equipment {
    /*background-image: url(/Images/scheduleEquipment.png);*/
    min-height: 10px;
    padding: 0 1px 0 10px;
    line-height: 12px;
    color: #000000;
}

.event_content_note {
    background-image: url(/Images/scheduleNote.png);
    border-bottom: none;
}

.reservationEquipment {
    margin-left: 10px;
    position: relative;
    min-height: 22px;
    margin-bottom: 2px;
    padding: 3px 20px 3px 30px;
    font-size: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 1px 5px;
    background-image: url(/Images/scheduleEquipmentItem.png);
}

.eventActivity {
    background-color: #a6c6d3 !important;
    /*border-top: 1px solid #84aab9 !important;*/
}

/*.calendar_event_inner.eventActivity
{
    border-right: 1px solid #84aab9 !important;
    border-bottom: 1px solid #84aab9 !important;
}*/

.timeDll {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 35px !important;
    outline: 0 none;
    border: 1px solid #aaaaaa;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2px !important;
}

    .timeDll::-ms-expand {
        display: none;
    }

.txtReservation {
    outline: 0 none;
    border: 1px solid #aaaaaa;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.schedulerEditRow {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding-left: 10px;
    padding-right: 15px;
}

.readonlyTxt {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    outline: 0 none;
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
}

.requiredTxtValue {
    background-color: #c5dfed;
}

.users {
    padding-left: 35px;
    padding-top: 10px;
}

.btnUpload {
    background-image: url(/Images/button/btnUpload.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.workedHours {
    background-color: White;
    width: 50px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    outline: 0 none;
    border: 1px solid #f6f6f6;
    text-align: center;
    line-height: 20px;
}

.helpTooltipTitle {
    background-image: url("/Images/helpIconTr.png");
    background-repeat: no-repeat;
    text-align: left;
    line-height: 25px;
    padding-left: 30px;
}

.helpTooltipContent {
    color: #919191;
    font-size: 14px !important;
    line-height: 1.45em !important;
    white-space: normal !important;
}

    .helpTooltipContent a {
        color: #15c !important;
        text-decoration: underline !important;
    }

    .helpTooltipContent div,
    .helpTooltipContent p,
    .helpTooltipContent ul,
    .helpTooltipContent ol,
    .helpTooltipContent blockquote {
        box-shadow: none !important;
        background: none !important;
        margin: 0 !important;
        margin-bottom: 15px !important;
        line-height: 1.4em !important;
        font-size: 14px !important;
        border: none !important;
    }

    .helpTooltipContent iframe,
    .helpTooltipContent object,
    .helpTooltipContent hr {
        margin-bottom: 15px !important;
    }

    .helpTooltipContent blockquote {
        margin-left: 32px !important;
        font-style: italic !important;
        color: #555 !important;
    }

    .helpTooltipContent ul {
        padding-left: 20px !important;
        list-style: disc inside !important;
    }

    .helpTooltipContent ol {
        padding-left: 20px !important;
        list-style: decimal inside !important;
    }

        .helpTooltipContent ul ul,
        .helpTooltipContent ol ol,
        .helpTooltipContent ul ol,
        .helpTooltipContent ol ul {
            border: none !important;
            margin: 2px !important;
            padding: 0 !important;
            padding-left: 24px !important;
        }

    .helpTooltipContent hr {
        display: block !important;
        height: 1px !important;
        border: none !important;
        border-top: 1px solid #CCC !important;
    }

    .helpTooltipContent h1,
    .helpTooltipContent h2,
    .helpTooltipContent h3,
    .helpTooltipContent h4 {
        color: #111 !important;
        background: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-weight: bold !important;
    }

    .helpTooltipContent h1 {
        font-size: 32px !important;
        line-height: 38px !important;
        margin-bottom: 20px !important;
    }

    .helpTooltipContent h2 {
        font-size: 26px !important;
        line-height: 34px !important;
        margin-bottom: 15px !important;
    }

    .helpTooltipContent h3 {
        font-size: 22px !important;
        line-height: 28px !important;
        margin-bottom: 7px !important;
    }

    .helpTooltipContent h4 {
        font-size: 16px !important;
        line-height: 22px !important;
        margin-bottom: 7px !important;
    }

.htmlEditorContent {
    color: #000000;
}

    .htmlEditorContent a {
        color: #15c !important;
        text-decoration: underline !important;
    }

    .htmlEditorContent div,
    .htmlEditorContent p,
    .htmlEditorContent ul,
    .htmlEditorContent ol,
    .htmlEditorContent blockquote {
        box-shadow: none !important;
        background: none !important;
        margin: 0 !important;
        margin-bottom: 15px !important;
        line-height: 1.4em !important;
        font-size: 14px !important;
        border: none !important;
    }

    .htmlEditorContent iframe,
    .htmlEditorContent object,
    .htmlEditorContent hr {
        margin-bottom: 15px !important;
    }

    .htmlEditorContent blockquote {
        margin-left: 32px !important;
        font-style: italic !important;
        color: #555 !important;
    }

    .htmlEditorContent ul {
        padding-left: 20px !important;
        list-style: inside;
    }

    .htmlEditorContent ol {
        padding-left: 20px !important;
        list-style: inside;
        list-style-type: decimal;
    }

        .htmlEditorContent ul ul,
        .htmlEditorContent ol ol,
        .htmlEditorContent ul ol,
        .htmlEditorContent ol ul {
            border: none !important;
            margin: 2px !important;
            padding: 0 !important;
            padding-left: 24px !important;
        }

    .htmlEditorContent hr {
        display: block !important;
        height: 1px !important;
        border: none !important;
        border-top: 1px solid #CCC !important;
    }

    .htmlEditorContent h1,
    .htmlEditorContent h2,
    .htmlEditorContent h3,
    .htmlEditorContent h4,
    .htmlEditorContent h5,
    .htmlEditorContent h6 {
        color: #111 !important;
        background: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-weight: bold !important;
    }

    .htmlEditorContent h1 {
        font-size: 32px !important;
        line-height: 38px !important;
        margin-bottom: 20px !important;
    }

    .htmlEditorContent h2 {
        font-size: 26px !important;
        line-height: 34px !important;
        margin-bottom: 15px !important;
    }

    .htmlEditorContent h3 {
        font-size: 22px !important;
        line-height: 28px !important;
        margin-bottom: 7px !important;
    }

    .htmlEditorContent h4 {
        font-size: 16px !important;
        line-height: 22px !important;
        margin-bottom: 7px !important;
    }

    .htmlEditorContent h5 {
        font-size: 12px !important;
        line-height: 18px !important;
        margin-bottom: 7px !important;
    }

    .htmlEditorContent h6 {
        font-size: 10px !important;
        line-height: 12px !important;
        margin-bottom: 7px !important;
    }

#divTitleHolder h1 {
    margin-left: 10px;
    padding-right: 15px;
    font-weight: normal;
    padding-top: 2px;
    font-size: 23px;
}

#divTitleHolder td {
    vertical-align: top;
}


.rightButtonsNormalImg {
    height: 42px;
}

.rightButtonsHoverImg {
    height: 42px;
}

.rightButtonsOnImg {
    height: 42px;
}

.modelManual {
    background: url('/Images/i_man.png') no-repeat left center;
    padding-left: 25px;
    padding-bottom: 5px;
    cursor: pointer;
}

.modelSpecification {
    background: url('/Images/i_spec.png') no-repeat left center;
    padding-left: 25px;
    padding-bottom: 5px;
    cursor: pointer;
}

.imgTitleText {
    color: #000000;
    text-align: left;
    width: 100%;
    margin-top: 5px;
    line-height: 16px;
    /*max-width: 300px;*/
    height: 16px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modelCategories {
    position: absolute;
    top: 7px;
    left: 300px;
    right: 0;
    color: #87888C;
    font-style: italic;
    font-size: 12px;
    line-height: 12px;
    height: 20px;
    vertical-align: top;
}

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

    .modelCategoriesEllipsis:hover {
        background: #ffffff;
        border: 1px solid #b1cf4b;
        min-height: 20px;
        height: auto;
        padding: 5px;
        -ms-text-overflow: clip;
        -o-text-overflow: clip;
        text-overflow: clip;
        white-space: normal;
    }

.scheduleEllipsis:hover {
    border: 2px solid #b1cf4b;
    background: #ffffff !important;
    min-width: 120px !important;
    min-height: 30px !important;
    padding: 5px;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: normal;
    z-index: 1005 !important;
    opacity: 0.9;
}

/* IE */
input[type=text]::-ms-clear {
    display: none;
    /*width : 0;
    height: 0;*/
}
/* Chrome */
/*input[type=text]::-webkit-search-decoration,
input[type=text]::-webkit-search-cancel-button,
input[type=text]::-webkit-search-results-button,
input[type=text]::-webkit-search-results-decoration {
  display: none;
}*/

.dateInput {
    height: 19px;
    margin-left: 10px;
    width: 100px;
    margin-right: 40px;
}

/*.invalidNumeric {
    background-color: orange !important;
}*/

.selectDll {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0 none;
    border: 1px solid #aaaaaa;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .selectDll::-ms-expand {
        display: none;
    }

.comboDll {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0 none;
    border: 1px solid #aaaaaa;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    width: 100%;
    background: #ffffff;
    background-image: url("/Images/document/expand.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 8px;
    margin-right: 10px;
    padding: 2px;
    padding-right: 10px;
}

    .comboDll::-ms-expand {
        display: none;
    }

    .comboDll option:disabled {
        color: #999 !important;
    }

#rigthMenu {
    float: right;
    opacity: 0.9;
}

#rightMenuLogged {
    margin: auto;
    /*font-weight: bold;*/
}

.divTitleHolder {
    color: #000000;
    background-color: rgba(255,255,255,1);
    border-radius: 6px;
    height: 37px;
    color: #87888c;
}

.divHelpIcon {
    background-color: rgba(255,255,255,1);
    border-radius: 0 6px 6px 0;
    height: 34px;
    width: 30px;
    /*padding: 9px 6px 8px 12px;*/
    cursor: pointer;
    border-left: 2px solid #d9d9d9;
    margin-top: 1px;
    text-align: center;
}

.h1Title {
    /*max-width: 430px;
    margin-bottom: 3px;
    vertical-align: initial !important;
    white-space: nowrap;*/
}

.tdImgHelp {
    vertical-align: bottom;
    padding-bottom: 8px;
}

#rigthMenuAdmin {
    background-color: rgba(255,255,255,.9);
    box-shadow: 0 0 9px 2px #d8d8d8;
    border-radius: 6px;
    float: right;
    /*opacity: 0.9;*/
    padding: 8px 20px 8px 20px;
}

#rightMenuLoggedAdmin {
    border-bottom: 2px solid #7fba00;
    width: 90%;
    margin: auto;
    color: #7fba00;
    font-weight: bold;
    display: inline;
    opacity: 0.9;
}

.select2-input {
    border: none !important;
}

a.a-link {
    font-size: 18px;
    padding: 6px;
}

    a.a-link:hover, a.a-link:focus {
        color: #7fba00 !important;
    }

.divSection .label {
    font-style: italic;
    color: #767777;
    position: relative;
    top: -5px;
}

.divSection div.inputDiv {
    min-height: 20px;
    overflow: hidden !important;
    word-break: break-all;
    height: 20px;
}

.btn-custom {
    font-weight: bold;
    font-size: 17px;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-delete {
    color: #F44336;
}

    .btn-delete:hover {
        color: #F44336;
    }

.btn-edit {
    color: #7FBA00;
}

    .btn-edit:hover {
        color: #7FBA00;
    }

    .btn-delete img, .btn-edit img {
        max-height: 17px;
    }

.btn-start, .btn-finalize-off {
    background-color: #C4C4C4;
    color: #FFF;
}

    .btn-start:hover, .btn-finalize-off:hover {
        background-color: #C4C4C4;
        color: #FFF;
    }

.btn-custom-filled {
    padding: 6px 10px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

    .btn-custom-filled img {
        max-height: 17px;
        position: relative;
        top: 2px;
    }

.disabled {
    cursor: not-allowed !important;
}

span.disabled {
    color: #999;
}

.btn-complete, .btn-finalize, .btn-restart {
    background-color: #7FBA00;
    color: #FFF;
}

    .btn-complete:hover, .btn-finalize:hover, .btn-restart:hover {
        background-color: #7FBA00;
        color: #FFF;
    }

.fullWidth {
    width: 100%;
}

.fullHeight {
    height: 100%;
}

.fieldsetInventory {
    padding: 10px !important;
}

div.ui-dialog.ui-widget {
    z-index: 1111 !important;
}

.nowrap {
    white-space: nowrap;
}

/*.modal-header span:not(.sp-title):not(.text-subtitle):not(.text-normal):not(.sp-small-title) {
    color: #767777;
    font-size: 30px;
    margin: 10px;
}*/

.btn:active, .btn.active {
    box-shadow: none !important;
}

.btn:disabled, .btn.disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
    background-color: white !important;
    opacity: 1;
}

.btn:focus, .btn.focus {
    outline: none !important;
}

.modal-footer .btn-red, .btn-red {
    border: 2px solid red;
    color: red !important;
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #DDDDDD !important;
    color: #000 !important;
    min-height: 32px !important;
}

    .select2-container-multi.select2-container-disabled .select2-choices,
    .select2-container-multi.select2-container-disabled .select2-choices > * {
        cursor: not-allowed !important;
        height: 32px;
    }

        .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
            height: 20px !important;
        }

.select2-container-multi.select2-container-disabled .select2-search-field {
    height: 0px !important;
}



.SumoSelect > .CaptionCont > label > i {
    background-image: url(../Images/common/ic_dropdown.svg) !important;
    left: 4px !important;
}

.select2-choices .select2-search-field:after {
    content: url(../Images/common/ic_dropdown.svg) !important;
    margin-right: 8px;
    right: 0 !important;
}

.bootstrap-select:not(.new-selectpicker) .dropdown-toggle .bs-caret:after {
    content: url(../Images/common/ic_dropdown.svg) !important;
    padding-right: 0px !important;
    position: relative !important;
    top: -2px !important;
}

.bootstrap-select:not(.new-selectpicker) .dropdown-toggle .caret {
    display: none !important;
}

button.Zebra_DatePicker_Icon {
    background: url(/Images/common/ic_calendar.svg) no-repeat left top !important;
    height: 24px !important;
    top: 1px !important;
    margin: 0 6px 0 0 !important;
}

label.select {
    width: 100%;
}

    label.select .bootstrap-select:not(.new-selectpicker) .dropdown-menu.inner {
        max-height: 500px;
    }

label.date {
    width: 100%;
}

    label.date div.date {
        position: relative;
        top: 2px;
    }

        label.date div.date input {
            width: calc(100% - 42px) !important;
        }

.ui-dialog .ui-dialog-titlebar-close {
    background: url(/Images/button/btnClose.png) no-repeat center !important;
    border: none;
    top: 1.3em !important;
}

.modal .modal-body {
    padding: 10px 25px !important;
}

/*.bootstrap-select:not(.new-selectpicker) .dropdown-menu[role="combobox"],
.bootstrap-select:not(.new-selectpicker) .dropdown-menu[role="combobox"] .inner.open {
    max-height: 215px !important;
}*/

.dateRange {
    vertical-align: top;
}

.select2-drop-active {
    border: 1px solid #BDBDBD !important;
    border-top: none;
}

.select2-results .select2-highlighted {
    text-decoration: none;
    background-color: white !important;
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background-color: #FFF !important;
}

.ellipsis {
    overflow: hidden !important;
    word-break: break-all !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
    max-width: 100%;
}

div.heightToScreen {
    height: 100%;
}

.double-form-group {
    margin-bottom: 20px;
}

.min-form-group {
    margin-bottom: 10px;
}

/*#region Datatable */

.dataTables_wrapper {
    padding-top: 5px !important;
}

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: none !important;
    }

.dataTables_scrollBody table.dataTable thead th, .dataTables_scrollBody table.dataTable thead td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.dataTables_scroll {
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);*/
    margin-top: 0px !important;
}

.dataTables_scrollHead {
    padding-top: 0px !important;
}

.dataTables_scrollBody {
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;*/
    box-shadow: none !important;
    border-radius: 0 !important;
}

table.dataTable {
    /*background: #C4C4C4 !important;*/
    border-radius: 0px !important;
    color: #000000 !important;
    width: 100% !important;
    word-break: break-word;
}

    table.dataTable thead {
        background: #C4C4C4 !important;
    }

        table.dataTable thead .sorting_asc.text-right,
        table.dataTable thead .sorting_desc.text-right {
            background-image: none !important;
        }

        table.dataTable thead .sorting_asc:not(.text-right),
        table.dataTable thead .sorting_asc span {
            background-position-y: 50% !important;
            background-image: url(/Images/datatables/ic_sort_grow.svg) !important;
            background-position-x: 5px !important;
            background-repeat: no-repeat;
        }

        table.dataTable thead .sorting_desc:not(.text-right),
        table.dataTable thead .sorting_desc span {
            background-position-y: 50% !important;
            background-image: url(/Images/datatables/ic_sort_down.svg) !important;
            background-position-x: 5px !important;
            background-repeat: no-repeat;
        }

        table.dataTable thead .sorting_asc.text-right span,
        table.dataTable thead .sorting_desc.text-right span {
            padding-left: 25px;
        }

        table.dataTable thead th, table.dataTable thead td {
            padding: 0.8vh 1vh !important;
            border-bottom: none !important;
            font-size: 14px;
            vertical-align: middle;
        }

    table.dataTable th:first-child, table.dataTable td:first-child,
    table.dataTable.data-table-report th:first-child, table.dataTable.data-table-report td:first-child {
        margin-left: 15px !important;
        padding-left: 20px !important;
    }

    table.dataTable th:last-child, table.dataTable td:last-child,
    table.dataTable.data-table-report th:last-child, table.dataTable.data-table-report td:last-child {
        margin-right: 15px !important;
        padding-right: 20px !important;
    }

    table.dataTable th .imgAdd {
        display: flex;
    }

    table.dataTable > tbody > tr > td {
        border: none;
    }

    table.dataTable thead th {
        border-bottom: none !important;
    }

    table.dataTable:not(.data-table) tbody th, table.dataTable:not(.data-table) tbody td {
        padding: 1.5vh 2vh !important;
    }

    /*table.dataTable:not(.table-gray) tbody tr:not(.evenRow), table.dataTable:not(.table-gray) tbody tr.even, table.dataTable:not(.table-gray) tbody tr.odd {
        background-color: #FFF !important;
    }*/

    table.dataTable tbody tr td, table.dataTable tfoot tr td {
        border-bottom: 2px solid #E3E3E3;
        border-top: 2px solid transparent;
        font-size: 14px;
    }

        table.dataTable tbody tr td:first-child, table.dataTable tfoot tr td:first-child {
            border-left: 2px solid transparent;
        }

        table.dataTable tbody tr td:last-child, table.dataTable tfoot tr td:last-child {
            border-right: 2px solid transparent;
        }

    table.dataTable tbody tr.selected td {
        border-bottom: 2px solid #7fba00;
        border-top: 2px solid #7fba00;
    }

        table.dataTable tbody tr.selected td:first-child {
            border-left: 2px solid #7fba00;
            border-bottom: 2px solid #7fba00;
            border-top: 2px solid #7fba00;
        }

        table.dataTable tbody tr.selected td:last-child {
            border-right: 2px solid #7fba00;
            border-bottom: 2px solid #7fba00;
            border-top: 2px solid #7fba00;
        }

.pager {
    display: inline-block;
    margin-top: 5px !important;
    vertical-align: bottom !important;
    right: 0;
    bottom: 0;
    position: relative;
    float: right;
    /*top: 2px;*/
    margin: 0;
    padding: 0;
    margin-right: 5px;
}

    .pager .paginate_button {
        display: none !important;
    }

    .pager .previous, .pager .next {
        display: inline-block !important;
        outline: none !important;
    }

.dataTables_paginate {
    display: block;
}

#dataTableNode_paginate {
    display: block;
}

table.dataTable.no-footer {
    border-bottom: none;
}

img.imgAdd {
    cursor: pointer;
}

.dataTables_scrollHeadInner:not(#divReportsData .dataTables_scrollHeadInner) {
    width: 100% !important;
}

.dt-buttons {
    display: none;
}

.dataTables_paginate {
    float: left;
    min-width: 105px !important;
}

.dataTables_length {
    float: left;
    position: relative;
    top: -3px;
    outline: none !important;
}

    .dataTables_length select, .dataTables_length select option {
        outline: none !important;
    }
/*#endregion Datatable */
/*#region Modal*/
.modal-content {
    border-radius: 0px !important;
}

.modal-footer {
    padding: 19px 25px 20px;
}

.modal-body {
    padding: 20px 25px !important;
}

    .modal-body .label, .modal-body .link {
        display: inline;
        margin-bottom: 6px;
        line-height: 19px;
        font-weight: 400;
        font-size: 14px;
        color: #767777;
        text-align: left;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .modal-body .li-sortable {
        padding-bottom: 20px;
    }

    .modal-body .form-group label.input label.error, .modal-body label.error {
        display: flex;
        margin-bottom: 0;
        justify-content: flex-start;
    }

    .modal-body .form-group .charactersRemaining, .modal-body .charactersRemaining {
        display: flex;
        margin-bottom: -1.42857143em;
        justify-content: flex-end;
    }

    .modal-body label.label, .form-group .label {
        font-weight: 600;
        display: block;
    }

    .modal-body .button, .modal-body .checkbox, .modal-body .input, .modal-body .radio, .modal-body .select, .modal-body .textlocation, .modal-body .toggle,
    .form-group .input {
        position: relative;
        display: block;
        font-weight: 400;
        margin-bottom: 1em;
    }

        .modal-body .input input[type="text"], .modal-body .input input[type="password"], .modal-body .select select, .modal-body .input select,
        .modal-body .input input[type="number"], .modal-body div.bootstrap-select:not(.new-selectpicker), .filters div.bootstrap-select:not(.new-selectpicker),
        .form-group .input input[type="text"] {
            width: 100%;
            height: 32px;
            border: 1px solid #BDBDBD;
            border-radius: 3px;
            padding: 0 6px !important;
            min-height: 26px;
            margin: 0;
            left: 0 !important;
            outline: none !important;
        }

        .modal-footer .input input[type="text"], .modal-footer .input input[type="password"], .modal-footer.select select, .modal-footer .input select,
        .modal-footer .input input[type="number"], .modal-footer div.bootstrap-select:not(.new-selectpicker), .filters div.bootstrap-select:not(.new-selectpicker),
        .form-group .input input[type="text"] {
            width: 100%;
            height: 32px;
            border: 1px solid #BDBDBD;
            border-radius: 3px;
            padding: 0 6px !important;
            min-height: 26px;
            margin: 0;
            left: 0 !important;
            outline: none !important;
        }

        .div-section .input input[type="text"], .div-section .input input[type="password"], .div-section .select select, .div-section .input select,
        .div-section .input input[type="number"], .div-section div.bootstrap-select:not(.new-selectpicker), .filters div.bootstrap-select:not(.new-selectpicker),
        .form-group .input input[type="text"] {
            width: 100%;
            height: 32px;
            border: 1px solid #BDBDBD;
            border-radius: 3px;
            padding: 0 6px !important;
            min-height: 26px;
            margin: 0;
            left: 0 !important;
            outline: none !important;
        }


            .modal-body div.bootstrap-select:not(.new-selectpicker):not(.new-) {
                padding: 0px;
                display: block;
            }

.select2-container-multi .select2-choices .select2-search-field input {
    height: 28px !important;
    padding: 3px 6px !important;
    color: #333333 !important;
}

.input input[type="text"], .input input[type="password"], .select select, .input select, label.input textarea,
.input input[type="number"], .modal-body div.row label.select div.bootstrap-select:not(.new-selectpicker), div.row label.select div.bootstrap-select:not(.new-selectpicker),
.filters div.bootstrap-select:not(.new-selectpicker), .filters input.filter, .dataTables_length select, .divReportFilters div.bootstrap-select:not(.new-selectpicker) {
    width: 100%;
    height: 32px;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    padding: 0 6px !important;
    min-height: 26px;
    margin: 0;
    left: 0 !important;
    background-color: white;
}

.divReportFilters div.bootstrap-select:not(.new-selectpicker) {
    height: 30px !important;
}

.dataTables_length div.dropdown.bootstrap-select:not(.new-selectpicker) {
    width: 60px !important;
}

.dataTables_length li > a, .dataTables_length .dataTables_length li > span {
    border: unset !important;
    outline: none !important;
    background-color: unset !important;
}

.filters div.btnFilters {
    display: inline-block;
    vertical-align: middle;
}

    .filters div.btnFilters .imgBtnFilters {
        position: absolute;
        vertical-align: middle !important;
        top: 6px;
        left: 4px;
        cursor: pointer;
    }

    .filters div.btnFilters .imgLoupe {
        position: absolute;
        top: 7px;
        left: calc(20vw - 30px);
        cursor: pointer;
    }

        .filters div.btnFilters .imgLoupe.mini {
            left: calc(10vw - 30px);
        }

        .filters div.btnFilters .imgLoupe.middle {
            left: calc(15vw - 30px);
        }

    .filters div.btnFilters.right .imgLoupe.mini {
        left: auto;
        right: 30px !important;
    }

    .filters div.btnFilters input.filter.search {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .filters div.btnFilters.hideImgFilter .imgBtnFilters {
        display: none;
    }

    .filters div.btnFilters.hideImgFilter input.filter.search {
        padding-left: 6px !important;
    }

.filters .divOtherButtons {
    display: inline-block;
    float: right;
    position: relative;
    top: 2px;
}

.filters .filter, .filters .SumoSelect {
    vertical-align: middle;
}

.filters input.filter.search {
    padding-right: 28px;
    vertical-align: bottom;
    width: 20vw;
}

    .filters input.filter.search.mini {
        width: 10vw;
    }

    .filters input.filter.search.middle {
        width: 15vw;
    }

.modal-body label.input textarea, label.input textarea {
    padding: 3px 6px !important;
}

.modal-body div.bootstrap-select:not(.new-selectpicker) {
    padding: 0;
}

.modal-body input[type='number'], .form-group input[type='number'] {
    -moz-appearance: textfield;
}

.modal-body input::-webkit-outer-spin-button, .modal-body input::-webkit-inner-spin-button,
.form-group input::-webkit-outer-spin-button, .form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.select2-container-multi .select2-choices {
    padding: 0 !important;
    border: 1px solid #BDBDBD !important;
    border-radius: 3px;
}

    .select2-container-multi .select2-choices .select2-search-choice {
        margin-top: 4px !important;
        font-size: 14px !important;
    }

.SumoSelect > .CaptionCont {
    border: 1px solid #BDBDBD !important;
    border-radius: 3px;
}

.input .Zebra_DatePicker_Icon_Wrapper {
    width: 100%;
}

.SumoSelect > .CaptionCont > span.placeholder {
    font-style: normal !important;
    color: #333333 !important;
}

.bootstrap-select .filter-option {
    height: auto !important;
}

.bootstrap-select:not(.new-selectpicker) .dropdown-toggle .filter-option-inner-inner {
    margin-top: 2px;
    font-size: 14px !important;
}

label.select .bootstrap-select:not(.new-selectpicker) {
    background-color: #FFF;
}

    .modal-body .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"], label.select .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"],
    .filters .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"], .divReportFilters div.bootstrap-select:not(.new-selectpicker) .dropdown-toggle[data-toggle="dropdown"] {
        padding-top: 3px;
        height: 28px;
    }

    .modal-footer .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"], label.select .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"],
    .filters .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"], .divReportFilters div.bootstrap-select:not(.new-selectpicker) .dropdown-toggle[data-toggle="dropdown"] {
        padding-top: 3px;
        height: 28px;
    }

.modal-body .select div.SumoSelect, .modal-body .input div.SumoSelect p, .modal-body .select div.SumoSelect p {
    width: 100%;
    height: 32px;
}

    .modal-body .input div.SumoSelect p.SlectBox, .modal-body .select div.SumoSelect p.SlectBox {
        padding: 5px 6px;
    }

.modal-body div.select2-container {
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

    .modal-body div.select2-container .select2-choices, .modal-body .select div.SumoSelect, .modal-body .input div.SumoSelect p, .modal-body .select div.SumoSelect p, .modal-body .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"], .filters .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"], .dataTables_length select {
        outline: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        background-image: none !important;
    }

.modal-body .bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"] {
    padding: 0 6px;
}


.bootstrap-select:not(.new-selectpicker) > .dropdown-toggle[data-toggle="dropdown"] {
    border: none;
    outline: none !important;
    font-size: 13px;
    padding: 1px;
}

div.bootstrap-select:not(.new-selectpicker) {
    border-style: solid;
    outline: none !important;
    border-color: #e0e0e0;
    border-width: 2px;
    border-radius: 15px;
    height: 25px;
    padding-left: 5px;
}
/*input.filter {
    height: 25px !important;
    background-image: url('/Images/search_inactive.png');
    background-repeat: no-repeat;
    background-position: 95.5% center;
    padding-right: 28px;
    padding-left: 5px;
}*/
.filterModal {
    position: absolute;
    left: 15px;
    top: 46px;
    overflow: hidden;
}

    .filterModal .modal-dialog {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
    }

    .filterModal .modal-content {
        border: 1px solid #BDBDBD;
        border-radius: 0 !important;
    }

body.bodyFilter .modal-backdrop {
    display: none !important;
}

button.Zebra_DatePicker_Icon_Inside {
    outline: none !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333333 !important;
    font-family: Calibri;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #333333 !important;
    font-family: Calibri;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #333333 !important;
    font-family: Calibri;
}

:-moz-placeholder { /* Firefox 18- */
    color: #333333 !important;
    font-family: Calibri;
}

.select2-container .select2-selection__placeholder {
    color: #333333 !important;
    font-family: Calibri;
}
/*#endregion Modal*/
/*#region DivMainSection */
.divMainSection {
    background-color: white;
    margin: auto 0;
    padding: 10px 0;
}

    .divMainSection div.inputDiv {
        font-size: 16px;
        color: #000000;
        min-height: 22px;
        overflow: hidden !important;
        word-break: break-all !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        display: inline-block !important;
        max-width: 100%;
    }

    .divMainSection div.label {
        font-size: 14px;
        color: #767777;
    }

    .divMainSection div.bottomBorder {
        border-top: 2px solid #E3E3E3;
        margin: auto;
    }
/*#endregion DivMainSection*/
/*#region bootstrap-datetimepicker */
.input-group.datepicker, .input-group.datetimepicker, .input-group.timepicker {
    width: 100% !important;
}

    .input-group.datepicker .input-group-addon, .input-group.datetimepicker .input-group-addon, .input-group.timepicker .input-group-addon {
        background-color: unset !important;
        border: none !important;
        display: contents;
    }

    .input-group.datepicker .calendarIcon, .input-group.datetimepicker .calendarIcon, .input-group.timepicker .calendarIcon {
        background: url(/Images/common/ic_calendar.svg) no-repeat left top !important;
        height: 24px !important;
        width: 24px !important;
        top: 1px !important;
        margin: 0 6px 0 0 !important;
        top: 2px;
        right: 0;
        text-indent: -9000px;
        border: none;
        cursor: pointer;
        position: absolute;
        display: block;
    }

    .input-group.datepicker[disabled="disabled"] .calendarIcon, .input-group.datetimepicker[disabled="disabled"] .calendarIcon, .input-group.timepicker[disabled="disabled"] .calendarIcon {
        cursor: not-allowed !important;
    }

.bootstrap-datetimepicker-widget .btn-primary {
    background-color: #7fba00 !important;
    border-color: #7fba00 !important;
}

.bootstrap-datetimepicker-widget .separator {
    width: 100%;
    height: 3px;
    background-color: unset !important;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active {
    background-color: #7fba00 !important;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #7fba00 !important;
}
/*#endregion bootstrap-datetimepicker*/
.dataTables_filter, .dataTables_info {
    display: none;
}

.notAllowed *:hover {
    cursor: not-allowed;
}

.clock-icon {
    position: absolute;
    right: 23px;
    top: 27px;
    z-index: 100;
    color: #7fba00;
}

a.assetNumber {
    font-weight: bold;
    cursor: pointer;
}

/*#region bootstrap_4 */
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    color: #767777 !important;
}

.model-logo {
    max-height: 35px;
    max-width: 30%;
}

/*#endregion bootstrap_4*/

/*----------------------------------------------------------------------------------------------------------------------------------
Wszystkie nowe zmiany dodawać do GLOBAL.SCSS
----------------------------------------------------------------------------------------------------------------------------------*/