@font-face {
    font-family: "Century Gothic Bold";
    font-display: swap;
    src: url("../fonts/GOTHICB.ttf") format("truetype");
}

@font-face {
    font-family: "Century Gothic";
    font-display: swap;
    src: url("../fonts/Century-Gothic.ttf") format("truetype");
}

@font-face {
    font-family: "Helvetica Neue LT 83";
    font-display: swap;
    src: url("../fonts/Helvetica-Neue-LT-83.ttf") format("truetype");
}

/* Check box style/ radio */
[type="checkbox"].custom-checkbox:not(:checked),
[type="checkbox"].custom-checkbox:checked,
[type="radio"].custom-radiobutton:not(:checked),
[type="radio"].custom-radiobutton:checked {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"].custom-checkbox:not(:checked) + label,
    [type="checkbox"].custom-checkbox:checked + label,
    [type="radio"].custom-radiobutton:not(:checked) + label,
    [type="radio"].custom-radiobutton:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        padding-top: 2px;
    }
    [type="radio"].custom-radiobutton:not(:checked) + label,
    [type="radio"].custom-radiobutton:checked + label {
        padding-left: 15px;
    }

[type="checkbox"].custom-checkbox.with-fake-label:not(:checked) + label,
[type="checkbox"].custom-checkbox.with-fake-label:checked + label,
[type="radio"].custom-radiobutton.with-fake-label:not(:checked) + label,
[type="radio"].custom-radiobutton.with-fake-label:checked + label {
    position: absolute;
    left: 13px;
    top: 11px;
}

[type="checkbox"].custom-checkbox:not(:checked) + label:before,
[type="checkbox"].custom-checkbox:checked + label:before,
[type="radio"].custom-radiobutton:not(:checked) + label:before,
[type="radio"].custom-radiobutton:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #ffffff;
    border-radius: 1px;
}
input[type="radio"].custom-radiobutton:not(:checked) + label:before,
input[type="radio"].custom-radiobutton:checked + label:before {
    top: 5px;
    width: 15px;
    height: 15px;
}

[type="checkbox"].custom-checkbox:checked + label:before,
[type="radio"].custom-radiobutton:checked + label:before {
    background: #E8540C;
    border-radius: 1px;
    box-shadow: none;
    border-color: #E8540C;
}
input[type="radio"].custom-radiobutton:not(:checked) + label:before,
input[type="radio"].custom-radiobutton:checked + label:before,
input[type="radio"].custom-radiobutton:checked + label:before {
    border-radius: 20px;
}

[type="checkbox"].custom-checkbox:not(:checked) + label:after,
[type="checkbox"].custom-checkbox:checked + label:after,
[type="radio"].custom-radiobutton:not(:checked) + label:after,
[type="radio"].custom-radiobutton:checked + label:after {
    content: '✔';
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 16px;
    line-height: 17px;
    transition: all .2s;
    color: #ffffff;
}

input[type="radio"].custom-radiobutton:not(:checked) + label:after,
input[type="radio"].custom-radiobutton:checked + label:after {
    top: 4px;
    left: 2.5pt;
    font-size: 10px;
}

[type="checkbox"].custom-checkbox:not(:checked) + label:after,
[type="radio"].custom-radiobutton:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"].custom-checkbox:checked + label:after,
[type="radio"].custom-radiobutton:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.inputs-form-common-custom-container [type="radio"].custom-radiobutton:not(:checked) + label,
.inputs-form-common-custom-container [type="radio"].custom-radiobutton:checked + label {
    padding-left: 20px;
}

/* END Check box/ radio style */
/* disabled checkbox/ radio */
[type="checkbox"].custom-checkbox:disabled:not(:checked) + label:before,
[type="checkbox"].custom-checkbox:disabled:checked + label:before,
[type="radio"].custom-radiobutton:disabled:not(:checked) + label:before,
[type="radio"].custom-radiobutton:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}


/* END disabled checkbox/ radio */

/* Move down content because we have a fixed navbar that is 50px tall */
body, body * {
    font-family: 'Century Gothic',Helvetica,Arial,Lucida,sans-serif;
}
    body .bold-font {
        font-family: 'Century Gothic Bold',Helvetica,Arial,Lucida,sans-serif;
    }

body {
    padding-top: 77px;
    background-color: #FAFAFA;
}

body, a, a:active, a:hover, a:focus, a:focus:active {
    color: #333333;
    text-decoration: none;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}
.outer-container {
    width: 100%;
    padding: 0 0px 0 0px;
    height: 100%;
    position: relative;
}
.body-content-without-footer {
    width: 100%;
    padding: 10px;
}
.navbar .container {
    width: 100%;
    padding: 0 10px 0 0px;
    height: 100%;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        display: flex;
        height: 100%;
        flex-wrap: nowrap;
        align-items: center;
    }
}


/***********************************************************************/
/** {
    font-family: Century Gothic;
}*/
html, body, form {
    /*height: 100%;*/
}

.btn {
    text-transform: uppercase;
}

.clearit {
    clear: both;
}
.w-100 {
    width: 100%;
    max-width: 100%;
}
.h-100 {
    height: 100%;
    max-height: 100%;
}

.margin-b-normal {
    margin-bottom: 10px;
}

.margin-t-normal {
    margin-top: 10px;
}

.margin-l-normal {
    margin-left: 10px;
}

.margin-r-normal {
    margin-right: 10px;
}

.center-with-margin {
    margin: auto;
    display: block;
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.cursor-move {
    cursor: move;
}
.display-block {
    display: block;
}

.text-underline {
    text-decoration: underline;
}

.label-input-outer.required-input > label:after {
    content: '*';
    color: #CF2E2E;
}

.label-input-outer > label {
    margin-bottom: 0px;
}

.label-input-outer {
    margin-bottom: 10px;
}

body .error-control {
    border: 1px solid #CF2E2E;
}
.k-dropdown-clear-selection-icon-link img {
    width: 21px;
    height: 20px;
    background-size: 18px 18px;
    background-position-x: 0px;
}
.form-control {
    height: 26px;
    border-radius: 0px;
    background-color: #ffffff;
    line-height: 26px;
}
input.form-control, select.form-control, textarea.form-control {
    padding: 3px 5px;
}
    input.form-control[disabled], select.form-control[disabled], textarea.form-control[disabled],
    input.form-control[readonly], select.form-control[readonly], textarea.form-control[readonly],
    fieldset[disabled] input.form-control, fieldset[disabled] select.form-control, fieldset[disabled] textarea.form-control,
    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        opacity: 0.6;
        background-color: #ffffff;
        cursor: default;
    }
input[type=number].form-control {
    padding-right: 0px;
}
input[type=checkbox] + label, label {
    font-weight: normal;
}
.form-control.active.focus, .form-control.active:focus, .form-control.focus, .form-control:active.focus, .form-control:active:focus, .form-control:focus {
    outline: none;
    border: 1px solid #ccc;
    box-shadow: none;
}
.k-dropdown.form-control.active.focus, .k-dropdown.form-control.active:focus, .k-dropdown.form-control.focus, .k-dropdown.form-control:active.focus, .k-dropdown.form-control:active:focus, .k-dropdown.form-control:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding: 0px;
    padding-block: 0px;
    padding-inline: 0px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

body .btn, body .btn:hover, body .btn:active, body .btn:focus, body .btn:active:focus {
    height: 32px;
    line-height: 30px;
    background-color: #ffffff;
    padding: 0 20px;
    border-radius: 0;
    min-width: 100px;
    border: 2px solid #ffffff;
    outline: none;
    box-shadow: none;
}

    body .btn.btn-primary, body .btn.btn-primary:hover, body .btn.btn-primary:active, body .btn.btn-primary:focus, body .btn.btn-primary:active:focus,
    body .btn-primary.active.focus, body .btn-primary.active:focus, body .btn-primary.active:hover, body .btn-primary:active.focus, body .btn-primary:active:focus,
    body .btn-primary:active:hover, body .open > .dropdown-toggle.btn-primary.focus, body .open > .dropdown-toggle.btn-primary:focus,
    body .open > .dropdown-toggle.btn-primary:hover {
        border-color: #E8540C;
        color: #E8540C;
        background-color: #ffffff;
    }

    body .btn.btn-secondary, body .btn.btn-secondary:hover, body .btn.btn-secondary:active, body .btn.btn-secondary:focus, body .btn.btn-secondary:active:focus {
        border-color: #333333;
        color: #333333;
    }
button {
    border: none;
    background: no-repeat;
}
.hidden-item {
    display: none !important;
}

.security-hidden-item {
    display: none !important;
}

h3.page-header-outer {
    font-family: 'Century Gothic Bold',Helvetica,Arial,Lucida,sans-serif;
    line-height: 38px;
    padding: 0px;
    margin: 0px;
    font-size: 24px;
}

.hidden-visibility {
    visibility: hidden;
}
.custom-svg-bg {
}
    .custom-svg-bg.svg-40-5 {
        /*padding: 5px;*/
        width: 40px;
    }
    .custom-svg-bg.svg-menu-dashboard {
        width: 48px;
        height: 46px;
        padding: 8px 9px;
    }
    .custom-svg-bg.svg-sub-menu-dashboard {
        width: 48px;
        height: 32px;
        padding: 4px 12px;
    }
    .custom-svg-bg.svg-29-0 {
        /*padding: 5px;*/
        width: 29px;
    }
    .custom-svg-bg.svg-20-0 {
        /*padding: 5px;*/
        width: 20px;
    }

svg.white-color polygon, svg.white-color path {
    fill: #ffffff !important;
}

svg.orange-color polygon, svg.orange-color path, svg.orange-color rect, svg.orange-color use {
    fill: #E8540C !important;
}

svg.green-color polygon, svg.green-color path {
    fill: #71CE7E !important;
}

/*********** Site Header************/
.navbar-inverse {
    background-color: #f3f3f3;
    height: 77px;
    box-shadow: 0 0 13px -6px rgba(0,0,0,0.46);
}
.navbar {
    border: none;
    margin-bottom: 0px;
}
.navbar-header button {
    padding: 0;
    width: 64px;
    height: 45px;
}
.navbar-brand {
    padding: 0px 0px;
}
    .navbar-brand img {
        height: 50px;
    }
.navbar-nav > li {
    float: none;
}
.navbar-menu-outer ul, .navbar-menu-outer li {
    list-style: none;
    width: 100%;
    overflow: hidden;
}
.navbar-menu-outer {
    height: calc(100% - 77px);
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 77px;
    z-index: 1;
    box-shadow: 0px 0px 0px 1px #ECEFF1;
}
.body-content, body[data-dashboard-menu-state=expanded] .body-content {
    width: 100%;
    padding: 0;
    padding-left: 267px;
    vertical-align: top;
    display: inline-block;
}
body[data-dashboard-menu-state=collapsed] .body-content {
    padding-left: 48px;
}
.navbar-menu-outer .nav a:focus, .navbar-menu-outer .nav a:hover {
    text-decoration: none;
    background: none;
}
.navbar-menu-outer.navbar-menu-expanded {
    width: 267px;
}
.navbar-menu-outer.navbar-menu-collapsed {
    min-width: 48px;
    width: 48px;
}
.navbar-menu-outer svg.menu-collapse-expand-arrow {
    width: 48px;
    height: 46px;
    padding: 8px 9px;
}
.navbar-menu-outer .main-menu-expanded svg.menu-collapse-expand-arrow {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    /*transition-duration: 0.5s;*/
}
.navbar-menu-outer .navbar-nav > li > a {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    height: 46px;
    display: block;
    vertical-align: middle;
}
    .navbar-menu-outer .navbar-nav > li > a svg, .navbar-menu-outer .navbar-nav > li > a span {
        float: left;
    }
    .navbar-menu-outer .navbar-nav > li > a:after {
        clear: both;
    }
    .navbar-menu-outer .navbar-nav > li > a span {
        width: calc(100% - 100px);
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 46px;
    }
.navbar-menu-outer .navbar-nav > li > ul {
    padding-left: 19px;
}
.navbar-menu-outer.navbar-menu-collapsed li > ul {
    padding-left: 0px;
}
.navbar-menu-outer .navbar-nav > li > ul > li > a {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    display: block;
    vertical-align: middle;
}
    .navbar-menu-outer .navbar-nav > li > ul > li > a svg, .navbar-menu-outer .navbar-nav > li > ul > li > a span {
        float: left;
    }

    .navbar-menu-outer .navbar-nav > li > ul > li > a:after {
        clear: both;
    }
.navbar-header > * {
    float: none;
    display: inline-block;
}
#navbarMenuMain svg {
    vertical-align: middle;
}
#navbarMenuMain[data-attr-current-page="projects-selectbycategory"] li[data-attr-for-page="projects-selectbycategory"] a,
#navbarMenuMain[data-attr-current-page="projects-selectbycategory"] li[data-attr-for-page="projects-selectbycategory"] a:hover,
#navbarMenuMain[data-attr-current-page="projects-selectbycategory"] li[data-attr-for-page="projects-selectbycategory"] a:active,
#navbarMenuMain[data-attr-current-page="projects-selectbycategory"] li[data-attr-for-page="projects-selectbycategory"] a:focus,
#navbarMenuMain[data-attr-current-page="projects-selectbycategory"] li[data-attr-for-page="projects-selectbycategory"] a:focus:active,
#navbarMenuMain[data-attr-current-page="projects-selectbyoption"] li[data-attr-for-page="projects-selectbyoption"] a,
#navbarMenuMain[data-attr-current-page="projects-selectbyoption"] li[data-attr-for-page="projects-selectbyoption"] a:hover,
#navbarMenuMain[data-attr-current-page="projects-selectbyoption"] li[data-attr-for-page="projects-selectbyoption"] a:active,
#navbarMenuMain[data-attr-current-page="projects-selectbyoption"] li[data-attr-for-page="projects-selectbyoption"] a:focus,
#navbarMenuMain[data-attr-current-page="projects-selectbyoption"] li[data-attr-for-page="projects-selectbyoption"] a:focus:active,
#navbarMenuMain[data-attr-current-page="projects-selectbypartnumber"] li[data-attr-for-page="projects-selectbypartnumber"] a,
#navbarMenuMain[data-attr-current-page="projects-selectbypartnumber"] li[data-attr-for-page="projects-selectbypartnumber"] a:hover,
#navbarMenuMain[data-attr-current-page="projects-selectbypartnumber"] li[data-attr-for-page="projects-selectbypartnumber"] a:active,
#navbarMenuMain[data-attr-current-page="projects-selectbypartnumber"] li[data-attr-for-page="projects-selectbypartnumber"] a:focus,
#navbarMenuMain[data-attr-current-page="projects-selectbypartnumber"] li[data-attr-for-page="projects-selectbypartnumber"] a:focus:active,
#navbarMenuMain[data-attr-current-page="projects-projects"] li[data-attr-for-page="projects-projects"] a,
#navbarMenuMain[data-attr-current-page="projects-projects"] li[data-attr-for-page="projects-projects"] a:hover,
#navbarMenuMain[data-attr-current-page="projects-projects"] li[data-attr-for-page="projects-projects"] a:active,
#navbarMenuMain[data-attr-current-page="projects-projects"] li[data-attr-for-page="projects-projects"] a:focus,
#navbarMenuMain[data-attr-current-page="projects-projects"] li[data-attr-for-page="projects-projects"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintaincompanybranch"] li[data-attr-for-page="maintaincompanybranch-companybranches"] a,
#navbarMenuMain[data-attr-current-page="maintaincompanybranch"] li[data-attr-for-page="maintaincompanybranch-companybranches"] a:hover,
#navbarMenuMain[data-attr-current-page="maintaincompanybranch"] li[data-attr-for-page="maintaincompanybranch-companybranches"] a:active,
#navbarMenuMain[data-attr-current-page="maintaincompanybranch"] li[data-attr-for-page="maintaincompanybranch-companybranches"] a:focus,
#navbarMenuMain[data-attr-current-page="maintaincompanybranch"] li[data-attr-for-page="maintaincompanybranch-companybranches"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintaincategory"] li[data-attr-for-page="maintaincategory-productcategories"] a,
#navbarMenuMain[data-attr-current-page="maintaincategory"] li[data-attr-for-page="maintaincategory-productcategories"] a:hover,
#navbarMenuMain[data-attr-current-page="maintaincategory"] li[data-attr-for-page="maintaincategory-productcategories"] a:active,
#navbarMenuMain[data-attr-current-page="maintaincategory"] li[data-attr-for-page="maintaincategory-productcategories"] a:focus,
#navbarMenuMain[data-attr-current-page="maintaincategory"] li[data-attr-for-page="maintaincategory-productcategories"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintainbrand"] li[data-attr-for-page="maintainbrand-brands"] a,
#navbarMenuMain[data-attr-current-page="maintainbrand"] li[data-attr-for-page="maintainbrand-brands"] a:hover,
#navbarMenuMain[data-attr-current-page="maintainbrand"] li[data-attr-for-page="maintainbrand-brands"] a:active,
#navbarMenuMain[data-attr-current-page="maintainbrand"] li[data-attr-for-page="maintainbrand-brands"] a:focus,
#navbarMenuMain[data-attr-current-page="maintainbrand"] li[data-attr-for-page="maintainbrand-brands"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintainoptionvalue"] li[data-attr-for-page="maintainoption-optionvalues"] a,
#navbarMenuMain[data-attr-current-page="maintainoptionvalue"] li[data-attr-for-page="maintainoption-optionvalues"] a:hover,
#navbarMenuMain[data-attr-current-page="maintainoptionvalue"] li[data-attr-for-page="maintainoption-optionvalues"] a:active,
#navbarMenuMain[data-attr-current-page="maintainoptionvalue"] li[data-attr-for-page="maintainoption-optionvalues"] a:focus,
#navbarMenuMain[data-attr-current-page="maintainoptionvalue"] li[data-attr-for-page="maintainoption-optionvalues"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintainmodelbrand"] li[data-attr-for-page="maintainmodelbrand-maintainmodelbrands"] a,
#navbarMenuMain[data-attr-current-page="maintainmodelbrand"] li[data-attr-for-page="maintainmodelbrand-maintainmodelbrands"] a:hover,
#navbarMenuMain[data-attr-current-page="maintainmodelbrand"] li[data-attr-for-page="maintainmodelbrand-maintainmodelbrands"] a:active,
#navbarMenuMain[data-attr-current-page="maintainmodelbrand"] li[data-attr-for-page="maintainmodelbrand-maintainmodelbrands"] a:focus,
#navbarMenuMain[data-attr-current-page="maintainmodelbrand"] li[data-attr-for-page="maintainmodelbrand-maintainmodelbrands"] a:focus:active,
#navbarMenuMain[data-attr-current-page="usersettings"] li[data-attr-for-page="usersettings-usersettings"] a,
#navbarMenuMain[data-attr-current-page="usersettings"] li[data-attr-for-page="usersettings-usersettings"] a:hover,
#navbarMenuMain[data-attr-current-page="usersettings"] li[data-attr-for-page="usersettings-usersettings"] a:active,
#navbarMenuMain[data-attr-current-page="usersettings"] li[data-attr-for-page="usersettings-usersettings"] a:focus,
#navbarMenuMain[data-attr-current-page="usersettings"] li[data-attr-for-page="usersettings-usersettings"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintainfreight"] li[data-attr-for-page="maintainfreight-freights"] a,
#navbarMenuMain[data-attr-current-page="maintainfreight"] li[data-attr-for-page="maintainfreight-freights"] a:hover,
#navbarMenuMain[data-attr-current-page="maintainfreight"] li[data-attr-for-page="maintainfreight-freights"] a:active,
#navbarMenuMain[data-attr-current-page="maintainfreight"] li[data-attr-for-page="maintainfreight-freights"] a:focus,
#navbarMenuMain[data-attr-current-page="maintainfreight"] li[data-attr-for-page="maintainfreight-freights"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintainregistrant"] li[data-attr-for-page="maintainregistrant-registrants"] a,
#navbarMenuMain[data-attr-current-page="maintainregistrant"] li[data-attr-for-page="maintainregistrant-registrants"] a:hover,
#navbarMenuMain[data-attr-current-page="maintainregistrant"] li[data-attr-for-page="maintainregistrant-registrants"] a:active,
#navbarMenuMain[data-attr-current-page="maintainregistrant"] li[data-attr-for-page="maintainregistrant-registrants"] a:focus,
#navbarMenuMain[data-attr-current-page="maintainregistrant"] li[data-attr-for-page="maintainregistrant-registrants"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintainpartnumber"] li[data-attr-for-page="maintainpartnumber-partnumbers"] a,
#navbarMenuMain[data-attr-current-page="maintainpartnumber"] li[data-attr-for-page="maintainpartnumber-partnumbers"] a:hover,
#navbarMenuMain[data-attr-current-page="maintainpartnumber"] li[data-attr-for-page="maintainpartnumber-partnumbers"] a:active,
#navbarMenuMain[data-attr-current-page="maintainpartnumber"] li[data-attr-for-page="maintainpartnumber-partnumbers"] a:focus,
#navbarMenuMain[data-attr-current-page="maintainpartnumber"] li[data-attr-for-page="maintainpartnumber-partnumbers"] a:focus:active,
#navbarMenuMain[data-attr-current-page="maintainitemprice"] li[data-attr-for-page="maintainitemprice-itemprices"] a,
#navbarMenuMain[data-attr-current-page="maintainitemprice"] li[data-attr-for-page="maintainitemprice-itemprices"] a:hover,
#navbarMenuMain[data-attr-current-page="maintainitemprice"] li[data-attr-for-page="maintainitemprice-itemprices"] a:active,
#navbarMenuMain[data-attr-current-page="maintainitemprice"] li[data-attr-for-page="maintainitemprice-itemprices"] a:focus,
#navbarMenuMain[data-attr-current-page="maintainitemprice"] li[data-attr-for-page="maintainitemprice-itemprices"] a:focus:active,
#navbarMenuMain[data-attr-current-page="importutility"] li[data-attr-for-page="importutility-importutility"] a,
#navbarMenuMain[data-attr-current-page="importutility"] li[data-attr-for-page="importutility-importutility"] a:hover,
#navbarMenuMain[data-attr-current-page="importutility"] li[data-attr-for-page="importutility-importutility"] a:active,
#navbarMenuMain[data-attr-current-page="importutility"] li[data-attr-for-page="importutility-importutility"] a:focus,
#navbarMenuMain[data-attr-current-page="importutility"] li[data-attr-for-page="importutility-importutility"] a:focus:active {
    color: #E8540C;
}

#navbarMenuMain[data-attr-current-page="projects-selectbycategory"] li[data-attr-for-page="projects-selectbycategory"] svg polygon,
#navbarMenuMain[data-attr-current-page="projects-selectbyoption"] li[data-attr-for-page="projects-selectbyoption"] svg polygon,
#navbarMenuMain[data-attr-current-page="projects-projects"] li[data-attr-for-page="projects-projects"] svg polygon,
#navbarMenuMain[data-attr-current-page="maintaincompanybranch"] li[data-attr-for-page="maintaincompanybranch-companybranches"] svg polygon,
#navbarMenuMain[data-attr-current-page="maintaincategory"] li[data-attr-for-page="maintaincategory-productcategories"] svg polygon,
#navbarMenuMain[data-attr-current-page="maintainbrand"] li[data-attr-for-page="maintainbrand-brands"] svg polygon,
#navbarMenuMain[data-attr-current-page="maintainoptionvalue"] li[data-attr-for-page="maintainoption-optionvalues"] svg path,
#navbarMenuMain[data-attr-current-page="maintainmodelbrand"] li[data-attr-for-page="maintainmodelbrand-maintainmodelbrands"] svg polygon,
#navbarMenuMain[data-attr-current-page="usersettings"] li[data-attr-for-page="usersettings-usersettings"] svg polygon,
#navbarMenuMain[data-attr-current-page="maintainfreight"] li[data-attr-for-page="maintainfreight-freights"] svg polygon,
#navbarMenuMain[data-attr-current-page="maintainregistrant"] li[data-attr-for-page="maintainregistrant-registrants"] svg polygon,
#navbarMenuMain[data-attr-current-page="maintainpartnumber"] li[data-attr-for-page="maintainpartnumber-partnumbers"] svg polygon,
#navbarMenuMain[data-attr-current-page="maintainitemprice"] li[data-attr-for-page="maintainitemprice-itemprices"] svg polygon,
#navbarMenuMain[data-attr-current-page="importutility"] li[data-attr-for-page="importutility-importutility"] svg polygon,
#navbarMenuMain[data-attr-current-page="importutility"] li[data-attr-for-page="importutility-importutility"] svg path {
    fill: #E8540C !important;
}
/********** Site Header End*********/
/*********** SVG COLORS START **********/
.navbar-toggle-controller .icon-menu-square {
    background: transparent url("../Images/nav/icon_menu.svg") no-repeat scroll 0px 0px;
    width: 45px;
    height: 45px;
}

.icon-house {
    background: transparent url("../Images/nav/icon_house.svg") no-repeat scroll 0px 0px;
}

.icon-flowchart-alt {
    background: transparent url("../Images/nav/icon_flowchart_alt.svg") no-repeat scroll 0px 0px;
}

.icon-adjust-horiz {
    background: transparent url("../Images/nav/icon_adjust-horiz.svg") no-repeat scroll 0px 0px;
}

.icon-bypartnumber {
    background: transparent url("../Images/nav/icon_adjust-horiz.svg") no-repeat scroll 0px 0px;
}

.icon-folder {
    background: transparent url("../Images/nav/icon_folder.svg") no-repeat scroll 0px 0px;
}

.icon-tools {
    background: transparent url("../Images/nav/icon_tools.svg") no-repeat scroll 0px 0px;
}

.icon-tool {
    background: transparent url("../Images/nav/icon_tool.svg") no-repeat scroll 0px 0px;
}

.icon-globe-alt {
    background: transparent url("../Images/nav/icon_globe_alt.svg") no-repeat scroll 0px 0px;
}

.icon-brand-alt {
    background: transparent url("../Images/uncommon/icon_puzzle_alt.svg") no-repeat scroll 0px 0px;
}
.icon-optionvalue-alt {
    background: transparent url("../Images/nav/icon_ul.svg") no-repeat scroll 0px 0px;
}
.icon-bag {
    background: transparent url(../Images/nav/icon_bag.svg) no-repeat scroll 1px 0px;
}

.icon-archive {
    background: transparent url("../Images/nav/icon_archive.svg") no-repeat scroll 0px 0px;
}

.icon-building-alt {
    background: transparent url("../Images/nav/icon_building_alt.svg") no-repeat scroll 0px 0px;
}

.icon-group {
    background: transparent url("../Images/nav/icon_group.svg") no-repeat scroll 0px 0px;
}

.icon-close {
    background: transparent url("../Images/icon-close.svg") no-repeat scroll 0px 0px;
}

.arrow-carrot-down-alt2 {
    background: transparent url("../Images/arrow/arrow_carrot-down_alt2.svg") no-repeat scroll 0px 0px;
}

.icon-phone {
    background: transparent url("../Images/nav/icon_phone.svg") no-repeat scroll 0px 0px;
}

.icon-mail {
    background: transparent url("../Images/nav/icon_mail.svg") no-repeat scroll 0px 0px;
}

.icon-linkedin {
    background: transparent url("../Images/nav/icon_linkedin.svg") no-repeat scroll 0px 0px;
}

.icon-youtube {
    background: transparent url("../Images/nav/icon_youtube.svg") no-repeat scroll 0px 0px;
}

.icon-facebook {
    background: transparent url("../Images/nav/icon_facebook.svg") no-repeat scroll 0px 0px;
}

.icon-twitter {
    background: transparent url("../Images/nav/icon_twitter.svg") no-repeat scroll 0px 0px;
}

.icon-instagram {
    background: transparent url("../Images/nav/icon_instagram.svg") no-repeat scroll 0px 0px;
}

.icon-lock-open {
    background: transparent url("../Images/uncommon/icon_lock-open.svg") no-repeat scroll 0px 0px;
}

.icon-profile {
    background: transparent url("../Images/nav/icon_profile.svg") no-repeat scroll 0px 0px;
}

.icon-mail-alt {
    background: transparent url("../Images/nav/icon_mail_alt.svg") no-repeat scroll 0px 0px;
}

.icon-check-alt {
    background: transparent url("../Images/checkmark/icon_check_alt.svg") no-repeat scroll 0px 0px;
}
.icon-plus-box {
    background: transparent url("../Images/checkmark/icon_plus-box.svg") no-repeat scroll 5px 0px;
}
.icon-close {
    background: transparent url("../Images/icon-close.svg") no-repeat scroll 0px 0px;
}
.arrow-carrot-down-alt {
    background: transparent url("../Images/arrow/arrow_carrot-down_alt.svg") no-repeat scroll 0px 0px;
}
.arrow-left {
    background: transparent url("../Images/arrow/arrow_left.svg") no-repeat scroll 0px 0px;
}
.arrow-carrot-left {
    background: transparent url("../Images/arrow/arrow_carrot-left.svg") no-repeat scroll 0px 0px;
}
.arrow-carrot-right {
    background: transparent url("../Images/arrow/arrow_carrot-right.svg") no-repeat scroll 0px 0px;
}
.icon-pencil {
    background: transparent url("../Images/common/icon_pencil.svg") no-repeat scroll 0px 0px;
}
.icon-refresh {
    background: transparent url("../Images/arrow/icon_refresh.svg") no-repeat scroll 0px 0px;
}
.icon-trash {
    background: transparent url("../Images/common/icon_trash.svg") no-repeat scroll 0px 0px;
}
.icon-trash-alt {
    background: transparent url("../Images/common/icon_trash_alt.svg") no-repeat scroll 0px 0px;
}
.icon-duplicate-copy {
    background: transparent url("../Images/checkmark/icon_duplicate copy 3.svg") no-repeat scroll 0px 0px;
}
.icon-currency-alt, .icon-currency-alt.k-dropdown-filter-icon {
    background: transparent url("../Images/nav/icon_currency_alt.svg") no-repeat scroll 0px 0px;
}
.icon-currency {
    background: transparent url("../Images/nav/icon_currency.svg") no-repeat scroll 0px 0px;
}
.icon-download {
    background: transparent url("../Images/uncommon/icon_download.svg") no-repeat scroll 0px 0px;
}
.icon-profile {
    background: transparent url("../Images/nav/icon_profile.svg") no-repeat scroll 0px 0px;
}
.icon-cog {
    background: transparent url("../Images/nav/icon_cog.svg") no-repeat scroll 0px 0px;
}
.icon-desktop {
    background: transparent url("../Images/nav/icon_desktop.svg") no-repeat scroll 0px 0px;
}
.icon-logout {
    background: transparent url("../Images/nav/icon_logout.svg") no-repeat scroll 0px 0px;
}
.export-to-xls-filled {
    background: transparent url("../Images/export-to-xls-filled.svg") no-repeat scroll 5px 0px;
}
.inbox-filled {
    background: transparent url("../Images/inbox-filled.svg") no-repeat scroll 5px 0px;
}
.icon-arrow-right {
    background: transparent url("../Images/arrow/arrow_right.svg") no-repeat scroll 5px 0px;
}
/*********** SVG COLORS END **********/
/*Footer Start*/
footer {
    margin-top: 15px;
}
.footer-container {
    width: 100%;
    background-color: #1D1D1D;
    color: #FFFFFF;
    min-height: 481px;
}
    .footer-container div, .footer-container a, .footer-container span {
        color: #FFFFFF;
    }
        .footer-container div.footer-col-title {
            color: #E8540C;
            padding-bottom: 9px;
        }
        .footer-container div.footer-col-data {
            padding: 7px 0px;
        }
        .footer-container div.footer-col-data:nth-child(2) {
            padding-top: 0px;
        }
    .footer-container > div {
        padding-top: 83px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    .footer-container .footer-container-col-inner {
        text-align: left;
        display: inline-block;
    }
.footer-container div.footer-container-col-1 {
    width: 29%;
}
    .footer-container div.footer-container-col-2 {
        width: 23%;
    }
    .footer-container div.footer-container-col-3 {
        width: 23%;
    }
    .footer-container div.footer-container-col-4 {
        width: 23%;
    }
    .footer-container .footer-container-social-media a {
        display: inline-block;
    }
    .footer-container .footer-col-data-phone a, .footer-container .footer-col-data-phone span, 
    .footer-container .footer-col-data-mail a, .footer-container .footer-col-data-mail span {
        display:inline-block;
        vertical-align: middle;
    }
    .footer-container div.footer-col-data.footer-col-data-phone, .footer-container div.footer-col-data.footer-col-data-mail {
        padding: 0px 0px;
    }
    .footer-container div.footer-col-data.footer-col-data-phone {
        padding-top: 7px;
    }
    
    /*Footer End*/
    /* Loader */
#divMySelectLoadingSpinnerBackground {
    background-color: rgb(255 255 255);
    width: 100%;
    height: 100%;
    opacity: 0.1;
    position: fixed;
    z-index: 9999998;
    display: none;
    top: 0;
    left: 0;
}

#divMySelectLoadingSpinner {
    display: none;
    position: absolute;
    top: 43%;
    left: 42%;
    z-index: 99999999;
    width: 80px;
    color: #0a0ae8;
    font-family: Consolas, Menlo, Monaco, monospace;
    font-weight: bold;
    font-size: 70px;
    opacity: 0.8;
}

    #divMySelectLoadingSpinner img {
        width: 120px;
    }
    
    /*#divMySelectLoadingSpinner span {
        display: inline-block;
        -webkit-animation: spinnerpulse 0.4s alternate infinite ease-in-out;
        animation: spinnerpulse 0.4s alternate infinite ease-in-out;
    }

        #divMySelectLoadingSpinner span:nth-child(odd) {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

@-webkit-keyframes spinnerpulse {
    to {
        transform: scale(0.8);
        opacity: 0.5;
    }
}

@keyframes spinnerpulse {
    to {
        transform: scale(0.8);
        opacity: 0.5;
    }
}*/
    /* Loader end */
    /***Alert/ Confim box****/
body .custom-alert-or-confirm-box-outer {
    background-color: #FFFFFF;
    z-index: 100001;
    position: absolute;
    min-width: 450px;
    max-width: 600px;
    height: auto;
}

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-message-holder {
        color: #3E3D52;
        text-align: left;
        font-size: 16px;
        padding: 9px 12px 25px 12px;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-holder {
        width: 100%;
        background-color: #3E3D52;
        border: 1px solid #263238;
        min-height: 40px;
        position: relative;
    }

        body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-holder .custom-alert-or-confirm-box-header-title {
            line-height: 40px;
            color: #F8FAFA;
            margin-right: 40px;
            padding-left: 12px;
            padding-right: 12px;
            font-size: 16px;
            font-family: 'Century Gothic Bold',Helvetica,Arial,Lucida,sans-serif;
        }

        body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-holder .custom-alert-or-confirm-box-header-close-link {
            position: absolute;
            right: 0px;
            top: 0px;
            cursor: pointer;
        }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-close-link img {
        background: transparent url("../Images/icon-close.svg") no-repeat scroll 0px 0px;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-header-close-link svg {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-message-holder,
    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-buttons-holder {
        width: 100%;
        background-color: #FFFFFF;
        border: 1px solid #DFDFDF;
    }

    body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-buttons-holder {
        border-top: none;
        padding: 7.5px 12px;
    }

        body .custom-alert-or-confirm-box-outer .custom-alert-or-confirm-box-buttons-holder input {
            margin: 0 5px;
        }

body .custom-alert-or-confirm-box-background-outer {
    background: #000000;
    opacity: 0.5;
    z-index: 100000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

body .custom-alert-or-confirm-box-outer.error-operation-message .custom-alert-or-confirm-box-header-holder {
    background-color: #CF2E2E;
    border: 1px solid #CF2E2E;
}

body .custom-alert-or-confirm-box-outer.success-operation-message .custom-alert-or-confirm-box-header-holder {
    background-color: #2db930;
    border: 1px solid #2db930;
}

body .custom-alert-or-confirm-box-outer.unauthorized-operation-message .custom-alert-or-confirm-box-header-holder {
    background-color: #942e2e;
    border: 1px solid #942e2e;
}

body .custom-alert-or-confirm-box-outer.info-operation-message .custom-alert-or-confirm-box-header-holder {
    background-color: #1e3bae;
    border: 1px solid #1e3bae;
}


/************/


/***Popup Box****/
body .custom-popup-box-outer {
    background-color: #FFFFFF;
    z-index: 100001;
    position: absolute;
    min-width: 450px;
    max-height: 100%;
    height: auto;
}

.custom-popup-box-outer[data-bottom-buttons-count="0"] .custom-popup-box-buttons-holder {
    display: none;
}

body .custom-popup-box-outer .custom-popup-box-content-holder {
    color: #3E3D52;
    text-align: left;
    /*font-size: 16px;*/
    padding: 9px 12px 25px 12px;
    max-height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
}

body .custom-popup-box-outer[data-bottom-buttons-count="0"] .custom-popup-box-content-holder {
    max-height: calc(100% - 40px);
}

body .custom-popup-box-outer .custom-popup-box-header-holder {
    width: 100%;
    background-color: #1D1D1D;
    border: 1px solid #1D1D1D;
    min-height: 40px;
    position: relative;
}

    body .custom-popup-box-outer .custom-popup-box-header-holder .custom-popup-box-header-title {
        line-height: 40px;
        color: #F8FAFA;
        margin-right: 40px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 16px;
    }

    body .custom-popup-box-outer .custom-popup-box-header-holder .custom-popup-box-header-close-link {
        position: absolute;
        right: 0px;
        top: 0px;
        cursor: pointer;
    }

body .custom-popup-box-outer .custom-popup-box-header-close-link img {
    background: transparent url("../Images/icon-close.svg") no-repeat scroll 0px 0px;
}

body .custom-popup-box-outer .custom-popup-box-header-close-link svg {
    width: 40px;
    height: 40px;
    padding: 8px;
}

body .custom-popup-box-outer .custom-popup-box-content-holder,
body .custom-popup-box-outer .custom-popup-box-buttons-holder {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
}

body .custom-popup-box-outer .custom-popup-box-buttons-holder {
    border-top: none;
    padding: 8px 12px;
}

    body .custom-popup-box-outer .custom-popup-box-buttons-holder input {
        margin: 0 5px;
    }

body .custom-popup-box-background-outer {
    background: #000000;
    opacity: 0.5;
    z-index: 100000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

/************/
.logout-outer-div {
    width: 100%;
    text-align: center;
    margin: 65px auto 0px;
    font-family: 'Century Gothic Bold',Helvetica,Arial,Lucida,sans-serif;
    font-size: 17px;
    color: #5385c4 /*From #60c1ef*/;
}

/*Attachment extension classes*/

.attachment-pdf {
    background: transparent url("../Images/file-types/pdf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-xls {
    background: transparent url("../Images/file-types/xls-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-docx {
    background: transparent url("../Images/file-types/docx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-doc {
    background: transparent url("../Images/file-types/doc-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-jpeg {
    background: transparent url("../Images/file-types/attach-filled.svg") no-repeat scroll 5px 0px;
}

.attachment-3dm {
    background: transparent url("../Images/file-types/3dm-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-3ds {
    background: transparent url("../Images/file-types/3ds-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-3d2 {
    background: transparent url("../Images/file-types/attachment-unknown.svg") no-repeat scroll 5px 0px;
}

.attachment-3gp {
    background: transparent url("../Images/file-types/3gp-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-7z {
    background: transparent url("../Images/file-types/7z-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-aac {
    background: transparent url("../Images/file-types/aac-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-aif {
    background: transparent url("../Images/file-types/aif-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-ai {
    background: transparent url("../Images/file-types/ai-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-apk {
    background: transparent url("../Images/file-types/apk-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-app {
    background: transparent url("../Images/file-types/app-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-asf {
    background: transparent url("../Images/file-types/asf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-asp {
    background: transparent url("../Images/file-types/asp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-aspx {
    background: transparent url("../Images/file-types/aspx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-asx {
    background: transparent url("../Images/file-types/asx-multimedia-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-avi {
    background: transparent url("../Images/file-types/avi-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-bak {
    background: transparent url("../Images/file-types/bak-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-bat {
    background: transparent url("../Images/file-types/bat-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-bin {
    background: transparent url("../Images/file-types/bin-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-blank {
    background: transparent url("../Images/file-types/blank-file.svg") no-repeat scroll 5px 0px;
}

.attachment-bmp {
    background: transparent url("../Images/file-types/bmp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cab {
    background: transparent url("../Images/file-types/cab-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-cad {
    background: transparent url("../Images/file-types/cad-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cdr {
    background: transparent url("../Images/file-types/cdr-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cer {
    background: transparent url("../Images/file-types/cer-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-cfg {
    background: transparent url("../Images/file-types/cfg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cfm {
    background: transparent url("../Images/file-types/cfm-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cgi {
    background: transparent url("../Images/file-types/cgi-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-class {
    background: transparent url("../Images/file-types/class-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-com {
    background: transparent url("../Images/file-types/com-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cpl {
    background: transparent url("../Images/file-types/cpl-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-cpp {
    background: transparent url("../Images/file-types/cpp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-crx {
    background: transparent url("../Images/file-types/crx-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-csr {
    background: transparent url("../Images/file-types/csr-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-css {
    background: transparent url("../Images/file-types/css-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-csv {
    background: transparent url("../Images/file-types/csv-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cue {
    background: transparent url("../Images/file-types/cue-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-cur {
    background: transparent url("../Images/file-types/cur-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-dat {
    background: transparent url("../Images/file-types/dat-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dbf {
    background: transparent url("../Images/file-types/dbf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-db {
    background: transparent url("../Images/file-types/db-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dds {
    background: transparent url("../Images/file-types/dds-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-debian {
    background: transparent url("../Images/file-types/debian-file.svg") no-repeat scroll 5px 0px;
}

.attachment-dem {
    background: transparent url("../Images/file-types/dem-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-dll {
    background: transparent url("../Images/file-types/dll-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dmg {
    background: transparent url("../Images/file-types/dmg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-dmp {
    background: transparent url("../Images/file-types/dmp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-drv {
    background: transparent url("../Images/file-types/drv-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dtd {
    background: transparent url("../Images/file-types/dtd-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-dwg {
    background: transparent url("../Images/file-types/dwg-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-dxf {
    background: transparent url("../Images/file-types/dxf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-elf {
    background: transparent url("../Images/file-types/elf-file.svg") no-repeat scroll 5px 0px;
}

.attachment-elf-format {
    background: transparent url("../Images/file-types/elf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-eml {
    background: transparent url("../Images/file-types/eml-file.svg") no-repeat scroll 5px 0px;
}

.attachment-eps {
    background: transparent url("../Images/file-types/eps-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-eps-variant {
    background: transparent url("../Images/file-types/eps-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-exe {
    background: transparent url("../Images/file-types/exe-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-fla {
    background: transparent url("../Images/file-types/fla-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-flash {
    background: transparent url("../Images/file-types/flash-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-flv {
    background: transparent url("../Images/file-types/flv-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-fnt {
    background: transparent url("../Images/file-types/fnt-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-fon {
    background: transparent url("../Images/file-types/fon-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-gam {
    background: transparent url("../Images/file-types/gam-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-gbr {
    background: transparent url("../Images/file-types/gbr-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-ged {
    background: transparent url("../Images/file-types/ged-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-gif {
    background: transparent url("../Images/file-types/gif-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-gpx {
    background: transparent url("../Images/file-types/gpx-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-gz {
    background: transparent url("../Images/file-types/gz-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-gzip {
    background: transparent url("../Images/file-types/gzip-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-hqz {
    background: transparent url("../Images/file-types/hqz-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-html {
    background: transparent url("../Images/file-types/html-file-with-code-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-ibooks {
    background: transparent url("../Images/file-types/ibooks-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-ics {
    background: transparent url("../Images/file-types/ics-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-iff {
    background: transparent url("../Images/file-types/iff-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-indd {
    background: transparent url("../Images/file-types/indd-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-ipa {
    background: transparent url("../Images/file-types/ipa-file.svg") no-repeat scroll 5px 0px;
}

.attachment-iso {
    background: transparent url("../Images/file-types/iso-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-iso-format {
    background: transparent url("../Images/file-types/iso-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-jar {
    background: transparent url("../Images/file-types/jar-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-jpg {
    background: transparent url("../Images/file-types/jpg-image-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-js {
    background: transparent url("../Images/file-types/js-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-jsp {
    background: transparent url("../Images/file-types/jsp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-key {
    background: transparent url("../Images/file-types/key-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-kml {
    background: transparent url("../Images/file-types/kml-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-kmz {
    background: transparent url("../Images/file-types/kmz-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-lnk {
    background: transparent url("../Images/file-types/lnk-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-log {
    background: transparent url("../Images/file-types/log-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-lua {
    background: transparent url("../Images/file-types/lua-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-m3u {
    background: transparent url("../Images/file-types/m3u-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-m4a {
    background: transparent url("../Images/file-types/m4a-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-m4v {
    background: transparent url("../Images/file-types/m4v-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-mach {
    background: transparent url("../Images/file-types/mach-o-file.svg") no-repeat scroll 5px 0px;
}

.attachment-mach-format {
    background: transparent url("../Images/file-types/mach-o-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-max {
    background: transparent url("../Images/file-types/max-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-mdb {
    background: transparent url("../Images/file-types/mdb-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-mdf {
    background: transparent url("../Images/file-types/mdf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-mim {
    background: transparent url("../Images/file-types/mim-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-mov {
    background: transparent url("../Images/file-types/mov-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-mp3 {
    background: transparent url("../Images/file-types/mp3-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-mp4 {
    background: transparent url("../Images/file-types/mp4-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-mpa {
    background: transparent url("../Images/file-types/mpa-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-mpg {
    background: transparent url("../Images/file-types/mpg-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-msg {
    background: transparent url("../Images/file-types/msg-file.svg") no-repeat scroll 5px 0px;
}

.attachment-msg-variant {
    background: transparent url("../Images/file-types/msg-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-msi {
    background: transparent url("../Images/file-types/msi-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-nes {
    background: transparent url("../Images/file-types/nes-file-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-object {
    background: transparent url("../Images/file-types/object-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-odb {
    background: transparent url("../Images/file-types/odb-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-odc {
    background: transparent url("../Images/file-types/odc-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-odf {
    background: transparent url("../Images/file-types/odf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-odg {
    background: transparent url("../Images/file-types/odg-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-odi {
    background: transparent url("../Images/file-types/odi-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-odp {
    background: transparent url("../Images/file-types/odp-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-ods {
    background: transparent url("../Images/file-types/ods-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-odt {
    background: transparent url("../Images/file-types/odt-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-odt-symbol {
    background: transparent url("../Images/file-types/odt-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-odx {
    background: transparent url("../Images/file-types/odx-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-ogg {
    background: transparent url("../Images/file-types/ogg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-otf {
    background: transparent url("../Images/file-types/otf-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-otf-ext {
    background: transparent url("../Images/file-types/otf-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-pages {
    background: transparent url("../Images/file-types/pages-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-pct {
    background: transparent url("../Images/file-types/pct-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-pdb {
    background: transparent url("../Images/file-types/pdb-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-pdf {
    background: transparent url("../Images/file-types/pdf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-pif {
    background: transparent url("../Images/file-types/pif-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-pkg {
    background: transparent url("../Images/file-types/pkg-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-pl {
    background: transparent url("../Images/file-types/pl-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-png {
    background: transparent url("../Images/file-types/png-file-extension-interface-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-ppt {
    background: transparent url("../Images/file-types/ppt-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-pptx {
    background: transparent url("../Images/file-types/pptx-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-psd {
    background: transparent url("../Images/file-types/psd-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-ps {
    background: transparent url("../Images/file-types/ps-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-pub {
    background: transparent url("../Images/file-types/pub-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-python {
    background: transparent url("../Images/file-types/python-file-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-rar {
    background: transparent url("../Images/file-types/rar-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-raw {
    background: transparent url("../Images/file-types/raw-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-rm {
    background: transparent url("../Images/file-types/rm-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-rom {
    background: transparent url("../Images/file-types/rom-file.svg") no-repeat scroll 5px 0px;
}

.attachment-rss {
    background: transparent url("../Images/file-types/rss-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-rtf {
    background: transparent url("../Images/file-types/rtf-icon-format.svg") no-repeat scroll 5px 0px;
}

.attachment-sav {
    background: transparent url("../Images/file-types/sav-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-sdf {
    background: transparent url("../Images/file-types/sdf-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-sitx {
    background: transparent url("../Images/file-types/sitx-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-sql {
    background: transparent url("../Images/file-types/sql-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-copy {
    background: transparent url("../Images/file-types/attachment-unknown.svg") no-repeat scroll 5px 0px;
}

.attachment-srt {
    background: transparent url("../Images/file-types/svg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-svg {
    background: transparent url("../Images/file-types/svg-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-swf {
    background: transparent url("../Images/file-types/swf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-sys {
    background: transparent url("../Images/file-types/sys-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-tar {
    background: transparent url("../Images/file-types/tar-file-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-tex {
    background: transparent url("../Images/file-types/tex-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-tga {
    background: transparent url("../Images/file-types/tga-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-thm {
    background: transparent url("../Images/file-types/thm-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-tiff {
    background: transparent url("../Images/file-types/tiff-images-file-extension-symbol-for-interface.svg") no-repeat scroll 5px 0px;
}

.attachment-tmp {
    background: transparent url("../Images/file-types/tmp-icon-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-torrent {
    background: transparent url("../Images/file-types/torrent-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-ttf {
    background: transparent url("../Images/file-types/ttf-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-txt {
    background: transparent url("../Images/file-types/txt-text-file-extension-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-uue {
    background: transparent url("../Images/file-types/uue-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-web-link {
    background: transparent url("../Images/file-types/web-link.svg") no-repeat scroll 5px 0px;
}

.attachment-folder {
    background: transparent url("../Images/file-types/folder-unfilled.svg") no-repeat scroll 5px 0px;
}

.attachment-vb {
    background: transparent url("../Images/file-types/vb-file-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-vcd {
    background: transparent url("../Images/file-types/vcd-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-vdx {
    background: transparent url("../Images/file-types/vdx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vsd {
    background: transparent url("../Images/file-types/vsd-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vss {
    background: transparent url("../Images/file-types/vss-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vst {
    background: transparent url("../Images/file-types/vst-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vsx {
    background: transparent url("../Images/file-types/vsx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vtx {
    background: transparent url("../Images/file-types/vtx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-vcf {
    background: transparent url("../Images/file-types/vcf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-vob {
    background: transparent url("../Images/file-types/vob-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-wav {
    background: transparent url("../Images/file-types/wav-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-wma {
    background: transparent url("../Images/file-types/wma-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-wmv {
    background: transparent url("../Images/file-types/wmv-file-format-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-wpd {
    background: transparent url("../Images/file-types/wpd-file-format-symbol.svg") no-repeat scroll 5px 0px;
}

.attachment-wsf {
    background: transparent url("../Images/file-types/wsf-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-xhtml {
    background: transparent url("../Images/file-types/xhtml-icon-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-xls {
    background: transparent url("../Images/file-types/xls-file-format-symbol.svg") no-repeat scroll 5px 0px;
}


.attachment-xlsx {
    background: transparent url("../Images/file-types/xlsx-file-format.svg") no-repeat scroll 5px 0px;
}

.attachment-xml {
    background: transparent url("../Images/file-types/xml-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-yuv {
    background: transparent url("../Images/file-types/yuv-file-format-variant.svg") no-repeat scroll 5px 0px;
}

.attachment-zip-compressed {
    background: transparent url("../Images/file-types/zip-compressed-files-extension.svg") no-repeat scroll 5px 0px;
}

.attachment-zip {
    background: transparent url("../Images/file-types/zip-file.svg") no-repeat scroll 5px 0px;
}

.attachment-unknown {
    background: transparent url("../Images/file-types/attachment-unknown-filled.svg") no-repeat scroll 5px 0px;
}

.attachment-email {
    background: transparent url("../Images/file-types/message.svg") no-repeat scroll 5px 0px;
}


/* Kendo UI override Start */
.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header {
    border-color: #DEE2E6;
}
.k-autocomplete, .k-block, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editor-dialog .k-tabstrip-items, .k-filter-row > th,
.k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked,
.k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header,
.k-grouping-header .k-group-indicator, .k-input, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel,
.k-panelbar > .k-item > .k-link, .k-popup.k-align .k-list .k-item:last-child, .k-separator, .k-slider-track, .k-splitbar,
.k-state-default, .k-state-default .k-select, .k-state-disabled, .k-toolbar, .k-treemap-tile, .k-upload .k-action-buttons,
.k-upload-files, .k-widget, .k-picker {
    border-color: #DEE2E6;
}
body div .k-dropdown-wrap,
body .k-dropdown-wrap.k-state-focused, body .k-numeric-wrap.k-state-focused, body .k-picker-wrap.k-state-focused,
body .k-autocomplete, body .k-dropdown-wrap.k-state-default, body .k-numeric-wrap.k-state-default, body .k-picker-wrap.k-state-default, body .k-picker {
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    background-color: #ffffff;
    background-image: none;
}
.k-picker-solid:hover, .k-picker-solid.k-hover {
    background-color: #ffffff;
    background-image: none;
}
    body div .k-dropdown-wrap .k-input, body div .k-dropdown-wrap .k-select {
        background-color: #ffffff;
        text-indent: 5px;
    }

body div .k-i-calendar {
    background: url('../Images/arrow/arrow_carrot-down-orange.svg') no-repeat scroll 5px 0px;
    height: 22px;
    width: 27px;
    background-size: 19px;
    margin-left: -2px;
}

body div .k-datepicker-calendar {
    padding: 0;
    /*border-bottom: 1px solid #000000;*/
    border-radius: 0;
    box-shadow: none;
}

body div .k-combobox.k-header .k-select { /*, body .k-multiselect-wrap.k-floatwrap {*/
    border-width: 0;
}

body .k-multiselect.k-state-hover {
    background: none;
}

body .k-state-hover > .k-multiselect-wrap {
    background-color: transparent;
    border-color: #ccc;
}

body div .k-datepicker .k-picker-wrap, .k-multiselect.k-header, body div .k-datetimepicker .k-picker-wrap {
    border-width: 0;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}

    .k-multiselect.k-header.k-state-hover {
        border: none;
        border-bottom: 1px solid #000000;
        background-color: transparent;
    }

    .k-multiselect.k-header.k-state-focused {
        background-color: transparent;
    }

.k-multiselect .k-icon.k-clear-value.k-i-close {
    right: 20px;
}

.k-multiselect .k-icon.k-i-loading.k-lsoading-hidden {
    width: 25px;
    top: 9px;
}
.k-multiselect .k-clear-value {
    margin-right: 17px;
}
body .k-state-hover > .k-multiselect, body .k-multiselect {
    background: url(../Images/arrow/arrow_carrot-down-orange.svg) no-repeat scroll right;
    background-size: 25px;
    background-position: 99.9% 0px;
}

body div .k-datepicker .k-picker-wrap .k-select, body div .k-datepicker .k-picker-wrap .k-input {
    border-width: 0;
    background-color: #f2f2f2;
}

body .k-datetimepicker .k-select .k-link-time {
    margin-left: 0;
}

body .k-datetimepicker .k-picker-wrap {
    padding-right: 44px;
}

body .k-datetimepicker .k-select {
    width: 44px;
    border-width: 0px;
}
.k-input-value-text {
    line-height: 26px;
    padding-left: 5px;
}
.k-dropdown-with-icon-symbol .k-input-value-text {
    padding-left: 0px;
}
body .k-datetimepicker .k-link.k-link-date {
    margin-left: 0;
}

body .k-datetimepicker .k-icon.k-i-calendar {
    margin-top: 5px;
    width: 24px;
    margin-left: -7px;
}

#divPortaItemsGridOuterForFolders > div:first-child, #divPortaItemsGridOuterForAttachments > div:first-child {
    border: 1px dashed #cfd8dc;
    width: 97%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-icon.k-i-arrowhead-s, body .k-icon.k-i-more-vertical {
    background: url(../Images/filter-filled.svg) no-repeat scroll 5px 0;
    height: 20px;
    width: 24px;
    background-size: 19px;
    margin-left: -5px;
}

    body .k-icon.k-i-more-vertical:before {
        content: ' ';
    }

body .k-primary, body .k-primary:hover {
    background-color: #008080;
    border-color: #008080;
}

/*body .k-grid .k-header .k-link .k-icon.k-i-arrow-s, body .k-grid .k-header .k-link .k-icon.k-i-sort-desc-sm {
    background: url('../Images/arrow/arrow_down.svg') no-repeat scroll 3px 1px;
    height: 17px;
    width: 18px;
    background-size: 15px;
}

body .k-grid .k-header .k-link .k-icon.k-i-arrow-n, body .k-grid .k-header .k-link .k-icon.k-i-sort-asc-sm {
    background: url('../Images/arrow/arrow_up.svg') no-repeat scroll 3px 1px;
    height: 17px;
    width: 18px;
    background-size: 15px;
}

body .k-i-calendar:before {
    content: ' ';
}

body .k-grid .k-header .k-link .k-icon.k-i-sort-desc-sm:before,
body .k-grid .k-header .k-link .k-icon.k-i-sort-asc-sm:before {
    content: ' ';
}*/

body div .k-dropdownlist .k-svg-i-caret-alt-down.k-button-icon {
    background: url('../Images/arrow/arrow_carrot-down-orange.svg') no-repeat scroll 5px 3px;
    height: 30px;
    width: 24px;
    background-size: 25px;
    margin-left: -10px;
}
body div .k-dropdownlist .k-svg-i-caret-alt-down.k-button-icon svg {
    display: none;
}
/*
    body div .k-dropdown .k-i-arrow-s, body div .k-dropdown .k-i-arrow-60-down:before {
        content: ' '
    }*/

body div .k-combobox .k-i-arrow-s, body div .k-combobox .k-i-arrow-60-down {
    background: url('../Images/arrow/arrow_carrot-down-orange.svg') no-repeat scroll 5px 0px;
    height: 20px;
    width: 24px;
    background-size: 19px;
    margin-left: -5px;
}

    body div .k-combobox .k-i-arrow-s, body div .k-combobox .k-i-arrow-60-down:before {
        content: ' '
    }
body .k-grid {
    background-color: #ffffff;
}

.portal-full-height .k-grid ul li span.k-sprite.k-filter {
    background: transparent url(../Images/filter-filled.svg) no-repeat scroll 5px 0;
}

.k-grid .k-grid-header-wrap thead tr th, .k-grid .k-grid-header-wrap thead tr:hover th {
    border-bottom: 1px solid #e7e7e7;
    background-color: #ffffff;
    font-family: 'Century Gothic Bold',Helvetica,Arial,Lucida,sans-serif;
    padding-block: 5px;
    padding-inline: 7px;
    font-weight: bold;
}
.k-grid tbody > tr {
    background-color: #FFFFFF;
}

.k-grid tbody > .k-alt {
    background-color: #FFFFFF;
}

.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: rgba(232, 84, 12, 0.2);
}

body .k-popup ul li.k-item.k-state-hover,
body .k-state-selected:link,
body .k-state-selected:visited,
body .k-list > .k-state-selected,
body .k-list > .k-state-highlight,
body .k-panel > .k-state-selected,
body .k-button:active,
body .k-ghost-splitbar-vertical,
body .k-ghost-splitbar-horizontal,
body .k-draghandle.k-state-selected:hover,
body .k-scheduler .k-scheduler-toolbar .k-state-selected,
body .k-marquee-color {
    background-color: #E8540C;
    color: #f2f2f2;
    border-color: #E8540C;
}

body .k-autocomplete .k-input, body .k-dropdown-wrap .k-input, body .k-multiselect-wrap .k-input, body .k-numeric-wrap .k-input, 
body .k-picker-wrap .k-input, body .k-selectbox .k-input, body .k-textbox > input {
    padding: 0.5px 0;
}

body .k-grid tr, body .k-grid tr td {
    background-color: #ffffff;
}

body .k-grid tr:hover, body .k-grid tr:hover td {
    background-color: #fafafa;
}

body .k-popup .k-i-columns {
    background: transparent url(../Images/columns-filled.svg) no-repeat scroll 5px 0;
    height: 18px;
    width: 24px;
    background-size: 17px;
    margin-left: -8px;
}

body .k-popup .k-filter, body .k-popup .k-i-filter {
    background: transparent url("../Images/filter-filled.svg") no-repeat scroll 5px 0;
    height: 18px;
    width: 24px;
    background-size: 17px;
    margin-left: -8px;
}

    body .k-popup .k-i-columns:before, body .k-popup .k-i-filter:before {
        content: ' ';
    }

.k-grid .k-icon.k-i-refresh {
    background: transparent url("../Images/refresh-filled.svg") no-repeat scroll 5px 0 !important;
    height: 20px;
    width: 24px;
    background-size: 19px !important;
    margin-left: -8px;
}

.k-grid .k-icon.k-i-seek-w {
    background: transparent url("../Images/arrow-beginning-filled.svg") no-repeat scroll 5px 0 !important;
    height: 20px;
    width: 24px;
    background-size: 19px !important;
    margin-left: -8px;
}

.k-grid .k-icon.k-i-arrow-w {
    background: transparent url("../Images/arrow-back-filled.svg") no-repeat scroll 5px 0 !important;
    height: 20px;
    width: 24px;
    background-size: 19px !important;
    margin-left: -8px;
}

.k-grid .k-icon.k-i-arrow-e {
    background: transparent url("../Images/arrow-forward-filled.svg") no-repeat scroll 5px 0 !important;
    height: 20px;
    width: 24px;
    background-size: 19px !important;
    margin-left: -8px;
}

.k-grid .k-icon.k-i-seek-e {
    background: transparent url("../Images/arrow-end-filled.svg") no-repeat scroll 5px 0 !important;
    height: 20px;
    width: 24px;
    background-size: 19px !important;
    margin-left: -8px;
}

.k-grid .k-pager-numbers .k-state-selected {
    background-color: #333;
    color: #f2f2f2;
    border-color: #333;
    border-radius: 4px;
    /*width:3em;*/
    border-style: none;
}
.k-dropdownlist {
    height: 26px;
}
.k-pager-sizes .k-input-value-text {
    text-align: center;
}

    .k-grid .k-icon.k-i-refresh:before, .k-grid .k-pager-numbers .k-state-selected:before,
    .k-grid .k-icon.k-i-seek-w:before, .k-grid .k-icon.k-i-arrow-w:before,
    .k-grid .k-icon.k-i-arrow-e:before, .k-grid .k-icon.k-i-seek-e:before {
        content: ' ';
    }

body .k-input, body input.k-textbox, body textarea.k-textbox, body input.k-textbox:hover, body textarea.k-textbox:hover,
body .k-textbox > input, body .k-multiselect-wrap {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 0;
}

body span.k-input.k-datepicker {
    border-bottom: none;
}
body .k-multiselect-wrap li {
    line-height: 17px;
    min-height: 20px;
}

.k-grid .k-pager-wrap.k-grid-pager.k-widget > span, .k-grid .k-pager-wrap.k-grid-pager.k-widget > a,
.k-grid .k-pager-wrap.k-grid-pager.k-widget > ul {
    padding-top: 6px;
}

.k-grid .k-pager-wrap .k-link {
    border-color: transparent;
}

.k-grid .k-pager-refresh.k-link {
    padding: 6px 6px 6px 6px;
}

body .k-grid td, body .k-grid-md td, body .k-grid-md .k-table-td {
    padding: 0.6em .6em;
    padding-inline: 0.6em 0.6em;
    padding-block: 0.6em 0.6em;
    border-style: none;
    border-bottom: 1px solid #e7e7e7;
}
.k-pager-numbers-wrap svg path {
    fill: #E8540C;
}
.k-pager-numbers-wrap .k-button-flat-primary {
    color: #E8540C;
}
.k-list-item.k-selected, .k-selected.k-list-optionlabel,
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected,
.k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #fff;
    background-color: #E8540C;
    border: none;
    box-shadow: none;
    border-radius: 0px;
}
.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-state-hover {
    color: #fff;
    background-color: #E8540C;
    border: none;
    box-shadow: none;
    border-radius: 0px;
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-listbox .k-item,
.k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    border-width: 0px;
    box-shadow: none;
    border-radius: 0px;
}
.k-listbox .k-item, .k-popup .k-list .k-item {
    border-width: 0px;
    padding: 0 4px;
    box-shadow: none;
    border-radius: 0px;
}

.k-list-container {
    border-color: #ceced2;
    background-color: #fff;
}

.k-icon, .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #E8540C;
}

.k-grid .k-pager-numbers .k-selected, .k-button.k-selected {
    background-color: #E8540C !important; /* importantr is already used in kendoui css*/
    border-radius: 0px;
    color: #fff;
}
.k-dropdown-filter-icon {
    vertical-align: top;
    background: transparent url(../Images/filter-filled.svg) no-repeat scroll 5px 5px;
    background-size: 15px;
    width: 25px;
    text-align: left;
    float: left;
}
    .k-dropdown-filter-icon.icon-building-alt {
        background: transparent url(../Images/nav/icon_building_alt.svg) no-repeat scroll 1px 1px;
    }
    .k-dropdown-filter-icon.icon-globe-alt {
        background: transparent url(../Images/nav/icon_globe_alt.svg) no-repeat scroll 1px 1px;
    }
    .k-dropdown-filter-icon.icon-bag {
        background: transparent url(../Images/nav/icon_bag.svg) no-repeat scroll 1px 1px;
    }
    .k-dropdown-filter-icon.icon-profile {
        background: transparent url(../Images/nav/icon_profile.svg) no-repeat scroll 1px 1px;
    }

.k-dropdown-wrap .k-input:before {
    display: none;
}

.k-animation-container .k-list-optionlabel .k-dropdown-filter-icon {
    display: none;
}
.k-state-disabled .k-dropdown-clear-selection-icon-link {
    display: none;
}

.k-grid-header th.k-header > .k-link {
    font-family: 'Century Gothic Bold',Helvetica,Arial,Lucida,sans-serif;
}
.k-widget.k-dropdown[aria-disabled="true"] {
    cursor: default;
}
.div-maintenance-grid-filter-container .export-to-excel-btn-outer, .export-to-excel-btn-outer {
    float: right;
    border: 2px solid #E8540C;
    padding: 1px 6px;
    margin: 7px 7px;
}
    .export-to-excel-btn-outer > * {
        display: inline-block;
    }

    .export-to-excel-btn-outer .export-to-xls-filled {
        width: 27px;
        background-size: 28px;
        background-position: top;
    }

    .export-to-excel-btn-outer [type="checkbox"].custom-checkbox:not(:checked) + label, .export-to-excel-btn-outer [type="checkbox"].custom-checkbox:checked + label {
        margin-right: 10px;
        top: 2px;
    }
    .export-to-excel-btn-outer [type="checkbox"].custom-checkbox:not(:checked) + label:before, [type="checkbox"].custom-checkbox:checked + label:before,
    .export-to-excel-btn-outer [type="checkbox"].custom-checkbox:not(:checked) + label:after, [type="checkbox"].custom-checkbox:checked + label:after {
        top: 3px;
    }
/* Kendo UI override End */
/* Common all pages contaoiner styles/ layout Start*/
.top-breadcrumb-outer {
    width: 100%;
    font-size: 18px;
    margin: 5px 0px 0px 0px;
    border-bottom: 1px solid #DEE2E6;
}

.top-breadcrumb > div {
    display: inline-block;
}
    .top-breadcrumb > div.section-name {
        color: #333333;
    }

    .top-breadcrumb > div.section-name a {
        color: #E8540C;
    }

    .top-breadcrumb > div.separator {
        color: #333333;
        margin: 0px 5px;
    }

.top-breadcrumb-outer .top-breadcrumb {
    width: calc(100% - 115px);
    display: inline-flex;
    line-height: 37px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn.btn-top-goback, .btn.btn-top-goback:active, .btn.btn-top-goback:hover, .btn.btn-top-goback:focus, .btn.btn-top-goback:focus:active {
    vertical-align: top;
    background: transparent url(../Images/arrow/arrow_left.svg) no-repeat scroll 17px 3px;
    padding-left: 30px;
    padding-right: 10px;
}
.div-maintenance-each-container {
    border-top: 1px solid #DEE2E6;
}
.div-maintenance-grid-filter-container {
    border-left: 1px solid #e3dddd;
    border-right: 1px solid #e3dddd;
}
.common-custom-search-box-outer {
    position: relative;
}

    .common-custom-search-box-outer span {
        position: absolute;
        top: 0px;
        right: 1px;
        padding: 13px 12px 13px 12px;
        background-color: #E8540C;
        color: #ffffff;
        cursor: pointer;
    }

    .common-custom-search-box-outer .common-custom-search-box-text-search {
        padding-left: 25px;
        padding-right: 25px;
        background-size: 15px;
    }

    .common-custom-search-box-outer img.search-box-filter-icon {
        background: url(../Images/filter-filled.svg) no-repeat scroll 5px 6px;
        position: absolute;
        top: 0px;
        left: 1px;
        padding: 13px 12px 13px 12px;
        background-size: 15px;
    }

    .common-custom-search-box-outer a.k-dropdown-clear-selection-icon-link {
        position: absolute;
        top: 3px;
        left: 5px;
        cursor: pointer;
    }
.div-maintenance-grid-filter-container > div {
    float: left;
    margin: 10px 10px;
}
.div-maintenance-grid-filter-container .common-custom-filter-container-addnew-btn {
    float: right;
    margin: 7px 7px;
}
.div-maintenance-grid-container .common-custom-grid-delete-link {
    display: none;
}

.div-maintenance-grid-container tr:hover .common-custom-grid-delete-link {
    display: block;
}

.div-maintenance-grid-container tbody tr td svg path, .div-maintenance-grid-container tbody tr td svg polygon {
    fill: #ababab !important;
}

.div-maintenance-grid-container tbody tr:hover td svg path, .div-maintenance-grid-container tbody tr:hover td svg polygon {
    fill: #3E3C52 !important;
}

.div-maintenance-each-container .div-tabs-bar-container {
    border-bottom: 1px solid #DEE2E6;
    background-color: #FAFAFA;
}

    .div-maintenance-each-container .div-tabs-bar-container > div:first-child {
        width: 60%;
        display: inline-flex;
    }

.div-maintenance-each-container .div-tabs-bar-tabs-links > div {
    display: table-cell;
    width: 150px;
    text-align: center;
    border-right: 1px solid #DEE2E6;
}

    .div-maintenance-each-container .div-tabs-bar-tabs-links > div a {
        display: block;
        padding: 13px;
    }

.div-maintenance-each-container .div-tabs-bar-container > div {
    display: inline-flex;
}

    .div-maintenance-each-container .div-tabs-bar-container > div:first-child {
        width: calc(100% - 114px);
        display: inline-flex;
    }

    .div-maintenance-each-container .div-tabs-bar-container > div:last-child {
        display: inline-flex;
    }

        .div-maintenance-each-container .div-tabs-bar-container > div:last-child input {
            margin-top: 2px;
        }

.div-maintenance-each-container .div-tabs-bar-tabs-links div.common-custom-active-tab {
    background-color: #ffffff;
    box-shadow: 1px 1px #ffffff;
}
.div-maintenance-each-container {
    border-left: 1px solid #DEE2E6;
    border-right: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
    background: #ffffff;
}
    .div-maintenance-each-container .div-each-tab-content-container {
        padding: 10px;
    }
        .div-maintenance-each-container .div-each-tab-content-container .inputs-form-outer {
            max-width: 600px;
            float: left;
            padding: 10px;
        }

    .div-maintenance-each-container .k-picker.k-dropdownlist.input-control, .inputs-form-common-custom-container .k-picker.k-dropdownlist.input-control {
        max-width: 280px;
        width: 100%;
    }

        .div-maintenance-each-container .k-multiselect.input-control, .inputs-form-common-custom-container .k-multiselect.input-control {
            max-width: 280px;
            width: 100%;
        }
.inputs-form-container .inputs-form-buttons-outer-aligned-right {
    float: right;
    padding: 10px;
}

/*show-as-label-if-disabled*/
.show-as-label-if-disabled .k-picker.k-dropdownlist[aria-disabled="true"] {
    cursor: default;
    box-shadow: none;
}
.show-as-label-if-disabled .k-picker.k-dropdownlist[aria-disabled="true"],
.show-as-label-if-disabled input.input-control {
    border-width: 0px;
    opacity: 1;
    padding-right: 0px;
    box-shadow: none;
}
    .show-as-label-if-disabled .k-picker.k-dropdownlist[aria-disabled="true"] span.k-input {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }
    .show-as-label-if-disabled .k-picker.k-dropdownlist[aria-disabled="true"] .k-input-button,
    .show-as-label-if-disabled .k-picker.k-dropdownlist[aria-disabled="true"] .k-dropdown-clear-selection-icon-link {
        display: none;
    }
.common-custom-inline-multiselect-list-available-values {
    max-height: 250px;
    height: 250px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding-top: 5px;
}
    .common-custom-inline-multiselect-list-available-values .each-available-value-outer {
        position: relative;
        padding: 0px 5px 5px 5px;
    }
        .common-custom-inline-multiselect-list-available-values .each-available-value-outer label {
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0px;
        }
.common-custom-inline-multiselect-list-selected-values {
    max-height: 250px;
    height: 250px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding-top: 5px;
}
    .common-custom-inline-multiselect-list-selected-values .each-selected-value-outer {
        position: relative;
    }
    .common-custom-inline-multiselect-list-selected-values .each-selected-value-outer img.remove-selected-item-icon {
        background: transparent url("../Images/icon-close.svg") no-repeat scroll 0px 0px;
        width: 21px;
        height: 20px;
        background-size: 18px 18px;
        background-position-x: 0px;
        display: inline-block;
        cursor: pointer;
    }
        .common-custom-inline-multiselect-list-selected-values .each-selected-value-outer .each-selected-value-text {
            width: calc(100% - 25px);
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
            line-height: 32px;
        }
    .data-link-in-grid, .data-link-in-grid:active, .data-link-in-grid:focus {
        text-decoration: underline;
    }
/* Common all pages container styles/ layout End*/

body[data-site-instance-type="DEV"] .navbar:after {
    display: table;
    content: "DEV - Developer Testing";
    position: absolute;
    left: 300px;
    top: 0px;
    line-height: 77px;
    color: #E8540C;
    font-size: 25px;
    font-family: 'Century Gothic Bold', Helvetica, Arial, Lucida, sans-serif;
}
body[data-site-instance-type="UAT"] .navbar:after {
    display: table;
    content: "UAT - User Acceptance Testing";
    position: absolute;
    left: 300px;
    top: 0px;
    line-height: 77px;
    color: #E8540C;
    font-size: 25px;
    font-family: 'Century Gothic Bold', Helvetica, Arial, Lucida, sans-serif;
}