* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/** Selection Color **/

::-moz-selection,
::selection {
    background-color: rgba(1, 93, 144, 8);
    color: #fff;
}

body {
    font-family: 'Rubik', sans-serif;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #242424;
}

a,
a:hover,
a:focus,
a:active,
a:active:focus,
button,
button:hover,
button:focus,
button:active,
button:active:focus,
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus {
    text-decoration: none;
    outline: none;
    color: black;
}

a {
    color: #00A9E9;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

img {
    max-width: 100%;
}

ul,
li {
    list-style-type: none;
}

ul,
ol,
li,
p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
    padding: 0;
    margin: 0;
}

p {
    font-size: 13px;
}

h4 {
    font-size: 20px;
}

h6 {
    font-size: 15px;
}

h2 {
    font-size: 40px;
}

/* Custom Typography */

.h5,
h5 {
    font-size: 18px;
}

/*,,,,,,,,,,,,, End Custom Typography ,,,,,,,,,,,,,,*/
/*,,,,,,,,,,,,,,,,, Common Color CSS ,,,,,,,,,,,*/

.text-lightBlue {
    color: #00A9E9 !important;
}

.text-darkBlue {
    color: #015D90 !important;
}

.text-lightGray {
    color: #666666 !important;
}

.text-lightgreen {
    color: #39E080 !important;
}

.bg-darkGray {
    background-color: #606060;
}

.btn-border {
    border: 1px solid #005D90;
}

.bg-blue {
    background-color: #005D90;
}

.bg-ligthGray {
    background-color: #F8F8F8;
}

/*,,,,,,,,,,,,,,,,,,,,, End Comm0n Color CSS ,,,,,,,,,,,,,,,,*/
/* ,,,,,,,,,,,,,,CSS for Button  ,,,,,,,,,,,,,,,,,*/

.btn {
    text-transform: uppercase;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
}

/*.sidebar-mini .nav-sidebar, .sidebar-mini .nav-sidebar .nav-link, .sidebar-mini .nav-sidebar>.nav-header*/
.sidebar-mini .nav-sidebar, .sidebar-mini .nav-sidebar .nav-link, .sidebar-mini .nav-sidebar>.nav-header
 {
   white-space: unset;
}

.btn-rounded {
    border-radius: 50px;
}

.btn-lightGreen {
    background-image: linear-gradient(85deg, #31B042, #40D753);
    color: #ffffff;
}

.btn-blue {
    background-color: #00A9E9;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .29);
    color: #fff;
}

.btn-white {
    background-color: #fff;
    color: #313649;
}

.global-box-shadow {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .29)
}

.btn-global-shadow {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
}

.btn-shadow {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
}

/* End CSS for Button  */
/* ==== Common Classes Style Here ==== */

.bg-no-repeat {
    background-repeat: no-repeat;
}

.mh-100vh {
    min-height: 100vh;
}

.font-12 {
    font-size: 12px;
    line-height: 20px;
}

.font-13 {
    font-size: 13px;
    line-height: 20px;
}

.font-14 {
    font-size: 14px;
    line-height: 20px;
}

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

.font-16 {
    font-size: 16px;
    line-height: 20px;
}

.font-20 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
}

.font-30 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}


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

.font-bold {
    font-weight: 600;
}

.font-light {
    font-weight: 400;
}

.white-shadow-radius-box {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 3px 3px 6px #0000001A;
}

/* Switch Button Style Here */

.custom-control {
    padding: 0px;
}

.actions .custom-control {
    padding-left: 0;
    width: 34px;
    height: 18px;
}

.actions .custom-control .custom-control-label {
    padding-left: 0;
    width: 34px;
    min-height: 18px;
}

.actions .custom-control .custom-control-label::before {
    background-color: #E2E2E2;
    border-color: #E2E2E2;
    box-shadow: none;
    border-radius: 30px;
    height: 18px;
    width: 34px;
    left: 0;
    top: 0;
}

.actions .custom-switch .custom-control-label::after {
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border-radius: 50%;
}

.actions .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.actions .custom-control .custom-control-input:checked~.custom-control-label::before {
    background-color: #42F16B;
    border-color: transparent;
}

.actions .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    left: 6px;
}


/* ==== Custom Radio Style Here ==== */

.custom-radio label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    padding-left: 28px;
    text-transform: capitalize;
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
    box-shadow: none;
    background-color: #ffffff;
    top: 0;
    height: 20px;
    width: 20px;
}

.custom-control-label::after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    background-color: #ffffff;
    border-radius: 50%;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #42F16B;
    border-color: #42F16B;
}

/* ==== Login Page Style Here ==== */

.login-box-main-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-box {
    height: 100vh;
    display: table-cell;
    vertical-align: middle;
    padding: 0 100px 0 70px;
    position: relative;
}

.login-section {
    display: table;
    width: 100%;
    background-color:#FFFFFF;
}

.global-img h1 {
    font-size: 50px;
    color: #fff;
    padding-top: 40px;
    font-weight: 400;
}

.login-page-form {
    max-width: 460px;
    width: 100%;
    padding: 40px;
    background-color: #FFD700;
    border-radius: 0 0px;
    box-shadow: 0px 5px 15px #0000001A;
    z-index: 10;
    margin-right: 50px;
    min-height: 400px
}

.login-page-form .login-main-head a {
    display: block;
    max-width: 175px;
    padding-bottom: 40px;
}

.login-page-form .login-main-head h2 {
    font-size: 30px;
    font-weight: 500;
}

.login-page-form .login-main-head p {
    color: #666666;
    font-size: 16px;
    padding: 10px 0 30px;
    font-family: 'Work Sans', sans-serif;
}

.form-group {
    margin-bottom: 18px;
    position: relative;
}

.form-group label {
    color: #333333;
    display: block;
    font-size: 13px;
    line-height: 16px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400 !important;
    padding: 0 0 6px;
    text-transform: uppercase;
} 


.form-control, select.form-control-sm:not([size]):not([multiple]), select.form-control:not([size]):not([multiple]),
.form-control:focus {
    box-shadow: 2px 2px 0px #F2F2F2;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    font-size: 14px;
    height: 44px;
}

.custom-dropdown {
    display: inline-block;
    position: relative;
}

.custom-dropdown:after {
    content: '';
    background-color: #ffffff;
    background-image: url(../img/down-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center center;
    border-radius: 0 4px 4px 0;
    width: 40px;
    height: 42px;
    position: absolute;
    pointer-events: none;
    right: 1px;
    top: 1px;
}

.orange-btn {
    color: #fff !important;
    background-color: #1f89c2;
    min-width: 140px;
    height: 44px;
    line-height: 44px;
}
.agvs-reset-btn-border{
    min-width: 90px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #00acc2!important;
    border: 1px solid #00acc2;
    height: 30px;
}
 .agvs-reset-btn-border-importer{
    min-width: 90px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #00acc2!important;
    border: 1px solid #00acc2;
    height: 30px;
    line-height: 31px;
}   

.login-btn-box .orange-border-btn {
    background-color: #fff;
    border: 1px solid #1f89c2;
    color: #1f89c2 !important;
}

.login-btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-btn-box .forgot-text a {
    font-size: 14px;
    color: #1f89c2;
}

.login-box::before {
    position: absolute;
    content: '';
    /*background-image: url(../img/login-sidebg.svg);*/
    width: 585px;
    height: 100%;
    background-repeat: no-repeat;
    right: 0;
    left: auto;
    top: 0;
    z-index: 0;
}

.contact-select {
    border-width: 1px 0px 1px 1px !important;
    border-radius: .25rem 0 0 .25rem;
    box-shadow: 0px 2px 0px #F2F2F2 !important;
    padding-right: 0;
    padding-left: 3px;
    width: 77px;
}

.contact-input {
    border-width: 1px 1px 1px 0px !important;
    border-radius: 0 .25rem .25rem 0;
    margin-left: -2px;
}

select.form-control:not([size]):not([multiple]).contact-select {
    border-radius: .25rem 0 0 .25rem;
}

/* ==== Dashboard Page Styl Here ==== */

/* Admin Header Style Here */
.dashboard-page .main-header {
    margin-left: 0 !important;
    padding: 13px 30px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.10);
}

.dashboard-page aside.main-sidebar {
    margin-top: 70px;
    background-color: #1f89c2;
    min-height: calc(100% - 130px);
}

ul.navbar-nav .logo a.brand-link {
    max-width: 120px;
    padding: 0;
}

.Notification-icon a.nav-link {
    padding: 0;
}


/* Header Profile */
.navbar-nav .user-name-text > .nav-link {
    font-size: 14px;
    width: 34px;
    height: 34px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    color: #1f89c2;
    padding: 0;
    text-align: center;
    line-height: 32px;
}

.navbar-nav .user-name-text > .nav-link::after {
    position: absolute;
    bottom: 3px;
    background-image: url(../img/user-dropdown.svg);
    background-repeat: no-repeat;
    right: -4px;
}

.user-name-text a#navbarDropdown span {
    position: absolute;
    bottom: 0;
    width: 12px;
    height: 12px;
    background-size: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    background-color: #fff;
}

.navbar-expand .navbar-nav .dropdown-menu-right {
    border: 0;
}

.dashboard-page .dropdown-menu-right.show a.dropdown-item {
    display: flex;
    padding: 10px;
}

.dashboard-page .dropdown-menu-right.show a.dropdown-item p {
    padding-left: 10px;
    color: #666666;
}

.dashboard-section {
    padding: 30px;
    background-color: #f4f6f9;
    padding-right: 10px;
}

.dashboard-page .nav-pills .nav-link.active,
.dashboard-page .nav-pills .show>.nav-link {
   /* color: #1f89c2 !important;
    background-color: #FFFFFF !important;*/
     color: #ffffff !important;
 background-color: #ffab38 !important;
}

.nav-sidebar .nav-item>.nav-link {
    padding-left: 40px;
    position: relative;
    color: #fff;
}

.nav-sidebar .nav-item>.nav-link::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 10px;
    top: 5px;
}

a.nav-link.dashboard::before {
    background-image: url(../img/dashboard1.svg);
}

a.nav-link.dashboard.active::before,
a.nav-link.dashboard:hover::before {
    background-image: url(../img/dashboard1.svg);
}

.nav-sidebar .nav-item>.nav-link:hover {
    color: #fff;
    background-color: #ffab38;
}

a.nav-link.Bill-icon::before {
    background-image: url(../img/bill.svg);
}

.Bill-icon:hover:before,
a.nav-link.Bill-icon.active::before {
    background-image: url(../img/Exclusion1.svg) !important;
}

a.nav-link.container-icon::before {
    background-image: url(../img/crane.svg);
}

.container-icon:hover:before,
a.nav-link.container-icon.active::before {
    background-image: url(../img/crane2.svg) !important;
}

a.nav-link.manage-icon::before {
    background-image: url(../img/music-and-multimedia.svg);
}

.manage-icon:hover:before,
a.nav-link.manage-icon.active::before {
    background-image: url(../img/music-and-multimedia2.svg) !important;
}

a.nav-link.user-permission-icon::before {
    background-image: url(../img/verified.svg);
}

.user-permission-icon:hover:before,
a.nav-link.user-permission-icon.active::before {
    background-image: url(../img/verified.svg) !important;
}

a.nav-link.profile-icon::before {
    background-image: url(../img/user-icon.svg);
}

.profile-icon:hover:before,
a.nav-link.profile-icon.active::before {
    background-image: url(../img/user-icon.svg) !important;
}
a.nav-link.gold-manage-icon::before {
    background-image: url(../img/vd2.png);
}

.gold-manage-icon:hover:before,
a.nav-link.gold-manage-icon.active::before {
    background-image: url(../img/vd2.png) !important;
}

a.nav-link.user-management-icon::before {
    background-image: url(../img/files-and-folders.svg);
}

.user-management-icon:hover:before,
a.nav-link.user-management-icon.active::before {
    background-image: url(../img/files-and-folders.svg) !important;
}

a.nav-link.location-icon::before {
    background-image: url(../img/locations.svg);
}

.location-icon:hover:before,
a.nav-link.location-icon.active::before {
    background-image: url(../img/locations.svg) !important;
}

a.nav-link.accounting-icon::before {
    background-image: url(../img/Exclusion2.svg);
}

.accounting-icon:hover:before,
a.nav-link.accounting-icon.active::before {
    background-image: url(../img/Exclusion.svg) !important;
}

a.nav-link.accounts-financial-icon::before {
    background-image: url(../img/clipboard.svg);
}

.accounts-financial-icon:hover:before,
a.nav-link.accounts-financial-icon.active::before {
    background-image: url(../img/clipboard2.svg) !important;
}

a.nav-link.Documentations-icon::before {
    background-image: url(../img/Documentations.svg);
}

.Documentations-icon:hover:before,
a.nav-link.Documentations-icon.active::before {
    background-image: url(../img/Documentations2.svg) !important;
}

a.nav-link.ARIS-raw-icon::before {
    background-image: url(../img/MDMS.svg);
}
.ARIS-raw-icon:hover:before,
a.nav-link.ARIS-raw-icon.active::before {
    background-image: url(../img/MDMS2.svg) !important;
}

a.nav-link.ARIS-report-icon::before {
    background-image: url(../img/approval.svg);
}
.ARIS-report-icon:hover:before,
a.nav-link.ARIS-report-icon.active::before {
    background-image: url(../img/approval2.svg) !important;
}

a.nav-link.scrap-icon::before {
    background-image: url(../img/Outline.svg);
}

.scrap-icon:hover:before,
a.nav-link.scrap-icon.active::before {
    background-image: url(../img/Outline2.svg) !important;
}

.main-footer {
    background: transparent;
    border-top: 0;
    color: #666666;
    padding: 0;
    padding-left: 30px;
    padding-top: 30px;
}

a.nav-link.manage-icon img.right {
    width: 12px;
}

.content-header.dashboard-header {
    padding: 0 15px;
}

.content-header.dashboard-header .main-heading h2 {
    font-size: 30px;
    line-height: 36px;
}

.card-box {
    background-color: #ffff;
    box-shadow: 0px 2px 4px #0000001A;
    border-radius: 6px;
    padding: 20px;
    margin-top: 20px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-10 {
    padding-right: 10px;
}

.card-box-detail {
    display: flex;
    align-items: center;
}

.location-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.user-detail-list ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.user-detail-list ul li {
    width: 100%;
    padding-top: 15px;
}

.user-detail-list ul li p {
    font-size: 15px;
    color: #666666;
}

.user-detail-list ul li span {
    font-size: 30px;
    font-weight: 500;
}

li.Notification-icon {
    padding-right: 20px;
}

.sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
    border: 0;
}

.Notification-icon a.nav-link::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #1f89c2;
    border-radius: 50%;
    top: 6px;
    right: 8px;
    border: 1px solid #fff;
}

.Revenue-box-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Revenue-box h5 {
    font-size: 20px;
}

.Revenue-box p {
    font-size: 16px;
    color: #666666;
}

a.nav-link.manage-icon::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 9px;
    background-image: url(../img/down-arrow.svg);
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
}

a.nav-link.manage-icon:hover::after {
    background-image: url(../img/down-arrow2.svg) !important;
}

li.nav-item.has-treeview.menu-open a.nav-link.manage-icon::after {
    transform: rotate(180deg);
}

li.nav-item.has-treeview.menu-open ul.nav.nav-treeview li a.nav-link::before {
    content: '';
    position: absolute;
    background-image: url(../img/down-arrow.svg);
    width: 8px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 14px;
    top: 14px;
    transform: rotate(-90deg);
}

li.nav-item.has-treeview.menu-open ul.nav.nav-treeview li a.nav-link:hover {
    background-color: transparent;
}

/* ==== Client Dashboard + Profile ==== */
.client-dashboard .dashboard-heading,
.client-profile .dashboard-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.client-ui .main-header {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.client-ui aside.main-sidebar {
    background: #1f89c2;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05);
}

.client-ui .nav-sidebar .nav-item > .nav-link {
    color: #fff;
}

.client-ui .nav-sidebar .nav-item > .nav-link.active,
.client-ui .nav-sidebar .nav-item > .nav-link:hover {
    background: #ffab38;
    color: #fff;
}

.breadcrumb-info {
    font-size: 14px;
    color: #9aa0a6;
}

.breadcrumb-divider {
    margin: 0 6px;
}

.dashboard-stats .stat-card {
    border-radius: 10px;
    padding: 20px;
    color: #fff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 120px;
}

.stat-card .stat-icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.stat-card .stat-content h4 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

.stat-card .stat-content p {
    margin: 6px 0 0;
    font-size: 14px;
    opacity: 0.9;
}

.stat-card .stat-content span {
    display: block;
    font-size: 12px;
    opacity: 0.8;
}

.stat-card--purple {
    background: linear-gradient(135deg, #6e5bd4, #7b6af2);
}

.stat-card--orange {
    background: linear-gradient(135deg, #f7931a, #fbb034);
}

.stat-card--teal {
    background: linear-gradient(135deg, #00bcd4, #11d1c6);
}

.stat-card--green {
    background: linear-gradient(135deg, #28a745, #46cc6b);
}

.dashboard-card {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
}

.dashboard-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 0;
    border-bottom: 0;
    background: transparent;
}

.dashboard-card-header .title h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.dashboard-card-header .title p {
    margin: 6px 0 0;
    font-size: 13px;
    color: #9aa0a6;
}

.dashboard-card .card-body {
    padding: 20px 24px 24px;
}

.export-btn {
    margin-left: 16px;
    padding: 4px 16px;
    border-radius: 8px;
    font-size: 12px;
    background: #6f42c1;
    color: #fff;
}

.filter .form-control {
    border-radius: 8px;
    font-size: 13px;
    color: #666;
}

.filter-inline {
    max-width: 200px;
}

.report-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.report-chip {
    background: #f1f0ff;
    color: #6f42c1;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.chart-placeholder {
    display: flex;
    gap: 20px;
    min-height: 240px;
}

.chart-axis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 12px;
    color: #b0b0b0;
}

.chart-canvas {
    flex: 1;
    background: linear-gradient(180deg, rgba(111, 66, 193, 0.1), transparent);
    border-radius: 8px;
    position: relative;
}

.chart-point {
    position: absolute;
    top: 45%;
    left: 45%;
    background: #5bc0de;
    color: #fff;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
}

.chart-month {
    position: absolute;
    bottom: 12px;
    left: 44%;
    font-size: 12px;
    color: #9aa0a6;
}

.licensee-card .card-body {
    padding-top: 12px;
}

.licensee-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.licensee-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.licensee-list li:last-child {
    border-bottom: 0;
}

.licensee-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.licensee-icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #eef1f6;
}

/* Profile page */
.profile-banner {
    display: flex;
    align-items: center;
    gap: 20px;
    background: linear-gradient(90deg, #f7b34c, #f3a23b);
    border-radius: 12px;
    padding: 18px 24px;
    margin-bottom: 24px;
    color: #fff;
}

.profile-logo {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-action {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0;
    background: #6f42c1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.profile-title h3 {
    margin: 0;
    font-size: 22px;
}

.profile-title p {
    margin: 4px 0 0;
    font-size: 14px;
    opacity: 0.9;
}

.profile-info .info-block {
    margin-bottom: 18px;
}

.profile-info h6 {
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.profile-info p {
    margin: 0;
    color: #333;
    font-size: 14px;
}

.profile-details .dashboard-card-header {
    flex-direction: column;
    align-items: flex-start;
}

.profile-tabs {
    margin-top: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.profile-tabs .nav-link {
    font-size: 13px;
    padding: 8px 14px;
    color: #555;
}

.profile-tabs .nav-link.active {
    color: #6f42c1;
    border: 0;
    border-bottom: 2px solid #6f42c1;
    background: transparent;
}

.profile-table th {
    width: 35%;
    color: #666;
    font-weight: 500;
    font-size: 13px;
}

.profile-table {
    width: 100%;
    table-layout: fixed;
}

.profile-table td {
    font-size: 13px;
    color: #333;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.status-pill {
    display: inline-block;
    background: #29cc74;
    color: #fff;
    padding: 4px 12px;
    border-radius: 14px;
    font-size: 12px;
}

.BL-Operatings-box h4 {
    font-weight: 400;
}

a.btn.view-btn {
    background-color: #00ACC2;
    color: #fff;
    min-width: 90px;
    height: 34px;
    font-size: 14px;
}

.BL-Operatings-box table.table {
    border: 0;
    border-top: 2px solid #CCCCCC;
    margin-top: 15px;
    margin-bottom: 0;
}

.BL-Operatings-box table.table th,
.BL-Operatings-box table.table td {
    border: 0;
}

.BL-Operatings-box table thead tr th {
    background-color: transparent;
    color: #00ACC2;
    font-weight: 500;
    font-size: 16px;
    padding: 0 8px;
    height: 50px;
    vertical-align: middle;
}

.BL-Operatings-box table tbody tr td {
    color: #000000;
    font-size: 14px;
    padding: 0 8px;
    height: 30px;
    vertical-align: middle;
}


.BL-Operatings-box table tfoot tr td {
    background-color: #FFF9F1;
    padding: 5px 8px;
    font-weight: 700;
    font-size: 16px !important;
    height: 34px;
    vertical-align: middle;
}

.custom-design-view {
    margin: 0;
    padding: 0 15px;
}

.custom-design-view [class*=col-] {
    padding: 0px;
}

.custom-user-enteries label, .custom-user-search label {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    text-transform: capitalize;
}

.custom-user-enteries label .form-control {
    margin: 0 20px;
    max-width: 150px;
}

.custom-user-search  .form-control {
    margin-left: 20px;
}

/* User master */
.add-user-icon {
    width: 40px;
    height: 40px;
    background-color: #1f89c2;
    /*background-color: #1f89c2;*/
    border-radius: 50%;
    box-shadow: 0px 3px 6px #00000029;
    display: block;
    color: #fff;
    text-align: center;
}

.add-user-icon:hover {
    opacity: 0.7;
}

.add-user-icon .fa-plus:before {
    content: '+';
    font-size: 33px;
    color: #fff;
    line-height: 36px;
}

.content-card {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 3px 3px 6px #0000001A;
}

.export-btn {
    min-width: 90px;
    min-height: 30px;
    border: none;
    background-color: #00ACC2;
    border-radius: 4px;
    color: #FFFFFF;
}

.export-btn:hover {
    color: #fff;
    opacity: 0.7;
}

.view-form label {
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

/* Table Style Here */

.table {
    width: 100%;
    /*min-width: 767px;*/
    margin: 0px;
}

.table thead tr th {
    background-color: #1c9be16b;
    font-size: 13px;
    border: none;
    border-bottom: 0;
}

.table thead tr th:last-child, 
.table tbody tr td:last-child, 
#accounting_show.table tfoot tr th:last-child {
    text-align: center;
}

.table tbody tr td {
    border-top: none;
    border-bottom: 1px solid #dee2e6;
    font-size: 13px;
    vertical-align: middle;
    white-space: nowrap;
    border-right: 1px solid #ddd;
}


.table tbody tr td:first-child {
    padding-left: 18px;
}

.table tbody tr td:last-child {
    padding-right: 18px;
}

.justify-content-flex-end {
    justify-content: flex-end;
}

.view-select {
    min-width: 70px;
    height: 30px !important;
    padding: 5px !important;
}

.view-pagination {
    padding: 18px;
}

:focus {
    outline: 0 !important;
    box-shadow: none !important;
}


/* Pagination Style Here */

.custom-pagination-design {
    padding: 18px 15px;
    margin: 0;
}

.custom-pagination-design [class*=col-] {
    padding: 0;
}

.paging_simple_numbers .pagination {
    float: right;
}

.pagination li {
    display: inline-block;
    vertical-align: middle;
}

.pagination .page-item .page-link, .pagination .page-item.disabled .page-link, .pagination .page-item .page-link:hover {
    border-radius: 50%;
    background-color: transparent;
    border: 0;
    color: #000000;
    font-size: 14px;
    display: block;
    padding: 0;
    line-height: 26px;
    margin: 0px 8px;
    text-align: center;
}

.pagination .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #00ACC2;
    border-color: #00ACC2;
    width: 26px;
    text-align: center;
}

/* Add user */
.custom-select{
    background-image: url('../img/down-arrow2.svg');
    background-size: 12px;
    background-color: #fff;
}

.radio-check-listing .roles-radio {
    padding-left: 30px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    border: 1px solid #EEEEEE;
    border-radius: 24px;
    background-color: #FFFFFF;
    font-weight: 400 !important;
    display: inline-table;
    margin-bottom: 7px;
    margin-left: 6px;
}

.radio-check-listing .role-radio .custom-control-label::before {
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.radio-check-listing .role-radio .custom-control-label::after {
    background-color: transparent;
    height: 16px;
    width: 16px;
    top: 5px;
    left: 8px;
}

.radio-check-listing .role-radio .custom-control-label::before {
    background-color: #ffffff;
    border-color: #EEEEEE;
    box-shadow: none !important;
}


.radio-check-listing .role-radio .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff;
    border: 0;
}

.radio-check-listing .role-radio .custom-radio .custom-control-input:checked~.roles-radio {
    background-color: #42F16B;
    color: white;
    border-color: #42F16B;
}

.radio-check-listing .role-radio .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url('../img/radio-tick.svg');
    background-size: 10px;
}

.btn.add_field_button {
    border: 0;
    padding: 0;
    color: #00ACC2;
}

.custom-radio .location-check-default.custom-control-label::before{
    border-radius: 6px;
    width: 18px;
    height: 18px;
    box-shadow: none;
}

.location-check-default.custom-control-label::after{
    top: -2px;
    left: -2px;
    width: 22px;
    height: 22px;
    background-color: unset;
    border-radius: unset;
}

.custom-radio .custom-control-input:checked~.location-check-default.custom-control-label::before{
    background-color: #1f89c2;
    border-color: #1f89c2;
}

.custom-radio .custom-control-input:checked~.location-check-default.custom-control-label::after{
    background-image: url('../img/check-radio.svg');
}

.add-user {
    padding: 30px;
}

.user-role {
    font-size: 16px;
    font-weight: 500;
}

.remove_field.text-danger {
    position: absolute;
    right: 0;
    bottom: 0;
}

.role-radio {
    display: flex;
    flex-wrap: wrap;
}

.back-icon img {
    width: 25px;
    margin-bottom: 5px;
}

.add-user-btns {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.flex-grow-2 {
    flex-grow: 2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #CCCCCC !important;
}

/*location-page*/
.create-new-location {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 3px 3px 6px #0000001A;
    margin-top: 15px;
}

.create-new-location-details .input-box {
    display: flex;
    width: 100%;
    align-items: baseline;
}

.create-new-location-details .input-box .form-group {
    width: 100%;
    padding: 0 5px;
}

.create-new-location-details .input-box .form-group:first-child {
    padding-left: 0;
}

.create-new-location-details .input-box .form-group label {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0;
}

.create-new-location-details .input-box .form-group select {
    -webkit-appearance: none;
}
.orange-btn-border {
    background-color: transparent;
    color: #1f89c2 !important;
    border: 1px solid #1f89c2;
}
.create-new-location-details .down-arrow::after {
    position: absolute;
    content: '';
    background-image: url(../img/down-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 12px;
    top: 35px;
    right: 15px;
}
.create-new-location-details .input-box .form-group input, 
.create-new-location-details .input-box .form-group select {
    outline: none;
    border: 1px solid #EEEEEE;
    height: 44px;
    box-shadow: 2px 2px 0px #F2F2F2;
}

.audit-log .custom-table .col-sm-12{
    overflow-x: auto;
    padding: 0;
}

.audit-log .custom-table.row{
    margin-right: 0;
    margin-left: 0;
}

.date-search .date-selector {
    height: 30px;
    font-size: 14px;
    width: 220px;
    padding-right: 26px;
    color: #999999;
}

.audit-log .custom-table .col-sm-12::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}


.audit-log .custom-table .col-sm-12::-webkit-scrollbar-track {
  background: #f1f1f1;
}
 

.audit-log .custom-table .col-sm-12::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 10px; 
}


.audit-log .custom-table .col-sm-12::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.drp-buttons .btn{
    line-height: 0;
}

.calendar-icon::after {
    position: absolute;
    content: url('../img/calendar.svg');
    right: 6px;
    top: 6px;
    pointer-events: none;
}

/*.user-permission .table tr td{
    text-align: center;
}

.user-permission .table>tr>td:first-child{
    background-color: #FCFCFC;
}

.user-permission .table th{
    text-align: center;
}

.user-permission .table tr td table{
    border: 1px;
    width: 100%;
}*/
.user-add .custom-table .table.audit-log-table td:first-child{
    width: 200px!important;
}

.user-add .custom-table .table.audit-log-table td:nth-child(3){
    width: 110px!important;
}

/*.daterangepicker.ltr.show-calendar.opensright{
    right: 48px!important;
}*/

.daterangepicker.opensright:after,
.daterangepicker.opensright:before{
    left: 50%;
}

.user-add .custom-table .table.audit-log-table{
    min-width: 937px!important;
}

/* Manage quality */

.nav-tabs {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
}

.nav-tabs .nav-item {
    margin-right: 10px;
}

.nav-tabs .nav-link {
    color: #999999;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    width: 130px;
    height: 40px;
    font-size: 16px;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    line-height: 40px;
    padding: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #FFFFFF;
    background-color: #00ACC2;
    border-color: #00ACC2;
}

/*404-error-page*/
.error-section {
    display: flex;
    align-items: center;
    padding: 70px;
}

.error-section {
    align-items: center;
    padding: 0 70px;
    height: calc(100vh - 57px);
    display: table-cell;
    vertical-align: middle;
}

.error-main-box {
    display: table;
    width: 100%;
}

.error-img {
    max-width: 560px;
    width: 100%;
    height: 100%;
}

.error-text {
    max-width: 413px;
}

.error-text h2 {
    font-size: 70px;
    font-weight: 500;
}

.error-text h2 span {
    font-size: 30px;
    font-weight: 500;
    display: block;
}

.error-text p {
    font-size: 16px;
    line-height: 26px;
    padding-top: 30px;
    padding-bottom: 40px;
}

.error-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.help-block {
    color: #e10e0efa;
    padding-top: 10px;
}

/*General-setting-page*/

.general-setting {
    background-color: #F1F8F9;
}

.general-setting .login-box{
    height: 91.5vh;
}

.general-setting-form {
    max-width: 660px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 6px;
    padding: 30px;
    box-shadow: 0 5px 10px #00000033;
    position: relative;
}

.general-setting-form .user-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}

.general-setting-form .user-name {
    display: flex;
    align-items: center;
}

.general-setting-form .user-name h3 {
    font-size: 30px;
}

.general-setting-form .user-name p {
    font-size: 16px;
}

.general-setting-form .user-name span {
    width: 70px;
    height: 70px;
    background-color: #1f89c2;
    color: #fff;
    font-size: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    margin-right: 15px;
}

.general-setting-form .edit-img {
    cursor: pointer;
}

.general-setting-form .general-form {
    max-width: 420px;
}

.general-setting-form .general-form select {
    -webkit-appearance: none;
}

.general-setting-form .general-form .down-arrow::after {
    position: absolute;
    content: '';
    background-image: url(../img/down-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 12px;
    top: 30px;
    right: 15px;
    pointer-events: none;
}

.general-setting-form .general-form h4 {
    padding-bottom: 15px;
}

.general-setting-form .general-form label {
    font-size: 13px;
    color: #333333;
}

.general-setting-form .general-form .password-box {
    display: flex;
    align-items: baseline;
    width: 100%;
}

/* Audit Log */
.audit-log thead th:last-child,
.audit-log tr td:last-child {
    text-align: left;
}

.date-range {
    width: 220px !important;
    height: 30px;
    font-size: 12px;
    color: #999999;
    border: 1px solid #F2F2F2;
    background-color: #FFFFFF;
    padding: 8px 10px;
    box-shadow: none !important;
    border-radius: 4px;
    position: relative !important;
}

.date-range:focus {
    box-shadow: none !important;
}

.calendar-icon::after {
    position: absolute;
    content: url('../img/calendar.svg');
    right: 6px;
    top: 6px;
    pointer-events: none;
}

.date-between .form-group {
    margin-bottom: 0;
}

/* User Permission */
.user-permission .table table .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #42F16B;
    border-color: #42F16B;
}

.user-permission .table table .custom-control-label::before {
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: #fff;
    box-shadow: none;
    border-radius: 50%;
    height: 18px;
    width: 18px;
}

.user-permission .table table .custom-control-label::after {
    background-color: transparent;
    top: 0;
    left: -10px;
    height: 18px;
    width: 18px;
}

.user-permission .table table td:last-child,
.user-permission .table table td:first-child,
.user-permission .table table td {
    padding: 0 !important;
    border-bottom: 0;
}

.user-permission .table table tr:first-child td {
    font-weight: 600;
}

.user-permission .table tr td:first-child table tr td {
    text-align: left !important;
    font-size: 14px;
}

.user-permission .table tr td {
    text-align: center;
}

.user-permission .table tr>td:first-child {
    background-color: #FCFCFC;
}

.user-permission .table table tr>td:first-child {
    background-color: transparent;
}

.user-permission .table th {
    text-align: center;
}

.user-permission .table tr td table {
    border: 1px;
    width: 100%;
}

.user-permission .table tr td:first-child table tr>td {
    padding-bottom: 5px !important;
}

.user-permission .table table tr:nth-child(2) td:first-child {
    padding-top: 10px !important;
}

.user-permission .table tr:last-child td {
    border-bottom: 0;
}

.user-permission .table td {
    border: 1px solid #CCCCCC;
    width: 12%;
}


.user-permission .table td:first-child {
    border-left: 0;
}

.user-permission .table td:last-child {
    border-right: 0;
}

.user-permission .table table td {
    border: 0;
}

.user-permission .table th {
    background-color: #fff;
    border-bottom: 2px solid #CCCCCC;
    font-size: 16px;
}

.user-permission {
    padding: 20px;
}

/* ==== Bill Of Landing Page Style Here ==== */

.search-box {
    width: 100%;
    min-width: 300px;
    max-width: 300px;
}

.search-box .form-group {
    border: 1px solid #F2F2F2;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 0 34px 0 0;
    position: relative;
    margin: 0;
}

.search-box .form-control {
    box-shadow: none;
    border: 0;
    font-size: 12px;
    height: 34px;
    padding: 0 15px;
}

.search-box .btn {
    border: 0;
    width: 34px;
    height: 34px;
    padding: 8px;
    position: absolute;
    line-height: 16px;
    top: 0;
    right: 0;
}

.filter-box {
    margin: 0 20px 0 10px;
}

.filter-button {
    background-color: #ffffff;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    display: block;
    height: 36px;
    width: 36px;
    line-height: 32px;
    text-align: center;
}

td .actions{
    white-space: nowrap;
}
.actions a, .actions div {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}

/* xxxxxx */
.filter-n-status{
    margin-top: 10px;
}

.filter-btn{
    min-width: 100%;
    font-weight: 600;
    letter-spacing: 3px;
    background-color: #00acc2;
}

.reset-btn-border{
    min-width: 100%;
    font-weight: 600;
    letter-spacing: 3px;
    color: #00acc2!important;
    border: 1px solid #00acc2;
}

.filter-n-status .form-group .form-control{
    border: 1px solid #000!important;
}

.status-tag {
    color: white;
    border-radius: 14px;
    padding: 2px 14px;
}
.status-tag1 {
    color: white;
    border-radius: 14px;
    padding: 2px 5px;
}

.yellow-tag{
    background-color: #EFBA26;
}

.green-tag{
    background-color: #6CE468;
}

.grey-tag{
    background-color: #666666;
}
.grey-tag1{
    background-color: #ff8000;
}
.blue-tag{
    background-color: #70C9D3;
}
.pink-tag{
    background-color: #f012be;
}
/* xxxxxx */

/* ==== Bill Detail Page Style Here ===== */

.blue-dash-box {
    background-color: #F3FDFF;
    border-radius: 6px;
    box-shadow: 3px 3px 6px #0000001A;
    padding: 10px;
}

.blue-dash-box ul {
    border: 1px dashed #66D4EA;
    border-radius: 4px;
}

.blue-dash-box li {
    float: left;
    width: 16.6%;
    padding: 11px 4px 11px 16px;
    word-break: break-word;
}


.blue-dash-box li span {
    color: #666666;
    display: block;
    font-size: 13px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
}

.blue-dash-box li strong {
    display: block;
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    line-height: 20px;
}

/* ==== Create New Bill Page Style Here ==== */

.row {
    margin: 0 -10px;
}

.row [class*=col-] {
    padding: 0 10px;
}

.invoice-upload-box .invoice-listing {
    width: 50%;
}

.invoice-upload-box .invoice-listing:not(:last-child) {
    border-right: 1px solid #CCCCCC;
}

.invoice-upload-box .invoice-listing h3 {
    font-size: 20px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    line-height: 24px;
    padding: 0 0 16px;
}

.plus-sign {
    /*background-image: url(../img/add-upload-icon.svg);*/
    background-image: url(../img/add_new.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 61px;
    background-color: #FFFFFF;
    height: 60px;
    width: 60px;
    position: relative;
    margin: 0;
}

.position-absolute.plus-sign{
    right: 0;
    top: 0px;
}

.upload-box label input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.input-icon {
    position: absolute;
    right: 10px;
    top: 32px;
    pointer-events: none;
}

.remove_images {
    position: absolute;
    right: 0;
    top: 0;
}

/* ==== COntainer Detail Page Style Here ==== */

.basic-info-box {
    padding: 30px;
}
.basic-info-box12 {
    padding: 56px;
}

.slider-box {
    width: 100%;
    max-width: 400px;
}

.slider-box .slider.slider-for .slick-slide span {
    display: block;
    height: 280px;
}

.slider-box .slider.slider-for .slick-slide img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.slider-box .slider.slider-nav {
    margin-top: 15px;
    max-width: 85%;
}

.slider-box .slider.slider-nav.slick-initialized .slick-slide {
    padding-right: 10px;
}

.slider-box .slider.slider-nav .slick-slide span {
    display: block;
    height: 60px;
}

/*.slider-box .upload-box label {
    height: 60px;
    width: 80px;
}*/

.basic-info-content {
    width: calc(100% - 400px);
    padding-left: 40px;
}

.basic-info-content h3 {
    color: #000000;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    padding: 0 0 24px;
    position: relative;
    margin-bottom: 30px;
}

.basic-info-content ul {

}

.basic-info-content li {
    float: left;
    width: 14.28571%;
}

.basic-info-content li span {
    color: #666666;
    display: block;
    font-size: 15px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 18px;
    padding: 0 0 5px;
    text-transform: uppercase;
}
.basic-info-content li strong {
    color: #000000;
    display: block;
    font-size: 18px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    line-height: 20px;
}

.basic-info-content h3:before {
    content: '';
    background-color: #666666;
    height: 3px;
    width: 200px;
    position: absolute;
    bottom: 0;
}

.containereditTab2List{
    justify-content: space-between;
}

.containereditTab2List li span{
    display: block;
    margin-bottom: 10px;
}

.containereditTab2List li{
    margin-right: 20px;
}

.table-form-head {
    padding: 20px 30px 0;
}

.table tbody td .form-control {
    height: 30px;
    padding: 0 14px;
    max-width: 100px;
}

.table tbody td .form-control.midium-textfield {
    max-width: 180px;
}

.btn.add-row-btn {
    color: #00ACC2;
}

.grn-form-listing .white-shadow-radius-box {
    padding-bottom: 0px !important;
}

.grn-form-listing .head h3 {
    font-size: 20px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    line-height: 24px;
    padding: 0 0 15px;
}

.grn-form-listing .head span {
    display: inline-block;
    font-size: 20px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    padding: 0 0 15px;
}

/* ==== Container Table Teak/Scrap ==== */

.fa-edit.export-btn{
    margin-right: 10px;
    margin-left: 48px;
}

.all-right-btn{
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
}

.bl-containers-table .table td:first-child{
    padding-left: .75rem;
}

.bl-containers-table .table-check-label.custom-control-label::before{
    left: unset;
    box-shadow: none;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.bl-containers-table .custom-checkbox .custom-control-input:checked~.table-check-label.custom-control-label::after{
    background-color: #1f89c2;
    border-radius: 4px;
}

.bl-containers-table .table-check-label.custom-control-label::after{
    top: 4px;
    left: unset;
    width: 16px;
    height: 16px;
    background-color: unset;
}

/* ==== Accounting ==== */

.accounting-section .blue-dash-box li{
    width: 25%;
}

.accounting-section .table tfoot th{
    background-color: #FFF9F1;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 1035!important;
}

.filter-n-status .date-search .date-selector{
    height: 44px;
}

.filter-n-status .calendar-icon::after{
    right: 10px;
    top: 14px;
}

#financila-show-table.table tr th:last-child,
#financila-show-table.table tr td:last-child{
    text-align: right;
}

#accounting_show.table tfoot tr,
#financila-show-table.table tfoot tr{
    background-color: #FFF9F1;
}

/* === Upload BLM === */
.upload--blm .steps{
    color: #333333;
    display: block;
    font-size: 13px;
    line-height: 16px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600 !important;
    padding: 0 0 6px;
    text-transform: uppercase;
}

/* ==== MDMS Raw Data ==== */

.mdms-raw-monthly-table .custom-dropdown .form-control{
    max-height: 36px;
    min-width: 170px;
}

.mdms-raw-monthly-table .custom-dropdown:after{
    right: 6px;
    top: 10px;
    width: 28px;
    height: 15px;
}

.mdms-monthly-raw.table thead tr th:last-child,
.mdms-monthly-raw.table tbody tr td:last-child{
    text-align: left;
}


/* ==== MDMS AG VS Other ==== */
.filter-box.form-control,
.search-box.form-control{
    height: unset;
    width: auto;
    padding: 0;
}

.mdms-ag-other-section .table th,
.mdms-ag-other-section .table td{
    vertical-align: middle;
    font-size: 13px;
}

.mdms-ag-other-section .table tbody td{text-align:center}
.mdms-ag-other-section .table tbody td:first-child{text-align:left}

.mdms-ag-other-section .table thead .month th[colspan="2"]{
    min-width: 150px;
    text-align: center;
}

.mdms-ag-other-section .table thead .month th[colspan="3"]{
    min-width: 200px;
    text-align: center;
}

.mdms-ag-other-section .table thead .month th{
    min-width: 105px;
}

.mdms-ag-other-section .table thead .diff th{
    text-align: center;
}

.mdms-ag-other-section .table thead .diff th:nth-child(odd){
    border-right: 2px solid #363636;
    width: 50%;
    min-width: 75px;
    text-align: center;
}

.mdms-ag-other-section .table thead .diff th:nth-child(even){
    border-left: 2px solid #363636;
    width: 50%;
    min-width: 75px;
    text-align: center;
}

.mdms-ag-other-section .table tfoot th{
    text-align: center;
    vertical-align: middle;
}

.mdms-ag-other-section .table tfoot tr:nth-child(3) th:nth-child(even),
.mdms-ag-other-section .table tfoot tr:nth-child(2) th:nth-child(even),
.mdms-ag-other-section .table tbody td:nth-child(odd),
.mdms-ag-other-section .table tfoot th:nth-child(odd){
    border-right: 1px solid #DDDDDD;
}

.mdms-ag-other-section .table tbody td:nth-last-child(5),
.mdms-ag-other-section .table tfoot tr:first-child th:nth-last-child(5){
    border-right: 3px solid #DDDDDD;
}

.mdms-ag-other-section .table tbody td:nth-last-child(3),
.mdms-ag-other-section .table tfoot tr:first-child th:nth-last-child(3){
    border-right: unset;
}

.mdms-ag-other-section .table tbody td:nth-last-child(2),
.mdms-ag-other-section .table tfoot tr:first-child th:nth-last-child(2){
    border-right: 3px solid #DDDDDD;
}

.mdms-ag-other-section .table tfoot tr:nth-child(2) th:nth-last-child(2){
    border-right: 3px solid #DDDDDD;
}

.mdms-ag-other-section .table tbody td:nth-last-child(1),
.mdms-ag-other-section .table tfoot th:nth-last-child(1){
    border-right: none!important;
}

.mdms-ag-other-section .search-box{
    max-width: unset;
    min-width: 200px;
}
.mdms-ag-other-section .agvs-reset-btn-border,
.mdms-ag-other-section .export-btn{
    height: 36px;
}

/* ==== Modal Popup Style Here ==== */

/* MDMS Raw Data */
.raw-data-modal-popup .modal-dialog {
   max-width: 760px;
}

.raw-data-modal-popup .modal-content {
   border: 0;
   border-radius: 8px;
}

.raw-data-modal-popup .modal-body {
   padding: 30px;
}

.raw-data-modal-popup .table-form-head {
   padding: 0px;
}

.raw-data-modal-popup .table-form-head h4 {
   border-bottom: 1px solid #CCCCCC;
   font-size: 20px;
   padding: 0 0 20px;
   margin-bottom: 24px;
}

/* Filter Modal */
.raw-data-modal-popup.filter-modal .modal-dialog{
    max-width: 500px
}
.filter-modal .modal-checkboxes .check-col {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.filter-modal .modal-checkboxes .check-col .custom-checkbox{
    width: 25%;
}

.filter-modal .modal-checkboxes .modal-location-check .custom-control-label{
    padding-left: 25px;
    color: #000000;
    font-weight: 600!important;
}

.filter-modal .modal-checkboxes .modal-location-check .custom-control-label::after{
    top: 1px;
    left: 0px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background-color: unset;
}

.filter-modal .modal-location-check.custom-checkbox .custom-control-label::before{
    background-color: #fff;
    box-shadow: none;
    top: 1px;
}

.filter-modal .modal-location-check.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #00ACC2;
}

.modal-location.custom-radio .custom-control-input:checked~.custom-control-label::before{
    background-color: #fff;
    border-color: #00ACC2;
}

.modal-location.custom-radio .custom-control-label::before{
    box-shadow: none;
}

.modal-location.custom-radio .custom-control-input:checked~.custom-control-label::after{
    background-image: url('../img/radio-after-blue.svg');
    background-size: 10px;
    filter: invert(0.4) sepia(1) saturate(20) hue-rotate(144deg) brightness(0.78);
}
.input-save-btn{
    max-width: 140px;
}
/* ==== \. Modal Popup Style END ==== */

/* ==== MDMS IMPORTERS ==== */

.mdms-importers-section .table th,
.mdms-importers-section .table td{
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
}

.mdms-importers-section .table th:first-child,
.mdms-importers-section .table td:first-child{
    text-align: left;
}

.mdms-importers-section .table tfoot th.total,
.mdms-importers-section .table tbody td.total{
    border-right: 3px solid #DDDDDD;
}

.mdms-importers-section .table thead th{
    padding-top: 3px;
    padding-bottom: 4px;
}

.mdms-importers-section-modal .importersDependentSelect .select2-container{
    width: 100%!important;
}
.mdms-importers-section-modal .importersDependentSelect .select2-container--default .select2-selection--multiple{
    box-shadow: 2px 2px 0px #F2F2F2;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    font-size: 14px;
    min-height: 44px;
    display: flex;
flex-wrap: wrap;
    padding: 6px 40px 6px 6px;
}
.mdms-importers-section-modal .importersDependentSelect .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field{
margin-top: 0px !important;
}
.mdms-importers-section-modal .importersDependentSelect12 .select2-container{
    width: 100%!important;
}
.mdms-importers-section-modal .importersDependentSelect12 .select2-container--default .select2-selection--multiple{
    box-shadow: 2px 2px 0px #F2F2F2;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    font-size: 14px;
    height: 44px;
    padding: 6px 40px 6px 6px;
}
.mdms-importers-section-modal .date-search .date-selector{
    box-shadow: 2px 2px 0px #F2F2F2!important;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    height: 40px;
}
.mdms-importers-section-modal .date-search.calendar-icon::after{
    background-color: white;
    width: 50px;
    text-align: end;
    top: 53%;
    transform: translateY(-50%);
    z-index: 10;
}
/* ==== MDMS FORMWISE ==== */

.mdms-importers-section.mdms-formwise-section .table tbody td.total{
    border-right: 3px solid #DDDDDD;
    border-left: 3px solid #DDDDDD;
}

.mdms-importers-section.mdms-formwise-section .table tfoot th.total{
    border-right: none;
}

.mdms-importers-section.mdms-formwise-section .table tbody tr:last-child{
    border-bottom: 2px solid #DDDDDD;
}

.mdms-importers-section.mdms-formwise-section .table tbody td:first-child{
    border-right: 3px solid #DDDDDD;
}

.form-modal-pills .nav-item .nav-link {
    background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    border-radius: unset;
    color: #363636;
}

.form-modal-pills .nav-pills.nav-justified {
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    overflow: hidden;
}

.form-modal-pills .nav-pills .nav-link.active {
    background-color: #00ACC2!important;
    color: #FFFFFF!important;
}

/* ==== SCRAP ORDER REQUEST LIST ==== */
.scrap-request-list-table .custom-dropdown .form-control{
    max-height: 36px;
    min-width: 150px;
}

.scrap-request-list-table .custom-dropdown:after{
    right: 6px;
    top: 10px;
    width: 28px;
    height: 15px;
}

.scrap-req-table.table th:last-child,
.scrap-req-table.table tr td:last-child{
    text-align: center;
}

.status-tag{
    min-width: 90px;
    text-align: center;
}
.status-tag1{
    min-width: 90px;
    text-align: center;
}

/* ==== SCRAP ORDER LIST ==== */
.scrap-order-table.table th:last-child,
.scrap-order-table.table tr td:last-child,
.scrap-order-table.table tr td:nth-last-child(2){
    text-align: center;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 1080!important;
}
.form-control[readonly]{
    background-color: #FFFFFF;
}
.info_label--text {
    font-size: 11px;
    color: #d90000;
}
.scrap-order--list .table th{
    white-space: nowrap;
}
.scrap_orderdetail--form .create-new-location-details .down-arrow::after{
    top: 36px;
    right: 12px;
    background-color: #FFFFFF;
}

.load-more-btn {
    border: 1px solid #d1cfcf;
    color: #aeaaaa;
    margin-top: -20px;
    margin-bottom: 20px;
    width: 120px;
    height: 36px;
    border-radius: 30px;
    transition: all 0.5s;
}

.load-more-btn:hover{
    background-color: #aeaaaa;
    color: #FFFFFF;
}
/*Hidden class for adding and removing*/
.lds-dual-ring.hidden {
    display: none;
}

/*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.52);
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
}
 
/*Spinner Styles*/
.lds-dual-ring {
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    z-index: 4000;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 5% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.no-scroll{
    overflow: hidden;
}

.modal-tabsOriginPod {
    width: 100%;
    border-bottom: none;
    justify-content: center;
}

.modal-tabsOriginPod .nav-link {
    border-radius: 30px;
}

.modalDatesselected{
    box-shadow: 2px 2px 0px #F2F2F2!important;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    height: 44px!important;
}

.modalDatessearch.calendar-icon::after{
    top: 13px;
}


.login-box-main-box .global-img {
   text-align: center;
   margin: 0 auto;
   padding-right: 70px;
} 

.nav-Heading {
    color: #FFFFFF;
    padding: 10px 0px 2px;
    margin: 0px 5px 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    /*border-bottom: 2px solid #ffffff;*/
}
  @media screen and (max-width: 767px){
.login-box-main-box .global-img{
padding-right: 0
}
}

.nav-pills .nav-Heading.nav-link{
    padding-left: 2px;
    border-radius: 4px 4px 0px 0px;
}
.nav-pills .nav-Heading.nav-link.active, .dashboard-page .nav-pills .show>.nav-Heading.nav-link {
    background-color: transparent!important;
    color: #FFFFFF!important;
}

.nav-pills .nav-Heading.nav-link:hover {
    background-color: #fff!important;
    color: #1f89c2!important;
}
.nav-Heading.nav-link::before{
    display: none;
}
.nav-Heading.nav-link::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 13px;
    /*background-image: url(../img/down-arrow.svg);*/
    /*content: '\002B';*/

    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.nav-Heading.nav-link:hover::after{
    /*background-image: url(../img/down-arrow2.svg);*/
    /*content: '\002B';*/
}
.menu-open .nav-Heading.nav-link::after{
    /*transform: rotate(180deg);*/
        /*content: "\2212";*/
}


/*..*/
.page-head {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin: 20px 0px;
}
.page-head .add-user-icon .fa-plus:before {
    font-size: 23px;
    line-height: 30px;
}
.page-head .add-user-icon {
    height: 30px;
    width: 30px;
    margin-left: 20px;
}
.page-head .add-user-icon i.fas.fa-plus {
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-user-icon.delete {
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
}