.custom-btn {
    padding: 0.715rem 0.736rem !important;
}

.marqu {
    background-color: #1579c1;
    /* background-color:#0E5D96; */
}

.marqu-link {
    text-decoration: none;
    color: white;
}

.marqu-link:hover {
    text-decoration: none;
    color: white;
}

.blink_text {
    padding: 5px;
    height: 10px;
    font-size: 16px;
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}

@-webkit-keyframes blink {
    0% {
        color: black;
    }

    49% {
        color: black;
    }

    50% {
        color: yellow;
    }

    100% {
        color: yellow;
    }
}

@-moz-keyframes blink {
    0% {
        color: black;
    }

    49% {
        color: black;
    }

    50% {
        color: yellow;
    }

    100% {
        color: yellow;
    }
}

@keyframes blink {
    0% {
        color: black;
    }

    49% {
        color: black;
    }

    50% {
        color: yellow;
    }

    100% {
        color: yellow;
    }
}

.custom-btn-delete {
    border: none;
    background: none;
    font-size: 1.2rem !important;
    color: #626262;
}

.custom-btn-delete:hover {
    color: red;
}

.custom-btn-edit {
    color: #626262;
    font-size: 1.2rem !important;
    margin-left: 6px;
}

.custom-btn-edit:hover {
    color: #210ef2;
}

.custom-btn-show {
    color: #626262;
    font-size: 1.2rem !important;
    margin-left: 5px;
}

.custom-btn-show:hover {
    color: #0f5d98;
}

/**/
.custom-noti-delete-btn-show {
    color: #626262;
}

/**/
.display-block {
    display: block;
}

.display-none {
    display: none;
}

/*Start Register Form*/
.register-body {
    font-family: "Nunito", sans-serif !important;
}

.register-header .header-logo {
    width: 100%;
    /*max-height: 52px;*/
}

.register-header {
    /*padding-left: 60px;
    padding-right: 60px;*/
    background-color: #0e5d96 !important;
    margin-top: -7px;
}

.register-header .navbar-brand {
    color: #fff !important;
    text-transform: uppercase !important;
}

.register-header .navbar-brand img {
    width: 100;
    height: 46px;
}

.register-nav-items .nav-item {
    font-weight: bold;
    margin-right: 20px;
}

.register-nav-items .nav-item:last-child {
    margin-right: 20px;
}

.register-nav-items .nav-item a {
    text-transform: capitalize !important;
    color: #fff !important;
    font-size: 14px;
}

.form-section {
    padding: 100px 50px 0px;
}

.btn-register {
    background-color: #0e5d96 !important;
    font-size: 20px !important;
    letter-spacing: 3px !important;
    padding: 0px 25px;
    color: #d1d8de;
    margin-top: 20px;
}

.register-form .form-control {
    padding: 23px 16px;
    font-weight: 500;
    border: none;
    background: #f1f1f3;
}

.register-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bec1c4 !important;
    font-size: 17px;
    opacity: 1;
    /* Firefox */
}

.register-content .form-section label {
    font-weight: 550;
    color: #717275;
    font-size: 17px;
}

.register-content .img-section {
    background-image: url("/images/Registration-01.png");
    display: none;
}

.register-form input:focus {
    box-shadow: 0px -1px 3px 0px #0e5d96 !important;
}

.img-section-img2 {
    width: 85%;
    position: absolute;
    top: 60px;
    left: 0px;
}

/*End Register Form*/
.header-logo {
    width: 100%;
}

.register-step-card {
    position: absolute;
    bottom: 0;
    margin-left: 21%;
    max-width: 51%;
}

.register-step-card .card {
    background-color: #ffffff !important;
    margin-top: 18px;
    box-sizing: border-box;
    border-radius: 0px;
    border: none;
}

.register-step-card .card-body {
    padding-bottom: 0px;
}

.register-step-card .card-body h3 {
    text-transform: uppercase !important;
    font-weight: 700;
    font-size: 20px;
    color: #0e5d96;
    font-family: "Roboto", sans-serif !important;
}

.btn-next {
    padding: 10px 50px;
}

.btn-next-2 {
    padding: 10px 50px;
}

.btn-register-back {
    padding: 10px 50px;
    color: white !important;
}

.step span {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
}

.step {
    margin-top: 5px;
}

.register-step-1-logo {
    margin-left: 50px;
}

.register-step-card .card {
    padding: 10px 40px 0px;
}

.register-step-1-logo img {
    width: 250px;
    padding-top: 30px;
    padding-left: 30px;
}

.register-step-form-section label {
    font-weight: 700;
    color: #717275;
}

.register-step-form-section .form-control {
    box-shadow: 0px 0px 1px 0px #0f5d98 !important;
}

.register-step-image-section {
    background-image: url("/images/Re-Revised Extended Registration-01.png");
    background-size: 100% 100%;
    font-family: "Roboto", sans-serif !important;
}

.register-step-first-input {
    margin-top: 10px;
}

.register-step-form-section .form-control {
    font-family: "Roboto", sans-serif !important;
    padding: 22px 16px;
    font-weight: 500;
}

.register-step-form-section #state,
.register-step-form-section .dropdown {
    font-family: "Roboto", sans-serif !important;
    padding: 10px 16px;
    font-weight: 500;
    height: 46px;
}

.invalid-feedback {
    font-size: 100%;
}

/*Start Login*/
.login-left-section {
    background: #0f5d98 !important;
}

.login-img-logo {
    width: 200px;
    /* height: 50px; */
    margin-top: 50px;
}

.login-img-section {
    position: absolute;
    bottom: 0;
    left: 50px;
}

.login-title {
    font-size: 25px;
    font-weight: bolder;
    color: #0f5d98 !important;
}

.login-desc {
    font-weight: 600;
    color: #717275;
}

.login-forgot-password {
    font-weight: 600;
    padding-top: 15px;
}

.btn-login {
    padding: 10px 45px;
    font-size: 18px;
}

.btn-login-group {
    margin-top: 30px;
}

.login-form {
    padding: 90px 170px 0px 30px;
}

.register-form input:focus {
    background: #fff;
}

.sidebar-loading-icon {
    text-align: center;
    font-size: 22px;
    padding-top: 20px;
    list-style: none;
}

.number-of-vehicle-label,
.goods-type-list-label {
    top: -21px !important;
}

/*Drop Pickup Location*/
.drop-pickup-location {
    width: 75% !important;
    position: relative;
}

.drop-pickup-switch {
    position: absolute;
    left: 141px;
    margin-top: -26px;
}

span.toggle-text {
    color: #2a5d98 !important;
    background-color: transparent !important;
    font-weight: 900 !important;
    font-size: 10px !important;
}

.custom-drop-danger-switch .drop-pickup-switch-input:checked~.custom-switch-label::before {
    background-color: #fff !important;
    border: 1px solid #2a5d98 !important;
    width: 67px !important;
    height: 25px !important;
}

.custom-drop-danger-switch .drop-pickup-switch-input:checked~.custom-switch-label::after {
    background-color: #28c76f !important;
    width: 20px;
    height: 20px;
    transform: translateX(2.9rem) !important;
}

.drop-pickup-switch.switch-lg .custom-switch-label:after {
    background-color: #ea5455 !important;
    left: -1px !important;
    width: 20px;
    height: 20px;
}

.drop-pickup-switch.switch-lg .custom-switch-label {
    width: 67px !important;
}

.drop-pickup-switch .custom-switch-label .switch-text-left,
.drop-pickup-switch .custom-switch-label .switch-icon-left {
    right: 17px;
    top: 6px;
}

span.pickup-text {
    left: 2px !important;
}

span.drop-text {
    right: 17px !important;
    top: 7px !important;
}

.add-multi-drop-pickup-location {
    position: absolute;
    right: 16px;
    margin-top: -26px;
    cursor: pointer;
    font-size: 18px;
    color: #2a5d98;
}

.drop-pickup-remove {
    position: absolute;
    right: 14px;
    margin-top: -26px;
    color: #fff;
    background-color: #ea5455;
    border-radius: 50%;
    padding: 3px 4px;
    font-size: 11px;
    cursor: pointer;
}

label.custom-switch-label {
    border-radius: 60% !important;
}

@media only screen and (max-width: 600px) {
    .login-left-section {
        height: 280px !important;
    }

    .login-img-logo {
        margin-top: 0px;
    }

    .login-form {
        padding: 22px;
        margin-top: 20px;
    }

    .login-img-section {
        left: 10px;
    }

    .login-form h4,
    p {
        text-align: center;
    }
}

/*End Login*/
.otp-verification-title {
    font-weight: 600;
    color: #484545eb;
    font-size: 23px;
    letter-spacing: 1px;
}

.otp-verification-desc {
    color: #484545eb;
    margin-top: 35px;
    margin-bottom: 25px;
    font-size: 16px;
}

.resend-otp a {
    color: #0f5d98;
}

.disabled-a-link {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.resend-otp i {
    font-size: 13px;
}

.otp-content .otp-form-section label {
    font-weight: 600;
    color: #717275;
}

.otp-content .img-section {
    background-image: url("/images/Web Otp Backdrop-54.png");
    display: none;
}

.otp-form .form-control {
    padding: 23px 16px;
    font-weight: 500;
    box-shadow: 0px -1px 3px 0px #e2e2e2 !important;
    background: #fff;
}

.otp-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bec1c4 !important;
    font-size: 17px;
    opacity: 1;
    /*Firefox  */
}

.otp-form input:focus {
    box-shadow: 0px -1px 3px 0px #0e5d96 !important;
    background: #fff;
}

.otp-form-section {
    padding: 130px 50px 0px;
}

.otp-content .img-section-img2 {
    width: 96%;
    position: absolute;
    top: 45px;
    left: 0px;
}

/*Forgot Password*/
.reset-password-verification-title {
    font-weight: 600;
    color: #0f5d98;
    font-size: 23px;
    letter-spacing: 1px;
}

.reset-password-verification-desc {
    color: #484545eb;
    margin-top: 35px;
    margin-bottom: 25px;
    font-size: 15px;
}

.reset-password-content .otp-form-section label {
    font-weight: 600;
    color: #717275;
}

.reset-password-content .left-img-section {
    display: none;
}

.reset-password-form .form-control {
    padding: 23px 16px;
    font-weight: 500;
    border: none;
    background: #f1f1f3;
}

.reset-password-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bec1c4 !important;
    font-size: 17px;
    opacity: 1;
    /*Firefox  */
}

.reset-password-card input:focus {
    box-shadow: 0px -1px 3px 0px #0e5d96 !important;
    background: #fff;
}

.reset-password-form-section {
    background: url("/images/Reset Password-50.png") no-repeat;
    margin-right: 10%;
    background-size: 90% 100%;
}

.reset-password-content .img-section-img2 {
    width: 96%;
    position: absolute;
    top: 45px;
    left: 15px;
}

.reset-password-card {
    padding: 9% 6% 14%;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.reset-password-logo {
    padding-top: 50px;
    padding-left: 60px;
}

.reset-password-card .form-control {
    padding: 21px 16px;
    font-weight: 500;
    border: none;
    background: #f1f1f3;
}

.password-card {
    margin-top: 33%;
}

.overlay-section {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1035;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 4;
    visibility: visible;
    transition: 0.3s linear;
}

.password-form .form-control {
    padding: 23px 16px;
    border: none;
    background: #f1f1f3;
}

.password-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bec1c4 !important;
    font-size: 15px;
    opacity: 1;
    /*  Firefox */
}

.password-form label {
    font-weight: 550;
    color: #717275 !important;
    font-size: 15px !important;
}

.password-form input:focus {
    box-shadow: 0px -1px 3px 0px #0e5d96 !important;
    background: #fff;
}

.password-card-title {
    color: #0f5d98;
    font-size: 20px;
}

.main-menu ul#main-menu-navigation>li:first-child {
    margin-top: 0.5rem;
}

/* .main-menu.menu-light .navigation > li a {
    background: #0F5D98 !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    font-weight: 400;
    border-radius: 4px;
    cursor: pointer;
    pointer-events : none;
} */
.nav-item input,
.nav-item select,
.nav-item button {
    margin-top: 10px;
}

/*.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before{
    width:55px !important;
}
label .switch-text-left, .custom-switch .custom-control-label .switch-text-right, .custom-switch .custom-control-label .switch-icon-left, .custom-switch .custom-control-label .switch-icon-right {
    top: 2px !important;
    font-size: 12px !important;
}
.custom-switch.switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    -webkit-transform: translateX(33px);
    -ms-transform: translateX(33px);
    transform: translateX(33px);
}
.custom-switch.switch-lg .custom-control-label::before {
    width:55px !important;
}
.custom-switch.switch-lg .custom-control-label .switch-text-right, .custom-switch.switch-lg .custom-control-label .switch-icon-right {
    right: 37px !important;
}*/
.custom-switch.switch-lg .custom-control-label::before {
    background-color: #ea5455 !important;
}

.switch-text-right {
    color: #fff !important;
}

.custom-switch-danger .custom-control-input:checked~.custom-control-label::before {
    background-color: #27c76f !important;
}

.btn-submit {
    background: #d03732 !important;
    padding: 10px 60px !important;
    font-size: 13px;
}

.btn-edit-lead {
    padding: 10px 70px !important;
    font-size: 13px;
}

.custum-badge {
    border-radius: 50% !important;
    padding: 5px !important;
    background: #0f5d98;
}

.badge-icon {
    font-size: 13px !important;
}

.nav-item-title {
    text-transform: uppercase;
    font-size: 13px;
    color: #0f5d98;
    vertical-align: middle;
}

.header-nav-item {
    margin-right: 0px;
}

.navbar-nav li.active .custum-badge {
    background: red !important;
}

.navbar-nav li.active .nav-item-title {
    color: red !important;
}

.header-navbar.position-top {
    top: 40px;
}

.navbar-nav li:last-child {
    /* margin-right: 20px; */
}

.alert-profile {
    width: 100%;
    padding: 10px;
    right: 0;
    background: #5a5b5d;
    z-index: 1000;
}

.alert-profile span {
    padding-left: 50px;
    font-weight: 500;
}

.btn-complete {
    padding: 2px 6px !important;
    font-weight: 500;
    background: #eb2026 !important;
    color: #fff;
    margin-right: 50px;
    border-radius: 10px;
}

.lead_form input::placeholder {
    color: #000;
}

.lead_form select:valid {
    color: #000 !important;
}

.lead_form select.container-size {
    display: inline;
    width: 32%;
    margin-right: 4px;
}

.lead_form select.temp-size {
    display: inline;
    width: 100%;
    margin-right: 4px;
}

.content2::before {
    content: "\a";
    white-space: pre;
}

.breadcrumb-item a {
    color: #0f5d98;
}

.error-text {
    font-size: 12px;
    white-space: initial;
}

.sub-table {
    margin-top: -12px !important;
    margin-left: -15px !important;
}

.form-control:focus {
    border-color: #0e5d96 !important;
}

.pagination .page-item.active .page-link {
    background-color: #0f5d98 !important;
}

.modal .modal-header .close span {
    color: #0f5d98 !important;
}

.btn-green {
    background: #7eb754 !important;
    border-radius: 10px;
    box-shadow: none !important;
    padding: 4px 10px;
    font-size: 11px;
}

.user-profile-icon {
    font-size: 60px;
    color: #0f5d98;
}

.user-profile-icon-header {
    font-size: 35px;
    height: 45px;
    padding-top: 5px;
    color: #0f5d98;
}

.customer-register-link {
    margin-top: 15px;
}

.customer-register-link a {
    color: #0f5d98 !important;
}

/*Ratting*/
.overlay-section-ratting-sub {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.overlay-section-ratting .close {
    position: absolute;
    top: 15px;
    right: 20px;
    padding: 0.2rem 0.62rem;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.357rem;
    background: #ffffff;
    opacity: 1;
    transition: all 0.23s ease 0.1s;
    transform: translate(8px, -2px);
}

.ratting-card .card-header {
    border-bottom: 1px solid #dae1e7;
}

.ratting-card-title {
    color: #0f5d98;
    font-size: 20px;
    float: left;
    margin-bottom: 15px;
}

.ratting-card .card-body {
    padding: 30px 1.5rem 50px 1.5rem;
}

.ratting-card .card-body h6 {
    margin-bottom: 30px;
}

.ratting-card .form-group {
    overflow: hidden;
    margin: 0px;
}

.ratting-card .rating {
    width: auto;
    float: unset;
    margin: auto;
    display: initial;
}

.overlay-section-ratting .card-footer {
    padding-top: 15px;
    padding-bottom: 15px;
}

.overlay-section-ratting-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 32px;
}

.btn-radius-sm {
    border-radius: 10px;
    padding: 4px 10px;
    font-size: 11px;
}

.cancel-trip-menu {
    margin-top: 12px !important;
    padding-right: 0px !important;
}

.dropdown-menu-center {
    left: -87% !important;
    text-align: center !important;
}

.dropdown .dropdown-menu-center::before {
    left: 4.2rem !important;
}

.dropdown-menu-center a:hover {
    color: #0f5d98 !important;
}

.image-upload-input {
    padding: 0.375rem 0.75rem !important;
    height: 45px;
}

.custom-add-btn {
    padding: 5px 5px;
    border-radius: unset;
}

.text-multi-location-pickup-drop {
    white-space: initial;
    font-size: 13px;
}

.add-pickup-item {
    font-size: 13px;
}

.add-drop-item {
    font-size: 13px;
}

.vs-checkbox-con .vs-checkbox {
    width: 25px;
    height: 22px;
    margin-right: 10px;
}

.drop-pickup-table td,
.drop-pickup-table th {
    border-top: 1px solid #dee2e6 !important;
}

.drop-pickup-table thead th {
    border-bottom: 2px solid #dee2e6 !important;
}

/*Start CSS For DataTable Empty Row Align*/
table.dataTable td.dataTables_empty {
    text-align: left !important;
}

/*End CSS For DataTable Empty Row Align*/
.hr-margin-multi-location {
    margin-top: 7px;
    margin-bottom: 7px;
    border-color: #8fbee2 !important;
}

.hr-margin-drop-location {
    margin-top: 7px;
    margin-bottom: 7px;
    border-color: #8fbee2 !important;
}

.hr-margin-extra-location {
    margin-top: 7px;
    margin-bottom: 7px;
    border-color: #8fbee2 !important;
}

.address-text-color {
    color: #07a;
}

.drop-pickup-hr {
    border-color: #efefef;
}

.sidebar-tgl-btn {
    font-size: 15px !important;
    background-color: #0f5d98 !important;
    padding: 7px 5px !important;
    margin-top: 4px !important;
    color: #fff !important;
}

.drop-and-pickup-badge {
    white-space: initial;
}

.ui-autocomplete {
    z-index: 5000 !important;
}

button.navbar-toggler {
    font-size: 15px !important;
    padding: 3px 5px !important;
}

@media only screen and (max-width: 600px) {
    .navbar-collapse {
        float: none !important;
        width: 100%;
    }

    .nav {
        display: -webkit-unset !important;
        /* display: unset !important; */
        float: left !important;
        width: 100%;
        left: 0px;
    }

    .create-addr {
        float: right !important;
    }

    .navbar-container {
        padding: 10px !important;
        margin: 6px 0px !important;
    }

    .app-content.content {
        margin: 18px 0px 0px !important;
    }

    .register-step-card {
        margin-left: 0px !important;
        max-width: none !important;
    }
}

.add-billing-address {
    margin-right: 15px;
    font-size: 13px;
}

.app-text {
    font-size: 20px;
    font-weight: 600;
    color: #0f5d98 !important;
}

.tippy-popper[x-placement="bottom"] .tippy-arrow {
    border-bottom-color: #0f5d98 !important;
}

.tippy-popper[x-placement="top"] .tippy-arrow {
    border-top-color: #0f5d98 !important;
}

.tippy-popper[x-placement="left"] .tippy-arrow {
    border-left-color: #0f5d98 !important;
}

.tippy-popper[x-placement="right"] .tippy-arrow {
    border-right-color: #0f5d98 !important;
}

.tippy-popper .tippy-tooltip .tippy-content .shepherd-content {
    background-color: #0f5d98 !important;
}

.fa-lightbulb-o {
    margin-left: 4px !important;
}

.payment-date-div .picker {
    top: unset !important;
}

.styled-checkbox-register {
    transform: scale(1.5);
}

.register-step-logout-btn {
    float: right;
    margin-top: 20px;
    margin-right: 27px;
}

.sidebar-new-booking span {
    font-size: 13px;
    padding-left: 0px !important;
}

.sidebar-new-booking a i {
    margin-right: 5px !important;
}

/* Floating Input With Label CSS Start */
.form-floating-input {
    position: relative;
    margin-top: 18px;
}

.form-floating-input input {
    display: block;
    background: transparent;
    border: solid 1px #ccc;
    transition: all 0.3s ease;
    padding: 0 15px;
}

.form-floating-input label {
    position: absolute;
    cursor: text;
    z-index: 2;
    top: 11px;
    left: 21px;
    font-size: 12px;
    font-weight: normal;
    background: #fff;
    padding: 0 10px;
    color: #999;
    transition: all 0.3s ease;
}

.form-floating-input input:focus+label,
.form-floating-input select:focus+label {
    color: #0f5d98 !important;
}

.form-floating-input input:focus+label,
.form-floating-input input:not(:placeholder-shown)~label,
.form-floating-input select:focus+label,
.form-floating-input select:not(:placeholder-shown)~label {
    font-size: 11px !important;
    top: -5px;
}

.vehicle-lenth-item {
    margin-top: 18px;
}

.billing-address-item {
    margin-top: 20px;
}

.pay-by-item {
    margin-top: 10px;
}

/* Floating Input With Label CSS End */
/* Login Floating Input With Label CSS Start */
.login-form-floating-input {
    position: relative;
}

.login-form-floating-input input {
    display: block;
    background: transparent;
    border: solid 1px #ccc;
    transition: all 0.3s ease;
    padding: 0 15px;
}

.login-form-floating-input label {
    position: absolute;
    cursor: text;
    z-index: 2;
    top: 11px;
    left: 6px;
    font-size: 17px;
    font-weight: normal;
    padding: 0 10px;
    color: #999;
    transition: all 0.3s ease;
}

.login-form-floating-input input:focus+label,
.login-form-floating-input select:focus+label {
    color: #0f5d98 !important;
}

.login-form-floating-input input:focus+label,
.login-form-floating-input input:not(:placeholder-shown)~label,
.login-form-floating-input select:focus+label,
.login-form-floating-input select:not(:placeholder-shown)~label {
    font-size: 18px !important;
    top: -27px;
    left: -10px;
    color: #0f5d98 !important;
}

.email-input-div {
    margin-bottom: 32px !important;
}

/* Login Floating Input With Label CSS End */
/* Temp Floating Input With Label CSS Start */
.form-floating-container-size-input {
    position: relative;
}

.form-floating-container-size-input input {
    display: block;
    background: transparent;
    border: solid 1px #ccc;
    transition: all 0.3s ease;
    padding: 0 15px;
}

.form-floating-container-size-input label {
    position: absolute;
    cursor: text;
    z-index: 2;
    top: 11px;
    left: 2px;
    font-size: 12px;
    font-weight: normal;
    background: #fff;
    padding: 0 10px;
    color: #000;
    transition: all 0.3s ease;
}

.form-floating-container-size-input input:focus+label,
.form-floating-container-size-input select:focus+label {
    color: #0f5d98 !important;
}

.form-floating-container-size-input input:focus+label,
.form-floating-container-size-input input:not(:placeholder-shown)~label,
.form-floating-container-size-input select:focus+label,
.form-floating-container-size-input select:not(:placeholder-shown)~label {
    font-size: 11px !important;
    top: 3px;
}

.nav-temp-min-max {
    margin-top: 15px;
}

/* Temp Floating Input With Label CSS End */
/* Weight Floating Input With Label CSS Start */
.form-floating-weight-input {
    position: relative;
}

.form-floating-weight-input input {
    display: block;
    background: transparent;
    border: solid 1px #ccc;
    transition: all 0.3s ease;
    padding: 0 15px;
}

.form-floating-weight-input label {
    position: absolute;
    cursor: text;
    z-index: 2;
    top: 11px;
    left: 5px;
    font-size: 12px;
    font-weight: normal;
    background: #fff;
    padding: 0 10px;
    color: #000;
    transition: all 0.3s ease;
}

.form-floating-weight-input input:focus+label,
.form-floating-weight-input select:focus+label {
    color: #0f5d98 !important;
}

.form-floating-weight-input input:focus+label,
.form-floating-weight-input input:not(:placeholder-shown)~label,
.form-floating-weight-input select:focus+label,
.form-floating-weight-input select:not(:placeholder-shown)~label {
    font-size: 11px !important;
    top: -6px;
}

/* Weight Floating Input With Label CSS End */
@media (min-width: 700px) {
    .container-size-l-col {
        padding: 0px 0px 0px 15px !important;
    }

    .container-size-b-col {
        padding: 0px 4px 0px 4px !important;
    }

    .container-size-h-col {
        padding: 0px 15px 0px 0px !important;
    }

    .temp-size-min {
        padding: 0px 4px 0px 15px !important;
    }

    .temp-size-max {
        padding: 0px 15px 0px 0px !important;
    }

    .weight-input-item-div {
        padding: 0px 4px 0px 15px !important;
    }

    .weight-select-item-div {
        padding: 0px 15px 0px 0px !important;
    }
}

.dataTables_filter {
    position: relative !important;
}

.datatable-reset-button {
    position: relative;
    background: #0f5d98;
    height: 25px;
    /* top: 1px; */
    margin-left: -50px;
    font-weight: bolder;
    border: none;
    border-radius: 0px 4px 4px 0px;
    color: #fff;
}

.address-datatable-reset-button {
    position: relative;
    background: #0f5d98;
    height: 26px;
    margin-left: -50px;
    font-weight: bolder;
    border: none;
    border-radius: 0px 4px 4px 0px;
    color: #fff;
}

.text-primary {
    color: #115d98 !important;
}

.move-right {
    float: right;
}

.gst-lable {
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: rgba(196, 196, 196, 0.35);
    border-radius: 10px;
    height: 30px;
    padding-top: 4px;
}

.btn-center {
    text-align: center;
}

.left-lable {
    color: #5f5f5f;
}

.lable-info {
    color: #5f5f5f;
}

.modal-title-preview {
    color: #5f5f5f;
}

.pac-container {
    z-index: 10000 !important;
}

.add-pickup-full-address {
    color: #045c97;
    line-height: 12px;
    font-size: 12.19px;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right {
    right: -7px !important;
    /* min-width: 206px; */
}

.icone-main {
    width: 20px;
    height: 20px;
    float: left;
    /* background-color: aqua; */
    margin-right: 6px;
    position: relative;
    bottom: 3px;
}

.billing-icone {
    background-image: url("/images/BIllingAddress.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.billing-a:hover .billing-icone {
    background-image: url("/images/BIllingAddress-White.svg");
}

.cancelled-icone {
    background-image: url("/images/CancelledInovie.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.cancelled-a:hover .cancelled-icone {
    background-image: url("/images/CancelledInovie-White.svg");
}

.overdue-icone {
    background-image: url("/images/overdueInvoice.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.overdue-a:hover .overdue-icone {
    background-image: url("/images/overdueInvoice-White.svg");
}

.addresses-icone {
    background-image: url("/images/address.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.addresses-a:hover .addresses-icone {
    background-image: url("/images/address-White.svg");
}

.report-icone {
    background-image: url("/images/Invoice.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.report-a:hover .report-icone {
    background-image: url("/images/invoice-White.svg");
}

.alert-success {
    color: #000000 !important;
}

.mainDivBoder {
    border: 1px solid rgba(4, 92, 151, 0.25);
    padding: 15px;
}

.lastMileMenu .nav-link {
    width: 223px;
    height: 31px;
    border-radius: 5px 5px 0px 0px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.384px;
    color: #0f5d98;
    border: 1px solid rgba(7, 93, 153, 0.25);
}

.lastMileMenu .nav-link.active {
    background: rgba(15, 93, 152, 0.1);
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
    border: none;
    line-height: 24px;
}

.last-mile-sidebar-img {
    position: fixed;
    width: 100%;
    height: 600px;
    top: 160px;
    left: 0px;
}

/* Menu WMS DD - Start*/
.main-menu.menu-light .navigation li.has-sub>a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

.main-menu.menu-light .navigation li.has-sub.open>a {
    border: thin solid #005c94;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    margin-bottom: 0;
    color: #005c94 !important;
    font-weight: 500;
}

.main-menu.menu-light .navigation li.has-sub ul.menu-content {
    margin: 5px;
    margin-top: 0;
    border: thin solid #1666a3;
    border-top: 0;
    padding: 7px !important;
    /* margin: -7px 0px 0 0px !important; */
    border-radius: 0 0 6px 6px;
}

.main-menu.menu-light .navigation li.has-sub ul#cutomer_dd_menu li a {
    border: 0;
    border-top: thin solid #e9e9e9;
    border-radius: 0;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    height: auto;
}

/* .main-menu.menu-light .navigation li.has-sub ul.menu-content li:last-child a {
    border: 0;
} */

.nav-item-sub-menu a {
    border-radius: 6px;
    height: 33px;
    border: thin solid #1666a3;
    line-height: 30px !important;
}

.main-menu.menu-light .navigation>li ul#cutomer_dd_menu .active {
    background: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.main-menu.menu-light .navigation>li ul#cutomer_dd_menu .active+li a {
    border-color: transparent;
}

.main-menu.menu-light .navigation>li ul .nav-item-sub-menu.active>a {
    background: linear-gradient(270deg,
            #075d99 0%,
            #2a82c4 0.01%,
            #0f5d98 100%) !important;
    color: #fff !important;
    font-weight: 400;
    border-radius: 6px !important;
    line-height: 30px;
}

.navigation .nav-item-sub-menu {
    padding-top: 0px !important;
}

body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .customer-menu li.has-sub>a:not(.mm-next):after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 1.1rem;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 13px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform 0.2s ease-in-out;
}

body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .customer-menu li.open>a:not(.mm-next):after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Menu WMS DD - END*/

/* No data found in table */
.noTableDataFound {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    gap: 45px;
    max-width: 700px;
    text-align: center;
    zoom: 0.8
}

.noTableDataFound h2 {
    font-size: 42px;
    line-height: 52px;
    font-weight: 700;
    color: #005C94;
}

.noTableDataFound .noTableDataFoundImg {
    width: 100%;
}

.noTableDataFound .noTableDataFoundImg img {
    max-width: 475px;
    width: 100%;
}

.noTableDataFound p {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #565656
}

.cust-card-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 30px;
    letter-spacing: 0.384px;
    color: #5D596C;
}


.header-navbar .navbar-container ul.nav li .dropdown-toggle.btn-dropDown {
    padding-right: 5px;
}

.header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
    left: auto
}

.warehouseIconeMainCust {
    border: 1px solid;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 42px;
    border-right: none;
    border-color: #2a60a2;
}
#MainWarehouseDDCust .select2-container{width: 100% !important;}
#MainWarehouseDDCust span.select2-selection.select2-selection--single{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border: 1px solid #2a60a2 !important;
    width: 221px;
    height: 42px;
}

.warehouseIconeMainCust .svg-not-active{
    padding-bottom: 2px;
}
#ce_customer_newbooking_btn .dropdwon-icon svg {
    width: 51px !important;
    height: 38px !important;
    margin-left: 0px;
    border-right: 1px solid #2a60a2;
}

.dropdown-icon-blue {
    border: 1px solid #1666a3;
    border-radius: 7px;
}


/* .select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    width: 188px;
} */