/* Minification failed. Returning unminified contents.
(2493,55): run-time error CSS1030: Expected identifier, found ':'
(2493,63): run-time error CSS1031: Expected selector, found ')'
(2493,63): run-time error CSS1025: Expected comma or open brace, found ')'
(2677,55): run-time error CSS1030: Expected identifier, found ':'
(2677,63): run-time error CSS1031: Expected selector, found ')'
(2677,63): run-time error CSS1025: Expected comma or open brace, found ')'
(2741,55): run-time error CSS1030: Expected identifier, found ':'
(2741,63): run-time error CSS1031: Expected selector, found ')'
(2741,63): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/***
    ****************************
    ****************************
    Main dark blue: #224F78 | rgb(34, 79, 120)
    Secondary light blue: #EAEDF6
    green: #4CAF45;
    red:#B40F0D;
    ****************************
    ****************************
***/

body {
    /*background: rgba(34, 79, 120,0.05);*/ /*commented background property for major issue on sonar qube*/
    color: #333;
    height: 100%;
    background: url('../../img/bg-vw.jpg') 50% 100% no-repeat #EAEAEA fixed;
    background-size: cover;
}

.site {
    background: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
}

.loading-indicator .fa-spinner {
    color: #ddd;
}

/*#region Header Navigation */

.navbar {
    background: #333;
}

#navbar > ul > li:hover {
    background: rgba(34, 79, 120, 0.7);
}

#navbar > ul > li {
    border-left: 1px solid rgba(221, 221, 221, 0.3);
}

    #navbar > ul > li a {
        color: #ddd;
        font-weight: bold;
    }

#header, .bg-dark {
    background-image: linear-gradient(to bottom, rgba(221, 221, 221, 0.8) 0%, #ddd 100%);
}

.btn-primary {
    border-color: rgba(255, 255, 255, 0.8);
    border: #ddd;
    background-color: #ddd;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-color: #ddd;
    }

i.fa {
    color: #333;
}

/*#endregion */

/*#region Search Field */

/* Search box base styling */
/* Main search container */
/* ---------------- Advanced Search (new CSS) ---------------- */
.search-advanced .search-bar-container {
    position: relative;
    width: 160%;
    display: flex;
}

/* Input field styling */
.search-advanced .search-input {
    flex: 80;
    height: 46px;
    padding: 10px;
    border: 1px solid #ccc;
    border-right: none;
    font-size: 14px;
    border-radius: 4px 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

#customTooltip {
    position: absolute;
    background: #dedede;
    color: #000;
    padding: 8px 10px;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 15px;
    z-index: 9999;
    display: none;
}

@media (max-width: 480px) {
    .search-advanced .search-input {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

    #customTooltip {
        font-size: 13px;
        padding: 5px 8px;
    }
}


@media (max-width: 768px) {
    .search-advanced #navbar > ul > li.search input {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .search-advanced #navbar > ul > li.search {
        max-width: 70%;
        text-align: left;
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    #navbar > ul > li.search {
        padding-right: 5px;
        width: 88%;
    }
}

.search-advanced .seachid {
    color: black !important;
}

/* Hamburger button styling */
.search-advanced .filter-toggle {
    background: #ababab !important;
    border: 1px solid #ccc;
    padding: 0 12px;
    height: 46px;
    display: flex;
    align-items: center;
    pointer-events: auto;
    cursor: pointer;
    border-radius: 0;
    border-left: none;
}

/* Black hamburger icon */
.search-advanced .custom-hamburger {
    color: #000 !important;
    font-size: 28px;
}

.search-advanced .text-black {
    color: #000;
}

/* Search button styling */
.search-advanced .input-group-btn .btn {
    height: 46px;
    width: 46px;
    border-radius: 0 4px 4px 0;
    border-left: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dddddd;
}



.search-advanced .hamburger-wrapper {
    position: relative;
    z-index: 10;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
}

.search-advanced .filter-checkbox-label {
    display: block;
    background-color: black;
    padding: 10px;
    font-size: 14px;
    color: white;
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
    font-weight: bold !important;
}

.search-advanced .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: rgba(51, 51, 51, 1);
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    width: auto;
    white-space: nowrap;
    overflow-x: hidden;
    z-index: 10;
}

    .search-advanced .dropdown-content label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 10px;
        font-size: 14px;
        color: white;
        border-bottom: 1px solid #ddd;
        font-weight: normal;
    }

@media (max-width: 768px) {
    .search-advanced .dropdown-content {
        width: 70vw;
        white-space: normal;
    }

        .search-advanced .dropdown-content label {
            width: auto;
            white-space: normal;
        }
}



.search-advanced #searchDropdown {
    position: absolute;
    top: 100%;
    right: 0 !important;
    left: auto !important;
    z-index: 1000;
}

    .search-advanced #searchDropdown label {
        display: flex;
        align-items: baseline !important;
        justify-content: flex-start;
        margin: 0;
        padding: 10px;
        font-size: 14px;
        color: white;
        border-bottom: 1px solid #ddd;
    }

        .search-advanced #searchDropdown label span {
            margin-left: 8px;
            text-align: left !important;
            flex: 1 !important;
        }

@media (max-width: 768px) {
    .search-advanced #searchDropdown label span {
        margin-left: 0px;
    }
}

.search-advanced #searchDropdown label:last-child {
    border-bottom: none;
}

.search-advanced #searchDropdown label:hover,
.search-advanced #searchDropdown label:focus,
.search-advanced #searchDropdown label:active {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    cursor: pointer;
}

.search-advanced #searchDropdown input[type="checkbox"] {
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    position: relative; /* for positioning the ::after */
    outline: none;
}

    /* Draw the checkmark when checked */
    .search-advanced #searchDropdown input[type="checkbox"]:checked::after {
        position: absolute;
        top: 2px;
        left: 2px;
        width: 10px;
        height: 10px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="black"><path d="M6.173 10.577L3.5 7.904l-.707.707 3.38 3.38.707.707 7.07-7.07-.707-.707-6.77 6.77z"/></svg>') no-repeat center center;
        background-size: contain;
    }
/* Show dropdown when active */
.search-advanced .hamburger-wrapper:hover .dropdown-content,
.search-advanced .hamburger-wrapper:focus-within .dropdown-content {
    display: block;
}

/* Hover effects */
.search-advanced .filter-toggle:hover {
    background-color: #9e9e9e !important;
}

/* Disabled state styling */
.search-advanced .disableSearchBarTextBox {
    background-color: white !important;
}

.search-advanced .disableSearchBarButton {
    background-color: white !important;
}

.search-advanced .search-input,
.search-advanced .btn,
.search-advanced .dropdown-content,
.search-advanced .filter-toggle,
.search-advanced input,
.search-advanced button,
.search-advanced select,
.search-advanced textarea {
    box-shadow: none !important;
    text-shadow: none !important;
}


/* ---------------- Basic Search (old CSS) ---------------- */
.search-basic .form-control {
    border: 0;
    background: rgba(221, 221, 221, 0.4);
    color: #ddd;
}

.search-basic .fa {
    color: #333;
}

.search-basic .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eee;
}

/* Disable dropdown hover when search is disabled */
.search-advanced.disabled-search .hamburger-wrapper:hover .dropdown-content,
.search-advanced.disabled-search .hamburger-wrapper:focus-within .dropdown-content,
.disabled-search-dropdown {
    display: none !important; /* hide dropdown */
    pointer-events: none; /* disable clicks and hover */
    opacity: 0.6;
}

/*#endregion */

/*#region Logo */

.navbar-brand a {
    background: #ddd;
    border: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
    padding: 0 10px 8px 10px;
    max-width: 255px;
    width: 255px;
    height: 60px;
    background-size: cover;
}

.navbar-brand img {
    margin-top: 4px;
}

#logo {
    background: none;
}

/*#endregion */

/*#region Tiles */

div.to-block {
    border: 0;
    box-shadow: 0 0 5px rgb(51, 51, 51);
    background: #ddd;
}

#home div.to-block:hover {
    background: rgba(51, 51, 51, 0.1);
    box-shadow: 0 0 5px #555;
}

    #home div.to-block:hover .icon, #home div.to-block:hover .rfid-tile, #home div.to-block:hover .fa {
        color: #224F78;
    }

.shine:before {
    background: none;
}

.shine:after {
    background: none;
    height: 22px;
}

.to-block-content .text-default {
    color: #000;
    font-weight: bold;
}

#home div.to-block:hover .to-block-content .text-default {
    color: #fff;
    font-weight: bold;
}

#home .icon, #home .fa {
    color: #333;
}

.to-label {
    background: #333;
    background-color: #333;
    background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.8) 0%, #333 100%);
    border: 0;
    -moz-box-shadow: 1px 1px 0 #333;
    -webkit-box-shadow: 1px 1px 0 #333;
    box-shadow: 1px 1px 0 #333;
}

    .to-label span {
        color: #fff;
        font-weight: bold;
    }

.progress {
    border-bottom: 0;
    background: rgba(161, 175, 213, 0.4);
}

.progress-bars label {
    font-weight: bold;
}

#navbar .navbar-nav > li > .dropdown-menu > li a {
    color: #333;
    font-weight: bold;
}

    #navbar .navbar-nav > li > .dropdown-menu > li a:hover, #navbar .navbar-nav > li > .dropdown-menu > li a:hover i, #navbar .navbar-nav > li > .dropdown-menu > li a:focus {
        background-color: #224F78;
        color: #fff;
    }

.to-block-content .pull-right {
    font-weight: bold;
}

/*#endregion */


/*** Inside Pages ***/

/*#region Filters */

.filter-buttons .btn.active {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.8) 0%, #333 100%);
}

.filter-buttons, .switch-buttons {
    border-bottom: 0;
}

    .filter-buttons .btn, .switch-buttons .btn {
        -moz-border-image: -moz-linear-gradient(bottom, rgba(51, 51, 51,0.30), rgba(0, 0, 0, 0)) 1 100%;
        -o-border-image: -o-linear-gradient(bottom, rgba(51, 51, 51,0.30), rgba(0, 0, 0, 0)) 1 100%;
        -webkit-border-image: -webkit-linear-gradient(bottom, rgba(51, 51, 51,0.30), rgba(0, 0, 0, 0)) 1 100%;
        border-image: linear-gradient(to bottom, rgba(51, 51, 51,0.30), rgba(0, 0, 0, 0)) 1 100%;
    }

    .filter-buttons label, .switch-buttons label {
        border-bottom: 0;
        color: #ddd;
    }

    .filter-buttons .btn-primary, .filter-buttons .btn-primary:hover {
        background-color: #ddd;
        color: #aaa;
    }

a, a:hover, a:focus {
    color: #333;
    text-decoration: none;
}

.to-block-content .filter-buttons label.btn-primary {
    background-image: linear-gradient(to bottom, rgba(170, 170, 170, 0.8) 0%, #aaa 100%);
    color: #333;
}

.to-block-content .btn-primary, .to-block-content label.btn-primary.active {
    border-color: rgba(221, 221, 221, 0.8);
    border: #333;
    background-color: #333;
    background-image: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, #333 100%);
}

.to-block-content .export-excel.export-btn .btn-primary {
    border: 1px solid #ddd;
    background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0.8) 0%, #333 100%);
}

.to-block-content .export-excel.export-btn span {
    color: #fff;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-right: 2px solid #888;
    border-left: 2px solid #888;
}

.dl-menuwrapper ul {
    border: 1px solid #777;
}

.no-touch .dl-menuwrapper li:hover {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #40709b 0%, #224f78 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #40709b 0%, #224f78 100%);
    /* Opera */
    background-image: -o-linear-gradient(bottom, #40709b 0%, #224f78 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #224f78), color-stop(1, #40709b));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #40709b 0%, #224f78 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #40709b 0%, #224f78 100%);
}

.dl-menuwrapper button:focus {
    color: initial;
}

.btn-clearDate {
    background-color: #EAEDF6;
}

.filter .btn-clearDate .fa {
    color: #333;
}

/*#endregion */

/*#region Storage Location Filter Dropdown */

.dl-trigger, .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {
    background: rgba(34, 79, 120, 0.2);
    color: #555;
}

.dl-menuwrapper button {
    background: #EAEDF6;
    color: #555;
}

    .dl-menuwrapper button > i.fa {
        color: #555;
    }

.dl-menuwrapper ul {
    background: #333;
}

.panel-select {
    background-color: rgba(34, 79, 120, 0.2);
    border: 0;
}

    .panel-select .panel-title {
        color: #555;
        font-size: 14px;
    }

    .panel-select .panel-collapse {
        background: #333;
    }

    .panel-select .list-group-item {
        border: 0;
    }

        .panel-select .list-group-item:hover, .panel-select .list-group-item:focus {
            background: rgba(255,248,213,0.1);
        }

/*#endregion */

/*#region Table Layout */

#tableBody {
    color: #333;
}

thead {
    background-image: linear-gradient(to bottom, #49494a 0%, #333 100%);
    font-weight: bold;
    background-repeat: space;
    background-origin: border-box;
}



table .list-table th div > a, table.list-table th > span, table.list-table th > span.col-xs-2 {
    font-weight: 900 !important;
}

table.list-table {
    background: rgba(234, 237, 246,0.5) !important;
}

.table tr.selected {
    background: rgba(34, 79, 120, 0.8);
    color: #fff;
}

table.list-table tbody td, #add-new-results table.list-table tbody td {
    border-bottom: 1px solid #333;
}

.actions .btn-group .dropdown-toggle {
    background: #333;
    color: #fff;
}

.actions .btn .fa {
    color: #fff;
}

.label-overdue {
    color: #555;
}

.text-info {
    color: #777;
}

.brandTools .fa-photo {
    color: #fff;
}

.list-table .description {
    color: #888;
}

.list-table tr.selected .description {
    color: #ddd;
}

/*#endregion */

/*#region Table Tabs */

.nav-tabs {
    border-bottom: 1px solid rgba(51, 51, 51, 1);
    background: rgba(51, 51, 51, 1);
    color: #333;
}

    .nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-image: linear-gradient(to bottom, rgba(50, 81, 163, 0.4) 0%, rgba(50, 81, 163, 0.4) 100%);
        border: 1px solid #3251A3;
    }

    .nav-tabs > li > a, .nav-tabs > li > a i.fa {
        color: #fff;
    }

.tab-content > .active, .pill-content > .active {
    background: rgba(255, 255, 255,1);
    border: 1px solid #3251A3;
}

.product-data-table .fa-photo {
    color: #fff;
}

/*#endregion */

/*#region Table Panels */

.panel-danger {
    border-color: #333;
}

    .panel-danger .panel-heading {
        background: #333;
    }

    .panel-danger .panel-body {
        background: #EAEDF6;
    }

.panel-body i.fa, i.fa.fa-remove {
    color: #fff;
}

/*#endregion */

/*#region Table Filters */

.btn-group.open .dropdown-toggle {
    background-color: #333;
}

.dropdown-menu.filter {
    background-color: #333;
}

    .dropdown-menu.filter input {
        background-color: #EAEDF6;
    }

        .dropdown-menu.filter input:focus {
            border-color: #D1CDC2;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #fff;
        }

.filter select.form-control {
    background-color: #EAEDF6;
}

/*#endregion */

/*#region Aside */

.filter-menu a.list-group-item {
    color: #555;
}

hr {
    border-bottom: 1px solid #224F78;
}

.filter-menu a.list-group-item.selected {
    background-color: #224F78;
    color: #fff;
}

.focusedLocation {
    background-color: #224F78 !important;
    color: #fff !important;
}

.row h4 {
    color: #224F78;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: rgba(34, 79, 120,0.6);
    border-color: #224F78;
}

.label-primary {
    background-color: #224F78;
}

i.fa.fa-ban {
    color: #fff;
}

/*#endregion */

/*#region Sub pages */

tr.item-view h1 {
    border-bottom: 1px solid #224F78;
}

.item-history table tr {
    border-bottom: 1px solid rgba(51,51,51,0.8);
    border-bottom: 0;
}

.actions .btn-return {
    background: #816b97;
}

.actions .btn-loan {
    background: #3f304e;
}

.item-loan {
    border: 5px solid #3f304e;
}

#calendar-schedule .schedule-header > div, #calendar-schedule .schedule-row > div {
    border-bottom: 1px solid rgba(50, 81, 163, 0.4) !important;
}

.schedule-rows div.time-label {
    background-color: #EAEDF6 !important;
}

.panel-danger .text-primary {
    color: #555;
}

h1 > .fa, h2 > .fa, h3 > .fa, h4 > .fa, h5 > .fa, h6 > .fa {
    color: #224F78;
}

table.list-table th[data-sorted="true"] {
    color: #fff;
}

.actions .dropdown-menu {
    background: #224F78;
}

.item-association table tr {
    border-bottom: 1px solid rgba(55, 55, 55, 0.1);
}

.tool-combinations tr:nth-of-type(2n) {
    background-color: rgba(255, 255, 255, 0.3);
}

.tool-combinations tr:nth-of-type(2n+1) {
    background-color: rgba(255, 255, 255, 0.5);
}

.master-search i.fa {
    color: #fff;
}

.btn-select-tool i.fa, .btn-select-tool i.fa:hover {
    color: #fff;
}

/*#endregion */

/*#region Form controls */

button > i.fa {
    color: #fff;
}

.form-control {
    border: 1px solid #fff;
    background-color: rgba(0,0,0,0.00);
}

    .form-control:focus {
        border-color: #fff;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
    }

legend {
    color: #333;
    border-bottom: 1px solid rgba(85, 85, 85, 0.8);
}

select.form-control, input.form-control, textarea.form-control, button.form-control {
    background-color: rgba(34, 79, 120, 0.2);
    border: 0;
    color: #555;
}

.filter .dl-menuwrapper button, .filter .dl-menuwrapper button:focus, .filter .dl-menuwrapper button:hover, .filter .dl-menuwrapper button.dl-active {
    background: #EAEDF6;
}

select.form-control option {
    background-color: #333;
    color: #fff;
}

    select.form-control option:focus {
        outline-color: rgba(85, 85, 85, 0.8);
    }

.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
    border: 0;
}

.bootstrap-select.btn-group .dropdown-toggle, .bootstrap-select.btn-group.open .dropdown-toggle {
    color: #555;
}

.bootstrap-select.btn-group .btn-dropdown, .bootstrap-select.btn-group.open .btn-dropdown, .bootstrap-select.btn-group .btn-dropdown:focus, .bootstrap-select.btn-group .btn-dropdown {
    border: none;
    box-shadow: none;
    border-radius: 5px;
    outline: none !important;
    background-color: rgba(34, 79, 120, 0.2);
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    border-left: 4px solid #224F78;
}

.bootstrap-select.btn-group.open .dropdown-toggle .caret {
    border-top: 4px solid #224F78;
}

.bootstrap-select.btn-group .dropdown-menu {
    background: #224F78;
    border: 0;
}

    .bootstrap-select.btn-group .dropdown-menu > li > a:hover, .bootstrap-select.btn-group .dropdown-menu > li > a:focus {
        background-image: linear-gradient(to bottom, rgba(34, 79, 120, 0.5) 0%, rgba(34, 79, 120, 0.5) 100%);
    }

.bootstrap-select.btn-group.open .btn-dropdown:after {
    border-bottom: 7px solid rgba(51,51,51,0.0);
}

.form-control[disabled], .form-control[readonly] {
    background-color: rgba(34, 79, 120, 0.2);
    border: 0;
    color: #555;
}

.filter-menu .bg-medium {
    background-image: linear-gradient(to bottom, rgba(51,51,51, 0.4) 0%, rgba(51,51,51, 0.6) 100%);
}

.filter-menu .bg-dark {
    background-color: #333;
    background-image: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, #333 100%);
}

/*#endregion */

/*#region Loading */

.loading i.fa {
    color: #224F78;
}

/*#endregion */

/*#region NO FILTER RESULTS */

.no-items-row {
    background-color: rgba(234, 237, 246, 0.5);
    border-bottom-color: #333;
}
/*#endregion */

/*#region Modal */

.modal-content {
    background: #ddd !important;
}

.modal-dialog .btn-primary {
    border: #333;
    background-color: #333;
    background-image: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, #333 100%);
}

/*#endregion */

/*#region Login Page */

.btn-link {
    color: #333;
}

.page-login .logo {
    padding-top: 5px;
    background: #ddd;
    border: 1px solid #333;
}

.btn-link:hover, .btn-link:focus {
    color: #224F78;
}

.page-login .shine:after {
    background: none;
    height: 42px;
}

.page-login .btn-primary.bg-dark {
    background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.8) 0%, #333 100%);
}

    .page-login .btn-primary.bg-dark i {
        color: #ddd;
    }

/*#endregion */

/*#region PATTERN RECOGNITION */

.big-btn, .big-btn .fa-plus {
    color: #fff;
}

.btn-secondary, .btn-secondary:active {
    background-image: -ms-linear-gradient(bottom, rgb(34, 79, 120) 0%, rgba(34, 79, 120, 0.8) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(34, 79, 120) 0%, rgba(34, 79, 120, 0.8) 100%);
    background-image: -o-linear-gradient(bottom, rgb(34, 79, 120) 0%, rgba(34, 79, 120, 0.8) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(34, 79, 120, 0.8)), color-stop(1, rgb(34, 79, 120)));
    background-image: -webkit-linear-gradient(bottom, rgb(34, 79, 120) 0%, rgba(34, 79, 120, 0.8) 100%);
    background-image: linear-gradient(to top, rgb(34, 79, 120) 0%, rgba(34, 79, 120, 0.8) 100%);
}

    .btn-secondary:hover {
        border-color: rgba(34, 79, 120, 0.8);
    }

/*#endregion */

/*#region INTELLIGENT TOOLS */

.task-title {
    background-image: none;
    background-color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-box-shadow: 1px 1px 0 #555;
    -webkit-box-shadow: 1px 1px 0 #555;
    box-shadow: 1px 1px 0 #555;
    color: #fff;
    padding: 5px 10px;
}

/*#endregion */

/*#region SETTINGS PAGE */

#change-password i.fa {
    color: #fff;
}

/*#endregion */

/*#region Picture Zoom Settings */

.img-thumbnail {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333;
}

.lb-cancel {
    background: none;
}

    .lb-cancel i.fa {
        font-size: 24px;
        color: #224F78;
    }

.lb-outerContainer {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333;
}

.lb-data .lb-close {
    background: none;
    background-color: #333;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
}

    .lb-data .lb-close .fa {
        color: #fff;
    }

.lb-nav a.lb-prev {
    background: none;
}

.lb-nav a.lb-next {
    background: none;
}

/*#endregion */

/*#region Support Contact */

.btn-group-justified a i.fa {
    color: #fff;
}

.support-contacts h4 {
    color: #333;
}

.support-contacts p > span:first-of-type, .support-contacts p > span:first-of-type i.fa {
    background: #333;
    color: #fff;
}

/*#endregion */

/*#region Import Inventory */

.media-body .download-btn {
    color: #333;
}

/*#endregion */

/*#region Add shadow at the bottom of navigation  */

/*.nav-shadow {
    position:fixed;
    top: 80px;
    left:0;
    width:100%;
    height:30%;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0, transparent 65%);
}*/

/*#endregion */

/*#region DateTime Picker */

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #333;
}

.dtp div.dtp-date, .dtp div.dtp-time {
    background: #ddd;
    color: #224F78;
}

.dtp-picker-calendar thead {
    background: transparent;
}

.material-icons, .fa-chevron-left, .fa-chevron-right {
    color: #333;
}

.dtp-date-view .dtp-close i.fa-close {
    color: #ddd;
    vertical-align: top;
}

.dtp div.dtp-actual-year {
    color: #333;
}

.dtp table.dtp-picker-days tr > td > a.selected {
    background: #333;
}

.dtp-btn-cancel {
    margin-right: 10px;
}

.dtp-buttons button, .dtp-buttons button:focus {
    background-color: #333;
    border: 1px solid #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ddd;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .dtp-buttons button:hover {
        background-color: #ddd;
        color: #333;
    }

.dtp .dtp-actual-meridien a.selected {
    background: #333;
}

.dtp .dtp-picker-time > a.dtp-select-hour.selected {
    background: #333;
}

.dtp .dtp-hand.on {
    background: #333;
}

.dtp .dtp-picker-time > a.dtp-select-minute.selected {
    background: #333;
}

.dtp-date-view i.fa {
    color: #333;
}

/*#endregion */

/*#region Standards Management */

.btn-select-standard i.fa, #discard-selected-parent i.fa, .btn-select-alternative i.fa, .btn-select-combination-part i.fa, .btn-remove-combination-part i.fa {
    color: #fff;
}

.add-psa-combination-results h4, .add-psa-combination-parts h4 {
    background-color: #333;
    color: #fff;
}

/*#endregion */

/*#region Privacy Settings */

.modal .nav-tabs > li > a, .modal .nav-tabs > li > a:hover, .modal .nav-tabs > li > a:hover, .modal .nav-tabs > li > a:focus {
    color: #333 !important;
}

.modal .nav-tabs > li.disabled > a, .modal .nav-tabs > li.disabled > a:hover, .modal .nav-tabs > li.disabled > a:focus {
    border: 0;
    color: #999 !important;
}

.privacy-settings-list ul li {
    border-color: #ddd;
}

    .privacy-settings-list ul li:nth-of-type(2n+1) {
        background-color: rgba(51, 51, 51, 0.1);
    }

    .privacy-settings-list ul li:nth-of-type(2n) {
        background-color: rgba(51, 51, 51, 0.05);
    }

/* Slider */

.ui-widget-content {
    background: #ccc;
    border-color: #bbb;
    -moz-box-shadow: #ccc 0px 0px 3px;
    -webkit-box-shadow: #ccc 0px 0px 3px;
    box-shadow: #ccc 0px 0px 3px;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #333;
        border-color: #ccc;
    }

.ui-slider .ui-slider-handle {
    -moz-box-shadow: #ccc 0px 0px 3px;
    -webkit-box-shadow: #ccc 0px 0px 3px;
    box-shadow: #ccc 0px 0px 3px;
}

.ui-widget-header {
    background: #333;
    border-color: #ccc;
}
/*#endregion */

/*#region GDPR */

.to-block-content .btn-link.link-policy {
    color: #224F78;
}

.btn-update:hover {
    color: #fff;
}

.btn-link:hover, .btn-link:focus, .btn-link:active {
    color: #333;
}

footer .footer-links .caret {
    border-bottom: 4px solid #333;
}

footer .footer-links .dropdown-menu {
    border: 1px solid #ddd;
    background: #ddd;
}

    footer .footer-links .dropdown-menu li:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

        footer .footer-links .dropdown-menu li:hover a {
            color: #333;
        }

.input-group-addon {
    border-color: rgba(34, 79, 120, 0.2);
}

/*#endregion */

/*#region Registration */

.successful-registration .fa {
    color: #fff
}
/*#endregion */

/*#region eCommerce */

.shopping-cart .cart-items {
    color: #fff;
}

.total-price {
    color: #224F78;
}

input[type="checkbox"].buy-all, input[type="checkbox"].buy-all:not(:disabled):hover, input[type="checkbox"].buy-all:checked:before {
    border-color: #fff;
}

.ordered-minus, .ordered-number, .ordered-plus, .complainceCheck-ordered-plus {
    color: #224F78;
}

.selected .ordered-minus, .selected .ordered-number, .selected .ordered-plus, .selected .complainceCheck-ordered-plus {
    color: #fff;
}

.ordered-number {
    border-color: #224F78;
}

.selected .ordered-number {
    border-color: #fff;
}

/*#endregion */

/*#region MOBILE */

/*#region min-width 1201px*/

@media only screen and (min-width: 1201px) {
    .page-login .logo {
        padding-top: 15px;
    }
}

/*#endregion*/

/*#region max-width 1200px*/

@media only screen and (max-width: 1200px) {
    .page-login .logo {
        padding-top: 15px;
    }
}

/*#endregion*/

/*#region max-width 991px */

@media only screen and (max-width: 991px) {

    table.list-table thead th[rowspan="2"] {
        background-image: linear-gradient(to bottom, #49494a 0%, #333 100%);
        background-image: -webkit-linear-gradient(bottom, #49494a 0%, #333 100%);
        background-repeat: repeat-x;
    }

    table.list-table thead tr th {
        background-image: linear-gradient(to bottom, #49494a 0%, #3c3c3c 100%);
        background-repeat: repeat-x;
    }

    table.list-table thead tr + tr th {
        background-image: linear-gradient(to bottom, #3c3c3c 0%, #333 100%);
        background-repeat: repeat-x;
    }
}

/*#endregion */

/*#region max-width from 769px to 850px*/

@media only screen and (max-width:850px) and (min-width: 769px) {

    .navbar-brand a {
        padding: 10px 5px 0 5px;
        margin: 0;
        width: 180px;
    }

    .navbar-brand img {
        margin-top: 0;
    }
}

/*#endregion*/

/*#region max-width 900px*/

@media only screen and (max-width:900px) {
    .search .input-group {
        width: 180px;
    }

        .search .input-group .form-control:last-child {
            width: 130px;
        }

    .page-login .logo {
        padding-top: 20px;
    }
}

/*#endregion*/

/*#region max-width 768px*/

@media only screen and (max-width:768px) {
    #navbar > ul > li {
        border-left: 0 !important;
    }

        #navbar > ul > li:hover {
            background-color: transparent;
        }

    .navbar-brand a {
        background-color: transparent;
        border: 0;
        box-shadow: 0 0 0;
    }

    .navbar-brand img {
        margin-top: 4px;
    }

    .search .input-group,
    .search .input-group .form-control:last-child {
        width: 100%;
    }

    .page-login .logo {
        padding-top: 25px;
    }
}

/*#endregion*/

/*#region max-width 767px*/

@media only screen and (max-width:767px) {
    .page-login .logo {
        padding-top: 10px;
    }
}

/*#endregion*/

/*#region max-width 480px*/

@media only screen and (max-width: 480px) {
    .navbar-brand a {
        width: 200px;
        padding-top: 3px;
    }
}

/*#endregion*/

/*#region max-width 430px*/

@media only screen and (max-width: 430px) {
    .navbar-brand a {
        width: 155px;
        padding-top: 13px;
        margin: 0;
    }

    .page-login .logo {
        padding-top: 15px;
    }
}

/*#endregion*/

/*#region max-width 370px*/

@media only screen and (max-width: 370px) {
    #logo {
        margin-right: 5px;
    }

    .navbar-brand a {
        padding: 18px 5px 0 5px;
        margin: 0;
        width: 90px;
    }
}

/*#endregion*/

/*#endregion */

/*Changes for inventory report*/

/*btn create page btn custom layout*/
#save-template {
    margin-left: 0px !important;
    margin-left: 20px;
}

.task-create-btn-div {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

@media screen and (max-width: 653px) {
    .task-create-btn-div {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}
/*end*/
.childmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

    .childmenu li {
        position: relative;
        display: block;
        z-index: 1;
        width: 140px;
        left: 72px;
        top: -20px;
    }

        .childmenu li li {
            left: 0;
            top: 0;
        }

    .childmenu a {
        display: block;
        padding: 5px 5px !important;
        text-decoration: none;
        color: #fff !important;
        background-color: #333 !important;
        transition: background-color 0.3s;
    }

        .childmenu a:hover {
            background: #0a60b7 !important;
        }

    /* Submenu styling */
    .childmenu ul {
        display: none;
        position: relative;
        top: 0%;
        left: 0;
        padding: 0;
        margin: 0;
        z-index: 2;
        background-color: #333 !important;
    }


        /* Adjusted styling for submenu items */
        .childmenu ul li {
            display: block;
        }

        .childmenu ul a {
            padding: 5px 5px !important;
        }

    /* Adjusted styling for active childmenu items */
    .childmenu .active > a {
        background: #0a60b7;
        color: #fff !important;
        width: 140px;
    }

.standardmenu {
    list-style-type: none;
}






/* Basic tree styling */
ul.tree {
    list-style-type: none;
    padding-left: 0em;
}



    /* Hide nested lists by default */
    ul.tree ul {
        display: none;
        padding-left: 1em;
    }

#standardselection-tree {
    display: none;
}

#select-all-iv_rp_standard_selection.indeterminate::before {
    content: '-';
    display: inline-block;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid #333;
    border-radius: 2px;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
    line-height: normal;
    box-sizing: border-box;
    padding: 0;
    color: black;
}

/* Show nested lists when parent checkbox is checked */
ul.tree li input[type="checkbox"]:checked ~ ul {
    display: block;
}

/* Style checkboxes */
.tree-item {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

#standardselection-tree {
    height: 292px;
    overflow-y: scroll;
    padding-right: 10px;
}

    #standardselection-tree li {
        margin-top: 7px;
        display: block;
        position: relative;
    }

        #standardselection-tree li input {
            background-color: #eaedf6;
            float: left;
        }

    #standardselection-tree input[type="checkbox"] {
        margin-top: 7px;
        margin-bottom: 0;
    }

.actions .btn, .loanactions .btn {
    padding: 1px !important;
    width: 25px !important;
    height: 27px !important;
}

#dl-Standards {
    padding: 0;
}

    #dl-Standards #dl-menu {
        padding: 10px;
    }

#standardselection-tree {
    margin-top: 10px;
}


.to-block #ir-info-results ul li > ul li {
    border: none !important;
    margin-right: 0px;
}


.list-group {
    padding-left: 0;
    margin-bottom: 0;
}



.ir-standards-inner-scroll {
    margin-bottom: 0 !important;
}



.to-block #ir-info-results .lastLi a {
    border-bottom: none !important;
}

.childmenu li {
    border-radius: 2px !important;
    box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
}

    .childmenu li li {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

.main-std-list:hover .main-std-sub-list {
    display: block !important
}

.main-std-list:not(:hover) .main-std-sub-list {
    display: none !important
}

#dl-Standards .dl-menuwrapper {
    max-width: 200px;
}

#ir-info-results ul li ul li ul li a span {
    display: block !important;
    float: left;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 5px;
    position: relative;
    margin-left: -16px !important
}

#ir-info-results ul li a span {
    display: none;
}

#ir-info-results ul li ul li a span {
    display: none !important;
}


.to-block #ir-info-results ul li a {
    padding-left: 10px;
}


.form-control-static {
    margin-bottom: 2px !important;
}

.custom-standard-info-block {
    border: 1px solid #0000003d !important;
    box-shadow: none !important;
    background: #e3e5e9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0px !important;
    margin-top: 10px;
}

.standardmenu.main-std-list ul li ul li a {
    text-indent: 0 !important;
}

.standardmenu.main-std-list ul li ul li {
    padding-left: 22px !important;
}

.standardmenu.main-std-list ul li span.fa {
    display: none !important;
}

.standardmenu.main-std-list ul li ul li span.fa {
    display: block !important;
    float: left;
    margin-left: -11px !important;
    margin-top: 2px;
}

.standardmenu.main-std-list ul li a {
    padding: 7px 7px 7px 7px !important;
}

.standardmenu.main-std-list ul li ul li a {
    padding-top: 0px !important;
}


.disabled-link {
    pointer-events: none;
}



.custom-standard-info-block-container :nth-child(0) {
    padding: 5px !important;
}

#ir-info-results {
    width: 100% !important;
}





    #ir-info-results ul li ul li ul li a {
        padding-top: 0;
        padding-left: 15px !important;
        padding-bottom: 5px !important;
    }



.list-group-item.list-group-item-std.level1 {
    border-bottom: 1px solid #0000003d !important;
}

.list-group-item.level2 {
    border-top: 1px solid #0000003d !important;
}

    .list-group-item.level2 .list-group-item.level2 {
        border-top: none !important;
    }

#ir-info-results ul li ul li ul li a span {
    font-size: 10px !important;
}

.to-block #ir-info-results ul li > ul li {
    padding-bottom: 5px !important;
}

.childmenu li {
    box-shadow: none !important;
    width: auto !important;
}

.standardmenu.main-std-list ul li a {
    padding: 7px 20px 7px 7px !important;
    padding-top: 7px;
}

#ir-info-results ul li ul li ul li a {
    border: none !important;
}


.to-block #ir-info-results ul ul ul ul ul ul a {
    padding-left: 35px !important;
}

#ir-info-results ul li ul li ul li a {
    padding-top: 0;
    padding-left: 25px !important;
    padding-bottom: 5px !important;
}

.fixed-table {
    table-layout: fixed !important;
}

/*Sticky Header*/

.sticky_header {
    position: sticky;
    position: -webkit-sticky;
    top: 165px;
    z-index: 10;
}

.sticky_manageUserheader {
    position: sticky;
    position: -webkit-sticky;
    top: 165px;
    z-index: 10;
}

.sticky_toolusageheader {
    position: sticky;
    position: -webkit-sticky;
    top: 165px;
    z-index: 10;
}

.sticky_toolloaningheader {
    position: sticky;
    position: -webkit-sticky;
    top: 165px;
    z-index: 10;
}

.sticky_selection_bar {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    z-index: 10;
    margin-top: -30px;
}

.sticky_addedit_tileselection_bar {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    z-index: 10;
    margin-top: -10px;
}

.sticky_addedit_tabheader {
    position: sticky;
    position: -webkit-sticky;
    top: 165px;
    z-index: 10;
}

.sticky_addedit_subheader {
    position: sticky;
    position: -webkit-sticky;
    top: 206px;
    z-index: 10;
}

.sticky_searchbox {
    position: sticky;
    position: -webkit-sticky;
    top: 220px;
    z-index: 10;
}

.sticky_oemtoolheader {
    position: sticky;
    position: -webkit-sticky;
    top: 264px;
    z-index: 10;
}

.sticky_manageassigneheader {
    position: sticky;
    position: -webkit-sticky;
    top: 206px;
    z-index: 10;
}

.sticky_retailauditselection_bar {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    z-index: 10;
    margin-top: -30px;
}

.sticky_retailauditbrandtree {
    position: sticky;
    position: -webkit-sticky;
    top: 166px;
    z-index: 10;
}

.sticky_retailauditheader {
    position: sticky;
    position: -webkit-sticky;
    top: 166px;
    z-index: 10;
}

.sticky_toolcatalogheader {
    position: sticky;
    position: -webkit-sticky;
    top: 166px;
    z-index: 10;
}

.vw-ir-overflow-div {
    width: 100%;
    height: 77px;
    background: #eaeaea;
    position: absolute;
    top: -50px;
    box-shadow: red;
}

.vw-search-overflow-div {
    width: 100%;
    height: 106px;
    background: #ffffff;
    position: absolute;
    top: -20px;
}

.sticky_standardsearchbox {
    position: sticky;
    position: -webkit-sticky;
    top: 162px;
    z-index: 10;
}

.sticky_searchtoolheader {
    position: sticky;
    position: -webkit-sticky;
    top: 206px;
    z-index: 10;
}

.vw-standardsearch-overflow-div {
    width: 98%;
    height: 77px;
    background: #ddd;
    position: absolute;
    top: -9px;
}

/*Sticky Header Mobile View*/

@media (max-width: 468px) {
    .sticky_header {
        top: 112px !important;
    }

    .sticky_manageUserheader {
        top: 112px !important;
    }

    .sticky_selection_bar {
        top: 40px !important;
        margin-top: 0px !important;
    }

    .sticky_addedit_tileselection_bar {
        top: 40px !important;
        margin-top: 0px !important;
        position: sticky !important;
        position: -webkit-sticky !important;
        z-index: 10 !important;
    }

    .sticky_addedit_subheader {
        top: 131px !important;
    }

    .sticky_addedit_tabheader {
        top: 92px !important;
    }

    .sticky_searchbox {
        top: 153px !important;
    }

    .sticky_oemtoolheader {
        top: 193px !important;
    }

    .sticky_manageassigneheader {
        top: 151px;
    }

    .vw-search-overflow-div {
        width: 100%;
        height: 106px;
        background: #ffffff;
        position: absolute;
        top: -27px;
    }

    .sticky_toolusageheader {
        top: 179px !important;
    }

    .sticky_toolloaningheader {
        top: 150px !important;
    }

    .sticky_retailauditselection_bar {
        top: 45px !important;
        margin-top: -3px !important;
    }

    .sticky_retailauditbrandtree {
        top: 116px !important;
    }

    .sticky_retailauditheader {
        top: 602px !important;
    }

    .sticky_toolcatalogheader {
        top: 564px !important;
    }

    .sticky_standardsearchbox {
        top: 100px !important;
    }

    .sticky_searchtoolheader {
        top: 143px !important;
    }
}

/*Sticky Header Tablet View*/
@media only screen and (max-width:850px) and (min-width: 768px) {
    .sticky_header {
        top: 105px !important;
    }

    .sticky_manageUserheader {
        top: 105px !important;
    }

    .sticky_toolusageheader {
        top: 105px !important;
    }


    .sticky_toolloaningheader {
        top: 105px !important;
    }


    .sticky_selection_bar {
        top: 40px !important;
        margin-top: 0px !important;
    }

    .sticky_addedit_tileselection_bar {
        top: 40px !important;
        margin-top: 0px !important;
    }

    .sticky_addedit_subheader {
        top: 144px !important;
    }

    .sticky_addedit_tabheader {
        top: 104px !important;
    }

    .sticky_searchbox {
        top: 164px !important;
    }

    .sticky_oemtoolheader {
        top: 207px !important;
    }

    .sticky_manageassigneheader {
        top: 144px;
    }

    .sticky_retailauditselection_bar {
        top: 48px !important;
        margin-top: -15px !important;
    }

    .sticky_retailauditbrandtree {
        top: 112px !important;
    }

    .sticky_retailauditheader {
        top: 112px !important;
    }

    .sticky_toolcatalogheader {
        top: 112px !important;
    }

    .vw-search-overflow-div {
        width: 100%;
        height: 106px;
        background: #ffffff;
        position: absolute;
        top: -20px;
    }

    .sticky_standardsearchbox {
        top: 112px !important;
    }

    .sticky_searchtoolheader {
        top: 155px !important;
    }
}


.trial-yes-btn {
    background-color: #dddddd !important;
    border-color: #a2a2a2 !important;
    color: #000 !important;
}

@media (max-width: 768px) {
    .modal-dialog .to-label {
        display: none;
        margin-bottom: 19rem;
        margin-right: 27rem;
    }
}


@media (max-width: 768px) {

    /* Modal container */
    #notificationModalTrial .modal-dialog {
        width: 95%;
        max-width: 95%;
        margin: auto;
    }

    /* Modal content */
    #notificationModalTrial .modal-content-disclaimer {
        padding-top: 26px;
        border-width: 2px;
    }

    /* Floating title */
    #notificationModalTrial .modal-title-custom {
        top: 41px;
        left: 10px;
        font-size: 12px;
        padding: 4px 10px;
    }

    /* Body text */
    #notificationModalTrial .modal-body {
        padding: 12px 14px;
    }

        #notificationModalTrial .modal-body p {
            font-size: 14px;
            line-height: 1.5;
            margin-bottom: 10px;
        }

    .trial-lisence-footer {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    #popupModal .modal-dialog {
        margin: 1.75rem auto;
        max-width: 720px;
        width: 95%;
    }

    .RegistrionpopupModal-form {
        margin-top: -20px;
        margin-left: 10px;
        width: 195px;
    }
}

.clsCustomBoxShadow {
    box-shadow: 0 0 5px rgb(51, 51, 51);
}

.custom-panel-body-color {
    background: #ddd;
}

.custom-panel-heading {
    background: #333;
    color: #FFF;
    border: none;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ancCustomHead span {
    color: #fff;
}


.custom-Logo-Padding {
    padding: 5px 10px 5px 10px !important;
    height: max-content !important;
}


.trail-license-modal {
    text-align: center;
    padding: 0 !important;
}

    .trail-license-modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.trial-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}


@media (max-width: 768px) {
    .trial-modal {
        left: 1px;
        top: 5rem;
    }
}

.trial-license-modal {
    text-align: center;
    margin-top: 120px;
}


.trail-license-create-modal {
    text-align: center;
    margin-top: 15%;
}

.trail-license-create-modal-new {
    text-align: center;
    margin-top: 15%;
}

@media (max-width: 768px) {
    .trail-license-modal .modal-dialog.modal-sm,
    .trail-license-modal .modal-dialog.modal-md {
        width: 94%;
    }

    .trail-license-modal .to-block.shine.labeled.modal-content-disclaimer {
        margin-left: 0;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


@media (max-width: 768px) {
    .trial-license-modal .modal-dialog.modal-sm,
    .trial-license-modal .modal-dialog.modal-md {
        width: 94%;
    }

    .trial-license-modal .to-block.shine.labeled.modal-content-disclaimer {
        margin-left: 0;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


@media (max-width: 768px) {

    .trail-license-create-modal-new .modal-dialog.modal-sm,
    .trail-license-create-modal-new .modal-dialog.modal-md {
        width: 94%;
    }

    .trail-license-create-modal-new .to-block.shine.labeled.modal-content-disclaimer {
        margin-left: 0;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
    }


    .trail-license-create-modal-new .trial-modal-header {
        position: relative !important;
        width: 100%;
        text-align: center;
        padding: 12px 16px;
        margin-bottom: 10px;
    }

    .trail-license-create-modal-new {
        text-align: center;
        margin-top: 43%;
    }
}


.is-invalid {
    border: 1px solid red !important;
}


/*Start - Tab view fix */

@media only screen and (min-width: 768px) and (max-width: 1366px) {
    #TrailLicenseSubscribeBtn {
        position: relative;
        z-index: 1500;
        pointer-events: auto;
        cursor: pointer;
    }

    #dvTrialLicence {
        position: relative;
        z-index: 1500;
    }

    .login-action-row {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: nowrap !important;
    }

        .login-action-row .btn-link {
            white-space: nowrap !important;
        }

    .btn-group.btn-group-toggle {
        display: flex;
        width: 94% !important;
        padding-left: 20px !important;
        gap: 2px;
        box-sizing: border-box;
        margin-left: 5px !important;
        align-items: stretch;
    }

        .btn-group.btn-group-toggle .btn {
            flex: 1 1 0;
            padding: 10px 12px !important;
            box-sizing: border-box;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            white-space: normal;
            word-break: break-word !important;
            overflow: hidden;
            position: relative;
        }

            .btn-group.btn-group-toggle .btn::after {
                content: attr(data-text);
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                visibility: hidden;
            }

            .btn-group.btn-group-toggle .btn:has(input:checked) {
                color: #fff;
            }

    .modal-open #notificationModalTrial {
        top: -50px;
    }

    .dvTrialLicenseTab {
        margin-top: -10px !important;
    }

    .missing-fields-list {
        margin-bottom: -30px !important;
    }
}


@media screen and (width: 1024px) {
    .btn-group.btn-group-toggle {
        width: 87% !important;
        padding-left: 15px !important;
        align-items: stretch;
    }

        .btn-group.btn-group-toggle .btn {
            flex: 1 1 0;
            min-width: 0;
            white-space: normal !important;
            word-break: break-word !important;
            overflow: visible !important;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 1.2;
            font-size: 12px;
            padding: 6px 8px;
        }
}

@media screen and (width: 1280px) {
    .btn-group.btn-group-toggle {
        width: 72% !important;
        align-items: stretch;
    }

        .btn-group.btn-group-toggle .btn {
            flex: 1 1 0;
            min-width: 0;
            white-space: normal !important;
            word-break: break-word;
            overflow: visible !important;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1.2;
            font-size: 12px;
            padding: 6px 8px;
        }
}

@media (max-width: 767px) {
    #popupModal #popupModalBody {
        margin-top: 30px;
    }

    #TrailLicenseSubscribeBtn {
        display: block;
        margin-top: 6px;
        text-align: center;
    }
}

.enhancedregistration {
    background-color: #333333 !important;
    text-align: left;
    font: normal normal normal 16px/21px "Bosch Sans", sans-serif !important;
    letter-spacing: -0.77px !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}

.registerbutton {
    background: transparent linear-gradient(180deg, #545454 0%, #343434 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 0px 4px 4px 0px !important;
    opacity: 1;
}

.register {
    margin-left: 17px;
}

.registration-title {
    margin-left: 22px;
}

label.btn.userinfo {
    font: normal normal normal 16px/21px "Bosch Sans", sans-serif !important;
    letter-spacing: 0px;
    color: #565656 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    opacity: 1;
}


label.btn.userlogin,
label.btn.userdealer {
    font: normal normal normal 16px/21px "Bosch Sans", sans-serif !important;
    letter-spacing: 0px;
    color: #565656 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 9px;
    padding-right: 9px;
    opacity: 1;
}
/* First tab is always white */
label.btn.userinfo:first-child {
    color: #FFFFFF !important;
}

label.btn.userlogin.filled {
    color: #FFFFFF !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}


label.btn.userinfo.active,
label.btn.userlogin.active,
label.btn.userdealer.active,
label.btn.userinfo:active,
label.btn.userlogin:active,
label.btn.userdealer:active,
label.btn.userinfo:focus,
label.btn.userlogin:focus,
label.btn.userdealer:focus {
    color: #FFFFFF !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}


/*End*/
@media only screen and (max-width: 767px) {
    .btn-group.btn-group-toggle {
        width: 95%;
        margin-left: 20px !important;
        display: flex;
        gap: 2px;
        box-sizing: border-box;
        flex-wrap: nowrap;
    }

        .btn-group.btn-group-toggle .btn {
            flex: 1 1 0;
            min-width: 0;
            padding: 5px 10px;
            text-align: center;
            white-space: normal;
            word-break: break-word;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px;
        }


            .btn-group.btn-group-toggle .btn::after {
                -webkit-line-clamp: unset;
            }


        .btn-group.btn-group-toggle .btn {
            color: #000 !important;
        }

            .btn-group.btn-group-toggle .btn:has(input:checked) {
                color: #fff !important;
            }

    #dvTrialLicence {
        margin-top: 13px !important;
    }
}

@media only screen and (max-width: 530px) {
    .btn-group.btn-group-toggle {
        width: 92%;
        margin-left: 15px !important;
        display: flex;
        gap: 2px;
        box-sizing: border-box;
        flex-wrap: nowrap;
    }

        .btn-group.btn-group-toggle .btn {
            flex: 1 1 0;
            min-width: 0;
            padding: 5px 10px;
            text-align: center;
            white-space: normal;
            word-break: break-word;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 11px !important;
        }
}

@media only screen and (max-width: 400px) {
    .btn-group.btn-group-toggle {
        width: 92% !important;
        margin-left: 10px !important;
        gap: 2px;
        display: flex;
        box-sizing: border-box;
        flex-wrap: nowrap;
    }

        .btn-group.btn-group-toggle .btn {
            flex: 1 1 0;
            min-width: 0;
            padding: 2px 4px;
            text-align: center;
            white-space: normal;
            word-break: break-word;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 10px !important;
        }

            .btn-group.btn-group-toggle .btn::after {
                -webkit-line-clamp: unset;
            }

        .btn-group.btn-group-toggle .btn {
            color: #000 !important;
        }

            .btn-group.btn-group-toggle .btn:has(input:checked) {
                color: #fff !important;
            }
}

.loader {
    left: 14px;
    padding-right: 87px;
    padding-left: 0;
    width: 105%;
    top: 3px;
}


.page-load {
    display: flex;
    align-items: flex-start;
    padding: 4px;
    margin-bottom: 12px;
}


@media (max-width: 767px) {
    .loader {
        left: 1px;
        padding-right: 51px;
        padding-left: 1px;
        width: 112%;
        top: -3px;
    }

    .page-load {
        display: block;
        margin-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .video > [class*="col-"] {
        float: none !important;
        width: 100% !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .loader {
        padding-left: 4px !important;
        padding-right: 27px !important;
        top: -1px;
        width: 100%;
    }

    .filter-options {
        left: 75px !important;
    }
}

.step4-indent {
    margin-left: 45px !important;
}

.custom-list {
    list-style: none;
    margin-left: -39px !important;
    margin-left: 0;
}

.columnMappingTableth {
    color: #fff !important;
}
/* Only targets the column-mapping-select dropdowns */
.column-mapping-select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

    /* Prevent long option text from overflowing */
    .column-mapping-select option {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 768px) {
    .table-responsive > #columnMappingTable > thead > tr > th,
    .table-responsive > #columnMappingTable > tbody > tr > td,
    .table-responsive > #columnMappingTable > tfoot > tr > td,
    .table-responsive > #columnMappingTable > tbody > tr > th,
    .table-responsive > #columnMappingTable > tfoot > tr > th {
        white-space: normal !important;
        word-break: break-word;
    }
    /* Make table fixed layout for better control */
    #columnMappingTable {
        table-layout: fixed;
        width: 100%;
    }

        /* First column wider (text column) */
        #columnMappingTable th:first-child,
        #columnMappingTable td:first-child {
            width: 55%;
            word-break: break-word;
        }

        /* Second column (dropdown column) */
        #columnMappingTable th:last-child,
        #columnMappingTable td:last-child {
            width: 45%;
            position: relative;
        }

    /* Adjust dropdown */
    .column-mapping-select {
        width: calc(100% + 30px); /* expand */
        margin-left: -5px; /* shift left */
        font-size: 13px;
    }

    #columnMappingModal .to-label {
        display: block !important;
    }
}

@media (max-width: 576px) {
    .column-mapping-select {
        font-size: 11px;
    }
}

.registration-form .btn-group.register {
    width: 100%;
    display: flex;
    margin-left: 5px !important;
}

    .registration-form .btn-group.register .btn {
        flex: 1 1 0;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: normal;
        word-break: break-word;
    }

.custom-bullets {
    list-style-type: disc !important;
    padding-left: 79px;
}

.custom-bullets_new {
    list-style: none; /* removes bullets for Step 1,2,3 */
    padding-left: 0;
}

.step1 {
    padding-left: 57px;
}

.step3 {
    padding-left: 63px;
}

.browse-btn {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.custom-bullets li::marker {
    font-size: 20px; /* increase only bullet size */
}

.step4-indent::marker {
    font-size: 20px;
}

.browse-btn:hover {
    background-color: #333;
    color: #fff !important;
}

.custom-radio {
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border: 2px solid #bfbfbf;
    border-radius: 50%;
    background-color: #a7a8a9;
    cursor: pointer;
    margin-right: 6px;
    margin-left: -31px !important;
}

    .custom-radio:checked {
        border-color: #555;
        background-color: #e6e6e6;
    }

        .custom-radio:checked::after {
            content: "";
            width: 8px;
            height: 8px;
            background: #555;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.upload-actions {
    margin-left: auto;
}

.file-browse {
    padding-left: 17px !important;
}

.radio-btn {
    padding-left: 10px;
}

.radio-label {
    padding-right: 10px;
}

.radio-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px; /* space between radio and text */
}

.file-select {
    margin-right: 25px;
    font-weight: 700;
}

.missing-fields-list {
    padding-top: -3px;
    margin-bottom: -17px;
}

.file-upload-controls {
    padding-top: 2px !important;
    border-top: none !important;
    padding-bottom: 4px !important;
}

.upload-excel {
    padding-bottom: 21px;
}

.browse-btn:focus {
    color: #fff !important;
}

.browse-btn:active {
    color: #fff !important;
}

.Inventory_File_Upload_Controls {
    margin-top: -50px !important;
}

.Inventory_File_Upload_Modal_Footer {
    margin-top: -15px !important;
    padding: 10px !important;
}

.Inventory_File_Upload_Modal_Body {
    margin-top: -20px !important;
    padding: 10px !important;
}

.compact-modal .modal-header {
    padding: 4px 10px; /* reduce header height */
    min-height: auto;
    border-bottom: none;
}

.compact-modal .modal-footer {
    border-top: none;
}

.compact-modal .modal-title {
    margin: 0;
    font-size: 15px;
}

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

@media (max-width: 480px) {
    .popup-notification {
        align-items: center;
        min-height: 100vh;
        justify-content: center;
        margin-top: 67%;
        overflow-y: hidden !important;
        position: fixed;
    }


    body.modal-no-scroll {
        overflow: hidden !important;
        position: fixed;
        width: 100%;
    }

    #dvTrialLicence {
        margin-top: 13px !important;
    }

    .missing-fields-list {
        margin-bottom: -7px !important;
    }

    .header-title {
        padding-top: 25px !important;
    }

    .close-icon {
        margin-top: -27px !important;
    }
}

#columnMappingModal .modal-header {
    border-bottom: none !important;
}

#columnMappingModal .modal-body {
    position: relative;
    z-index: 1;
}

#columnMappingModal .modal-footer {
    border-top: none !important;
    margin-top: -35px !important;
    padding: 10px !important;
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    .my-modal-header {
        display: flex !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 1rem !important;
        color: #fff !important;
        font-weight: bold;
    }

        .my-modal-header .to-label {
            display: block !important;
            visibility: visible !important;
        }

    .my-modal-header {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}


@media (max-width: 768px) {
    .error-header {
        top: 1px !important;
    }
}