/* PUT COMMON css in EDO project */
/* PUT the overridden css in razor file */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;600&family=Roboto:wght@300;400;500&display=swap');

:root {
    --edoorange: #EF4431;
    --edosuccess: #8CD5A2;
    --edoinfo: #39afd1;
    --edowarning: #F2F26E;
    --edodanger: #fa5c7c;
    --edoprimary: #04405c;
    --edoprimaryRGB: 4,64,92;
    --edoprimarydark: #022737;
    --edoprimarydark2: #021e2b;
    --edoprimarydark3: #01161f;
    --edoblue: #04405c;
    --edobluedark: #012c40;
    --edogray: #C1CFD6;
    --edograyRGB: 193,207,214;
    --edograydark: #4d4d4d;
    --edograydark2: #332e20;
    --edograydarkRGB: 77,77,77;
    --edograymid: #707070;
    --edogreen: #8CD5A2;
    --edodrakgreen: #07405A;
}

body {
    font-family: 'Roboto', 'Prompt', sans-serif;
    padding-top: 61px;
    font-size: 12px;

    /*set default screen look likes zoom90%*/
/*    zoom: 90% !important;*/
/*    -moz-transform: scale(0.9) !important;
    -moz-transform-origin: 0 0 !important;*/
}

h1 {
    font-size: 30px;
}
h3 {
    font-size: 20px; 
}
h4  {
    font-size: 15px;
}

/*suppress warning*/
.control-section {
}

.edo-main {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
}

.main {
    min-height: calc(100vh - 98px);
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .main {
        width: calc(100vw - 318px) !important;
    }
}

.edo-top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-start;
    height: 45px;
    display: flex;
    align-items: center;
}

.edo-tick:before {
    content: '\e259';
    font-size: 26px;
    color: green;
}

.edo-search:before {
    content: '\e993';
    font-size: 16px;
    width: 100px;
}

.edo-non:before {
    content: '\e761';
    font-size: 20px;
    /*   width: 100px;*/
}

.edo-req:before {
    content: '\e259';
    font-size: 20px;
    width: 100px;
}

.edo-sent:before {
    content: '\e259';
    font-size: 20px;
    width: 100px;
}

.edo-primary {
    color: var(--edoprimary) !important;
}

.edo-orange {
    color: var(--edoorange)!important;
}

.edo-success {
    color: var(--edosuccess)!important;
}
.edo-gray {
    color: var(--edogray)!important;
}

.edo-graymid {
    color: var(--edograymid)!important;
}
.edo-midle-gray {
    color: #4D4C4D;
    opacity: .6;
}
.edo-dark-gray {
    color: #4D4C4D;
}
.edo-blue {
    color: var(--edoblue)!important;
}

.edo-green {
    color: var(--edogreen) !important;
}

.edo-warning {
    color: var(--edowarning) !important;
}

.edo-bg-orange {
    background-color: var(--edoorange)!important;
    color: #fff!important;
}

.edo-bg-success {
    background-color: var(--edosuccess)!important;
}
.edo-bg-gray {
    background-color: var(--edogray)!important;
}

.edo-bg-gray-light {
    background-color: rgba(77,77,77,0.2)!important;
}

.edo-bg-primary {
    background-color: var(--edoprimary) !important;
    color: #fff !important;
}

.edo-bg-blue {
    background-color: var(--edoblue) !important;
    color: #fff !important;
}

.edo-accept-green {
    background-color: #46D791 !important;
    color: #fff !important;
}

.edo-bg-warning {
    background-color: var(--edowarning) !important;
    color: #fff !important;
}
/*edit btn input log*/
.edo-edit-button {
    background-color: var(--edogray) !important;
    color: var(--edoblue) !important;
    border: none !important
}
    .edo-edit-button:hover {
        background-color: var(--edograymid) !important;
        color: white !important;
    } 

.edo-bg-white {
    background-color: #ffffff !important;
}

.edo-blue-filter {
    filter: opacity(0.6) drop-shadow(0 0 0 blue) hue-rotate( 305deg) brightness(1.5);
}

.edo-btn-secondary, .edo-btn-secondary:hover, .edo-btn-secondary:active, .edo-btn-secondary:focus {
    background-color: var(--edogray);
    color: var(--edograydark);
    border: none;
}

.edo-btn-secondary, .edo-btn-secondary:hover, .edo-btn-secondary:active, .edo-btn-secondary:focus {
    background-color: var(--edogray);
    color: var(--edograydark);
    border: none;
}

.edo-btn-secondary:disabled, .edo-btn-secondary:disabled:hover, .edo-btn-secondary:disabled:active, .edo-btn-secondary:disabled:focus {
    background-color: rgba(108, 117, 125, 0.65);
    border-color: transparent;
    box-shadow: none;
    color: #ffffff;
}

.edo-header {
    font-size: 22px;
}
.edo-card {
    /*background-color: rgba(193,207,214,0.8);*/
    background-color: #E0EAF1;
    border: 1px solid rgba(112, 112, 112, .08);
}

.edo-picture {
    border: 1px solid var(--edograymid);
    padding: 20px;
    width: 100%;
    height: auto;
}
.edo-bg-dark-green{
    background-color: var(--edodrakgreen) !important;
}
.edo-bg-dark-green-blue {
    background-color: #084259;
}

.edo-dark-border {
    border: 2px solid #04405C;
    border-radius: 3px;
}

.edo-box-shadow {
    background-color: white;
    box-shadow: 0px 0px 30px #000000;
}

.edo-navbar {
    background-color: var(--edoprimary);
    /*min-height: 98px;*/
    /*padding-top: 24px;*/
    position: fixed;
    z-index: 999;
}

.navbar-custom {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.edo-app-search {
    border: none;
    background-color: #3c4655;
    color: var(--edoprimary);
    font-size: 15px;
    width: 20vw;
    height: 30px;
    border-radius: 3px;
    margin-left: 24px;
}

.edo-footer {
    /*margin: 100px 0px 0px 0px;*/
    background: var(--edoprimary) 0% 0% no-repeat padding-box;
    box-shadow: 0.47px 3px 10px #777777;
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .edo-footer {
        /*width: calc(100% - 271px);*/
    }
}

@media only screen and (min-width: 1310px) {
    .edo-app-search {
        width: 351px;
    }
}

@media only screen and (max-width: 1200px) {
    .edo-app-search {
        display: none;
    }
}

.edo-app-search::placeholder {
    color: var(--edoprimary);
    opacity: 1;
}

.edo-lang-box {
    background-color: var(--edoprimary);
    border: 3px solid #C1CFD6;
}

.edo-topnav-logo {
    line-height: 40px;
    float: left;
    padding-right: 16px;
/*    min-width: 300px;*/
    /*border-right: 2px solid #fff;*/
    height: 80px;
    margin-top: -20px;
    padding-top: 20px;
}

@media only screen and (max-width: 992px) {
    .edo-topnav-logo {
        border-right: 0px solid #fff;
    }
}


.edo-nav-user {
    background-color: var(--edoprimary);
    border: 0px;
}

.edo-account-user-avatar {
    color: #F2F2F2;
}

.edo-page-name {
    font-size: 26px;
    top: 25px;
    position: absolute;
}

@media (max-width: 991px) {
    .edo-page-name {
        left: 55px;
    }
}

@media (max-width: 991px) {
    .button-menu-mobile.disable-btn {
        display: inline-block;
        top: -5px;
/*        left: 16px;*/
        position: absolute;
    }
}

@media (max-width: 767.98px) {
    .left-side-menu {
        display: block;
    }
}

img.edo-account-user-avatar {
    width: 47px;
    height: 47px;
    border: 3px solid #D9D9D9;
    border-radius: 50%;
}

.notification-list, .account-user-name, .noti-icon {
    color: #fff;
}

.account-user-name {
    line-height: 50px;
}

.notification-list .noti-icon {
    line-height: 40px;
    font-size: 18px;
}

.notification-list .noti-icon-badge {
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 3px;
    border-radius: 50%;
    border: 1px solid #fff;
    height: 9px;
    width: 9px;
    background-color: #ff5b5b;
}

body[data-layout=detached] .left-side-menu {
    position: relative;
    background: #fff !important;
    /*min-width: 318px;*/
    max-width: 318px;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,0.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,0.15);
    margin-top: 20px;
    padding-top: 0 !important;
    z-index: 1001 !important;
}

    body[data-layout=detached] .left-side-menu .side-nav .mm-active > a {
        color: #f2f2f2 !important;
    }

a.side-nav-item-li > span {
    color: #fff;
}

.side-nav-item-li.active {
    background-color: rgba(193, 207, 214, 0.1);
}

body[data-layout=detached] .left-side-menu .side-nav .side-nav-title {
    color: #c1cfd6;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
}

.side-nav-forth-level li a, .side-nav-second-level li a, .side-nav-third-level li a {
    padding: 8px 30px 8px 65px;
    color: #f2f2f2;
    display: block;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-size: 13px;
}

body[data-layout=detached] .left-side-menu > a {
    color: #fff !important;
}

body[data-layout=detached] .left-side-menu .side-nav .side-nav-link:active, body[data-layout=detached] .left-side-menu .side-nav .side-nav-link:focus, body[data-layout=detached] .left-side-menu .side-nav .side-nav-link:hover {
    color: #fff !important;
}

body[data-layout=detached] .side-nav .side-nav-forth-level li a:focus, body[data-layout=detached] .side-nav .side-nav-forth-level li a:hover, body[data-layout=detached] .side-nav .side-nav-second-level li a:focus, body[data-layout=detached] .side-nav .side-nav-second-level li a:hover, body[data-layout=detached] .side-nav .side-nav-third-level li a:focus, body[data-layout=detached] .side-nav .side-nav-third-level li a:hover {
    color: #fff !important;
}

body[data-layout=detached] .side-nav .side-nav-forth-level li a, body[data-layout=detached] .side-nav .side-nav-second-level li a, body[data-layout=detached] .side-nav .side-nav-third-level li a {
    color: #c1cfd6 !important;
    padding-left: 30px;
    /*font-size: 16px;*/
}

.side-nav-item-hr {
    /*border-bottom: 1px solid rgba(239,68,49,0.4);*/
}

.side-nav-item-danger {
    border-left: 2px solid #ef4133;
}

/*E-DO Dashboard*/
.edo-append-search {
    background-color: #ececef;
    color: #4d4d4d;
    border: none;
    border-left: 1px solid #dddfe1;
    min-width: 80px;
    
}
.e-btn, .e-css.e-btn {
    font-size:12px;
}
.app-search span.search-icon {
    font-size:16px;
}
.app-search .form-control {
    height: 30px;
    padding-left: 32px;
    padding-right: 16px;
}
.edo-append-search:hover {
    background-color: #dddfe6;
    color: #4d4d4d;
    border: none;
    border-left: 1px solid #dddfe1;
}

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
    min-height: 30px;
}

.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    background: transparent;
    border-color: #ced4da;
    color: var(--edoprimary);
}

.e-input-group .e-input-group.e-control-wrapper {
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: nowrap;
    flex-direction: column;
    border-width: 0px;
    min-height: 30px;
}

.edo-input-group-l {
    border-radius: 3px 0 0 3px!important;
}

.edo-input-group-r {
    border-radius: 0 3px 3px 0!important;
}

.form-group {
    margin-bottom: 1.2rem;
}

.e-block {
    background-color: rgba(193,207,214,0.1);
    padding: 15px;
    margin: 0 0 2rem 0;
    border-radius: 10px;
}

b.e-block-title {
    font-size: 22px;
    color: var(--edoprimary);
    padding: 6px 6px 15px 6px;
}

.edo-chart-des-box {
    text-align: right;
    max-width: 184px;
    display: inline-block;
}

.edo-badge-big {
    width: 21px;
    height: 21px;
    position: relative;
    top: 3px;
    line-height: 16px;
    font-size: 15px;
}

.edo-badge-extra {
    width: 100px;
    height: 100px;
    position: relative;
    line-height: 95px;
    font-size: 65px;
}


.edo-badge-big-icon {
    position: absolute;
    left: 3px;
    top: 2px;
}

.edo-badge-extra-icon {
    position: absolute;
    left: 17px;
    top: 3px;
}

.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon {
    border-left: 1px solid #DBE3E7;
}
.e-input-group.e-control-wrapper .e-input-group-icon:last-child {
    padding: 0;
}


/*
.radio-control {
    margin: 5% 0 5% 40%;
}

@@media only screen and (max-width: 700px) {
     .radio-control {
         margin-left: 35%;
         margin-top: 8%;
     }

     .control-section {
         min-height: 200px;
     }
 }

@@media only screen and (max-width: 500px) {
     .radio-control {
         margin-top: 20%;
         margin-left: 21%;
         margin-bottom: 27%;
     }
 }

.control-section .row {
    margin: 20px 0;
}

.e-bigger .radio-control h4 {
    font-size: 20px;
}*/
/** grid*/
.e-grid .e-altrow {
    background-color: transparent;
}

/*Side bar*/
.sidebar {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    min-width: 275px;
    height: unset !important;
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .sidebar::-webkit-scrollbar {
        display: none;
    }

.main {
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .main::-webkit-scrollbar {
        display: none;
    }

@media (max-width: 991px) {
    .sidebar {
        display: contents;
    }
}

.mm-active { 
    z-index: 0;
    /*background-color: var(--edoprimary);*/ 
}

.body[data-layout=detached] .left-side-menu {
    background: none;
}


/*Custom SVG Icons*/
.icn::before {
    content: "icn";
    color: transparent;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

.icn-aa::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-aa.svg");
}

.icn-apps::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-apps.svg");
}

.icn-assign::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-assign.svg");
}

.icn-calendar-star::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-calendar-star.svg");
}

.icn-calendar-week::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-calendar-week.svg");
}

.icn-cart::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-cart.svg");
}

.icn-check-cross::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-check-cross.svg");
}

.icn-clock::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-clock.svg");
}

.icn-envelope::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-envelope.svg");
}

.icn-folder::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-folder.svg");
}

.icn-folder-circle::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-folder-circle.svg");
}

.icn-graph::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-graph.svg");
}

.icn-logout::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-logout.svg");
}

.icn-monitor::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-monitor.svg");
}

.icn-new-file::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-new-file.svg");
}

.icn-news::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-news.svg");
}

.icn-notification::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-notification.svg");
}

.icn-notification2::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-notification2.svg");
}

.icn-printer::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-printer.svg");
}

.icn-reciept::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-reciept.svg");
}

.icn-report::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-report.svg");
}

.icn-rocket::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-rocket.svg");
}

.icn-track::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-track.svg");
}

.icn-tranfer::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-tranfer.svg");
}

.icn-user::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-user.svg");
}

.icn-user-box::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-user-box.svg");
}

.icn-write::before {
    background-image: url("/css/fontawesome-free-5.15.4-web/svgs/edo-icn/icn-write.svg");
}

/*font awesome*/
.fa-info-circle {
    color: var(--edoprimary) !important;
}

.fa-times-circle {
    color: var(--edoorange) !important;
}

.fa-exclamation-triangle {
    color: var(--edowarning) !important;
}

.fa-check-circle {
    color: var(--edogreen) !important;
}

.fa-exclamation-circle {
    color: var(--edoorange) !important;
}

.fa-hourglass-half {
    color: var(--edoorange) !important;
}

div.scroll {
    margin: 4px 4px;
    padding: 4px;
    /* background-color: #08c708;*/
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.btn-minwidth-l {
    min-width:200px;
}

.btn-minwidth-120 {
    min-width: 120px;
}

.btn-minwidth-110 {
    min-width: 110px;
}

.btn-minwidth-80 {
    min-width: 80px;
}

.btn-minwidth-235 {
    min-width: 235px;
}

/*Payment CSS*/

.edo-border-thick {
    border: 2px solid var(--edograymid);
    border-radius: 0px;
}

.edo-border-thick > .e-acrdn-item.e-selected.e-select, .edo-border-thick > .e-accordion, .edo-border-thick > .e-acrdn-item{
    border-bottom: 2px solid var(--edograymid);
    border-radius: 0px;
}

.edo-border-thick > .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .edo-border-thick >.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    background-color: var(--edogray);
    border-radius: 0px
}

.edo-border-thick > .e-accordion .e-acrdn-item.e-select:last-child {
    border-radius: 0px!important;
}

.edo-border-thick > .e-acrdn-item > .e-acrdn-header {
    background-color: rgba(193,207,214,0.5)!important;
}

.edo-border-thick > .e-acrdn-item.e-active > .e-acrdn-header {
    background-color: rgba(193,207,214,0.5)!important;
}

.e-acrdn-header-content {
    margin: 10px 0!important;
    font-weight: 700!important;
    font-size: 1.125rem!important;
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
    color: var(--edobluedark)!important;
}

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
    text-decoration: none!important;
}

.e-block > h4 {
    color: var(--edoprimary);
}

.edo-hr-orange > span:first-child {
    display: block;
    width: 80px;
    float: left;
    height: 1px;
}

.edo-hr-orange > span:last-child {
    display: block;
    width: calc(100% - 80px);
    float: left;
    height: 1px;
}

.edo-hr-orange {
    width: 100%;
    margin-bottom: 1.5rem !important;
    margin-top: .375rem !important;
}

* .e-upload .e-file-drop {
    display: none;
} 

.edo-outline-btn > .e-file-select-wrap > .e-upload-browse-btn {
    background-color: transparent;
    border-color: var(--edoprimary);
    color: var(--edoprimary);
    border-radius: 0px;
}

.edo-picture-outline {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    width: 100%;
}

.edo-picture-outline.checkout-page {
    min-height: 246px;
    max-width: 246px;
}

.edo-custom-file-input::-webkit-file-upload-button {
    visibility: hidden !important;
}

.edo-custom-file-input::before {
    content: 'Attach File +';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

.edo-custom-file-input:hover::before {
    border-color: black;
}

.edo-custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.edo-border-dashed {
    border: 3px dashed var(--edograymid);
}
p.edo-indent {
/*    padding-left: 50px !important;*/
    margin:0px;
}

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

input[type="radio"][disabled] + label {
    color: Gray;
}

input[type="radio"][checked] + label {
    font-weight: bold;
    color: Green;
}






/* Customize Checkbox */
/*.e-checkbox-wrapper.e-wrapper {
    padding-bottom: .375rem !important;
}

.e-icons.e-frame {
    border: 2px solid var(--edogray) !important;
    background-color: transparent !important;
    min-width: 300px;
    text-align: right;
    height: 34px;
    display: table-cell;
    position: absolute;
    top: 0px;
    z-index: -1;
}

    .e-icons.e-frame.e-check {
        border: 2px solid var(--edogray) !important;
        background-color: var(--edogray) !important;
        min-width: 300px;
        text-align: right;
        height: 34px;
        display: table-cell;
        position: absolute;
        top: 0px;
        z-index: -1;
    }

.e-checkbox-wrapper.e-wrapper > label > .e-label {
    min-width: 268px;
    min-height: 30px;
    padding: 10px;
    color: var(--edoprimary) !important;
    font-weight: bold !important;
}

.e-icons.e-frame.e-check::before {
    content: '\e934';
    color: var(--edoprimary);
    font-weight: bold;
    position: relative;
    top: 10px;
    right: 10px;
}

.e-icons.e-frame::before {
    content: '\e963';
    color: var(--edoprimary);
    font-weight: bold;
    position: relative;
    top: 10px;
    right: 10px;
}*/

/* Customize Multiselect*/
.e-multiselect {
    margin-bottom: .375rem !important;
}

.e-multi-select-wrapper {
    font-size: 26px;
    max-height: 34px !important;
}

    .e-multi-select-wrapper .e-chips {
        height: 27px;
        background-color: var(--edogray);
    }

        .e-multi-select-wrapper .e-chips > .e-chipcontent {
            -webkit-text-fill-color: var(--edoprimary);
            color: var(--edoprimary);
            padding-top: 7px;
        }

        .e-multi-select-wrapper .e-chips .e-chips-close::before {
            -webkit-text-fill-color: var(--edoprimary);
            color: var(--edoprimary);
        }

        .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
            -webkit-text-fill-color: #ffffff;
            color: #ffffff;
        }

/* Customize Handle and Bar Switch */
.edo-switch.e-switch-wrapper.handle-text {
    width: 160px;
    height: 34px;
}

    .edo-switch.e-switch-wrapper.handle-text .e-switch-handle {
        width: 80px;
        height: 31px;
        left: 0px;
        background-color: var(--edoprimary);
    }

    .edo-switch.e-switch-wrapper.handle-text .e-switch-inner,
    .edo-switch.e-switch-wrapper.handle-text .e-switch-handle {
        border-radius: 4px;
    }

        .edo-switch.e-switch-wrapper.handle-text .e-switch-handle.e-switch-active {
            left: 94px;
        }

        .edo-switch.e-switch-wrapper.handle-text .e-switch-inner.e-switch-active,
        .edo-switch.e-switch-wrapper.handle-text:hover .e-switch-inner.e-switch-active .e-switch-on {
            background-color: var(--edogray);
            border-color: transparent;
        }

    .edo-switch.e-switch-wrapper.handle-text .e-switch-inner,
    .edo-switch.e-switch-wrapper.handle-text .e-switch-off {
        background-color: rgba(77,76,77,0.2);
        border-color: transparent;
    }

        .edo-switch.e-switch-wrapper.handle-text .e-switch-inner:after,
        .edo-switch.e-switch-wrapper.handle-text .e-switch-inner:before {
            font-size: 14px;
            position: absolute;
            line-height: 21px;
            z-index: 1;
            height: 100%;
            transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        }

        .edo-switch.e-switch-wrapper.handle-text .e-switch-inner:before {
            content: "Yes";
            color: #ffffff;
            left: 0px;
            top: 6px;
            font-weight: 500;
            width: 80px;
            text-align: center;
        }

        .edo-switch.e-switch-wrapper.handle-text .e-switch-inner:after {
            content: "No";
            right: 0px;
            color: rgba(77,76,77,0.4);
            top: 6px;
            font-weight: 500;
            width: 80px;
            text-align: center;
        }

                .edo-switch.switch-OptionalMandatory > input.e-switch + span.e-switch-inner:before {
                    content: "Optional";
                }

                .edo-switch.switch-OptionalMandatory > input.e-switch + span.e-switch-inner:after {
                    content: "Mandatory";
                }

                .edo-switch.switch-AcceptReject > input.e-switch + span.e-switch-inner:before {
                    content: "Reject";
                }

                .edo-switch.switch-AcceptReject > input.e-switch + span.e-switch-inner:after {
                    content: "Accept";
                }

                .edo-switch.switch-NormalOrPostUpload > input.e-switch + span.e-switch-inner:before {
                    content: "Normal";
                }

                .edo-switch.switch-NormalOrPostUpload > input.e-switch + span.e-switch-inner:after {
                    content: "Post Upload";
}

        .edo-switch.e-switch-wrapper.handle-text .e-switch-inner.e-switch-active:before {
            color: rgba(77,76,77,0.4);
        }

        .edo-switch.e-switch-wrapper.handle-text .e-switch-inner.e-switch-active:after {
            color: #ffffff;
        }

    .edo-switch.e-switch-wrapper.handle-text:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active) {
        background-color: var(--edoprimary);
    }

.edo-switch.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: var(--edogray);
}

.edo-switch.e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off {
    background-color: var(--edogray);
}

.edo-switch.e-switch-wrapper:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active {
    background-color: var(--edoprimary);
}

.edo-switch.e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner {
    background-color: transparent;
}

.edo-switch.e-switch-wrapper:hover .e-switch-inner, .e-css.e-switch-wrapper:hover .e-switch-inner {
    background-color: transparent;
}

.edo-switch.e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner {
    border: none;
}

.edo-switch.e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle {
    top: 1px;
}

.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on {
    background-color: var(--edogray) !important;
}

.edo-switch.e-switch-wrapper.handle-text.e-switch-disabled .e-switch-inner.e-switch-active:after {
    color: rgba(77,76,77,0.4) !important;
}

.edo-switch.e-switch-wrapper.handle-text.e-switch-disabled .e-switch-inner:before {
    color: rgba(77,76,77,0.4) !important;
}

.e-switch-disabled > .e-switch-handle {
    background-color: transparent !important;
}

.edo-BnsLanguage-color {
    background-color: #07405D;
}

.lang-box {
    background-color: #04405C;
}

.lang-box {
    background-color: #07405D !important;
}

.e-list-item.e-active {
    background-color: #07405D !important;
}

.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
    background-color: #07405D !important;
}

.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
    background-color: #07405D !important;
}

.e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
    background-color: #07405D !important;
}

.custom-annotation {
    font-size: 3vw;
    line-height: 3.2vw;
    color: var(--edoprimary);
    height: 30px;
    width: 10vw;
    text-align: center;
    font-weight: bold;
    left: -4.8vw;
    top: -2vw;
    position: relative;
}

.custom-annotation-sub {
    font-size: 1.7vw;
    line-height: 1.7vw;
}

@media (max-width: 991px) {
    .custom-annotation {
        font-size: 72px;
        line-height: 66px !important;
        top: -50px;
        left: -72px;
    }
}
@media (max-width: 991px) {
    .custom-annotation-sub {
        font-size: 35px;
        line-height: 36px !important;
    }
}

.edo-height40 {
    min-height: 40px!important;
}

.edo-required::after {
    content: '*';
    margin-right: 4px;
    margin-left: 2px;
    color: red;
}

.e-chip.e-outline.edo-chip-lg {
    font-size: 18px!important;
    margin: 10px!important;
    padding: 15px 20px!important;
    min-width: 200px!important;
}

.edo-gridheader-blue > .e-grid .e-gridheader {
    background-color: var(--edoprimary)!important;
    color: #ffffff!important;
}

.edo-bg-layout {
    background-color: var(--edoprimary);
    color: #fff !important;
}

.topnav-logo-img {
    height: 48px;
    width: 168px;
    background-image: url("../edo-images/logo-oceanos.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.footer-logo-img {
    height: 20px;
    width: 168px;
    background-image: url(../edo-images/logo-oceanos.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.edo-button-showPassword {
    height: 100%;
    border-radius: 0 4px 4px 0;
}

.edo-append-showPassword {
    margin-left: -1px;
    border-right: 1px solid var(--edogray);
    border-radius: 0 4px 4px 0;
}

.edo-span-showPassword {
    height: 100%;
    border-radius: 0 4px 4px 0;
}

.edo-button-none {
    height: 100%;
    border-radius: 0 4px 4px 0;
}

.edo-append-none {
    margin-left: -1px;
    /*border-right: 1px solid var(--edogray);*/
    border-radius: 0 4px 4px 0;
}

.edo-append-action {
    margin-inline: 2px;
    padding-inline: 6px;
    /*border-right: 1px solid var(--edogray);*/
    border-radius: 4px 4px 4px 4px;
}

.edo-span-app, .edo-span-pre {
    height: 100%;
    border-radius: 0 4px 4px 0;
}

.edo-h-40 {
    height: 32px;
}

.edo-h-40.e-popup.e-popup-open {
    height: auto!important;
}

.e-tab .e-content {
    margin-top: 0px;
}

.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
    color: #28a745;
    font-size: 12px !important;
    text-align: center;
    line-height: 35px !important;
}

/*clear button*/
.btnclear button {
    background: #FFFFFF !important;
    color: var(--edoprimary) !important;
    border: 1px solid var(--edoprimary) !important;
}

    .btnclear button:hover {
        color: #FFFFFF !important;
        background: var(--edoprimary) !important;
    }
.btnsearch button {
    background: #FFFFFF !important;
    color: var(--edoprimary) !important;
    border-left: 1px solid #ced4da !important;
}

    .btnsearch button:hover {
        color: #FFFFFF !important;
        background: var(--edoprimary) !important;
    }
.btnset {
    gap: 1rem;
}
.pvprint-btn {
    gap: 1rem;
}
.button-div {
    gap: 1rem;
}
/*new style navbar*/

.nav-item:hover {
    background: rgba(4,64,92,.1) !important;
}

.side-nav-item-li.active {
    background: rgba(4,64,92,.1) !important;
    border-radius: 15px;
}
.topnav-navbar {
    min-height:56px;
}
/*TopMenu*/
.topnav-logo-lg {
    display: flex;
    align-items: center;
    height: 100%
}

.topnav-logo-img {
    height: 60%
}
/*LoginDisplay*/
ul.ul-not-authorized {
    z-index: -1;
    padding-right: 12px;
    height: 44px;
    display: flex;
    align-items: center;
}

.navbar-right {
    padding-top: .5rem
}
/*CompanyInformationPage*/
    .btndownload {
        background: #FFFFFF;
        color: var(--edoprimary);
        border-color: var(--edoprimary);
    }
        .btndownload:hover {
            color: #FFFFFF;
            background: var(--edoprimary);
        }
/*CustomerContactListPage and VesselListPage*/
.e-input-group .e-btn.e-primary {
    background: #FFFFFF !important;
    color: var(--edoprimary) !important;
    border-color: #DBE3E7 !important;
}

    .e-input-group .e-btn.e-primary:hover {
        color: #FFFFFF !important;
        background: var(--edoprimary) !important;
    }
/*PdfViewerModal*/
.pdfbtn {
    margin: 1rem 0;
    gap: 1rem;
}


.btnsearch2 button {
    background: #FFFFFF !important;
    color: var(--edoprimary) !important;
    border-left: 1px solid #ced4da !important;
    width:80px;
    height:38px
}

.e-dlg-header-content{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    padding: 10px;
    min-height: 4rem;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    position: absolute;
    top: 1rem;
    right: 2rem;
    left:unset;
    bottom:unset;
}

input.e-input,
textarea.e-input,
.e-input-group,
.e-input-group.e-control-wrapper,
.e-toolbar .e-tbar-btn .e-tbar-btn-text,
.e-grid .e-headercelldiv,
.e-grid,
.e-pager,
.e-grid .e-rowcell, .e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon {
    font-size: 12px;
}
.e-pager .e-icons {
    font-size: 8px;
 }

    .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
        padding-bottom:7px;
    }
    .e-grid .e-rowcell {
        padding:6px 10px;
    }
.e-btn.e-icon-btn, .e-css.e-btn.e-icon-btn {
    padding:3px 6px;
}

.e-grid .e-headercell, .e-grid .e-detailheadercell {
    padding: 0 10px 0;
}
.e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon {
    margin-top:0;
}