@font-face {
    font-family: Proximanova-Regular;
    src: url('../fonts/proximanovaregular.otf')
}
@font-face {
    font-family: Proximanova-Medium;
    src: url('../fonts/ProximaNovamedium.otf')
}
@font-face {
    font-family: Proximanova-Bold;
    src: url('../fonts/ProximaNovaBold.otf')
}
.w-12 {
    width: 12% !important;
}

.w-10 {
    width: 10% !important;
}

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

.width-auto {
    width: auto !important;
    min-width: 130px;
}


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

.date-range-picker {
    border: 1px solid #ccc;
}

.bord-bottom {
    border-bottom: 1px solid #e8e8e8;
}

.inventory-button button {
    /*width: 9%;*/
    margin-right: 1%;
    flex-grow: 1;
    flex-basis: 0px;
}

.inventory-button button:last-child {
    margin-right: 0;
}

.inventory-tabs {
    border-bottom: 1px solid #dee2e6;
}

.inventory-tabs .nav-link {
    color: rgba(0, 0, 0, 0.65);
}

.inventory-tabs .nav-link:hover,
.inventory-tabs .nav-link:focus {
    border-left: none;
    border-top: none;
    border-right: none;
    color: #00adef;
}

.nav-item.show .nav-link,
.inventory-tabs .nav-link.active {
    color: #00adef;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 2px solid !important;
}

.project-tab thead {
    background: #f3f3f3;
    color: #333;
}

.project-tab a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.bord {
    color: #df6f44;
    background-color: transparent;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 2px 2px 0 0;
}

table tbody tr[role="row"]:hover td.bg-orange,
table tbody .bg-orange {
    background-color: #df6f44;
}

.bg-dark-grey {
    background-color: #58585a !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid transparent;
}

#sd_editor tr.shown+tr>td {
    background: #ededed;
}

table tbody tr[role="row"]:hover td {
    background: #e6f7ff;
}

.lots_table tbody tr td {
    background: #ededed;
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: inherit;
    vertical-align: middle;
}


/************************
Search Fields
************************/

.filter-icon {
    position: absolute;
    top: 0;
    /*right: 0;*/
    height: 100%;
    color: #bfbfbf;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

table.dataTable tbody th svg {
    font-size: small;
}

table.dataTable tbody th {
    position: relative;
}

.table-search-box .btn {
    width: 48%;
    padding-top: 0;
    padding-bottom: 0;
}

.table-search-box .field .form-control {
    padding: 0.2rem 0.75rem;
}

.table-search-box .field {
    margin-bottom: 10px;
}

.table-search-box hr {
    margin: 0;
}

.table-search-box {
    position: absolute;
    left: 0;
    width: 200px;
    background-color: #fff;
    top: 108%;
    padding: 10px;
    color: rgba(0, 0, 0, 0.65);
    z-index: 99;
}


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


/*****************
Frontend header CSS
**************/

.navbar .container {
    justify-content: center!important;
}

.navbar-frontend {
    padding: 5px 0px!important;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}


/*****************
Frontend lgoin/resgister CSS
**************/

.frontend-wrapper {
    font-family: Proximanova-Regular;
    color: #1f1f1f;
    font-size: 16px;
}
.frontend-wrapper .content-wrapper{
    background-color: #f1f2f4;
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
}
.frontend-wrapper .navbar .navbar-brand{
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    margin: 0px;
}
.frontend-wrapper .navbar .navbar-brand .logo-img{
    max-width: 60px;
}
.frontend-wrapper .navbar .navbar-brand .logo-text{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 0.2px;
    color: #000;
    margin-left: 10px;
}
.frontend-wrapper .navbar .navbar-brand .logo-text .dark-logo-text{
    font-weight: bold;
}
.login-form-row .card {
    max-width: 400px;
    margin: auto;
    border: 0px;
    background-color: transparent;
}
.login-form-row .card .card-logo img{
    max-width: 100px;
}
.login-form-row .card .card-header {
    padding: 0px;
    background: transparent;
    border-radius: 0px;
    border: 0px;
    font-family: Proximanova-Bold;
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.42px;
    text-align: center;
    color: #000;
    margin: 15px 0px 5px;
}

.login-form-row .card .card-subheader {
    margin-top: 5px;
    margin-bottom: 45px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: 0.2px;
    text-align: center;
    color: #000;
}

.login-form-row .card .card-body {
    padding: 0px;
}

.login-form-row .card .card-body .input-block .input-field .input-group .input-group-addon {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    color: #e0e0e0;
}

.login-form-row .input-block .col-form-label {
    font-family: Proximanova-Medium;
    font-size: 16px;
    padding: 0px;
    margin-bottom: 5px;
}

.login-form-row .input-block .col-form-label span {
    color: #ff7f00;
}

.login-form-row .input-block .form-control {
    font-size: 15px;
    padding: 5px 20px;
    height: 40px;
    color: #1f1f1f!important;
    outline: none!important;
    box-shadow: 0px 0px!important;
    border-radius: 5px!important;
    border: 1px solid #b8bec2;
    background-color: #fff;
}

.login-form-row .input-block input::-webkit-input-placeholder {
    color: #acacac;
    opacity: 1;
}

.login-form-row .input-block input:-ms-input-placeholder {
    color: #acacac;
    opacity: 1;
}

.login-form-row .input-block input ::placeholder {
    color: #acacac;
    opacity: 1;
}

.frontend-wrapper .btn-primary {
    background-color: transparent;
    padding: 11px 30px;
    font-family: Proximanova-Medium;
    border-radius: 50px;
    border-color: #000000;
    border-width: 2px;
    outline: none!important;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.15px;
    text-align: center;
    color: #000;
}

.frontend-wrapper .login-form-row .btn {
    width: 100%;
    margin-bottom: 3.5rem;
}

.frontend-wrapper .btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.frontend-wrapper .btn-link:hover {
    color: #000000;
    text-decoration: underline;
}

.frontend-wrapper .btn-link {
    color: #000000;
    text-decoration: underline;
    font-family: Proximanova-Medium;
    outline: none!important;
    box-shadow: 0px 0px!important;
}

.frontend-wrapper a {
    color: #000000;
}

.frontend-wrapper a:hover {
    color: #000000;
    text-decoration: underline;
}

.frontend-wrapper .btn-primary.focus,
.frontend-wrapper .btn-primary:focus,
.frontend-wrapper .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #2e2e2e;
    border-color: #2e2e2e;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3)!important;
}


/************************
Media Queries
************************/

@media screen and (max-width:1090px) {
    .inventory-button {
        display: block;
    }
    .inventory-button button {
        width: 23% !important;
        margin-bottom: 5px;
    }
    .header-heading {
        font-size: medium;
    }
    .action-history {
        display: inline-block;
        width: 29%;
        vertical-align: top;
    }
    .res-table {
        display: inline-block;
        width: 70%;
    }
}

@media screen and (max-width:767px) {
    .inventory-button button {
        width: 31% !important;
    }
    .inventory-button {
        text-align: center;
    }
    .inventory-button button:nth-child(3n+0) {
        margin-right: 0;
    }
    .res-table,
    .action-history {
        width: 100%;
    }
}

@media screen and (max-width:480px) {
    .inventory-button button {
        width: 100% !important;
    }
}

.pac-container {
    z-index: 1100;
}

.white-space-unset {
    white-space: unset !important;
}