.Ap_costview_tab .card .card-head {
    background: #E6E9F0 !important;
    display: flex;
    align-items: center;
    padding: 6px 15px;
}
/*#Operationmodal .Add_operation_popup .modal-header {
    position: relative;
    padding-bottom: 5px;
}

    #Operationmodal .Add_operation_popup .modal-header::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 3%;
        height: 3px;
        background-color: #111896;*/ /* your blue color */
/*}
#Operationmodal .Add_operation_popup label {
    padding-bottom: 8px;
}*/
.mail_dialog .modal-dialog {
    width: 70% !important;
    min-width: 70% !important;
    max-width: 50% !important;
}
.mail_dialog .modal-content {
    width: unset !important;
}
.mail_dialog .landing-top-header {
    display: none;
}

.mail_dialog .footer {
    display: none;
}

.mail_dialog .bread_crumbs_main {
    display: none;
}

.modal.fade.mail_dialog.show {
    background-color: #00000047 !important;
}
.tabs.pricing-tab .comparepricing-agencysummary ul li span {
    display: flex;
}
.tabs.pricing-tab .order-agent.comparepricing-agencysummary ul li {
    display: flex;
    justify-content: space-between;
    margin-top: 5px !important;
    padding: 9px 9px 2px 9px !important;
    border-radius: 5px !important;
    margin-bottom: 7px !important;
}
.price-min-lst .lst-price {
    border-bottom: 1px solid #E3E2E3 !important;

}
.card-b .billing_details_section {
    min-height: 110px;
}
span.ship-mg a {
    border: 0px !important;
    box-shadow: unset !important;
}
.card-serv-tw .card-text label span.profile_subhead {
    width: 120px;
    float: left;
}

span.colan {
    padding: 0px 10px !important;
    color: #646161 !important;
    float: left;
}

.card-req-fou .card-text label span.profile_subhead {
    width: 125px;
    float: left;
}

.card-req-fou .card-text label span.requesttype {
    width: 129px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.card-serv-th .card-text label span.profile_subhead {
    float: left;
}

.princ-detail .info-row .label {
    float: left;
    width: 160px;
}

.princ-detail .info-row .client_name_text {
    float: left;
    text-align: left !important;
}

.princ-detail .info-row {
    justify-content: flex-start !important;
    align-items: center;
}
.card-req-fou .card-text label {
    display: flex;
    align-items: center;
}

span.att-wrap.profile-wrap-col .pro-lft-att {
    float: left;
}

span.att-wrap.profile-wrap-col .pro-lft-rgt {
    float: left;
}

span.profile-wrap-col .pro-lft-att {
    float: left;
}

span.profile-wrap-col .client_name_text {
    float: left;
}

span.att-wrap {
    align-items: center;
}

span.profile-wrap-col {
    align-items: center;
    display: flex;
}
.att-wrap span.primary-text.pro-lft-rgt i.fa-paperclip {

    color: #111896 !important;
}
.att-wrap span.primary-text.pro-lft-rgt p {
    color: #111896 !important;
}
.card-req-fou .card-text label span.status {
    float: left;
    padding: 5px;
}
/*issue n*/
.common-order-wrap .request-next {
    margin-right: 0px !important;
}

.order-ctm .ctmspecContainer .activity-fixed {
    width: 100% !important;
    display: flex;
}

.order-ctm .apptaddon .amount_craftmyapp_container {
    width: auto !important;
    min-width: auto !important;
    max-width: 100% !important;
}

.order-ctm .ctmspecContainer .ctmspec .detele-commom-icon {
    justify-content: unset !important;
}

.order-ctm .ctmspecContainer .ctmspec .detele-common-icon {
    justify-content: unset !important;
}

    .order-ctm .ctmspecContainer .ctmspec .detele-common-icon button {
        padding: 5px;
    }


.common-order-wrap .nav-tabs li.nav-item .nav-link {
    border-top: 0px !important;
    border-left: 0px;
    border-right: 0px;
}
table.table.common-order-table thead {
    background: #fff;
    /* box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);*/
}

table.table.common-order-table {
    background: #fff;
    border: 1px solid #d2cbcb;
}

    table.table.common-order-table thead th {
        padding: 12px 15px !important;
    }

    table.table.common-order-table tbody td {
        padding: 12px 15px !important;
        vertical-align: middle;
    }

        table.table.common-order-table tbody td:first-child {
            width: 250px;
        }

    table.table.common-order-table tbody tr:nth-child(2n) {
        background: #f9f9f9;
    }


.common-order-wrap {
    background: #fff;
}

    .common-order-wrap .order-summary ul li a {
        color: #262E2F !important;
    }

    .common-order-wrap .order-summary ul li.nav-active a {
        color: #039F7A !important;
        border-bottom: 2px solid #039F7A;
        padding-bottom: 10px;
        font-weight: 600;
    }

    .common-order-wrap .order-summary ul li {
        padding-bottom: 0px !important;
    }


#large .common-order-wrap .order-summary ul li.nav-active a {
    font-size: 16px;
}

#medium .common-order-wrap .order-summary ul li.nav-active a {
    font-size: 15px;
}

#small.common-order-wrap .order-summary ul li.nav-active a {
    font-size: 14px;
}

.common-order-wrap .request-next {
    margin-right: 0px !important;
}


.stat-box {
    padding-left: 12px !important;
}

    .stat-box .stat-title {
        font-size: 13px;
    }

    .stat-box .stat-value {
        font-size: 13px;
    }

.price-min-lst .lst-price div span {
    font-weight: 500;
}

.price-min-lst.compare-price .lst-price div span i {
    width: 18px;
}

.add_request-list .order-summary .table-responsive table:has(.two-line-row) {
    min-width: 588px;
}

.add_request-list .order-summary .table-responsive table {
    min-width: 806px;
}
/*issue n*/
@media only screen and (min-width:320px) and (max-width:450px) {
    .info-row {
        flex-direction:column !important;
    }
    .card-margin-top .card-at {
        padding: 0px !important;
        margin: 0px 9px !important;
    }
}
@media (max-width: 899px) {
    .Request_details .card-grid .profile_label {
        width: 90%;
    }

    .card-margin-top .card-p .card-text, .card-margin-top .card-at .card-text {
        width: 400px;
    }

    .card-margin-top .card-at {
        padding: 0px !important;
        margin: 0px 9px !important;
    }

    .card-grid.card-at {
        padding: 0;
        margin: 0;
    }

    .Request_details .card-grid {
        display: flex;
        align-items: center;
        gap: 0;
        justify-content: center;
        flex-direction: column;
    }

    .Request_details .profile_label {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .Request_details .card-text {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        width: 299px;
        max-width: 100%;
    }

    .Request_details .col-sm-12.col-md-12.col-lg-8.card-grid .profile_label:last-child {
        margin-right: 0px !important;
    }

    .Request_details .profile_label {
        flex-direction: column;
        display: flex;
        align-items: center !important;
        gap: 16px;
    }

    .Request_details .card-grid {
        align-items: center !important;
    }

    .princ-detail .info-row {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
}

@media only screen and (min-width:575px) and (max-width:899px) {
    .Request_details .card-grid {
        align-items: center !important;
    }

    .row.common-wrap-t {
        display: flex;
        flex-direction: column;
    }

    .Request_details .card-serv, .Request_details .card-req {
        width: 100%;
    }

    .card-req {
        margin-top: 20px;
        padding: 0px 43px;
    }

    .card-grid.card-p, .card-grid.card-at {
        width: 100%;
    }

    .card-b {
        width: 100%;
    }
}

@media only screen and (min-width:900px) and (max-width:1366px) {

    .Request_details .card-req {
        margin-top: 20px;
        padding: 0px 25px;
    }
    .row.common-wrap-t {
        display: flex;
        flex-direction: column;
    }

    .Request_details .card-serv, .Request_details .card-req {
        width: 100%;
    }

    .card-req {
        margin-top: 20px;
        padding: 0px 43px;
    }

    .card-grid.card-p, .card-grid.card-at {
        width: 50%;
    }

    .card-b {
        width: 100%;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .Request_details .card-serv {
        display: flex !important;
        flex-direction: column;
        align-items: center !important;
        margin: 0 auto;
        justify-content: center !important;
    }

        .Request_details .card-serv .profile_label {
            margin-bottom: 20px;
        }
}

@media only screen and (min-width:320px) and (max-width:575px) {


    .Request_details .card-serv .profile_label {
        margin-bottom: 20px;
    }
}

.Request_details .profile_subhead {
    color: #646161 !important;
}

.Request_details .terminal {
    color: #021421 !important;
}

.Request_details .ship_name {
    font-family: 'Roboto' !important;
}

.Request_details .profile_subhead {
    line-height: 29px;
}

.Request_details .card-grid .profile_label .card-text label {
    line-height: 30px;
}

span.princ {
    font-size: 18px;
    color: #646161;
    font-weight: 600;
}

.info-row .label {
    color: #646161 !important;
    line-height: 29px;
}

.info-row .client_name_text {
    color: #021421 !important;
    line-height: 30px;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 15px !important;
}

.pro-lft-att {
    color: #646161 !important;
    line-height: 29px;
}
.pro-att {
    color: #646161 !important;
    line-height: 29px;
}
.pro-lft-rgt {
    color: #021421 !important;
    line-height: 30px;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 15px !important;
}

span.att-wrap {
    display: flex;
}

.fade:not(.show) {
    display: none;
}

span.client_term {
    height: 200px;
    overflow: auto;
    display: block;
}

.ServiceRequest_craftmyapp_container li.nav-item {
    padding-bottom: 0px !important;
}

a.ship-detail-btn-r {
    border-radius: 5px !important;
    border: 1px solid #039F7A !important;
    background: transparent !important;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
    color: #039F7A !important;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 106px;
    padding: 8px;
    text-decoration: none;
    margin-right: 0px;
    text-align: center; 
    float: right;
}

.Request_details .profile_label {
    border-radius: 5px;
}

.profile-wrap-col .pro-lft-att {
    width: 90px;
}

span.client_name_text.new-comments.pro-lft-rgt {
    margin-left: 18px;
    word-wrap: break-word;
    max-width: 350px;
    float: left;
    width: 100%;
    line-height: 22px;
}

.printablerow .clientterms_craftmyapp_container .card-section {

    border-radius: 10px;
    border: 1px solid #EBEAEA;
}

.clientterms_craftmyapp_container .client_term p {
    margin-top: 7px !important;
    color: #191C25 !important;
    font-size: 15px !important;
    font-family: 'Roboto' !important;
    font-weight: normal;
}

.clientterms_craftmyapp_container .form-group {
    padding-left: 6px;
}

.printablerow
.clientterms_craftmyapp_container .card.card-blue .card-head header {
    font-size: 20px !important;
}

.printablerow .cancelcomments_craftmyapp_container .card.card-blue .card-head header {
    font-size: 20px !important;
}

.printablerow .cancelcomments_craftmyapp_container .form-group label {
    margin-top: 7px !important;
    color: #191C25 !important;
    font-size: 15px !important;
}

cancelcomments_craftmyapp_viewcontainer {
    padding-left: 7px !important;
}

#medium .printablerow .cancelcomments_craftmyapp_container .form-group label {
    font-size: 15px !important;
}

#large .printablerow .cancelcomments_craftmyapp_container .form-group label {
    font-size: 16px !important;
}

#small .printablerow .cancelcomments_craftmyapp_container .form-group label {
    font-size: 14px !important;
}

#medium .clientterms_craftmyapp_container .client_term p {
    font-size: 15px !important;
}

#large .clientterms_craftmyapp_container .client_term p {
    font-size: 16px !important;
}

#small .clientterms_craftmyapp_container .client_term p {
    font-size: 14px !important;
}

#medium .printablerow .cancelcomments_craftmyapp_container .card.card-blue .card-head header {
    font-size: 18px !important;
}

#small .printablerow .cancelcomments_craftmyapp_container .card.card-blue .card-head header {
    font-size: 16px !important;
}

#large .printablerow .cancelcomments_craftmyapp_container .card.card-blue .card-head header {
    font-size: 20px !important;
}

#medium .printablerow
.clientterms_craftmyapp_container .card.card-blue .card-head header {
    font-size: 18px !important;
}

#large .printablerow
.clientterms_craftmyapp_container .card.card-blue .card-head header {
    font-size: 20px !important;
}

#small .printablerow
.clientterms_craftmyapp_container .card.card-blue .card-head header {
    font-size: 16px !important;
}

#large .Request_details .card-grid .profile_label .card-text label span {
    font-size: 16px;
}

#medium .Request_details .card-grid .profile_label .card-text label span {
    font-size: 15px;
}

#small .Request_details .card-grid .profile_label .card-text label span {
    font-size: 14px;
}

#large .info-row span {
    font-size: 16px !important;
}

#medium .info-row span {
    font-size: 15px !important;
}

#small .info-row span {
    font-size: 14px !important;
}

#large .profile_label span {
    font-size: 16px !important;
}

#medium .profile_label span {
    font-size: 15px !important;
}

#small .profile_label span {
    font-size: 14px !important;
}

#large .profile_label.billing_details_section label {
    font-size: 18px !important;
}

#medium .profile_label.billing_details_section label {
    font-size: 17px !important;
}

#small .profile_label.billing_details_section label {
    font-size: 16px !important;
}

#large .client_name {
    font-size: 16px;
}

#medium .client_name {
    font-size: 15px;
}

#small .client_name {
    font-size: 14px;
}

#large .Request_details .nav-tabs .nav-item {
    font-size: 16px !important;
}

#medium .Request_details .nav-tabs .nav-item {
    font-size: 15px !important;
}

#small .Request_details .nav-tabs .nav-item {
    font-size: 14px !important;
}

.ServiceRequest_craftmyapp_container li.nav-item .nav-link {
    border: 0;
    color: #262E2F;
}

#large .ship-detail-btn-r {
    font-size: 16px !important;
}

#medium .ship-detail-btn-r {
    font-size: 15px !important;
}

#small .ship-detail-btn-r {
    font-size: 14px !important;
}

.ServiceRequest_craftmyapp_container li.nav-item .nav-link.active {
    font-weight: 700 !important;
}

span.client_term::-webkit-scrollbar {
    width: 8px;
}

span.client_term::-webkit-scrollbar {
    width: 5px;
}

span.client_term::-webkit-scrollbar-track {
    background: #ccc;
    width: 5px;
}

span.client_term::-webkit-scrollbar-thumb {
    background-color: #0b0437;
    border-radius: 10px;
    height: 40px
}

.att-wrap span.primary-text.pro-lft-rgt {
    display: flex;
    flex-direction: row;
}

    .att-wrap span.primary-text.pro-lft-rgt p {
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-left: 14px;
    }

    .att-wrap span.primary-text.pro-lft-rgt i.fa-paperclip {
        position: relative;
        top: -4px;
    }

.billing_details_section {
    padding: 20px !important;
}


.profile_label.billing_details_section label {
    font-size: 18px !important;
}

.profile_label.billing_details_section span {
    font-size: 16px !important;
}

.Request_details .card-grid .profile_label .card-text label span {
    font-size: 15px;
}

.text-cancelled {
    color: #fb3232 !important;
}

.compare-check-batch.white + .compare-mg {
    margin-right: 0px;
    justify-content: space-between;
}

.compare-check-batch + .compare-mg {
    margin-right: 32px;
    justify-content: space-between;
}

price-table.activitytab table tbody td table.border-rgt tbody td.last-comment {
    width: 250px !important;
}

.slide.is-expanded::after {
    content: "\f106";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 22px;
    color: #251F70 !important;
    top: 39px;
    /*    left: 90%;*/
    left: calc( var(--left) + 40px);
    background: #fff !important;
    z-index: 99999999999;
}

ul.slide-menu.slide-new-menu.menuToHide.open {
    gap: 10px;
    flex-wrap: nowrap;
    max-width: calc(99vw - var(--ul-left)) !important;
}

    ul.slide-menu.slide-new-menu.menuToHide.open li {
        flex: 1 1 100px;
    }

    ul.slide-menu.slide-new-menu.menuToHide.open li {
        max-width: calc( (100% / var(--count)) - 10px);
        width: 175px !important;
        min-width: 175px !important;
    }

.horizontal .horizontal-main .slide .slide-menu.slide-new-menu {
    min-width: unset !important;
}

ul.slide-menu.slide-new-menu.menuToHide.open {
    gap: 10px;
    flex-wrap: nowrap;
    width: calc( 100 * var(--count));
    max-width: calc(95vw - var(--ul-left)) !important;
}



/*Price comparision one card alignment fix start */
#agency_header > div {
    background: #fff;
}

.dark-mode #agency_header > div {
    background: #0a0c33;
}

.dark-mode #AppointmentContainer .request-lst .Reworkstatus {
    color: #a9a915 !important;
}

@media only screen and (min-width: 320px) and (max-width: 1366px) {

    .rfq_content {
        overflow-y: scroll;
        min-height: 90px;
        max-height: 247px;
        overflow-x: hidden;
        min-height: calc(20vh - 39px) !important;
        max-height: calc(46vh - 6px) !important;
    }

    .Nominated_table .table-responsive.responsive {
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        min-height: calc(100vh -150px) !important;
        min-height: calc(20vh - 139px) !important;
        max-height: calc(45vh - 126px) !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1329px) {
    .row.compare-agent-lst.compare-top-section::-webkit-scrollbar {
        height: 0px;
    }

    .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        max-width: calc(100% - 497px) !important;
    }

    .request_list_tab .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        max-width: calc(100% - 17px) !important;
    }

    .rfq_content {
        overflow-y: scroll;
        min-height: 90px;
        max-height: 247px;
        overflow-x: hidden;
        min-height: calc(20vh - 39px) !important;
        max-height: calc(46vh - 6px) !important;
    }

    .Nominated_table .table-responsive.responsive {
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        min-height: calc(100vh -150px) !important;
        min-height: calc(20vh - 139px) !important;
        max-height: calc(45vh - 126px) !important;
    }
}

@media (width <=1024px ) {
    .revisions_wrapper .menu_pda .dropdown {
        right: 116px !important;
        top: 13px !important;
    }

    .request_drop_menu.tools.cma_card_action_tools ul.dropdown-menu {
        padding: 0px !important;
        width: 10px !important;
        /* right: 0;
        float: right !important;
        left: 330px !important;*/
    }

    .row.div_filter {
        z-index: 999999999 !important;
    }

    #servicesContainerparents_l .pricing-tab ul#tabs-nav, .pricing-tab ul#tabs-nav {
        overflow: scroll !important;
    }
}

@media (width <=1024px ) {
    .ctmspecContainer .ctmspec:first-child::after {
        width: 162% !important
    }

    .ctmspecContainer .ctmspec:first-child div {
        background: transparent !important;
        padding: 0px 10px;
        width: 230px !important;
        max-width: 300px;
        margin: 0px 17px;
    }

    #servicesContainerparents_l .pricing-tab ul#tabs-nav, .pricing-tab ul#tabs-nav {
        overflow: scroll !important;
    }
}
/*Mobile Media less then */

@media (width <=768px) {
    .modal-content.ship_model {
        right: 0% !important;
    }

    .Appointment_List_tab_res .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        /* max-width: calc(100% - 360px) !important; */
        max-width: calc(100% - 243px) !important;
    }

    .ctmspecContainer .ctmspec:first-child::after {
        width: 302% !important;
    }

    .modal-content.ship_model {
        right: 0% !important;
    }

    .ctmspecContainer .ctmspec:first-child div {
        background: transparent !important;
        padding: 0px 10px;
        width: 230px !important;
        max-width: 300px;
        margin: 0px 17px;
    }

    .card-body.ship-detail .form-group, .ship-detail .select2-container .selection {
        width: 100%;
    }

    .modal-content.ship_model {
        right: 0% !important;
    }

    body form .card-block > .card-block {
        z-index: 9999;
        display: flex;
        align-items: center;
        white-space: nowrap;
        padding: 4px 10px !important;
    }

        body form .card-block > .card-block button {
            margin: 3px 3px !important;
        }

    .row.div_filter {
        z-index: 999999999 !important;
    }

    #servicesContainerparents_l .pricing-tab ul#tabs-nav, .pricing-tab ul#tabs-nav {
        min-width: 90px;
        width: 90px !important;
        background: transparent;
        position: sticky;
        top: 117px;
        height: fit-content;
        overflow: scroll !important;
    }

    #servicesContainerparents_l .pricing-tab ul#tabs-nav, .pricing-tab ul#tabs-nav {
        overflow: scroll !important;
    }

    .progress_bar_main .progress_bar_wrap .progress_top_section {
        flex-direction: row;
        justify-content: space-between;
        display: flex;
        width: 100%;
    }

    .tenantSection_agency_profile {
        width: 86%;
        top: 214px;
    }

    .mobile_wrap_button {
        flex-wrap: nowrap;
        display: flex;
    }

        .mobile_wrap_button button {
            margin: 3px 3px !important;
        }
}

/*body :is(#pills-activity, #pills-operation) .price-table table thead tr:has(th:not(:nth-child(5))) th:nth-child(4) {
    width: calc( 100% - 226px) !important;
}

body :is(#pills-activity, #pills-operation) .price-table table:has(th:not(:nth-child(5))):not(:has(th:nth-child(9))) {
    width: 100% !important;
}

.price-table.activitytab table tbody td table.border-rgt tbody td:last-child {
    display: table-cell !important;
}

.price-table.activitytab table tbody td table.border-rgt tbody tr:has(td:not(:nth-child(5))) td:last-child {
    width: 400px;
}*/
/* Price comparision one card alignment fix END*/
.lbl-txt-align {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lbl-txt-right {
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) {
    .horizontal .side-menu {
        justify-content: center;
    }
}

.note-editor table {
    max-width: 100%; /* Set a maximum width */
    table-layout: fixed; /* Fix the table layout */
    word-wrap: break-word; /* Allow words to break and wrap within cells */
}

.note-dropdown-menu {
    max-height: 300px; /* Adjust the height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
}

.z-index-dropdown-9 span.select2-container {
    z-index: 0;
}

.z-index-dropdown-0 span.select2-container {
    z-index: 0;
}

#splitter_common_back_version {
    display: none;
}

@media (min-width: 992px) {
    .horizontal .slide {
        margin: 0 0px;
    }
}

@media (min-width: 992px) {
    .menu-top-section {
        position: relative;
        width: calc(100% - 502px) !important;
    }
}

.port-index span.select2-container {
    z-index: 9;
}

body .compare-special-combo label.special-txt.text-l {
    text-align: left;
}

#medium .main-content-chat.chat-mail .header .vessel-title .user_txt span {
    font-size: 14px !important;
}

#small .main-content-chat.chat-mail .header .vessel-title .user_txt span {
    font-size: 16px !important;
}

#large .main-content-chat.chat-mail .header .vessel-title .user_txt span {
    font-size: 18px !important;
}

.main-content-chat.chat-mail .header .vessel-title {
    width: 100% !important;
}

.nominate-lst ul li.file-attach-nom > div {
    padding-right: 10px;
}

.price-min-lst:has(.compareagent-temporary[disabled]) .confirm-btn-wrap .button-action {
    opacity: 0.3;
    cursor: no-drop;
}

    .price-min-lst:has(.compareagent-temporary[disabled]) .confirm-btn-wrap .button-action button {
        cursor: no-drop;
    }


.nominate-lst ul.arrival-date {
    width: 100%;
}

#updateModalLabel .country {
    color: #9d9696;
    font-size: 14px;
    padding-left: 12px;
    position: relative;
}

#large #updateModalLabel .country {
    font-size: 15px;
}

#medium #updateModalLabel .country {
    font-size: 14px;
}

#small #updateModalLabel .country {
    font-size: 13px;
}

#updateModalLabel .country::after {
    content: "";
    background: #b1acac;
    width: 2px;
    position: absolute;
    height: 14px;
    left: 5px;
    top: 2px;
}

.dark-mode #updateModalLabel .country {
    color: #fff;
    font-size: 15px;
}

    .dark-mode #updateModalLabel .country::after {
        content: "";
        background: #fff;
    }

/*.chat-mail .chat-box-left.split-left .card-head.request-card {
    position: relative;
    top: unset !important;
}*/

.chat-mail .chat-box-left.split-left .card-head.request-card ul li {
    border-radius: 5px !important;
    box-shadow: unset !important;
    border: 1px solid #ccc;
}

    .chat-mail .chat-box-left.split-left .card-head.request-card ul li.active {
        border-radius: 5px;
        background: rgba(0, 228, 188, 0.60);
        box-shadow: unset !important;
        border-radius: 5px !important;
        border: 0px solid #ccc;
        color: #ffffff !important;
    }

.chat-mail .chat-box-left.split-left .card-head.request-card ul li {
    line-height: 30px;
    padding: 10px 13px !important;
}

.dark-mode .chat-mail .chat-box-left.split-left .card-head.request-card ul li {
    border-color: #3a4eb6;
}

    .dark-mode .chat-mail .chat-box-left.split-left .card-head.request-card ul li span {
        color: #fff;
    }

.chat-mail .chat-box-left.split-left .card-head.request-card ul {
    padding-left: 10px !important;
}

.table tbody tr td.dt-center .dropdown-menu .dropdown-item:active {
    color: #fff !important;
}

body.dark-mode .switch input:checked + span.slider {
    background: #331bc9 !important;
}

.dataTables_wrapper #tblActivity thead tr th:nth-child(3), .dataTables_wrapper #tblActivity tbody tr td:nth-child(3) {
    max-width: 100% !important;
    width: 450px !important;
}

.dark-mode div#nominatepopup .modal-dialog .modal-body #divcomments .modal-content {
    background: #0e124a !important;
}

#divcomments .modal-content {
    width: 100%;
}

div#nominatepopup #divcomments .modal-content {
    width: 100%;
}

div#nominatepopup {
    width: 475px;
    max-width: 100%;
    background: transparent;
    margin: 0 auto;
    z-index: 9999;
    position: relative;
    max-width: 100%;
}

    div#nominatepopup .header-modal {
        background: #251f70;
        display: flex;
        padding: 12px;
        justify-content: space-between;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

div#rfq_comments_popup #divcomments {
    position: absolute;
    padding: 0px;
    background: #fff;
    margin-top: 50px;
}

div#nominatepopup .header-modal h4 {
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px;
}

div#nominatepopup .header-modal a.closebtn {
    color: #fff;
}

div#nominatepopup .modal-content {
    box-shadow: 1px 1px 3px rgb(205 184 184 / 80%);
    margin: 0px;
    width: 100%;
    padding: 30px 12px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: transparent;
    box-shadow: unset;
    border: 0;
}

    div#nominatepopup .modal-content .cancel-save button {
        background: #0f959e;
        color: #fff;
        border: 0px;
        padding: 7px;
        border-radius: 4px;
        margin: 0 auto !important;
    }

    div#nominatepopup .modal-content .cancel-save {
        margin: 0 auto;
        display: flex;
        margin-top: 13px;
    }

    div#nominatepopup .modal-content .form-group label {
        font-family: 'Roboto';
        font-size: 16px;
        margin-bottom: 3px;
    }

    div#nominatepopup .modal-content .form-group textarea {
        width: 100% !important;
    }

div#nominatepopup .modal-dialog {
    padding: 0px;
    margin: 0px;
}

    div#nominatepopup .modal-dialog .modal-body {
        padding: 0px;
        margin: 0px !important;
    }

        div#nominatepopup .modal-dialog .modal-body #divcomments .modal-content {
            background: #fff;
            border-top-left-radius: 0px !important;
            border-top-right-radius: 0px !important;
        }

/*new changes request table*/

.join-rquest-btn:hover, .dark-mode .update-request-table table tbody tr td .join-rquest-btn:hover {
    background: #080C46;
    color: #fff;
    border: 1px solid #3b4197 !important;
}

.join-call-btn:hover, .dark-mode .update-request-table table tbody tr td .join-call-btn:hover {
    background: #039F7A !important;
    color: #fff !important;
    border: 1px solid #039F7A !important;
}


.update-request-table table thead th {
    background: #F5F8FF;
    border-bottom: 1px solid #00529D !important;
    color: #4F5356;
}

.dark-mode .update-request-table table thead th {
    background: #172270 !important;
    color: #ffffff;
}

.update-request-table table tbody tr:nth-child(2n) {
    background: #f9f9f9;
}

.dark-mode .update-request-table table tbody tr:nth-child(2n) {
    background: #151d56;
}

.update-request-table span.draft {
    width: 140px !important;
    background: #fafac4;
    display: block;
    padding: 7px 12px;
    color: #a9a915;
    border-radius: 3px;
    text-align: center;
}

.dark-mode .update-request-table span.draft {
    background: #a9a915;
    color: #fff !important;
}

.update-request-table span.pdarequested {
    width: 140px !important;
    background: #FFF7EB;
    display: block;
    padding: 7px 12px;
    color: #DD8905;
    border-radius: 3px;
    text-align: center;
}

#AppointmentContainer .request-lst .Reworkstatus {
    width: 140px !important;
    background: #fafac4;
    display: block;
    padding: 7px 12px;
    color: #a9a915;
    border-radius: 3px;
    text-align: center;
}

.dark-mode #AppointmentContainer .request-lst .Reworkstatus {
    color: #a9a915 !important;
}

.dark-mode .update-request-table span.pdarequested {
    background: #DD8905;
    color: #fff !important;
}

.update-request-table span.ready {
    width: 140px !important;
    background: #E9F1F4;
    display: block;
    padding: 7px 12px;
    color: #28729C;
    border-radius: 3px;
    text-align: center;
}

.dark-mode .update-request-table span.ready {
    background: #28729C;
    color: #fff !important;
}

.update-request-table span.sent {
    width: 140px !important;
    background: #E6F4F0;
    display: block;
    padding: 7px 12px;
    color: #239669;
    border-radius: 3px;
    text-align: center;
}

.dark-mode .update-request-table span.sent {
    background: #239669;
    color: #fff !important;
}

.update-request-table table {
    width: 100% !important;
}

.join-rquest-btn {
    border: 1px solid #080C46;
    color: #080C46;
    text-decoration: none !important;
    width: 135px;
    border-radius: 5px;
}

.dark-mode .join-rquest-btn {
    border: 1px solid #8CC2FF !important;
    width: 135px;
    border-radius: 5px;
    text-decoration: none;
    color: #8CC2FF;
}

.join-call-btn {
    border: 1px solid #039F7A !important;
    color: #039F7A !important;
    text-decoration: none !important;
    width: 135px;
    border-radius: 5px;
    text-align: center;
}

.dark-mode .join-call-btn, .dark-mode .update-request-table table tbody tr td .join-call-btn {
    border: 1px solid #039F7A !important;
    width: 135px;
    border-radius: 5px;
    text-decoration: none;
    color: #039F7A !important;
}

html body .update-request-table table tbody#tblappointment_validate tr td:nth-child(5), html body .update-request-table table thead tr th:nth-child(5) {
    width: 270px !important;
}

html body .update-request-table table tbody#tblappointment_validate tr td:nth-child(4), html body .update-request-table table thead tr th:nth-child(4) {
    width: 0px !important;
}

.modal-body.update-request-table {
    padding-top: 0;
}

#updateModal .modal-dialog .modal-content {
    width: 100%;
}

.request-tabl-title {
    font-weight: 500;
    margin-bottom: 6px;
    color: #272E38;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dark-mode #updateModalLabel {
    color: #fff;
}

.dark-mode .request-tabl-title {
    color: #fff;
}

.dark-mode #updateModalLabel .state {
    color: #fff;
}

#small .request-tabl-title {
    font-size: 15px;
}

#medium .request-tabl-title {
    font-size: 16px;
}

#large .request-tabl-title {
    font-size: 17px;
}

#updateModalLabel {
    font-weight: 500;
    color: #262E2F;
    font-size: 17px;
    line-height: 19px;
}

#large #updateModalLabel {
    font-size: 18px;
}

#medium #updateModalLabel {
    font-size: 17px;
}

#small #updateModalLabel {
    font-size: 16px;
}

#updateModalLabel .port_popup {
    font-weight: normal !important;
    color: #0AA04F !important;
}

#updateModalLabel .state {
    color: #6C6C6C;
    margin-left: 6px;
    font-weight: normal;
    font-size: 15px;
}

#large #updateModalLabel .state {
    font-size: 16px;
}

#medium #updateModalLabel .state {
    font-size: 15px;
}

#small #updateModalLabel .state {
    font-size: 14px;
}
/*new changes request table*/
.confirm-btn-wrap .button-action {
    background: #01B18A !important;
}

#medium .sg-con-pric .sg-con-lft span {
    font-size: 16px !important;
}

#small .sg-con-pric .sg-con-lft span {
    font-size: 14px !important;
}

#large .sg-con-pric .sg-con-lft span {
    font-size: 18px !important;
}

html body.dark-mode .sg-certified .certified-count sup.chatunreadcount {
    color: #fff !important;
}

html body .sg-certified .certified-count sup.chatunreadcount {
    color: #000 !important;
}

.dark-mode .certified-count svg path {
    stroke: #108f98;
}

.price-tlt-client.compare-check.compare-special-combo label {
    left: 0;
    margin-bottom: 9px;
}

.nominate-lst {
    position: static !important;
    background: transparent !important;
    border: 0px !important;
    box-shadow: unset !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
}

    .nominate-lst li {
        margin-right: 10px;
        margin-bottom: 2px;
    }

h2.nominate-title {
    margin-top: 0;
    text-transform: capitalize;
}

#medium h2.nominate-title {
    font-size: 18px;
}

#small h2.nominate-title {
    font-size: 17px;
}

#large h2.nominate-title {
    font-size: 19px;
}

.certified-count {
    display: flex;
    flex-direction: row;
}

    .certified-count sup {
        display: flex;
        position: relative;
        background: transparent;
        top: unset !important;
        left: unset;
    }

.sg-con-lft.sg-certified {
    display: flex;
}

.dark-mode .ctmspecContainer .ctmspec:first-child div {
    background: #0e124a;
}

.dark-mode .ctmspecContainer .ctmspec:nth-child(2n) div {
    background: #1f275c;
}

.dark-mode .ctmspecContainer .ctmspec:first-child::after {
    content: "";
    background: #172270;
}

.dark-mode .btn-update button.update-btn {
    background: #039f7a;
}

.btn-update button.update-btn {
    background: #080C46;
    color: #fff;
    text-decoration: none;
    padding: 0px 12px;
}

.update-request-table .dataTables__bottom.pricing-datatables {
    display: none;
}

.agency_profile_leftside .auto_cls_certificationcount.badge.style-danger.chatunreadcount {
    background: #f21818;
    border-radius: 25px;
    width: 25px;
    top: -11px;
    right: -10px;
}

.agency_profile_leftside .auto_cls_isocertificationcount.badge.style-danger.chatunreadcount {
    width: 25px;
    background: #f21818;
    border-radius: 25px;
    right: -4px;
    top: -11px;
}

.lengthbpinmeters_craftmyapp_container label {
    padding-bottom: 3px !important;
}

.servicelist .add-btn-d {
    padding-top: 5px;
}

.filter-opt-lst .common-flt div.flt-lst div:last-child {
    margin-bottom: 2px;
}

.filter-opt-lst .common-flt div.flt-lst div {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.price-ico svg path {
    fill: #000;
}

span.price-ico svg {
    width: 20px;
    float: right;
}

.dark-mode .price-ico svg path {
    fill: #fff;
}

.dark-mode #RequestContainer .tools.cma_card_action_tools ul.dropdown-menu a:hover, .dark-mode #RequestContainer .tools.cma_card_action_tools ul.dropdown-menu a:active {
    background: #0b0437;
}

.update-btn {
    background: transparent;
    color: #251f70;
    width: unset;
    height: 35px;
    border-radius: 5px;
    margin: 0px 6px;
    float: right;
    border: 0;
    text-decoration: underline;
}

.dark-mode .update-btn {
    color: #fff;
}

div#updateModal {
    z-index: 9999999;
}

.dark-mode .calendar-request-list span {
    color: #fff !important;
}


#RequestContainer .request-status {
    width: 60% !important;
}

#RequestContainer .request-number {
    width: 40% !important;
}

.update-request-table table tbody#tblrequest_validate tr td:last-child {
    text-align: left;
}

.update-request-table table tbody#tblrequest_validate tr td:last-child {
    text-align: left;
}

.update-request-table table tbody#tblappointment_validate tr td:last-child {
    text-align: left;
}

.update-request-table table tbody#tblappointment_validate tr td:last-child {
    text-align: left;
}

html body .update-request-table table tbody#tblrequest_validate tr td, html body .update-request-table table thead tr th {
    min-width: 130px !important;
    vertical-align: middle;
}


html body .update-request-table table tbody tr td, html body .update-request-table table thead tr th {
    min-width: 130px !important;
    vertical-align: middle;
}



.btn-update {
    display: flex;
    align-items: center;
}

button.add-btn-d.update_pda_add-btn {
    padding: 4px 4px !important;
    margin: 0px !important;
    right: 51px;
    top: 13px;
    background: #0b1340 !important;
    border-radius: 2px !important;
    z-index: 9;
}

    button.add-btn-d.update_pda_add-btn svg path {
        stroke: #fff;
    }

div#updateModal {
    z-index: 9999999;
}

.request-next {
    float: right;
    margin-right: 29vw;
}

@media only screen and (min-width:320px) and (max-width:1135px) {
    .request-next {
        float: right;
        margin-right: 0;
    }
}

.dark-mode .btn-close {
    opacity: 1 !important;
    filter: invert(1);
}

#updateModal .modal-dialog {
    max-width: 990px;
    width: 100%;
}

@media only screen and (min-width:945px) and (max-width:1080px) {
    .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div.col-sm-3 div {
        flex-direction: column !important;
        align-items: flex-start;
    }
}

@media only screen and (min-width:1200px) and (max-width:1350px) {
    .printablerow .ArrivalCondition_craftmyapp_container .card.card-section.cma_section_band .card-body .row > div, .printablerow .DepartureCondition_craftmyapp_container .card.card-section.cma_section_band .card-body .row > div {
        width: 33%;
    }
}

@media only screen and (min-width:800px) and (max-width:1199px) {
    .printablerow .ArrivalCondition_craftmyapp_container .card.card-section.cma_section_band .card-body .row > div, .printablerow .DepartureCondition_craftmyapp_container .card.card-section.cma_section_band .card-body .row > div {
        width: 50%;
    }
}


@media only screen and (min-width:481px) and (max-width:799px) {
    .printablerow.ship-print .ArrivalCondition_craftmyapp_container, .printablerow.ship-print .DepartureCondition_craftmyapp_container {
        width: 100%;
    }

    .printablerow .ArrivalCondition_craftmyapp_container .card.card-section.cma_section_band .card-body .row > div, .printablerow .DepartureCondition_craftmyapp_container .card.card-section.cma_section_band .card-body .row > div {
        width: 50%;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .printablerow.ship-print .ArrivalCondition_craftmyapp_container, .printablerow.ship-print .DepartureCondition_craftmyapp_container {
        width: 100%;
    }

        .printablerow.ship-print .ArrivalCondition_craftmyapp_container .card.card-section.cma_section_band .card-body .row > div, .printablerow.ship-print .DepartureCondition_craftmyapp_container .card.card-section.cma_section_band .card-body .row > div {
            width: 100%;
        }
}

.dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-top-section {
    background: #0b0437 !important;
}

.dark-mode .printablerow.ship-print .vessel-contentlist-detail ul li {
    color: #f3f3f3 !important;
}

    .dark-mode .printablerow.ship-print .vessel-contentlist-detail ul li span {
        color: #fff !important;
    }

.dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row > div > div {
    border: 1px solid #3A4EB6 !important;
    background: #0b0437 !important;
}

.dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .row {
    border: 1px solid #3a4eb6;
}

.dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div {
    background: #0b0437;
}

    .dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-top-section .vessel-detail-left {
        background: #0b0437 !important;
    }

    .dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-top-section .vessel-detail-lft-content {
        background: #0b0437;
    }

.dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .vessel-detail-lft-content .auto_cls_imo {
    color: #fff;
}

.dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-right {
    background: #0b0437 !important;
}

    .dark-mode .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-right div {
        background: #0b0437;
    }

.printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-right {
    background: #fff !important;
}

    .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-right div {
        background: #fff;
    }

.printablerow.ship-print .vessel-contentlist-detail ul li {
    color: #808080 !important;
    font-family: 'Roboto' !important;
    font-weight: 400 !important;
}


    .printablerow.ship-print .vessel-contentlist-detail ul li span {
        color: #000;
        margin-top: 10px;
    }

.printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .vessel-detail-lft-content {
    align-self: flex-start !important;
    text-align: left;
    display: block !important;
}

    .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .vessel-detail-lft-content .auto_cls_shiptype {
        font-weight: normal;
    }

    .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .vessel-detail-lft-content .auto_cls_imo {
        color: #000;
        font-weight: normal;
    }

.printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .vessel-detail-top-section {
    background: #fff !important;
}


.printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .row {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 13px;
    margin-bottom: 17px;
}

.printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-top-section {
    background: #fff !important;
    padding-left: 10px !important;
}

    .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-top-section .vessel-detail-left {
        background: #fff !important;
        padding-left: 0px !important;
    }

    .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div.vessel-detail-top-section .vessel-detail-lft-content {
        background: #fff;
    }

.printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div {
    background: #F5F6F8;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

    .printablerow.ship-print .ShipPrimaryInfo_craftmyapp_container .card-body .row div > div .form-group label {
        margin-right: 9px;
    }

.printablerow.ship-print .ArrivalCondition_craftmyapp_container, .printablerow.ship-print .DepartureCondition_craftmyapp_container {
    width: 50%;
}

.attachments_cma_uploader {
    width: 215px;
}
/*filter-dropdown husb*/

button.add-btn-d.update_pda_add-btn {
    padding: 4px 4px !important;
    margin: 0px !important;
    right: 51px;
    top: 13px;
    background: #0b1340 !important;
    border-radius: 2px !important;
    z-index: 9;
}

    button.add-btn-d.update_pda_add-btn svg path {
        stroke: #fff;
    }

.ctmspecContainer .ctmspec .form-group label {
    display: none;
    padding: 0px !important;
    margin: 0px !important;
}

.ctmspecContainer .ctmspec:first-child .form-group label {
    display: block !important;
    z-index: 9999;
}

.ctmspecContainer .ctmspec:first-child div .form-group label {
    padding: 10px !important;
    margin-bottom: 15px !important;
    z-index: 99;
    position: relative;
}

.ctmspecContainer .ctmspec:first-child > div label {
    padding: 0px !important;
}

.ctmspecContainer .ctmspec:first-child div {
    background: #fff;
}

.ctmspecContainer .ctmspec:nth-child(2n) div {
    background: #f9f9f9;
}

.ctmspecContainer .ctmspec .detele-common-icon button {
    margin-top: 0px !important;
    padding-top: 0px;
    background: transparent;
    border: 0px;
}

.ctmspecContainer .ctmspec:first-child::after {
    content: "";
    background: rgb(246 249 255);
    position: absolute;
    top: 0;
    left: 19px;
    width: 96%;
    height: 42px;
    z-index: 1;
}


.ctmspecContainer .ctmspec:first-child {
    position: relative;
}

    .ctmspecContainer .ctmspec:first-child .detele-common-icon button {
        padding-top: 0px;
        margin-top: 0px;
    }


    .ctmspecContainer .ctmspec:first-child div.detele-common-ico button {
        padding: 0;
        margin: 0;
    }

    .ctmspecContainer .ctmspec:first-child div.detele-common-icon button {
        top: 30px;
        position: relative;
    }

.add-btn-d {
    position: absolute;
    right: 18px;
    border: 0px;
    top: 16px;
}

.price-sticky {
    z-index: 999;
}

    .price-sticky ul li {
        position: relative;
    }

.filter-opt-lst {
    display: none;
    position: absolute;
    top: 52px;
    left: 0px;
    z-index: 99;
    border: 1px solid #dcdcdc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    background: #ffff;
    padding: 10px;
    width: 198px;
    border-radius: 5px;
}

.add-req-tab-full .price-sticky ul {
    overflow: unset !important;
}

.filter-svg {
    background: #fff;
    padding: 3px 5px;
    border-radius: 4px;
    margin-left: 7px;
}



.filter-opt-lst .common-flt {
    display: flex;
    flex-direction: column;
}

    .filter-opt-lst .common-flt div.flt-lst {
        display: flex;
        flex-direction: column;
        margin-bottom: 9px;
    }




.clear-all {
    text-align: left;
    color: #E65F5C;
    font-weight: 500;
    font-size: 16px;
}

.filter-opt-lst .common-flt span {
    font-size: 16px;
    color: #636264;
}

.filter-opt-lst .common-flt div input[type="checkbox"] {
    width: 20px;
    height: 21px;
    border-radius: 5px;
    accent-color: #04927b;
}


.filter-opt-lst .common-flt input:checked {
    border-radius: 5px !important;
    background: #04927B !important;
}

/**/
/*ctm spec*/
#ctmspecificModal .modal-dialog {
    max-width: 960px;
    width: 100%;
}

    #ctmspecificModal .modal-dialog .modal-header {
        border: 0px;
    }

        #ctmspecificModal .modal-dialog .modal-header h5 {
            color: #262E2F;
            font-size: 20px;
        }

        #ctmspecificModal .modal-dialog .modal-header button {
            font-size: 13px;
            color: #838185;
        }

    #ctmspecificModal .modal-dialog .modal-content {
        padding: 5px 10px;
    }

.ctm-spec-cont table thead th {
    background: #F5F8FF;
    padding: 13px 20px;
    border-bottom: 0;
    color: #4F5356 !important;
}

.ctm-spec-cont table tbody td {
    padding: 9px 20px;
    border-bottom: 0px;
    vertical-align: middle;
    color: #262E2F;
}

    .ctm-spec-cont table tbody td input[type="text"] {
        padding: 9px 15px;
        color: #000;
        border-radius: 5px;
        border: 1px solid #E8E8E8;
        width: 160px;
        max-width: 100%;
    }

td {
}

.ctm-spec-cont table tbody td .denomination-txt input[type="text"] {
    width: 57px;
}

.ctm-spec-cont table tbody td .denomination-txt {
    display: flex;
}

    .ctm-spec-cont table tbody td .denomination-txt span {
        padding: 0px 10px;
        display: flex;
        align-items: center;
    }

.browse-check {
    display: flex;
    justify-content: space-between;
}

.ctm-spec-cont table tbody tr:nth-child(2n) {
    background: #F9F9F9;
}

.add-btn-ctm {
    display: flex;
    justify-content: center;
}

    .add-btn-ctm button {
        background: #DDDFE4;
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 3px;
    }

.browse-file input[type="file"] {
    display: none;
}

.browse-file label.custom-file-upload {
    color: #039F7A;
    text-decoration: underline;
}

.browse-check input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #3a8853;
}

.dark-mode .ctm-spec-cont table thead th {
    background: #172271;
    color: #fff !important;
}

.dark-mode .ctm-spec-cont table tbody tr {
    background: #0e124a;
}

    .dark-mode .ctm-spec-cont table tbody tr:nth-child(2n) {
        background: #0B0437 !important;
    }


    .dark-mode .ctm-spec-cont table tbody tr td {
        color: #fff;
    }

        .dark-mode .ctm-spec-cont table tbody tr td input[type="text"] {
            background: #0B0437;
            border: 1px solid #3A4EB6 !important;
        }

.dark-mode #ctmspecificModal .modal-dialog .modal-header h5 {
    color: #fff;
}

.dark-mode #ctmspecificModal .modal-dialog .modal-header button {
    color: #fff !important;
    opacity: 1;
}

.dark-mode .add-btn-ctm button {
    background: #039F7A;
}

    .dark-mode .add-btn-ctm button svg path {
        stroke: #fff;
    }

.ctm-spec-cont .table {
    margin-bottom: 0px !important;
}

.ctm-spec-cont .table-responsive {
    min-height: 300px;
}

.dark-mode .add-btn-d svg path {
    stroke: #fff;
}

.dark-mode .add-btn-d {
    background: transparent;
}

.dark-mode .ctm-spec-cont table tbody td .denomination-txt span {
    color: #fff;
}

.dark-mode .ctm-spec-cont table tbody td .denomination-txt input {
    color: #fff;
}

.dark-mode .filter-opt-lst {
    background: #0e124a !important;
    border: 1px solid #3445a5 !important;
}

    .dark-mode .filter-opt-lst .common-flt span {
        color: #fff;
    }
/*ctm spec*/

button.nominate-btn {
    background: transparent;
    border: 0px;
    height: 34px;
    color: #fff;
    padding-left: 5px;
}

.price-slider {
    box-shadow: unset !important;
    clip-path: unset !important;
}

.confirm-btn-wrap .button-action {
    background: #01B18A !important;
    color: #fff;
    width: 80px;
    border-radius: 4px;
    font-size: 15px;
    margin-left: 6px;
}

body .right-wrap-btn .confirm-btn-wrap .button-action .nominate-btn, body .right-wrap-btn .confirm-btn-wrap .button-action .nominate-btn:hover {
    background: transparent;
    border: 0px !important;
    border-radius: 0px;
    box-shadow: unset !important;
    padding: 0px !important;
    color: #fff !important;
}


.right-wrap.right-wrap-btn {
    display: flex;
}

.confirm-btn-wrap .confirm-btn i {
    font-size: 18px;
}


.confirm-btn-wrap .button-action {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

ul.conform-list {
    padding: 6px 8px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    position: absolute;
    top: 36px;
    width: 170px;
    left: 6px;
    z-index: 999;
    background: #fff;
    display: none;
}

    ul.conform-list li .form-group label {
        color: #636264;
        font-size: 16px;
        line-height: 28px;
    }

    ul.conform-list li .form-group input[type="checkbox"] {
        width: 20px;
        height: 20px;
        position: relative;
        top: 4px;
    }

.confirm-btn-wrap {
    position: relative;
}

.dark-mode ul.conform-list {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

.confirm-btn-wrap .confirm-btn {
    border: 0px solid #3a4eb6 !important;
    display: flex;
    align-items: center;
    margin-left: 4px;
}

.dark-mode ul.conform-list li .form-group label {
    color: #fff;
}

.dark-mode .holidayContainer .detele-common-icon button, .dark-mode .timingContainer .detele-common-icon button {
    background: #0b0437;
    border: 1px solid #3a4eb6;
    padding: 6px 10px;
    height: 36px;
}

span.c_agencyname {
    color: #fff !important;
}

.dark-mode select#arrivalmode {
    margin-left: 0;
}

table .dropdown-menu a, table .dropdown-menu ul li a {
    text-decoration: none !important;
    color: #6d6d6d !important;
}

.dark-mode table .dropdown-menu {
    background: #0e124a !important;
    border: 1px solid #3445a5 !important;
}

.printablerow .btn-group.request_menu_color {
    padding: 2px 13px;
}

.come-from-modal.right.update-modal .modal-content {
    min-height: 380px;
}

.app-sidebar.horizontal-main .navbar {
    flex-wrap: nowrap;
}

div#reject_comments_popup.request-pda-popup {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
}

#formId .contCard .card-block #btnSubmit {
    font-weight: normal !important;
    font-size: 15px;
}

.dark-mode .price-slider {
    box-shadow: 5px 3px 0px 100vmax #0b0437;
    background: #0b0437;
}

.dark-mode #tblMaterials tbody tr.odd {
    background: #0e124a;
}

.dark-mode .add-request-prev {
    color: #fff !important;
}

div#reject_comments_popup.pda-reject-popup {
    margin-top: -60vh;
}

.dark-mode #RequestContainer .tools.cma_card_action_tools ul.dropdown-menu a {
    color: #8CC2FF !important;
}

body.dark-mode .team-scroll .nominate-profile_wrapper.active {
    background: #172270 !important;
}

body.dark-mode .team-scroll .nominate-profile_wrapper {
    background: #0e124a !important;
    border: 1px solid #394db3 !important;
}

.revisions_wrapper .menu_pda .dropdown {
    right: 50px;
    top: 25px;
}

.menu_appointment.appoint-menu .btn-group.request_menu_color {
    position: absolute !important;
    right: 18px;
    top: 6px;
    background-color: #eeeeee !important;
}

span.number-subtitle {
    color: #fff !important;
}

.menu_appointment .btn-group.request_menu_color {
    position: absolute !important;
    right: 60px;
    top: 25px;
}

.dark-mode #AppointmentContainer ul.dropdown-menu li a {
    color: #81b3f0 !important;
}

.btn-group.request_menu_color a i {
    padding: 0px !important;
}

.dark-mode #RequestContainer ul.dropdown-menu li a {
    color: #fff !important;
}

.dark-mode .btn-group.request_menu_color a i {
    color: #0e124a !important;
}


body.dark-mode form .card-body #RoleContainerAddressbook.RoleContainer .form-group label {
    color: #fff !important;
}

body form .card-body .RoleContainer .form-group label {
    color: #000;
}

.dark-mode #tblAlertTemplates table {
    background: #0b0437 !important;
}

    .dark-mode #tblAlertTemplates table p {
        color: #fff !important;
    }

.dark-mode #tblMailLogs table {
    background: #0b0437 !important;
}

    .dark-mode #tblMailLogs table p {
        color: #fff !important;
    }


.eta-subtitle {
    color: #baf4e7;
}

.bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs span.country-subtitle, .bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs span.ship-subtitle, .bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs span.country-subtitle, .bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs span.eta-subtitle {
    color: #fff;
}

.bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs b {
    color: #fff;
    font-weight: normal;
}


span.eta-subtitle label {
    color: #5db5ed !important;
    font-weight: normal;
}


.dark-mode .bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs b {
    color: #d7cbcb;
    font-weight: normal;
}

.btn-group.request_menu_color a i {
    padding: 0px 9px;
}

.dark-mode .btn-group.request_menu_color {
    background: rgb(52 63 123) !important;
}

.create_add span {
    font-weight: 600;
    font-size: 14px;
}

#tblMaterials_wrapper .dataTables__top {
    top: -14px;
}

#AppointmentContainer ul.dropdown-menu li a, #RequestContainer ul.dropdown-menu li a {
    font-weight: normal;
    color: #6d6d6d !important;
}

span.eta-subtitle span {
    color: #fff !important;
    border: 1px solid #fff;
    font-weight: normal;
}

div#reject_comments_popup {
    /* margin-top: -60vh;*/
}

.tools .menu-card-styling li {
    text-align: left !important;
}

.tools.cma_card_action_tools ul.dropdown-menu a {
    margin: 0px;
    padding: 7px 13px;
}

.tools .menu-card-styling li a {
    line-height: 13px !important;
}

.tools.cma_card_action_tools .btn-icon-toggle i {
    width: 20px;
    border-radius: 10px;
}

body .add-request-next {
    background: #080C46 !important;
    color: #FFF !important;
    font-family: 'Roboto' !important;
    border: 1px solid #DBDBDB !important;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    margin-right: 10px;
}

.add-request-next {
    margin-right: 60px !important;
}

@media only screen and (min-width:320px) and (max-width:450px) {
    body .add-request-next {
        margin-right: 0px !important;
    }

    #back-to-top {
        bottom: 67px !important;
    }
}

.dark-mode #RequestContainer .image-card .btn-icon-toggle::before {
    color: #0b0437 !important;
}

.dark-mode #AppointmentContainer .image-card .btn-icon-toggle::before {
    color: #0b0437 !important;
}

.dark-mode #AppointmentContainer .scroll .request-lst .orange-clr {
    background: #FBF0E0 !important;
    color: #DF8B06 !important;
}

.dark-mode .btn-group.request_menu_color {
    background: rgb(13 110 253 / 75%) !important;
}

.dark-mode .printablerow .btn-group.request_menu_color {
    padding: 2px 13px;
}

.dark-mode .card .btn-icon-toggle:hover, .dark-mode .card .btn-flat:hover {
    background: rgb(13 110 253 / 95%) !important;
}

html body:has(.come-from-modal.update-modal.show) .commonContainer span.select2-container {
    z-index: 9999 !important;
}

.dark-mode .ver-status.orange-clr {
    background: #F39C12 !important;
    color: #fff !important;
}

#RequestContainer .image-card .btn-icon-toggle::before {
    color: #080c46 !important;
}

#AppointmentContainer .image-card .btn-icon-toggle::before {
    color: #080c46 !important;
}


.btn-group.request_menu_color {
    background: rgba(12, 12, 12, 0.07) !important;
}

.card .btn-icon-toggle:hover, .card .btn-flat:hover {
    background: rgba(12, 12, 12, 0.25) !important;
}

/*.dark-mode .btn-group.request_menu_color {
    background: rgba(12, 12, 12, 0.27) !important;
}*/

.dark-mode .card .btn-icon-toggle:hover, .card .btn-flat:hover {
    background: rgba(12, 12, 12, 0.55);
}

.request_menu_color {
    background-color: #f1f1f1;
}

.price-min-lst .compare-check.compare-special-combo label.check-lab {
    top: -1px !important;
}

.price-min-lst .compare-check label {
    width: 146px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative !important;
    top: 4px !important;
}

    .price-min-lst .compare-check label.check-lab {
        position: relative;
        top: 3px !important;
    }

.price-min-lst .compare-check label {
    max-width: 145px !important;
    min-width: 135px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative !important;
    top: 4px !important;
}

    .price-min-lst .compare-check label.check-lab {
        position: relative;
        top: 3px !important;
    }

/*.maker_checker_card:has(.alert) .dicover-engae-tab.dicover-engae-tab-card.filter-card {
    top: 88px;
}*/

.form-group .SumoSelect > .CaptionCont > span {
    font-weight: normal;
}

#AppointmentContainer ul.dropdown-menu li a {
    font-weight: normal !important;
}

span.sharecommon-txt {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 129px !important;
    position: relative;
    top: 10px;
}

label.check-lab {
    width: 208px !important;
    position: relative !important;
    top: -1px !important;
}

.compare-check.compare-special-combo > div {
    display: flex;
}

label.check-lab.cls_businessname {
    /*  width: 50px !important;*/
}

body .compare-special-combo label.special-txt {
    margin-top: 0px !important;
    top: -3px !important;
}
/*html body:has(.come-from-modal.update-modal.show) span.select2-container {
    z-index: 99 !important;
}*/

.create_add a.create-add-btn span {
    color: #000;
}

.create_add a.create-add-btn {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: 130px;
}

.cargoContainer.vesselContainer {
    display: table;
}

.printablerow .table.shipcontactsContainer, .printablerow .table.historyContainer, .printablerow .table.cargoContainer, .printablerow .table.mainreductiongearContainer, .printablerow .table.equipmentContainer, .printablerow .table.lifeboatContainer, .printablerow .table.navigationContainer {
    display: table;
}

.add_agency_popup .modal-content .form-group label sup {
    color: #d00;
}

.request-card-head #tblPrefundRequest_wrapper .dataTables_buttons.actions {
    margin-right: 65px !important;
}

.tab-card .request-card.request-card-prefund .nav-tabs > li > a {
    padding-left: 4px;
    padding-right: 4px;
}

.dicover-engae-wrap .card-head.request-card.request-card-prefund {
    top: 17px !important;
}

.request-service .row > * {
    padding-right: 0px !important;
}

.dark-mode #AppointmentContainer .request-lst.etb span, .dark-mode #RequestContainer .request-lst.etd span {
    color: #fff !important;
}

.dark-mode #AppointmentContainer .card-head header .country-port span {
    color: #fff !important;
}

@media only screen and (min-width: 320px) and (max-width:686px) {
    .dataTables_buttons.actions.services_search {
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }



    #medium .dataTables_wrapper .dataTables__top .services_search .input-group, .dataTables_wrapper .dataTables__top .services_search .input-group {
        width: 76% !important;
    }
}

@media only screen and (min-width: 320px) and (max-width:580px) {
    .dataTables__bottom.pricing-datatables {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (min-width: 320px) and (max-width:979px) {
    .tabs.pricing-tab .request-card-prefund ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 10px;
    }
}

@media only screen and (min-width: 320px) and (max-width:574px) {
    .cargorequirements .qty_craftmyapp_container, .cargorequirements .units_craftmyapp_container, .cargorequirements .cargooperation_craftmyapp_container {
        width: 100% !important;
    }

    .bunkeringContainer .qty_craftmyapp_container, .bunkeringContainer .units_craftmyapp_container, .bunkeringContainer .bunkeroperation_craftmyapp_container {
        width: 100% !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .card-block button.cma_cancel_button {
        padding: 7px 5px !important;
    }

    body .add-request-next, body .add-request-prev {
        margin-right: 4px;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .card-block.card-fix-block.add-agency-btn .add-request-save {
        margin-right: 5px;
        padding-left: 3px;
        padding-right: 3px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1135px) {
    body .add-request-ico {
        position: fixed;
        top: 160px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 659px) {
    html body .add-request-ico {
        top: 200px !important;
    }
}

label.lbl_clientshorcode {
    color: #0f959e;
    padding-right: 6px;
}

.dark-mode .attachment_craftmyapp_container label {
    color: #fff;
}

.dark-mode div#contentArea {
    background: #0e124a;
}

.dark-mode .dapp-lst:has(li.active):after {
    border-color: transparent transparent transparent #039f7a;
}

body.dark-mode .row.compare-agent-lst.compare-top-section {
    background: #0b0437 !important;
}

.dark-mode .order-summary-right li button span img {
    filter: invert(1);
}

.dark-mode .agency-header-left label {
    color: #fff;
}

.dark-mode .material-scroll .nominate-profile_wrapper.active {
    background: #172270 !important;
}

.dark-mode .chat-mail .header ul li img {
    filter: brightness(0) invert(1);
}

.dark-mode #AppointmentContainer .request-lst span {
    color: #fff !important;
}

th.alert-content.sorting {
    max-width: 800px !important;
    min-width: 800px !important;
}

label.check-lab {
    width: 46px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: 3px;
    display: inline-block;
}

.compare-check label.special-txt {
    margin-top: 5px;
}

.add_request-left-price .cargo_craftmyapp_container .cargoContainer .row .col-sm-2 {
    width: 120px;
}

@media only screen and (min-width:1136px) and (max-width:1300px) {
    .add_request-left-price .cargo_craftmyapp_container .cargoContainer .row .col-sm-3 {
        width: 21% !important;
    }
}

@media only screen and (min-width:320px) and (max-width:945px) {
    .add_request-left-price .cargo_craftmyapp_container .cargoContainer .row .col-sm-3 {
        width: 160px !important;
    }

    .add_request-left-price .cargo_craftmyapp_container .cargoContainer .row .col-sm-2 {
        width: 120px !important;
    }
}

.printablerow table.cargoContainer {
    display: table;
}

.priceContainer input, .priceContainer select, .priceContainer textarea {
    font-weight: 400 !important;
}

.pricing-tab ul#tabs-nav {
    padding-left: 30px;
    padding-left: 16px;
}

html body .create-frm #MaterialForm .origin .form-group label {
    padding-bottom: 7px;
}

table.servicesContainer {
    width: 100% !important;
}

@media only screen and (min-width:1330px) and (max-width:1399px) {
    .row.compare-agent-lst.compare-top-section .state-lst {
        width: 205px !important;
        position: relative !important;
        top: 5px !important;
    }
}

.update-material-view {
    display: none !important;
}

.norm-acc .update-material-view {
    display: block !important;
}

@media only screen and (min-width:320px) and (max-width:930px) {
    ul .discovery-lst#svgList {
        position: absolute !important;
        top: 4px !important;
        width: calc(100% - 230px) !important;
        overflow: auto !important;
        flex-wrap: nowrap !important;
        justify-content: unset !important;
        top: 8px !important;
        margin-right: 50px !important;
    }

        ul.discovery-lst#svgList li {
            padding: 3px 20px;
            min-width: 154px;
        }

        ul.discovery-lst#svgList::-webkit-scrollbar {
            height: 5px !important;
        }
}


@media only screen and (min-width: 320px) and (max-width: 479px) {
    ul.discovery-lst#svgList {
        top: 0px !important;
    }
}

#MaterialForm .uploaded_files .close {
    color: #191C25 !important;
    opacity: 1;
    font-size: 13px;
    background: transparent;
    border: 0px;
    width: 24px;
    font-weight: 600 !important;
}

@media only screen and (min-width: 1480px) and (max-width: 1574px) {
    .apptaddon .row .agencycomments_craftmyapp_container {
        width: 27% !important;
        max-width: 100%;
    }
}

@media only screen and (min-width:320px) and (max-width:930px) {
    body div#servicesContainerparents_l .pricing-tab {
        margin: 0px !important;
        margin-top: 0px !important;
    }
}

.card-block.card-fix-block.add-agency-btn .add-request-save {
    margin-right: 7px;
}

.passportContainer .detele-common-icon button:hover, .visaContainer .detele-common-icon button:hover, .cdcContainer .detele-common-icon button:hover {
    background: transparent !important;
    border: 0px !important;
}

.light-mode .people-scroll .nominate-profile_wrapper ul {
    background: transparent;
}

.dark-mode .detele-common-icon button span.fa-trash {
    color: #dc3545 !important;
}

.dark-mode .passportContainer .detele-common-icon button:hover, .dark-mode .visaContainer .detele-common-icon button:hover, .dark-mode .cdcContainer .detele-common-icon button:hover {
    background: transparent !important;
    border: 0px !important;
}

.dark-mode .passportContainer .detele-common-icon button, .dark-mode .visaContainer .detele-common-icon button, .dark-mode .cdcContainer .detele-common-icon button {
    background: transparent !important;
    border: 0px !important;
}


@media only screen and (min-width:1136px) and (max-width:1255px) {
    .bunkeringContainer .bunkertype_craftmyapp_container {
        width: 22%;
    }

    .cargorequirements .cargotype_craftmyapp_container {
        width: 22%;
    }
}

@media only screen and (min-width:1256px) and (max-width:1499px) {
    .bunkeringContainer .bunkertype_craftmyapp_container {
        width: 25%;
    }

    .cargorequirements .cargotype_craftmyapp_container {
        width: 25%;
    }
}

@media only screen and (min-width:992px) and (max-width:1135px) {
    .cargorequirements .cargooperation_craftmyapp_container {
        width: 176px;
    }

    .bunkeringContainer .bunkeroperation_craftmyapp_container {
        width: 176px;
    }
}

@media only screen and (min-width:320px) and (max-width:575px) {
    .cargorequirements .qty_craftmyapp_container, .cargorequirements .units_craftmyapp_container {
        width: 50%;
    }

    .cargorequirements .cargooperation_craftmyapp_container {
        width: 100%;
    }

    .cargorequirements .isocertificatecopy_craftmyapp_container {
        width: 65%;
    }

    .bunkeringContainer .qty_craftmyapp_container, .bunkeringContainer .units_craftmyapp_container {
        width: 50%;
    }

    .bunkeringContainer .bunkeroperation_craftmyapp_container {
        width: 100%;
        max-width: 100%;
    }

    .bunkeringContainer .isocertificatecopy_craftmyapp_container {
        width: 65%;
    }
}

@media only screen and (min-width:575px) and (max-width:991px) {
    .bunkeringContainer .bunkertype_craftmyapp_container {
        width: 50%;
    }

    .bunkeringContainer .description_craftmyapp_container {
        width: 50%;
    }

    .bunkeringContainer .qty_craftmyapp_container, .bunkeringContainer .units_craftmyapp_container {
        width: 50% !important;
    }

    .bunkeringContainer .bunkeroperation_craftmyapp_container {
        width: 50% !important;
        max-width: 100%;
    }

    .bunkeringContainer .bunkername_craftmyapp_container {
        width: 50% !important;
    }

    .bunkeringContainer .isocertificatecopy_craftmyapp_container {
        width: 80%;
    }

    .cargorequirements .descriptionofcargo_craftmyapp_container {
        width: 50%;
    }

    .cargorequirements .cargotype_craftmyapp_container {
        width: 50%;
    }

    .cargorequirements .qty_craftmyapp_container, .cargorequirements .units_craftmyapp_container {
        width: 50% !important;
    }

    .cargorequirements .cargooperation_craftmyapp_container {
        width: 50% !important;
    }

    .cargorequirements .isocertificatecopy_craftmyapp_container {
        width: 80%;
    }

    .cargorequirements .cargocarried_craftmyapp_container {
        width: 50%;
    }
}

.dark-mode .switch input:checked + span.slider {
    background: #088366 !important;
}

.add_agency_popup .modal-content .form-group .form-control.mobile_number {
    padding-left: 100px !important;
}

.norm-acc .modal-body.norminate-wrap.create-add-in-wrap {
    margin-top: 55px;
}

.dark-mode .iti--separate-dial-code .iti__selected-flag {
    background-color: #141d64;
}

.norm-acc .nominate-profile_wrapper {
    border: 1px solid #3A4EB6;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03);
    background: #0B0437;
}

.dark-mode .norm-acc .accordion-item h2 button {
    border: 1px solid #3a4eb6;
    color: #fff !important;
}

.dark-mode .view-btn .edit-btn {
    background: rgb(251 211 147) !important;
    padding: 6px 8px;
}

.dark-mode .update_people_view, .dark-mode .update_team_view, .dark-mode .update_material_view {
    border: 1px solid #3a4eb6 !important;
    border-radius: 5px;
    padding: 7px 11px;
    background: #0b0437 !important;
}

.dark-mode .view-btn .delete-btn {
    background: rgb(237 168 161) !important;
    padding: 8px 8px !important;
    border-radius: 5px;
}

body.dark-mode .people-scroll .nominate-profile_wrapper {
    background: #0e124a !important;
    border: 1px solid #394db3 !important;
}

    body.dark-mode .people-scroll .nominate-profile_wrapper.active {
        background: #172270 !important;
    }

li.file-attach-nom {
    display: flex;
    justify-content: space-between;
}

.dark-mode .back-arrow-people svg path {
    fill: #fff;
}
/*price comparison*/
body .compare-main-head .right-wrap.right-wrap-btn button.generate-pda:first-child {
    border: 1px solid #080C46 !important;
    color: #080C46 !important;
    background: #fff !important;
    font-weight: 600 !important;
}

.compare-main-head .right-wrap.right-wrap-btn button.generate-pda:last-child {
    background: #080C46 !important;
    color: #fff;
}
/*price comparison*/
.norm-acc .people-content table {
    table-layout: unset;
}

.people-content table {
    table-layout: fixed;
}

[data-pricetolltip]:before {
    content: attr(data-pricetolltip);
    position: absolute;
    top: -21px;
    right: 0;
    background: #fff;
    padding: 0px 5px;
    border-radius: 3px;
    color: #039f7a;
    z-index: 99;
    white-space: nowrap;
    font-size: 13px;
    border: 1px solid #039f7a;
    display: none;
}

.compare-check-batch:hover + [data-pricetolltip]:before {
    display: block;
}

#MaterialForm .uploaded_files .modal-title span {
    top: 2px;
    position: relative;
}

.material-scroll .nominate-profile_wrapper.active {
    background: #fff !important;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03) !important;
    position: relative;
}

    .material-scroll .nominate-profile_wrapper.active::after {
        position: absolute;
        content: "";
        width: 3px;
        height: 68px;
        background: rgb(3, 159, 122);
        top: 33%;
        right: 0px;
    }

.team-scroll .nominate-profile_wrapper.active::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 68px;
    background: rgb(3, 159, 122);
    top: 28%;
    right: 0px;
}

.team-scroll .nominate-profile_wrapper.active {
    background: #fff !important;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03) !important;
    position: relative;
}

.norm-acc .people-card {
    display: flex !important;
}

.norm-acc .nomination_list {
    padding-top: 20px !important
}

.row.compare-agent-lst.compare-top-section .compare-check-batch::after {
    content: "\f21a";
    font-family: 'FontAwesome';
    transform: rotate(90deg);
    position: absolute;
    color: #ffff;
    margin-left: 1px;
}

.request-card-list .tools.cma_card_action_tools .dropdown-menu {
    transform: translate3d(-120px, 33px, 0px) !important;
}

    .request-card-list .tools.cma_card_action_tools .dropdown-menu li a {
        padding: 7px 12px !important;
    }

    .request-card-list .tools.cma_card_action_tools .dropdown-menu a {
        padding: 7px 12px !important;
        line-height: 15px;
    }
/*people-material-team*/
body .tabs.pricing-tab .tab-content.material-content {
    padding-top: 0px !important;
    padding-left: 0;
    padding-right: 0;
}

body .nomination_list.row {
    margin-top: 0px !important;
}

body .people-content .nomination_list {
    margin-top: 0px !important;
}

body .tabs.pricing-tab .tab-content.people-content {
    padding-top: 0px !important;
}
/*people-material-team*/
.norm-acc .card-head.request-card.teams-card {
    position: relative;
    right: 0;
    width: 100%;
    justify-content: flex-end;
    display: flex;
    top: -5px;
}

    .norm-acc .card-head.request-card.teams-card ul {
        margin-right: 0px !important;
    }

.norm-acc #materials-card-row .nominate-profile_wrapper.create-add-wrapper {
    border-radius: 5px;
    border: 1px dashed #D5D9D8 !important;
    background: #FFF;
    padding: 10px !important;
}

    .norm-acc #materials-card-row .nominate-profile_wrapper.create-add-wrapper .create_add {
        min-height: 130px;
    }

body .people-scroll .nominate-profile_wrapper {
    border-bottom: 1px solid #eaeaed !important;
    /*border: 1px solid #E8E8E8 !important;*/
    background: #f5f5f5 !important;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03) !important;
    border-radius: 5px !important;
}

.people-serach .dataTables_wrapper .dataTables__top {
    position: relative;
    left: 0;
    top: 0;
}

.no-result-found span {
    color: #717171 !important;
    text-align: center;
    margin-bottom: 10px;
}

.no-result-found a {
    text-decoration: none;
}

a.person-add.update_people_view {
    margin-bottom: 50px;
}

.view-content-loaded .create-frm .modal-footer button {
    margin-left: 5px;
}

@media only screen and (min-width:1350px) and (max-width:1499px) {
    .bunkeringContainer .bunkeroperation_craftmyapp_container {
        width: 135px;
        max-width: 100%;
    }
}

body .people-serach {
    display: flex !important;
}

body .request-lst.etb b {
    margin-top: 4px !important;
}

body .request-lst.etd b {
    margin-top: 4px !important;
}

#RequestContainer .request-status b {
    font-weight: normal !important;
}

#AppointmentContainer .request-status b {
    font-weight: normal !important;
}

.request-lst.request-from b {
    /*font-weight: normal !important;*/
}

#RequestContainer .request-lst.request-from b {
    /* font-weight: normal !important;*/
}

.request-lst.request-client span {
    /*font-weight: normal !important;*/
}

#large .calendar-request-list span {
    font-size: 15px !important;
}

#medium .calendar-request-list span {
    font-size: 14px !important;
}

#small .calendar-request-list span {
    font-size: 13px !important;
}

.cargoContainer .cargo.dependentContainerBorder {
    padding-left: 6px;
}

.servicemaintlt .servicetitle input {
    font-weight: normal;
}

@media only screen and (min-width:320px) and (max-width:699px) {
    .bunkering_craftmyapp_container .detele-common-ico-btn, .cargo_craftmyapp_container .detele-common-ico-btn, .cargorequirements_craftmyapp_container .detele-common-ico-btn {
        position: relative;
        right: unset;
        top: unset;
    }
}


@media only screen and (min-width:1350px) and (max-width:1499px) {
    .bunkeringContainer .bunkername_craftmyapp_container {
        width: 28%;
    }

    .cargorequirements .cargocarried_craftmyapp_container {
        width: 20% !important;
    }
}

.dark-mode .price-acc-right a.compare {
    color: #2974af !important;
}

@media only screen and (min-width:320px) and (max-width:686px) {
    body .reg-comp-card-lst {
        margin-left: unset !important;
    }
}

.norm-acc {
    padding: 20px;
}

    .norm-acc > div {
        margin-bottom: 10px;
    }

    .norm-acc #teams-card-row .nominate-profile_wrapper.create-add-wrapper {
        border: 1px dashed #E8E8E8;
        padding: 5px;
    }

    .norm-acc #people-card-row .nominate-profile_wrapper.create-add-wrapper {
        border: 1px dashed #E8E8E8;
        padding: 5px;
    }

    .norm-acc #materials-card-row .nominate-profile_wrapper.create-add-wrapper {
        border: 1px dashed #E8E8E8;
        padding: 5px;
    }

    .norm-acc #teams-card-row {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        margin-top: 20px;
    }

        .norm-acc #teams-card-row .col-sm-4 {
            /*  max-width: 360px;*/
            width: 100%;
            padding-left: 4px;
            padding-right: 4px;
        }

    .norm-acc #people-card-row {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        margin-top: 20px;
    }

        .norm-acc #people-card-row .col-sm-4 {
            /* max-width: 360px;*/
            width: 100%;
            padding-left: 4px;
            padding-right: 4px;
        }

    .norm-acc #materials-card-row {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        margin-top: 20px;
    }

        .norm-acc #materials-card-row .col-sm-4 {
            /* max-width: 360px;*/
            width: 100%;
            padding-left: 4px;
            padding-right: 4px;
        }


    .norm-acc #myTabsteams {
        margin-right: 54px;
    }

        .norm-acc #myTabsteams li {
            padding: 8px 10px;
        }

    .norm-acc #teams-card-row .nominate-profile_wrapper.create-add-wrapper {
        border-radius: 5px;
        border: 1px dashed #D5D9D8 !important;
        background: #FFF;
        padding: 10px !important;
    }

    .norm-acc #people-card-row .nominate-profile_wrapper.create-add-wrapper {
        border-radius: 5px;
        border: 1px dashed #D5D9D8 !important;
        background: #FFF;
        padding: 10px !important;
    }

.dark-mode .norm-acc #people-card-row .nominate-profile_wrapper.create-add-wrapper {
    border-radius: 5px;
    border: 1px dashed #3a4eb6 !important;
    background: #0b0437;
    padding: 10px !important;
}

.dark-mode .norm-acc #teams-card-row .nominate-profile_wrapper.create-add-wrapper {
    border-radius: 5px;
    border: 1px dashed #3a4eb6 !important;
    background: #0b0437;
    padding: 10px !important;
}

.norm-acc #teams-card-row .nominate-profile_wrapper.create-add-wrapper .create_add {
    min-height: 118px;
}

.norm-acc #people-card-row .nominate-profile_wrapper.create-add-wrapper .create_add {
    min-height: 166px;
}
/*bunkering and cargo*/
.bunkeringContainer .qty_craftmyapp_container, .bunkeringContainer .units_craftmyapp_container {
    width: 100px;
}


.bunkeringContainer .bunkeroperation_craftmyapp_container {
    width: 200px;
    max-width: 100%;
}


.cargorequirements .qty_craftmyapp_container, .cargorequirements .units_craftmyapp_container {
    width: 100px;
}

.cargorequirements .cargooperation_craftmyapp_container {
    width: 205px;
}


/*bunkering and cargo*/

/* .back-arrow-people {
        position: absolute;
        top: -38px;
        left: 0px;
        width: 56px;
        display: none;
    }*/
.back-arrow-people {
    position: absolute;
    top: 17px;
    left: 23px;
    width: 56px;
    display: none;
}

.nomination_list {
    position: relative;
}

@media only screen and (min-width:320px) and (max-width:991px) {
    .back-arrow-people {
        display: block;
    }

    .pmt-active.right-side-people {
        display: block;
    }

    .pmt-active.left-side-people {
        display: block;
    }

    .right-side-people {
        display: none;
    }

    .left-side-people {
        display: none;
    }

        .left-side-people.pmt-active {
            display: block;
        }

    .people-scroll {
        height: auto;
    }
}

@media only screen and (min-width:992px) and (max-width:1279px) {
    .people-scroll .nominate-lst li.file-attach-nom {
        flex-direction: column !important;
    }

        .people-scroll .nominate-lst li.file-attach-nom > div {
            width: 100% !important;
        }
}

.update_people_view, .update_team_view, .update_material_view {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 9px 11px;
    background: #fff;
}

    .update_material_view i.fa-plus {
        color: #039F7A;
    }

.material-scroll ul.arrival-date li label {
    font-weight: normal !important;
}

.create-add-wrapper .update_material_view, .create-add-wrapper .update_team_view, .create-add-wrapper .update_people_view {
    min-height: 40px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 0px 11px !important;
    background: #fff;
    line-height: 38px;
}

.update_people_view i, .update_team_view i, update_material_view i {
    color: #039F7A;
}

.people-scroll .nominate-profile_wrapper {
    background: transparent;
    border: 0;
    box-shadow: inherit;
}

.people-mat-team .view-section {
    box-shadow: 0px 4px 3px 0px rgb(149 138 138 / 3%);
}

.people-scroll .nominate-profile_wrapper.active {
    background: #fff !important;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03) !important;
    position: relative;
}

    .people-scroll .nominate-profile_wrapper.active::after {
        position: absolute;
        content: "";
        width: 3px;
        height: 68px;
        background: #039F7A;
        top: 33%;
        right: 0px;
    }

.people-scroll .nominate-profile_wrapper.active {
    border: 0px !important;
    border-radius: 5px;
}

.people-scroll .nominate-profile_wrapper {
    border-bottom: 1px solid #eaeaed !important;
    border-radius: 0;
}

@media only screen and (min-width:480px) and (max-width:991px) {
    .agency-drop {
        top: 90px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .agency-drop {
        top: 77px !important;
    }
}

.app .header.hor-header .header-brand-img {
    object-fit: contain;
}

@media only screen and (min-width:687px) and (max-width:767px) {
    .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        max-width: calc(100% - 250px) !important;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        /* max-width: calc(100% - 360px) !important;*/
        max-width: calc(100% - 440px) !important;
    }

    .dataTables_wrapper.dicover-engae-wrap .dataTables__top .dataTables_buttons .input-group input {
        width: 110px !important;
        max-width: 100%;
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        max-width: calc(100% - 500px) !important;
    }

    .dataTables_wrapper.dicover-engae-wrap .dataTables__top .dataTables_buttons .input-group input {
        width: 200px !important;
        max-width: 100%;
    }
}

.dark-mode .switch span.slider {
    background: #3a4eb6;
}

.dark-mode #RequestContainer .request-lst.etb span, .dark-mode #RequestContainer .request-lst.etd span {
    color: #d5cfcf !important;
}

.dark-mode .calendar-request-list i {
    color: #d5cfcf;
}

.dark-mode .calendar-request-list {
    color: #d5cfcf !important;
}

.dark-mode #RequestContainer .card-head header .country-port span {
    color: #fff !important;
}

.dark-mode #RequestContainer .request-lst.etb span, .dark-mode #RequestContainer .request-lst.etd span {
    color: #d5cfcf !important;
}

@media only screen and (min-width:320px) and (max-width:768px) {
    .price-accordion-list {
        width: 92% !important;
    }

        .price-accordion-list .price-lft-cont {
            margin-right: 10px;
        }

    .price-acc-right {
        margin-right: 3px;
    }
}

.dark-mode .over-lst .price-amt {
    color: #fff;
}

.image-card .card-head header .country-port span label {
    color: #2cc060;
    font-weight: 800;
}

#AppointmentContainer .request-from b {
    min-width: 60%;
}

#RequestContainer .request-from b {
    min-width: 60%;
}

.card .btn-icon-toggle:hover, .card .btn-flat:hover {
    background: rgba(12, 12, 12, 0.07);
}

.card .btn-icon-toggle, .card .btn-flat {
    padding: 4px 7px 4px 7px;
}

.request-lst.etb span i, .request-lst.etd span i {
    padding-right: 6px;
    /*  font-size: 16px;*/
}

.request-lst.etb span i {
    color: #F39C12;
    /*color: #868286;*/
}

.request-lst.etd span i {
    color: #05A087;
    /*color: #868286;*/
}

body .request-lst.etd span {
    color: #565656 !important;
    font-weight: normal !important;
}

#AppointmentContainer .rquestcard-tlt {
    padding-left: 8px;
}

#AppointmentContainer .card-head header {
    padding-left: 8px;
}

#AppointmentContainer .request-lst.etb span, #RequestContainer .request-lst.etd span {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

#AppointmentContainer .request-lst.etb, #AppointmentContainer .request-lst.etd {
    display: flex;
    flex-direction: column !important;
}

    #AppointmentContainer .request-lst.etb span, #AppointmentContainer .request-lst.etb b, #AppointmentContainer .request-lst.etd span, #AppointmentContainer .request-lst.etd b {
        display: block !important;
        width: 100% !important;
        float: left !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }



    #AppointmentContainer .request-lst.etb span, #RequestContainer .request-lst.etd span {
        color: #565656;
        font-weight: normal;
        font-size: 14px;
        padding-bottom: 7px;
    }

    #AppointmentContainer .request-lst.etb span, #RequestContainer .request-lst.etd span {
        color: #565656 !important;
        font-weight: normal;
        margin-bottom: 1px;
    }

#RequestContainer .request-lst b {
    font-weight: 500;
}

#medium #RequestContainer .request-lst.etb span, #medium #RequestContainer .request-lst.etd span {
    font-size: 14px;
}

#large #RequestContainer .request-lst.etb span, #large #RequestContainer .request-lst.etd span {
    font-size: 15px;
}

#small #RequestContainer .request-lst.etb span, #small #RequestContainer .request-lst.etd span {
    font-size: 13px;
}

#AppointmentContainer .request-lst b {
    font-weight: 500;
}

#AppointmentContainer .request-lst b {
    font-weight: 500;
}

#medium #AppointmentContainer .request-lst.etb span, #medium #AppointmentContainer .request-lst.etd span {
    font-size: 14px;
}

#large #AppointmentContainer .request-lst.etb span, #large #AppointmentContainer .request-lst.etd span {
    font-size: 15px;
}

#small #AppointmentContainer .request-lst.etb span, #small #AppointmentContainer .request-lst.etd span {
    font-size: 13px;
}

#RequestContainer .request-lst b {
    font-weight: 500;
}

.calendar-request-list {
    font-weight: normal !important;
}

b.ver-status.green-clr {
    background: #DFF8E8 !important;
    color: #17C05B !important;
}

/*Approval Pending status color*/
.ver-status.ApprovalPendingstatus {
    background-color: #00308f1a !important;
    color: #00308fb5 !important;
}

b.ver-status.orange-clr {
    background: #FBF0E0 !important;
    color: #DF8B06 !important;
}

/*Approval Pending status color*/
/*.ver-status.ApprovalPendingstatus {
    background-color: #FBF0E0 !important;
    color: #DF8B06 !important;
}
 
b.ver-status.orange-clr {
    background: #E7F4FE !important;
    color: #1092EF !important;
}
*/
/*.ver-status.ApprovalPendingstatus {
    background-color: #FBF0E0 !important;
    color: #DF8B06 !important;
}
 
b.ver-status.orange-clr {
    background: #E7F4FE !important;
    color: #1092EF !important;
}*/

b.ver-status.blue-clr {
    background: #E7F4FE !important;
    color: #1092EF !important;
}

#AppointmentContainer .request-lst .green-clr {
    background: #DFF8E8 !important;
    color: #17C05B !important;
}

#AppointmentContainer .request-lst .orange-clr {
    background: #FBF0E0 !important;
    color: #DF8B06 !important;
}

#AppointmentContainer .request-lst .blue-clr {
    background: #E7F4FE !important;
    color: #1092EF !important;
}

.calendar-request-list {
    color: #363840 !important;
    font-weight: normal;
}

.request-lst.request-from {
    font-weight: normal !important;
}

.request-lst.request-client {
    padding-bottom: 10px;
}

.request-lst.request-from {
    padding-bottom: 5px;
}

#RequestContainer .request-lst.request-number b {
    margin-top: 0px;
    font-weight: 600;
}

#AppointmentContainer .request-lst.request-number b {
    margin-top: 0px;
    font-weight: 600;
}

.etb-etd-request {
    display: flex;
    justify-content: space-between;
    width: 98%;
    border-top: 1px solid #e8e8e8;
    padding: 11px 0px;
    border-bottom: 1px solid #e8e8e8;
}

.grand-total {
    font-weight: 500;
    padding: 10px 0px;
    font-size: 14px;
    font-family: 'Roboto';
}

.grand-total-value {
    font-size: 14px;
    font-family: 'Roboto';
}

#RequestContainer .request-lst.etb, #RequestContainer .request-lst.etd {
    display: flex;
    flex-direction: column !important;
}

    #RequestContainer .request-lst.etb span, #RequestContainer .request-lst.etb b, #RequestContainer .request-lst.etd span, #RequestContainer .request-lst.etd b {
        display: block !important;
        width: 100% !important;
        float: left !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
}

#RequestContainer .request-lst.etb span, #RequestContainer .request-lst.etd span {
    color: #565656;
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 7px;
}

#RequestContainer .request-lst.etb span, #RequestContainer .request-lst.etd span {
    color: #565656 !important;
    font-weight: normal;
    margin-bottom: 1px;
}

@media only screen and (min-width: 641px) and (max-width: 930px) {
    .main-content.mt-0.hor-content {
        margin-top: 50px !important;
    }
}

.create-add-wrapper .create_add {
    height: auto !important;
    padding: 0 !important;
}

.nominate-profile_wrapper.create-add-wrapper {
    border: 0px !important;
    padding: 0px !important;
}

.people-btn-wrapper .card-head.request-card.people-card {
    margin-top: -10px;
}

    .people-btn-wrapper .card-head.request-card.people-card ul li {
        padding: 0px 7px 0px 5px !important;
    }

.material-btn-wrapper .card-head.request-card.material-card {
    margin-top: -10px;
}

    .material-btn-wrapper .card-head.request-card.material-card ul li {
        padding: 0px 7px 0px 5px !important;
    }

@media only screen and (min-width:320px) and (max-width:991px) {
    .nomination_list .left-side-people, .nomination_list .right-side-people {
        width: 100% !important;
    }

    .right-side-people .view-head h2 {
        padding-left: 25px !important;
    }

    .people-scroll {
        height: auto !important;
    }
}

#norminate-people .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
    min-width: 700px;
}

.people-scroll .nominate-profile_wrapper:nth-child(2n-1) {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    box-shadow: inherit !important;
}

.people-serach {
    border-bottom: 1px solid #d7dee3;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.view-content-loaded {
    padding: 15px 0px 10px;
}

.view-head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.view-btn {
    display: flex;
}

    .view-btn .edit-btn {
        margin-right: 10px;
    }

    .view-btn .edit-btn {
        background: rgb(243 156 18 / 20%);
        padding: 6px 8px;
        border-radius: 5px;
    }

    .view-btn .delete-btn {
        background: rgb(231 76 60 / 20%);
        padding: 6px 8px;
        border-radius: 5px;
    }
/*nominate people*/
.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    /*   width: 640px;*/
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}

.come-from-modal.right.fade .modal-dialog {
    right: -0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.come-from-modal.right.fade.in .modal-dialog {
    right: 0;
}
/*nominate people*/

/*people-search*/
/*.people-scroll .nominate-profile_wrapper:nth-child(2n-1) {
    background: #f5f5f5;
    border: 0;
}*/
.people-scroll {
    overflow: auto;
    height: 100vh;
}

    .people-scroll::-webkit-scrollbar {
        width: 5px;
    }

.tabs.pricing-tab .tab-content .people-mat-team .people-content {
    padding: 0px;
    background: #f5f5f5;
}

.dark-mode #AppointmentContainer .request-lst .green-clr {
    background: #DFF8E8 !important;
    color: #17C05B !important;
}

.dark-mode .tabs.pricing-tab .tab-content .people-mat-team .people-content {
    background: #0b0437 !important;
}

.dark-mode .people-mat-team .view-section {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

.dark-mode #partialViewContainer .people-serach .create_add {
    background: #0b0437 !important;
    border: 0;
}

.dark-mode .people-serach .create_add i {
    border-color: #3a4eb6;
}

.people-mat-team .view-section {
    background: #fff;
    padding: 20px;
}

.view-head h2 {
    font-family: 'Roboto';
    font-size: 20px;
}

    .view-head h2 span {
        color: #039F7A;
    }

.people-mat-team .people-serach .create_add {
    background: #fff !important;
}

.people-mat-team .people-serach .nominate-profile_wrapper.create-add-wrapper {
    background: transparent;
    border: 0px !important;
    min-height: auto !important;
    box-shadow: inherit !important;
    padding: 0px;
    margin: 0px;
}

.people-mat-team .people-serach .create_add {
    min-height: auto !important;
    height: auto !important;
    background: transparent;
}


.people-serach {
    display: flex;
    width: 100%;
}

    .people-serach .create_add i {
        border: 1px solid #E8E8E8;
        border-radius: 5px;
        padding: 8px 11px;
        margin-bottom: 0;
        line-height: 18px;
    }

        .people-serach .create_add i::before {
            background: transparent;
            color: #039F7A !important;
            font-size: 18px;
        }

    .people-serach .dataTables_wrapper {
        width: 90%;
        float: left;
        margin-right: 10px;
    }

        .people-serach .dataTables_wrapper .dataTables__top {
            width: 100%;
            flex-direction: row;
        }

#medium .dataTables_wrapper .dataTables__top .input-group {
    width: 100% !important;
}

.people-serach .dataTables_wrapper .dataTables__top .dataTables_buttons {
    width: 100%;
}

/*people-search*/
.iti__flag-container:has(+.iti.iti--allow-dropdown) {
    z-index: 99;
}

@media only screen and (min-width:320px) and (max-width:575px) {
    #agency_header > div {
        min-width: 610px;
    }

    .row.compare-agent-lst.compare-top-section .col-sm-10 {
        width: 83%;
    }
}

.price-acc-right {
    margin-top: 2px;
}

.orgin-material label {
    margin-top: 3px;
    margin-bottom: 2px;
}

.login_section .bg-banner .carousel-inner {
    height: 100vh;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-inline-start: 6px;
    font-size: 14px;
}

.iti__country-list {
    z-index: 991;
}

.add-mat-pep:hover {
    width: 63px !important;
}

.pressurerating_craftmyapp_container {
    margin-top: 20px;
}

@media only screen and (min-width:687px) and (max-width:979px) {
    .card-head.request-card.people-card ul {
        display: flex;
        flex-direction: row;
    }
}

@media only screen and (min-width:320px) and (max-width:686px) {
    .card-head.request-card.people-card ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding-top: 20px;
    }
}

.dapp-lst:has(li.active) {
    border: 1px solid #039f7a;
    position: relative;
}

    .dapp-lst:has(li.active):after,
    .dapp-lst:has(li.active):before {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        transform: rotate(90deg);
    }

    .dapp-lst:has(li.active):after {
        left: 45%;
        border-color: transparent transparent transparent #fff;
        border-width: 10px;
    }

    .dapp-lst:has(li.active):before {
        left: calc(45% - 1px);
        border-color: transparent transparent transparent #039f7a;
        border-width: 11px;
    }

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    width: 96px;
}

.apptaddon_scroll.apptaddon_scroll_expand.expand-activity .drag-scroll {
    overflow: unset;
}

.tabs.pricing-tab.servicesContainer.add-req-tab-full {
    margin-top: 13px !important;
}

.alert {
    margin-top: 10px;
}
/*services-login*/
.dapp-lst ul li.active span {
    color: #1092ef;
}

.dark-mode .dapp-lst ul li.active span {
    color: #2dedc3 !important;
}

.dapp-lst ul li.active label {
    color: #1092ef;
}

#MaterialForm .input-file label {
    line-height: 24px;
}

.card-head.request-card.material-card {
    margin-right: 23px;
}

.discovery-dashboard {
    margin-top: 10px;
}

div#contentArea {
    background: #fff;
    position: relative;
    margin: 25px 1%;
    width: 98%;
    border-radius: 5px;
}

#contentArea .row.div_filter {
    top: 102px !important;
}

div#contentArea .card.tab-card.request-card-head.request-pg {
    margin-left: 2px !important;
    margin-right: 0px;
    margin-top: 0px;
}

div#contentArea h3.formHdr {
    margin-top: 14px;
    font-size: 22px;
    font-family: 'Roboto';
}

#medium div#contentArea h3.formHdr {
    font-size: 20px;
}

#small div#contentArea h3.formHdr {
    font-size: 18px;
}

#large div#contentArea h3.formHdr {
    font-size: 22px;
}

div#RequestContainer::-webkit-scrollbar {
    width: 7px;
}

.login-welcome-content {
    width: 80%;
}

ul.services-login {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    ul.services-login li a {
        color: #fff !important;
        font-size: 16px;
        font-family: 'Roboto';
        text-transform: capitalize;
    }

    ul.services-login li {
        border-bottom: 1px solid #cdcdcd;
        width: 100%;
        margin-right: 42px;
        padding-bottom: 6px;
    }

        ul.services-login li.active::after {
            position: absolute !important;
            content: "";
            background: #00E7C0;
            left: 0px;
            bottom: -2px;
            height: 3px;
            width: 60%;
            box-shadow: 1px 3px 6px rgb(166 233 208 / 60%);
            border-radius: 4px;
        }

    ul.services-login li {
        position: relative !important;
        width: 100%;
    }
/*service login*/
.alertcontent_craftmyapp_container textarea#alertcontent {
    height: auto !important;
}

#MaterialForm > label {
    margin-top: 7px;
    margin-bottom: 4px;
}

html body .add-agency-pricing .pricing-tab.add-req-tab-full .price-sticky, .add-agency-pricing div#servicesContainerparents_l .pricing-tab.add-req-tab-full .price-sticky {
    margin-top: 20px !important;
}

.tenantSection_agency_profile.sticky {
    top: 116px;
}
/*add ship*/
.shipcontactsContainer .row, .historyContainer .row, .cargoContainer .row, .mainreductiongearContainer .row, .equipmentContainer .row, .lifeboatContainer .row, .navigationContainer .row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.shipcontactsContainer, .historyContainer, .cargoContainer, .mainreductiongearContainer, .equipmentContainer, .lifeboatContainer, .navigationContainer {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
}

    .shipcontactsContainer::-webkit-scrollbar, .historyContainer::-webkit-scrollbar, .cargoContainer::-webkit-scrollbar, .mainreductiongearContainer::-webkit-scrollbar, .equipmentContainer::-webkit-scrollbar, .lifeboatContainer::-webkit-scrollbar, .navigationContainer::-webkit-scrollbar {
        height: 5px;
    }

    .engineContainer .row .col-sm-2, .generatorContainer .row .col-sm-2, .shipcontactsContainer .row .col-sm-2, .historyContainer .row .col-sm-2, .cargoContainer .row .col-sm-2, .mainreductiongearContainer .row .col-sm-2, .equipmentContainer .row .col-sm-2, .lifeboatContainer .row .col-sm-2, .navigationContainer .row .col-sm-2 {
        width: 200px;
    }
/*add ship*/
.annualbudget_craftmyapp_container label {
    line-height: 22px;
    color: #8c8c8c;
    margin-bottom: 2px;
}

.annualbudget_craftmyapp_container input {
    border-radius: 4px;
    border-color: #e8e8e8;
}

.request-service .pricing-wrap .card-body .select2 {
    display: block;
    width: 100% !important;
}

.popover {
    opacity: 0;
}
/*price comparison*/
/*newly added with scroll fixed par*/
.price-slider-wrapper {
    max-height: calc(100vh - 256px)
}

.price-slider {
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 5px 3px 0px 100vmax #fff;
    background: #fff;
    clip-path: inset(0 -100vmax);
}
/*newly added with scroll fixed*/
.row.compare-agent-lst.compare-top-section {
    overflow: unset;
}

.price-slider-wrapper .price-table .table-responsive {
    overflow: unset !important;
}

.price-table .table-responsive {
    overflow: unset !important;
}

.price-slider-wrapper {
    overflow: auto;
}

.row.compare-agent-lst.compare-top-section .state-lst {
    position: sticky !important;
    top: 0 !important;
    left: 0px;
    background: transparent;
    z-index: 999;
    margin-top: 21px;
}

.row.compare-agent-lst.compare-top-section {
    position: relative;
}

.price-slider-wrapper .price-slider {
    overflow: unset !important;
}

body .row.compare-agent-lst.compare-top-section {
    box-shadow: unset !important;
}
/*price comparison*/
/*#tblAgencyPricing_wrapper .dataTables_wrapper .dataTables_buttons .dataTables_length {
    margin-right: 10px;
}
    #tblAgencyPricing_wrapper .dataTables_wrapper .dataTables_buttons .dataTables_length select {
        width: 100px !important;
        max-width: 100% !important;
    }*/
@media only screen and (min-width:320px) and (max-width:640px) {
    .main-content.mt-0.hor-content {
        margin-top: 70px !important;
    }
}

.card.tab-card.request-card-head .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
    top: 9px;
}

.row.compare-agent-lst.compare-top-section .compare-check-batch.white {
    border-bottom: solid 30px rgb(255 255 255);
    border-right: solid 30px rgb(254 255 255);
    border-left: solid 30px white;
}

.dark-mode .termsModal .modal-footer button {
    color: #fff !important;
}

.dark-mode .termsmodal {
    background: #0b0437 !important;
    color: #fff !important;
    border-color: #3a4eb6 !important;
}

.dark-mode .row.compare-agent-lst.compare-top-section .compare-check-batch.white {
    border-bottom: solid 30px rgb(11 4 55);
    border-right: solid 30px rgb(11 4 55);
    border-left: solid 30px #0b0437;
}

.termsModal .modal-header button.close {
    background: transparent;
    border: 0;
}

    .termsModal .modal-header button.close span.rightclose {
        font-size: 22px !important;
    }

.termsModal .modal-body {
    height: 227px;
    overflow: auto;
    margin: 15px;
}

.termsmodal {
    background: #fff !important;
    color: #251f70 !important;
    border-color: #039f7a !important;
}

.terms-wrapper .th-tlt a {
    text-align: center !important;
    display: block;
    color: #272E38;
    text-decoration: none;
}

#medium .terms-wrapper .th-tlt a {
    font-size: 16px;
}

#large .terms-wrapper .th-tlt a {
    font-size: 17px;
}

#small .terms-wrapper .th-tlt a {
    font-size: 15px;
}

.invoicetype_craftmyapp_container .select2-container, .currency_craftmyapp_container .select2-container {
    width: 100% !important;
}

.client_address_email table.table.table-bordered tr:nth-child(2n) {
    background: #f2f2f2;
}

.dark-mode .price-tab-tlt a {
    border-color: #3a4eb6;
    color: #fff !important;
}

.dark-mode .state-lst .compare-cont-lst .compare-cont-rgt label {
    color: #fff;
}

.bactc-sym svg path {
    fill: #000 !important;
    opacity: 1;
}

.bactc-sym {
    padding: 0px 5px 0px 8px;
}

.compare-mg h3 {
    font-size: 18px;
    color: #272E38;
    line-height: 26px;
}

    .compare-mg h3 svg {
        margin-left: 10px;
    }

.dark-mode .compare-mg h3 {
    color: #fff;
}

.dark-mode .compare-main-head .right-wrap.right-wrap-btn button {
    color: #fff;
    border-color: #3a4eb6 !important;
}

.dark-mode .bactc-sym svg path {
    fill: #fff !important;
    opacity: 1;
}

.dark-mode .bactc-sym svg path {
    fill: #fff !important;
    opacity: 1;
}

#large .compare-mg h3 {
    font-size: 16px;
}

.client_address_email table {
    border-collapse: collapse;
    margin: 0 auto;
}

#medium .compare-mg h3 {
    font-size: 16px;
}

#small .compare-mg h3 {
    font-size: 16px;
}

.compare-agent-slide .add_agency_popup {
    width: 100%;
    height: 100%;
    right: 0 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    background: #1613134a;
}

    .compare-agent-slide .add_agency_popup .container {
        max-width: 350px !important;
        background: #fff;
        margin: auto !important;
        max-height: 90vh;
        overflow: auto;
    }

    .compare-agent-slide .add_agency_popup[style="display: block;"] {
        display: grid;
        place-content: center;
    }

.nomination_list.row {
    margin-top: 25px;
}

#servicesContainer_wrapper.dataTables_wrapper table thead th:last-child, #servicesContainer_wrapper.dataTables_wrapper table tbody tr td:last-child {
    width: auto !important;
    min-width: auto !important;
}

.compare-main-head .right-wrap.right-wrap-btn button, .compare-main-head .right-wrap.right-wrap-btn button:hover {
    border: 1px solid #ccc !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    margin-left: 7px;
    height: 37px;
    color: #717171;
    padding: 0px 13px;
    width: 73px;
    padding: 0px 0px !important;
}

.compare-mg {
    display: flex;
    align-items: center;
    margin-bottom: 8px !important;
}

    .compare-mg h3 {
        padding-left: 10px;
    }

.compare-agent-slide .add_agency_popup {
    width: 100%;
    height: 100%;
    right: 0 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    background: #1613134a;
}

    .compare-agent-slide .add_agency_popup .container {
        max-width: 350px !important;
        background: #fff;
        margin: auto !important;
        max-height: 90vh;
        overflow: auto;
    }

    .compare-agent-slide .add_agency_popup[style="display: block;"] {
        display: grid;
        place-content: center;
    }

.anchor-tlt {
    font-weight: 500;
    font-family: 'Roboto';
    font-size: 15px;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.ShipPrimaryInfo_craftmyapp_container .accordion-det .accordion-button:after, .attributes_craftmyapp_container .accordion-det .accordion-button:after {
    content: '';
    background: url('assets/images/maximize.png');
    background-repeat: no-repeat;
    width: 25px;
    left: 0;
    height: 25px;
}

button.save-order-btn, button.save-order-btn:hover {
    background: #fff !important;
    border: 1px solid #ededed !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    color: #0095bc;
    padding: 6px 14px;
    text-transform: capitalize;
    font-family: 'Roboto';
    font-weight: 500 !important;
    font-size: 15px;
    width: 80px;
}

.dark-mode button.save-order-btn, .dark-mode button.save-order-btn:hover {
    background: #0e124a !important;
    border: 1px solid #8CC2FF !important;
    color: #8CC2FF !important;
}

#medium button.save-order-btn, #medium button.save-order-btn:hover {
    font-size: 15px;
}

#large button.save-order-btn, #large button.save-order-btn:hover {
    font-size: 16px;
}

#small button.save-order-btn, #small button.save-order-btn:hover {
    font-size: 14px;
}

.compare-check.compare-special-combo {
    display: flex;
    justify-content: space-between;
}

body .compare-special-combo label.special-txt {
    background: rgb(16 146 239 / 10%);
    border: 1px solid #1092EF !important;
    width: 150px;
    text-align: center;
    height: 27px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 4px;
}

.save-order-btn {
    position: relative;
    top: 8px;
}

#agency_header {
    display: flex;
}

#order_summary button {
    border: 0px;
    background: transparent;
}

#agency_header > div {
    padding: 0px 5px;
    /*width: 610px;*/
    max-width: 100%;
}

.row.compare-agent-lst.compare-top-section::-webkit-scrollbar {
    height: 4px;
}

span.client-preferred {
    color: #039F7A;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
    opacity: 0;
}

.row.compare-agent-lst.compare-top-section {
    display: flex;
}

@media only screen and (min-width: 320px) and (max-width: 1135px) {
    html body .card-block .add-request-save.btn-primary {
        margin-right: 24px;
    }
}

.review-common-title.sales-common-title.rework {
    padding-top: 5px;
}

    .review-common-title.sales-common-title.rework label, .review-common-title.sales-common-title.rework span {
        position: relative;
        top: 2px;
    }

@media only screen and (min-width: 623px) and (max-width: 930px) {
    body .card.request-card-head {
        /*margin-top: 50px !important;*/
        margin-top: 0px !important;
    }
}

button#AddNewPO {
    height: 38px;
    margin-right: 6px;
}

.tabs.pricing-tab ul#tabs-nav li a span {
    margin: 0 auto !important;
}

.tabs.pricing-tab ul#tabs-nav li:hover a span, .tabs.pricing-tab ul#tabs-nav li.active a span {
    margin-right: 7px !important;
}

body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li:hover, body .tabs.pricing-tab ul#tabs-nav li:hover, body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li.active, body .tabs.pricing-tab ul#tabs-nav li.active {
    background: #04927b !important;
}

    body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li:hover a, body .tabs.pricing-tab ul#tabs-nav li:hover a, body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li.active a, body .tabs.pricing-tab ul#tabs-nav li.active a {
        color: #fff !important;
        /* font-weight: bold; */
    }

@media only screen and (min-width:1136px) and (max-width:1341px) {
    .cargoContainer .cargounits_craftmyapp_container, .cargoContainer .numbers_craftmyapp_container, .cargoContainer .cargocapacity_craftmyapp_container {
        min-width: 100px !important;
    }
}

.uploaded_files {
    max-height: fit-content !important;
}
/*instruction invoice*/
@media only screen and (min-width:1180px) and (max-width:1366px) {
    .InvoiceDetails_craftmyapp_container .col-sm-3 {
        width: 33%;
    }
}

@media only screen and (min-width:991px) and (max-width:1179px) {
    .InvoiceDetails_craftmyapp_container .col-sm-3 {
        width: 50%;
    }

    .invoicetype_craftmyapp_container .select2-container {
        width: 100% !important;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .InvoiceDetails_craftmyapp_container .col-sm-3 {
        width: 50%;
    }

    .invoicetype_craftmyapp_container .select2-container {
        width: 100% !important;
    }

    .add-invoice_wrap {
        width: 100% !important;
    }

    .InvoiceDetails_craftmyapp_container {
        width: 100% !important;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .InvoiceDetails_craftmyapp_container .col-sm-3 {
        width: 100%;
    }

    .invoicetype_craftmyapp_container .select2-container {
        width: 100% !important;
    }

    .add-invoice_wrap {
        width: 100% !important;
    }

    .InvoiceDetails_craftmyapp_container {
        width: 100% !important;
    }
}

.invoice_instruction {
    border: 1px solid #ccc;
    box-shadow: 2px 3px 2px rgb(211 198 198 / 50%);
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    height: 100%;
}

.invoice_instruction_title {
    color: #262E2F;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 11px;
}

    .invoice_instruction_title svg {
        margin-right: 6px;
    }

.invoice_instruction p {
    color: #6C6C6C;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 154.5%; /* 21.63px */
}

.invoice_instruction_list ul li p {
    color: #6C6C6C;
    font-family: Roboto;
    font-weight: normal !important;
    font-size: 14px;
    font-style: normal;
    line-height: 162.5%; /* 22.75px */
    margin-left: 26px;
}

.invoice_instruction_list ul li {
    position: relative;
}

    .invoice_instruction_list ul li::after {
        content: "\f00c";
        font-family: fontawesome;
        position: absolute;
        top: 0px;
        color: #E65F5C;
    }

.instruction_accept {
    color: #272E38;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
    margin-left: 5px;
}

    .instruction_accept input[type="checkbbox"] {
        width: 20px;
        height: 20px;
    }
/*instruction invoice*/
.tabs.pricing-tab:has(.price-sticky) {
    min-height: unset !important;
}

#servicesContainerparents_l .pricing-tab ul#tabs-nav, .pricing-tab ul#tabs-nav {
    margin-top: 10px;
}

.dark-mode form .card.card-blue .card-head button span.fa-plus {
    color: #2d4274 !important;
}

@media only screen and (min-width:945px) and (max-width:1410px) {
    body .tabs.pricing-tab .tab-content .detele-common-ico-btn {
        width: 55px !important;
        min-width: 55px !important;
        padding-left: 0 !important;
        padding-right: 0px !important;
    }

    .tabs.pricing-tab .tab-content .detele-common-ico-btn button svg {
        width: 23px !important;
    }
}

.dark-mode textarea.comments {
    color: #fff !important;
}

.cargoContainer .dependentContainerBorder, .cargorequirementsContainer .dependentContainerBorder, .bunkeringContainer .dependentContainerBorder {
    padding: 0px 3px;
}

.dark-mode .tabs.pricing-tab {
    background: #0d0734;
}

body form button.btn-remove-row {
    margin-top: 30px !important;
}

.dark-mode .state-lst .compare-content h3 {
    border-bottom: 1px solid #3a4eb6;
}

.dark-mode .SumoSelect > .CaptionCont .placeholder {
    background: #0b0437;
}

.compare-agent-lst .compare-content h3 svg {
    margin-top: 5px;
}

.dark-mode .compare-agent-lst.compare-top-section .f-lst {
    background: #251f70;
}

.row.compare-agent-lst.compare-top-section {
    padding: 0;
    background: transparent !important;
}

    .row.compare-agent-lst.compare-top-section .state-lst {
        padding: 0;
        min-width: 140px !important;
        width: 222px;
        max-width: 100%;
        position: relative;
        top: 22px !important;
    }

body .row.compare-agent-lst.compare-top-section {
    background: transparent !important;
}

.price-slider .col-md-12 {
    padding: 0px;
}

.compare-content .rating-container {
    position: relative;
    top: -10px;
}

.ShipPrimaryInfo_craftmyapp_container span.select2:last-child {
    display: none;
}

.dark-mode .add_request-list .order-summary .table-responsive table thead {
    background: #080c46;
    box-shadow: 2px 0px 8px rgb(58 78 182 / 50%);
}

.dark-mode #summaryContent th {
    background: #0e124a;
}

.dark-mode .countSection input {
    color: #fff;
}

.dark-mode .accordion.price-accordion, .dark-mode .accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.dark-mode .right_btn i, .dark-mode span {
    /*  color: #fff !important;*/
}

.dark-mode .request-tab ul {
    background: #0e124a;
}

.dark-mode .agency-header-right button {
    background: #0e124a;
    border: 1px solid #3a4eb6 !important;
    color: #fff !important;
}

.dark-mode .price-left-arrw .price-mg svg path {
    fill: #fff;
    stroke: #fff;
}

.price-slider {
    overflow: auto;
}

    .price-slider::-webkit-scrollbar {
        height: 7px;
    }

.job-request-list .requesttab {
    overflow: auto;
    height: 100vh;
}

    .job-request-list .requesttab::-webkit-scrollbar {
        width: 6px;
    }

.groupid_craftmyapp_container label {
    margin-bottom: 0px !important;
}

.card-head.request-card ul {
    border: 0px !important;
}

.norm-acc .accordion-item h2 button {
    border: 1px solid #f1eeee;
}

.dark-mode .norm-acc .accordion-item h2 button {
    border: 1px solid #3a4eb6;
}
/*send rfq*/
div#rfq_comments_popup {
    position: fixed !important;
    /*top: 35%;*/
    left: 34%;
}

@media only screen and (min-width:600px) and (max-width:767px) {
    div#rfq_comments_popup {
        left: 12% !important
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {

    div#rfq_comments_popup {
        width: 260px;
        left: 12% !important
    }

        div#rfq_comments_popup #divcomments {
            width: 300px;
        }
}
/*send rfq*/
.add-req-tab-full .add-req-wrap {
    position: relative;
}

    .add-req-tab-full .add-req-wrap button.right-arrow, .add-req-tab-full .add-req-wrap button.right-arrow:hover {
        right: 28% !important;
        top: 36px;
        background: transparent !important;
        border: 0px !important;
        padding: 0px !important;
        margin: 0px !important;
        width: 36px;
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF !important;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.13);
        padding: 4px !important;
    }

.add-req-wrap {
    justify-content: space-between;
}
/*.add-req-tab-full .tab-content:has(.right-section.planner.hide) .add-req-wrap button.right-arrow {
    right: 14px !important;
}*/
.add-req-tab-full .tab-content:has(.right-section.planner.hide) .add-req-wrap button.right-arrow {
    right: 14px !important;
}

.tabs.pricing-tab.request-service.add-request-serv.add-req-tab-full .tab-content {
    padding-top: 5px !important;
}

@media only screen and (min-width: 480px) and (max-width: 930px) {
    .bread_crumbs {
        margin-top: 0px !important;
    }
}
/*html body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li.active {
    background: #8CC2FF !important;
}*/
.tabs.pricing-tab.add-req-tab-full .tab-content > div {
    margin-top: 2px !important;
}

html body .pricing-tab.add-req-tab-full .price-sticky, div#servicesContainerparents_l .pricing-tab.add-req-tab-full .price-sticky {
    margin-top: 10px !important;
}

.add-req-tab-full.agencyprice .price-sticky ul {
    margin-top: 40px !important;
}

@media only screen and (min-width:320px) and (max-width:1135px) {
    .add-req-wrap .button-section {
        display: none;
    }

    /*  .add-req-wrap .add_request-list.right-section.planner {
        position: absolute;
        left: 0px;
        z-index: 9999;
        background: #fff;
        width: 100% !important;
        top: 0px;
        height: 100%;
    }*/
    .add_request-list.right-section.planner {
        display: block !important;
        right: -458px !important;
        transition: 1s all;
    }

        .add_request-list.right-section.planner.shipPopup {
            right: 0 !important;
        }

    .add-req-wrap .add_request-list.right-section.planner {
        position: absolute;
        /* left:0px;*/
        left: unset;
        right: 0px;
        z-index: 999999;
        background: #fff;
        width: 100% !important;
        top: 0px;
        height: 100%;
        max-width: 450px;
    }

    body .add-req-wrap .center-section {
        width: 100% !important;
    }
}

/*price sticky full width*/
.dark-mode .add-req-tab-full .price-sticky {
    width: 100%;
}

.add-req-tab-full .tab-content {
    margin-top: 0px !important;
}

.add-req-tab-full {
    display: flex;
    flex-direction: column;
}

    .add-req-tab-full .price-sticky {
        width: 100%;
        width: 98%;
        max-width: 100% !important;
        margin-left: 17px;
    }

        .add-req-tab-full.price-sticky ul {
            display: flex;
            flex-wrap: nowrap;
            overflow: auto;
            width: 100% !important;
            min-width: 100% !important;
            margin-top: 60px !important;
            margin-bottom: 10px;
            border: 0px !important;
        }

body .add-req-tab-full .price-sticky ul li a {
    display: flex !important;
    flex-direction: row !important;
    min-height: auto !important;
    height: auto !important;
}

body .add-req-tab-full .price-sticky ul li {
    height: auto !important;
    min-height: auto !important;
}

.tabs.pricing-tab.add-req-tab-full ul#tabs-nav li {
    height: auto !important;
    min-height: auto !important;
    width: auto !important;
    padding: 3px 14px;
    border: 0px !important;
}

    .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li.active {
        border-radius: 5px;
        border-bottom: 1.5px solid #039F7A !important;
        background: #039F7A !important;
    }

        .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li.active a {
            font-family: 'Roboto';
            font-weight: 600;
        }

    .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li a span {
        margin-right: 7px !important;
    }

.tabs.pricing-tab.add-req-tab-full ul#tabs-nav li {
    border-radius: 5px;
    background: #F4F4F5;
    margin-left: 8px !important;
}

    .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li:hover {
        border-radius: 5px;
        border-bottom: 1.5px solid #039F7A !important;
        background: #039F7A !important;
    }

        .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li:hover a {
            color: #fff !important;
            font-family: 'Roboto';
            font-weight: 600;
        }

.dark-mode .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li {
    border-radius: 5px;
    background: #262A5C;
    margin-left: 8px !important;
}

    .dark-mode .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li:hover {
        border-radius: 5px;
        border-bottom: 1.5px solid #0A74B0 !important;
        background: #0A74B0 !important;
    }

    .dark-mode .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li.active {
        border-radius: 5px;
        border-bottom: 1.5px solid #0A74B0 !important;
        background: #0A74B0 !important;
    }

body .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li.active {
    border-top: 0px !important;
}

.dark-mode .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li.active a {
    color: #fff !important;
    font-family: 'Roboto';
    font-weight: 600;
}

.dark-mode .tabs.pricing-tab.add-req-tab-full ul#tabs-nav li:hover a {
    color: #0B1340 !important;
    font-family: 'Roboto';
    font-weight: 600;
}

.tabs.pricing-tab.request-service.add-request-serv .tab-content {
    padding-top: 15px !important;
    padding-right: 0px;
    margin-right: 0px;
}

.add-req-tab-full .add-req-wrap {
    margin: 0px;
    padding: 0px;
}

.tabs.pricing-tab.add-req-tab-full .tab-content {
    width: 100%;
}

.add-req-tab-full .price-sticky ul {
    display: flex;
    margin-top: 60px;
    margin-bottom: 8px;
    min-width: 100% !important;
    width: 100% !important;
    overflow: auto;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

    .add-req-tab-full .price-sticky ul::-webkit-scrollbar {
        height: 5px;
    }

    .add-req-tab-full .price-sticky ul li a {
        white-space: nowrap;
    }
/*price sticky full width*/
.convertedcurrency_craftmyapp_container label, .groupid_craftmyapp_container label {
    margin-bottom: 2px;
}

.cargoContainer .detele-common-ico-btn button, .cargorequirementsContainer .detele-common-ico-btn button, .bunkeringContainer .detele-common-ico-btn button {
    padding: 0px 2px;
    outline: none;
    border: 0;
    background: transparent;
}

.cargorequirementsContainer .attachments_craftmyapp_container, .bunkeringContainer .attachments_craftmyapp_container {
    min-width: 500px;
    width: 65%;
    max-width: 100%;
}

.cargoContainer .detele-common-ico-btn, .cargorequirementsContainer .detele-common-ico-btn, .bunkeringContainer .detele-common-ico-btn {
    margin-left: 10px !important;
}

.cargoContainer .row:not(:first-child,:last-child) .detele-common-ico-btn .btn-add-price {
    display: block;
    opacity: 0;
}

.cargorequirementsContainer .row:not(:first-child,:last-child) .detele-common-ico-btn .btn-add-price {
    display: block;
    opacity: 0;
}

.cargoContainer.cargo .row:not(:first-child,:last-child) .detele-common-ico-btn .btn-add-price {
    display: block;
    opacity: 0;
}

.bunkeringContainer .row:not(:first-child,:last-child) .detele-common-ico-btn .btn-add-price {
    display: block;
    opacity: 0;
}

.ShipPrimaryInfo_craftmyapp_container .portofregistry_craftmyapp_container span.select2.select2-container.select2-container--default, .ShipPrimaryInfo_craftmyapp_container .flag_craftmyapp_container span.select2.select2-container.select2-container--default {
    width: auto !important;
}

div#RequestContainer.automaton_card .request-card-list .image-card .card-head {
    position: relative;
}

    div#RequestContainer.automaton_card .request-card-list .image-card .card-head .tools.cma_card_action_tools {
        position: absolute;
        top: 5px;
        right: 0px;
    }

.cargorequirementsContainer .cargorequirements:nth-child(2n), .cargoContainer .cargo:nth-child(2n), .bunkeringContainer .bunkering:nth-child(2n) {
    border-radius: 0px 0px 5px 5px;
    background: #F9F9F9;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dark-mode .cargorequirementsContainer .cargorequirements:nth-child(2n), .dark-mode .cargoContainer .cargo:nth-child(2n), .dark-mode .bunkeringContainer .bunkering:nth-child(2n) {
    border-radius: 0px 0px 5px 5px;
    background: #0e0544;
    padding-top: 7px;
    padding-bottom: 7px;
}

.cargoContainer .cargounits_craftmyapp_container, .cargoContainer .numbers_craftmyapp_container, .cargoContainer .cargocapacity_craftmyapp_container {
    width: 13%;
    min-width: 122px;
    max-width: 100%;
}

.add-req-wrap {
    align-items: self-start;
}

.DepartureCondition_craftmyapp_container .hasbowthrusters_craftmyapp_container, .DepartureCondition_craftmyapp_container .hassternthursters_craftmyapp_container {
    padding-left: 11px !important;
}

    .DepartureCondition_craftmyapp_container .hasbowthrusters_craftmyapp_container label.switch, .DepartureCondition_craftmyapp_container .hassternthursters_craftmyapp_container label.switch {
        position: relative;
        top: 5px;
    }

div#accordionAttribute {
    padding: 0px 10px;
    margin-bottom: 20px;
    padding-bottom: 8px;
}

form .card.card-blue.accordion-det .card-head button.btn-add-attributes {
    display: flex;
    background: #080C46 !important;
    border-radius: 5px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #ffffff !important;
    padding: 6px 12px !important;
    margin-left: 10px;
}

    form .card.card-blue.accordion-det .card-head button.btn-add-attributes span {
        padding-right: 6px;
        padding-top: 2px;
    }
/*accordion-det*/
form .card.card-blue.accordion-det .card-head button {
    background: transparent !important;
    padding: 0px;
    color: #404748 !important;
    border: 0px;
    outline: none;
    box-shadow: inherit;
}

form .card.card-blue.accordion-det .card-head .accordion-item {
    padding: 0px !important;
    margin: 0px !important;
}

form .card.card-blue.accordion-det .card-head {
    margin: 0px !important;
}

.dark-mode form .card.card-blue.accordion-det .card-head button {
    color: #fff !important;
}
/*accordion-det*/
.dark-mode ul.arrival-date li label, .dark-mode ul.arrival-date li a {
    color: #ebe7e7 !important;
}

.dark-mode .review_logs_parent i {
    color: #fff;
}

.nominate-lst ul li span img, .nominate-lst ul li span svg {
    vertical-align: unset;
}

.conversionsContainerBodyParent {
    padding: 7px;
}

#medium .help-block, #large .help-block, #small .help-block {
    color: #eb4b5a !important;
}

.upload-common span.showFiles {
    position: absolute;
    right: 0px;
    top: 6px;
}

.attachments_craftmyapp_container.list_card_section .form-group .input-file input[type="file"] {
    position: relative;
    z-index: 9;
}
/*prefund Receipt*/
div#PrefundRequestContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
    column-gap: 10px;
    row-gap: 13px;
}

    div#PrefundRequestContainer .col-md-3 {
        max-width: 320px;
        width: 100%;
        padding-left: 4px;
        padding-right: 4px;
    }

#PrefundRequestContainer .scroll ul li label {
    font-family: 'Roboto';
    font-weight: 600;
    width: 60%;
    float: left;
}

#PrefundRequestContainer .scroll ul li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 15px;
    padding: 4px 0px;
}

    #PrefundRequestContainer .scroll ul li b {
        font-family: 'Roboto';
        width: 40%;
        float: right;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        font-weight: normal;
    }

div#PrefundRequestContainer .card-head {
    display: none;
}
/*prefund Receipt*/
.units_craftmyapp_container select {
    width: 100%;
}

.eta-td {
    min-width: 120px;
}

.review-common-title.rework {
    display: flex;
    margin-bottom: 10px;
    margin-left: 8px;
}

    .review-common-title.rework label {
        padding-left: 6px;
    }

div#exampleModal .card .card-body.ship-detail .form-group label {
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

div#exampleModal .card .card-body.ship-detail .form-group input[type="text"], div#exampleModal .card .card-body.ship-detail .form-group select {
    min-height: 42px !important;
}

div#exampleModal .card .card-body.ship-detail .form-group label {
    line-height: 26px;
}

.form-group:has(.error_filelds) span.select2-selection {
    border: 1px solid #f00 !important;
}

.dark-mode .form-group:has(.error_filelds) span.select2-selection {
    border: 1px solid #f00 !important;
}

.form-group:has(.select2) {
    display: flex;
    flex-direction: column;
}

    .form-group:has(.select2) .select2 {
        order: 2;
    }

    .form-group:has(.select2) label {
        order: 1;
    }

    .form-group:has(.select2) .help-block {
        order: 3;
    }

.currency_craftmyapp_container .select2 {
    display: block;
}

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

html body .card-block .add-request-save.btn-primary {
    background: #080C46 !important;
    color: #FFF !important;
    text-align: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    line-height: 21px;
    border: 1px solid #080C46 !important;
}

html body.dark-mode .card-block .add-request-save.btn-primary {
    background: #8cc2ff !important;
    border: 1px solid #8cc2ff !important;
    color: #000 !important;
}
/*agency-price-popup*/
.agency-price-popup {
    width: 100%;
    background: unset !important;
    height: 100vh;
    inset: 0 !important;
    box-shadow: unset !important;
}

    .agency-price-popup div#divAddAgency {
        width: 340px;
        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2);
        background: #fff;
        margin: auto;
        max-height: 90vh;
        overflow: auto;
    }

    .agency-price-popup div#add-agency-popup[style="display: block;"] {
        display: grid !important;
    }
/*agency-price-popup*/
.summaryContent .table-responsive {
    min-height: 480px;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .agency-header {
        flex-direction: column;
        margin-top: 47px !important;
    }

    .agency-header-left {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 14px;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width:768px) and (max-width:930px) {
    .agency-header {
        margin-top: 40px !important;
    }
}

.agency-pricing-wrap {
    padding-top: 30px !important;
}

.agency-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
    margin-top: 4px;
    align-items: center;
}

.agency-header-left {
    display: flex;
    align-items: center;
}

    .agency-header-left label {
        color: #262E2F;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-right: 6px;
    }

    .agency-header-left p {
        color: #0AA04F;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0px;
    }

    .agency-header-left span {
        color: #6C6C6C;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-left: 8px;
    }

#large .agency-header-left label {
    font-size: 20px;
}

#medium .agency-header-left label {
    font-size: 18px;
}

#small .agency-header-left label {
    font-size: 16px;
}

#large .agency-header-left p {
    font-size: 18px;
}

#medium .agency-header-left p {
    font-size: 17px;
}

#small .agency-header-left p {
    font-size: 16px;
}

#large .agency-header-left span {
    font-size: 16px;
}

#medium .agency-header-left span {
    font-size: 15px;
}

#small .agency-header-left span {
    font-size: 14px;
}

.agency-header-right button {
    color: #717171;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 3px;
    border: 1px solid #717171 !important;
    padding: 5px 13px;
}

#large .agency-header-right button {
    font-size: 15px;
}

#medium .agency-header-right button {
    font-size: 14px;
}

#small .agency-header-right button {
    font-size: 13px;
}

.pricing-dashboard-right .summaryContent .fade {
    display: none;
}

    .pricing-dashboard-right .summaryContent .fade.show {
        display: block;
    }

.pricing-dashboard-left .price-accordion .accordion-body .price-wrap-lst#interacting-agency {
    display: block;
}

.summaryContent table tbody tr td {
    border-bottom: 0px;
}

.nominate {
    color: #1F3774 !important;
    text-decoration: none;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.price-acc-right a.nominate:after {
    background: #1F3774 !important;
}

.price-accordion .accordion-header button.nominate {
    border-color: #1F3774;
}

.compare {
    color: #1B5079 !important;
    text-decoration: none;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.price-acc-right a.compare:after {
    background: #1B5079 !important;
}

.price-accordion .accordion-header button.compare {
    border-color: #1B5079;
}

.summarySectionHeader span {
    color: #262E2F;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px;
}

#large .summarySectionHeader span {
    font-size: 18px;
}

#medium .summarySectionHeader span {
    font-size: 17px;
}

#small .summarySectionHeader span {
    font-size: 16px;
}

.requestrfq {
    color: #0095BC !important;
    text-decoration: none;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.price-acc-right a.requestrfq:after {
    background: #0095BC !important;
}

.price-accordion .accordion-header button.requestrfq {
    border-color: #0095BC;
}

.engage {
    color: #0AB88F !important;
    text-decoration: none;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.price-acc-right a.engage:after {
    background: #0AB88F !important;
}

.price-accordion .accordion-header button.engage {
    border-color: #0AB88F;
}

.start {
    color: #109588 !important;
    text-decoration: none;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.price-acc-right a.start:after {
    background: #109588 !important;
}

.price-accordion .accordion-header button.start {
    border-color: #109588;
}
/*popup style for shipdetail/vessel detail*/
.table-detail .table-responsive {
    min-height: auto;
}

.tabs.pricing-tab ul li span {
    display: block;
}

@media only screen and (min-width:320px) and (max-width:640px) {
    .vessel-contentlist-detail ul li {
        width: 50% !important;
    }

    .vessel-detail-dash-list {
        justify-content: flex-start !important;
    }

    .vessel-detail-card {
        margin-bottom: 3px;
    }
}

#large .vessel-detail-popup .agent-tlt h3 {
    font-size: 20px;
}

#medium .vessel-detail-popup .agent-tlt h3 {
    font-size: 19px;
}

#small .vessel-detail-popup .agent-tlt h3 {
    font-size: 18px;
}

a.ship-detail-btn {
    border-radius: 5px;
    border: 1px solid #039F7A;
    background: transparent;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
    color: #039F7A;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 106px;
    padding: 8px;
    text-decoration: none;
    margin-right: 34px;
    text-align: center;
}

#large a.ship-detail-btn {
    font-size: 16px;
}

#medium a.ship-detail-btn {
    font-size: 15px;
}

#small a.ship-detail-btn {
    font-size: 14px;
}

.dark-mode .vessel-detail-list {
    background: #0E124A !important;
}

.dark-mode .vessel-detail-card {
    border: 1px solid #3A4EB6 !important;
    background: #0b0437 !important;
}

    .dark-mode .vessel-detail-card span {
        color: #fff;
    }

    .dark-mode .vessel-detail-card label {
        color: #fff;
    }

.dark-mode .vessel-detail-lft-content h3 {
    color: #fff;
}

.dark-mode .vessel-detail-lft-content span {
    color: #fff;
}

.dark-mode .vessel-detail-lft-content label {
    color: #fff !important;
}

.dark-mode .flag-cont {
    color: #fff;
}

.dark-mode .vessel-content-card {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

.dark-mode .vessel-contentlist-detail h3 {
    color: #fff;
}

.dark-mode .tabs.pricing-tab .vessel-contentlist-detail ul {
    background: transparent !important;
    box-shadow: inherit !important;
}

    .dark-mode .tabs.pricing-tab .vessel-contentlist-detail ul li {
        color: #cfcbcb;
    }

.dark-mode .vessel-contentlist-detail {
    border-bottom: 1px solid #3a4eb6;
}

.dark-mode .vesselContainer thead tr th {
    background: #172270 !important;
}

.dark-mode .vesselContainer table {
    border-color: #417454 !important;
}

.dark-mode .vesselContainer tbody tr:nth-child(2n) td {
    background: #0B0437;
}

.dark-mode .table-bordered.vesselContainer {
    border-color: #3a4eb6;
}

    .dark-mode .table-bordered.vesselContainer tbody td {
        border-color: #3a4eb6;
    }

#large .vesselContainer thead tr th {
    font-size: 15px !important;
}

#medium .vesselContainer thead tr th {
    font-size: 14px !important;
}

#small .vesselContainer thead tr th {
    font-size: 13px !important;
}

#large .vesselContainer tbody tr td {
    font-size: 15px !important;
}

#medium .vesselContainer tbody tr td {
    font-size: 14px !important;
}

#small .vesselContainer tbody tr td {
    font-size: 13px !important;
}

#large .vessel-detail-lft-content h3 {
    font-size: 20px;
}

#medium .vessel-detail-lft-content h3 {
    font-size: 18px;
}

#small .vessel-detail-lft-content h3 {
    font-size: 16px;
}

#large .vessel-detail-lft-content span {
    font-size: 16px !important;
}

#medium .vessel-detail-lft-content span {
    font-size: 15px !important;
}

#small .vessel-detail-lft-content span {
    font-size: 14px !important;
}

#large .vessel-detail-lft-content label {
    font-size: 16px !important;
    color: #000;
}

#medium .vessel-detail-lft-content label {
    font-size: 15px !important;
    color: #000;
}

#small .vessel-detail-lft-content label {
    font-size: 14px !important;
    color: #000;
}

#large .vessel-detail-card span {
    font-size: 15px !important;
}

#medium .vessel-detail-card span {
    font-size: 14px !important;
}

#small .vessel-detail-card span {
    font-size: 13px !important;
}

#large .vessel-detail-card label {
    font-size: 15px !important;
}

#medium .vessel-detail-card label {
    font-size: 14px !important;
}

#small .vessel-detail-card label {
    font-size: 13px !important;
}

#large .vessel-contentlist-detail h3 {
    font-size: 18px;
}

#medium .vessel-contentlist-detail h3 {
    font-size: 17px;
}

#small .vessel-contentlist-detail h3 {
    font-size: 16px;
}

#large .vessel-contentlist-detail ul li {
    font-size: 15px;
}

#medium .vessel-contentlist-detail ul li {
    font-size: 14px;
}

#small .vessel-contentlist-detail ul li {
    font-size: 13px;
}

.table-detail {
    padding: 11px;
    padding-top: 0px;
}

.vesselContainer thead tr th {
    background: #e0e9ff3b !important;
    color: #4F5356;
    font-family: 'Roboto';
    font-weight: 800;
    font-size: 13px !important;
}

.vesselContainer tbody tr td {
    font-size: 13px !important
}

.vesselContainer tbody tr:nth-child(2n) td {
    background: #F0F1F8;
}

.vessel-detail-popup {
    width: 800px;
    max-width: 100%;
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 99999999 !important;
    display: none;
}

    .vessel-detail-popup .agent-tlt {
        background: #251F70;
        padding: 15px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .vessel-detail-popup .agent-tlt h3 {
            color: #FFF;
            font-family: Roboto;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: 0px;
        }

.vessel-detail-list {
    height: 92vh;
    overflow: auto;
    background: #fff;
    padding: 10px;
}

.vessel-detail-top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vessel-detail-left {
    display: flex;
}

.vessel-detail-lft-content {
    margin-left: 8px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    align-self: center;
}

    .vessel-detail-lft-content h3 {
        color: #272E38;
        font-family: 'Roboto';
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 120% */
        margin-bottom: 2px;
    }

    .vessel-detail-lft-content span {
        color: #646161;
        font-family: 'Roboto';
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: block;
        margin-bottom: 3px;
    }

.flag-cont {
    display: flex;
    justify-content: space-between;
    color: #646161;
    text-align: right;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.vessel-detail-right .vessel-date {
    margin-top: 6px;
}

.vessel-detail-dash-list {
    display: flex;
    flex-wrap: wrap;
    margin: 13px 0px;
    justify-content: space-between;
}

.vessel-detail-card {
    display: flex;
    border-radius: 5px;
    background: #F5F6F8;
    flex-direction: column;
    padding: 10px;
    margin-right: 3px;
    min-width: 135px;
}

    .vessel-detail-card span {
        color: #646161;
        font-family: 'Roboto';
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 5px;
    }

    .vessel-detail-card label {
        color: #000;
        font-family: 'Roboto';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.vessel-detail-dash-list .vessel-detail-card:last-child {
    margin-right: 0px !important;
}

.vessel-contentlist-detail h3 {
    color: #262E2F;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.vessel-contentlist-detail ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    flex-direction: row !important;
}

    .vessel-contentlist-detail ul li {
        color: #646161;
        font-family: 'Roboto';
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        width: 25%;
        text-align: left !important;
        padding-left: 0px !important;
        padding-bottom: 0px !important;
    }

.vessel-contentlist-detail h3 {
    color: #262E2F;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 0;
    margin-bottom: 0px;
}

.vessel-content-card {
    border-radius: 5px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    padding: 11px;
    margin: 20px 7px;
}

.vessel-contentlist-detail {
    border-bottom: 1px solid #ccc;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.vessel-detail-list::-webkit-scrollbar {
    width: 7px;
}
/*shipdetail for vessel detail*/
#PrefundContainer .request-lst.request-number {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.discovery-lst li a {
    color: #fff !important;
}

.add_request-left-price span.select2 {
    width: 100% !important;
}

button#btnClear_reg {
    font-family: 'Roboto' !important;
    color: white;
    float: right;
    margin-top: 0px !important;
    height: 40px !important;
    width: 90px !important;
    line-height: 26px;
    background: #4A6572 !important;
    /*#7b85c7 !important;*/
    backdrop-filter: blur(5px);
    border-radius: 5px;
    margin-right:5px;
}

.services_search.actions {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .services_search.actions .input-group.prefix {
        min-width: 280px;
        max-width: 280px;
        width: 100%;
    }
/*view table style*/
.dataTables_wrapper table thead th, .dataTables_wrapper table tbody tr td {
    width: unset !important;
    min-width: unset !important;
}

.dataTables_wrapper table thead th {
    font-family: 'Roboto';
    font-weight: 600;
}

.dataTables_wrapper table tbody tr td {
    font-family: 'Roboto';
}

    .dataTables_wrapper table thead th:first-child, .dataTables_wrapper table tbody tr td:first-child {
        width: 120px;
        min-width: 120px;
    }

#large .dataTables_wrapper table thead th, #large .dataTables_wrapper table tbody tr td {
    line-height: 20px;
}

#medium .dataTables_wrapper table thead th, #medium .dataTables_wrapper table tbody tr td {
    line-height: 18px;
}

#small .dataTables_wrapper table thead th, #small .dataTables_wrapper table tbody tr td {
    line-height: 16px;
}
/*view table style*/
.apptaddon .input-group-addon i {
    line-height: 34px;
}

span.number-subtitle {
    color: #9aa6df;
    margin-right: 4px;
    margin-left: 2px;
}

.rquestcard-tlt {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 11px 15px 0px 15px;
    font-family: 'Roboto';
    font-weight: 600;
    text-transform: uppercase;
}

#large .rquestcard-tlt {
    font-size: 17px;
}

#medium .rquestcard-tlt {
    font-size: 16px;
}

#small .rquestcard-tlt {
    font-size: 15px;
}

#large #RequestContainer .card-head header .country-port span {
    font-size: 17px;
}

#medium #RequestContainer .card-head header .country-port span {
    font-size: 16px;
}

#small #RequestContainer .card-head header .country-port span {
    font-size: 15px;
}

#RequestContainer .card-head header {
    padding-top: 0px !important;
}

#large #AppointmentContainer.card-head header .country-port span {
    font-size: 17px;
}

#medium #AppointmentContainer .card-head header .country-port span {
    font-size: 16px;
}

#small #AppointmentContainer .card-head header .country-port span {
    font-size: 15px;
}

#AppointmentContainer .card-head header {
    padding-top: 0px !important;
}

select#conversion_currency {
    padding-left: 3px;
}

.nomi-create {
    /*width: 120px !important;*/
}

@media (min-width:931px) {

    .bread_crumbs:has( + .discovery-lst) .c_tenantname {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: calc( 50% - 26vw);
        display: inline-block;
    }

    .bread_crumbs:has( + .discovery-lst) {
        display: flex;
    }
}

.page-loader-custom {
    background: #f3f3f3 !important;
}

.dark-mode .page-loader-custom {
    background: #7b85c7 !important;
}

.table-responsive {
    scrollbar-width: auto;
    scrollbar-color: #b1aeae #ffffff;
}
    /* Chrome, Edge, and Safari */
    .table-responsive::-webkit-scrollbar {
        width: 16px;
    }

    .table-responsive::-webkit-scrollbar-track {
        background: #ffffff;
    }

    .table-responsive::-webkit-scrollbar-thumb {
        background-color: #b1aeae;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

.dark-mode .table-responsive {
    scrollbar-width: auto;
    scrollbar-color: #172270 #0b0437;
}
    /* Chrome, Edge, and Safari */
    .dark-mode .table-responsive::-webkit-scrollbar {
        width: 16px;
    }

    .dark-mode .table-responsive::-webkit-scrollbar-track {
        background: #0b0437;
    }

    .dark-mode .table-responsive::-webkit-scrollbar-thumb {
        background-color: #172270;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

.request-tool:active {
    border: 0px;
}

.request-tool {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}

    .request-tool i {
        color: #04927b;
        font-size: 20px;
    }

    .request-tool svg path {
        stroke: #0b1340;
    }

.dark-mode .request-tool svg path {
    stroke: #fff;
}

.dark-mode .request-tool i {
    color: #2be3be;
}

button.expand-popup {
    position: absolute;
    right: 23px;
    border: 0px;
    background: transparent;
    color: #15a58f;
}

    button.expand-popup i {
        font-size: 18px;
    }

div#norminate-material.expand-wdth {
    --bs-modal-width: 800px !important;
}

div#norminate-material {
    --bs-modal-width: 640px;
}

button.expand-people-popup {
    position: absolute;
    right: 23px;
    border: 0px;
    background: transparent;
    color: #15a58f;
}

    button.expand-people-popup i {
        font-size: 18px;
    }

#norminate-people.expand-wdth-people .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
    --bs-modal-width: 900px !important;
}

#norminate-people .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
    --bs-modal-width: 700px !important;
}

div#role_popup {
    z-index: 99999 !important;
}

.Roleparentname_craftmyapp_container span.select2.select2-container {
    display: block;
}

#medium .dataTables_wrapper table tbody tr td p, #medium .dataTables_wrapper table tbody tr td span {
    font-size: 13px !important;
    font-family: 'Roboto' !important;
}

#large.dataTables_wrapper table tbody tr td p, #large.dataTables_wrapper table tbody tr td span {
    font-size: 15px !important;
    font-family: 'Roboto' !important;
}

#small .dataTables_wrapper table tbody tr td p, #small .dataTables_wrapper table tbody tr td span {
    font-size: 13px !important;
    font-family: 'Roboto' !important;
}

th.pda_no {
    min-width: 120px !important;
    max-width: 120px !important;
}

#tblPDA_wrapper.dataTables_wrapper .dataTables__top {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

th.curreny-appt {
    max-width: 80px !important;
    min-width: 80px !important;
}

th.pda-curreny-appt {
    min-width: 100px !important;
    max-width: 100px !important;
}

.card-body .form-group label.error {
    color: #e51d1d !important;
}

.dataTables_wrapper table thead th {
    max-width: 250px;
}

.dataTables_wrapper table thead th {
    min-width: 140px;
}

.card-head.request-card.material-card .add-mat-pep {
    position: unset;
    margin-top: 0;
    margin-right: 0;
}

.card-head.request-card.material-card {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    flex-direction: row !important;
    right: 32px;
}

    .card-head.request-card.material-card ul.nav-tabs {
        flex-direction: row !important;
    }

.material-content .dataTables__top {
    position: absolute;
    left: 30px;
    top: 10px;
}

.material-content {
    position: relative;
}
/*passport,visa,cdc*/
.passportContainer, .visaContainer, .cdcContainer {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    overflow: auto;
}

.passport, .visa, .cdc {
    display: flex;
    flex-wrap: nowrap;
}

.passportContainer::-webkit-scrollbar, .visaContainer::-webkit-scrollbar, .cdcContainer::-webkit-scrollbar {
    height: 5px;
}
/*passport,visa,cdc*/
.tabs.pricing-tab:has(.price-sticky) {
    min-height: calc(100vh - 50px);
}

.tabs.pricing-tab .tab-content.people-content {
    background: #fff;
}

.tabs.pricing-tab .tab-content.material-content {
    /*background: #fff;*/
}

html body #cma_card_tab .nominate-lst ul.arrival-date, html body #cma_card_tabs .nominate-lst ul.arrival-date {
    margin-top: 7px;
}

#AppointmentContainer .card-head header .country-port span {
    color: #000;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.dark-mode #AppointmentContainer .card-head header .country-port span {
    color: #fff;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

#AppointmentContainer .card-head header {
    font-family: 'Roboto' !important;
    font-weight: 500;
}

#RequestContainer .card-head header .country-port span {
    color: #000;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.dark-mode #RequestContainer .card-head header .country-port span {
    color: #fff;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

#RequestContainer .card-head header {
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.addonsContainer .addons div.number-placeholder input, .priceContainer .price div.number-placeholder input {
    display: block;
}
/*table status color*/
.ver-status {
    border-radius: 3px;
    padding: 6px 6px;
}

table tbody td .ver-status {
    border-radius: 3px;
    padding: 6px 6px;
    display: inline-block;
    min-width: 133px;
    text-align: center;
}

.ver-status.green-clr {
    background: #E6F4F0;
    color: #239669 !important;
}

.dark-mode .ver-status.green-clr {
    background: #05b154 !important;
    color: #fff !important;
}

.ver-status.red-clr {
    background: #FDECEC;
    color: #F24B44 !important;
}

.dark-mode .ver-status.red-clr {
    background: #F24B44 !important;
    color: #fff !important;
}

.ver-status.blue-clr {
    background: #E9F1F4;
    color: #28729C !important;
}

.dark-mode .ver-status.blue-clr {
    background: #28729C !important;
    color: #fff !important;
}

.ver-status.yellow-clr {
    background: #fafac4;
    color: #a9a915 !important;
}

.dark-mode .ver-status.yellow-clr {
    background: #a9a915;
    color: #fff !important;
}

.ver-status.orange-clr {
    background: #d080001a;
    color: #D08000 !important;
}

.dark-mode .ver-status.orange-clr {
    background: #F39C12;
    color: #fff !important;
}
/*table status color*/
.appt-cont .status_craftmyapp_container {
    width: 15%;
    max-width: 120px;
    min-width: 120px;
}
/*popup style*/
.compare-agent-tablist ul {
    display: flex;
    justify-content: space-between;
}

    .compare-agent-tablist ul li a {
        color: #262E2F;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-decoration: none;
    }

    .compare-agent-tablist ul li.active {
        border-bottom: 4px solid #039F7A;
    }

    .compare-agent-tablist ul li {
        padding-bottom: 16px;
        margin-bottom: 0px;
    }

.compare-agent-tablist #tabs-content {
    margin-top: 20px;
}

.compare-agent-tablist ul li.active {
    border-bottom: 4px solid #039F7A;
}

    .compare-agent-tablist ul li.active a {
        color: #039F7A;
        font-weight: 500;
    }
/*popup style*/
#large .nomination_list .dropdown-menu a {
    font-size: 15px;
}

#medium .nomination_list .dropdown-menu a {
    font-size: 14px !important;
}

#small .nomination_list .dropdown-menu a {
    font-size: 13px;
}

.nomination_list .dropdown-menu a {
    padding: 3px 11px;
}
/*app*/
#large .nominate-lst ul li p {
    font-size: 15px;
}

#medium .nominate-lst ul li p {
    font-size: 14px;
}

#small .nominate-lst ul li p {
    font-size: 13px;
}

html body#large ul.arrival-date li label, html body#large ul.arrival-date li span {
    font-size: 15px !important;
}

html body#large ul.arrival-date li label, html body#large ul.arrival-date li a {
    font-size: 15px !important;
}

html body#medium ul.arrival-date li label, html body#medium ul.arrival-date li span {
    font-size: 14px !important;
}

html body#medium ul.arrival-date li label, html body#medium ul.arrival-date li a {
    font-size: 14px !important;
}

html body#small ul.arrival-date li label, html body#small ul.arrival-date li span {
    font-size: 13px !important;
}

html body#small ul.arrival-date li label, html body#small ul.arrival-date li a {
    font-size: 13px !important;
}

#large .profile-cont label {
    font-size: 17px !important;
}

#medium .profile-cont label {
    font-size: 16px !important;
}

#small .profile-cont label {
    font-size: 15px !important;
}

#large .create_add a {
    font-size: 15px;
}

#medium .create_add a {
    font-size: 14px;
}

#small .create_add a {
    font-size: 13px;
}

#partialViewContainer .create_add {
    min-height: 163px;
    height: auto;
}

div#partialViewContainer .nominate-profile_wrapper.create-add-wrapper {
    /*  min-height: 193px;*/
}

#partialViewContainer #cma_card_tabs .nomination_list, #cma_card_tabs .nomination_list {
    row-gap: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));
}

    #partialViewContainer #cma_card_tabs .nomination_list .col-sm-4, #cma_card_tabs .nomination_list .col-sm-4 {
        width: 100% !important;
        max-width: 376px !important;
    }

#partialViewContainer #cma_card_tab .nomination_list, #cma_card_tab .nomination_list {
    row-gap: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

    #partialViewContainer #cma_card_tab .nomination_list .col-sm-4, #cma_card_tab .nomination_list .col-sm-4 {
        width: 100% !important;
        max-width: 376px !important;
    }

#partialViewContainer .card-head.request-card.material-card {
    /* margin-top: -30px !important;*/
}

#partialViewContainer .material-content .nomination_list .col-sm-12 {
    padding-right: 0px !important;
}

#large #AppointmentContainer .card-head header {
    font-size: 18px;
}

#medium #AppointmentContainer .card-head header {
    font-size: 16px;
}

#small #AppointmentContainer .card-head header {
    font-size: 15px;
}

#large #AppointmentContainer .card-head header span {
    font-size: 15px;
}

#medium #AppointmentContainer .card-head header span {
    font-size: 14px;
}

#small #AppointmentContainer .card-head header span {
    font-size: 13px;
}

#large #AppointmentContainer .request-lst.request-from {
    font-size: 14px;
}

#medium #AppointmentContainer .request-lst.request-from {
    font-size: 13px;
}

#small #AppointmentContainer .request-lst.request-from {
    font-size: 12px;
}
/*app*/
/*comments popup*/
.comments_popup {
    width: 450px;
    max-width: 100%;
    background: #fff;
    margin: 0 auto;
    z-index: 9999999999999999;
    position: relative;
    max-width: 100%;
}
    /*div#rfq_comments_popup{position:relative;}*/
    .comments_popup .header-modal {
        background: #251f70;
        display: flex;
        padding: 12px;
        justify-content: space-between;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .comments_popup #divcomments {
        position: absolute;
        padding: 0px;
        background: #fff;
        margin-top: 50px;
    }

    .comments_popup .header-modal h4 {
        color: #FFF;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0px;
    }

    .comments_popup .header-modal a.closebtn {
        color: #fff;
    }

    .comments_popup .modal-content {
        box-shadow: 1px 1px 3px rgb(205 184 184 / 80%);
        margin: 0px;
        width: 100%;
        padding: 15px 12px 30px 12px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

        .comments_popup .modal-content .cancel-save button {
            background: #0f959e;
            color: #fff;
            border: 0px;
            padding: 7px;
            border-radius: 4px;
            margin: 0 auto !important;
        }

        .comments_popup .modal-content .cancel-save {
            margin: 0 auto;
            display: flex;
            margin-top: 13px;
        }

        .comments_popup .modal-content .form-group label {
            font-family: 'Roboto';
            font-size: 16px;
            margin-bottom: 3px;
        }

        .comments_popup .modal-content .form-group textarea {
            width: 100% !important;
        }
/*comments popup*/
div#rfq_comments_popup {
    width: 500px;
    max-width: 100%;
    background: transparent;
    margin: 0 auto;
    z-index: 9999999999999999;
    position: relative;
    max-width: 100%;
}
    /*div#rfq_comments_popup{position:relative;}*/
    div#rfq_comments_popup .header-modal {
        background: #251f70;
        display: flex;
        padding: 12px;
        justify-content: space-between;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    div#rfq_comments_popup #divcomments {
        position: absolute;
        padding: 0px;
        background: #fff;
        margin-top: 47px;
    }

    div#rfq_comments_popup .header-modal h4 {
        color: #FFF;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0px;
    }

    div#rfq_comments_popup .header-modal a.closebtn {
        color: #fff;
    }

    div#rfq_comments_popup .modal-content {
        box-shadow: 1px 1px 3px rgb(205 184 184 / 80%);
        margin: 0px;
        width: 100%;
        padding: 30px 12px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

        div#rfq_comments_popup .modal-content .cancel-save button {
            background: #0f959e;
            color: #fff;
            border: 0px;
            padding: 7px;
            border-radius: 4px;
            margin: 0 auto !important;
        }

        div#rfq_comments_popup .modal-content .cancel-save {
            margin: 0 auto;
            display: flex;
            margin-top: 34px;
        }

        div#rfq_comments_popup .modal-content .form-group label {
            font-family: 'Roboto';
            font-size: 16px;
            margin-bottom: 3px;
        }

        div#rfq_comments_popup .modal-content .form-group textarea {
            width: 100% !important;
        }
/*div#rfq_comments_popup:after {
    background: rgb(0 0 0 / 47%);
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
}*/
@media only screen and (min-width:623px) and (max-width:930px) {
    .card.request-card-head {
        margin-top: 35px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:622px) {
    html body .card.request-card-head {
        /*margin-top: 71px !important;*/
        margin-top: 0px !important;
    }
}

.request-pg .card-head.request-card {
    top: 17px;
}

.dark-mode .send-mail-wrap .mail-wrap .dataTables_buttons.actions .input-group.prefix {
    border: 0px !important;
}

.dark-mode .mail-wrap .dataTables_buttons.actions .input-group.prefix .input-group-addon {
    height: 40px;
    border: 1px solid #3a4eb6 !important;
}

.send-mail-wrap .approve_container {
    padding: 12px;
}

.right_btn .Generate_PDA_AgencyOperation {
    margin-top: 0px;
    font-family: 'Material Icons';
}

#tblAppointment_wrapper .dataTables__top {
    padding-bottom: 0;
}

body .apptaddon_scroll_expand {
    /*height: 250px !important;*/
    overflow: auto !important;
}

.dark-mode .chat-mail > .chat-body {
    background: #0e124a !important;
    border: 1px solid #3a4eb6 !important;
}

.dark-mode .chat-mail .header ul li a img {
    border: 0px !important;
    outline: none !important;
}

.dark-mode .chat-mail .header {
    background: #080c46 !important;
    box-shadow: unset !important;
}

.dark-mode .chat-mail ul {
    box-shadow: unset !important;
}

#RequestContainer ul.dropdown-menu li a:active {
    background: #e0e4e7;
}

.send-bg-btn {
    position: sticky;
    bottom: 0;
    background: rgb(245 245 245);
    margin-bottom: 15px;
}

.dark-mode .send-bg-btn {
    background: rgb(11 4 55);
}

.dark-mode .right_btn i, .dark-mode span {
    border-color: #3a4eb6 !important;
}

.compare-content h3 p {
    width: 85%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    display: flex;
}

.compare-content h3 {
    width: 100%;
    display: flex;
}

.price-table table.fst-tab thead th:nth-child(2), .price-table table.fst-tab tbody td.tabl-white:nth-child(2) {
    position: sticky;
    width: 32px;
    z-index: 9;
    left: 180px;
}

select#pager_ddl_pagesize {
    appearance: none;
    padding: 0px 20px 0px 0px;
}

@media only screen and (max-width: 1500px) {
    .file-upload .file-select .file-select-button {
        height: 43px !important;
        line-height: 43px !important;
    }
}

.card-body.comm-pry-bill {
    min-height: 245px;
}

.printablerow .rejected label, .printablerow .rejected span {
    position: relative;
    top: 4px;
}

.people-card ul#myTabs {
    border-bottom: 0px !important;
}

.nominate-lst ul li:first-child p {
    line-height: 30px;
}

.modal-body.norminate-wrap.create-add-in-wrap {
    overflow-x: hidden;
}

.people-btn-wrapper {
    position: relative;
}

.tabs.pricing-tab .tab-content.people-content {
    width: 100%;
}

.card-head.request-card.people-card {
    top: unset !important;
    right: 27px;
    margin-top: 6px;
}

.material-edit-del {
    display: flex;
}

    .material-edit-del a svg {
        width: 17px;
    }

    .material-edit-del a {
        padding-right: 4px;
    }

table#tblMaterials {
    background: #fff;
}

.right-wrap.right-wrap-btn {
    margin-left: auto;
}

.price-table .main-tlt button.generate-pda.disabled {
    opacity: 0.5;
}

.price-table .main-tlt .th-tlt button.btn.btn-secondary.right-wrap {
    margin-left: 10px !important;
}

.price-table .main-tlt button.right-wrap {
    margin-left: 10px !important;
    position: relative;
    top: 0px;
}

.terms-amount-wrap {
    display: flex;
    align-items: center;
    align-self: center;
    margin-left: 8px;
}

    .terms-amount-wrap .th-tlt.terms-amount span {
        margin: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.terms-wrapper .terms-amount-wrap button {
    color: #039F7A !important;
}

.terms-wrapper .terms-amount-wrap button {
    position: relative;
    color: #039F7A !important;
    top: -1px;
}

.terms-amount-wrap .th-tlt.terms-amount {
    display: flex !important;
    flex-direction: row !important;
    margin-right: 4px;
}

.dark-mode .terms-wrapper terms-amount-wrap button, .terms-wrapper terms-amount-wrap button {
    color: #039F7A !important;
}

.dark-mode .terms-wrapper .terms-amount-wrap button {
    /*   font-family: 'Roboto' !important; font-weight:500;*/
}
/*operation*/
#cma_printableArea table thead th {
    background: #F0F1F8 !important;
    color: #4F5356;
    font-family: 'Roboto';
    font-weight: 600;
}

#cma_printableArea table tbody tr:nth-child(2n) td {
    background: #e0e9ff3b;
}

#cma_printableArea table thead {
    top: -2px;
}

.dark-mode #cma_printableArea .table tbody td {
    border-color: #3a4eb6;
}

.dark-mode #cma_printableArea table tbody tr:nth-child(2n) td {
    background: #0B0437;
}

.dark-mode #cma_printableArea table thead th {
    background: #172270 !important;
    color: #fff;
}
/*operation*/
.comm-pry-bill .useasbillingaddress_craftmyapp_container label.switch {
    margin-top: 0px;
}

.revisions .tabs-vessels li.dropdown i:before {
    /*  content: "\f142";*/
    font-family: 'FontAwesome';
    z-index: 9999;
    position: relative;
    top: 2px;
    color: rgba(131, 129, 133, 1);
}

button#btnClearFilter {
    height: 40px;
    margin-left: 10px;
}

.printableArea .table thead {
    top: -2px;
}

.add_request-list .order-summary .table-responsive table thead {
    background: #fff;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
}

[tank-content] {
    position: relative;
}

body *::-webkit-scrollbar-thumb {
    background: #ccc;
}

[tank-content]:hover::after, [tank-content]:hover::before {
    display: block;
}

[tank-content]:after {
    content: attr(tank-content);
    position: absolute;
    width: fit-content;
    top: 0;
    background: #01b18a;
    border-radius: 5px;
    padding: 5px 10px;
    line-height: 16px;
    display: none;
    z-index: 4;
    color: #FFFFFF;
    white-space: nowrap;
    left: 126%;
    font-size: 12px;
}

[tank-content]:before {
    content: "";
    position: absolute;
    top: 6px;
    right: -17px;
    width: 20px;
    transition: 0.2s ease;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #01b18a;
    transform: rotate(90deg);
    display: none;
    z-index: 4;
}

@media only screen and (min-width:320px) and (max-width:991px) {
    html body .tabs.pricing-tab ul#tabs-nav li a span {
        background: #F0F2FB !important;
        border-radius: 37px;
        width: 37px !important;
        height: 37px !important;
        line-height: 35px !important;
    }

    html body .tabs.pricing-tab ul#tabs-nav li:hover a span, html body .tabs.pricing-tab ul#tabs-nav li.active a span {
        background: #E5F9F4 !important;
    }

    html body .tabs.pricing-tab ul#tabs-nav li a span img {
        object-fit: contain;
        width: 22px !important;
    }

    html body .tabs.pricing-tab .price-sticky {
        margin-top: 5px;
    }
}

.price-table table thead th:first-child img {
    padding: 6px;
}

.price-table table thead th .topsectiondetails {
    padding: 5px;
}

.agency-profile-wrap .add_agency_popup {
    position: absolute;
    right: unset;
    z-index: 9999;
}

.agent-compare .dropdown-menu a:hover {
    background: #e9ecef;
}

.dark-mode .agent-compare .dropdown-menu a:hover {
    background: #251f70;
}

.agent-compare .dropdown-menu {
    width: 100%;
}

.review_logs_parent ul.nav.nav-tabs.tab-nav-right {
    flex-direction: row;
}

div#Request_area {
    margin-top: 0px !important;
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .portssetting_craftmyapp_container {
        width: 50%;
    }

    .chargesContainer .charges > div {
        width: 50%;
    }
}

@media only screen and (min-width:320px) and (max-width:575px) {
    .portssetting_craftmyapp_container {
        width: 100%;
    }

    .chargesContainer .charges > div {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 979px) {
    .chat-mail .header .nav-tabs {
        width: auto !important;
    }

    html body div#servicesContainerparents_l .pricing-tab .price-sticky {
        margin-top: 0px !important;
    }

    html body .tabs.pricing-tab .tab-content {
        margin-top: 0px !important;
    }

    .list_card_section .input-file label {
        height: 36px;
    }

    form .card-body .form-group .input-file input[type="file"] {
        line-height: 23px;
    }
}

.dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
    overflow: auto;
    max-width: calc(100% - 490px);
}

.dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab.request_card_filter {
    overflow: auto;
    max-width: calc(100% - 570px);
}
@media only screen and (min-width:320px) and (max-width:686px) {
    .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        max-width: 100%;
    }
}

.dark-mode span.qty-price {
    color: #8cc2ff !important;
}

.compare-agent-lst .compare-content .SGD-con span {
    /*color: #fff !important;*/
}

.profilepicture_craftmyapp_container .form-group .input-file {
    padding: 2px !important;
}

    .profilepicture_craftmyapp_container .form-group .input-file label {
        height: 38px;
    }

div#servicesContainerparents_l .pricing-tab.servicesContainer {
    margin-top: 2px !important;
}

.send-mail-wrap .tbl-Mail span.emailid {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: unset;
}

#drop-users-list li#users-list .user {
    display: flex;
    padding: 5px 0px;
}

    #drop-users-list li#users-list .user img {
        width: 20px;
        object-fit: contain;
        margin: 0px 10px 6px 10px;
    }

#drop-users-list li#users-list {
    list-style-type: none;
}

.printablerow .table-responsive-lg {
    overflow: auto !important;
    max-height: 400px !important;
    min-height: auto !important;
}

.tabs.pricing-tab.request-service .tab-content {
    margin-top: 50px;
}

.dark-mode div#AppointmentContainer.automaton_card {
    background: #0e124a;
}

@media only screen and (min-width:931px) and (max-width:1300px) {
    ul.discovery-lst {
        /*justify-content: flex-end !important;*/
        right: -65px !important;
    }

    body .bread_crumbs:has( + .discovery-lst) .c_tenantname {
        width: 75px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:930px) {
    ul.discovery-lst {
        justify-content: center;
        right: unset;
    }

    ul.discovery-lst {
        position: relative !important;
        top: 0px !important;
    }
}

@media only screen and (max-width:1500px) {
    /* body {
            zoom: 0.95;
        }

            body:has(.price-table .main-tlt button.generate-pda) {
                zoom: 0.99;
            }

            body:has(.RequestInfo_craftmyapp_container .tooltip) {
                zoom: 0.99;
            }*/

    .tab-content.tab-fit-content {
        min-width: 100%;
    }
}

ul.discovery-lst li {
    z-index: 99;
}

div#servicesContainerparents_l .pricing-tab .price-sticky {
    margin-top: 25px !important;
}

.compare-agent-slide .agent-compare .dropdown button {
    color: #fff;
}

.compare-agent-slide .add_agency_popup {
    right: 0px !important;
    left: unset;
}
/*.contactContainer {
    flex-wrap: nowrap;
    overflow-x: scroll;
}

    .contactContainer .contact {
        flex-wrap: nowrap;
    }

    .contactContainer::-webkit-scrollbar {
        height: 6px;
    }

.serviceareaContainer {
    overflow-x: scroll;
    flex-wrap: nowrap;
}

    .serviceareaContainer .servicearea {
        display: flex;
        flex-wrap: nowrap;
    }

    .serviceareaContainer::-webkit-scrollbar {
        height: 6px;
    }

.isocertificationContainer {
    overflow-x: scroll;
    flex-wrap: nowrap;
}

    .isocertificationContainer .isocertification {
        display: flex;
        flex-wrap: nowrap;
    }

    .isocertificationContainer::-webkit-scrollbar {
        height: 6px;
    }

.certificationsContainer {
    overflow-x: scroll;
    flex-wrap: nowrap;
}

    .certificationsContainer .certifications {
        display: flex;
        flex-wrap: nowrap;
    }

    .certificationsContainer::-webkit-scrollbar {
        height: 6px;
    }
*/
.expand-activity-wrapper.apptaddon_scroll.apptaddon_scroll_expand .apptaddon::-webkit-scrollbar {
    width: 6px;
}

@media only screen and (min-width:320px) and (max-width:1366px) {
    html body#large .dataTables_wrapper table thead th, html body#large .dataTables_wrapper table tbody tr td {
        font-size: 14px !important;
    }

    html body#medium .dataTables_wrapper table thead th, html body#medium .dataTables_wrapper table tbody tr td {
        font-size: 13px !important;
    }

    html body#small .dataTables_wrapper table thead th, html body#small .dataTables_wrapper table tbody tr td {
        font-size: 12px !important;
    }

    #large.horizontal .side-menu li a {
        font-size: 14px !important;
    }

    #medium.horizontal .side-menu li a {
        font-size: 13px !important;
    }

    #small.horizontal .side-menu li a {
        font-size: 12px !important;
    }
}

.add_request-left-price .req-lft-wrap .common-card-body .row {
    row-gap: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    column-gap: unset !important;
}

    .add_request-left-price .req-lft-wrap .common-card-body .row .servicetabList {
        width: 100% !important;
        max-width: 230px !important;
        min-width: 100% !important;
    }

        .add_request-left-price .req-lft-wrap .common-card-body .row .servicetabList .subservicetitle {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            white-space: unset;
        }

.common-space-wrap .dataTables__top {
    position: relative;
    top: -2px;
}

.common-space-wrap .dataTables__top {
    margin-top: -11px;
}

.card-head.request-card.common-wrap {
    top: 12px !important;
}

.printablerow .table-responsive {
    min-height: auto !important;
    height: auto;
}

.expand-activity.apptaddon_scroll.apptaddon_scroll_expand .apptaddon .row:nth-child(1), .expand-activity.apptaddon_scroll.apptaddon_scroll_expand .apptaddon .row:nth-child(2), .expand-activity.apptaddon_scroll.apptaddon_scroll_expand .apptaddon .row:nth-child(3) {
    display: block;
}
/*.expand-activity.apptaddon_scroll.apptaddon_scroll_expand .apptaddon .row {
    display: none;
}*/
.expand-activity-wrapper.apptaddon_scroll.apptaddon_scroll_expand .apptaddon .row {
    display: block;
}

.expand-activity-wrapper.apptaddon_scroll.apptaddon_scroll_expand .apptaddon {
    /* max-height: 200px;
    overflow: auto;*/
}
/*
.content {
    display: none;
}
*/
.main-content .alert.alert-danger.alert-dismissible {
    padding-left: 45px;
}

.sub-agency-add {
    position: absolute;
    right: 33px;
    width: 80px;
}

body .dataTables__bottom.pricing-datatables {
    padding: 0px;
}

.mobilenumber_craftmyapp_container .iti__country-list {
    z-index: 999;
}

form .card-body .organizationlogo_craftmyapp_container .form-group input[type="file"] {
    padding: 2.5px 5px;
}

body#large .dataTables_wrapper table thead th, body#large .dataTables_wrapper table tbody tr td {
    font-size: 14.5px !important;
}

body#medium .dataTables_wrapper table thead th, body#medium .dataTables_wrapper table tbody tr td {
    font-size: 14px !important;
}

body#small .dataTables_wrapper table thead th, body#small .dataTables_wrapper table tbody tr td {
    font-size: 13px !important;
}

div#AppointmentContainer.automaton_card {
    margin-top: 0px !important;
    background: #f5f5f5;
    padding-top: 8px;
    padding-bottom: 8px;
}

#AppointmentContainer .request-card-list {
    max-width: 320px;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
}

div#AppointmentContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

@media only screen and (min-width:320px) and (max-width:591px) {

    #AppointmentContainer .request-card-list {
        margin: 0 auto;
    }
}

@media only screen and (min-width:320px) and (max-width:591px) {

    .dataTables_wrapper.dicover-engae-wrap.search-wrap-data {
        top: -4px;
    }
}

.dataTables_wrapper.dicover-engae-wrap.search-wrap-data {
    position: absolute;
    right: 82px;
    top: -11px;
}

.app-discovery-tab {
    max-width: calc(100% - 450px);
}

.automaton_table {
    background: #fff;
}

body#large .dataTables_wrapper table thead th, body#large .dataTables_wrapper table tbody tr td {
    font-size: 14.5px !important;
}

body#medium .dataTables_wrapper table thead th, body#medium .dataTables_wrapper table tbody tr td {
    font-size: 14px !important;
}

body#small .dataTables_wrapper table thead th, body#small .dataTables_wrapper table tbody tr td {
    font-size: 13px !important;
}

.th-tlt span {
    margin-top: 6px;
}

span.total-price {
    display: block !important;
    font-family: 'Roboto';
    font-weight: 800;
}
/*Request card new changes*/
#RequestContainer .request-card-list {
    max-width: 320px;
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
}

div#RequestContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

@media only screen and (min-width:320px) and (max-width:591px) {

    #RequestContainer .request-card-list {
        margin: 0 auto;
    }
}
/*Request card new changes*/
button.generate-pda {
    background: transparent !important;
    border: 0px !important;
    padding: 0px;
    margin: 0px;
    border-radius: 0px !important;
}

    button.generate-pda img {
        width: auto !important;
        height: 26px !important;
        border: 0px !important;
        background: transparent !important;
        border-radius: 0px !important;
    }

.compare-agent-slide .add_agency_popup .dropdown-item:focus, .compare-agent-slide .add_agency_popup .dropdown-item:hover, .compare-agent-slide .add_agency_popup .dropdown-item.active {
    background-color: #f5f5f5 !important;
}

.dark-mode .compare-agent-slide .add_agency_popup .dropdown-item:focus, .dark-mode .compare-agent-slide .add_agency_popup .dropdown-item:hover, .dark-mode .compare-agent-slide .add_agency_popup .dropdown-item.active {
    background-color: #3a4eb6 !important;
}

.alert.alert-danger.alert-dismissible {
    padding-left: 48px;
}

.error_filelds {
    border-color: #ff8100 !important;
}

body.dark-mode .progress-bar.dpworld {
    background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#28729C calc(var(--progress-value) * 1%), rgb(255, 255, 255) 0);
}

.dark-mode .tenantSection_agency_profile {
    background: transparent !important;
}

.uploaded_files .modal-footer button {
    background: transparent !important;
    color: #7A7A7A;
    font-family: 'Roboto' !important;
    border: 1px solid #DBDBDB;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    margin: 10px;
    padding: 6px 13px;
}

.dark-mode .uploaded_files .modal-footer button {
    border: 1px solid #3a4eb6;
    color: #fff;
    background: #0b0437 !important;
}

.dark-mode .modal-content.uploaded_files {
    background: #0b0437;
}

.switch .slider .on {
    margin-left: -7px;
}

.switch .slider .off {
    margin-left: 7px;
}

.contactContainer .contact {
    border-bottom: 0px !important;
}

.job-req a.update-ico i {
    position: relative;
    top: -5px;
}

.dark-mode .dataTables_paginate.paging_simple_numbers span a.current {
    color: #ffff !important;
    background: #0b0437 !important;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    opacity: 1;
}

.SumoSelect.open > .optWrapper {
    z-index: 9999;
}

body.dark-mode::-webkit-scrollbar-thumb {
    background: #676ba3;
}

#large.horizontal .side-menu li a {
    font-size: 14.2px !important;
}

#medium.horizontal .side-menu li a {
    font-size: 14px !important;
    text-decoration: none;
}

#small.horizontal .side-menu li a {
    font-size: 13px !important;
}

.agent-compare .dropdown button {
    background: #0f959e !important;
    height: 37px;
}

.agent-compare .dropdown-menu {
    background: #fff;
    box-shadow: 0px 16px 18px rgba(135, 135, 182, 0.1) !important;
    border: 1px solid #e7eaf3;
}

    .agent-compare .dropdown-menu a {
        color: #626261 !important;
        background: transparent;
        font-family: 'Roboto';
    }

#large .agent-compare .dropdown-menu a {
    font-size: 14.5px;
}

#medium .agent-compare .dropdown-menu a {
    font-size: 14px;
}

#small .agent-compare .dropdown-menu a {
    font-size: 13px;
}

.agent-compare .dropdown-menu {
    padding: 3px 0px;
}

.dark-mode .agent-compare .dropdown-menu {
    box-shadow: 0px 16px 18px rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.1);
    background: #0E124A !important;
}

    .dark-mode .agent-compare .dropdown-menu a {
        color: #fff !important;
    }

.collapse-common {
    font-size: 21px;
    padding: 0px 0px 0px 10px;
}
/*.iti {
    z-index: 9998;
}*/
body .agency-common-container .darg-scroll .agencycomments_craftmyapp_container {
    width: 100% !important;
    display: flex;
}

body .agency-common-container .row .agencycomments_craftmyapp_container {
    width: 50% !important;
}

body .agency-common-container .row .activity_craftmyapp_container {
    width: 25%;
    max-width: 380px !important;
}

body .agency-common-container .row .qty_craftmyapp_container {
    max-width: 140px !important;
    width: 140px !important;
}

    body .agency-common-container .row .qty_craftmyapp_container > div {
        width: 130px !important;
        max-width: 130px !important;
    }

.common-gray-bg .dataTables_wrapper.dicover-engae-wrap {
    background: #fff;
    padding: 10px 10px 1px 10px;
    margin-bottom: 10px;
}

.common-gray-bg {
    background: #f5f5f5;
}

.dark-mode .common-gray-bg .dataTables_wrapper.dicover-engae-wrap {
    background: #0b0437;
}

.dark-mode .common-gray-bg .tab-content {
    background: #26206d !important;
}

.card.request-card-head {
    margin-bottom: 10px;
}

.dicover-engae-wrap .card-lst .list {
    padding: 3px 14px !important;
}

.dicover-engae-wrap .card-head.request-card {
    top: 12px !important;
}

.dataTables_wrapper.dicover-engae-wrap .dataTables__top {
    padding-bottom: 6px !important;
}

.compare-agent-slide .agentslist .compare-main-head .compare-check {
    display: flex;
    justify-content: space-between;
    width: 96%;
}

span.text-sg {
    margin-left: auto;
}

span.qty-price {
    position: absolute;
    top: 6px;
    right: 0px;
    color: #04927b;
    font-family: Roboto-bold;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

td.qty-prt-wrap {
    position: relative;
}

span.card-head-tlt-s {
    color: #007e00 !important;
}

.dark-mode span.card-head-tlt-s {
    color: #2dedc3 !important;
}

#AppointmentContainer .request-lst b.completed {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
}

#RequestContainer .request-lst b.completed {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
}

.savedraft {
    height: 37px;
    background: #0B1340 !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-family: 'Roboto' !important;
    margin-top: 1px;
    margin-right: 6px;
}

.dark-mode .savedraft {
    background: #8cc2ff !important;
    color: #0b1340 !important;
}

.tooltip {
    z-index: 9999;
}

.toolwrap {
    position: relative;
}

button.info-cc i {
    color: #0f959e;
    font-size: 18px;
}
/*  .dark-mode .add_agency_popup {
        background: #0b0437;
    }*/
.dark-mode .add_agency_popup {
    background: rgb(11 4 55 / 70%);
}

button.info-cc {
    background: transparent;
    border: 0px;
    position: absolute;
    left: 23px;
    color: #20579b;
    top: -2px;
}

#servicesContainerparents_l .pricing-tab {
    background: #f3f3f3 !important;
}

.dark-mode #servicesContainerparents_l .pricing-tab {
    background: #0c0636 !important;
}

.dark-mode .choose-addon-wrapper button {
    background: #8CC2FF !important;
    border: 1px solid #3a4db4 !important;
    color: #080C46 !important;
}

.tools.cma_card_action_tools .btn-group a {
    outline: 0px;
    border: 0px;
}

.cma_section_band .tools.cma_card_action_tools .btn-group:hover {
    background: rgba(12, 12, 12, 0.25) !important;
}

.btn-group.request_menu_color:hover {
    background: rgba(12, 12, 12, 0.25) !important;
}

.menu_pda .actions__item .btn-group .request_menu_color:hover {
    background: rgba(12, 12, 12, 0.25) !important;
}

#Request_area .tools.cma_card_action_tools .btn-group a {
    color: #271A6F;
}

.common-card-body div {
    max-width: 100%;
}

.dicover-engae-tab.dicover-engae-tab-card .reg-comp-card-lst i {
    line-height: 34px;
}

html body :is(#pills-activity, #pills-operation) .price-table table:not(:has(th:nth-child(2))) {
    width: 100% !important;
}

.comp-send a {
    margin-right: 10px;
}
/*darkmode version*/
.request-lst.request-from b {
    width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    display: block !important;
    line-break: unset !important;
}

.dark-mode .version-left {
    background: #0b0437 !important;
    border: 1px solid #3a4eb6;
}

    .dark-mode .version-left h3 {
        color: #fff !important;
    }

.dark-mode .version-left-panel .version-lft-cont label {
    color: #fff !important;
}

.dark-mode .accordion-item {
    background: #0b0437 !important;
}

.dark-mode .version-left-list > div:nth-child(2n) {
    background: #26206d !important;
}

.dark-mode .version-left-panel .version-lft-cont span {
    color: #fff !important;
}

.dark-mode .version-right-side span {
    color: #fff !important;
}

.dark-mode .version-bottom .accordion .accordion-header button {
    background: #251f70 !important;
    color: #fff !important;
}

html body.dark-mode .version-top .input-group input {
    border-color: #3a4eb6 !important;
}

html body.dark-mode .version-top .input-group {
    border-color: #3a4eb6;
    box-shadow: unset !important;
}

.dark-mode .version-right-top-section .version-left-panel {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

.dark-mode .version-right-bottom-section {
    background: #0e124a;
}

.dark-mode .version-edited-list {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

    .dark-mode .version-edited-list table tbody tr td {
        color: #dbd6d6;
    }

.dark-mode .version-right-wrap {
    border: 1px solid #3a4eb6;
}

.version-edited-list .table-responsive {
    min-height: auto;
}
/*darkmode version*/
.RequestInfo_craftmyapp_container .revisions {
    position: absolute;
    right: 22px;
    top: 8px;
}

.RequestInfo_craftmyapp_container {
    position: relative;
}

#tblAppointment_wrapper.dataTables_wrapper .dataTables__top .dataTables_buttons .input-group input {
    width: 300px;
    max-width: 100%;
}

.dataTables_wrapper.dicover-engae-wrap .dataTables__top .dataTables_buttons .input-group input {
    width: 300px;
    max-width: 100%;
}

.price-top-section.card-view-price .price-tab-tlt {
    margin-left: 16px;
}

.compare-main-head.active {
    border-left: 5px solid #01B18A !important;
    background: rgba(1, 177, 138, 0.10);
    box-shadow: 0px 6px 7px -1px rgba(0, 0, 0, 0.15);
}

.agency_list_lefside .active .sg-f-lst .f-lst {
    background: #fff;
}

.dark-mode .request-lst.request-status b.completed {
    background: #069e86;
    color: #fff;
}

span.sub-title-request {
    position: relative;
    top: 7px;
    color: #069e86 !important;
    font-family: 'Roboto';
    font-weight: 800;
}

.tools.cma_card_action_tools ul.dropdown-menu a {
    line-height: 26px;
    font-size: 15px;
}

.dark-mode .tools.cma_card_action_tools ul.dropdown-menu a {
    color: #8CC2FF !important;
}

#large .tools.cma_card_action_tools ul.dropdown-menu a {
    font-size: 14.5px;
}

#medium .tools.cma_card_action_tools ul.dropdown-menu a {
    font-size: 14px;
}

#small .tools.cma_card_action_tools ul.dropdown-menu a {
    font-size: 13px;
}

.tools.cma_card_action_tools ul.dropdown-menu {
    padding: 0px !important;
}

.request-lst.request-number {
    display: flex;
    align-items: center;
    align-self: center;
}

.dataTables_wrapper.dicover-engae-wrap .card-lst {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    /* padding-bottom: 2px !important;*/
}

.dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
    /*   top: 14px;*/
    top: unset;
}

.dark-mode .automaton_table {
    background: #0e124a;
}

.dark-mode .printarea-btn {
    background: rgb(37 31 111);
}

.printarea-btn {
    background: rgb(253 253 253);
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

    .printarea-btn button {
        margin-top: 0px;
    }
/*price table design*/
body :is(#pills-activity, #pills-operation) .price-table table:not(:has(th:nth-child(9))) {
    width: 600px !important;
}

body :is(#pills-activity, #pills-operation) .price-table table {
    width: 600px !important;
}

    body :is(#pills-activity, #pills-operation) .price-table table tr td table {
        width: 100% !important;
    }

    body :is(#pills-activity, #pills-operation) .price-table table thead tr th:not(:nth-child(2),:nth-child(3)):nth-child(even) {
        width: 600px !important;
    }
/*price table design*/
.dark-mode div#RequestContainer.automaton_card {
    justify-content: space-evenly;
}

.dark-mode .request-card-list .card {
    background: #fff;
}

.dark-mode .request-card-list .card {
    background: #0E124A;
}

@media only screen and (min-width: 320px) and (max-width: 611px) {
    .bread_crumbs_main {
        /*  min-height: 80px;*/
    }

    ul.discovery-lst li {
        padding: 3px 24px;
    }

    body .card.request-card-head {
        margin-top: 23px !important;
    }
}

.activity-fixed.apptaddon {
    overflow: auto !important;
    width: auto !important;
    display: flex;
    flex-wrap: nowrap;
}

    .activity-fixed.apptaddon::-webkit-scrollbar {
        height: 6px;
    }

.cerfication-request {
    opacity: 0.2;
}
/*discovery*/
@media only screen and (min-width:320px) and (max-width:991px) {
    ul.discovery-lst {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: -3px;
        align-items: center;
        align-self: center;
        flex-wrap: wrap;
        left: unset;
        right: unset;
        margin-left: 0px !important;
        padding-left: 0px;
    }
}

ul.discovery-lst li:hover, ul.discovery-lst li.active {
    border-radius: 5px;
    background: rgba(0, 228, 188, 0.60);
}

ul.discovery-lst {
    display: flex;
    justify-content: center;
    right: 0px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 13px;
    align-items: center;
    align-self: center;
    /*right:64px;*/
}

    ul.discovery-lst li {
        padding: 3px 20px;
    }

        ul.discovery-lst li a {
            color: #FFF;
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-decoration: none;
        }

#large ul.discovery-lst li a {
    font-size: 15.5px;
}

#medium ul.discovery-lst li a {
    font-size: 15px;
}

#small ul.discovery-lst li a {
    font-size: 14px;
}

ul .discovery-lst li:hover {
    border-radius: 5px;
    background: rgba(0, 228, 188, 0.60);
}

ul.discovery-lst li a svg {
    padding-right: 6px;
    margin-top: -3px;
    margin-right: 7px;
}
/*discovery*/
.choose-addon-wrapper {
    display: flex;
}

    .choose-addon-wrapper select {
        width: 210px;
        max-width: 100%;
    }

.choose-addon-wrapper {
    margin-bottom: 10px;
}

    .choose-addon-wrapper button {
        background: #fff !important;
        border-radius: 5px !important;
        font-family: 'Roboto';
        font-weight: 800;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 16px !important;
        height: 37px;
        color: #04927B !important;
        border: 1px solid #04927B !important;
        margin-left: 10px;
    }

#large .choose-addon-wrapper button {
    font-size: 16px !important;
}

#medium .choose-addon-wrapper button {
    font-size: 15px !important;
}

#small .choose-addon-wrapper button {
    font-size: 14px !important;
}

.dark-mode .card.card-blue.comments label {
    color: #fff;
}

body.dark-mode .add-request-next, body.dark-mode .add-request-prev {
    background-color: #8cc2ff !important;
    border: 1px solid #8cc2ff !important;
    color: #000000 !important;
}

.dark-mode .add-request-save {
    background: #8cc2ff;
    color: #000;
}

body .add-request-prev {
    background: transparent !important;
    color: #7A7A7A;
    font-family: 'Roboto' !important;
    border: 1px solid #DBDBDB !important;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    margin-right: 10px;
}

.add-request-save {
    background: #080C46;
    color: #FFF;
    text-align: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    line-height: 21px;
}

#large .add-request-save {
    font-size: 15.5px !important;
}

#medium .add-request-save {
    font-size: 15px !important;
}

#small .add-request-save {
    font-size: 14px !important;
}

body#medium .add-request-next, body#medium .add-request-prev {
    font-size: 15px !important;
}

body#large .add-request-next, body#large .add-request-prev {
    font-size: 15.5px !important;
}

body#small .add-request-next, body#small .add-request-prev {
    font-size: 14px !important;
}

.app .card-lst.reg-comp-card-lst .list .lst-num i {
    display: none;
}

.app .card-lst.reg-comp-card-lst .list.active span p, .app .card-lst.reg-comp-card-lst .list:hover.active span p {
    color: #05A087 !important;
    font-family: 'Roboto';
    font-weight: 800;
}

.app .card-lst.reg-comp-card-lst .list.active .lst-num label, .app .card-lst.reg-comp-card-lst .list:hover.active .lst-num p {
    color: #05A087 !important;
}
/*version style*/
@media only screen and (min-width:320px) and (max-width:1300px) {
    .version-tab.row {
        flex-direction: column;
    }

        .version-tab.row > div {
            width: 100%;
        }

    .version-right-wrap-main {
        position: absolute;
        top: 0px;
        left: 22px;
        z-index: 9;
        background: #fff;
    }

    i.angle.fe.fe-chevron-left.versionico {
        display: block !important;
    }

    .version-right-wrap-main {
        display: none;
    }
}

@media only screen and (min-width:1301px) {
    .version-right-wrap-main {
        display: block !important;
    }
}

.version-tab {
    position: relative;
}

i.angle.fe.fe-chevron-left.versionico {
    color: #fff;
    position: absolute;
    font-size: 24px;
    right: 9px;
    width: 41px !important;
    top: 0px;
    display: none;
    background: #04927b;
    padding: 10px 0px !important;
    z-index: 9999;
    text-align: center;
}

.line-strike {
    text-decoration: line-through;
}

.version-left {
    border-radius: 5px;
    border: 1px solid #E7E9EB;
    background: #F9FAFB;
    margin: 20px;
}

    .version-left h3 {
        color: var(--Ink-Darkest, #090A0A);
        font-family: 'Roboto';
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px; /* 150% */
        padding: 13px 20px 0px 20px;
    }

.version-top {
    padding: 0px 20px 10px 20px;
}

html body .version-top .input-group {
    border-radius: 5px;
    border: 1px solid #E7E9EB;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    position: relative;
    height: 38px !important;
}

.version-top .input-group span {
    position: absolute;
    right: 0px;
}

.version-top span.input-group-addon {
    z-index: 9;
    border: 1px solid #ccc !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 40px !important;
    border-left: 0px !important;
    line-height: 44px;
}

html body .version-top .input-group input {
    height: 38px !important;
    border: 1px solid #ccc !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.version-bottom .accordion .accordion-header button {
    color: var(--Ink-Darkest, #090A0A);
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 100% */
    background: #f8f9f9;
    border-radius: 0px !important;
    border: 0px !important;
    box-shadow: inherit !important;
}

body .version-bottom .accordion .accordion-header {
    border: 0px !important;
}

.version-bottom .accordion-item {
    border: 0px !important;
}

.version-bottom .accordion-body {
    padding: 0px !important;
    border: 0px !important;
}

.version-left-panel {
    display: flex;
    padding: 13px;
    justify-content: space-between;
    align-items: center;
}

.version-left-side {
    display: flex;
}

.version-left-panel .version-lft-cont {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    align-self: center;
}

.version-left-side img {
    object-fit: contain;
}

.version-left-panel .version-lft-cont label {
    color: var(--Ink-Darkest, #090A0A);
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 93.333% */
    padding-bottom: 7px;
}

.version-left-panel .version-lft-cont span {
    color: #6C7072;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 100% */
}

.version-right-side span {
    color: var(--Ink-Light, #6C7072);
    text-align: right;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 114.286% */
}

.version-left-list > div:nth-child(2n) {
    background: #E5EDF5 !important;
}

.version-right-wrap {
    border-radius: 5px;
    border: 1px solid #E7E9EB;
    margin: 20px 20px 20px 0px;
}

.version-right-top-section .version-left-panel {
    border: 1px solid #F3F3F3;
    background: #fff;
}

.version-edited-list {
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    background: #F9FAFB;
    margin: 10px 20px;
    padding: 10px 0px;
}

.version-right-bottom-section {
    background: #fff;
}

.version-edited-list > div {
    padding: 5px;
}

    .version-edited-list > div ul {
        display: flex;
        justify-content: space-around;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

        .version-edited-list > div ul li label {
            color: #090A0A;
            font-family: 'Roboto';
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
        }

        .version-edited-list > div ul li span {
            color: #6C7072;
            font-family: 'Roboto';
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: 30px;
        }

.version-edited-list table thead tr th {
    color: #090A0A;
    font-family: 'Roboto';
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    padding: 0px 13px;
    padding-bottom: 10px !important;
}

.version-edited-list table tbody tr td {
    color: #6C7072;
    font-family: 'Roboto';
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    padding: 0px 13px;
    white-space: nowrap;
}

    .version-edited-list table tbody tr td b {
        color: #389721;
        font-family: 'Roboto';
        font-weight: 800;
    }

    .version-edited-list table tbody tr td:last-child {
        white-space: normal;
        min-width: 300px;
    }

.version-right-bottom-section table.table {
    table-layout: auto;
}

    .version-right-bottom-section table.table tbody tr td, .version-right-bottom-section table.table thead tr th {
        border: 0px !important;
    }

a.edited-head {
    color: #F39C12;
}

a.created-head {
    color: #1092EF;
}

a.deleted-head {
    color: #CC0905;
}

a.version-title {
    font-family: 'Roboto';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
    padding-left: 21px;
    margin-top: 10px;
}

    a.version-title svg {
        margin-right: 4px;
    }

.version-left-list {
    height: 445px;
    overflow: auto;
}

    .version-left-list::-webkit-scrollbar {
        width: 4px;
    }
/*version style*/
.app .card-lst.reg-comp-card-lst .list:hover.active .lst-num label {
    color: #fff !important;
}
/*discover*/
.dicover-engae-tab.discover-filter-space {
    left: 50px;
    top: -6px;
}

#medium .dicover-engae-tab ul li a {
    font-size: 15px;
}

#small .dicover-engae-tab ul li a {
    font-size: 14px;
}

#large .dicover-engae-tab ul li a {
    font-size: 15.5px;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .dicover-engae-tab.discover-filter-space {
        position: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        top: 0px;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {

    .dicover-engae-tab {
        position: unset !important;
        top: 0px;
        z-index: 9;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: CENTER;
        margin-bottom: 11px;
    }
}

.dicover-engae-tab ul li svg path {
    fill: #5D5C5F;
}

.dark-mode .dicover-engae-tab ul li svg path {
    fill: #fff;
}

.dark-mode .dicover-engae-tab ul li svg {
    border: 1px solid #fff;
}

.dicover-engae-tab ul li svg {
    border: 1px solid #5D5C5F;
    border-radius: 24px;
    width: 24px;
    height: 24px;
    padding: 4px;
    margin-right: 8px;
    margin-top: -7px;
}

.dicover-engae-tab {
    position: absolute;
    top: 22px;
    z-index: 9;
}

    .dicover-engae-tab ul {
        display: none;
    }

        .dicover-engae-tab ul li {
            line-height: 49px;
        }

            .dicover-engae-tab ul li a {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                line-height: 19px;
                color: #5D5C5F;
                text-transform: capitalize;
                padding: 5px 3px 8px 3px;
                margin-right: 21px;
                text-decoration: none;
            }

.dark-mode .dicover-engae-tab ul li a {
    color: #fff;
}

.dicover-engae-tab ul li a.active {
    border-bottom: 2px solid #069e86;
}
/*discover*/
span.auto_cls_totalcost, span.auto_cls_totaladdoncost, span.auto_cls_grandtotal, span.auto_cls_totalcharges, span.auto_cls_verifiedstatus, span.auto_cls_ctmtotal, span.auto_cls_totalctmcost, span.auto_cls_pda_grandtotal, span.auto_cls_pda_totalcharges, span.auto_cls_pda_totalcost, span.auto_cls_appt_grandtotal, span.auto_cls_appt_totalcharges, span.auto_cls_appt_totalcost {
    font-family: 'Roboto';
    font-weight: 800;
    color: #04927B !important;
}

.card.card-blue.comments {
    padding: 10px;
}

    .card.card-blue.comments label {
        color: #000;
        font-family: 'Roboto' !important;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .card.card-blue.comments .form-group {
        margin-bottom: 3px !important;
    }

.dark-mode .request-lst.request-mail .card-email {
    background: #251f70;
}

    .dark-mode .request-lst.request-mail .card-email span {
        color: #fff;
    }

    .dark-mode .request-lst.request-mail .card-email svg path {
        fill: #fff !important;
    }

.request-card-list .card {
    box-shadow: 0px 2px 9px rgb(0 0 0 / 10%) !important;
}

.request-lst.etb, .request-lst.etd {
    width: 100% !important;
    flex-direction: row !important;
}

    .request-lst.etb b, .request-lst.etd b {
        margin-top: 0px !important;
        margin-left: 9px;
    }

.request-lst.etb {
    color: #203374 !important;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.request-lst.etd {
    color: #039F7A !important;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.request-lst.request-mail {
    width: 100% !important;
}

    .request-lst.request-mail .card-email {
        border-radius: 2px;
        background: #F4F5F9;
        width: 100% !important;
        padding: 10px 10px;
    }

        .request-lst.request-mail .card-email span {
            padding-left: 10px;
            color: #080C46;
            font-family: 'Roboto';
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .request-lst.request-mail .card-email a {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

#large .request-lst.request-mail .card-email span {
    font-size: 15.5px;
}

#medium .request-lst.request-mail .card-email span {
    font-size: 15px;
}

#small .request-lst.request-mail .card-email span {
    font-size: 14px;
}

#RequestContainer .request-lst.request-number b {
    margin-top: 5px;
}

.dark-mode .request-lst.request-client {
    color: #4C97EB !important;
}

.request-lst.request-client {
    width: 100% !important;
    /*color: #F39C12 !important;*/
    color: #1092EF !important;
    font-family: 'Roboto-semibold' !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

    .request-lst.request-client span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
    }

.request-lst.etb, .request-lst.etd {
    width: 100% !important;
    flex-direction: row !important;
}

    .request-lst.etb b, .request-lst.etd b {
        margin-top: 0px !important;
        margin-left: 9px;
    }

.request-lst.etb {
    /*color: #f59c12 !important;*/
    color: #1092EF !important;
    font-family: 'Roboto-semibold' !important;
}

.dark-mode .request-lst.etb {
    color: #4C97EB !important;
}

.request-lst.etd {
    color: #039F7A !important;
    font-family: 'Roboto-semibold' !important;
}

.printablerow .card .card-body .row > div.col-sm-4 {
    max-width: 100%;
    width: 260px;
}

div#Request_area {
    /* background: #f4f4f4 !important;
        padding: 14px 15px;*/
}

.dark-mode div#Request_area {
    /* background: #251f6e !important;
        padding: 14px 15px;*/
}
/*calendar list*/
.apptaddon_scroll {
    height: auto !important;
    overflow-y: hidden !important;
    overflow-x: auto;
}

.compare-content .f-lst {
    align-items: flex-start !important;
}

.dark-mode #RequestContainer .card-head {
    border-bottom: 1px solid #3a4eb6
}

.dark-mode div#RequestContainer.automaton_card {
    margin-top: 0px !important;
    background: #26206d;
    padding: 20px 0px;
}

.dark-mode .calendar-request-list {
    color: #fff;
}

#medium #RequestContainer .request-lst {
    font-size: 15px;
}

#large #RequestContainer .request-lst {
    font-size: 15.5px;
}

#small #RequestContainer .request-lst {
    font-size: 14px;
}

.calendar-request-list {
    color: #363840;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 5px;
}

    .calendar-request-list i {
        padding-right: 6px;
    }

#medium .calendar-request-list {
    font-size: 15px;
}

#large .calendar-request-list {
    font-size: 15.5px;
}

#small .calendar-request-list {
    font-size: 14px;
}

.request-lst.request-number b {
    color: #080C46;
    font-family: 'Roboto' !important;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

#large .request-lst.request-number b {
    font-size: 15.5px !important;
}

#medium .request-lst.request-number b {
    font-size: 15px;
}

#small.request-lst.request-number b {
    font-size: 14px;
}

#RequestContainer .request-card-list {
}

#RequestContainer .card-body {
    margin-top: 0px !important;
    padding-top: 5px !important;
    cursor: pointer;
}

.request-lst.request-status b.completed {
    color: #000 !important;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px; /* 191.667% */
    border-radius: 2px;
    background: #DFF8E8;
    padding: 5px 4px;
}

.request-lst.request-status {
    justify-content: flex-end;
    display: flex;
    align-items: flex-end !important;
}

.request-lst.request-from {
    width: 100% !important;
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
}

    .request-lst.request-from b {
        margin-top: 0px !important;
        padding-left: 7px !important;
        color: #17C05B !important;
        font-family: 'Roboto-semibold' !important;
        font-size: 17px;
        font-style: normal !important;
        font-weight: 500;
        line-height: 26px;
        /*  text-decoration-line: underline;*/
    }

#large .request-lst.request-from b {
    font-size: 15.5px !important;
}

#medium .request-lst.request-from b {
    font-size: 15px !important;
}

#small.request-lst.request-from b {
    font-size: 14px !important;
}
/*calendar list*/
/*.request-card-view-wrapper {
    background: #f5f5f5;
}*/
/*.request-card-view-wrapper .card-body {
        padding-bottom: 0px !important;
    }*/
.compare-main-head .compare-content h3 {
    margin-bottom: 5px;
}

.row.div_filter .p-2 {
    padding-bottom: 0px !important;
}

.printablerow .card.card-blue {
    padding-left: 10px !important;
}

    .printablerow .card.card-blue .card-head {
        border-bottom: 0px !important;
        font-family: 'Roboto';
        font-weight: 800;
    }

        .printablerow .card.card-blue .card-head header {
            padding-bottom: 0px !important;
        }

.printablerow > div {
    margin-bottom: 15px;
}

.dropdown.actions__item i {
    vertical-align: middle;
}

.dark-mode .table tbody tr.odd td.dt-center:last-child {
    background: #0e124a !important;
}

.dark-mode .table tbody tr.even td.dt-center:last-child {
    background: #0b0437 !important;
}

textarea.comments {
    min-height: 38px;
}

html .app.dark-mode .card-lst.reg-comp-card-lst .list:hover {
    box-shadow: inherit !important;
    background: #456296 !important;
}

    html .app.dark-mode .card-lst.reg-comp-card-lst .list:hover span p {
        color: #fff !important;
    }

    html .app.dark-mode .card-lst.reg-comp-card-lst .list:hover .lst-num label {
        color: #fff !important;
    }

    html .app.dark-mode .card-lst.reg-comp-card-lst .list:hover .lst-num i {
        color: #fff !important;
    }

.btn-danger span::before {
    font-size: 22px;
}

.login-section span.help-block {
    width: 100%;
}

.apptaddon_scroll_expand.header-expand {
    height: 100% !important;
}

.apptaddon_scroll_expand {
    height: 200px;
    overflow: hidden;
}

.price-table .table-responsive {
    overflow-x: auto !important;
    height: unset !important;
    overflow-y: hidden !important;
    max-height: unset !important;
}

.apptaddon_scroll .apptaddon .row {
    top: unset !important;
    left: unset !important;
}
/*.tenant_details_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}*/
#formId button#btnclear {
    margin-right: 12px;
}
/*table with auto*/
.table tbody tr td.dt-center .dropdown-menu .dropdown-item {
    padding: 2px 15px;
}

.table-responsive {
    overflow: auto !important;
    max-height: 400px !important;
    min-height: 350px;
    /*    height: calc(100vh - 284px) !important;*/
}

    .table-responsive::-webkit-scrollbar {
        height: 5px;
        width: 5px;
    }

.table thead tr th.dt-center:last-child, .table tbody tr td.dt-center:last-child {
    right: 0px;
    position: sticky !important;
    padding-top: 18px;
    width: 35px !important;
}

.table tbody tr.even td.dt-center:last-child {
    background: #F9F9F9 !important;
}

.table tbody tr.odd td.dt-center:last-child {
    background: #fff !important;
}

.table thead {
    position: sticky;
    top: 0px;
    right: inherit;
    left: inherit;
    z-index: 1;
}
/*table with auto*/
span.auto_cls_vendorquote a {
    padding-right: 5px;
}

span.auto_cls_otherdocuments a {
    padding-right: 5px;
}

html .app .card-lst.reg-comp-card-lst {
    background: #EFF3FF;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
    padding: 4px 0px;
    padding-right: 5px;
}

    html .app .card-lst.reg-comp-card-lst .list {
        background: #fff !important;
    }

html .app.dark-mode .card-lst.reg-comp-card-lst .list {
    background: #172270 !important;
}

.app .card-lst.reg-comp-card-lst .list span p {
    color: #4c6c7e !important;
}

.app .card-lst.reg-comp-card-lst .list .lst-num label {
    color: #4c6c7e !important;
}

.app .card-lst.reg-comp-card-lst .list .lst-num i {
    color: #4c6c7e !important;
}

html .app .card-lst.reg-comp-card-lst .list:hover {
    box-shadow: inherit !important;
    background: #fff !important;
}

.app.dark-mode .card-lst.reg-comp-card-lst .list.active, .app.dark-mode .card-lst.reg-comp-card-lst .list:hover.active {
    background: #01614C !important;
    border-radius: 5px;
    border: 1.2px solid #00E4BC !important;
    background: #0E124A !important;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

.app .card-lst.reg-comp-card-lst .list.active, .app .card-lst.reg-comp-card-lst .list:hover.active {
    /* background: #01614C !important;*/
    border-radius: 5px;
    border: 1.2px solid #05A087;
    background: #FFF !important;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

    .app .card-lst.reg-comp-card-lst .list.active span p {
        color: #05A087 !important;
    }

.app.dark-mode .card-lst.reg-comp-card-lst .list.active span p {
    color: #00E4BC !important;
}

.app.dark-mode .card-lst.reg-comp-card-lst .list:hover.active span p {
    color: #00E4BC !important;
}

.dark-mode.app .card-lst.reg-comp-card-lst .list:hover.active .lst-num label {
    color: #00E4BC !important;
}

.app.card-lst.reg-comp-card-lst .list:hover.active span p {
    color: #01614C !important;
}

.app .card-lst.reg-comp-card-lst .list.active .lst-num i, .app .card-lst.reg-comp-card-lst .list:hover.active .lst-num i {
    color: #01614C !important;
}

.dark-mode .reg-comp-card-lst .active .lst-num i:before {
    color: #fff !important;
}

.app.dark-mode .card-lst.reg-comp-card-lst .list.active .lst-num label {
    color: #00E4BC !important;
}

.app .card-lst.reg-comp-card-lst .list.active .lst-num label {
    color: #05A087 !important;
}

.app .card-lst.reg-comp-card-lst .list:hover.active .lst-num label {
    color: #4c6c7e !important;
}

.html .app.dark-mode .card-lst.reg-comp-card-lst {
    background: #f00 !important;
}

html .app.dark-mode .card-lst.reg-comp-card-lst {
    background: #0b0437;
}

.app.dark-mode .card-lst.reg-comp-card-lst .list span p {
    color: #fff !important;
}

.app.dark-mode .card-lst.reg-comp-card-lst .list:hover .lst-num label, .app.dark-mode .card-lst.reg-comp-card-lst .list:hover .lst-num i, .app.dark-mode .card-lst.reg-comp-card-lst .list:hover span p {
    color: #4c6c7e !important;
}

.app.dark-mode .card-lst.reg-comp-card-lst .list {
    border: 0px !important;
}

@media only screen and (min-width:320px) and (max-width:479px) {
    body .add-request-ico {
        top: 2px !important;
    }
}

@media only screen and (min-width:767px) and (max-width:969px) {
    .agentslist > div {
        width: 48%;
        display: inline-block;
        margin: 0px 1%;
    }
}

@media only screen and (min-width:320px) and (max-width:979px) {
    .add_request-list {
        width: 94% !important;
    }
}

@media only screen and (min-width:980px) and (max-width:1135px) {
    .add_request-list {
        width: 84% !important;
    }
}

@media only screen and (min-width:991px) and (max-width:1135px) {
    .add-request-ico {
        top: 120px !important;
        z-index: 99999999999 !important;
    }
}

@media only screen and (min-width:320px) and (max-width:1135px) {
    .job-req {
        padding: 7px 41px 17px 17px;
    }
    /*.add_request-list {
            width: auto !important;
        }*/

    .add_request-list {
        display: none;
    }


    .add-request-ico {
        color: #fff;
        position: absolute;
        font-size: 24px;
        right: 0px;
        width: 41px !important;
        top: 0px;
        display: block !important;
        background: #04927b;
        padding: 10px 0px !important;
        z-index: 99999999 !important;
        text-align: center;
    }

    .add_request-list {
        position: absolute;
        top: 63px;
        z-index: 9998;
        right: 34px;
        box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
    }

    /*  .add_request-list {
            width: auto !important;
        }*/
}

.add-request-ico {
    display: none;
}

.add_req_top_sec .add_req_right {
    width: 100%;
}

select#conversion_currency:focus-visible {
    outline: none;
}

.card-lst.reg-comp-card-lst .list {
    cursor: pointer;
}

    .card-lst.reg-comp-card-lst .list.pdasent {
        background: #37d9b4;
    }

.price-table .main-tlt button.btn.btn-secondary.right-wrap {
    padding-top: 0px !important;
}

.tabs.pricing-tab .tab-content.material-content {
    width: 100%;
    padding-top: 40px !important;
    padding-bottom: 20px !important;
}

.tabs.pricing-tab .tab-content.people-content {
    width: 100%;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.request-card .nav-tabs li.active a svg path {
    fill: #039F7A !important;
}

.card-head.request-card.material-card a {
    cursor: pointer !important;
}

.card-head.request-card.material-card {
    top: unset !important;
    right: 27px;
    margin-top: 13px;
}

    .card-head.request-card.material-card .nav-tabs {
        border: 0px;
    }

.switch span.slider {
    background: #6E6E6E;
}

.switch input:checked + span.slider {
    background: #1849AB !important;
}

html body#medium .create-frm .form-group label {
    font-size: 14px !important;
}

html body#large.create-frm .form-group label {
    font-size: 14.5px;
}

html body#small.create-frm .form-group label {
    font-size: 13px;
}

.create-frm .form-group .select2 {
    width: 100% !important;
}

.material-btn span.material-icons {
    font-size: 16px;
}

.material-btn, .material-btn:hover {
    background: #080C46 !important;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    height: 36px;
    width: 80px;
    max-width: 100%;
    color: #fff !important;
    font-weight: 800;
    display: flex;
    align-items: center;
    /*   justify-content: space-between;*/
    line-height: normal;
    text-transform: uppercase;
    padding-left: 15px;
    float: right !important;
    position: absolute;
    right: 64px;
    top: 9px;
    z-index: 9;
    font-size: 15px;
}

.dark-mode .material-btn {
    background: #8CC2FF !important;
    color: #0B1340 !important;
    border: 1px solid #8CC2FF !important;
}

.material-btn-wrapper {
    position: relative;
}

.add_req_top_sec .add_req_right {
    width: 100%;
}

select#conversion_currency:focus-visible {
    outline: none;
}

.card-lst.reg-comp-card-lst .list {
    cursor: pointer;
}

    .card-lst.reg-comp-card-lst .list.pdasent {
        background: #37d9b4;
    }

.price-table .main-tlt button.btn.btn-secondary.right-wrap {
    padding-top: 3px !important;
}

.price-table .main-tlt button.generate-pda {
    padding-top: 4px !important;
}

#large .activity-fixed label {
    font-size: 13.5px;
}

#medium .activity-fixed label {
    font-size: 13px;
}

#small .activity-fixed label {
    font-size: 12px;
}

.tabs-vessels ul li a i {
    font-size: 16px !important;
    color: #111896 !important;
}

sup.badge.style-danger.number_of_records {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    left: 19px;
    line-height: 15px;
    background: #0b1340;
}

sup.badge.style-danger.number_of_records_status {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    left: 19px;
    line-height: 15px;
    background: #0b1340;
}

.dark-mode .tabs-vessels li.dropdown i {
    color: #fff;
}

.tabs-vessels li.dropdown i {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    color: #262E2F;
    text-transform: none;
    vertical-align: middle;
    /*  transform: rotate(90deg);*/
    text-align: center;
    left: -1px;
    position: relative;
    top: 0px;
    padding: 5px 11px;
}

.dark-mode .tabs-vessels li.dropdown {
    background: #251f6f;
}

html body .tabs.pricing-tab ul.dropdown-menu li {
    padding: 0px !important;
}

.dark-mode .tabs-vessels li {
    background: #251f6f;
    position: relative;
    margin-top: -4px;
}

.tabs-vessels li {
    background: #fff;
    position: relative;
    margin-top: -4px;
}

    .tabs-vessels li.dropdown {
        box-shadow: unset;
        border: 0px !important;
        border-radius: 3px;
    }

.tabs-vessels .dropdown-menu {
    z-index: 9;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    border-color: rgba(255,255,255,0.9);
    left: -42px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 178px;
}

    .tabs-vessels .dropdown-menu li a {
        text-decoration: underline;
        color: #111896;
        padding: 0.1rem 8px 0.1rem 8px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

#large .tabs-vessels .dropdown-menu li a {
    font-size: 14.5px;
}

#medium .tabs-vessels .dropdown-menu li a {
    font-size: 14px;
}

#small .tabs-vessels .dropdown-menu li a {
    font-size: 13px;
}

.tabs-vessels .dropdown-menu {
    margin-top: 0px !important;
}

body.dark-mode .tabs-vessels .dropdown-menu {
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 40px 0 rgba(34, 34, 61, 0.8) !important;
    background: #2a2a4a !important;
}

.dark-mode .number_of_records i {
    color: #fff;
}

.dark-mode .number_of_records_status i {
    color: #fff;
}

.dark-mode .tabs-vessels .dropdown-menu li a {
    color: #8CC2FF !important;
}

.down_ico_txt button {
    margin-right: 10px !important;
    margin-top: -6px;
}

.down_ico_txt {
    margin-bottom: 8px;
}

.form-control:focus {
    box-shadow: unset !important;
}

.dark-mode .f-lst span {
    color: #fff !important;
}

.dark-mode .f-lst label {
    color: #fff !important;
}

.logo-cert {
    display: flex;
    justify-content: flex-end !important;
}

    .logo-cert span {
        margin-left: 12px;
    }

.lastupdateon-bottom-activity {
    justify-content: right;
    display: flex;
    flex-wrap: wrap;
}

.icons-main {
    display: flex;
    flex-direction: column;
    width: 300px;
    float: right;
    max-width: 100%;
}

.lastupdateon-bottom {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
}

    .lastupdateon-bottom.not-found {
        display: none;
    }

    .lastupdateon-bottom span {
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lastupdateon-bottom label {
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.icons-top {
    justify-content: flex-end;
    display: flex;
}

    .icons-top button {
        padding-right: 0px;
        margin-bottom: 0px !important;
        padding-bottom: 2px;
        padding-top: 2px
    }

.price-table .main-tlt .th-tlt h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 140px !important;
    min-width: 280px;
}

span.port-subtitle {
    color: #BAF4E7;
}

span.ship-subtitle {
    color: #F39C12;
}

span.c_tenantname {
    color: #2dedc3;
}

span.c_agencyname {
    color: #E3D6C2;
}

@media only screen and (min-width:970px) and (max-width:1299px) {
    .agency_list_lefside .sg-f-lst .f-lst {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .agency_list_lefside .sg-f-lst .f-lst {
        flex-direction: row !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        margin: 3px;
    }
}

.agency-horx-view .agency_profile_leftside {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.agency-profile-wrap.agency-price {
    padding: 0px 10px !important;
}

.dark-mode .agency_profile_head {
    border-bottom: 1px solid #3a4eb6;
}

.agency-horx-view .agency_profile_content {
    margin-bottom: 6px;
}

.agency-horx-view .agency_profile_right {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.add_agency_popup .cancel-save button {
    margin: 0px !important;
}

.dark-mode .agency_list_lefside .compare-main-head:has(.compareagent:checked) {
    box-shadow: 0px 6px 7px -1px rgba(0, 0, 0, 0.15);
    background: rgb(23 34 112) !important;
}

.agency_list_lefside .SGD-con .right-mg span {
    padding-left: 7px;
}

.agency_list_lefside .SGD-con .right-mg {
    display: flex;
    align-items: center;
    align-self: center;
}

.agency-horx-view .agency_profile_topsection svg {
    display: none;
}

.agency-horx-view .agency_profile_topsection {
    flex-direction: row;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

    .agency-horx-view .agency_profile_topsection .price_top_left {
        margin-left: 12px;
    }

        .agency-horx-view .agency_profile_topsection .price_top_left h3 {
            margin-top: 0px;
            margin-bottom: 0px;
            padding-top: 0;
        }

    .agency-horx-view .agency_profile_topsection .auto_cls_organizationlogo img {
        border: 2px solid #01b18a;
    }

.compare-main-head.active {
    border-left: 5px solid #01B18A !important;
}

.dark-mode .compare-main-head.active {
    border-left: 5px solid #01B18A !important;
}

.agency-horx-view .agency_profile_topsection svg {
    display: none;
}

.agency-horx-view .agency_profile_topsection {
    flex-direction: row;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

    .agency-horx-view .agency_profile_topsection .price_top_left {
        margin-left: 12px;
    }

        .agency-horx-view .agency_profile_topsection .price_top_left h3 {
            margin-top: 0px;
            margin-bottom: 0px;
            padding-top: 0;
        }

    .agency-horx-view .agency_profile_topsection .auto_cls_organizationlogo img {
        border: 2px solid #01b18a;
        width: 100px;
        height: 89px;
        object-fit: cover;
    }

    .agency-horx-view .agency_profile_topsection svg {
        display: none;
    }

.agency_list_lefside .SGD-con span ul li svg {
    margin-right: 10px;
}

.dark-mode .agency_list_lefside .compare-main-head:has(.compareagent:checked) .sg-f-lst .f-lst {
    background: #3a4eb6 !important;
    padding: 6px 15px;
    max-width: 100%;
}

.dark-mode .agency_list_lefside .SGD-con span ul li svg path {
    fill: #fff;
}

.agency_list_lefside .SGD-con .right-mg span {
    padding-left: 7px;
}

.agency_list_lefside .SGD-con .right-mg {
    display: flex;
    align-items: center;
    align-self: center;
}

.add_agency_popup .cancel-save button {
    margin: 0px;
    margin-top: 10px;
}

.compare-check-batch .compare-check span {
    margin-left: 0px !important;
}

.Generate_PDA_AgencyOperation {
    background: #01B18A;
    font-size: 16px;
    line-height: 47px;
    width: 164px;
    height: 47px;
    font-weight: 600;
    border-radius: 5px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px;
    color: #fff;
    text-align: center !important;
    display: flex;
    justify-content: center;
    font-family: 'Roboto';
    font-weight: 800;
}

.agency-horx-view .agency_profile_leftside {
    margin-bottom: 20px;
}

.card-lst.reg-comp-card-lst .list.appointed {
    background: #31bf9f;
}

.termsModal .modal-header button {
    text-decoration: none;
    position: unset;
}

.termsmodal.not-found {
    display: none;
}

.termsModal .modal-body {
    height: 360px;
    overflow: auto;
}

    .termsModal .modal-body::-webkit-scrollbar {
        width: 6px;
    }
/*price comparison top scroll*/
.exp-expand-sel {
    display: block;
    min-width: 440px;
    margin: 0;
}

.price-tab-text ul {
    display: inline-flex;
    flex-wrap: nowrap;
}

.price-tab-tlt {
    display: inline-flex;
    flex-wrap: nowrap;
    min-width: 429px;
    margin: 0;
}

.price-tab-text {
    overflow: auto;
    display: flex;
    gap: 10px;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}

.exp-expand-sel a {
    display: inline-block;
}
/*price comparison*/
.fdavariance_craftmyapp_container .input-group input {
    width: 80% !important;
    max-width: 100%;
}

.fdavariance_craftmyapp_container .input-group .input-group-addon {
    display: flex;
    align-items: center;
    border-color: #e8e8e8;
}

.agency-horx-view .agency-profile-wrap .row > div {
    width: 100% !important;
}

.agency-horx-view .agency_profile_leftside .agency_list_section ul {
    display: flex;
    flex-wrap: wrap;
}

    .agency-horx-view .agency_profile_leftside .agency_list_section ul li {
        width: 190px;
        max-width: 100%;
        padding-bottom: 12px;
    }

.inner_bccc label i {
    padding-left: 10px;
    padding-right: 7px;
}

.dark-mode .attach_file .filedisplay .file-ll span {
    color: #fff;
    border: 0px;
}

.dark-mode .btn-danger {
    background: transparent;
    border: 0;
}
/*terms*/
#large #termsModal .modal-header h5 {
    font-size: 17.5px;
}

#large #termsModal .modal-body h2 {
    font-size: 16.5px;
}

#large #termsModal .modal-body p {
    font-size: 14.5px;
}

#large #termsModal .modal-footer button {
    font-size: 14.5px;
}

#medium #termsModal .modal-header h5 {
    font-size: 17px;
}

#medium #termsModal .modal-body h2 {
    font-size: 16px;
}

#medium #termsModal .modal-body p {
    font-size: 14px;
}

#medium #termsModal .modal-footer button {
    font-size: 14px;
}

#small #termsModal .modal-header h5 {
    font-size: 16px;
}

#small #termsModal .modal-body h2 {
    font-size: 15px;
}

#small #termsModal .modal-body p {
    font-size: 13px;
}

#small #termsModal .modal-footer button {
    font-size: 13px;
}

.dark-mode .terms-wrapper button {
    color: #56cfb2 !important;
}

.terms-wrapper button {
    background: transparent !important;
    border: 0px;
    padding: 0px;
    margin: 0px;
    color: #000 !important;
    position: relative;
    top: -8px;
    text-decoration: underline;
    cursor: pointer;
}

.termsModal .modal-body p {
    text-align: left;
    color: #808080 !important;
}

.termsModal .modal-body h2 {
    font-size: 17px;
    margin-bottom: 12px;
    font-family: 'Roboto';
    font-weight: 800;
    color: #6a6666;
}

.termsModal .modal-header h5 {
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: 800;
    padding: 0;
}

.termsModal .modal-header button {
    font-size: 20px;
    font-weight: bold;
}

.termsModal .modal-header {
    margin: 0px !important;
    padding-top: 12px;
    padding-bottom: 12px;
}

.termsModal .modal-footer button {
    background: #ffffff !important;
    backdrop-filter: blur(5px);
    border-radius: 5px;
    width: 100px;
    height: 40px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 800;
    font-family: 'Roboto';
    color: #212529 !important;
    text-decoration: none;
    border: 1px solid #212529;
}

.termsModal .modal-footer {
    padding-bottom: 0px !important;
    padding-top: 14px !important;
}

div.termsModal .modal-dialog {
    width: 550px;
    max-width: 100%;
}

.dark-mode .termsModal .modal-content {
    background: #0B0437 !important;
}

.dark-mode .termsModal .modal-header h5 {
    color: #fff !important;
}

.dark-mode .termsModal .modal-header h5 {
    color: #fff;
}

.dark-mode .termsModal .modal-body h2 {
    color: #e5e2e2 !important;
}

.dark-mode .termsModal .modal-body p {
    color: #e5e2e2 !important;
}

.dark-mode .termsModal .modal-footer button {
    border: 1px solid #3a4eb5 !important;
    background: #0b0437 !important;
}
/*terms*/
span#requestnumber {
    color: #06b59c !important;
    font-family: "Roboto-bold";
}

.dark-mode span#requestnumber {
    color: #2f9da9 !important;
}
/*price comparison fixed column*/
.price-table table.fst-tab thead th:first-child, .price-table table.fst-tab tbody td.tabl-white:first-child {
    position: sticky;
    left: 0px !important;
    width: 192px !important;
    z-index: 9;
}
/*price comparison fiixed column*/
.card-body.preview_mail.top-preview {
    padding-top: 0px !important;
}

.attach_ico {
    color: #000 !important;
    font-size: 17px;
}

.dark-mode .attach_ico {
    color: #fff !important;
    font-size: 17px;
}

label.form-label.mx-wdth {
    position: relative;
    top: 7px;
}

#large .dropzone-desc p {
    font-size: 15.5px !important;
}

#medium .dropzone-desc p {
    font-size: 15px !important;
}

#small.dropzone-desc p {
    font-size: 14px !important;
}

.dropzone-wrapper:hover, .dropzone-wrapper.dragover {
    background: transparent !important;
}

#large .preview_mail .attach_btn .attach-btns {
    font-size: 15.5px !important;
}

#medium .preview_mail .attach_btn .attach-btns {
    font-size: 15px !important;
}

#small .preview_mail .attach_btn .attach-btns {
    font-size: 14px !important;
}

#large .preview_mail .attach_btn .sent-mail {
    font-size: 15.5px !important;
}

#medium .preview_mail .attach_btn .sent-mail {
    font-size: 15px !important;
}

#small .preview_mail .attach_btn .sent-mail {
    font-size: 14px !important;
}

#large #cc_id u, #large #bcc_id u {
    font-size: 14.5px;
}

#medium #cc_id u, #medium #bcc_id u {
    font-size: 14px;
}

#small #cc_id u, #small #bcc_id u {
    font-size: 13px;
}

.dark-mode .mail_title {
    color: #fff;
}

.dark-mode .preview_mail .attach_btn .attach-btns {
    color: #fff !important;
}

.dark-mode .preview_mail .form-group {
    border-bottom: 1px solid #3a4eb6;
    padding: 5px 10px;
}

    .dark-mode .preview_mail textarea, .dark-mode .preview_mail .form-group input.form-control {
        border: 0px !important;
        background: transparent !important;
    }

html #large .preview_mail .form-group label, html #large .preview_mail .form-group input, html #large .preview_mail .form-group textarea {
    font-size: 14.5px !important;
}

#large .mail_title {
    font-size: 19px;
}

html #medium .preview_mail .form-group label, html #medium .preview_mail .form-group input, html #medium .preview_mail .form-group textarea {
    font-size: 14px !important;
}

#medium .mail_title {
    font-size: 18px;
}

html #small .preview_mail .form-group label, html #small .preview_mail .form-group input, html #small .preview_mail .form-group
{
    font-size: 13px !important;
}

#small .mail_title {
    font-size: 16px;
}
/*preview mail*/
.preview_mail > .form-group:first-child {
    border-bottom: 0px;
}

.preview_mail .trumbowyg-editor p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 7px !important;
}

.preview_mail textarea {
    /* background: #F2F2F2;*/
    border-radius: 5px;
    width: 100%;
    height: 36px;
    padding: 8px 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #191C25;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center !important;
}

.preview_mail label.form-label {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 18px;
    color: #545760 !important;
    width: 100% !important;
}

.preview_mail .form-control {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #191C25;
    border: 0px;
    min-width: 266px;
    border: 0px !important;
}

.preview_mail div#div_cc .form-control, .preview_mail div#div_bcc .form-control {
    /* background: #F2F2F2;*/
    border-radius: 5px;
    width: 100%;
    min-width: 266px;
    max-width: 100%;
}

.preview_mail .form-group {
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 10px;
}

.preview_mail .attach_btn {
    display: flex;
}

.attach_file .filedisplay {
    display: flex;
    border: 1px solid #E0E0E0;
    filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.14));
    border-radius: 5px;
    max-width: 100%;
    align-items: flex-start;
    padding: 7px 10px;
    justify-content: space-between;
}

    .attach_file .filedisplay .file-ll {
        display: flex;
        flex-direction: row;
        margin-left: 0px;
    }

        .attach_file .filedisplay .file-ll img {
            width: 14px;
            max-width: 100%;
            margin-right: 7px;
            object-fit: contain;
        }

    .attach_file .filedisplay i {
        border-radius: 5px;
        background: #F2F2F2;
        padding: 8px;
        color: #545760;
    }

.attach_file {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
}

    .attach_file .filedisplay .file-ll span {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: #191C25;
        margin-bottom: 2px;
        width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-top: 4px;
    }

    .attach_file .filedisplay .file-ll label {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 10px !important;
        line-height: 12px;
        color: #808080;
    }

.file_wrap {
    display: flex;
}

.preview_mail .attach_btn {
    display: flex;
}

    .preview_mail .attach_btn .discard {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 16px !important;
        line-height: 30px;
        color: #04927B !important;
        border: 1px solid #04927B !important;
        background: transparent !important;
        text-transform: capitalize;
        padding: 3px 16px !important;
    }

    .preview_mail .attach_btn .sent-mail {
        background: #04927B !important;
        border-radius: 5px;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 16px !important;
        line-height: 30px;
        color: #FFFFFF !important;
        padding: 3px 16px !important;
        width: 106px;
        border: 1px solid #04927B;
    }

.dark-mode .dropzone-desc p {
    color: #fff;
}

.preview_mail .attach_btn {
    display: flex;
    justify-content: flex-end;
    margin-right: 0px !important;
}

    .preview_mail .attach_btn .attach-btns {
        background: transparent !important;
        border: 0px !important;
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 500;
        font-size: 16px !important;
        line-height: 19px;
        color: #000000 !important;
    }

.attach-btns i {
    color: #707070;
}

    .attach-btns i::before {
        margin-right: 6px;
    }

.attach_file .filedisplay .primarytg {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    color: #069F87;
    padding-top: 4px;
}

.detele-common-icon {
    display: flex;
}

.btn-remove-row span::before {
    color: #DB3712 !important;
    font-size: 22px;
    background: transparent;
}

#cc_id u, #bcc_id u {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #069F87;
    text-decoration: none;
    border: 1.5px solid #069F87;
    border-radius: 5px;
    padding: 8px 14px;
}

#cc_id {
    margin-right: 10px;
}

.cc_bcc {
    display: flex;
}

img.mobileshow_ico {
    display: none;
}

.to_mail {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    align-self: flex-end;
}

.cc_bcc {
    justify-content: flex-end;
    margin-top: 10px;
    margin-bottom: 10px;
}

.preview_mail .attach_btn .sent-mail {
    margin-right: 0px;
}

.row.align-items-center.mail-tt {
    justify-content: flex-end;
}

.mail_title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #191C25;
    padding-left: 0px;
    margin-top: 9px;
}

.mail_ccbcc {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.inner_bccc {
    display: flex;
    width: 100% !important;
}

mail_head {
    display: flex;
}

.inner_bccc .mx-wdth {
    width: 65px;
    max-width: 65px !important;
    display: flex;
    align-items: center;
}

#div_cc .mx-wdth, #div_bcc .mx-wdth {
    width: 65px;
    max-width: 65px !important;
    display: flex;
    align-items: center;
}

    #div_cc .mx-wdth img, #div_bcc .mx-wdth img {
        margin-right: 5px;
    }

.inner_bccc .mx-wdth img {
    margin-right: 5px;
}

.preview_mail .form-group .row {
    flex-wrap: nowrap;
}

.form-group.message_content .row {
    flex-wrap: wrap;
}

@media only screen and (min-width:320px) and (max-width:768px) {
    .mail_head.col-sm-12 {
        display: flex;
    }

    .preview_mail .form-control {
        min-width: 200px !important;
    }

    .mail_title {
        font-size: 17px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .preview_mail .attach_btn .attach-btns span {
        display: none;
    }

    .preview_mail .attach_btn .discard span {
        display: none;
        border: unset;
    }

    .preview_mail .attach_btn .discard {
        padding: 0 !important;
        border: unset !important;
        margin-bottom: 0 !important;
    }

    .preview_mail .attach_btn .sent-mail span {
        display: none;
    }

    .preview_mail .attach_btn .sent-mail .mobileshow_ico {
        display: block;
    }

    .card-body.preview_mail {
        padding: 0;
    }

    .preview_mail .attach_btn .attach-btns {
        margin-bottom: 0 !important;
        padding: 0;
    }

    .preview_mail .attach_btn .sent-mail {
        margin-right: 0px;
        background: unset !important;
        width: unset;
        border: unset;
        padding: unset !important;
        margin-bottom: 0 !important;
    }

    .preview_mail .form-group .row {
        display: flex;
        flex-wrap: nowrap;
    }

    .preview_mail .form-group.message_content .row {
        display: flex;
        flex-wrap: wrap;
    }

    .trumbowyg-button-pane button {
        padding: 0 3px !important;
    }

    img.mobileshow_ico {
        display: block !important;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    #cc_id u, #bcc_id u {
        padding: 0;
        border: unset;
        font-size: 14px;
    }

    .cc_bcc {
        padding: 0;
    }

    .to_mail {
        padding-left: 0;
    }
}

@media only screen and (min-width:320px) and (max-width:374px) {
    .preview_mail .form-control {
        width: 100%;
        min-width: 140px;
    }
}

@media only screen and (min-width:320px) and (max-width:1444px) {
    .preview_mail label.form-label {
        white-space: nowrap;
    }
}

.preview_mail textarea {
    /* background: #F2F2F2; */
    border-radius: 5px;
    width: 100%;
    height: 36px;
    padding: 8px 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #191C25;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center !important;
    border: 0px !important;
}

label.col-xl-12.form-label.mx-wdth {
    width: 100% !important;
    max-width: 100% !important;
}

textarea.form-control {
    height: auto;
}
/*preview mail*/
@media only screen and (min-width: 320px) and (max-width: 991px) {

    .app .header.hor-header .header-brand-img {
        height: 50px !important;
    }
}
/*country port*/
@media only screen and (min-width: 320px) and (max-width: 816px) {
    .row.add-req-top-wrap {
        padding-bottom: 0px;
    }

    body .row.add-req-top-wrap {
        padding-bottom: 11px;
        width: 628px;
        overflow: scroll;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        max-width: 100%;
        margin: 0 auto;
    }

        body .row.add-req-top-wrap::-webkit-scrollbar {
            height: 5px;
        }

    body .card.card-block.contCard .card-block .row.add-req-top-wrap > div.col-sm-3 {
        width: 198px !important;
        max-width: 100% !important;
        margin: 0 auto;
        padding-bottom: 10px !important;
    }
}

@media only screen and (min-width: 817px) and (max-width: 945px) {
    .row.add-req-top-wrap {
        padding-bottom: 0px;
    }

    body .card.card-block.contCard .card-block .row.add-req-top-wrap > div.col-sm-3 {
        width: 198px !important;
        max-width: 100% !important;
        margin: 0 auto;
        padding-bottom: 10px !important;
    }
}
/*country port*/
/*side panel for tab and mobile*/
@media only screen and (min-width:320px) and (max-width:991px) {
    body .tabs.pricing-tab ul li a img {
        width: unset !important;
        height: unset !important;
        border-radius: unset !important;
        object-fit: cover;
        border: 2px solid #fff;
        margin-bottom: unset !important;
    }

    body .tabs.pricing-tab ul#tabs-nav li:hover a span, body .tabs.pricing-tab ul#tabs-nav li.active a span {
        background: transparent !important;
    }

        body .tabs.pricing-tab ul#tabs-nav li:hover a span svg path {
            stroke: #04927b !important;
            fill: unset !important;
        }

        body .tabs.pricing-tab ul#tabs-nav li.active a span svg path {
            fill: unset !important;
            stroke: #fff !important;
        }

    .tabs.pricing-tab ul#tabs-nav li a {
        flex-direction: row !important;
    }

    body .tabs.pricing-tab ul#tabs-nav li {
        min-height: unset !important;
        width: unset !important;
    }

    body .tabs.pricing-tab ul#tabs-nav li {
        height: unset !important;
        margin: 0px 2px !important;
    }

        body .tabs.pricing-tab ul#tabs-nav li a span {
            background: transparent !important;
            width: unset !important;
            height: unset !important;
            border-radius: unset;
            line-height: unset;
            margin-bottom: 3px;
            margin-right: 10px;
        }

    .price-sticky {
        margin-top: 15px;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .price-sticky {
        margin-top: 3px !important;
    }
}
/*side panel for tab and mobile*/
.dark-mode .job-no .cal-txt b {
    color: #dddada;
}
/*pda fixed table*/
.dark-mode .activity-fixed {
    background: #172270;
}

.dark-mode .apptaddon .row:nth-child(2n) {
    background: #172270;
}

.apptaddon_scroll {
    height: 200px;
    overflow-y: scroll;
}

    .apptaddon_scroll::-webkit-scrollbar {
        width: 5px;
    }

.activity-fixed {
    border-bottom: 1px solid #99d8c9;
    background: #f8fafb;
    margin-bottom: 7px;
}

.apptaddon_scroll .row .form-group label {
    display: none;
}

body .common-card-body .apptaddon_scroll .detele-common-ico-btn button {
    margin-top: 0px !important;
}

.apptaddon_scroll .row .form-group {
    margin-top: 1px;
}
/*pda fixed table*/
@media only screen and (min-width:320px) and (max-width:991px) {
    .div_filter .form-group.tenantid_ship_display {
        margin: 0;
        width: 100%;
    }

    .div_filter {
        width: 100% !important;
        max-width: 550px;
        margin-left: -2px;
    }
}

.login-section input.form-control {
    display: block;
    width: 100% !important;
}

#medium span.auto_cls_verifiedstatus {
    font-size: 14px;
}

#large span.auto_cls_verifiedstatus {
    font-size: 14.5px;
}

#small span.auto_cls_verifiedstatus {
    font-size: 13px;
}

@media only screen and (min-width:320px) and (max-width:600px) {
    .exp-expand-sel {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

        .exp-expand-sel a {
            margin-bottom: 5px;
        }
}

.printablerow table thead th {
    /* background: #f5f8ff !important;*/
    background: #F0F1F8 !important;
    color: #4F5356;
    font-family: 'Roboto';
    font-weight: 800;
}

.printablerow table tbody tr:nth-child(2n) td {
    background: #e0e9ff3b;
}

.dark-mode .printablerow .table tbody td {
    border-color: #3a4eb6;
}

.dark-mode .printablerow table tbody tr:nth-child(2n) td {
    background: #0B0437;
}

.dark-mode .printablerow table thead th {
    background: #172270 !important;
    color: #fff;
}

@media only screen and (min-width:320px) and (max-width:686px) {
    .request-card-head .dataTables_buttons.actions {
        margin-right: 0px !important;
    }

    .card-head.request-card {
        position: relative;
        top: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 16px;
    }

    #tblRequest_wrapper.dataTables_wrapper .dataTables_buttons.actions {
        margin-bottom: 10px;
    }
}

.dark-mode .slide-right svg path {
    fill: #fff !important;
}

.dark-mode .slide-right {
    background: #0e124a !important;
}

.dark-mode .slide-left {
    background: #0e124a !important;
}

.login-section span.help-block {
    width: 100% !important;
}

.ex-doc {
    display: flex;
    justify-content: space-between;
    border: 1px solid #ced4da;
    padding: 10px;
    border-radius: 5px;
    align-items: center;
    color: #191C25 !important;
}

.ex-doc-left {
    display: flex;
}

    .ex-doc-left .ex-txt {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
    }

        .ex-doc-left .ex-txt p {
            padding-bottom: 0px;
            margin-bottom: 0px;
            color: #191C25;
            font-size: 16px;
        }

        .ex-doc-left .ex-txt span {
            color: #808080;
            font-size: 14px;
        }

.ex-doc-right i {
    color: #7A7A7A;
}

.ex-mg {
    background: #f39c9c;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    display: flex;
}

    .ex-mg img {
        margin: 0 auto;
        align-items: center;
        align-self: center;
        display: flex;
    }

.dropzone-wrapper {
    border: 2px dashed #91b0b3;
    color: #92b0b3;
    position: relative;
    height: 80px;
    margin: 0 auto;
    text-align: center;
}

.dropzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0;
    text-align: center;
    top: 25px;
    font-size: 16px;
    width: 100%;
}

.dropzone, .dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
}

.dropzone-wrapper:hover, .dropzone-wrapper.dragover {
    background: #ecf0f5;
}
/*  .preview-zone {
                text-align: center !important;
            }*/
.preview-zone .box {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

.mx-wdth {
    max-width: 107px !important;
}

.margin-right {
    margin-right: 10px;
}

.dropzone-desc p {
    color: #7A7A7A;
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

    .dropzone-desc p label {
        color: #039F7A;
        padding-left: 7px;
    }

body .dropzone-desc p span {
    padding-left: 5px;
    color: #039F7A;
    font-size: 16px !important;
}

body .common-card-body .apptaddon .detele-common-ico-btn button {
    padding: 0px;
}
/*@media(min-width:1480px) {
    .apptaddon .row .agencycomments_craftmyapp_container {
        width: 440px !important;
        max-width: 100%;
    }

    .apptaddon div.activity_craftmyapp_container {
        width: 336px !important;
        max-width: 100%;
    }

    .apptaddon .comments_craftmyapp_container {
        width: 440px !important;
        max-width: 100%;
    }

    .apptaddon div.activityaddon_craftmyapp_container {
        width: 336px !important;
        max-width: 100%;
    }
}

@media(min-width:1850px) {
    .apptaddon .row .agencycomments_craftmyapp_container {
        width: 600px !important;
        max-width: 100%;
    }

    .apptaddon div.activity_craftmyapp_container {
        width: 426px !important;
        max-width: 100%;
    }

    .apptaddon .comments_craftmyapp_container {
        width: 600px !important;
        max-width: 100%;
    }

    .apptaddon div.activityaddon_craftmyapp_container {
        width: 426px !important;
        max-width: 100%;
    }
}
*/
@media only screen and (min-width:320px) and (max-width:699px) {
    .apptaddon .detele-common-ico-btn {
        position: unset !important;
    }
}

@media only screen and (min-width:320px) and (max-width:1299px) {
    body .addonsContainer.apptaddon .addons .drag-scroll div.detele-common-ico-btn, body .priceContainer.apptaddon .price .drag-scroll div.detele-common-ico-btn {
        min-width: 70px !important;
    }

    body .addonsContainer.apptaddon .addons .drag-scroll div, body .priceContainer.apptaddon .price .drag-scroll div {
        /*min-width: unset !important;*/
        width: unset;
        margin-right: unset !important;
    }
}

@media only screen and (min-width:1300px) and (max-width:1479px) {
    /*appt-cont*/
    .appt-cont .apptaddon div.activity_craftmyapp_container {
        width: 16% !important;
        max-width: 100%;
    }

    .appt-cont .status_craftmyapp_container {
        width: 15% !important;
        max-width: 100%;
    }

    .appt-cont .apptaddon .row .agencycomments_craftmyapp_container {
        width: 24% !important;
        max-width: 100%;
    }

    .appt-cont .apptaddon .comments_craftmyapp_container {
        width: 24% !important;
        max-width: 100%;
    }
    /*appt-cont*/

    body .addonsContainer.apptaddon .addons .drag-scroll div.detele-common-ico-btn, body .priceContainer.apptaddon .price .drag-scroll div.detele-common-ico-btn {
        min-width: 55px !important;
    }

    html body .addonsContainer.apptaddon .addons div.activityaddon_craftmyapp_container {
        width: 22% !important;
        margin-right: 0px;
    }

    body .addonsContainer.apptaddon .addons .drag-scroll div, body .priceContainer.apptaddon .price .drag-scroll div {
        min-width: unset !important;
        width: unset;
        margin-right: unset !important;
    }

    body .addonsContainer.apptaddon .addons div.comments_craftmyapp_container, body .priceContainer.apptaddon .price div.comments_craftmyapp_container {
        width: 27% !important;
        max-width: 100% !important;
    }

    .apptaddon .row .agencycomments_craftmyapp_container {
        width: 27% !important;
        max-width: 100%;
    }

    .apptaddon div.activity_craftmyapp_container {
        width: 22% !important;
        max-width: 100%;
    }

    .apptaddon .comments_craftmyapp_container {
        width: 27% !important;
        max-width: 100%;
    }

    .apptaddon div.activityaddon_craftmyapp_container {
        width: 22% !important;
        max-width: 100%;
    }
}

@media(min-width:1480px) {
    /*appt-cont*/
    .appt-cont .apptaddon div.activity_craftmyapp_container {
        width: 20% !important;
        max-width: 100%;
    }

    .appt-cont .status_craftmyapp_container {
        width: 15%;
        max-width: 100%;
    }

    .appt-cont .apptaddon .row .agencycomments_craftmyapp_container {
        width: 23% !important;
        max-width: 100%;
    }

    .appt-cont .apptaddon .comments_craftmyapp_container {
        width: 30% !important;
        max-width: 100%;
    }
    /*appt-cont*/

    .apptaddon .row .agencycomments_craftmyapp_container {
        width: 30% !important;
        max-width: 100%;
    }

    .apptaddon div.activity_craftmyapp_container {
        width: 25% !important;
        max-width: 100%;
    }

    .apptaddon .comments_craftmyapp_container {
        width: 30% !important;
        max-width: 100%;
    }

    .apptaddon div.activityaddon_craftmyapp_container {
        width: 25% !important;
        max-width: 100%;
    }
}

@media(min-width:1850px) {
    .apptaddon .row .agencycomments_craftmyapp_container {
        width: 37% !important;
        max-width: 100%;
    }

    .apptaddon div.activity_craftmyapp_container {
        width: 25% !important;
        max-width: 100%;
    }

    .apptaddon .comments_craftmyapp_container {
        width: 37% !important;
        max-width: 100%;
    }

    .apptaddon div.activityaddon_craftmyapp_container {
        width: 25% !important;
        max-width: 100%;
    }
}

.card-lst.reg-comp-card-lst .list.temporaryagency {
    background: #0acda1;
}

.apptaddon .addons div.activityaddon_craftmyapp_container {
    width: 326px;
    max-width: 100%;
}

.apptaddon div.activity_craftmyapp_container {
    width: 326px;
    max-width: 100%;
}

@media only screen and (min-width:320px) and (max-width:1365px) {
    .apptaddon .addons div.activityaddon_craftmyapp_container {
        width: 200px;
        max-width: 100%;
    }

    .apptaddon div.activity_craftmyapp_container {
        width: 200px;
        max-width: 100%;
    }

    /*  .apptaddon .addons .drag-scroll .activityaddon_craftmyapp_container {
        margin-right: 0px !important;
    }*/

}

.main-sub span {
    margin-left: 2px !important;
    text-transform: uppercase;
}

span.eta-subtitle span {
    color: #F9D26F;
    border: 1px solid #F9D26F;
    padding-left: 9px !important;
    padding-right: 9px !important;
    padding-top: 2px;
    padding-bottom: 1px;
}

span.country-subtitle {
    color: #BAF4E7;
}

span.ship-subtitle {
    color: #BAF4E7;
    padding-left: 4px !important;
}

#large span#title span {
    font-size: 14.5px;
}

#medium span#title span {
    font-size: 14px;
}

#small span#title span {
    font-size: 13px;
}

#large.horizontal .side-menu ul li a {
    font-size: 13.5px;
}

#medium.horizontal .side-menu ul li a {
    font-size: 13px;
}

#small.horizontal .side-menu ul li a {
    font-size: 12px;
}

.dark-mode .price-table table thead th a {
    color: #fff;
}

.login-section span.help-block {
    display: block;
    width: 100%;
}

#large .apptaddon .row .form-group label {
    font-size: 13.2px;
}

#medium .apptaddon .row .form-group label {
    font-size: 13px;
}

#small .apptaddon .row .form-group label {
    font-size: 13px;
}

.apptaddon .uom_craftmyapp_container .select2-container {
    width: 100% !important;
}

.apptaddon .row .comments_craftmyapp_container {
    width: 400px;
    max-width: 100%;
}
    /*
.apptaddon .row .activity_craftmyapp_container {
    width: 21%;
    max-width: 100%;
    min-width:250px;
}
.apptaddon .row .activityaddon_craftmyapp_container {
    width: 21%;
    max-width: 100%;
    min-width: 250px;
}*/
    .apptaddon .row .comments_craftmyapp_container > div, .apptaddon .row .comments_craftmyapp_container .form-group {
        width: 100%;
        min-width: 263px !important;
        max-width: 100%;
    }

.apptaddon .row .agencycomments_craftmyapp_container > div, .apptaddon .row .agencycomments_craftmyapp_container .form-group {
    width: 100%;
    min-width: 263px !important;
    max-width: 100%;
}

.apptaddon .row .agencycomments_craftmyapp_container {
    width: 350px;
    max-width: 100%;
}
/*result found*/
.no-result-found {
    width: 320px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

#large .no-result-found p {
    font-size: 15.5px;
}

#medium .no-result-found p {
    font-size: 15px;
}

#small .no-result-found p {
    font-size: 14px;
}

#large .no-result-found a {
    font-size: 14.5px;
}

#medium .no-result-found a {
    font-size: 14px;
}

#small .no-result-found a {
    font-size: 13px;
}

#large .no-result-found h4 {
    font-size: 21.5px;
}

#medium .no-result-found h4 {
    font-size: 20px;
}

#small .no-result-found h4 {
    font-size: 18px;
}

.no-result-found p {
    color: #717171;
    text-align: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 180px;
    padding-bottom: 13px;
    max-width: 100%;
}

.no-result-found a {
    border-radius: 5px;
    background: #271A6F;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22);
    color: #FFF !important;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    padding: 11px 11px;
    justify-content: center;
    align-items: center;
    gap: 23px;
    margin-bottom: 22px;
}

.no-result-found h4 {
    font-family: 'Roboto';
    font-weight: 800;
    color: #272E38;
}

.no-result-found img {
    margin-bottom: 19px;
    max-width: 100%;
    width: 300px;
}
/*result found*/
.apptaddon .uom_craftmyapp_container, .apptaddon .addonprice_craftmyapp_container {
    width: 138px !important;
    max-width: 100% !important;
    min-width: 130px;
}

.apptaddon .qty_craftmyapp_container {
    /*width: 145px;*/
    width: 130px !important;
    max-width: 100% !important;
    min-width: 130px;
}

.apptaddon .units_craftmyapp_container, .apptaddon .unitprice_craftmyapp_container {
    /* width: 145px;*/
    width: 137px !important;
    max-width: 100%;
    min-width: 130px;
}
.unitcost_craftmyapp_container .help-block{
    order:4
}
.apptaddon .amount_craftmyapp_container {
    /* width: 145px;*/
    width: 130px !important;
    max-width: 100%;
    min-width: 130px;
}

.apptaddon .unitcost_craftmyapp_container {
    width: 140px !important;
    min-width: 130px;
}

.apptaddon .origin_craftmyapp_container {
    width: 180px;
    max-width: 100%;
    min-width: 180px;
}

.apptaddon .uom_craftmyapp_container .select2-container {
    display: block !important;
}
/*darkmode request*/
.add_agency_popup .modal-content .form-group label {
    display: block;
    width: 100%;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

.add_agency_popup .modal-content .form-group .select2 {
    width: 100% !important;
}

.add_agency_popup .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}

.add_agency_popup .cancel-save button {
    margin: 0px;
}

#large .add_agency_popup .modal-content .form-group label {
    font-size: 14.5px !important;
}

#medium .add_agency_popup .modal-content .form-group label {
    font-size: 14px !important;
}

#small .add_agency_popup .modal-content .form-group label {
    font-size: 13px !important;
}

#large .add_agency_popup .cancel-save button {
    font-size: 14.5px !important;
}

#medium .add_agency_popup .cancel-save button {
    font-size: 14px !important;
}

#small .add_agency_popup .cancel-save button {
    font-size: 13px !important;
}

#large .add_agency_popup .header-modal h4 {
    font-size: 17.5px !important;
}

#medium .add_agency_popup .header-modal h4 {
    font-size: 16px !important;
}

#small .add_agency_popup .header-modal h4 {
    font-size: 14px !important;
}

.dark-mode .top-section-agency {
    border: 1px solid #3a4eb6;
    background: #0b0437 !important;
}

.dark-mode .add_agency_popup .header-modal {
    background: #0b0437;
}

.dark-mode .add_agency_popup .modal-content {
    background: #0b0437;
}

    .dark-mode .add_agency_popup .modal-content .form-group label {
        color: #fff;
    }

.dark-mode .add_agency_popup .header-modal h4 {
    color: #fff;
}

.dark-mode .add_agency_popup .cancel-save {
    background: #0b0437;
}

    .dark-mode .add_agency_popup .cancel-save button {
        border-radius: 5px;
        border: 1px solid #3a4eb6;
        background: #0b0437;
        color: #fff;
    }

.dark-mode .add_agency_popup .header-modal {
    border-bottom: 2px solid #3a4eb5 !important;
}

.dark-mode .agency_list_lefside .sg-f-lst .f-lst span {
    color: #fff;
}

.dark-mode .agency_list_lefside .sg-f-lst .f-lst label {
    color: #f9f9f9;
}

.dark-mode .agency_list_lefside .sg-f-lst .f-lst {
    background: #3a4eb6 !important;
}

.dark-mode .rating-container span input {
    background: transparent;
    color: #fff;
}

.dark-mode .rating-container span {
    color: #fff;
}

.dark-mode .add_agency_popup {
    box-shadow: 0px 3px 6px rgb(13 110 253) !important;
}

html body.dark-mode.app .compare-check.atch label {
    color: #fff !important;
}
/*darkmode request*/
html body.app.dark-mode .compare-check label {
    color: #f2f2f2 !important;
}

.dark-mode .tabs.pricing-tab ul li {
    box-shadow: unset !important;
}

.dark-mode .request-tab ul {
    border-bottom: 1px solid #3a4eb6;
}

.dark-mode .add_request-left-price .service_header button {
    background: #8CC2FF !important;
    border-radius: 5px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #0B1340 !important;
    padding: 8px 18px;
    opacity: 1 !important;
}

.dark-mode#large .add_request-left-price .service_header button {
    font-size: 14.5px;
}

.dark-mode#medium .add_request-left-price .service_header button {
    font-size: 14px;
}

.dark-mode#small .add_request-left-price .service_header button {
    font-size: 13px;
}

@media (max-width: 1199px) {
    .navbar .navbar-brand {
        height: 64px !important;
    }
}

#large .review_logsContainer tbody {
    font-size: 13.5px;
}

#medium .review_logsContainer tbody {
    font-size: 13px;
}

#small .review_logsContainer tbody {
    font-size: 12px;
}

.dark-mode .swal2-success-circular-line-left {
    background: transparent !important;
}

.dark-mode .swal2-success-circular-line-right {
    background: transparent !important;
}

.dark-mode .swal2-success-fix {
    background: transparent !important;
}

.dark-mode .cma_cancel_button {
    color: #fff;
    border: 1px solid #3a4eb6;
    font-weight: normal !important;
}

#large .SumoSelect.open .search-txt {
    font-size: 13.5px !important;
}

#medium .SumoSelect.open .search-txt {
    font-size: 13px !important;
}

#small .SumoSelect.open .search-txt {
    font-size: 12px !important;
}

#large .ship-detail-wrap-main .modal-footer button {
    font-size: 14.5px !important;
}

#medium .ship-detail-wrap-main .modal-footer button {
    font-size: 14px !important;
}

#small .ship-detail-wrap-main .modal-footer button {
    font-size: 13px !important;
}

.dark-mode .swal2-modal.swal2-show {
    background: #0B0437 !important;
    border: 1px solid #3a4eb6;
}

.dark-mode .swal2-modal .swal2-content {
    color: #fff;
}

body.dark-mode .swal2-modal .swal2-title {
    color: #fff;
}

#exampleModal .modal-title {
    padding-top: 0px;
}

div#exampleModal .modal-header .modal-title {
    color: #555 !important;
    font-weight: normal !important;
}

div#exampleModal .modal-header button.close {
    color: #555 !important;
}

div#exampleModal .modal-header {
    padding-top: 3px;
    padding-bottom: 1px;
}

.dark-mode div#exampleModal .modal-header {
    background: #0b0437;
}

    .dark-mode div#exampleModal .modal-header .modal-title {
        color: #fff !important;
    }

    .dark-mode div#exampleModal .modal-header button.close {
        color: #fff !important;
    }

@media only screen and (min-width:1136px) and (max-width:1362px) {
    .add_req_top_sec.eta .add-req-txt i {
        left: 18px !important;
    }
}

.printablerow .rejected svg path {
    stroke: #E35C5F;
}

.printablerow .rejected {
    border-radius: 5px;
    border: 1px solid #F7DFDF;
    background: #FBEEEE;
    color: #E35C5F;
}

.dark-mode .printablerow .rework svg path {
    stroke: #F8B734;
}

.printablerow .rework svg path {
    stroke: #000;
}

.dark-mode .printablerow .rework {
    border-radius: 5px;
    border: 1px solid #FDF2D5;
    background: #FEF8E9;
    color: #F8B734;
}

.printablerow .rework {
    border-radius: 5px;
    border: 1px solid #FDF2D5;
    background: #FEF8E9;
    color: #000;
}
/*
.printablerow .readyforreview svg path {
    stroke: #FD7303;
}

.printablerow .readyforreview {
    border-radius: 5px;
    border: 1px solid #FFE4CE;
    background: #FFF1E5;
    color: #FD7303
}*/
.printablerow .approved svg path {
    stroke: #44B86C;
}

.printablerow .approved {
    border-radius: 5px;
    border: 1px solid #DBF2E3;
    background: #ECF8F0;
    color: #44B86C;
}
/*.printablerow .allstatus svg path {
    stroke: #33CCF3;
}

.printablerow .allstatus {
    border-radius: 5px;
    border: 1px solid #D1F0F9;
    background: #E7F7FC;
    color: #33CCF3;
}*/
.printablerow .sales-common-title label, .printablerow .sales-common-title span {
    position: relative;
    top: 4px;
    left: 7px;
}

.printablerow .sales-common-title svg {
    padding-top: 2px;
}

#large .sales-common-title label, #large .sales-common-title span {
    font-size: 14.5px;
}

#medium .sales-common-title label, #medium .sales-common-title .rejected span {
    font-size: 14px;
}

#small .sales-common-title label, #small .sales-common-title span {
    font-size: 13px;
}

#large .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 13.5px;
}

#medium .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 13px;
}

#small .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 12px;
}

#large .printablerow label {
    font-size: 14.5px;
}

#medium .printablerow label {
    font-size: 14px;
}

#small .printablerow label {
    font-size: 13px;
}

.dark-mode .cargo-list label {
    color: #fff;
}

.dark-mode .cargo-list span {
    color: #c9c2c2 !important;
}

#norminate-people .team_content {
    display: flex;
    flex-direction: column;
}
/*Add Dimension Popup*/
.mm-lab {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #04927B;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 175% */
}

#large .mm-lab {
    font-size: 13.5px;
}

#medium .mm-lab {
    font-size: 13px;
}

#small .mm-lab {
    font-size: 12px;
}

.dimension-mm {
    position: relative;
}

.dimension-modal-cont .modal-header h3 {
    margin-bottom: 0px;
    color: #021421;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-align: center !important;
    width: 100%;
}

#large .dimension-modal-cont .modal-header h3 {
    font-size: 17.5px;
}

#medium .dimension-modal-cont .modal-header h3 {
    font-size: 16px;
}

#small .dimension-modal-cont .modal-header h3 {
    font-size: 14px;
}

div #dimension-modal .modal-dialog {
    width: 300px;
    max-width: 100%;
}

div #weight-modal .modal-dialog {
    width: 300px;
    max-width: 100%;
}

div #date-modal .modal-dialog {
    width: 300px;
    max-width: 100%;
}

body .dimension-modal-cont .create-frm .form-group label {
    display: block;
    text-align: left
}

body .dimension-modal-cont .create-wrap-scroll {
    height: auto;
}

body .dimension-modal-cont .modal-footer {
    display: flex;
    justify-content: space-between;
}
/*cargo-style*/
.cargo-wrapper {
    display: flex;
    margin-top: 17px;
}

.cargo-list {
    display: flex;
    flex-direction: column;
}

.cargo-wrapper img {
    width: 20px;
    height: 25px;
    object-fit: contain;
    margin-right: 10px;
}

.cargo-list label {
    color: #565656;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 4px;
}

.cargo-list span {
    color: #222 !important;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.arrival-date.cargo-main-wrapper {
    border-top: 1px solid #ccc;
    margin-top: 19px;
}
/*cargo-style*/
.SumoSelect > .CaptionCont {
    border-radius: 5px;
    border: 1px solid #ced4da !important;
    height: 38px;
    line-height: 25px;
}

#large .SumoSelect > .CaptionCont {
    font-size: 13.5px;
}

#medium .SumoSelect > .CaptionCont {
    font-size: 13px;
}

#small .SumoSelect > .CaptionCont {
    font-size: 12px;
}

button#btnclear {
    background: #fff !important;
    color: #7A7A7A !important;
    float: left;
    border: 1px solid #DBDBDB !important;
    font-family: 'Roboto' !important;
}

.dark-mode button#btnclear {
    background: #080c46 !important;
    color: #fff !important;
    float: left;
    border: 1px solid #3a4eb6 !important;
    font-family: 'Roboto' !important;
}

.dark-mode div#exampleModal .modal-footer .add-btn {
    border-color: #3a4eb6 !important;
}

div#exampleModal .modal-header h5 {
    color: #fff !important;
}

div#exampleModal .modal-header button.close {
    color: #fff;
}

body.dark-mode #btnCloseFilter {
    background: #0b0437 !important;
    float: left;
    border: 1px solid #3a4eb5 !important;
    font-family: 'Roboto' !important;
    color: #fff !important;
}

.dark-mode button#btnFilter {
    border-color: #3a4eb5 !important;
}

#large .header-nav-right .dropdown div h5 {
    font-size: 15px !important;
}

#medium .header-nav-right .dropdown div h5 {
    font-size: 14px !important;
}

#small .header-nav-right .dropdown div h5 {
    font-size: 13px !important;
}

#large div#exampleModal .card .card-body .form-group label {
    font-size: 15px;
}

#medium div#exampleModal .card .card-body .form-group label {
    font-size: 14px;
}

#small div#exampleModal .card .card-body .form-group label {
    font-size: 13px;
}

.page-loader .page-loader__spinner img {
    width: 150px !important;
    height: 150px !important;
}

.shipclass_craftmyapp_container .SumoSelect > .CaptionCont {
    border-radius: 5px;
    height: 38px;
    border: 1px solid #e8e8e8;
}
/*color palette*/
.card-lst.reg-comp-card-lst span::before {
    background: #fff !important;
}

.card-lst.reg-comp-card-lst .list label {
    background: transparent !important;
    color: #2B2E32 !important;
    font-family: 'Roboto';
    font-weight: 800;
}

.app.dark-mode .card-lst.reg-comp-card-lst .list label {
    color: #8cc2ff !important;
}

.card-lst.reg-comp-card-lst .list.all {
    background: #01614C !important;
}

.card-lst.reg-comp-card-lst .list.readyforreview {
    background: #017E62 !important;
}

.card-lst.reg-comp-card-lst .list.approved {
    background: #01A17E !important;
}

.card-lst.reg-comp-card-lst .list.rejected {
    background: #01B18A !important;
}

.card-lst.reg-comp-card-lst .list.appointmentsent {
    background: #25b595 !important;
}

.card-lst.reg-comp-card-lst .list.rework {
    background: #06b78f !important;
}

.card-lst.reg-comp-card-lst p.tlt-txt {
    color: #fff;
    font-weight: normal;
    font-family: 'Roboto';
}

.card-lst.reg-comp-card-lst .list .lst-num i {
    color: #fff !important;
}
/*color palette*/
body #btnCloseFilter {
    background: #fff !important;
    color: #7A7A7A !important;
    float: left;
    border: 1px solid #DBDBDB !important;
    font-family: 'Roboto' !important;
}

#btnCloseFilter, button#btnFilter {
    font-family: 'Roboto' !important;
}

#large #btnCloseFilter {
    font-size: 13.5px;
}

#medium #btnCloseFilter {
    font-size: 13px;
}

#small #btnCloseFilter {
    font-size: 12px;
}

#btnCloseFilter, button#btnFilter {
    font-family: 'Roboto' !important;
}

.form-control::placeholder {
    color: #d3cece !important;
}

#medium textarea {
    font-size: 13px !important;
}

#large textarea {
    font-size: 12.5px !important;
}

#small textarea {
    font-size: 12px !important;
}

.price-table td.tabl-tlt {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabs.pricing-tab ul li a.pop_btn {
    color: #080C46 !important;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.tabs.pricing-tab ul li a i {
    padding-right: 3px;
}

.nominate-material-wrapper .profile-cont {
    margin-left: 0px !important;
}

.nominate-material-wrapper .arrival-date li a {
    color: #20579B !important;
    text-align: right;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    display: flex;
}

    .nominate-material-wrapper .arrival-date li a svg {
        margin-left: 8px;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .dataTables_wrapper .dataTables_length {
        position: relative;
        left: 0px;
        text-align: left !important;
        margin-top: 10px;
    }

    .dataTables_wrapper .dataTables_buttons.actions {
        justify-content: center;
    }

    .dataTables_wrapper .dataTables_length select {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 120px !important;
    }

    .dataTables_wrapper .dataTables__top .dataTables_buttons .input-group input {
        width: 164px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:687px) {
    i.automatonShowFilter.actions__item.mdi.material-icons {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1365px) {
    .dataTables_wrapper .add-row-btn {
        width: auto !important;
    }
}

@media only screen and (min-width:687px) and (max-width:767px) {
    .dataTables_wrapper .dataTables_length {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width:901px) and (max-width:1300px) {
    /*.nomination_list > div {
            width: 50% !important;
        }*/
}

@media only screen and (min-width:320px) and (max-width:900px) {
    .nomination_list > div {
        width: 100% !important;
    }
}

.dark-mode div#norminate-modal .modal-content {
    background: #0b0437;
}

.dark-mode div#norminate-people .modal-content {
    background: #0b0437;
}

.dark-mode .modal-body.norminate-wrap.create-add-in-wrap ul {
    background: transparent !important;
    box-shadow: inherit !important;
    border-color: #3a4eb6;
}

    .dark-mode .modal-body.norminate-wrap.create-add-in-wrap ul li button {
        color: #fff !important;
    }

    .dark-mode .modal-body.norminate-wrap.create-add-in-wrap ul li button {
        border-color: #0b0437 !important;
    }

        .dark-mode .modal-body.norminate-wrap.create-add-in-wrap ul li button.active {
            border-color: #3a4eb6 !important;
        }

body.dark-mode .create-frm .form-group label {
    color: #f5eeee;
}

body.dark-mode .create-frm .form-group input {
    color: #dbd8d8 !important;
}

body.dark-mode .team_list .team_content label {
    color: #fff !important;
}

body.dark-mode .team_list .team_content span {
    color: #c5c1c1 !important;
}

.nominate-lst ul li.file-attach-nom > div {
    display: flex;
    align-items: center;
}

html body.dark-mode ul.arrival-date {
    border-color: #3a4eb6;
}

    html body.dark-mode ul.arrival-date li label, html body.dark-mode ul.arrival-date li span {
        color: #e3dcdc;
    }

html body ul.arrival-date li {
    display: flex;
    color: #565656;
    font-family: 'Roboto';
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    justify-content: space-between;
}

html body ul.arrival-date {
    background: transparent !important;
    padding: 2px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
}

    html body ul.arrival-date li label, html body ul.arrival-date li span {
        color: #565656;
        font-family: 'Roboto';
        font-size: 15px !important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.dark-mode .top-section-agency.pop-top-search {
    background: #3a4eb6;
}

.dark-mode .nomi-cancel {
    border: 1px solid #3a4eb6;
    color: #e9e0e0 !important;
    font-weight: normal !important;
}

.dark-mode .nomi-create {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

body .create-add-in-wrap .tab-content {
    margin: 0px !important;
    padding: 0px !important;
    background: transparent !important;
}

body .create-frm .form-group label {
    color: #191C25;
    font-family: 'Roboto' !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

body .create-frm .form-group input {
    color: #7A7A7A !important;
    font-family: 'Roboto';
    font-size: 16px !important;
    font-style: normal;
    /*      font-weight: 600;*/
    line-height: 24px; /* 175% */
    border-radius: 5px !important;
    border: 1px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
}

.nomi-cancel {
    color: #080C46 !important;
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 800 !important;
    line-height: 28px; /* 175% */
    border-radius: 5px;
    border: 1px solid #080C46;
    backdrop-filter: blur(5px);
    background: transparent !important;
    width: 99px;
}

.nomi-create {
    border-radius: 5px;
    background: #080C46;
    backdrop-filter: blur(5px);
    color: #FFF;
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 28px; /* 175% */
    width: 120px !important;
}

.modal-body.create-add-in-wrap ul li button {
    color: #262E2F !important;
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: transparent !important;
    border-bottom: 2px solid #fff !important;
    border-radius: 0px !important;
    padding-top: 0px !important;
}

    .modal-body.create-add-in-wrap ul li button.active {
        color: #111896 !important;
        border-bottom: 2px solid #111896 !important;
    }

.modal-body.create-add-in-wrap ul {
    border-bottom: 1px solid #E0E0E0;
}

    .modal-body.create-add-in-wrap ul li {
        margin-bottom: 0px !important;
        padding-bottom: 0px;
        padding-left: 0px;
    }

body .create-frm .form-group {
    margin-bottom: 12px;
}

#norminate-modal .modal-footer {
    border: 0px !important;
}

#norminate-people .modal-footer {
    border: 0px !important;
}

#norminate-modal .modal-footer {
    border: 0px !important;
    padding: 0px !important;
    margin-top: 30px;
}

#norminate-people .modal-footer {
    border: 0px !important;
    padding: 0px !important;
    margin-top: 30px;
}

.team_list {
    display: flex;
    align-items: center;
    width: 100% !important;
    margin-top: 15px;
}

    .team_list img {
        margin-right: 14px;
    }

body .team_list .team_content label {
    color: #021421 !important;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: bold !important;
    line-height: normal;
}

.success-tick i {
    position: absolute;
    font-size: 20px;
    right: 8px;
    z-index: 999999999;
    top: 0px;
    color: #04927b;
}

.norm-acc .create-wrap-scroll {
    height: 60vh;
    overflow: auto;
    overflow-x: hidden;
}

    .norm-acc .create-wrap-scroll::-webkit-scrollbar {
        width: 4px;
    }

div#norminate-modal {
    z-index: 9999;
}

div#norminate-people {
    z-index: 9999;
}

.create-add-in-wrap .tab-content {
    width: 100% !important;
}

.success-tick {
    position: relative;
}

    .success-tick img {
        border: 1px solid #04927b;
        border-radius: 51px;
    }

.team_list .team_content span {
    color: #565656 !important;
    font-family: 'Roboto';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#norminate-modal .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
    max-width: 680px !important;
}
/*
    #norminate-people .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
        max-width: 680px !important;
    }*/
.create-frm .top-section-agency.pop-top-search .input-group {
    width: 100% !important;
    max-width: 100% !important;
}

#norminate-people .modal-content {
    border: 1px solid #e8e1e1;
}

#norminate-modal .modal-content {
    border: 1px solid #e8e1e1;
}

.ports_craftmyapp_container .SumoSelect > .optWrapper {
    z-index: 9999;
}

.SumoSelect > .optWrapper {
    z-index: 9999;
}

.businessphone_craftmyapp_container {
    z-index: 9999;
}

.dark-mode .nominate-profile_wrapper {
    border: 1px solid #3A4EB6 !important;
    background: #0B0437 !important;
}

.dark-mode .profile-cont label {
    color: #fff;
}

body.dark-mode .profile-cont span {
    color: #fff;
}

.dark-mode .nominate-lst ul li p {
    color: #dbd6d6;
}

body.dark-mode .tabs.pricing-tab .nominate-lst ul {
    background: transparent;
    box-shadow: inherit !important;
}

.dark-mode .nominate-profile_wrapper.create-add-wrapper {
    border-radius: 5px;
    border: 1px dashed #3a4eb6;
    background: #0b0437;
}

.dark-mode .create_add {
    background: #141d64;
}

    .dark-mode .create_add i {
        color: #fff;
    }

    .dark-mode .create_add a {
        color: #fff;
    }

.dark-mode .accordion.accordion-flush {
    --bs-accordion-border-color: #3a4eb6 !important;
}
/**/
.nominate-profile_wrapper.create-add-wrapper {
    border-radius: 5px;
    border: 1px dashed #D5D9D8;
    background: #FFF;
}

.profile-mg {
    background: #E3E9EE;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    color: #8E989F;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.create_add {
    border-radius: 5px;
    background: #E9FAF6;
    height: 121px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .create_add a {
        color: #92A39F;
        font-family: 'Roboto';
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-decoration: none;
    }

    .create_add i {
        color: #04927b;
        font-size: 28px;
        margin-bottom: 7px;
    }

.norm-acc .accordion-item h2 button img {
    background: #20579B;
    border-radius: 100px;
    margin-right: 7px;
    padding: 4px;
    width: 22px;
    object-fit: cover;
}

.profile-mg {
    background: #E3E9EE;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    color: #8E989F;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.nominate-profile_wrapper.create-add-wrapper {
    border-radius: 5px;
    border: 1px dashed #D5D9D8;
    background: #FFF;
}

.create_add {
    border-radius: 5px;
    background: #E9FAF6;
    height: 121px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .create_add a {
        color: #92A39F;
        font-family: 'Roboto';
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-decoration: none;
    }

    .create_add i {
        color: #04927b;
        font-size: 28px;
        margin-bottom: 7px;
    }

.profile-cont label {
    color: #021421;
    font-family: 'Roboto';
    font-size: 17px !important;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 3px;
}

body .profile-cont span {
    color: #565656;
    font-family: 'Roboto';
    font-size: 13px !important;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.nominate-profile {
}

.nominate-profile {
    display: flex;
    justify-content: space-between;
}

.nominate-profile-left {
    display: flex;
    align-items: center;
}

.profile-cont {
    display: flex;
    flex-direction: column;
    margin-left: 14px;
}

.nominate-lst ul li {
    display: flex;
    padding: 0px !important;
    padding-top: 3px !important;
}

    .nominate-lst ul li span {
        margin-right: 10px;
    }

    .nominate-lst ul li p {
        margin-bottom: 0px;
        color: #565656;
        font-family: 'Roboto';
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
        line-height: normal;
    }

.nominate-lst ul li {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.norm-acc .nominate-profile_wrapper {
    border: 1px solid #E8E8E8;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03);
    background: #fff;
}

.nominate-profile_wrapper {
    border-radius: 5px;
    border-bottom: 1px solid #eaeaed;
    /*border: 1px solid #E8E8E8;*/
    background: #f5f5f5;
    /*  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03);*/
    padding: 12px;
    margin-bottom: 12px;
}

.norm-acc .accordion-item h2 button {
    color: #616263 !important;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
}

.norm-acc .accordion-item h2 button {
    background: transparent !important;
}
/**/
/*agency popup*/
#filter-agency-popup {
    display: none;
}

#add-agency-popup {
    display: none;
}

.agency-price {
    position: relative
}

.add_agency_popup {
    /*  position: absolute;
    left: 5px;
    z-index: 9999;*/
    position: fixed; /*position: fixed; commented for last child hiding*/
    z-index: 999999999;
    top: 57px;
    box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
    background: #fff;
}

.compare-agent-slide.compare-popup {
    position: unset !important;
    width: unset !important;
    max-width: unset;
    display: block !important;
    z-index: unset !important;
    right: unset;
    left: unset;
    top: unset;
}

.compare-agent-slide .add_agency_popup {
    right: 5px;
}

.add_agency_popup {
    width: 340px;
    max-width: 100%;
}

    .add_agency_popup .header-modal {
        background: #fff;
        display: flex;
        padding: 10px 20px;
        border-bottom: 2px solid #D9D9D9;
        justify-content: space-between;
    }

        .add_agency_popup .header-modal h4 {
            color: #271A6F;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            font-family: 'Roboto' !important;
            font-weight: 500;
        }

    .add_agency_popup .modal-content {
        margin-top: 0px;
        background: #fff;
        width: 100%;
        padding: 13px;
    }

.modal-content {
}

.add_agency_popup .modal-content .form-group label {
    color: #191C25;
    font-size: 16px;
    font-style: normal;
    font-weight: normal !important;
    line-height: normal;
    font-family: 'Roboto' !important;
    margin-bottom: 6px;
}

.add_agency_popup .modal-content .form-group .form-control {
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    color: #48484A;
    font-family: 'PT Sans', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
}

.add_agency_popup .modal-content .form-group {
    padding-bottom: 6px !important;
}

.add_agency_popup .cancel-save {
    background: #fff;
    display: flex;
    padding: 0px 0px;
    justify-content: space-between;
}

    .add_agency_popup .cancel-save button {
        border-radius: 5px;
        border: 1px solid #D9DBE2;
        background: #FFF;
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
        width: 150px;
        height: 43px;
        margin: 0px 10px;
    }

    .add_agency_popup .cancel-save .save-btn {
        border-radius: 5px;
        background: #01B18A;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.11);
        color: #fff;
    }

.add_agency_popup .cancel-save {
    padding-bottom: 4px;
    padding-top: 7px;
}
/*new page*/
.top-section-agency span.input-group-addon {
    position: absolute;
    right: 1px;
    z-index: 9;
    border: 0px !important;
    margin: 0px;
    height: 0px !important;
    top: 3px;
    cursor: pointer;
}

.top-section-agency .input-group {
    width: 75%;
    height: 38px;
}

.top-section-agency .right_btn i, .top-section-agency .right_btn span {
    height: 40px;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    margin-left: 4px;
}

.right_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.top-section-agency {
    padding: 13px !important;
    align-items: center;
}

    .top-section-agency .input-group.prefix .form-control {
        border-left: 1px solid #e8e8e8;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        border-color: #e8e8e8;
    }

.agency_list_lefside .compare-main-head:has(.compareagent:checked) {
    background: rgba(1, 177, 138, 0.10);
    box-shadow: 0px 6px 7px -1px rgba(0, 0, 0, 0.15);
}

    .agency_list_lefside .compare-main-head:has(.compareagent:checked) .sg-f-lst .f-lst {
        background: #fff !important;
        padding: 3px 15px;
        max-width: 100%;
    }

    .agency_list_lefside .compare-main-head:has(.compareagent:checked) .rating-container span input {
        background: transparent
    }

.compare-check.atch .radio-check {
    position: relative;
    width: 10px;
    height: 10px;
    border: 0px !important;
    top: -5px;
}

.compare-check.atch .radio-check {
    position: relative;
}
    /* .compare-check.atch .radio-check:checked:after {
            position: absolute;
            width: 8px;
            height: 8px;
            left: 1px;
            background: #01B18A;
            content: "";
            border: 1px solid transparent;
            border-radius: 50%;
            top: 1px;
        }*/
    .compare-check.atch .radio-check.checked:checked:after {
        position: absolute;
        width: 8px;
        height: 8px;
        left: 1px;
        background: #01B18A;
        content: "";
        border: 1px solid transparent;
        border-radius: 50%;
        top: 1px;
    }

    .compare-check.atch .radio-check:before {
        position: absolute;
        width: 12px;
        height: 12px;
        border: 1px solid #9b8d8d;
        content: "";
        border-radius: 50%;
        background: #fff;
        top: -1px;
        left: -1px;
    }

.agency-submit-btn a {
    border-radius: 5px;
    background: #01B18A;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.23);
    display: inline-flex;
    padding: 14px 26px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #FFF !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none !important;
    margin: 0 auto;
}

.agency-submit-btn {
    display: flex;
    margin-top: 14px;
}

.top-section-agency {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    border-radius: 5px 0px 0px 5px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
    padding: 12px 0px;
}

.agency_profile_leftside.agency_list_lefside {
    padding: 10px;
    border: 0px;
}

.agency_list_lefside .compare-main-head {
    padding: 10px;
    border: 0px;
    padding-bottom: 2px !important;
}

.agency_profile_leftside.top-agency-left {
    height: 900px;
    overflow: auto;
}

    .agency_profile_leftside.top-agency-left::-webkit-scrollbar {
        width: 4px;
    }

html body.app .compare-check label {
    color: #272E38 !important;
    font-family: 'Roboto';
    font-size: 16px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 26px; /* 130% */
    text-transform: capitalize;
}

.rating-container {
    justify-content: flex-start !important;
    margin-top: 0px !important;
    align-items: center !important;
    align-self: center !important;
}

.agency_list_leftside .compare-content div {
    justify-content: flex-start !important;
}

.agency_profile_leftside.agency_list_lefside .compare-check-batch {
    margin-bottom: 0px;
}

.agency_list_leftside .rating-container .star {
    top: -5px !important;
}

.agency_list_lefside .sg-f-lst .f-lst {
    flex-direction: row;
    border-radius: 5px;
    background: #F3F7F6;
    padding: 4px 9px;
}

    .agency_list_lefside .sg-f-lst .f-lst span {
        color: #717171;
        font-family:;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 160% */
        margin-right: 3px;
    }

    .agency_list_lefside .sg-f-lst .f-lst label {
        color: #191919;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        font-family: 'Roboto';
    }

    .agency_list_lefside .sg-f-lst .f-lst.ds-lst {
        border: 0px;
    }

.agency_list_lefside .SGD-con {
    margin-top: 5px !important;
    align-items: flex-end;
}

    .agency_list_lefside .SGD-con span ul li img {
        margin-right: 10px;
    }

    .agency_list_lefside .SGD-con span ul li {
        line-height: 28px;
        margin-bottom: 0px;
    }

body .agency_list_leftside .compare-content div {
    margin-top: 0px !important;
}

.agency_list_lefside .sgd-cer-ico img {
    width: 24px;
}

.agency_list_lefside .sgd-cer-ico {
    justify-content: flex-end;
}

    .agency_list_lefside .sgd-cer-ico svg {
        width: 24px;
    }

html body.app .compare-check.atch label {
    font-size: 11px !important;
    color: #505F5B !important;
    text-align: right;
    font-style: normal;
    font-weight: 500;
}

.compare-check.atch input[type="radio"] {
    width: 10px;
    height: 10px;
    margin-top: -10px;
    border-radius: 10px !important;
}

.compare-check.atch label {
    margin-right: 13px;
}

body .compare-check.atch {
    align-self: center !important;
    justify-content: flex-end;
    align-items: center !important;
}

    body .compare-check.atch label {
        line-height: normal !important;
    }
/*new page*/
.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 34px;
}

    .switch .slider .on {
        left: 42%;
    }

    .switch .slider .off {
        left: 54% !important;
    }

.on {
    display: none;
}

.switch input {
    display: none;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

    .switch .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.switch input:checked + .slider {
}

.switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(36px);
    -ms-transform: translateX(36px);
    transform: translateX(36px);
}
/*------ ADDED CSS ---------*/
.on {
    display: none;
}

.on, .off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px !important;
    font-family: Verdana, sans-serif;
}

input:checked + .slider .on {
    display: block;
}

input:checked + .slider .off {
    display: none;
}
/*--------- END --------*/
margin-right: 11px;
}

.SumoSelect > .optWrapper {
    z-index: 9999 !important;
}

.pressurerating_craftmyapp_container .form-group .br-wrapper {
    margin-top: 12px;
}

form .showthelables button.btn-remove-row {
    margin-top: 30px !important;
}

.handoverdate_craftmyapp_container, .takeoverdate_craftmyapp_container {
    min-width: 280px !important;
}

.add_req_top_sec.eta {
    position: relative;
}

    .add_req_top_sec.eta .add-req-txt i {
        position: absolute !important;
        left: 17px;
        top: 25px !important;
        color: #fff;
    }

button.generate-pda {
    background: transparent !important;
    border: 0px;
}

.card-block button#btnSubmit {
    background: #0B1340 !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-family: 'Roboto' !important;
}

.dark-mode .price-table.activitytab table tbody td {
    border-right: 1px solid #0b0437 !important;
}

.card-block button.cma_cancel_button {
    background: transparent !important;
    color: #7A7A7A;
    font-family: 'Roboto' !important;
    border: 1px solid #DBDBDB;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
}

.dark-mode .card-block button.cma_cancel_button {
    border: 1px solid #8cc2ff;
    color: #8cc2ff;
}

body.dark-mode #pills-activity .price-table table tbody td.tabl-white {
    border-right: 1px solid #0b0437 !important;
}

#medium .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px !important;
}

#small .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 12px !important;
}

#medium span.select2-results ul li {
    font-size: 13px !important;
}

#small span.select2-results ul li {
    font-size: 12px !important;
}

.alert button {
    border: 0;
    background: transparent;
}

    .alert button span {
        color: #843451;
    }

input[type="file"]::file-selector-button {
    color: #000;
    border: thin solid grey;
    border-radius: 2px;
}

/*activity table*/
body.dark-mode #pills-activity .price-table .bor-non table tbody td {
    border: 0px !important;
    background: #0b0437 !important;
}

#pills-activity .price-table table thead th {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 0px !important;
}

body #pills-activity .price-table table tbody td {
    /* border-right: 0px !important;*/
}

    body #pills-activity .price-table table tbody td.tabl-white {
        border-right: 1px solid #f7f9f8 !important;
    }

.price-table.activitytab table tbody td {
    border-right: 1px solid #f7f9f8 !important;
}

#pills-activity .price-table table {
    border: 0px !important;
}

body #pills-activity .price-table .bor-non table tbody td {
    border: 0px !important;
    background: #fafafa;
}


body #pills-activity .price-table table tbody td.bor-non table tbody tr:nth-child(2n-1) {
    background: #fafafa !important;
}
/*activity table*/

.price-table table tbody td.tabl-white table tbody tr:nth-child(2n-11) {
    background: #F7F9F8 !important;
}

.price-table table tbody td.tabl-white {
    background: #fff !important;
}

.dark-mode .price-table table tbody td.tabl-white table tbody tr:nth-child(2n-11) {
    background: #0b0437 !important;
}

.dark-mode .price-table table tbody td.tabl-white {
    background: #0e124a !important;
}


/*table autofit*/
@media only screen and (min-width:320px) and (max-width:1200px) {
    body #pills-activity .price-table table.fst-tab:not(:has(th:nth-child(7))) {
        table-layout: fixed !important;
    }

    body #pills-activity .price-table table.fst-tab:not(:has(th:nth-child(8))) {
        width: 1500px;
    }

    body #pills-activity .price-table table.fst-tab:not(:has(th:nth-child(7))) {
        width: 1118px;
    }

    body #pills-operation .price-table table.fst-tab:not(:has(th:nth-child(9))) {
        table-layout: fixed !important;
    }

    body #pills-operation .price-table table.fst-tab:not(:has(th:nth-child(9))) {
        width: 1200px;
    }
}

@media only screen and (min-width:1201px) and (max-width:1579px) {
    body #pills-activity .price-table table.fst-tab:not(:has(th:nth-child(8))) {
        /* table-layout: auto !important;*/
    }

    body #pills-activity .price-table table.fst-tab:not(:has(th:nth-child(8))) {
        width: 1580px;
    }

    body #pills-activity .price-table table.fst-tab:not(:has(th:nth-child(7))) {
        /*   width: 100% !important;*/
        table-layout: fixed !important;
    }

    body #pills-operation .price-table table.fst-tab:not(:has(th:nth-child(9))) {
        table-layout: fixed !important;
        /* width: 100% !important;*/
    }

        body #pills-operation .price-table table.fst-tab:not(:has(th:nth-child(9))) thead th:first-child {
            width: unset;
        }
}

@media only screen and (min-width:1580px) and (max-width:5000px) {
    body #pills-activity .price-table table:not(:has(th:nth-child(8))) {
        table-layout: fixed;
        /*   width: 100% !important;*/
    }

    body #pills-activity .price-table table.fst-tab:not(:has(th:nth-child(7))) thead th:first-child {
        width: unset;
    }

    body #pills-operation .price-table table:not(:has(th:nth-child(9))) {
        table-layout: fixed;
        /* width: 100% !important;*/
    }

    body #pills-operation .price-table table.fst-tab:not(:has(th:nth-child(9))) thead th:first-child {
        width: unset;
    }
}
/*table autofit*/

body.dark-mode #pills-operation .price-table .bor-non table tbody td {
    border: 0px !important;
    background: #0b0437 !important;
}

.dark-mode .price-table table thead th:nth-child(3), .dark-mode .price-table table thead th:nth-child(5), .dark-mode .price-table table thead th:nth-child(7) {
    background: #0b0437 !important;
}

.dataTables_wrapper .add-row-btn.ship-add-row-btn {
    width: auto !important;
    padding-left: 7px;
}

th.all.dt-center.sorting_disabled {
    filter: inherit !important;
}

body:has(.right-wrap) .tooltip > .tooltip-inner {
    background-color: #039F7A;
}

body:has(.right-wrap) .tooltip-arrow::before {
    border-top-color: #039F7A !important
}

@media only screen and (min-width:992px) and (max-width:5000px) {
    .chat-mail button#splitter_common_back {
        display: none;
    }
}

.chat-mail .dropdown-menu-mobile {
    background: transparent !important;
}

    .chat-mail .dropdown-menu-mobile i {
        font-size: 20px !important;
        right: 12px;
    }

    .chat-mail .dropdown-menu-mobile::after {
        display: none !important;
    }

button.btn.btn-secondary.right-wrap {
    padding: 0px;
    margin: 0px !important;
    background: transparent;
    border: 0px;
    margin-left: auto !important;
}

button.Add-Favourite {
    margin: 0;
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: auto !important;
    height: 37px !important;
    background: #080c46;
    line-height: 20px;
}

.price-table table thead th img.right-perfereed {
    float: right;
    border: 0px;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

#pills-operation .price-table table thead th {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 0px !important;
}

body #pills-operation .price-table table tbody td {
    border-right: 0px !important;
}

#pills-operation .price-table table {
    border: 0px !important;
}

body #pills-operation .price-table .bor-non table tbody td {
    border: 0px !important;
    background: #fafafa;
}


body #pills-operation .price-table table tbody td.bor-non table tbody tr:nth-child(2n-1) {
    background: #fafafa !important;
}

@media only screen and (min-width:1601px) and (max-width:5000px) {
    .card-head.request-card {
        top: 14px !important;
    }
}

@media only screen and (min-width:1366px) and (max-width:1460px) {
    .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        max-width: calc(100% - 550px);
    }
}
/*.row.tenantSection .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}*/
div#RequestContainer.automaton_card {
    margin-top: 0px !important;
    background: #f5f5f5;
    padding: 20px 0px;
}


div#AppointmentContainer.automaton_card {
    margin-top: 0px !important;
}



.row.div_filter {
    z-index: 1001;
}

.div_filter {
    /*z-index: 9999 !important;*/
}

.swal2-container.swal2-shown {
    z-index: 999999999;
}
/*body:has(.tenantSection .select2-container--open)
span.select2-dropdown.select2-dropdown--below {
    z-index: 9999999;
    position: relative;
}*/

body:has(.tenantSection .select2-container--open) > span.select2-container {
    z-index: 9999999 !important;
}

body:has(.tenantSection) > .form-group {
    width: 270px !important;
    max-width: 100% !important;
}

.add_req_top_sec .add_req_right .add-req-txt i.fa-calendar {
    z-index: 9;
}

.job-req {
    position: relative;
}

    .job-req a.update-ico {
        position: absolute;
        right: 14px;
        top: 10px;
    }

        .job-req a.update-ico i {
            font-size: 20px;
            color: #1976e1;
        }

.dataTables__bottom.pricing-datatables .dataTables_info {
    display: block !important;
}

#medium .add_req_top_sec .add_req_right .add-req-txt input.eta_service, .add_req_top_sec .add_req_right .add-req-txt input.eta_service {
    position: relative;
    border: 0px;
    min-height: 32px !important;
    padding: 0px !important;
    margin: 0px !important;
    height: auto !important;
    width: 100% !important;
    z-index: 9;
    height: 30px !important;
}

.add_req_top_sec .add_req_right .add-req-txt span.select2-selection__rendered {
    width: 100px !important;
}

@media screen and (min-width:1601px) {
    #tblAgencyPricing_wrapper .dataTables_buttons.actions .dropdown.actions__item.cma_top_icon {
        height: 40px;
    }

    .dataTables_buttons.actions .dropdown.actions__item.cma_top_icon {
        height: 40px;
    }

    .card-head.request-card {
        top: 24px;
    }
}

.add_req_top_sec .add_req_right .add-req-txt {
    /*  border: 1px solid #ccc !important;*/
    /*border-radius: 5px;*/
    width: 100% !important;
}

    .add_req_top_sec .add_req_right .add-req-txt span.select2-selection.select2-selection--single {
        background: transparent !important;
    }

    .add_req_top_sec .add_req_right .add-req-txt span {
        width: 100% !important;
        padding-left: 0px !important;
    }

        .add_req_top_sec .add_req_right .add-req-txt span.select2-selection__placeholder {
            margin-top: 0px !important;
            padding-top: 0px !important;
        }

        .add_req_top_sec .add_req_right .add-req-txt span.select2-selection__rendered {
            padding-top: 0px !important;
            margin-top: 0px !important;
            line-height: 28px !important;
        }


        .add_req_top_sec .add_req_right .add-req-txt span .select2-selection {
            padding-top: 0px !important;
            padding-left: 0px !important;
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
            height: 30px !important;
        }



.chat-box-right.split-right .main-content-chat .chat-body {
    height: calc( 100vh - 314px) !important;
}

div#tblAddonActivity_wrapper.dataTables_wrapper table thead th:first-child, div#tblAddonActivity_wrapper.dataTables_wrapper table tbody tr td:first-child {
    box-sizing: border-box !important;
    /*    min-width: 180px;*/
}

div#tblAddonActivity_wrapper.dataTables_wrapper table tbody tr td:first-child {
    padding: 11px 11px;
    box-sizing: border-box !important;
}

@media only screen and (min-width:320px) and (max-width:945px) {
    .card.card-block.contCard .card-block .row.add-req-top-wrap > div.col-sm-3 {
        width: 228px !important;
        max-width: 100% !important;
        margin: 0 auto;
        padding-bottom: 10px !important;
    }
}

@media only screen and (min-width:1136px) and (max-width:1362px) {
    .add-req-top-wrap > div {
        /*        padding-left: 0px !important;*/
        padding-right: 7px !important;
    }

    .add_req_top_sec .add_req_left {
        padding-right: 0 !important;
        margin-left: 0px !important;
        margin-right: 2px !important;
    }
}

.tenantSection .form-group {
    display: flex;
    flex-direction: column;
    width: 270px;
    max-width: 100%;
}

#large .job-req-tlt span {
    font-size: 17.5px;
}

    #large .job-req-tlt span.sub-tlt-clr {
        font-size: 17.5px;
    }

#large .job-no .rgt-txt {
    font-size: 15.5px;
}

#large .job-no .cal-txt b {
    font-size: 15.5px;
}

#large .cal-pda .rgt-txt {
    font-size: 15.5px;
}


#medium .job-req-tlt span {
    font-size: 16px;
}

    #medium .job-req-tlt span.sub-tlt-clr {
        font-size: 16px;
    }

#medium .job-no .rgt-txt {
    font-size: 14px;
}

#medium .job-no .cal-txt b {
    font-size: 14px;
}

#medium .cal-pda .rgt-txt {
    font-size: 14px;
}



#small .job-req-tlt span {
    font-size: 14px;
}

    #small .job-req-tlt span.sub-tlt-clr {
        font-size: 14px;
    }

#small .job-no .rgt-txt {
    font-size: 13px;
}

#small .job-no .cal-txt b {
    font-size: 13px;
}

#small .cal-pda .rgt-txt {
    font-size: 13px;
}

.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ {
    z-index: 99999999 !important;
}

.dark-mode .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #3a4eb6;
    background: #0b0437 !important;
}

.dark-mode .price-table .table-responsive::-webkit-scrollbar-track {
    background: #262d8f !important;
}

.price-table .table-responsive::-webkit-scrollbar {
    height: 6px;
}
/*chat*/
.dark-mode #chat-connection-prompt .modal-body {
    color: #fff;
}

.dark-mode #chat-room-loading-prompt .modal-body {
    color: #fff;
}

.chat-mail .dropdown-menu-mb li.dropdown {
    display: flex !important;
    align-items: center;
}

.dark-mode .main-content-chat .chat-input .emoticon-container {
    background: #172270;
}

@media only screen and (min-width:992px) and (max-width:5000px) {
    .chat-mail .header .nav-tabs {
        display: flex !important;
    }
}
/*chat*/
#RequestContainer .request-lst b.clr-change, .dark-mode #RequestContainer .request-lst b.clr-change {
    color: #069e86;
    font-weight: 600;
}

#AppointmentContainer .request-lst b.clr-change, .dark-mode #AppointmentContainer .request-lst b.clr-change {
    color: #069e86;
    font-weight: 600;
}

.image-card .card-head header .country-port span:last-child {
    color: #7a7a7a !important;
}

#RequestContainer .card-head header span {
    color: #7a7a7a;
    text-transform: capitalize;
    font-size: 15px;
    padding-right: 6px;
}

#AppointmentContainer .card-head header span {
    color: #7a7a7a;
    text-transform: capitalize;
    font-size: 15px;
    padding-right: 6px;
}


.dark-mode .select2-container--default .select2-results__option {
    color: #fff !important;
}

.dark-mode .modal-content.ship-detail-wrap-main .select2-hidden-accessible {
    border: 1px solid #3a4eb6 !important;
}

span.select2-container {
    z-index: 999999;
}

    span.select2-container:has(.select2-dropdown--above) {
        z-index: 99991 !important;
        position: relative;
    }

.select2-container--open .select2-dropdown {
    /*  top: 12px;*/
}

span.select2-results ul li {
    font-size: 14px;
}

/*.select2-dropdown {
    width: 275px !important;
}*/
/*modal price*/
.modal-body .row.compare-agent-lst.compare-top-section {
    display: block !important;
}

.modal-body .row.compare-agent-lst.compare-top-section {
    box-shadow: inherit !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.pricecomapremodal .modal-header button {
    background: transparent;
    border: 0px;
    font-size: 22px;
    color: #ab0d0d;
}

.pricecomapremodal .modal-header {
    border-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 8px;
}

.pricecomapremodal .modal-body {
    padding-top: 8px;
}
/*modal price*/
td.text-right {
    text-align: right;
}

.dark-mode .xdsoft_select.xdsoft_Robotohselect.xdsoft_scroller_box {
    background: #0b0437 !important;
    border: 1px solid #3a4eb6 !important;
}

.card-block.card-fix-block {
    padding: 12px !important;
    border: 1px solid #efe9e9 !important;
}
/*chat*/

.dark-mode .select2-container--disabled span.select2-selection.select2-selection--single {
    background: #000000 url(../images/landing/dropdown.png) no-repeat 96% center !important;
    opacity: 0.4;
}

@media only screen and (min-width:320px) and (max-width:991px) {
    .mail-compose p.mail-title {
        width: 55vw;
    }

    #splitter_common_back {
        display: block;
    }

    #splitter_common_back_new {
        display: block;
    }

    #splitter_common_back_version {
        display: block;
    }

    .version-right-wrap-main .chat-box-right {
        display: none;
    }

    .split.mapInvoice.chat-mail .chat-box-right {
        display: none;
    }

        .split.mapInvoice.chat-mail .chat-box-right .chat-body {
            display: none;
        }

        .split.mapInvoice.chat-mail .chat-box-right .toggle_activity {
            display: none;
        }
}


.dropdown-menu-mobile {
    display: none;
}

@media only screen and (min-width:320px) and (max-width:991px) {
    .chat-mail .dropdown-menu-mobile {
        display: block !important;
    }

    .dropdown-menu-mb {
        position: absolute;
        top: 73px;
        right: 4px !important;
        box-shadow: inherit;
        border: 0px;
        width: 150px !important;
        background: #fff !important;
        margin-left: auto;
        flex-direction: column;
        padding: 0px 14px;
    }

    .dark-mode .dropdown-menu-mb {
        background: #0b0437 !important;
    }

    .dropdown-menu-mb.nav-tabs > li.active > a {
        border-bottom: 0px;
    }

    .chat-mail .header ul.dropdown-menu-mb li a, .chat-mail .header ul.dropdown-menu-mb li a:hover {
        padding: 6px 10px;
    }

    .chat-mail .header .vessel-title {
        width: 85% !important;
    }

    .dropdown-menu-mobile i {
        top: 5px;
        position: relative;
    }
}


/*chat*/
div#subscribe-to-push-modal .modal-header {
    color: #484040;
}

div#subscribe-to-push-modal .modal-body {
    color: #484040;
}

.dark-mode div#subscribe-to-push-modal .modal-header {
    color: #fff;
}

.dark-mode div#subscribe-to-push-modal .modal-body {
    color: #fff;
}

@media only screen and (min-width: 1601px) and (max-width: 4000px) {
    .dataTables_wrapper .add-row-btn {
        height: 38px;
    }

    .dataTables_wrapper .dataTables__top .dataTables_buttons .input-group {
        /* margin-top: 6px;*/
    }

    .dataTables_wrapper .dataTables_length select {
        height: 38px;
    }
}

@media only screen and (min-width:992px) and (max-width:1366px) {
    .pricing-wrap .card-body .row div.col-sm-3 {
        width: 33.3%;
    }
}

.ReviewFeedback_craftmyapp_container .showindsr_craftmyapp_container .form-group, .ReviewFeedback_craftmyapp_container .isshared_craftmyapp_container .form-group {
    margin-top: 18px;
}

/*div#tblChatSummary_wrapper .dataTables__top {
    position: absolute;
    top: 11px;
    right: 0px;
}*/

div#tblChatSummary_wrapper .dataTables__top .add-row-btn {
    /* width: 65px !important;*/
    margin-right: 10px;
}

.split.mapInvoice .chat-body-left {
    position: relative;
}

.col-sm-12:has(.card-fix-block) {
    position: sticky;
    bottom: 0;
}

.dark-mode .service_header {
    border-bottom: 1px solid #0aa27e;
}

    .dark-mode .service_header::after {
        background: #0aa27e;
    }

.dark-mode .add_req_top_sec {
    background: #0b0437;
}

    .dark-mode .add_req_top_sec .add_req_right span {
        color: #fff;
        text-transform: capitalize;
    }

    .dark-mode .add_req_top_sec .add_req_right .add-req-txt h2 {
        color: #c5c1c1;
    }

#activitytab table.border-rgt tbody tr.overalllist:nth-of-type(2), #activitytab table.border-rgt tbody tr.overalllist:nth-of-type(3), #activitytab table.border-rgt tbody tr.overalllist:nth-of-type(4) {
    display: table-row;
}

#activitytab table.border-rgt tbody tr.overalllist {
    display: none;
}

    #activitytab table.border-rgt tbody tr.overalllist.ullist {
        display: table-row;
    }

.card-block.card-fix-block {
    padding: 12px !important;
}

html body .price-table table tbody td {
    overflow: unset !important;
    overflow-x: clip !important;
}

.tooltipss svg {
    margin-top: 2px;
}

.card-block.add-agency-btn button.btn-primary {
    margin-top: 0px !important;
}

.price-table table tbody td table tbody td .tooltipText ul li {
    overflow: inherit;
    white-space: pre-wrap !important;
    text-overflow: inherit !important;
}

.price-table table tbody td table tbody td .tooltipText ul {
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-right: 10px;
}

.clent-preferred {
    color: #039F7A;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 2.38px;
    margin-bottom: 14px;
}

.row.compare-agent-lst.compare-top-section {
    justify-content: center;
    background: #fff !important;
}

td.tabl-tlt svg {
    margin-right: 6px;
}

.price-table table tbody td table tbody td.ullist ul li {
    display: block !important;
}

.price-table table tbody td table tbody td.ullist ul {
    height: 70px;
    overflow: auto;
}

    .price-table table tbody td table tbody td.ullist ul::-webkit-scrollbar {
        width: 5px;
    }

.dark-mode .tooltipText::after {
    border-color: #172270 transparent transparent transparent;
}

.dark-mode .tooltipText {
    background-color: #172270;
    border: 1px solid #0b0437;
}

.dark-mode .th-tlt h3 {
    background: transparent;
    color: #fff;
}

.dark-mode .price-table table tbody tr td.show-arrow ul li a i {
    color: #fff;
}

.dark-mode .tooltipss i {
    color: #fff;
}

.dark-mode .exp-expand-sel a, .dark-mode .exp-expand-sel select {
    background: #0b0437 !important;
    color: #fff;
    border: 1px solid #039f7a;
    height: 36px;
    border-radius: 4px;
}

.exp-expand-sel select {
    border: 1px solid #ddd;
    height: 36px;
    border-radius: 4px;
    background: #fff !important;
}
/*tooltip*/

/* Container Tooltip */
.tooltipss {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
    cursor: pointer;
    /*width: 35px;*/
    float: left;
    align-self: center;
}

/* Style text tooltip */
.tooltipText {
    background-color: #161515;
    position: absolute;
    bottom: 100%;
    border-radius: 5px;
    font-size: 14px;
    opacity: 0;
    color: #fff;
    transition: all .5s;
    width: 300px;
    left: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
}

    /*  Membuat dan style tip*/
    .tooltipText::after {
        content: '';
        border-width: 5px;
        border-style: solid;
        border-color: #161515 transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 4px;
        margin-left: 5%;
    }

/* Style Icon */
.tooltipss i {
    border-radius: 10px;
    color: #251f70;
    font-size: 20px;
}


/* Hover text tooltip */
.tooltipss:hover .tooltipText {
    opacity: 1;
    /*   transform: translateY(-10px);*/
}


.price-table table tbody td table tbody td .tooltipText ul {
    min-height: auto !important;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/*tooltip*/
.price-table table tbody td.show-arrow {
    vertical-align: middle !important;
}

.price-table table tbody tr td.show-arrow {
    text-align: center;
    vertical-align: middle !important;
}

.price-table table tbody td table tbody td.show-arrow ul {
    line-height: 70px;
}

.price-table table tbody tr td.show-arrow ul li a i {
    font-size: 21px;
    color: #818181;
}

.dark-mode .row.compare-agent-lst {
    background: #0E124A !important;
}

.dark-mode .compare-main-head {
    border: 1px solid #3A4EB6 !important;
    background: #0b0437 !important;
}

.dark-mode .compare-check-batch svg path {
    fill: #fff;
}
/*pricetable*/
.price-table table tbody td table.border-rgt tbody td ul li {
    display: none;
}

    .price-table table tbody td table.border-rgt tbody td ul li:nth-of-type(1), .price-table table tbody td table.border-rgt tbody td ul li:nth-of-type(2), .price-table table tbody td table.border-rgt tbody td ul li:nth-of-type(3) {
        display: block !important;
    }

.price-table table tbody td table.border-rgt tbody td {
    position: relative;
}

    .price-table table tbody td table.border-rgt tbody td .show-mor-opt {
        position: absolute;
        top: 50px;
        left: -27px;
        background: #079986;
        padding: 1px 10px;
        color: #fff;
    }

    .price-table table tbody td table.border-rgt tbody td ul.test {
        overflow: auto;
        height: 80px;
    }

        .price-table table tbody td table.border-rgt tbody td ul.test::-webkit-scrollbar {
            width: 5px;
        }
/*pricetable*/
.servicetabList .servicelist label {
    /*min-height: 90px;*/
    min-height: 65px;
}

.servicelist label i.fa-check, .servicelist label i.fa-plus {
    width: 20px !important;
}

.cal-pda.job-no {
    flex-direction: column;
}

    .cal-pda.job-no .rgt-txt {
        text-align: left;
        margin-top: 7px;
    }

.alert-danger button, .alert-success button {
    display: none;
}

.alert.alert-danger.alert-dismissible {
    position: relative;
}

    .alert.alert-danger.alert-dismissible::after {
        content: "\f071";
        position: absolute;
        top: 5px;
        left: 14px;
        font-family: fontawesome;
        font-size: 22px;
    }

    .alert.alert-danger.alert-dismissible button {
        float: right;
        background: transparent;
        border: 0px;
        font-size: 15px;
        background: #161414;
        width: 27px;
        border-radius: 27px;
        height: 27px;
        color: #fff;
        margin-top: 5px;
    }

.alert.alert-success.alert-dismissible, .alert.alert-danger.alert-dismissible {
    padding-left: 46px;
    padding-right: 18px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.alert.alert-success.alert-dismissible {
    position: relative;
    z-index: 99;
}

    .alert.alert-success.alert-dismissible::after {
        content: "\f046";
        position: absolute;
        top: 5px;
        left: 14px;
        font-family: fontawesome;
        font-size: 22px;
    }

    .alert.alert-success.alert-dismissible button {
        float: right;
        background: transparent;
        border: 0px;
        font-size: 15px;
        background: #161414;
        width: 27px;
        border-radius: 27px;
        height: 27px;
        color: #fff;
        margin-top: 5px;
    }

.alert.alert-success .alert-dismissible {
    padding-left: 46px;
    padding-right: 18px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only screen and (min-width:320px) and (max-width:1135px) {
    .pricing-wrap {
        width: 100%;
    }

    .request-service .pricing-wrap .card-body .select2 {
        display: block;
        width: 100% !important;
    }
}

@media only screen and (min-width:320px) and (max-width:400px) {
    .tabs.pricing-tab .tab-content {
        padding: 24px 6px !important;
    }
}


.dark-mode div#tblAgencyPricing_wrapper i.automatonShowFilter {
    color: #fff !important;
}

body .dataTables_scroll table tr.odd > td:is(:first-child,:last-child) {
    background: #fff !important;
}

body .dataTables_scroll table tr.even > td:is(:first-child,:last-child) {
    background: #f9f9f9 !important;
}

.card-lst .list.all label {
    background: #080c46;
}

.card-lst .list.readyforreview label {
    background: #167ac1;
}

.card-lst .list.approved label {
    background: #17C05B;
}

.card-lst .list.rejected label {
    background: #F24B44;
}

.card-lst .list.appointmentsent label {
    background: #F24B44;
}

.card-lst .list.rework label {
    background: #F39C12;
}

.card-lst.reg-comp-card-lst label {
    color: #fff !important;
}

.organizationlogo_craftmyapp_container .form-group label {
    margin-bottom: 0px;
}

body #parentdiv #tblShip_wrapper.dataTables_wrapper .dataTables_scrollHead table thead tr th:first-child {
    min-width: 60px !important;
    width: 60px;
}

.dark-mode .clr-bg-odd {
    background: #0e124a !important;
}

.clr-bg-odd {
    background: #fff !important;
}

.tabs.pricing-tab .shallow-draggable, .tabs.pricing-tab .shallow-draggable .form-group label {
    font-family: 'Roboto' !important;
}

html body .card-fix-block {
    background: rgba(255,255,255,0.95) !important;
    position: sticky;
    bottom: 0px;
    box-shadow: 1px 2px 3px rgb(213 205 205 / 90%);
    padding: 9px 20px !important;
    margin: 0px;
    border: 1px solid #ccc;
    z-index: 9998 !important;
}

body.dark-mode .card-fix-block {
    background: rgb(20 29 100) !important;
    border: 1px solid #3a4eb5 !important;
}

html body .card-fix-block .cma_cancel_button {
    margin-top: 0px;
}

.row.compare-agent-lst.compare-top-section {
    margin: 0px;
}

.shipclass_craftmyapp_container .SumoSelect > .CaptionCont > span.placeholder {
    background: transparent;
}

.parentid_craftmyapp_container span.select2 {
    display: block;
}

span.subservicetitle {
    /*  display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-break: anywhere;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
}

.success-message {
    padding: 8px 11px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #9fbfb0;
    font-family: 'Roboto';
    letter-spacing: 0.1px;
}

.alert.alert-danger.alert-dismissible {
    padding: 8px 11px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #e3999f;
    font-family: 'Roboto';
    letter-spacing: 0.1px;
}

    .alert.alert-danger.alert-dismissible button {
        border: 0px;
        background: transparent;
    }

        .alert.alert-danger.alert-dismissible button i.fa-times {
            background: #d77179;
            width: 26px;
            border-radius: 100%;
            color: #fff;
            font-size: 15px;
            height: 26px;
            line-height: 25px;
        }

.success-message button i {
    background: #17935b;
    width: 26px;
    border-radius: 100%;
    color: #fff;
    font-size: 15px;
    height: 26px;
    line-height: 25px;
}

.success-message button {
    border: 0px;
    background: transparent;
}

.card.tab-card.request-card-head {
    position: relative;
}

.card-head.request-card {
    position: absolute;
    right: 0px;
    top: 11px;
    z-index: 9;
}

.request-card-head .dataTables_buttons.actions {
    margin-right: 70px;
}

.dataTables_wrapper .dataTables__top .request-card {
    display: none;
}

div#RequestContainer {
    margin-top: 45px;
}

div#AppointmentContainer {
    margin-top: 45px;
}


.dark-mode .dataTables_wrapper table thead th:first-child, .dark-mode .dataTables_wrapper table tbody tr td:first-child {
    /*box-shadow: 1px 1px 8px 0px #cccccc40;*/
}

@media only screen and (min-width:320px) and (max-width:686px) {
    .card-head.request-card {
        position: relative;
    }
}

@media only screen and (min-width:320px) and (max-width:450px) {
    .chat-room-sp {
        padding: 6px !important;
    }

        .chat-room-sp .message_detail .user_main .user_profile {
            margin-right: 8px;
            width: 62px;
            height: 40px;
            border-radius: 40px;
        }

        .chat-room-sp .message_detail .user_main .user_txt p {
            width: 120px;
        }
}

.user_time_msg label {
    position: relative;
}

.reg-comp-card-lst .list.active.readyforreview {
    border: 1px solid #1092ef;
}

.reg-comp-card-lst .list.active.all {
    border: 1px solid #080C46;
}

.reg-comp-card-lst .list.active.approved {
    border: 1px solid #17C05B;
}

.reg-comp-card-lst .list.active.rejected {
    border: 1px solid #F24B44;
}

.reg-comp-card-lst .list.active.rework {
    border: 1px solid #F39C12;
}

.dark-mode .reg-comp-card-lst .list.active {
    border: 1px solid #fff !important;
}

.dark-mode .side-menu .slide.active .side-menu__icon {
    color: #8CC2FF !important;
}

.dark-mode .side-menu .slide.active .side-menu__label {
    color: #8CC2FF !important;
}

.dark-mode .side-menu .slide.active i.angle {
    color: #8CC2FF !important;
}

.side-menu .slide.active .side-menu__icon {
    color: #039F7A !important;
}

.side-menu .slide.active .side-menu__label {
    color: #039F7A !important;
}

.side-menu .slide.active i.angle {
    color: #039F7A !important;
}

@media only screen and (min-width:320px) and (max-width:979px) {
    .tabs.pricing-tab .tab-content {
        width: 100% !important;
    }
}

.dark-mode .husb_lst::-webkit-scrollbar {
    width: 3px;
    background: #3a4eb6;
}

.chart-icon {
    position: relative;
}

.chatunreadcount {
    position: absolute;
    right: 0px;
    top: 0px;
}

.tenant_display .optionGroup, .tenant_display .optionNoChild, .tenant_display .optionChild, .tenant_display option {
    color: #191C25 !important;
    /* font-weight: normal !important;*/
    /* background: transparent !important;*/
    border: 0px !important;
    line-height: normal !important;
    padding: 18px !important;
    /*font-style: normal !important;*/
    margin: 10px !important;
}

.dark-mode .tenant_display .optionGroup {
    color: #fff !important;
}

.dark-mode .tenant_display .optionChild {
    background-color: #3a4eb6 !important;
    color: #fff !important;
}

.dark-mode .tenant_display .optionNoChild, .dark-mode .tenant_display option {
    color: #d5cbcb !important;
}

#tenantid .optionGroup, #tenantid .optionNoChild, #tenantid .optionChild, #tenantid option {
    color: #191C25 !important;
    /* font-weight: normal !important;*/
    /* background: transparent !important;*/
    border: 0px !important;
    line-height: normal !important;
    padding: 18px !important;
    /*font-style: normal !important;*/
    margin: 10px !important;
}

.dark-mode #tenantid .optionGroup {
    color: #fff !important;
}

.dark-mode #tenantid .optionChild {
    background-color: #3a4eb6 !important;
    color: #fff !important;
}

.dark-mode #tenantid .optionNoChild, .dark-mode #tenantid option {
    color: #d5cbcb !important;
}




textarea {
    width: 100%;
    padding: 4px 10px;
}

.dark-mode textarea {
    background: #0b0437 !important;
    border: 1px solid #3A4EB6 !important;
    color: #fff;
}

@media only screen and (min-width:400px) and (max-width:686px) {
    body .dataTables_wrapper .input-group.prefix {
        width: auto !important;
    }
}

@media only screen and (min-width:320px) and (max-width:399px) {
    body .dataTables_wrapper .input-group.prefix {
        width: 137px !important;
    }

    div.dataTables_wrapper div.dataTables_length select, .dataTables_wrapper .dataTables__top .dataTables_buttons .input-group input {
        padding: 7px 9px !important;
    }
}

.description_craftmyapp_container textarea {
    width: 100% !important;
}

.card-block.add-agency-btn button.btn-primary {
    background: #8CC2FF;
    width: 160px;
    color: #0B1340 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}

.tabs.pricing-tab .price-sticky ul li a img {
    border: 0px;
    margin-bottom: 0px;
}

.reg-comp-card-lst .list.active {
    border: 1px solid #a79595;
}

.remarks_craftmyapp_container textarea {
    width: 100% !important;
}

.rating-container span input:focus {
    outline: none;
}

.compare-agent-lst .compare-content h3 svg path {
    stroke: #039f7a;
}

@media only screen and (min-width:1330px) and (max-width:1399px) {
    .compare-top-section > div {
        padding: 5px;
    }
}

@media only screen and (min-width:320px) and (max-width:1329px) {
    .compare-top-section > div {
        padding: 5px;
    }

    .price-top {
        display: none;
        overflow: auto;
        width: 100%;
    }

        .price-top::-webkit-scrollbar {
            height: 5px;
        }


    .row.compare-agent-lst.compare-top-section {
        display: block;
        /* overflow: auto;*/
        width: 1330px;
        margin: 0 auto;
    }

        .row.compare-agent-lst.compare-top-section::-webkit-scrollbar {
            height: 5px;
        }

        .row.compare-agent-lst.compare-top-section > div {
            display: inline-block;
            float: left;
        }
}






.sg-f-lst {
    margin-bottom: 10px;
}



#tblShip_wrapper.dataTables_wrapper table#tblShip thead th:first-child, #tblShip_wrapper.dataTables_wrapper table#tblShip tbody tr td:first-child {
    min-width: 45px !important;
}

.chatunreadcount {
    display: flex !important;
    justify-content: center !important;
}

.agency-drop.client-btn .arrow::after {
    content: "\f19c";
}

.compare_content_tlt {
    display: flex;
    align-items: center;
}

    .compare_content_tlt svg {
        margin-right: 10px;
    }

.state-lst .compare-cont-lst .compare-cont-rgt span {
    float: left;
    display: block;
    width: 100%;
}

.row.compare-agent-lst.compare-top-section {
    position: relative;
}

    .row.compare-agent-lst.compare-top-section i.fa-times {
        float: right;
        text-align: right;
        width: 100%;
        position: absolute;
        right: 0px;
        top: 2px;
        color: #cf1717;
        font-size: 18px;
        cursor: pointer;
    }

.compare-top-section {
    display: block;
    margin: 20px;
}

.add-agency-pricing .tabs.pricing-tab .tab-content {
    width: 100%;
}

.card-block.add-agency-btn button.btn-primary {
    background: #8CC2FF !important;
    color: #0B1340 !important;
    border-color: #8CC2FF !important;
}

@media only screen and (min-width:320px) and (max-width:991px) {
    .tabs.pricing-tab .tab-content {
        margin-top: 0px !important;
    }
}

body.dark-mode form .card-block > .card-block {
    background: rgb(20 29 100) !important;
}
/*uploaded Files*/
.uploaded_files table tr td.ico_lst {
    padding: 1px 1px;
    border-radius: 3px;
    background: rgb(241 86 66 / 10%);
}

.dark-mode .uploaded_files table tr td.ico_lst img {
    background: #8cc2ff;
}

.dark-mode .uploaded_files .modal-title img {
    background: #5998df;
    padding: 4px 4px;
    border-radius: 5px;
}

.organizationlogo_craftmyapp_container label {
    line-height: 26px;
    margin-bottom: 8px;
    color: #808080 !important;
    font-weight: 500;
    font-family: 'ROBOTO' !important;
}


.uploaded_files {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    position: absolute;
    z-index: 9999;
    display: none;
}

    .uploaded_files .modal-body {
        overflow: auto;
        height: 258px;
        padding: 15px;
    }


    .uploaded_files .close {
        color: #191C25 !important;
        opacity: 1;
        font-size: 24px;
    }

    .uploaded_files .modal-title img {
        margin-right: 9px;
        object-fit: contain;
    }

    .uploaded_files .modal-title {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        color: #203374;
        padding-top: 0px;
    }

    .uploaded_files .modal-header {
        border-bottom: 1px solid #D9D9D9 !important;
        padding: 6px 15px;
    }


    .uploaded_files .modal-footer {
        border: 0px !important;
    }

    .uploaded_files div#AttachedFiles {
        overflow: auto !important;
    }

    .uploaded_files table tr, .uploaded_files table tr td {
        background: transparent !important;
        border: 0px;
        padding: 4px;
    }

        .uploaded_files table tr td.ico_lst, .uploaded_files table tr td.delete_lst {
            padding-right: 0px;
            padding-top: 10px;
            padding-bottom: 10px;
            /*padding-left: 10px;*/
            padding-left: 0px;
        }

            .uploaded_files table tr td.ico_lst img {
                /* background: rgb(241 86 66 / 10%);

                border-radius: 5px;

                padding: 10px 13px;*/

                width: 35px;
                height: 35px;
                object-fit: contain;
            }

        .uploaded_files table tr td {
            vertical-align: middle;
        }

            .uploaded_files table tr td.cont_lst a {
                width: 12vw;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                display: block;
                max-width: 100%;
            }

.list_card_section .form-group span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #191C25 !important;
}

.uploaded_files .modal-title span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    color: #203374 !important;
}

.uploaded_files .close {
    color: #191C25 !important;
    opacity: 1;
    font-size: 17px;
    background: transparent;
    border: 0px;
}

.uploaded_files table tr td.cont_lst a {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #191C25 !important;
}

@media only screen and (min-width:320px) and (max-width:455px) {

    .modal-content.uploaded_files {
        max-width: 290px !important;
    }
}

.list_card_section .input-file {
    border: 1px solid #D5D5DE !important;
    border-radius: 5px;
    position: relative;
    padding: 3px 0px;
}

.list_card_section .form-group .input-file label {
    margin-bottom: 0px;
}

.list_card_section .form-group .input-file input[type="file"] {
    border: 1px solid #D5D5DE !important;
    border-radius: 5px;
    opacity: 0;
    padding: 0px !important;
}

.list_card_section .input-file label {
    position: absolute;
    top: 0;
    background: #F6F6F6;
    border: 1px solid #D5D5DE;
    border-radius: 5px 0px 0px 5px;
    padding: 6px 10px;
    left: 0px;
    /*height: 38px;*/
    height:100%
}

#attachmentDisp span.showFiles, #operationsfileDisp span.showFiles, #uploadedfileDisp span.showFiles, #contractcopyDisp span.showFiles {
    position: absolute;
    right: 0px;
    top: 6px;
}

span.filebtn {
    position: absolute;
    top: 8px;
    left: 80px;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Roboto';
    font-weight: normal !important;
}

.showFiles {
    background: url('./images/file.png') no-repeat !important;
    background-position: right center !important;
    width: 26px !important;
    height: 28px !important;
}

.uploaded_files div#AttachedFiles::-webkit-scrollbar {
    width: 9px !important;
}

.uploaded_files .modal-body::-webkit-scrollbar {
    width: 5px;
}

.dark-mode .organizationlogo_craftmyapp_container label {
    color: #fff !important;
}
/*uploaded files*/
.drag-scroll {
    width: 100%;
    display: flex;
    overflow: auto;
}

    .drag-scroll::-webkit-scrollbar {
        height: 0px;
    }

.dark-mode .main-title {
    border-bottom: 1px solid #0aa27e;
}

.dark-mode .addonsContainer .number-placeholder .form-group input {
    color: #fff;
}

.addonsContainer::-webkit-scrollbar-thumb {
    background: #f3f3f3
}

.addonsContainer::-webkit-scrollbar-track {
    background: #555;
}

.priceContainer::-webkit-scrollbar-thumb {
    background: #f3f3f3
}


.priceContainer::-webkit-scrollbar-thumb, .addonsContainer::-webkit-scrollbar-thumb {
    background: #1a1a3c;
}

.priceContainer::-webkit-scrollbar-track, .addonsContainer::-webkit-scrollbar-track {
    background: #f1f1f1;
}

textarea {
    border: 1px solid #ced4da;
    border-radius: 5px;
    display: block;
}

    textarea:focus-visible {
        outline: none;
    }

.dark-mode .modal-header {
    border-bottom: var(--bs-modal-header-border-width) solid #04927b !important;
}

.dark-mode .modal-footer {
    border-top: var(--bs-modal-footer-border-width) solid #04927b !important;
}

.dark-mode form .card.card-blue .card-head::after {
    background: #0aa27e;
}

.dark-mode form .card.card-blue .card-head {
    border-bottom: 1px solid #0aa27e !important;
}

.dark-mode .drop-users-container #users-list .user:hover {
    background: #3a4eb5;
}

.dark-mode .SumoSelect.open > .optWrapper {
    background: #0b0437 !important;
}

.dark-mode .list_card_section .input-file label {
    background: #0b0437;
    border: 1px solid #3a4eb6
}

.dark-mode .list_card_section .input-file {
    border: 1px solid #3a4eb6 !important;
}

.dark-mode .uploaded_files .modal-header {
    border-bottom: 1px solid #3a4eb6 !important;
}

.dark-mode .modal-content {
    border-color: rgb(62 82 183) !important;
}

.dark-mode .uploaded_files .modal-title span {
    color: #fff !important;
}

.dark-mode .uploaded_files .close {
    color: #fff !important;
}

.dark-mode .list_card_section .form-group span {
    color: #fff !important;
}
/*view page spacing issue*/
.printablerow .card.card-section.cma_section_band {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .printablerow .card.card-section.cma_section_band .card-body {
        padding-bottom: 7px !important;
        padding-top: 0px !important;
    }

.printablerow .card-head header {
    padding-bottom: 10px !important;
    padding-top: 12px !important;
}

.printablerow > div {
    margin-top: 0px !important;
}

.printablerow .card.card-section.cma_section_band .card-body .row > div {
    padding-bottom: 0px !important;
}

.card-body.fluent-card-body.commonContainer {
}

.printablerow
.card-body.fluent-card-body.commonContainer {
    padding-bottom: 0px !important;
}

    .printablerow .card-body.fluent-card-body.commonContainer .row {
        padding-bottom: 0px !important;
    }
/*view page spacing issue*/
.dark-mode .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.dark-mode .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.dark-mode .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #0b0437;
}

.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: #0b0437 !important;
    color: #fff;
}

.dark-mode .select2-dropdown {
    background-color: #0b0437;
}

.dark-mode .trumbowyg-button-pane {
    background: #0b0437;
    border-bottom: 1px solid #3a4eb6;
}

    .dark-mode .trumbowyg-button-pane .trumbowyg-button-group::after {
        background: #3a4eb6;
    }

.dark-mode .trumbowyg-box svg {
    fill: #fff;
}

.dark-mode .trumbowyg-box *, .dark-mode .trumbowyg-box *::before, .dark-mode .trumbowyg-box *::after {
    color: #fff;
}

.dark-mode .trumbowyg-box, .dark-mode .trumbowyg-editor {
    border: 1px solid #3a4eb6 !important;
}

.dark-mode .xdsoft_datetimepicker .xdsoft_calendar td, .dark-mode .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #0a0434;
    border: 1px solid #3a4eb6;
    color: #fff;
}

.dark-mode .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #0b0437;
    color: #fff !important;
}

.dark-mode .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .dark-mode .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #3a4eb6;
}

.dark-mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #0b0435;
    border-top: 1px solid #3a4eb6;
    color: #fff;
}

.dark-mode .xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ {
    background: #3a4eb6;
}

.dark-mode .xdsoft_datetimepicker .xdsoft_label {
    background-color: #3a4eb6;
}

.dark-mode .xdsoft_datetimepicker {
    color: #fff;
}

.dark-mode .servicelist label {
    border-radius: 5px;
    border: 1px solid #3A4EB6 !important;
    background: #0B0437 !important;
}

    .dark-mode .servicelist label i {
        font-size: 20px;
        color: #e3d9d9;
    }

.dark-mode .servicelist span.subservicetitle {
    color: #fff;
}

.dark-mode .servicelist span {
    color: #d3cccc;
}

.dark-mode .service_header button {
    color: #3a4eb6;
}

.dark-mode .add_request-list .order-summary .table-responsive table tbody tr td.qty input {
    border: 1px solid #3a4eb6;
    background: #0b0437;
    color: #fff;
}

.dark-mode .job-req {
    background: #0b0435;
    border: 1px solid #3a4eb5;
}

.dark-mode .job-req-tlt span {
    color: #fff;
}

    .dark-mode .job-req-tlt span.sub-tlt-clr {
        color: #afa4a4;
    }

.dark-mode .cal-txt {
    color: #cdcbcb;
}

.dark-mode .ship-detail-wrap .ship-detail .file-upload {
    background: #0b0437;
    border: 1px solid #3a4eb6
}

.dark-mode .ship-detail-wrap-main .modal-footer #btnclear {
    border-radius: 5px;
    border: 1px solid #243949;
    background: #080c46;
    color: #e3d6d6;
    line-height: 23px;
}

.ship-detail-wrap-main .modal-footer #btnclear {
    line-height: 23px;
}

body.dark-mode form .card-block > .card-block {
    background: rgb(14 18 74);
    border: 1px solid #3a4eb5;
}

body form .card-block > .card-block {
    background: rgba(255,255,255,0.7) !important;
    position: sticky;
    bottom: 0px;
    box-shadow: 1px 2px 3px rgb(213 205 205 / 60%);
    padding: 9px 20px !important;
    margin: 0px;
    border: 1px solid #ccc;
    z-index: 99;
}
body form .invoive-contcard .card-block > .card-block {
    background: rgba(255,255,255,1) !important;
    position: sticky;
    bottom: 0px;
    box-shadow: 1px 2px 3px rgb(213 205 205 / 60%);
    padding: 9px 20px !important;
    margin: 0px;
    border: 1px solid #ccc;
    z-index: 99;
}

div#exampleModal .ship-detail-wrap-main .ship-detail-wrap .card {
    margin-top: 0px !important;
}

.dark-mode .ui-state-hover, .dark-mode .ui-widget-content .ui-state-hover, .dark-mode .ui-widget-header .ui-state-hover, .dark-mode .ui-state-focus, .dark-mode .ui-widget-content .ui-state-focus, .dark-mode .ui-widget-header .ui-state-focus {
    background: #0b0435 !important;
    border: 0px !important;
}

.printablerow > div {
    padding-top: 0px !important;
    margin-bottom: 15px;
}

div#cma_printableArea {
    padding-top: 0px;
}

@media screen and (min-width:1601px) {
    #large .form-control.dt-global-search {
        height: 44px !important;
    }

    #medium .form-control.dt-global-search {
        height: 44px !important;
    }

    #small .form-control.dt-global-search {
        height: 44px !important;
    }

    #tblAgencyPricing_wrapper .dataTables_buttons.actions .dropdown.actions__item.cma_top_icon {
        height: 40px;
    }
}

.col-sm-8 .req-lft-wrap:first-child {
    margin-top: 0px !important;
}

.agent-tlt h3 i {
    margin-right: 10px;
}

.row.compare-agent-lst {
    box-shadow: 1px 1px 3px rgb(205 184 184 / 80%);
    /* margin: 20px;*/
}

#large .dataTables_wrapper .dataTables__top .dataTables_buttons .input-group input {
    height: 40px !important;
}

@media only screen and (min-width:320px) and (max-width:1365px) {
    .reg-comp-card-lst {
        text-align: center !important;
    }
}

.bread_crumbs {
    margin-top: 5px;
    position: relative;
    z-index: 9;
}

.dark-mode .service_header {
    color: #fff;
}

.dark-mode .servicelist input[type="checkbox"]:checked + label {
    border-radius: 5px;
    border: 1px solid #20579B;
    background: rgb(255 255 255);
}

.dark-mode .add_request-list .order-summary {
    background: #0e124a;
    padding: 30px;
    border: 1px solid #3a4eb6;
}

    .dark-mode .add_request-list .order-summary .table-responsive {
        border-radius: 5px;
        border: 1px solid #3a4eb6;
        position: relative;
        top: 25px;
    }

        .dark-mode .add_request-list .order-summary .table-responsive table thead tr th {
            width: auto;
            color: #fff;
        }

        .dark-mode .add_request-list .order-summary .table-responsive table tbody tr td {
            color: #fff;
        }

.specialities_craftmyapp_container textarea {
    padding: 10px;
}

.dark-mode .specialities_craftmyapp_container textarea {
    border: 1px solid #3a4eb6 !important;
    background: #0b0437 !important;
    color: #fff;
    padding: 10px;
}

.dark-mode .progress_bar_main {
    background: #0b0437;
}
/*service  add request click*/
.servicemaintlt .servicetitle {
    margin-left: 32px;
}

.servicelist label i.fa-plus {
    position: absolute;
    width: 100%;
    height: 100%;
}

.servicetabList .servicelist label {
    position: relative;
}

.servicelist label i.fa-plus::before {
    position: absolute;
    top: calc( 50% - 10px);
}

.servicelist label i.fa-check {
    position: absolute;
    width: 100%;
    height: 100%;
}

.servicetabList .servicelist label {
    position: relative;
}

.servicelist label i.fa-check::before {
    position: absolute;
    top: calc( 50% - 10px);
}


.servicelist label i.fa-times {
    position: absolute;
    width: 100%;
    height: 100%;
}



    .servicelist label i.fa-times::before {
        position: absolute;
        top: calc( 50% - 10px);
        right: 20px;
    }
/*service add request click*/
.compare-agent-lst .compare-content span {
    display: flex;
    justify-content: flex-end;
}

.progress-bar-container:has(.progress-bar.dpworld)::after {
    content: unset !important;
}

#medium textarea#instructions {
    height: auto;
    min-height: 40px !important;
}

.tabs.pricing-tab .tab-content {
    padding: 24px;
    margin-top: 25px;
}

.card.request-card-head {
    margin: 22px;
    margin-top: 5px !important;
}

.tab-card .request-card .nav-tabs > li.active > a svg path {
    fill: #039F7A;
}

.tab-card .request-card .nav-tabs > li.active > a {
    background: transparent !important;
}

.tab-card .request-card .nav-tabs::after {
    content: unset !important;
    background: transparent;
}

.request-card .nav-tabs > li.active > a {
    border-bottom: 0px !important;
}

.tab-card .request-card .nav-tabs > li > a {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 0px;
}

.request-card ul li {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .request-card ul li:first-child {
        border-right: 2px solid #ccc;
    }

.cma_cancel_button {
    margin-top: 5px;
}

#btnSubmit {
    margin-top: 4px;
}

.timezone_craftmyapp_container span.select2.select2-container {
    display: block;
}

html body .description_craftmyapp_container textarea#description {
    resize: both !important;
    min-height: 100% !important;
    height: 100% !important;
}

div#tblAgencyPricing_wrapper {
    margin-top: 0px;
}

.modal-body.ship-detail-wrap .tenantid_ship_display {
    padding: 0px !important;
}

body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li.active a, .tabs.pricing-tab ul#tabs-nav li.active a {
    color: #fff !important;
}

.Add-Favourite {
    width: 130px;
    margin-left: auto;
    margin-top: 14px;
    margin-right: 15px;
}

.form-group.tenantid_ship_display {
    width: 270px;
    max-width: 100%;
    margin-left: auto;
    /*  padding-bottom: 20px;*/
}

    .form-group.tenantid_ship_display .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px !important;
    }

.reg-comp-card-lst {
    overflow: auto;
    width: auto !important;
    display: block !important;
    white-space: nowrap !important;
    text-align: right;
    margin-left: auto !important;
    max-width: 100%;
}

    .reg-comp-card-lst::-webkit-scrollbar {
        height: 5px;
    }

    .reg-comp-card-lst .col-sm-2 {
        display: inline-block;
    }

.dark-mode .agency_profile_right .accordion-button::after {
    content: "";
    background-image: var(--bs-accordion-btn-active-icon) !important;
    color: #fff;
}

body .tabs.pricing-tab ul#tabs-nav li.active {
    border-top: 3px solid #04927B !important;
    border-bottom: 3px solid #04927B !important;
    background: #04927B !important;
}

    body .tabs.pricing-tab ul#tabs-nav li.active a {
        color: #fff !important;
        font-weight: 700 !important;
    }

.dark-mode #RequestContainer .card-head header {
    color: #fff;
}

.dark-mode #RequestContainer ul.dropdown-menu li a {
    color: #fff;
    font-weight: normal;
}

.dark-mode #RequestContainer ul.dropdown-menu {
    background: #0e124a;
    border: 1px solid #3445a5;
}

.dark-mode #RequestContainer .request-lst {
    color: #d5cfcf !important;
}


.dark-mode #AppointmentContainer .card-head header {
    color: #fff;
}

.dark-mode #AppointmentContainer ul.dropdown-menu li a {
    color: #fff;
    font-weight: normal;
}

.dark-mode #AppointmentContainer ul.dropdown-menu {
    background: #0e124a;
    border: 1px solid #3445a5;
}

.dark-mode #AppointmentContainer .request-lst {
    color: #d5cfcf;
}




.dark-mode #RequestContainer .request-lst b {
    color: #fff !important;
}



.dark-mode #AppointmentContainer .request-lst b {
    color: #fff !important;
}

.dark-mode #RequestContainer .image-card .btn-icon-toggle::before {
    color: #fff;
}

.dark-mode #AppointmentContainer .image-card .btn-icon-toggle::before {
    color: #fff;
}

#RequestContainer .card {
    margin-bottom: 14px;
}

#AppointmentContainer .card {
    margin-bottom: 14px;
}



@media only screen and (min-width:2000px) and (max-width:4000px) {
    .request-card-list {
        width: 16%;
        max-width: 300px;
    }
}

@media only screen and (min-width:1451px) and (max-width:1800px) {
    .request-card-list {
        width: 20%;
        max-width: 300px;
    }
}

@media only screen and (min-width:1201px) and (max-width:1330px) {
    .request-card-list {
        width: 25%;
        max-width: 300px;
    }
}

@media only screen and (min-width:1331px) and (max-width:1450px) {
    .request-card-list {
        width: 20%;
        max-width: 300px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .request-card-list {
        width: 33%;
        max-width: 300px;
    }
}

@media only screen and (min-width:700px) and (max-width:991px) {
    .request-card-list {
        width: 50%;
        max-width: 300px;
    }
}

@media only screen and (min-width:320px) and (max-width:699px) {
    .request-card-list {
        width: 100%;
        max-width: 400px;
    }

    #RequestContainer .card {
        margin-bottom: 14px;
        margin-left: 11px;
        margin-right: 11px;
    }

    #AppointmentContainer .card {
        margin-bottom: 14px;
        margin-left: 11px;
        margin-right: 11px;
    }
}

.roleauthorized_::before {
    content: unset !important;
}

.roleauthorizedContainer .card-body {
    padding: 0px !important;
    padding-top: 4px !important;
}

#RequestContainer ul.dropdown-menu li {
    padding: 0px !important;
}

#AppointmentContainer ul.dropdown-menu li {
    padding: 0px !important;
}



#RequestContainer ul.dropdown-menu li a {
    color: #191C25;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#AppointmentContainer ul.dropdown-menu li a {
    color: #191C25;
    font-family: "Roboto";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


h2#flush-headingOneSINGAPORE .accordion-button::after {
    content: unset;
}

#RequestContainer .request-lst {
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 4px;
    color: #7A7A7A;
    font-family: "Roboto" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#RequestContainer .scroll {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
}

/*#RequestContainer .request-lst b {
    color: #191C25;
    font-family: 'Roboto';
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    margin-top: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-break: anywhere;
}*/

#RequestContainer .card-head {
    display: flex;
    border-bottom: 1px solid #E8E8E8;
    justify-content: space-between;
    align-items: center;
}

    #RequestContainer .card-head header {
        color: #272E38;
        font-family: 'Roboto';
        font-weight: 800;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 133.333% */
    }

    #RequestContainer .card-head .tools .btn-group {
        margin-right: 20px;
    }

#RequestContainer .image-card .btn-icon-toggle::before {
    content: "\f141";
    font-family: 'FontAwesome';
    z-index: 9999;
    position: relative;
    top: 2px;
    color: rgb(8 12 70);
}

#RequestContainer .image-card .btn-icon-toggle::after {
    content: unset !important;
}




#AppointmentContainer .request-lst {
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 5px;
    color: #7A7A7A;
    font-family: "Roboto" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#AppointmentContainer .scroll {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.request-card-list .card-body {
    padding: 6px !important;
    cursor: pointer;
}

#AppointmentContainer .request-lst b {
    color: #191C25;
    font-family: 'Roboto' !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 2px;
    /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;*/
    white-space: nowrap;
    min-width: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px
}

#AppointmentContainer .card-head {
    display: flex;
    border-bottom: 1px solid #E8E8E8;
    justify-content: space-between;
    align-items: center;
}

    #AppointmentContainer .card-head header {
        color: #272E38;
        font-family: 'Roboto';
        font-weight: 800;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 133.333% */
    }

    #AppointmentContainer .card-head .tools .btn-group {
        margin-right: 20px;
    }

#AppointmentContainer .image-card .btn-icon-toggle::before {
    content: "\f141";
    font-family: 'FontAwesome';
    z-index: 9999;
    position: relative;
    top: 2px;
    color: rgb(8 12 70);
}

#AppointmentContainer .image-card .btn-icon-toggle::after {
    content: unset !important;
}





.dark-mode .chat-mail .chat-message.right-content .message-content .content {
    color: #fff;
}

.price-table .table-responsive {
    overflow-x: auto !important;
}

@media only screen and (min-width:320px) and (max-width:686px) {
    body .dataTables_wrapper .add-row-btn {
        width: auto !important;
        min-width: max-content !important;
        max-width: auto !important;
    }
}

@media only screen and (min-width:320px) and (max-width:991px) {
    body #tblCurrency_wrapper.dataTables_wrapper table thead th:first-child, body #tblCurrency_wrapper.dataTables_wrapper table tbody tr td:first-child {
        max-width: 170px !important;
        min-width: 170px !important;
        width: 170px !important;
        box-sizing: border-box;
    }

    body #tblShipClass_wrapper.dataTables_wrapper table thead th:first-child, body #tblShipClass_wrapper.dataTables_wrapper table tbody tr td:first-child {
        max-width: 170px !important;
        min-width: 170px !important;
        width: 170px !important;
        box-sizing: border-box;
    }

    body #tblAgencyType_wrapper.dataTables_wrapper table thead th:first-child, body #tblAgencyType_wrapper.dataTables_wrapper table tbody tr td:first-child,
    body #tblShipType_wrapper.dataTables_wrapper table thead th:first-child, body #tblShipType_wrapper.dataTables_wrapper table tbody tr td:first-child {
        max-width: 170px !important;
        min-width: 170px !important;
        width: 170px !important;
        box-sizing: border-box;
    }
}

.serviceareaContainer .servicearea select:disabled {
    opacity: 0
}

.tabs.pricing-tab ul#tabs-nav li a svg path {
    fill: #fff;
}

.dark-mode span.select2 .select2-selection span {
    color: #fff !important;
}

@media only screen and (min-width:320px) and (max-width:979px) {
    #servicesContainerparents_l .pricing-tab ul li a.agency {
        white-space: nowrap;
    }
}

@media only screen and (min-width:575px) and (max-width:945px) {
    .contactContainer .contact .mobile_craftmyapp_container {
        width: 50%;
    }
}


.ship-detail-wrap .ship-detail .file-upload {
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    min-height: 45px !important;
    line-height: 35px;
}

@media only screen and (min-width:320px) and (max-width:530px) {
    .husb_lst {
        margin-left: auto !important;
        margin-right: auto !important;
    }

        .husb_lst::after {
            width: 0px !important;
        }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .agency_profile_content .agency_profile_dta .accordion .accordion-body ul.port li {
        width: 33.3%;
        max-width: 100%;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .agency_profile_content .agency_profile_dta .accordion .accordion-body ul.port li {
        width: 50%;
        max-width: 100%;
    }
}

.agency_profile_content .agency_profile_dta .accordion .accordion-body ul.port li {
    width: 20%;
    max-width: 100%;
}

.agency_list_section ul li span:last-child {
    color: #000;
    font-weight: 500;
}

.husb_lst {
    overflow: auto !important;
    height: 190px;
    margin-right: 16px;
}

    .husb_lst::-webkit-scrollbar {
        width: 3px;
    }

    .husb_lst::after {
        content: "";
        width: 1px;
        position: absolute;
        height: 100%;
        background: #0b0437 !important;
        right: 1px;
        top: 0px;
    }

.husb_lst {
    position: relative;
}

@media only screen and (min-width:768px) and (max-width:1365px) {
    div#tbltenant_wrapper .dataTables__top {
        align-items: center;
    }
}

.modal-content.ship-detail-wrap-main .select2-hidden-accessible {
    display: block !important;
    position: relative !important;
    z-index: 99;
    width: 100% !important;
    border-radius: 5px;
    border: 1px solid #E8E8E8 !important;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    min-height: 47px !important;
    width: 100% !important;
    padding: 1px 18px !important;
    margin-bottom: 7px !important;
}

.modal-content.ship-detail-wrap-main span.select2 {
    display: none;
}

.dark-mode .mapInvoice .chat-body-left table.dataTable tbody tr.even td {
    background: #0b0437 !important;
}

.price-table .main-tlt .th-tlt {
    display: flex;
    align-items: center;
}

#large .dataTables__bottom.pricing-datatables .dataTables_paginate {
    font-size: 14px;
}

#medium .dataTables__bottom.pricing-datatables .dataTables_paginate {
    font-size: 13px;
}

#small .dataTables__bottom.pricing-datatables .dataTables_paginate {
    font-size: 12px;
}

#large .dataTables__bottom.pricing-datatables .dataTables_info {
    font-size: 14px;
}

#medium .dataTables__bottom.pricing-datatables .dataTables_info {
    font-size: 13px;
}

#small .dataTables__bottom.pricing-datatables .dataTables_info {
    font-size: 12px;
}

.tabs.pricing-tab ul#tabs-nav li {
    border-bottom: 1px solid #453f93 !important;
}

    .tabs.pricing-tab ul#tabs-nav li:hover, .tabs.pricing-tab ul#tabs-nav li.active {
        border-bottom: 1px solid #453f93 !important;
    }

.bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs, .bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs i {
    color: #fff;
    font-weight: bold;
}

.bread_crumbs_main.bread_crumbs_sidebar {
    /* background: #089485;*/
    background: linear-gradient(to right, #251f70 30%,#05a087 100%) !important;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
}

.dark-mode .bread_crumbs_main.bread_crumbs_sidebar {
    background: #141D64 !important;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
}

    .dark-mode .bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs, .dark-mode .bread_crumbs_main.bread_crumbs_sidebar .bread_crumbs i {
        color: #fff;
        font-weight: bold;
    }

.dark-mode #servicesContainerparents_l .pricing-tab ul#tabs-nav {
    background: linear-gradient(to bottom, #0e124a 60%, #0e124a 100%);
}


.dark-mode .price-sticky {
    max-width: 90px;
    width: 90px;
    background: linear-gradient(to bottom, #0e124a 60%, #0e124a 100%) !important;
    box-shadow: 2px 0px 8px rgb(58 78 182 / 50%) !important;
    z-index: 99;
    background-attachment: fixed;
}

.dark-mode .pricing-tab ul#tabs-nav {
    background: linear-gradient(to bottom, #0e124a 60%, #0e124a 100%);
}

.dark-mode .dataTables__bottom.pricing-datatables {
    background: #0b0437;
}

    .dark-mode .dataTables__bottom.pricing-datatables .dataTables_info {
        color: #fff !important;
    }

    .dark-mode .dataTables__bottom.pricing-datatables .dataTables_paginate {
        color: #fff !important;
    }

        .dark-mode .dataTables__bottom.pricing-datatables .dataTables_paginate input, .dark-mode .dataTables__bottom.pricing-datatables .dataTables_paginate select {
            border: 1px solid #3a4eb6;
            color: #fff !important;
            background: #0b0435;
        }

#servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li a, .tabs.pricing-tab ul#tabs-nav li a {
    color: #fff !important;
}

#servicesContainerparents_l .pricing-tab ul#tabs-nav, .pricing-tab ul#tabs-nav {
    min-width: 90px;
    width: 90px !important;
    background: transparent;
    position: sticky;
    /* top: 64px;*/
    top: 117px;
    height: fit-content;
}

.price-sticky {
    max-width: 90px;
    width: 90px;
    /*background: linear-gradient(to bottom, #251f70 40%, #05a087 100%);*/
    background: #fff;
    background-attachment: fixed;
}


#servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li:hover, .tabs.pricing-tab ul#tabs-nav li:hover, #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li.active, .tabs.pricing-tab ul#tabs-nav li.active {
    background: transparent !important;
}

body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li.active {
    background: #04927B !important
}

#servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li:hover a, .tabs.pricing-tab ul#tabs-nav li:hover a, #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li.active a, .tabs.pricing-tab ul#tabs-nav li.active a {
    color: #ff8100 !important;
    /* font-weight: bold;*/
}

.dark-mode #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li:hover a, .dark-mode .tabs.pricing-tab ul#tabs-nav li:hover a {
    color: #ff8100 !important;
    /* font-weight: bold;*/
}

html body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav li.active a {
    color: #fff !important;
}

.dataTables__bottom.pricing-datatables {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    background: #F8FAFF;
    border-radius: 5px;
    padding: 16px;
    align-items: center;
    position: unset !important;
}

    .dataTables__bottom.pricing-datatables .dataTables_info {
        color: #4F5356 !important;
        font-size: 15px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .dataTables__bottom.pricing-datatables .dataTables_paginate {
        color: #4F5356 !important;
        font-size: 15px;
    }

        .dataTables__bottom.pricing-datatables .dataTables_paginate button {
            background: transparent !important;
        }

        .dataTables__bottom.pricing-datatables .dataTables_paginate input, .dataTables__bottom.pricing-datatables .dataTables_paginate select {
            margin-left: 7px;
            border: 1px solid #dde1ed;
            border-radius: 4px;
            text-align: center !important;
            padding: 3px;
            justify-content: center;
            color: #4F5356 !important;
        }

.table-responsive {
    height: auto !important;
}

.dataTables_wrapper .dataTables__top .dataTables_buttons .input-group input {
    height: 45px !important;
}

.priceContainer .activity_craftmyapp_container .select2 {
    display: flex;
}

    .priceContainer .activity_craftmyapp_container .select2 .selection {
        width: 100% !important;
    }

.addonsContainer .activity_craftmyapp_container .select2 {
    display: flex;
}

    .addonsContainer .activity_craftmyapp_container .select2 .selection {
        width: 100% !important;
    }

.dataTables__top .datacard {
    display: flex;
}
/*file-upload*/
.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

    .file-upload .file-select {
        display: block;
        border: 2px solid #dce4ec;
        color: #34495e;
        cursor: pointer;
        height: 44px;
        line-height: 40px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        font-size: 16px;
        position: relative;
    }

        .file-upload .file-select .file-select-button {
            background: #dce4ec;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
        }

        .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px;
        }

        .file-upload .file-select:hover {
            border-color: #34495e;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

            .file-upload .file-select:hover .file-select-button {
                background: #34495e;
                color: #FFFFFF;
                transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
            }

    .file-upload.active .file-select {
        border-color: #3fa46a;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

        .file-upload.active .file-select .file-select-button {
            background: #3fa46a;
            color: #FFFFFF;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

    .file-upload .file-select input[type=file] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload .file-select.file-select-disabled {
        opacity: 0.65;
    }

        .file-upload .file-select.file-select-disabled:hover {
            cursor: default;
            display: block;
            border: 2px solid #dce4ec;
            color: #34495e;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            margin-top: 5px;
            text-align: left;
            background: #FFFFFF;
            overflow: hidden;
            position: relative;
        }

            .file-upload .file-select.file-select-disabled:hover .file-select-button {
                background: #dce4ec;
                color: #666666;
                padding: 0 10px;
                display: inline-block;
                height: 40px;
                line-height: 40px;
            }

            .file-upload .file-select.file-select-disabled:hover .file-select-name {
                line-height: 40px;
                display: inline-block;
                padding: 0 10px;
            }

#exampleModal_shipupload .card-body.ship-detail .form-group.download-ship-poup label {
    display: none;
}

#exampleModal_shipupload .card-body.ship-detail .form-group.download-ship-poup button {
    width: 50%;
    border-radius: 5px;
    border: 1px solid #039F7A;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    color: #272E38;
    font-family: Roboto;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 200% */
    letter-spacing: 0.28px;
    text-transform: capitalize;
    margin-top: 7px;
}

.modal-body.ship-detail-wrap .card {
    border: 0px !important;
    box-shadow: unset !important;
}

.ship-detail-wrap-main .modal-footer {
    border-top: 0px !important;
}

    .ship-detail-wrap-main .modal-footer #btnclear {
        border-radius: 5px;
        border: 1px solid #DBDBDB;
        background: #FFF;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.13);
        color: #7A7A7A;
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
    }

.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

    .file-upload .file-select {
        display: block;
        border: 2px solid #dce4ec;
        color: #34495e;
        cursor: pointer;
        height: 44px;
        line-height: 40px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        font-size: 16px;
        position: relative;
    }

        .file-upload .file-select .file-select-button {
            background: #dce4ec;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
        }

        .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px;
        }

        .file-upload .file-select:hover {
            border-color: #34495e;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

            .file-upload .file-select:hover .file-select-button {
                background: #34495e;
                color: #FFFFFF;
                transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
            }

    .file-upload.active .file-select {
        border-color: #3fa46a;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

        .file-upload.active .file-select .file-select-button {
            background: #3fa46a;
            color: #FFFFFF;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

    .file-upload .file-select input[type=file] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload .file-select.file-select-disabled {
        opacity: 0.65;
    }

        .file-upload .file-select.file-select-disabled:hover {
            cursor: default;
            display: block;
            border: 2px solid #dce4ec;
            color: #34495e;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            margin-top: 5px;
            text-align: left;
            background: #FFFFFF;
            overflow: hidden;
            position: relative;
        }

            .file-upload .file-select.file-select-disabled:hover .file-select-button {
                background: #dce4ec;
                color: #666666;
                padding: 0 10px;
                display: inline-block;
                height: 40px;
                line-height: 40px;
            }

            .file-upload .file-select.file-select-disabled:hover .file-select-name {
                line-height: 40px;
                display: inline-block;
                padding: 0 10px;
            }

#exampleModal_shipupload .card-body.ship-detail .form-group.download-ship-poup label {
    display: none;
}

#exampleModal_shipupload .card-body.ship-detail .form-group.download-ship-poup button {
    width: 50%;
    border-radius: 5px;
    border: 1px solid #039F7A;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    color: #272E38;
    font-family: Roboto;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 200% */
    letter-spacing: 0.28px;
    text-transform: capitalize;
    margin-top: 7px;
}

.ship-detail-wrap-main .modal-footer #btnclear {
    border-radius: 5px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.13);
    color: #7A7A7A;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 175% */
}

.ship-detail-wrap-main .modal-footer button#shipupload_btn_submit {
    border-radius: 5px;
    background: #080C46;
    backdrop-filter: blur(5px);
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 175% */
    letter-spacing: 0.32px;
    text-transform: capitalize;
}

.ship-detail-wrap-main .modal-header h5 {
    font-family: 'Roboto';
}
/*file-upload*/
#large .file-upload .file-select {
    font-size: 15.5px;
}

#large #exampleModal_shipupload .card-body.ship-detail .form-group.download-ship-poup button {
    font-size: 15.5px !important;
}

#large #exampleModal .card-body.ship-detail .form-group.download-ship-poup button {
    font-size: 15.5px !important;
}

#large .ship-detail-wrap-main .modal-footer #btnclear {
    font-size: 15.5px;
}

#large .ship-detail-wrap-main .modal-footer button#shipupload_btn_submit {
    font-size: 15.5px;
}

#medium .file-upload .file-select {
    font-size: 14px;
}

#medium #exampleModal_shipupload .card-body.ship-detail .form-group.download-ship-poup button {
    font-size: 14px !important;
}

#medium #exampleModal .card-body.ship-detail .form-group.download-ship-poup button {
    font-size: 14px !important;
}

#medium .ship-detail-wrap-main .modal-footer #btnclear {
    font-size: 14px !important;
}

#medium .ship-detail-wrap-main .modal-footer button#shipupload_btn_submit {
    font-size: 14px;
}

#small .file-upload .file-select {
    font-size: 13px;
}

#small #exampleModal_shipupload .card-body.ship-detail .form-group.download-ship-poup button {
    font-size: 13px !important;
}

#small #exampleModal .card-body.ship-detail .form-group.download-ship-poup button {
    font-size: 13px !important;
}

#small .ship-detail-wrap-main .modal-footer #btnclear {
    font-size: 13px;
}

#small .ship-detail-wrap-main .modal-footer button#shipupload_btn_submit {
    font-size: 13px;
}

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

.actiondisplayname_craftmyapp_container {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.card-body .roleauthorized_::before {
    top: 0px !important;
}

.authorized_craftmyapp_container {
    padding-top: 0px !important;
}

    .authorized_craftmyapp_container .form-group label input[type="checkbox"] {
        position: relative;
        top: 10px;
    }

@media only screen and (min-width:320px) and (max-width:686px) {
    #tblAgencyPricing_wrapper .dataTables_buttons.actions {
        width: 100% !important;
        max-width: 100% !important;
    }

        #tblAgencyPricing_wrapper .dataTables_buttons.actions .cma_add_button {
            width: 100% !important;
            max-width: max-content !important;
        }
}

@media only screen and (min-width:320px) and (max-width:1365px) {
    #tblShip_wrapper .dataTables_buttons {
        /*width: 512px;*/
        /*margin-right: 65px;*/
        max-width: 100%;
    }
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
}

.dataTables_scrollHead::-webkit-scrollbar {
    width: 4px;
}


.dataTables_scrollBody {
    min-height: 300px;
    height: 55vh;
}

. /*dataTables_scroll {
    height: 70vh !important;
    overflow: auto;
}

.dataTables_scroll::-webkit-scrollbar {
    width: 5px;
}*/
.dark-mode .chat-body-left table.dataTable tbody tr.even td {
    background: #0B0437 !important;
}

.dark-mode .common-upload-btn svg path {
    stroke: #0b1340 !important;
}

.common-upload-btn svg path {
    stroke: #fff !important;
}

.modal-dialog.modal-dialog-centered.modal-right {
    margin-right: inherit !important;
    margin-top: 0;
    min-height: auto;
}

.modal-content.ship-detail-wrap-main {
    width: 100% !important;
}

.contactContainer .contact {
    width: 100% !important;
}

    .contactContainer .contact .contact {
        display: flex;
    }

    .contactContainer .contact .delete-btn {
        top: 0px !important;
        position: relative !important;
        justify-content: center !important;
    }

    .contactContainer .contact .contact {
        padding: 0px !important;
        margin: 0px !important;
    }

        .contactContainer .contact .contact .delete-btn {
            right: 0px !important;
            position: relative !important;
            text-align: center !important;
            align-items: center !important;
            display: flex !important;
            justify-content: center !important;
        }

        .contactContainer .contact .contact:before {
            content: inherit !important;
        }

    .contactContainer .contact:before {
        content: inherit !important;
    }

.common-upload-btn {
    width: auto !important;
}

.certificationsContainer .validtill_craftmyapp_container {
    width: 134px !important;
    max-width: 100% !important;
}

.certificationsContainer .col-sm-1 {
    width: 20px;
}

.ports_craftmyapp_container .SumoSelect > .CaptionCont > label > i::before {
    color: #000 !important;
    background-color: transparent !important;
}

.ports_craftmyapp_container .SumoSelect.disabled {
    opacity: 1;
}

.ports_craftmyapp_container .SumoSelect > .CaptionCont > label > i {
    background: url('https://devuser.craftmyapp.in/BlueLink/Admin/assets/images/landing/dropdown.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.cargooperation_craftmyapp_container .SumoSelect > .CaptionCont > label > i {
    background: url('https://devuser.craftmyapp.in/BlueLink/Admin/assets/images/landing/dropdown.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.dark-mode .cargooperation_craftmyapp_container .SumoSelect > .CaptionCont > label > i {
    background: url('https://devuser.craftmyapp.in/BlueLink/Admin/assets/images/landing/dropdownhover.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}


/*ship popup*/
@media only screen and (min-width:320px) and (max-width:767px) {
    .dataTables_wrapper .input-group.prefix {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.dark-mode #exampleModal_shipupload .card-body.ship-detail .form-group input {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

.dark-mode .card-body.ship-detail {
    background: #0B0437 !important;
    border: 1px solid #3A4EB6 !important;
    color: #ffffff;
}

.dark-mode .modal-content.ship-detail-wrap-main .modal-header, .dark-mode .modal-content.ship-detail-wrap-main .modal-footer {
    background: #0b0437 !important;
}

    .dark-mode .modal-content.ship-detail-wrap-main .modal-header h5 {
        color: #fff !important;
    }

    .dark-mode .modal-content.ship-detail-wrap-main .modal-header button {
        color: #fff;
    }

.dark-mode .modal-content.ship-detail-wrap-main {
    border: 1px solid #3a4eb6;
}

.price-table table tbody td table tbody td ul li a.read_more {
    color: #039F7A;
    font-family: Roboto;
    font-style: normal;
}

#exampleModal_shipupload .modal-content.ship-detail-wrap-main {
    /* margin-top: auto;*/
    margin-right: 1vw;
}

.dataTables__bottom {
    position: relative;
    margin-top: -15px;
    z-index: 999;
}
/*.dataTables_scroll table thead tr > th:last-child {
    right: 6px !important;
}*/
.ship-detail-wrap-main .modal-header {
    background: #F0F4FF;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inherit !important;
    border: 0px !important;
}

div#exampleModal_shipupload .modal-footer .add-btn {
    background: #080C46;
    backdrop-filter: blur(5px);
    border-radius: 5px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #FFFFFF;
}

#exampleModal_shipupload .card-body.ship-detail .form-group {
    width: 100%;
}

    #exampleModal_shipupload .card-body.ship-detail .form-group input {
        border-radius: 5px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
        width: 98%;
        padding: 9px;
        margin: 0;
    }

    #exampleModal_shipupload .card-body.ship-detail .form-group label {
        margin-bottom: 8px;
    }

    #exampleModal_shipupload .card-body.ship-detail .form-group button {
        width: 98%;
    }

.card-body.ship-detail {
    background: #fff !important;
    box-shadow: unset !important;
    padding: 9px !important;
    box-sizing: border-box;
    border: 0px !important;
}

    .card-body.ship-detail .form-group, .ship-detail .select2-container .selection {
        width: 47%;
        float: left;
        margin-bottom: 7px !important;
        margin: 0px 3px;
    }

    .card-body.ship-detail .form-control {
        border-radius: 5px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
        min-height: 46px !important;
    }

    .card-body.ship-detail .select2-container .select2-selection--single {
        border-radius: 5px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
        min-height: 46px !important;
        width: 100% !important;
    }

.ship-detail .select2-container .selection {
    width: 98% !important;
}

.card-body.ship-detail .select2-container--default .select2-selection--single {
}

.card-body.ship-detail .form-group .form-group {
    width: 100%;
}

.modal-body.ship-detail-wrap {
    padding: 1px;
}

div#exampleModal .ship-detail-wrap-main .modal-header {
    border-radius: 5px 5px 0px 0px;
    background: #F0F4FF;
    border: 0px !important;
    box-shadow: inherit !important;
}

.modal-content.ship-detail-wrap-main {
    border: 1px solid #edeaea;
    margin-top: 58%;
}

.card-body.ship-detail .tenantSection .form-group {
    padding-right: 1px !important;
}

.ship-detail-wrap-main .modal-footer {
    background: #fff !important;
}

div#exampleModal .modal-footer #btnclear {
    font-family: 'Roboto' !important;
    font-weight: normal !important;
}
/*ship popup*/
.main-content-chat .chat-input .emoticon-container {
    width: 100%;
    background: white;
    height: fit-content;
    border: unset;
    position: absolute;
    right: 0;
    bottom: 100%;
    padding: 5px 7px;
    line-height: 20px;
    border-radius: 20px 20px 0 0;
}

.main-content-chat.chat-mail .chat-input textarea {
    background: #fff;
    border: 0px;
    height: 35px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #6C6C6C;
    margin-left: 25px;
    margin-top: 12px;
    padding-top: 4px;
}

.main-content-chat .chat-input textarea {
    width: 100%;
    border: none;
    height: 50px;
    border-radius: 0;
    border-top: 1px solid #eee;
    background: #f2f2f2;
    margin-top: auto;
    text-indent: 10px;
}

.chat-message .message-content {
    background: #f5f5f5;
    padding: 3px 8px;
    border: 1px solid #777;
    border-radius: 8px;
    color: #777;
    min-width: 220px;
    max-width: 500px;
}

.main-content-chat .chat-body::-webkit-scrollbar {
    width: 6px;
}

.chat-mail .chat-box-left .table-responsive::-webkit-scrollbar {
    width: 6px;
}

.chat-message.ismine {
    flex-direction: row-reverse;
    padding-right: 16px !important;
}

.chat-message.isother {
    padding-left: 10px !important;
}


#btnFilter {
    background: #ff8100 !important;
    color: white;
    float: right;
}

#large .agency_profile_dta .certificate .certificate-list h3 {
    font-size: 16.5px;
}

#large .agency_profile_dta .address h3 {
    font-size: 15.5px;
}

#medium .agency_profile_dta .certificate .certificate-list h3 {
    font-size: 15px;
}

#medium .agency_profile_dta .address h3 {
    font-size: 14px;
}

#small .agency_profile_dta .certificate .certificate-list h3 {
    font-size: 14px;
}

#small .agency_profile_dta .address h3 {
    font-size: 13px;
}




.dark-mode .agency_profile_dta .certificate {
    border: 1px solid #039f7a;
    background: #172270;
}

    .dark-mode .agency_profile_dta .certificate .certificate-list h3 {
        color: #fff;
    }

.dark-mode .agency_profile_dta .address {
    border: 1px solid #039f7a;
    background: #172270;
}

    .dark-mode .agency_profile_dta .address h3 {
        color: #fff;
    }

.agency_profile_dta #accordionFlushExample_service .accordion-item h2 svg {
    margin-right: 11px;
}

.husb_lst_wrap {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
}

.husb_lst {
    display: flex;
    flex-direction: column;
    /*  border-right: 1px solid #E0E0E0;*/
    min-height: 115px;
    margin-bottom: 15px;
    width: 220px;
    max-width: 100%;
}

.husb_lst_wrap .husb_lst:last-child {
    border-right: 0px;
}

.husb_lst ul {
    display: flex !important;
    flex-direction: column;
}

    .husb_lst ul li {
        background: transparent !important;
        padding-left: 0px !important;
    }

        .husb_lst ul li h3, .husb_main h3 {
            color: #039F7A;
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 10px;
        }

    .husb_lst ul li {
        color: #646161;
        font-family: Roboto;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        padding-bottom: 6px;
    }

        .husb_lst ul li:last-child {
            padding-bottom: 0px;
        }

.husb_lst:last-child ul {
    border-right: 0px;
}


.agency_profile_dta .address {
    border-radius: 5px;
    border: 1px solid #F1ECEC;
    background: #FFF;
    padding: 16px 18px;
}

    .agency_profile_dta .address h3 {
        color: #191C25;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 10px;
    }

    .agency_profile_dta .address p {
        color: #828689;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        margin-bottom: 0px;
        width: 200px;
        max-width: 100%;
    }

.agency_profile_dta .certificate {
    border-radius: 5px;
    border: 1px solid #F1ECEC;
    background: #FFF;
    padding: 10px 8px;
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
}

    /* .agency_profile_dta .certificate img{
        object-fit: contain;
        justify-content: flex-start;
        align-items: flex-start;
        border-radius: 5px;
        background: #F9F9F9;
        padding: 10px 8px;
        width: 62px;
        max-width: 100%;
    }*/

    .agency_profile_dta .certificate .certificate-list {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
    }

        .agency_profile_dta .certificate .certificate-list h3 {
            color: #191C25;
            font-family: Roboto;
            font-size: 17px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 4px;
        }

        .agency_profile_dta .certificate .certificate-list p {
            color: #646161;
            font-family: Roboto;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 7px;
        }

        .agency_profile_dta .certificate .certificate-list a {
            color: #039F7A;
            font-family: Roboto;
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

    .agency_profile_dta .certificate svg {
        width: 62px;
        max-width: 33px !important;
    }

#large .add_detail_left {
    font-size: 14.5px;
}

#large .contact_right a {
    font-size: 13.5px;
}

#large .agency_profile_content .agency_profile_dta p {
    font-size: 14.5px;
}

#large .add_detail_right {
    font-size: 14.5px;
}

#large .agency_profile_head h4 {
    font-size: 17.5px;
}

#large .agency_profile_topsection h3 {
    font-size: 19.5px;
}

#large .agency_profile_topsection span {
    font-size: 14.5px;
}

#large .agency_list_section ul li span {
    font-size: 14.5px;
}

#large .agency_list_section ul li label {
    font-size: 15.5px;
}

#large .contact_left h3 {
    font-size: 15.5px;
}

#large .contact_left h5 {
    font-size: 13.5px;
}

#large .contact_bottom_lst ul li span {
    font-size: 15.5px;
}

#large .agency_profile_content .agency_profile_dta .accordion h2 button {
    font-size: 15.5px;
}

    #large .agency_profile_content .agency_profile_dta .accordion h2 button a {
        font-size: 14.5px;
    }

#large .agency_profile_content .agency_profile_dta .accordion .accordion-body ul li {
    font-size: 14.5px;
}

#medium .contact_right a {
    font-size: 12px;
}

#medium .add_detail_left {
    font-size: 13px;
}

#medium .agency_profile_content .agency_profile_dta p {
    font-size: 14px;
}

#medium .add_detail_right {
    font-size: 13px;
}

#medium .agency_profile_head h4 {
    font-size: 15px;
}

#medium .agency_profile_topsection h3 {
    font-size: 16px;
}

#medium .agency_profile_topsection span {
    font-size: 13px;
}

#medium .agency_list_section ul li span {
    font-size: 13px;
}

#medium .agency_list_section ul li label {
    font-size: 14px;
}

#medium .contact_left h3 {
    font-size: 14px;
}

#medium .contact_left h5 {
    font-size: 12px;
}

#medium .contact_bottom_lst ul li span {
    font-size: 14px;
}

#medium .agency_profile_content .agency_profile_dta .accordion h2 button {
    font-size: 14px;
}

    #medium .agency_profile_content .agency_profile_dta .accordion h2 button a {
        font-size: 13px;
    }

#medium .agency_profile_content .agency_profile_dta .accordion .accordion-body ul li {
    font-size: 13px;
}

#small .contact_right a {
    font-size: 11px;
}

#small .add_detail_left {
    font-size: 12px;
}

#small .agency_profile_content .agency_profile_dta p {
    font-size: 13px;
}

#small .add_detail_right {
    font-size: 11px;
}

#small .agency_profile_head h4 {
    font-size: 14px;
}

#small .agency_profile_topsection h3 {
    font-size: 15px;
}

#small .agency_profile_topsection span {
    font-size: 12px;
}

#small .agency_list_section ul li span {
    font-size: 12px;
}

#small .agency_list_section ul li label {
    font-size: 13px;
}

#small .contact_left h3 {
    font-size: 13px;
}

#small .contact_left h5 {
    font-size: 11px;
}

#small .contact_bottom_lst ul li span {
    font-size: 13px;
}

#small .agency_profile_content .agency_profile_dta .accordion h2 button {
    font-size: 13px;
}

    #small .agency_profile_content .agency_profile_dta .accordion h2 button a {
        font-size: 12px;
    }

#small .agency_profile_content .agency_profile_dta .accordion .accordion-body ul li {
    font-size: 12px;
}

@media only screen and (min-width:320px) and (max-width:1199px) {
    .agency_profile_content .agency_profile_dta .accordion .accordion-body ul li {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:1023px) and (max-width:1199px) {
    .add_phone {
        flex-direction: column;
    }

    .add_detail {
        margin-bottom: 12px;
    }

    .contact_left h3 {
        font-size: 14px !important;
    }

    .contact_bottom_lst ul li span {
        font-size: 13px !important;
    }

    .contact_left h5 {
        font-size: 11px;
    }
}

@media only screen and (min-width:970px) and (max-width:1022px) {
    .add_phone {
        flex-direction: column;
    }

    .add_detail {
        margin-bottom: 12px;
    }

    .agency_profile_content .agency_profile_dta .col-md-4 {
        padding-right: 0px !important;
    }

    .contact_left h3 {
        font-size: 14px !important;
    }

    .contact_bottom_lst ul li span {
        font-size: 13px !important;
    }

    .contact_left h5 {
        font-size: 11px;
    }
}

@media only screen and (min-width:320px) and (max-width:969px) {
    .add_phone {
        flex-direction: column;
    }

    .add_detail {
        margin-bottom: 12px;
    }

    .agency-profile-wrap > .row > div {
        width: 100%;
        max-width: 100%;
    }
}
/*agency profile*/
.dark-mode .agency_profile_content .agency_profile_dta p a {
    color: #fff !important;
}

.dark-mode .agency_profile_leftside {
    border: 1px solid #3A4EB6 !important;
    background: #0b0437 !important;
}

.dark-mode .agency_profile_right {
    border: 1px solid #3A4EB6 !important;
    background: #0b0437 !important;
}

.dark-mode .agency_profile_topsection h3 {
    color: #fff;
}

.dark-mode .agency_profile_topsection span {
    color: #f5f5f5;
}

.dark-mode .agency_list_section ul li label {
    color: #fff;
}

.dark-mode .agency_list_section ul li span {
    color: #e1dbdb;
}

.dark-mode .agency_profile_head h4 {
    color: #fff;
}

.dark-mode .agency_profile_content .agency_profile_dta p {
    color: #f2f2f2;
}

.dark-mode .contact_lst {
    border: 1px solid #039f7a;
    background: #172270;
}

.dark-mode .contact_top_lst {
    border-bottom: 1px solid #039f7a;
}

.dark-mode .contact_left h3 {
    color: #fff;
}

.dark-mode .contact_left h5 {
    color: #fff;
    font-family: Roboto;
}

.dark-mode .contact_bottom_lst ul li span {
    color: #fff;
}

.dark-mode .add_phone {
    border: 1px solid #0d8d79;
    background: #172270;
}

.dark-mode .agency_profile_dta .accordion {
    --bs-accordion-bg: #172270 !important;
    border: 1px solid #039f7a;
    border-radius: 5px;
}

.dark-mode .add_detail_left {
    color: #fff;
}

.dark-mode .add_detail_right {
    color: #f2f2f2;
}

.dark-mode .contact_right a {
    background: rgb(3 159 122 / 70%);
    color: #fff !important;
}

.dark-mode .agency_profile_content .agency_profile_dta .accordion h2 button {
    color: #fff !important;
}

.dark-mode .agency_profile_content .agency_profile_dta .accordion .accordion-body {
    background: #0b0437;
}

    .dark-mode .agency_profile_content .agency_profile_dta .accordion .accordion-body ul li {
        color: #fff;
    }

.dark-mode .agency_profile_content .agency_profile_dta .accordion h2 button.active {
    background: #121e72;
}

.dark-mode .agency_profile_content .agency_profile_dta .accordion-button:not(.collapsed) {
    background: #172270 !important;
}

.dark-mode .agency_profile_content .agency_profile_dta .accordion h2 button a {
    background: rgb(185 243 229 / 10%) !important;
}

.agency_profile_leftside {
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
    padding: 20px;
}

.agency-profile-wrap {
    padding: 14px;
}

.agency_profile_topsection {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0px 30px;
}

    .agency_profile_topsection h3 {
        color: #272E38;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 120% */
        padding-top: 10px;
        margin-bottom: 6px;
    }

    .agency_profile_topsection span {
        color: #646161;
        font-family: 'Roboto';
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.agency_list_section ul li {
    display: flex;
    flex-direction: column;
    padding-bottom: 22px;
    width: 100%;
    text-align: left !important;
}

.tabs.pricing-tab .tab-content > div.agency-profile-wrap {
    margin-top: 0px !important;
}

.contact_bottom_lst ul li {
    text-align: left !important;
}

.agency-profile-wrap {
    margin-top: 0px !important;
    padding: 0px !important;
}

.agency_list_section ul li span {
    color: #7A7A7A;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 7px;
}

.agency_list_section ul li label {
    color: #191C25;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.agency_profile_right {
    border-radius: 5px;
    border: 1px solid #EFF0F0;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
    padding: 20px;
}

.agency_profile_head {
    display: flex;
    align-items: center;
    align-self: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 13px;
}

    .agency_profile_head span {
        background: #20579B;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 9px;
    }

svg {
    /* fill: #20579B; */
}

.agency_profile_head h4 {
    color: #262E2F;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
    margin-bottom: 0px;
}

.agency_profile_content .agency_profile_dta p {
    color: #646161;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

    .agency_profile_content .agency_profile_dta p a {
        color: #646161;
        font-family: Roboto;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }

.contact_lst {
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.03);
}

.contact_top_lst {
    border-bottom: 1px solid #E8E8E8;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.contact_left {
    display: flex;
    flex-direction: column;
}

    .contact_left h3 {
        color: #191C25;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 6px;
    }

    .contact_left h5 {
        color: #646161;
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.contact_right a {
    color: #039F7A !important;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 5px;
    background: rgba(3, 159, 122, 0.10);
    padding: 6px 10px;
}

.contact_bottom_lst {
    padding: 10px 10px 16px 10px;
}

    .contact_bottom_lst ul li span {
        color: #646161;
        font-family: Roboto;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .contact_bottom_lst ul li svg {
        margin-right: 9px;
    }

    .contact_bottom_lst ul li {
        padding-top: 4px !important;
    }

.agency_profile_content {
    margin-bottom: 25px;
}

.agency_profile_content {
    margin-bottom: 25px;
}

.add_phone {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    background: #F9F9F9;
    padding: 10px;
}

.add_detail {
    display: flex;
}

.phone_detail {
    display: flex;
}

.add_detail_left {
    color: #717171;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 10px;
    border-right: 1px solid #C2C8C7;
    display: flex;
    align-items: center;
    padding-right: 9px;
}

    .add_detail_left svg {
        margin-right: 5px;
    }

.add_detail_right {
    color: #272E38;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.agency_profile_content .agency_profile_dta .accordion h2 button {
    color: #191C25 !important;
    font-family: Roboto !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

    .agency_profile_content .agency_profile_dta .accordion h2 button a {
        color: #039F7A;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        border-radius: 2px;
        background: rgba(3, 159, 122, 0.10);
        padding: 5px 10px;
        margin-left: 10px;
    }


    .agency_profile_content .agency_profile_dta .accordion h2 button.active {
        background: #f9f9f9;
    }

.agency_profile_content .agency_profile_dta .accordion .accordion-body ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .agency_profile_content .agency_profile_dta .accordion .accordion-body ul li {
        color: #262E2F;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        line-height: normal;
        width: fit-content;
        background: url('assets/images/arrow-right.png');
        background-repeat: no-repeat;
        background-position: -1%;
        padding-left: 24px;
        margin-bottom: 6px;
        text-align: left !important;
    }

.agency_profile_content .agency_profile_dta .accordion .accordion-body {
    padding-left: 15px;
    padding-right: 15px;
}
/*agency profile*/
.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #5897fb !important;
    color: #fff !important;
}

.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgb(58 78 182) !important;
    background: #0b0437 !important;
    color: #fff;
}

.agent-tlt {
    display: flex;
    align-items: center;
}
/*#parentdiv #tblusers_wrapper.dataTables_wrapper .dataTables_scrollHead table thead tr.firsttd th:first-child {
    min-width: 120px !important;
}*/
.price-table.activitytab table tbody td table.border-rgt tbody td:nth-of-type(2) {
    width: 65px;
}

.add_request_client .form-group {
    display: flex;
    align-items: flex-end;
    width: 270px;
    max-width: 100%;
    margin-top: 10px !important;
}

.add_request_client {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    width: 98%;
    margin-right: 2%;
}

    .add_request_client .form-group label {
        line-height: 35px;
        margin-right: 12px;
    }

.service_header {
    color: #262E2F;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    margin: 20px;
    justify-content: space-between;
    position: relative;
}

    .service_header button {
        background: transparent;
        border: 0px;
        margin-bottom: 8px;
        color: #111896;
        font-size: 16px;
        font-family: 'Roboto' !important;
        font-weight: 700 !important;
    }

    .service_header::after {
        position: absolute;
        content: "";
        top: 34px;
        width: 28px;
        height: 3px;
        background: #111896;
    }

@media only screen and (min-width:320px) and (max-width:686px) {
    .reg-comp-card-lst {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .bread_crumbs_main {
        top: 60px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:1365px) {
    .req-lft-wrap {
        width: 100%;
    }
}

@media only screen and (min-width:1136px) and (max-width:1210px) {


    .tabs.pricing-tab ul li {
        padding: 4px;
    }
}

@media only screen and (min-width:320px) and (max-width:1135px) {

    .add_request-list {
        width: 100%;
    }

    body .add_request-left-price {
        width: 100% !important;
    }

    .tabs.pricing-tab ul li {
        padding: 4px;
    }
}


.add-request-serv .tab-content {
    padding-top: 0px !important;
}

.add_request-list .order-summary {
    background: #fff;
    /*padding: 30px;*/
}

    .add_request-list .order-summary .table-responsive {
        border-radius: 5px;
        border: 1px solid #E2E2E2;
        position: relative;
        top: 25px;
    }

        .add_request-list .order-summary .table-responsive table tbody tr td {
            border: 0px !important;
            text-align: right;
        }

        .add_request-list .order-summary .table-responsive table thead tr th {
            width: auto;
            color: #474747;
            font-family: 'Roboto';
            font-size: 15px !important;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .add_request-list .order-summary .table-responsive table {
            table-layout: fixed;
        }

            .add_request-list .order-summary .table-responsive table tbody tr td {
                color: #494848;
                font-family: 'Roboto';
                font-size: 15px !important;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                vertical-align: middle;
            }

                .add_request-list .order-summary .table-responsive table tbody tr td i {
                    color: rgba(32, 87, 155, 1);
                    width: 20px !important;
                    margin-right: 6px;
                    position: relative;
                    top: 2px;
                }

                    .add_request-list .order-summary .table-responsive table tbody tr td i:before {
                        font-size: 20px; /* top: 24px !important; */
                    }

                .add_request-list .order-summary .table-responsive table tbody tr td.qty input {
                    border-radius: 5px;
                    border: 1px solid #D9D9D9;
                    background: #FFF;
                    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
                    height: 40px;
                    width: 100px;
                    font-family: 'Roboto';
                }

            .add_request-list .order-summary .table-responsive table thead tr th:last-child {
                text-align: right;
                padding-right: 35px;
            }

.add_request-list .request-tab ul li button {
    color: #262E2F;
    text-align: center !important;
    font-family: 'Roboto' !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.add_request-list .request-tab ul li {
    padding-bottom: 0px !important;
}

    .add_request-list .request-tab ul li button {
        color: #262E2F;
        text-align: center !important;
        font-family: 'Roboto' !important;
        ;
        font-size: 17px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.add_request-list .request-tab ul li {
    padding-bottom: 0px !important;
}

.add_req_top_sec {
    border-radius: 5px;
    border: 1px solid #1092EF;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
    padding: 6px 15px 6px 9px !important;
    display: flex;
    /*justify-content: space-around;*/
    align-items: center;
}

    .add_req_top_sec .add_req_right .add-req-txt i {
        position: relative;
        right: 9px !important;
        top: 4px;
    }

    .add_req_top_sec .add_req_left {
        padding-right: 12px;
    }

    .add_req_top_sec .add_req_right span {
        color: #7A7C8A;
        font-family: 'Roboto';
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border: 0px !important;
        /*padding-top: 10px !important;*/
    }

    .add_req_top_sec .add_req_right .add-req-txt h2 {
        overflow: hidden;
        color: #021421;
        text-overflow: ellipsis;
        font-family: 'Roboto';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        white-space: nowrap;
        width: 100%;
        margin-bottom: 0px;
    }

    .add_req_top_sec .add_req_right .add-req-txt {
        display: flex;
        width: 122px;
        justify-content: space-between;
    }

    .add_req_top_sec .add_req_left svg {
        width: 32px;
    }

.row.add-req-top-wrap {
    padding-bottom: 11px;
}

.add_req_top_sec.country {
    border: 1px solid #1092EF;
}

.add_req_top_sec.port {
    border: 1px solid #0AA04F;
}

#large .add_req_top_sec .add_req_right span {
    font-size: 14.5px;
}

#medium .add_req_top_sec .add_req_right span {
    font-size: 14px;
}

#small .add_req_top_sec .add_req_right span {
    font-size: 13px;
}

#large .add_req_top_sec .add_req_right .add-req-txt h2 {
    font-size: 15.5px;
}

#medium .add_req_top_sec .add_req_right .add-req-txt h2 {
    font-size: 14px;
}

#small .add_req_top_sec .add_req_right .add-req-txt h2 {
    font-size: 13px;
}

#large .servicelist span.subservicetitle {
    font-size: 15px;
}

#medium .servicelist span.subservicetitle {
    font-size: 14px;
}

#small .servicelist span.subservicetitle {
    font-size: 13px;
}

#large .servicelist span {
    font-size: 14.5px;
}

#medium .servicelist span {
    font-size: 13px;
}

#small .servicelist span {
    font-size: 12px;
}

#large .add_request-list .request-tab ul li button {
    font-size: 16.5px;
}

#medium .add_request-list .request-tab ul li button {
    font-size: 15px;
}

#small .add_request-list .request-tab ul li button {
    font-size: 14px;
}

#large .add_request-list .order-summary .table-responsive table thead tr th, #large .add_request-list .order-summary .table-responsive table tbody tr td {
    font-size: 15.5px;
}

#medium .add_request-list .order-summary .table-responsive table thead tr th, #medium .add_request-list .order-summary .table-responsive table tbody tr td {
    font-size: 14px;
}

#small .add_request-list .order-summary .table-responsive table thead tr th, #small .add_request-list .order-summary .table-responsive table tbody tr td {
    font-size: 13px;
}

.add_request-list .order-summary .table-responsive table tbody tr td.qty input {
    text-align: center !important;
}

.add_req_top_sec.vessel {
    border: 1px solid rgba(230, 95, 92, 1);
}

.add_req_top_sec.eta {
    border: 1px solid #BDAE1C;
}

.add-req-top-wrap > div {
    height: auto !important;
}

.add_request-list .order-summary .table-responsive table thead tr th:first-child {
    text-align: left;
    padding-left: 20px;
}

.add_request-list .order-summary .table-responsive table tbody tr td:first-child {
    text-align: left;
    padding-left: 20px;
}

.add_request-list .order-summary .table-responsive table tbody tr td:last-child {
    text-align: right;
    padding-right: 20px;
}

#large p.tlt-txt {
    font-size: 14.5px;
}

#medium p.tlt-txt {
    font-size: 13px;
}

#small p.tlt-txt {
    font-size: 12px;
}

#small table .dropdown-menu.dropdown-menu-right a {
    font-size: 13px;
}

#large .card-lst .list label {
    font-size: 15.5px;
}

#medium .card-lst .list label {
    font-size: 14px;
}

#small .card-lst .list label {
    font-size: 13px;
}

#medium table .dropdown-menu.dropdown-menu-right a {
    font-size: 14px;
}

#large table.dataTable tbody td {
    padding: 6px 8px;
}

#large table .dropdown-menu.dropdown-menu-right a {
    font-size: 13.5px;
}

@media only screen and (min-width:769px) and (max-width:1365px) {
    .dataTables_wrapper .dataTables__top .dataTables_buttons .input-group {
        width: 200px;
        max-width: 200px;
    }
}

@media only screen and (min-width:320px) and (max-width:768px) {
    .dataTables_wrapper .dataTables__top .dataTables_buttons .input-group {
        width: 145px;
        max-width: 145px;
    }
}

.dataTables_wrapper .dataTables__top .dataTables_buttons .input-group input {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-radius: 5px !important;
    width: 200px;
    max-width: 100%;
}

.tab-card .nav-tabs::after {
    background: #251f70;
}

.tab-card .nav-tabs > li.active > a, .tab-card .nav-tabs > li.active > a:focus, .tab-card .nav-tabs > li.active > a:hover {
    background: #251f70;
}

.tab-card .nav-tabs > li > a {
    line-height: 53px;
    padding-top: 6px;
}

.card.tab-card ul#myTabs .cma_fill_tab a i {
    color: #4a4a4a !important;
}

.card.tab-card ul#myTabs .cma_fill_tab.active a i {
    color: #fff !important;
}

.dark-mode .tab-card .nav-tabs::after {
    background: #3a4eb6;
}

.dark-mode .tab-card .nav-tabs > li.active > a, .dark-mode .tab-card .nav-tabs > li.active > a:focus, .dark-mode .tab-card .nav-tabs > li.active > a:hover {
    background: #3a4eb6;
}

.dark-mode .tab-card .nav-tabs > li > a {
    /* line-height: 53px;*/
    padding-top: 6px;
}

.dark-mode .card.tab-card ul#myTabs .cma_fill_tab a i {
    color: #fff !important;
}

.dark-mode .card.tab-card ul#myTabs .cma_fill_tab.active a i {
    color: #fff !important;
}

.dataTables_scroll table thead tr th.dt-center:last-child, .dataTables_scroll table tbody tr td.dt-center:last-child {
    width: 34px;
    box-sizing: border-box;
}

    .dataTables_scroll table tbody tr td.dt-center:last-child div.actions__item {
        text-align: center;
        right: 2px;
        top: 4px;
    }

.dataTables_scroll table tbody tr td.dt-center:last-child {
    padding-left: 0px !important;
    padding-right: 0px;
    width: 30px;
    box-sizing: border-box !important;
    text-align: left !important;
}

body .dataTables_wrapper table thead th:last-child {
    text-align: left !important;
    /* padding-right: 0px !important;*/
}

.price_comparison div#pills-tabContent {
    width: 100%;
}

#exampleModal_shipupload button.close {
    font-size: 29px;
    background: transparent;
    border: 0px;
}

.div_filter .isportofregistry_craftmyapp_container label {
    margin-bottom: 0px !important;
}

.dataTables_scroll table thead tr th.dt-center:last-child i {
    right: 3px;
    position: relative;
}

.dataTables_wrapper .dataTables_buttons.actions .cma_top_icon .ColVis_collection li label {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.bankaddress_craftmyapp_container textarea.form-control-lg {
    resize: both !important;
    min-height: unset !important;
    overflow: auto !important;
    max-width: 100%;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.02);
    border: 1px solid #E8E8E8;
}

.useasbillingaddress_craftmyapp_container {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

    .useasbillingaddress_craftmyapp_container label.switch {
        margin-top: 8px;
    }

button.add-row-btn {
    background: #080C46 !important;
    color: #fff !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    max-width: 100%;
    font-size: 16px;
    line-height: 28px;
    font-weight: 900;
}

.availableweekdays_craftmyapp_container .SumoSelect > .CaptionCont {
    height: 39px;
    border-radius: 5px;
    border: 1px solid #ced4da;
}

#servicesContainerparents_l .tabs.pricing-tab#tabservices_l .tab-content #exampleModal .modal-body .profile_wrap {
    height: 140px;
}

.useasbillingaddress_craftmyapp_container label {
    margin-top: 9px;
    color: #808080 !important;
    font-family: 'Roboto' !important;
    font-weight: 400 !important;
}

.dark-mode .availableweekdays_craftmyapp_container .SumoSelect > .CaptionCont {
    height: 39px;
}

.availableweekdays_craftmyapp_container .SumoSelect > .CaptionCont {
    height: 39px;
}

.dark-mode .bankaddress_craftmyapp_container textarea.form-control-lg {
    background: #0b0437;
    border: 1px solid #3a4eb6;
    color: #fff;
}

.commonContainer .nav-tabs li a i {
    padding-right: 10px;
}

.dataTables_wrapper .add-row-btn {
    white-space: nowrap;
}

.dataTables_wrapper .dataTables_buttons.actions .cma_top_icon .ColVis_collection li label .colvis_switch {
    margin-top: 6px;
}

.dataTables_wrapper button.add-row-btn {
    font-weight: bold !important;
}

.dataTables_wrapper .dataTables_buttons.actions .cma_top_icon .ColVis_collection li {
    padding-bottom: 4px !important;
}

@media only screen and (min-width:1601px) and (max-width:1919px) {
    .menu-top-section {
        width: calc(100% - 537px) !important;
    }
}

@media only screen and (min-width:1366px) and (max-width:1565px) {
    body .card-lst .list {
        padding: 4px 4px !important;
    }

    .card-lst .col-sm-2 {
        /* width: 140px !important;
            min-width: 140px !important;*/
        margin-left: 8px !important;
    }

    p.tlt-txt {
        /* width: 60px !important;*/
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card-lst {
        justify-content: center !important;
    }

    div#tbltenant_wrapper .dataTables__top {
        display: flex;
        flex-direction: column !important;
    }

    div#tbltenant_wrapper .add-row-btn {
        width: auto !important;
    }

    div#tbltenant_wrapper .dataTables_buttons {
        gap: 12px 6px !important;
    }

    div#tbltenant_wrapper .dataTables__top .datacard {
        display: flex;
    }
}

#btnFilter {
    background: #ff8100 !important;
    color: white;
    float: right;
}

#btnCloseFilter {
    background: #4A6572 !important;
    color: white;
    float: left;
}

.div_filter {
    max-height: 450px;
    overflow-x: auto;
    /*width: 35%;*/
    position: absolute;
    top: 53px;
    left: 0px;
    background: #e9eaf3;
    z-index: 100000000;
    display: flex;
    padding: 10px;
    border: 1px solid #c8cbe6;
    box-shadow: rgb(38 57 77) 0px 20px 30px -10px !important;
}

    .div_filter .form-group {
        margin-bottom: 5px !important;
    }

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

    .div_filter {
        width: 100%;
    }

    .automatonShowFilter {
        margin-bottom: -16px;
    }
}

.header {
    padding-bottom: 0px;
    border-block-end: none !important;
}

.side-menu .side-menu__icon {
    color: #333 !important;
}

.optionGroup {
    font-weight: bold;
}

.optionChild {
    font-style: italic;
    padding: 6px 0 6px 40px;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid #c4c4c4;
    background-color: #f7f7f5;
}

.optionNoChild {
    font-style: italic !important;
    font-weight: 400 !important;
    padding: 6px 0 6px 40px;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid dotted;
    color: #0b3aa7;
}

.optionNoChildLead {
    font-weight: 400 !important;
    padding: 6px 0 6px 40px;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid dotted;
    color: #E47E46;
}

.dataTables_wrapper table thead th:first-child, .dataTables_wrapper table tbody tr td:first-child {
    /* border-right: 1px solid #c7cddc; */
    border-radius: 0;
    /*  box-shadow: 5px 2px 8px 0px #cccccc40;*/
}



.dataTables_wrapper .dataTables_scroll table thead tr > th:last-child {
    min-width: 38px;
}

@media only screen and (min-width:992px) {
    .main-content.mt-0.hor-content {
        margin-top: 90px !important;
    }

        .main-content.mt-0.hor-content.breadcrunb-hor {
            margin-top: 90px !important;
        }

    .bread_crumbs_main {
        position: fixed !important;
        top: 64px !important;
        width: 100%;
        z-index: 99992;
    }

    body:has(span.select2) .bread_crumbs_sidebar {
        z-index: 9999999;
    }

    body:has(span.select2) .bread_crumbs_main {
        z-index: 9999999;
    }

    .bread_crumbs_sidebar {
        position: fixed !important;
        top: 64px !important;
        width: 100%;
        z-index: 9999;
        /* left: 90px;*/
        left: 0px;
    }

    .header.hor-header {
        position: fixed !important;
        top: 0 !important;
        width: 100%;
        z-index: 999999999999999;
    }

    .landing-top-header.overflow-hidden {
        position: fixed !important;
        top: 0px;
        width: 100%;
    }
}

.units_craftmyapp_container .SumoSelect > .optWrapper > .options li label {
    line-height: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .priceContainer {
        /*animation-name: rotate;*/
        animation-duration: 1s;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        display: flex;
    }

    @keyframes rotate {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(10px);
        }
    }

    .priceContainer {
        display: flex;
        flex-direction: column;
        /*overflow: auto;*/
    }

        .priceContainer::-webkit-scrollbar {
            height: 0px;
        }

        .priceContainer .price {
            display: flex;
            flex-wrap: nowrap;
            width: 1150px;
            margin: 0;
        }

        .priceContainer .dependentContainerBorder, .addonsContainer .dependentContainerBorder {
            margin: 0px;
        }

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

    .common-card-body .activity_craftmyapp_container {
        width: 200px !important;
    }

    .price > * {
        width: auto;
    }

    .price .detele-common-ico-btn {
        position: relative !important;
        top: 0px !important;
    }
}

.trumbowyg-editor ul {
    list-style-type: disc;
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .commonscrollContainer {
        /* animation-name: rotate;*/
        animation-duration: 1s;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        display: flex;
    }

    @keyframes rotate {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(10px);
        }
    }

    .commonscrollContainer {
        display: flex;
        flex-direction: column;
        overflow: auto;
    }

        .commonscrollContainer::-webkit-scrollbar {
            height: 0px;
        }

        .commonscrollContainer .commonscroll, .commonscrollContainer .row {
            display: flex;
            flex-wrap: nowrap;
            width: auto;
            margin: 0;
            flex-direction: row;
        }

    .commonscroll > * {
        width: auto;
    }

    .commonscrollContainer .row > * {
        width: auto !important;
        min-width: 200px;
    }
}

.card .card-body.card-body-common .row div {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.commonscrollContainer .mainbuiltyear_craftmyapp_container, .commonscrollContainer .genbuiltyear_craftmyapp_container {
    width: 177px;
    max-width: 100%;
}

.tabs.pricing-tab > ul {
    flex-direction: column;
    width: 110px;
    background: #fff;
    fill: #FFF;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.13));
    padding: 0px;
    min-width: 110px !important;
}

.tabs.pricing-tab ul#tabs-nav li a {
    /* color: #fff !important;*/
    color: #54575C !important;
}

.tabs.pricing-tab.add-request-serv ul#tabs-nav li a svg path {
    fill: #ffffff !important;
}

.tabs.pricing-tab ul#tabs-nav li:hover, .tabs.pricing-tab ul#tabs-nav li.active {
    background-color: transparent !important;
    color: #fff !important;
    border-bottom: 1px solid #E9E9ED;
}

.tabs.pricing-tab .tab-content {
    width: 92%;
}

.tabs.pricing-tab {
    display: flex;
}

    .tabs.pricing-tab .tab-content .detele-common-ico-btn {
        width: 20px;
    }

@media only screen and (min-width:580px) and (max-width:900px) {
    .tabs.pricing-tab ul {
        flex-direction: column;
    }

    .tabs.pricing-tab .tab-content {
        width: 100%;
    }
}

@media only screen and (min-width:320px) and (max-width:979px) {
    .RequestInfo_craftmyapp_container .revisions {
        width: auto !important;
    }

    .tabs.pricing-tab ul {
        flex-direction: column;
        width: 100% !important;
    }

    .tabs.pricing-tab .tab-content {
        width: 100%;
    }

    .tabs.pricing-tab {
        flex-direction: column;
        display: flex;
    }
}

.dataTables_scrollHeadInner table {
    width: 100% !important;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.actions__item {
    line-height: 25px;
}

.arrow {
    position: relative;
    bottom: -0.1rem;
    left: 100%;
    margin-left: -20px;
    width: 32px;
    height: 20px;
    /**
   * Dark Arrow Down
   */
    /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1MTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTU0MC4zNjIyKSI+PHBhdGggZD0ibSAxMjcuNDA2MjUsNjU3Ljc4MTI1IGMgLTQuOTg1MywwLjA3ODQgLTkuOTEwNzcsMi4xNjMwOCAtMTMuNDM3NSw1LjY4NzUgbCAtNTUsNTUgYyAtMy42MDA1NjUsMy41OTkyNyAtNS42OTY4ODMsOC42NTg5NSAtNS42OTY4ODMsMTMuNzUgMCw1LjA5MTA1IDIuMDk2MzE4LDEwLjE1MDczIDUuNjk2ODgzLDEzLjc1IEwgMjQyLjI1LDkyOS4yNSBjIDMuNTk5MjcsMy42MDA1NiA4LjY1ODk1LDUuNjk2ODggMTMuNzUsNS42OTY4OCA1LjA5MTA1LDAgMTAuMTUwNzMsLTIuMDk2MzIgMTMuNzUsLTUuNjk2ODggTCA0NTMuMDMxMjUsNzQ1Ljk2ODc1IGMgMy42MDA1NiwtMy41OTkyNyA1LjY5Njg4LC04LjY1ODk1IDUuNjk2ODgsLTEzLjc1IDAsLTUuMDkxMDUgLTIuMDk2MzIsLTEwLjE1MDczIC01LjY5Njg4LC0xMy43NSBsIC01NSwtNTUgYyAtMy41OTgxNSwtMy41OTEyNyAtOC42NTA2OCwtNS42ODEyNyAtMTMuNzM0MzgsLTUuNjgxMjcgLTUuMDgzNjksMCAtMTAuMTM2MjIsMi4wOSAtMTMuNzM0MzcsNS42ODEyNyBMIDI1Niw3NzguMDMxMjUgMTQxLjQzNzUsNjYzLjQ2ODc1IGMgLTMuNjY2NzgsLTMuNjY0MjMgLTguODQ4MDEsLTUuNzY0NDIgLTE0LjAzMTI1LC01LjY4NzUgeiIgaWQ9InBhdGgzNzY2LTEiIHN0eWxlPSJmb250LXNpemU6bWVkaXVtO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZmlsbDojMjIyMjIyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozOC44ODAwMDEwNzttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIi8+PC9nPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;*/
    cursor: pointer;
}

    .arrow::after {
        content: "\f13d";
        top: -6px;
        position: absolute;
        color: #ffffff;
        font-family: 'FontAwesome';
    }

.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-5px);
    }

    60% {
        transform: translateY(-8px);
    }
}

.agency-drop {
    position: fixed;
    z-index: 9999999 !important;
    top: 83px;
    right: 3%;
    min-width: 300px;
}

.dark-mode .agency-drop .tenantSection {
    background: #0b0437;
    box-shadow: 2px 3px 5px #1e1172;
}

.dark-mode .add-agency-block .pricing-wrap .card-section {
    border: 1px solid #111896 !important;
}

.agency-drop .tenantSection {
    position: absolute;
    right: 0;
    background: #fff;
    box-shadow: 2px 3px 5px #ddd;
    padding: 10px;
    top: 40px;
    display: none;
}

.tabs.pricing-tab ul#tabs-nav li.active a svg path {
    fill: #ffffff;
}

.tabs.pricing-tab ul#tabs-nav li:hover a svg path {
    fill: #ffffff;
}

.tabs.pricing-tab ul#tabs-nav li a svg {
    margin-right: 0px;
    position: relative;
    top: 0px;
    width: 22px;
    height: 28px;
    margin-bottom: 3px;
}

.tabs.pricing-tab ul#tabs-nav li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dark-mode .tabs.pricing-tab ul#tabs-nav li a {
    color: #fff !important;
}

.tabs.pricing-tab ul#tabs-nav li a span {
    background: #F0F2FB !important;
    width: 57px !important;
    height: 57px !important;
    border-radius: 57px;
    line-height: 57px;
    margin-bottom: 6px;
}

. /*add-agency-block .pricingscope_craftmyapp_container {
    display: none;
}*/
/*.add-agency-block .pricelistcopy_craftmyapp_container {
    display: none;
}
*/
.location_wrap {
    display: none;
}

.dark-mode .tabs.pricing-tab ul li {
    padding: 10px;
    margin: 0px;
    /*box-shadow: 0px 2px 3px #111896;*/
}

.tabs.pricing-tab ul li {
    /* box-shadow: 0px 2px 3px #cccccc;*/
    text-align: center;
}

.dark-mode .tabs.pricing-tab ul li {
    /*  box-shadow: 0px 2px 3px #111896;*/
}

.tabs.pricing-tab ul#tabs-nav li a span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 127px;
    width: 100%;
}

.pricing-wrap .card-body {
    padding-bottom: 0px !important;
}

.pricing-wrap {
    margin-top: 5px !important;
}

@keyframes rotate {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(10px);
    }
}

@media only screen and (min-width:320px) and (max-width:1365px) {
    .priceContainer .price div.activity_craftmyapp_container {
        width: 120px !important;
    }

    .addonranks_craftmyapp_container, .ranks_craftmyapp_container {
        width: 128px;
        max-width: 100%;
    }

        .addonranks_craftmyapp_container .btn-toolbar button, .ranks_craftmyapp_container .btn-toolbar button {
            margin-left: 5px !important;
        }

    .priceContainer .price, .addonsContainer .addons {
        /*    animation-name: rotate;*/
        animation-duration: 1.1s;
        animation-direction: alternate;
        animation-iteration-count: infinite;
    }

    .priceContainer, .addonsContainer {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .priceContainer, .addonsContainer {
        display: flex;
        flex-direction: column;
        /* overflow: auto;*/
    }

        .priceContainer::-webkit-scrollbar, .addonsContainer::-webkit-scrollbar {
            height: 5px;
            scroll-behavior: smooth;
        }

        .addonsContainer .addons, .priceContainer .price {
            flex-wrap: nowrap;
        }

            .addonsContainer .addons .drag-scroll div, .priceContainer .price .drag-scroll div {
                /*  min-width: 129px !important;*/
                width: 120px;
                margin-right: 10px;
            }

            .addonsContainer .addons div.detele-common-ico-btn, .priceContainer .price div.detele-common-ico-btn {
                position: relative;
                margin: 0;
                padding: 0;
                top: 0;
            }

            .addonsContainer .addons div.addoncomments_craftmyapp_container, .priceContainer .price div.addoncomments_craftmyapp_container {
                width: 300px !important;
                min-width: 300px !important;
                max-width: 300px !important;
            }

                .addonsContainer .addons div.addoncomments_craftmyapp_container div, .priceContainer .price div.addoncomments_craftmyapp_container div {
                    width: 100%;
                }
}
/*chat*/
.split.mapInvoice.chat-mail {
    margin: 0;
}

.chat-mail {
    background: #F2F2F2;
}

.split {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

    .split > .split-left, .split > .split-right {
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #ddd;
    }

    .split > .split-left {
        margin-right: 20px;
        min-width: 303px;
        position: relative;
    }

    .split.mapInvoice .chat-body-left {
        padding: 15px;
    }

.chat-box-left.split-left .table-responsive {
    height: calc( 100vh - 251px ) !important;
}

.table-responsive {
    overflow-x: hidden;
    height: 600px;
    overflow-y: auto;
}

/*chat*/
.message_detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .message_detail .user_main {
        display: flex;
        flex-direction: row;
    }

        .message_detail .user_main .user_profile {
            background: rgb(0 187 188 / 30%);
            width: 50px;
            height: 50px;
            border-radius: 50pc;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 30px;
            text-align: center;
            color: #138283;
        }

        .message_detail .user_main .user_txt {
            display: flex;
            flex-direction: column;
            align-self: flex-start;
            margin-top: 6px;
        }




.user_time_msg {
    display: flex;
    align-self: flex-start;
    flex-direction: column;
    margin-top: 6px;
}




.chat-body-left table.dataTable tbody tr.even td {
    background: #fff !important;
    padding-top: 15px;
    padding-bottom: 15px;
}


.chat-body-left table#tblChatSummary tbody tr.selected .user_profile {
    background: rgb(100 111 212 / 10%);
    color: #2E3680;
}

.chat-body-left table.dataTable tbody tr td {
    border-bottom: 1px solid rgb(126 142 141 / 10%);
}

.chat-body-left table.dataTable tbody tr.blues td .user_profile {
    background: rgb(100 111 212 / 10%);
    color: #2E3680;
}

.chat-body-left table#tblChatSummary tbody tr.selected > td {
    background: #F0F1F9;
    border: 1px solid #F4F5F8;
    border-radius: 0px;
}

.chat-body-left table.dataTable tbody tr.dark-blue td .user_profile {
    background: rgb(49 64 77 / 10%);
    color: #25435C;
}

.chat-body-left table.dataTable tbody tr.orange td .user_profile {
    background: rgb(221 135 56 / 10%);
    color: #A66427;
}




.chat-mail .header .nav-tabs {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.chat_title h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 28px;
    color: #191C25;
    margin-top: 5px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 14px;
    margin-bottom: 22px;
}

.chat-mail .header .vessel-title {
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 0px !important;
}

    .chat-mail .header .vessel-title .user_profile {
        background: rgb(100 111 212 / 10%);
        width: 50px;
        height: 50px;
        border-radius: 50px !important;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #2E3680;
        display: flex;
        margin-right: 10px;
        align-items: center;
        justify-content: center;
    }

    .chat-mail .header .vessel-title .user_txt {
        float: left;
    }

        .chat-mail .header .vessel-title .user_txt span {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            color: #191C25;
            margin-left: 3px;
            align-items: center;
            display: flex;
            align-self: center;
        }



.chat-box-left.split-left .table-responsive {
    height: 100vh;
}

.chat-box-right.split-right .app {
    height: 100vh;
}

.chat_card .common-chat-lst p img {
    margin-right: 6px;
}

.mailcontent-wrap {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


@media only screen and (min-width:320px) and (max-width:991px) {
    .chat-box-left.split-left .table-responsive {
        height: 100% !important;
    }

    .chat-box-right.split-right .app {
        height: 100% !important;
    }

    .div_filter {
        width: 100% !important;
    }
}

@media only screen and (max-width: 600px) {
    .automatonShowFilter {
        margin-bottom: -4px !important;
    }
}

/*chat room*/
div#new-chat-room-modal .modal-footer .btn-primary {
    background: #04927b !important;
    border: 1px solid #04927b !important;
    font-family: 'Roboto';
}

div#new-chat-room-modal .modal-body select {
    font-family: 'Roboto' !important;
}

div#new-chat-room-modal .modal-title {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.dark-mode .chat-mail .header .vessel-title .user_profile {
    color: #fff !important;
}

div#new-chat-room-modal .modal-footer .btn-secondary, div#new-chat-room-modal .modal-footer .btn-secondary:hover {
    background: #243949 !important;
    color: #fff !important;
    font-family: 'Roboto';
}

.chat-mail .header ul li a, .chat-mail .header ul li a:hover {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    color: #191C25 !important;
    text-transform: capitalize;
}

.dark-mode .chat-mail .header ul li a, .dark-mode .chat-mail .header ul li a:hover {
    color: #fff !important;
}

.chat-mail .header ul li a.active {
    color: #04927B;
    border-bottom: 2px solid #0aa89e;
}

.chat-mail .chat-message .message-content .message-date span.author {
    text-transform: capitalize;
}

.chat-mail .chat-body {
    background: #F2F2F2;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #E0E0E0;
    border-radius: 0px 0px 5px 5px;
}

.chat-mail .nav-tabs {
    border-bottom: 0px !important;
}

.chat-mail {
    background: #F2F2F2;
}

    .chat-mail .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #E0E0E0;
        background: #fff;
        height: auto;
        padding-top: 0px !important;
    }



.main-content-chat .chat-input .actions {
    font-size: 16px;
}

.chat-send {
    margin-left: 9px;
}

.main-content-chat .chat-input .actions i.fa-paper-plane {
    background: #04927B;
    border-radius: 20px;
    color: #fff;
    padding: 8px;
}

.chat-mail {
    background: #F2F2F2;
}

.row-normal {
    flex-direction: row;
}

/*chat mail*/

.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
}

    .chat-mail .chat-message .message-content .message-date {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
    }

        .chat-mail .chat-message .message-content .message-date span {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 16px;
            color: #595959;
        }

            .chat-mail .chat-message .message-content .message-date span.timestamp span {
                font-family: 'Roboto' !important;
                font-style: normal;
                font-weight: 300;
                font-size: 12px !important;
                line-height: 14px;
                color: #504F4F;
                padding-left: 10px;
            }






.chat-mail .chat-message.right-content .message-content .content {
    background: #E1FDF8;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 10px 10px 0px 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    color: #191C25;
}

.chat-mail .header ul li a img {
    object-fit: cover;
}

.chat-mail .header ul li a span {
    line-height: 30px;
    position: relative;
    top: 1px;
}

.chat-mail .chat-input {
    background: #fff;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    padding: 10px 10px 10px 20px;
    margin: 10px;
    position: relative;
    justify-content: space-between;
}

.main-content-chat .chat-input .actions #emojibtn {
    margin: 0 10px;
    position: absolute;
    left: 10px;
}

.chat-mail .chat-message .message-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    object-fit: cover;
}

.main-content-chat.chat-mail .chat-input textarea:focus-visible {
    outline: none;
    box-shadow: inherit !important;
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .chat-send img {
        width: 60px;
        max-width: 100%;
    }

    .chat-mail .chat-input {
        margin: 2px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 14px;
        padding: 8px 8px !important;
    }
}

@media only screen and (min-width:1400px) and (max-width:1500px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 15px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 15px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 15px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 15px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1399px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 15px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 15px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 15px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 15px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width:320px) and (max-width:1023px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 14px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 14px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 14px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 14px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 14px;
    }
}

.chat-message .row-reverse {
    flex-direction: row !important;
    justify-content: flex-end !important;
}

.chat_card .common-chat-lst:first-child, .chat_card .common-chat-lst:nth-child(2), .chat_card .common-chat-lst:nth-child(3) {
    border-top: 1px solid #E0E0E0;
}

    .chat_card .common-chat-lst:first-child .form-group span, .chat_card .common-chat-lst:nth-child(2) .form-group span {
        margin: 0;
        color: #545760 !important;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }

    .chat_card .common-chat-lst:first-child .form-group p, .chat_card .common-chat-lst:nth-child(2) .form-group p {
        margin: 0;
    }

    .chat_card .common-chat-lst:first-child .form-group, .chat_card .common-chat-lst:nth-child(2) .form-group, .chat_card .common-chat-lst:nth-child(3) .form-group {
        margin: 10px 0;
    }

        .chat_card .common-chat-lst:nth-child(3) .form-group p p:not(:first-child) {
            font-weight: 500;
            font-size: 16px;
            line-height: 27px;
            color: #565656;
        }

        .chat_card .common-chat-lst:nth-child(3) .form-group p p:first-child {
            font-weight: 500;
            font-size: 17px;
            line-height: 20px;
            color: #191C25;
        }


.chat_card header#header_info {
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    color: #191C25;
}

.chat-body .list_card_section.chat_card .card-body .row > div {
    width: 100% !important;
}


@media only screen and (min-width: 320px) and (max-width: 991px) {
    .mapInvoice .chat-box-left, .mapInvoice .chat-box-right {
        width: 100% !important;
    }

    .split.hide-right .chat-box-right {
        position: unset !important;
    }

    .split {
        flex-direction: column;
        gap: 14px;
    }
}





.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
    width: fit-content;
    max-width: 70%;
}

div.scroll::-webkit-scrollbar {
    width: 4px;
}

.select2-container .select2-choice {
    display: flex;
    align-items: center;
}


    .select2-container .select2-choice .select2-arrow {
        background: transparent !important;
        align-items: center;
        display: flex;
    }

    .select2-container .select2-choice > .select2-chosen {
        color: #4A4A4A !important;
        font-weight: 500;
        font-size: 15px;
    }


.services .detele-common-icon {
    margin-top: 0px !important;
}

.services.showthelables .detele-common-icon {
    margin-top: 39px !important;
}

.shipcontacts.showthelables .detele-common-icon {
    margin-top: 8px;
}

.card .card-head .menu-card-styling li a span {
    top: 2.3px;
    position: relative;
}

.dataTables_wrapper .add-row-btn {
    color: #fff !important;
}
/*chat mail*/

.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
}

    .chat-mail .chat-message .message-content .message-date {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
    }

        .chat-mail .chat-message .message-content .message-date span {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 16px;
            color: #595959;
        }

            .chat-mail .chat-message .message-content .message-date span.timestamp span {
                font-family: 'Roboto' !important;
                font-style: normal;
                font-weight: 300;
                font-size: 12px !important;
                line-height: 14px;
                color: #504F4F;
                padding-left: 10px;
            }






.chat-mail .chat-message.right-content .message-content .content {
    background: #E1FDF8;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 10px 10px 0px 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    color: #191C25;
}

.chat-mail .header ul li a img {
    object-fit: cover;
}

.chat-mail .header ul li a span {
    line-height: 30px;
    position: relative;
    top: 1px;
}

.chat-mail .chat-input {
    background: #fff;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    padding: 10px 10px 10px 20px;
    margin: 10px;
    position: relative;
}

.main-content-chat .chat-input .actions #emojibtn {
    margin: 0 10px;
    position: absolute;
    left: 10px;
}

.chat-mail .chat-message .message-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    object-fit: cover;
}

.main-content-chat.chat-mail .chat-input textarea:focus-visible {
    outline: none;
    box-shadow: inherit !important;
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .chat-send img {
        width: 60px;
        max-width: 100%;
    }

    .chat-mail .chat-input {
        margin: 2px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 14px;
        padding: 8px 8px !important;
    }
}

@media only screen and (min-width:1400px) and (max-width:1500px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 15px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 15px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 15px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 15px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1399px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 15px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 15px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 15px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 15px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width:320px) and (max-width:1023px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 14px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 14px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 14px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 14px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 14px;
    }
}

.chat-message .row-reverse {
    flex-direction: row !important;
    justify-content: flex-end !important;
}

.chat_card .common-chat-lst:first-child, .chat_card .common-chat-lst:nth-child(2), .chat_card .common-chat-lst:nth-child(3) {
    border-top: 1px solid #E0E0E0;
}

    .chat_card .common-chat-lst:first-child .form-group span, .chat_card .common-chat-lst:nth-child(2) .form-group span {
        margin: 0;
        color: #545760 !important;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }

    .chat_card .common-chat-lst:first-child .form-group p, .chat_card .common-chat-lst:nth-child(2) .form-group p {
        margin: 0;
    }

    .chat_card .common-chat-lst:first-child .form-group, .chat_card .common-chat-lst:nth-child(2) .form-group, .chat_card .common-chat-lst:nth-child(3) .form-group {
        margin: 10px 0;
    }

        .chat_card .common-chat-lst:nth-child(3) .form-group p p:not(:first-child) {
            font-weight: 500;
            font-size: 16px;
            line-height: 27px;
            color: #565656;
        }

        .chat_card .common-chat-lst:nth-child(3) .form-group p p:first-child {
            font-weight: 500;
            font-size: 17px;
            line-height: 20px;
            color: #191C25;
        }


.chat_card header#header_info {
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    color: #191C25;
}

.chat-body .list_card_section.chat_card .card-body .row > div {
    width: 100% !important;
}


@media only screen and (min-width: 320px) and (max-width: 991px) {
    .mapInvoice .chat-box-left, .mapInvoice .chat-box-right {
        width: 100% !important;
    }

    .split.hide-right .chat-box-right {
        position: unset !important;
    }

    .split {
        flex-direction: column;
        gap: 14px;
    }
}





.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
    width: fit-content;
    max-width: 70%;
}

div.scroll::-webkit-scrollbar {
    width: 4px;
}

.select2-container .select2-choice {
    display: flex;
    align-items: center;
}


    .select2-container .select2-choice .select2-arrow {
        background: transparent !important;
        align-items: center;
        display: flex;
    }

    .select2-container .select2-choice > .select2-chosen {
        color: #4A4A4A !important;
        font-weight: 500;
        font-size: 15px;
    }


.services .detele-common-icon {
    margin-top: 0px !important;
}

.services.showthelables .detele-common-icon {
    margin-top: 39px !important;
}

.shipcontacts.showthelables .detele-common-icon {
    margin-top: 8px;
}

.card .card-head .menu-card-styling li a span {
    top: 2.3px;
    position: relative;
}

.dataTables_wrapper .add-row-btn {
    color: #fff !important;
}

@media only screen and (min-width:320px) and (max-width:1024px) {

    .services.showthelables .detele-common-icon {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1500px) {
    .list_card_section .card-body .row > div.detele-common-icon {
        width: auto;
    }
}


@media only screen and (min-width:320px) and (max-width: 1024px) {
    .showthelables .detele-common-icon {
        margin-top: -12px !important;
    }

    .fda_services .services.showthelables .detele-common-icon {
        margin-top: 0px !important;
    }
}

span.select2 .select2-selection span {
    font-weight: normal !important;
    color: #4A4A4A !important;
}


.charges.showthelables .detele-common-icon {
    margin-top: 8px !important;
}

@media only screen and (min-width:320px) and (max-width: 768px) {
    .charges.showthelables .detele-common-icon {
        margin-top: -38px !important;
    }
}

.chat-mail > .chat-body {
    background: #F2F2F2 !important;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #E0E0E0;
    border-radius: 0px 0px 5px 5px;
}

.main-content-chat .chat-body {
    overflow-y: auto !important;
    flex-grow: 1;
    padding: 10px;
    /* height: 76vh;*/
}

.chat-message {
    margin: 10px;
    min-width: 200px;
    width: 100% !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: 2px solid #0aa89e;
    color: #0aa89e;
    background-color: transparent;
    cursor: default;
    opacity: 1;
}

.chat-mail .chat-body {
    background: #F2F2F2;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #E0E0E0;
    border-radius: 0px 0px 5px 5px;
}


.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
    width: fit-content;
    max-width: 70%;
}

.main-content-chat .chat-input .actions input[type="file"] {
    display: none;
}

input#UploadedFile {
    display: none;
}

.chat-mail .chat-input {
    background: #fff;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    padding: 10px 10px 10px 20px;
    margin: 10px;
    position: relative;
}

.main-content-chat .chat-input .actions #emojibtn {
    margin: 0 10px;
    position: absolute;
    left: 10px;
}

.chat-mail .chat-message .message-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    object-fit: cover;
}

.main-content-chat.chat-mail .chat-input textarea:focus-visible {
    outline: none;
    box-shadow: inherit !important;
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .chat-send img {
        width: 60px;
        max-width: 100%;
    }

    .chat-mail .chat-input {
        margin: 2px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 14px;
        padding: 8px 8px !important;
    }
}

@media only screen and (min-width:1400px) and (max-width:1500px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 15px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 15px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 15px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 15px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1399px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 15px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 15px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 15px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 15px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width:320px) and (max-width:1023px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 14px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 14px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 14px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 14px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 14px;
    }
}

.chat-message .row-reverse {
    flex-direction: row !important;
    justify-content: flex-end !important;
}

.chat_card .common-chat-lst:first-child, .chat_card .common-chat-lst:nth-child(2), .chat_card .common-chat-lst:nth-child(3) {
    border-top: 1px solid #E0E0E0;
}

    .chat_card .common-chat-lst:first-child .form-group span, .chat_card .common-chat-lst:nth-child(2) .form-group span {
        margin: 0;
        color: #545760 !important;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }

    .chat_card .common-chat-lst:first-child .form-group p, .chat_card .common-chat-lst:nth-child(2) .form-group p {
        margin: 0;
    }

    .chat_card .common-chat-lst:first-child .form-group, .chat_card .common-chat-lst:nth-child(2) .form-group, .chat_card .common-chat-lst:nth-child(3) .form-group {
        margin: 10px 0;
    }

        .chat_card .common-chat-lst:nth-child(3) .form-group p p:not(:first-child) {
            font-weight: 500;
            font-size: 16px;
            line-height: 27px;
            color: #565656;
        }

        .chat_card .common-chat-lst:nth-child(3) .form-group p p:first-child {
            font-weight: 500;
            font-size: 17px;
            line-height: 20px;
            color: #191C25;
        }


.chat_card header#header_info {
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    color: #191C25;
}

.chat-body .list_card_section.chat_card .card-body .row > div {
    width: 100% !important;
}


@media only screen and (min-width: 320px) and (max-width: 991px) {
    .mapInvoice .chat-box-left, .mapInvoice .chat-box-right {
        width: 100% !important;
    }

    .split.hide-right .chat-box-right {
        position: unset !important;
    }

    .split {
        flex-direction: column;
        gap: 14px;
    }
}





.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
    width: fit-content;
    max-width: 70%;
}

div.scroll::-webkit-scrollbar {
    width: 4px;
}

.select2-container .select2-choice {
    display: flex;
    align-items: center;
}


    .select2-container .select2-choice .select2-arrow {
        background: transparent !important;
        align-items: center;
        display: flex;
    }

    .select2-container .select2-choice > .select2-chosen {
        color: #4A4A4A !important;
        font-weight: 500;
        font-size: 15px;
    }


.services .detele-common-icon {
    margin-top: 0px !important;
}

.services.showthelables .detele-common-icon {
    margin-top: 39px !important;
}

.shipcontacts.showthelables .detele-common-icon {
    margin-top: 8px;
}

.card .card-head .menu-card-styling li a span {
    top: 2.3px;
    position: relative;
}

.dataTables_wrapper .add-row-btn {
    color: #fff !important;
}

@media only screen and (min-width:320px) and (max-width:1024px) {

    .services.showthelables .detele-common-icon {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1500px) {
    .list_card_section .card-body .row > div.detele-common-icon {
        width: auto;
    }
}


@media only screen and (min-width:320px) and (max-width: 1024px) {
    .showthelables .detele-common-icon {
        margin-top: -12px !important;
    }

    .fda_services .services.showthelables .detele-common-icon {
        margin-top: 0px !important;
    }
}

span.select2 .select2-selection span {
    font-weight: normal !important;
    color: #4A4A4A !important;
}


.charges.showthelables .detele-common-icon {
    margin-top: 8px !important;
}

@media only screen and (min-width:320px) and (max-width: 768px) {
    .charges.showthelables .detele-common-icon {
        margin-top: -38px !important;
    }
}

.fda_services .servicesContainer .detele-common-icon {
    position: absolute;
    right: -57px;
    z-index: 9999;
    top: 40px;
    margin-top: 0px !important;
}

    .fda_services .servicesContainer .detele-common-icon button {
        padding: 0px !important;
        background: transparent;
    }

.fda_services .servicesContainer .services {
    position: relative;
}

@media only screen and (min-width:1025px) and (max-width: 1500px) {
    /*.fda_services .servicesContainer .detele-common-icon {
        position: relative;
        right: -16px;
        z-index: 9999;
        top: 54px;
        margin-top: 0px !important;
    }*/
}

@media only screen and (min-width:320px) and (max-width: 1023px) {
    .fda_services .servicesContainer .detele-common-icon {
        position: absolute;
        right: 25px;
        z-index: 9999;
        top: 19px;
        margin-top: 0px !important;
        float: right;
        text-align: right;
        justify-content: flex-end;
    }
}

@media only screen and (min-width:320px) and (max-width: 768px) {
    /*.fda_services .servicesContainer .detele-common-icon {
       
        top: -43px !important;
    }*/
}

.slider:before {
    background-color: #fff !important;
}

.main-content-chat .chat-input .actions #emojibtn {
    margin: 0 10px;
    position: absolute;
    left: 10px;
}

.main-content-chat.chat-mail .chat-input textarea {
    background: #fff;
    border: 0px;
    height: 35px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #6C6C6C;
    margin-left: 16px;
    margin-top: 12px;
    padding-top: 4px;
}

/*subscribe*/

div#subscribe-to-push-modal .modal-footer .btn-primary {
    background: #04927b !important;
    border: 1px solid #04927b !important;
    font-family: 'Roboto';
}

div#subscribe-to-push-modal .modal-footer .modal-btn-secondary, div#subscribe-to-push-modal .modal-footer .modal-btn-secondary:hover {
    background: #243949 !important;
    color: #fff !important;
    font-family: 'Roboto';
}

div#subscribe-to-push-modal .modal-body {
    font-family: 'Roboto' !important;
}


div#subscribe-to-push-modal .modal-title {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 20px;
}

@media only screen and (min-width:320px) and (max-width:1023px) {
    .services .action_buttons.arrow-btn {
        display: none;
    }

    .fda_top_lst .quantity_craftmyapp_container, .fda_top_lst .unit_craftmyapp_container {
        width: 50%;
    }

    .fda_top_lst .unitcost_craftmyapp_container, .fda_top_lst .sharedmainamount_craftmyapp_container {
        width: 50%;
    }

    .fda_top_lst .amount_craftmyapp_container {
        width: 50%;
    }

    .fda_top_lst .comments_section {
        width: 100% !important;
    }

    .fda_services .fda_bottom_lst {
        padding-left: 0px !important;
    }

    .fda_services.appointment_service .fda_top_lst .detele-common-icon {
        margin-top: -19px !important;
    }

        .fda_services.appointment_service .fda_top_lst .detele-common-icon button {
            padding: 3px 18px !important;
            border: 0px;
        }

    .fda_services .fda_bottom_lst .comments_section {
        padding-left: 0px;
    }

    .card-head header {
        font-size: 17px;
    }
}

@media (max-width: 768px) {
    #btnSubmit {
        width: 14ch;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.split.mapInvoice.chat-mail {
    margin: 0;
}

.chat-mail {
    background: #F2F2F2;
}

.split {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

    .split > .split-left, .split > .split-right {
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #ddd;
    }

    .split > .split-left {
        margin-right: 20px;
        min-width: 303px;
        position: relative;
    }

    .split.mapInvoice .chat-body-left {
        padding: 15px;
    }

.chat-box-left.split-left .table-responsive {
    height: calc( 100vh - 251px ) !important;
}

.table-responsive {
    overflow-x: hidden;
    height: 600px;
    overflow-y: auto;
}

/*chat*/
.message_detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .message_detail .user_main {
        display: flex;
        flex-direction: row;
    }

        .message_detail .user_main .user_profile {
            background: rgb(0 187 188 / 30%);
            width: 50px;
            height: 50px;
            border-radius: 50pc;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 30px;
            text-align: center;
            color: #138283;
        }

        .message_detail .user_main .user_txt {
            display: flex;
            flex-direction: column;
            align-self: flex-start;
            margin-top: 6px;
        }

            .message_detail .user_main .user_txt span {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                line-height: 19px;
                color: #212121 !important;
                margin-bottom: 4px;
            }


            .message_detail .user_main .user_txt p {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 18px;
                color: #6C6C6C !important;
                margin-bottom: 0px !important;
                width: 170px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }


.user_time_msg {
    display: flex;
    align-self: flex-start;
    flex-direction: column;
    margin-top: 6px;
}

    .user_time_msg span {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
        text-align: right;
        /* color: #212121;*/
        color: #adadad;
    }


.chat-body-left table.dataTable tbody tr.even td {
    background: #fff !important;
    padding-top: 15px;
    padding-bottom: 15px;
}


.chat-body-left table#tblChatSummary tbody tr.selected .user_profile {
    background: rgb(100 111 212 / 10%);
    color: #2E3680;
}

.chat-body-left table.dataTable tbody tr td {
    border-bottom: 1px solid rgb(126 142 141 / 10%);
}

.chat-body-left table.dataTable tbody tr.blues td .user_profile {
    background: rgb(100 111 212 / 10%);
    color: #2E3680;
}

.chat-body-left table#tblChatSummary tbody tr.selected > td {
    background: #F0F1F9;
    border: 1px solid #F4F5F8;
    border-radius: 0px;
}

.chat-body-left table.dataTable tbody tr.dark-blue td .user_profile {
    background: rgb(49 64 77 / 10%);
    color: #25435C;
}

.chat-body-left table.dataTable tbody tr.orange td .user_profile {
    background: rgb(221 135 56 / 10%);
    color: #A66427;
}


.user_time_msg label span {
    background: #04927B !important;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF !important;
    margin-top: 4px;
}


.chat-mail .header .nav-tabs {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.chat_title h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 28px;
    color: #191C25;
    margin-top: 5px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 14px;
    margin-bottom: 22px;
}

.chat-mail .header .vessel-title {
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 0px !important;
}

    .chat-mail .header .vessel-title .user_profile {
        background: rgb(100 111 212 / 10%);
        width: 50px;
        height: 50px;
        border-radius: 50px !important;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #2E3680;
        display: flex;
        margin-right: 10px;
        align-items: center;
        justify-content: center;
    }

    .chat-mail .header .vessel-title .user_txt {
        float: left;
    }

        .chat-mail .header .vessel-title .user_txt span {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            color: #191C25;
            margin-left: 3px;
            align-items: center;
            display: flex;
            align-self: center;
        }



.chat-box-left.split-left .table-responsive {
    height: 100vh;
}

.chat-box-right.split-right .app {
    height: 100vh;
}

.chat_card .common-chat-lst p img {
    margin-right: 6px;
}

.mailcontent-wrap {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (min-width:1600px) and (max-width:1740px) {
    .uploaded_files table tbody tr td.cont_lst a {
        width: 170px !important;
    }
}

@media only screen and (min-width:1024px) and (max-width:1599px) {
    .uploaded_files table tbody tr td.cont_lst a {
        width: 160px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:1023px) {

    .fdadate_craftmyapp_container, .clientpo_craftmyapp_container, .billto_craftmyapp_container, .billto_craftmyapp_container, .bankinfo_craftmyapp_container {
        width: 100% !important;
    }

    .uploaded_files {
        max-width: 285px;
    }

        .uploaded_files table tbody tr td.cont_lst a {
            width: 113px !important;
        }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .page-header-box h1 { /*width:35%;*/
    }
}

@media only screen and (min-width:320px) and (max-width:991px) {
    .chat-box-left.split-left .table-responsive {
        height: 100% !important;
    }

    .chat-box-right.split-right .app {
        height: 100% !important;
    }

    .div_filter {
        width: 100% !important;
    }
}

@media only screen and (max-width: 600px) {
    .automatonShowFilter {
        margin-bottom: -4px !important;
    }
}

/*chat room*/
div#new-chat-room-modal .modal-footer .btn-primary {
    background: #04927b !important;
    border: 1px solid #04927b !important;
    font-family: 'Roboto';
}

div#new-chat-room-modal .modal-body select {
    font-family: 'Roboto' !important;
}

div#new-chat-room-modal .modal-title {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

div#new-chat-room-modal .modal-footer .btn-secondary, div#new-chat-room-modal .modal-footer .btn-secondary:hover {
    background: #243949 !important;
    color: #fff !important;
    font-family: 'Roboto';
}

.chat-mail .header ul li a, .chat-mail .header ul li a:hover {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    color: #191C25;
    text-transform: capitalize;
}

    .chat-mail .header ul li a.active {
        color: #04927B;
    }

.chat-mail .chat-message .message-content .message-date span.author {
    text-transform: capitalize;
}

.chat-mail .chat-body {
    background: #F2F2F2;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #E0E0E0;
    border-radius: 0px 0px 5px 5px;
}

.chat-mail .nav-tabs {
    border-bottom: 0px !important;
}

.chat-mail {
    background: #F2F2F2;
}

    .chat-mail .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #E0E0E0;
        background: #fff;
        height: auto;
        padding-top: 0px !important;
    }

.main-content-chat.chat-mail .chat-input textarea {
    background: #fff;
    border: 0px;
    height: 35px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #6C6C6C;
    margin-left: 25px;
    margin-top: 12px;
    padding-top: 4px;
}

.main-content-chat .chat-input .actions {
    font-size: 16px;
}

.chat-send {
    margin-left: 9px;
}

.main-content-chat .chat-input .actions i.fa-paper-plane {
    background: #04927B;
    border-radius: 20px;
    color: #fff;
    padding: 8px;
}

.chat-mail {
    background: #F2F2F2;
}

.row-normal {
    flex-direction: row;
}

/*chat mail*/

.chat-mail .chat-message.ismine .message-content .content {
    background: #E1FDF8;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 10px 10px 0px 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    color: #191C25;
}

.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
    width: fit-content;
    max-width: 70%;
}

.ismine {
    flex-direction: row-reverse;
}

.chat-mail .chat-message.ismine .left-side {
    /*  margin-left: 17px;*/
}

.user_time_msg label span {
    background: #04927B !important;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF !important;
    margin-top: 4px;
}

    .user_time_msg label span.badge.style-danger.chatunreadcount {
        margin-top: 12px !important;
    }

.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
}

    .chat-mail .chat-message .message-content .message-date {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
    }

        .chat-mail .chat-message .message-content .message-date span {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 16px;
            color: #595959;
        }

            .chat-mail .chat-message .message-content .message-date span.timestamp span {
                font-family: 'Roboto' !important;
                font-style: normal;
                font-weight: 300;
                font-size: 12px !important;
                line-height: 14px;
                color: #504F4F;
                padding-left: 10px;
            }

    .chat-mail .chat-message .message-content .content {
        background: #FFFFFF;
        box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.07);
        border-radius: 0px 10px 10px 10px;
        padding: 10px;
        margin-top: 6px;
    }


    .chat-mail .chat-message .message-content .content {
        background: #FFFFFF;
        box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.07);
        border-radius: 0px 10px 10px 10px;
        padding: 10px;
        margin-top: 6px;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        color: #191C25;
    }

.chat-mail .chat-message.right-content .message-content .content {
    background: #E1FDF8;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 10px 0px 10px 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    color: #191C25;
}

.chat-mail .header ul li a img {
    object-fit: cover;
}

.chat-mail .header ul li a span {
    line-height: 30px;
    position: relative;
    top: 1px;
}

.chat-mail .chat-input {
    background: #fff;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    padding: 10px 10px 10px 20px;
    margin: 10px;
    position: relative;
}

.main-content-chat .chat-input .actions #emojibtn {
    margin: 0 10px;
    position: absolute;
    left: 10px;
}

.chat-mail .chat-message .message-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    object-fit: cover;
}

.main-content-chat.chat-mail .chat-input textarea:focus-visible {
    outline: none;
    box-shadow: inherit !important;
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .chat-send img {
        width: 60px;
        max-width: 100%;
    }

    .chat-mail .chat-input {
        margin: 2px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 14px;
        padding: 8px 8px !important;
    }
}

@media only screen and (min-width:1400px) and (max-width:1500px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 15px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 15px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 15px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 15px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1399px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 15px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 15px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 15px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 15px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width:320px) and (max-width:1023px) {
    .chat-mail .chat-message .message-content .message-date span {
        font-size: 14px;
    }

    .chat-mail .chat-message .message-content .content {
        font-size: 14px;
    }

    .chat-mail .chat-message.right-content .message-content .content {
        font-size: 14px;
    }

    .main-content-chat.chat-mail .chat-input textarea {
        font-size: 14px;
    }

    .chat-mail .header ul li a, .chat-mail .header ul li a:hover {
        font-size: 14px;
    }
}

.chat-message .row-reverse {
    flex-direction: row !important;
    justify-content: flex-end !important;
}

.chat_card .common-chat-lst:first-child, .chat_card .common-chat-lst:nth-child(2), .chat_card .common-chat-lst:nth-child(3) {
    border-top: 1px solid #E0E0E0;
}

    .chat_card .common-chat-lst:first-child .form-group span, .chat_card .common-chat-lst:nth-child(2) .form-group span {
        margin: 0;
        color: #545760 !important;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }

    .chat_card .common-chat-lst:first-child .form-group p, .chat_card .common-chat-lst:nth-child(2) .form-group p {
        margin: 0;
    }

    .chat_card .common-chat-lst:first-child .form-group, .chat_card .common-chat-lst:nth-child(2) .form-group, .chat_card .common-chat-lst:nth-child(3) .form-group {
        margin: 10px 0;
    }

        .chat_card .common-chat-lst:nth-child(3) .form-group p p:not(:first-child) {
            font-weight: 500;
            font-size: 16px;
            line-height: 27px;
            color: #565656;
        }

        .chat_card .common-chat-lst:nth-child(3) .form-group p p:first-child {
            font-weight: 500;
            font-size: 17px;
            line-height: 20px;
            color: #191C25;
        }


.chat_card header#header_info {
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    color: #191C25;
}

.chat-body .list_card_section.chat_card .card-body .row > div {
    width: 100% !important;
}


@media only screen and (min-width: 320px) and (max-width: 991px) {
    .mapInvoice .chat-box-left, .mapInvoice .chat-box-right {
        width: 100% !important;
    }

    .split.hide-right .chat-box-right {
        position: unset !important;
    }

    .split {
        flex-direction: column;
        gap: 14px;
    }
}





.chat-mail .chat-message .message-content {
    border: 0px;
    background: transparent;
    width: fit-content;
    max-width: 70%;
}

div.scroll::-webkit-scrollbar {
    width: 4px;
}

.select2-container .select2-choice {
    display: flex;
    align-items: center;
}


    .select2-container .select2-choice .select2-arrow {
        background: transparent !important;
        align-items: center;
        display: flex;
    }

    .select2-container .select2-choice > .select2-chosen {
        color: #4A4A4A !important;
        font-weight: 500;
        font-size: 15px;
    }


.services .detele-common-icon {
    margin-top: 0px !important;
}

.services.showthelables .detele-common-icon {
    margin-top: 39px !important;
}

.shipcontacts.showthelables .detele-common-icon {
    margin-top: 0px;
}

.card .card-head .menu-card-styling li a span {
    top: 2.3px;
    position: relative;
}

.dataTables_wrapper .add-row-btn {
    color: #fff !important;
}

/*chat newstyle*/
.addonsContainer .addons div.addoncomments_craftmyapp_container div, .priceContainer .price div.addoncomments_craftmyapp_container div {
    width: 100%;
}

}

.side-app .dataTables_scroll table tbody tr td.dt-center:last-child {
    /* position: unset !important;*/
}

.div_filter {
    top: 65px !important;
}

.tab-content .accordion-item {
    border: 0px;
}

.tab-content .card {
    border-radius: 5px;
    border: 1px solid #EFF0F0;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
}

.card:has(#Request_area) {
    border-radius: 5px;
    border: unset;
    background: unset;
    box-shadow: unset;
}

.printablerow .card {
    background: #fff !important;
}

.dark-mode .printablerow .card {
    background: #0e124a !important;
}

.priceContainer .ranks_craftmyapp_container {
    display: none;
}

.tabs.pricing-tab .tab-content .detele-common-ico-btn {
    width: 70px;
    display: flex;
    flex-direction: row;
    margin-left: 0px;
    justify-content: flex-end;
    min-width: 70px !important;
    /* padding-left: 0px;*/
}

.priceContainer .dependentContainerBorder, .addonsContainer .dependentContainerBorder {
    padding: 0px !important;
}

.priceContainer .uom_craftmyapp_container, .priceContainer .addonprice_craftmyapp_container {
    width: 145px;
    max-width: 100%;
}

.addonsContainer .uom_craftmyapp_container, .addonsContainer .addonprice_craftmyapp_container {
    width: 145px;
    max-width: 100%;
}

.priceContainer .units_craftmyapp_container, .priceContainer .unitprice_craftmyapp_container {
    width: 145px;
    max-width: 100%;
}

.addonsContainer .units_craftmyapp_container, .addonsContainer .unitprice_craftmyapp_container {
    width: 145px;
    max-width: 100%;
}

.priceContainer .number-placeholder .form-group {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.addonsContainer .number-placeholder .form-group {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.priceContainer .number-placeholder {
    width: 30px;
}

.addonsContainer .number-placeholder {
    width: 30px;
}

    .addonsContainer .number-placeholder .form-group input {
        border: 0px;
        width: 20px;
        padding-left: 10px;
        background: transparent;
        font-weight: bold;
    }

.priceContainer .number-placeholder .form-group input {
    border: 0px;
    width: 30px;
    padding-left: 10px;
    background: transparent;
    font-weight: bold;
    color: #000;
}

.addonsContainer .number-placeholder .form-group input:focus {
    border: 0px !important;
    outline: none !important;
}

.priceContainer .number-placeholder .form-group input:focus {
    border: 0px !important;
    outline: none !important;
}

.priceContainer .number-placeholder {
    display: flex;
    align-items: center;
}

.priceContainer .addoncomments_craftmyapp_container {
    /* padding-left: 0px !important;
    margin-left: 3px;*/
}

.tabs.pricing-tab .tab-content .priceContainer .detele-common-ico-btn button {
    padding: 0px 1px;
}

.tabs.pricing-tab .priceContainer label {
    color: #191C25;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.priceContainer label {
    color: #191C25;
    font-family: 'Roboto' !important;
    ;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.priceContainer input, .priceContainer select, .priceContainer textarea {
    color: #7A7A7A;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.main-title {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    color: #616263;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 100% */
    margin-bottom: 6px;
    justify-content: space-between;
}

#large .sub-title span {
    font-size: 14.5px;
}

#medium .sub-title span {
    font-size: 14px;
}

#small .sub-title span {
    font-size: 13px;
}

.sub-title span {
    /*color: #FFF;*/
    color: #04927b;
    font-family: Roboto-bold;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    /*background: #20579B;*/
    border-radius: 24px;
    text-align: center;
    height: 24px;
    /*width: 24px;*/
    margin-bottom: 6px;
    margin-right: 6px;
   /* display: inline-block;*/
}

.priceContainer .uom_craftmyapp_container .form-group {
    /* display: flex;*/
    flex-direction: column;
    width: 100%;
}

.priceContainer .uom_craftmyapp_container span {
    width: 100% !important;
}

.card .common-card-body {
    margin-top: 13px !important;
}

form .card.card-blue .accordion .card-head button {
    color: #000;
    font-family: 'Roboto' !important;
    ;
    font-size: 24px;
    font-style: normal;
    font-weight: bold !important;
    line-height: normal;
    margin-bottom: 0px !important;
    padding-bottom: 2px;
}

.main-title .btn-add-addons, .main-title .btn-add-activity {
    font-family: 'Roboto' !important;
}

.card-block.add-agency-block.add-agency-pricing {
    padding: 0px;
}

.card.card-block.contCard.agencyCard {
    padding: 0px 20px !important;
    border: 0px;
    background: #f5f5f5;
}

.tabs.pricing-tab .tab-content {
    width: 95%;
    background: #f5f5f5;
}

.tabs.pricing-tab ul li {
    margin: 0px !important;
}

.dark-mode .tabs.pricing-tab .addonsContainer label {
    color: #fff;
}

.dark-mode .sub-title {
    color: #fff;
}

/*.dark-mode .common-card-body .addonsContainer .row:nth-child(2n) {
    background: rgba(140,194, 255, 0.2);
}

.dark-mode .common-card-body .priceContainer .row:nth-child(2n) {
    background: rgba(140,194, 255, 0.2);
}*/
.dark-mode .clr-bg-even {
    background: rgba(140,194, 255, 0.2);
}

.dark-mode .tabs.pricing-tab .priceContainer label {
    color: #fff !important;
}

.dark-mode .sub-title {
    color: #fff !important;
}


.addonsContainer .number-placeholder {
    width: 60px;
    display: flex;
    align-items: center;
}

.priceContainer .number-placeholder {
    width: 60px;
    display: flex;
    align-items: center;
}

.dark-mode .priceContainer input, .dark-mode.priceContainer select, .dark-mode .priceContainer textarea {
    color: #fff;
}

.dark-mode .optionChild {
    background: #0b0437;
}

.priceContainer .units_craftmyapp_container, .priceContainer .unitprice_craftmyapp_container {
    width: 145px;
    /* width:117px;*/
    max-width: 100%;
}

.priceContainer .comments_craftmyapp_container {
    margin-left: 12px;
}

.priceContainer .number-placeholder .form-group input {
    font-weight: bold !important;
    font-family: 'Roboto';
}

.addonsContainer .number-placeholder .form-group input {
    font-weight: bold !important;
    font-family: 'Roboto';
}

@media only screen and (min-width:1366px) and (max-width:1500px) {
    .priceContainer .comments_craftmyapp_container {
        width: 35%;
    }

    .addonsContainer .comments_craftmyapp_container {
        width: 35%;
    }

    .priceContainer .addoncomments_craftmyapp_container {
        width: 35%;
    }


    .addonsContainer .addoncomments_craftmyapp_container {
        width: 35%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1365px) {
    .priceContainer .price div.comments_craftmyapp_container {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    }

        .priceContainer .price div.comments_craftmyapp_container div {
            width: 100% !important;
        }

    .priceContainer .price div.number-placeholder {
        width: 50px !important;
        max-width: 50px !important;
        min-width: 50px !important;
    }

    .tabs.pricing-tab .tab-content {
        /* width: 100%;*/
    }
}

.accordion-number .addonsContainer .addons div.number-placeholder input, .accordion-number .priceContainer .price div.number-placeholder input {
    display: block !important;
}

.accordion-number .addonsContainer .addons div.number-placeholder, .accordion-number .priceContainer .price div.number-placeholder {
    width: 60px !important;
    min-width: 60px !important;
}

.addonsContainer .addons div.number-placeholder, .priceContainer .price div.number-placeholder {
    width: 60px !important;
    display: flex;
    align-items: center;
    min-width: 60px !important;
}

@media only screen and (min-width: 320px) and (max-width: 1365px) {
    .addonsContainer.apptaddon .addons div.activityaddon_craftmyapp_container {
        width: 200px !important;
        max-width: 100%;
        margin: 0px;
    }

    .addonsContainer.apptaddon .addons .drag-scroll div, .priceContainer.apptaddon .price .drag-scroll div {
        margin-right: 17px;
    }

    .priceContainer .price div.activity_craftmyapp_container {
        width: 25% !important;
    }

    .accordion-number .priceContainer .price div.activity_craftmyapp_container {
        width: 25% !important;
        min-width: 250px;
    }

    .accordion-number .addonsContainer .addons div.activityaddon_craftmyapp_container {
        width: 25% !important;
        min-width: 250px;
    }

    .priceContainer .price div.activity_craftmyapp_container div {
        width: 100%;
    }

    .addonsContainer .addons div.activityaddon_craftmyapp_container {
        width: 25% !important;
    }

        .addonsContainer .addons div.activityaddon_craftmyapp_container div {
            width: 100%;
        }

    .addonsContainer .addons div.addoncomments_craftmyapp_container, .priceContainer .price div.addoncomments_craftmyapp_container {
        width: 36% !important;
        max-width: 100% !important;
    }

    .addonsContainer .addons div.comments_craftmyapp_container, .priceContainer .price div.comments_craftmyapp_container {
        width: 36% !important;
        max-width: 100% !important;
    }
}

.tabs.pricing-tab ul#tabs-nav li {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark-mode textarea.comments {
    background-color: #0b0437;
    border: 1px solid #3a4eb6;
}

.dark-mode .priceContainer .number-placeholder .form-group input {
    color: #fff;
}

.dark-mode .main-title button {
    color: #fff !important;
}

.dark-mode .tabs.pricing-tab ul {
    background: #080c46;
    box-shadow: 2px 0px 8px rgb(58 78 182 / 50%);
}

#tblCurrency_wrapper.dataTables_wrapper table thead th:first-child, #tblCurrency_wrapper.dataTables_wrapper table tbody tr td:first-child {
    max-width: 150px !important;
    min-width: 150px !important;
    width: 150px !important;
    box-sizing: border-box;
}
/*add request*/
.job-request-list {
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
    padding: 20px !important;
    padding-top: 20px !important;
}

.job-req {
    border-radius: 5px !important;
    background: #F3F5F7;
    padding: 7px 20px 17px 20px;
    margin-top: 15px;
    /*border-left: 7px solid #E65F5C;*/
}

.job-req-tlt span {
    color: #021421;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

    .job-req-tlt span.sub-tlt-clr {
        color: #656B71;
        font-family: 'Roboto';
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
    }

.job-arrival span {
    color: var(--Secondary, #E65F5C);
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cal-pda {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4px !important;
}

.cal-txt {
    color: #575757;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .cal-txt img {
        padding-right: 10px;
        margin-top: -7px;
    }

.cal-pda .rgt-txt {
    color: #20579B;
    text-align: right;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.job-no .rgt-txt {
    color: #04927B;
    text-align: right;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.job-no .cal-txt b {
    color: #021421;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.job-mes {
    margin-top: 8px;
}

.job-req .job-req-tlt {
    margin-top: 10px;
}

.request-tab ul {
    background: #fff;
    margin: 0px !important;
    padding: 0px !important;
    display: flex !important;
    justify-content: space-around;
    border-bottom: 1px solid #f5f5f5;
    filter: unset !important;
    width: 100% !important;
    flex-direction: row !important;
}

    .request-tab ul li {
        display: unset !important;
        min-height: auto !important;
        width: auto !important;
        min-width: auto !important;
        float: left;
        box-shadow: inherit !important;
    }

.request-tab .tab-content {
    padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
    width: 100% !important;
}

.tabs.pricing-tab .request-tab .tab-content > div {
    margin-top: 0px !important;
}

.request-tab .tab-content .tab-pane {
    border: 0px !important;
    padding: 0px;
}

.request-tab ul li button {
    color: #262E2F !important;
    text-align: center;
    box-shadow: inherit !important;
    font-size: 18px;
    font-style: normal;
    border: 0px !important;
    line-height: normal;
    background: transparent !important;
}

    .request-tab ul li button.active {
        color: #111896;
        text-align: center;
        font-family: 'Roboto';
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        border-bottom: 3px solid #111896 !important;
        background: transparent;
        box-shadow: inherit !important;
        border-radius: 0px;
        min-width: fit-content;
    }

.job-req.red .job-arrival span {
    color: #E65F5C;
}

.job-req.blue .job-arrival span {
    color: #1092ef;
}

.job-req.green .job-arrival span {
    color: #0aa04f;
}

.job-req.blue {
    border-left: 5px solid #1092EF;
}

.job-req.green {
    border-left: 5px solid #0AA04F;
}

.job-req.red {
    border-left: 7px solid rgb(230, 95, 92);
}

.search-filter .input-search {
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    padding-right: 10px;
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-filter {
    display: flex;
    width: 100%;
    margin-top: 17px;
}

    .search-filter .input-search input {
        border: 0px;
        margin: 0px 6px;
        /* padding: 7px 10px;
        margin: 3px 7px;
        width: 88%;*/
    }

        .search-filter .input-search input i {
            padding-right: 12px;
        }

    .search-filter .filter-icon {
        border-radius: 5px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        align-self: center;
        justify-content: center;
        margin-left: 10px;
        cursor: pointer;
    }

    .search-filter .input-search input:focus {
        outline: none;
        border: 0px;
    }

    .search-filter .filter-icon i {
        font-size: 20px;
    }

    .search-filter .input-search i {
        font-size: 19px;
        width: 20px;
        /*  position: relative;
        top: 1px;*/
    }

.dark-mode .request-tab ul li button.active {
    color: #ffffff !important;
    border-bottom: 3px solid #111896 !important;
}

.dark-mode .request-tab ul li button {
    color: #fff !important;
}

#tblAgencyType_wrapper.dataTables_wrapper table thead th:first-child, #tblAgencyType_wrapper.dataTables_wrapper table tbody tr td:first-child {
    /*max-width: 60px !important;
    min-width: 60px !important;
    width: 60px !important;
    box-sizing: border-box;*/
}

#tblShipType_wrapper.dataTables_wrapper table thead th:first-child, #tblShipType_wrapper.dataTables_wrapper table tbody tr td:first-child {
    /* max-width: 60px !important;
    min-width: 60px !important;
    width: 60px !important;
    box-sizing: border-box;*/
}

#tblShipClass_wrapper.dataTables_wrapper table thead th:first-child, #tblShipClass_wrapper.dataTables_wrapper table tbody tr td:first-child {
    /*   max-width: 60px !important;
    min-width: 60px !important;
    width: 60px !important;*/
    box-sizing: border-box;
}

#tblUOM_wrapper.dataTables_wrapper table thead th:first-child, #tblUOM_wrapper.dataTables_wrapper table tbody tr td:first-child {
    /*  max-width: 60px !important;
    min-width: 60px !important;
    width: 60px !important;*/
    box-sizing: border-box;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: transparent !important;
    border: 0px !important;
}

.shallow-draggable {
    width: 100% !important;
}

.ui-draggable {
    width: 100% !important;
}

.engineContainer, .generatorContainer {
    overflow: auto;
}

    .engineContainer .row, .generatorContainer .row {
        display: flex;
        flex-wrap: nowrap;
    }

    .engineContainer::-webkit-scrollbar, .generatorContainer::-webkit-scrollbar {
        height: 5px;
    }

.dark-mode .request-tab ul li button.active {
    color: #ffffff !important;
    border-bottom: 3px solid #f0f2fb !important;
}

.dark-mode .request-tab ul li button {
    color: #fff !important;
}

.dark-mode .job-request-list {
    background: #0b0437 !important;
    border: 1px solid #3a4eb6;
}

.dark-mode .search-filter .input-search {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

    .dark-mode .search-filter .input-search input {
        background: transparent;
        color: #fff;
    }

.dark-mode .search-filter .filter-icon {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}
/*Role*/
.user-role-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
}

    .user-role-wrapper .search_wrapper {
        display: flex;
        align-items: center;
        align-self: center;
    }

        .user-role-wrapper .search_wrapper label {
            margin-right: 10px;
            color: #262E2F;
            font-family: 'Roboto';
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

    .user-role-wrapper .user-role-right {
        display: flex;
        align-items: center;
    }

        .user-role-wrapper .user-role-right .userrole_craftmyapp_container .role-title {
            display: none;
        }

        .user-role-wrapper .user-role-right .userrole_craftmyapp_container select {
            border-radius: 5px;
            border: 1px solid #E8E8E8;
            background: #FFF;
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
            width: 291px !important;
            max-width: 100% !important;
        }

        .user-role-wrapper .user-role-right .add_role button {
            color: #FFF;
            font-family: 'Roboto';
            font-size: 16px;
            font-style: normal;
            font-weight: 800;
            line-height: 28px; /* 175% */
            border-radius: 5px;
            background: #080C46;
            box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
            margin-left: 10px;
            margin-top: 0px !important;
        }

.user-lst {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

    .user-lst .user-check-lst {
        width: 20%;
        min-width: 300px;
        max-width: 100%;
        display: flex;
        align-items: center;
        margin-top: 23px;
    }

        .user-lst .user-check-lst input[type="checkbox"] {
            width: 25px;
            height: 22px;
        }

            .user-lst .user-check-lst input[type="checkbox"].checked {
                background: transparent !important;
            }

        .user-lst .user-check-lst label {
            color: #191C25;
            font-family: 'Roboto';
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

.userrolecontainer .card-head {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
}

    .userrolecontainer .card-head .searchable-header {
        color: #616263;
        font-family: 'Roboto';
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; /* 100% */
    }

    .userrolecontainer .card-head .searchable-header {
    }

    .userrolecontainer .card-head header button .minustext {
        display: none;
    }

    .userrolecontainer .card-head header button {
        border: 0px !important;
        background: transparent !important;
        align-items: center;
        justify-content: center;
        display: flex;
        align-self: center !important;
    }

.roleauthorizedContainer .card-head .sel-all {
    float: right;
    margin-top: 10px;
    width: 130px;
    color: #2E2E2E;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.roleauthorizedContainer .card-head .sel-btn {
    float: right;
    width: 31px;
    margin: 0px;
    padding: 0px;
    margin-right: 18px;
}

.roleauthorizedContainer .card-head .searchable-header {
    float: left;
    margin-top: 12px;
    color: #616263;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
}

.roleauthorizedContainer .card-head {
    display: block !important;
    float: none;
    width: 100%;
    vertical-align: middle;
    padding-bottom: 0px !important;
}

button#roleaccordianSettings {
}

button#roleaccordianSettings {
}

.roleauthorizedContainer .card-head .sel-btn button .minustext, .roleauthorizedContainer .card-head .sel-btn button .plustext {
    display: none !important;
}

.roleauthorizedContainer .card-head .sel-btn button {
    margin: 0px !important;
}

.roleauthorizedContainer .card-head .sel-all input {
    margin: 0px 9px;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.roleauthorizedContainer .card-head .sel-btn button {
    background: transparent !important;
    border: 0px !important;
}

    .roleauthorizedContainer .card-head .sel-btn button #minus, .roleauthorizedContainer .card-head .sel-btn button #plus {
        color: #333;
    }

    .roleauthorizedContainer .card-head .sel-btn button #minustext, .roleauthorizedContainer .card-head .sel-btn button #plustext {
        display: none;
    }

.roleauthorizedContainer .card-head .sel-btn button {
    padding: 14px 10px !important;
    margin: 0px !important;
}

.user-check {
    display: flex;
}

body form .card-body .RoleContainer .form-group label {
    padding-bottom: 0px;
    padding-top: 0px !important;
}

.authorizedCheckbox {
    margin-top: 8px !important;
}

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

.roleauthorized_::before {
    top: 20px !important;
}

.roleauthorizedContainer .dependentContainerBorder {
    padding: 0px;
}

.sel-btn span.fa {
    font-size: 22px;
}

.roleauthorizedContainer .row {
    padding-bottom: 3px;
}

.dark-mode .roleauthorizedContainer .row .card-blue {
    border: 1px solid #111896 !important;
}

.dark-mode .roleauthorizedContainer .card-head .searchable-header {
    color: #fff;
}

.dark-mode .roleauthorizedContainer .card-head .sel-all {
    color: #fff;
}

.dark-mode .roleauthorizedContainer .card-head .sel-btn button #minus, .dark-mode.roleauthorizedContainer .card-head .sel-btn button #plus {
    color: #fff !important;
}

.dark-mode .roleauthorizedContainer .card-head .sel-btn button #plus {
    color: #ffff;
}

body form .card-block.role-author {
    padding: 7px 2px;
    margin: 20px 30px;
}

.dark-mode .user-role-wrapper .search_wrapper label {
    color: #fff;
}

@media only screen and (min-width:320px) and (max-width:1174px) {
    .roleauthorizedContainer .row .card-blue {
        overflow-x: scroll;
    }

    .roleauthorizedContainer .card-head {
        width: 1000px;
    }

    .RoleContainer {
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        width: 1000px;
    }
}

#parentdiv .dataTables_wrapper .dataTables_scrollBody table tbody tr td:first-child, #parentdiv .dataTables_wrapper .dataTables_scrollBody table tbody tr.firsttd td:first-child, #parentdiv .dataTables_wrapper .dataTables_scrollHead table thead tr.firsttd th:first-child {
    min-width: 230px !important;
    max-width: 230px !important;
    width: 230px !important;
    box-sizing: border-box !important;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #parentdiv .dataTables_wrapper .dataTables_scrollBody table tbody tr.firsttd td:first-child, #parentdiv .dataTables_wrapper .dataTables_scrollHead table thead tr.firsttd th:first-child {
        min-width: 230px !important;
        max-width: 230px !important;
        width: 230px !important;
        box-sizing: border-box !important;
    }
}

form .card-body .form-group label {
    color: #808080 !important;
    font-family: 'Roboto' !important;
    font-weight: 400 !important;
}

.card-body .form-group label {
    color: #808080 !important;
    font-family: 'Roboto' !important;
    font-weight: 400 !important;
}

.tabs.pricing-tab ul#tabs-nav li {
    height: 90px !important;
    width: 90px !important;
    display: flex;
    align-items: center;
}

/*Job Request */
/*.tabs.pricing-tab .tab-content .pricing-wrap {
        margin-top: 50px !important;
    }*/

.tabs.pricing-tab .tab-content {
    padding: 15px 24px;
}

.card.card-section.cma_section_band {
    padding: 10px 12px !important;
}

.form-control {
    color: #191C25 !important;
}

.form-group label {
    font-weight: 400 !important;
    /*display:block;*/
}

.tabs.pricing-tab ul#tabs-nav li a span {
    background: #F0F2FB !important;
    width: 43px !important;
    height: 43px !important;
    border-radius: 43px;
    line-height: 43px;
    margin-bottom: 2px;
}

    .tabs.pricing-tab ul#tabs-nav li a span svg path {
        /* fill: #181819 !important;*/
    }

.tabs.pricing-tab ul#tabs-nav li.active a span {
    background: #E5F9F4 !important;
}

    .tabs.pricing-tab ul#tabs-nav li.active a span svg path {
        fill: #039F7A !important;
    }

ul.dropdown-menu.dropdown-menu-right.ColVis_collection.show {
    padding-left: 0px !important;
}

#servicesContainerparents_l .tabs.pricing-tab#tabservices_l .tab-content .card {
}

div#servicesContainerparents_l .pricing-tab {
    margin: 0px !important;
    margin-top: 25px !important;
}

.tabs.pricing-tab ul#tabs-nav li:hover a span, .tabs.pricing-tab ul#tabs-nav li.active a span {
    background: #E5F9F4 !important;
}

.dark-mode .tabs.pricing-tab ul#tabs-nav li {
    border-bottom: 1px solid #172270;
}

    .dark-mode .tabs.pricing-tab ul#tabs-nav li:hover, .dark-mode .tabs.pricing-tab ul#tabs-nav li.active {
        border-bottom: 1px solid #172270;
    }

#large .tabs.pricing-tab ul#tabs-nav li a {
    font-size: 14.5px;
}

#medium .tabs.pricing-tab ul#tabs-nav li a {
    font-size: 13px;
}

#small .tabs.pricing-tab ul#tabs-nav li a {
    font-size: 12px;
}

#large .bread_crumbs {
    font-size: 16.5px;
}

#medium .bread_crumbs {
    font-size: 16px;
}

#small .bread_crumbs {
    font-size: 14px;
}

#large .dataTables_paginate.paging_simple_numbers a {
    font-size: 14.5px;
}

#medium .dataTables_paginate.paging_simple_numbers a {
    font-size: 13px;
}

#small .dataTables_paginate.paging_simple_numbers a {
    font-size: 12px;
}

.tabs.pricing-tab ul#tabs-nav li a span svg path {
    /* fill: #000 !important;*/
    stroke: #000 !important;
}

.tabs.pricing-tab ul#tabs-nav li:hover a span svg path, .tabs.pricing-tab ul#tabs-nav li.active a span svg path {
    /* fill: #039F7A !important;*/
    stroke: #039F7A !important;
}

.tabs.pricing-tab ul#tabs-nav li a span svg {
    width: 25px;
}

.dark-mode .table-bordered, .dark-mode .text-wrap table, .dark-mode .table-bordered th, .dark-mode .text-wrap table th, .dark-mode .table-bordered td, .dark-mode .text-wrap table td {
    border-color: #3a4eb6;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent !important;
    color: #fff;
}

.dark-mode select, .dark-mode select:hover {
    border: 1px solid #fff;
    color: #fff;
    padding: 2px 10px;
    margin-left: 6px;
}

.auto_cls_contractcopy a {
    margin-right: 5px !important;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    .price-sticky ul {
        flex-direction: row !important;
        flex-wrap: wrap;
        /*  justify-content: center;*/
        display: flex;
        min-width: 100% !important;
        width: 100% !important;
    }

    .price-sticky {
        min-width: 100% !important;
        width: 100% !important;
    }
}

.tabs.pricing-tab ul#tabs-nav li a span svg#Capa_1 path {
    fill: #000;
}

.card.maker_checker_card {
    padding: 5px !important;
}
/*price comparison*/
.price-table table {
    border: 1px solid #e9e9e9 !important;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.price_comparison {
    background: #fafafa;
    margin: 20px;
    padding: 20px;
}

.price_comparison {
}

.price-tab-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    margin-bottom: 20px;
}

.price-tab-tlt {
    display: flex;
    color: #262E2F;
    font-family: 'Roboto';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    .price-tab-tlt span {
        color: #039F7A;
        font-family: 'Roboto';
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        padding-left: 5px;
    }

    .price-tab-tlt .country {
        color: #DF8B06;
    }

    .price-tab-tlt p {
        color: #6C6C6C;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
    }

    .price-tab-tlt a {
        color: #717171 !important;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        border-radius: 3px;
        border: 1px solid #717171;
        margin-left: 8px;
        height: 30px;
        padding: 5px;
    }

    .price-tab-tlt svg {
        margin-right: 7px;
        margin-top: 2px;
    }

.price-tab-text ul {
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #E3E2E3;
    background: #FFF;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.06);
    padding: 2px;
    margin-bottom: 0px !important;
}

    .price-tab-text ul li button {
        color: #272E38;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

        .price-tab-text ul li button.active {
            color: #FFF;
            font-family: Roboto;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            border-radius: 4px;
            background: #039F7A !important;
            box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.06);
        }

.post-slide {
    margin: 10px;
    border-radius: 2px;
    border: 1px solid #E3E2E3;
    background: #FFF;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.06);
    padding: 10px;
}

.compare-content h3 {
    color: #272E38;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 130% */
    margin-bottom: 0px;
    text-transform: capitalize;
}

.compare-check input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    margin: 0px;
}

.price-min-lst .compare-check label {
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.compare-check label {
    color: #272E38;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    position: relative;
    top: -4px;
    left: 8px;
}

.compare-content div {
    display: flex;
    /*justify-content: space-between;
    align-items: center;*/
    margin: 0px 0px 0px 0px;
}

.compare-content h6 {
    color: #717171;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 160% */
}

.SGD-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    align-self: center;
}

.compare-content button {
    border-radius: 5px;
    border: 1px solid #ABCCC4;
    background: #FFF;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.08);
    color: #272E38;
    text-align: center;
    font-family: Roboto !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
    width: 100%;
    height: 40px;
}

#news-slider, #news-slider1 {
    margin-top: 30px;
}

.owl-controls .owl-buttons {
    /* margin: 10px; */
    position: absolute;
    top: 50%;
    width: 100%;
    /* text-align: center; */
    display: flex;
    justify-content: space-between;
}

.owl-controls .owl-prev, .owl-controls .owl-next {
    border-radius: 50%;
    aspect-ratio: 1;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .owl-controls .owl-prev:after, .owl-controls .owl-next:after {
        content: "\f104";
        color: #b3abab;
        font-size: 26px;
        line-height: 26px;
        font-family: 'FontAwesome';
        margin-left: -44px !important;
    }

    .owl-controls .owl-next:after {
        content: "\f105";
        font-family: 'FontAwesome';
        margin-right: -93px;
    }

#news-sliders .owl-controls .owl-buttons {
    width: unset;
    right: 0;
    top: -85px;
}

.compare-check-batch {
    margin-bottom: 3px;
    display: flex;
    justify-content: space-between;
}

.price-table table thead th {
    background: #D7F3ED;
    padding: 5px 12px;
    color: #101010;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    border-right: 1px solid #039F7A !important;
}

.price-table table tbody td {
    color: #3E4543;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px; /* 181.25% */
    padding: 0;
    border: 0px !important;
    vertical-align: top;
}

    .price-table table tbody td table {
        border: 0px;
    }

        .price-table table tbody td table tbody td {
            padding: 4px 8px;
            border-right: 0px !important;
            vertical-align: top;
        }

.price-table.activitytab table tbody td table.border-rgt tbody td:nth-of-type(3) {
    width: 73px;
    word-wrap: break-word;
}

.price-table.activitytab table tbody td table.border-rgt tbody td:nth-of-type(4) {
    width: 73px;
    word-wrap: break-word;
}

.price-table.activitytab table tbody td table.border-rgt tbody td:nth-of-type(5) {
    width: 73px;
    word-wrap: break-word;
}

.price-table.activitytab table tbody td table.border-rgt tbody td:first-child {
}

.price-table table tbody td {
    border-right: 1px solid #039F7A !important;
}

    .price-table table tbody td table.border-rgt tbody td:first-child {
        border-right: 1px solid #ccc !important;
    }

    .price-table table tbody td table td.tabl-tlt {
        color: #818181 !important;
        font-family: 'Roboto';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px; /* 178.571% */
        border-bottom: 1px solid #E4E8E7 !important;
    }

    .price-table table tbody td table td.amount-wdth {
        width: 125px;
    }

.price-table table.fst-tab thead th:first-child {
    width: 225px;
}

.price-table table tbody td table tbody td ul li {
    width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 22px;
}

.price-table table tbody td table tbody td ul {
    min-height: 70px;
}

.price-table table tbody td table tbody tr:nth-child(2n) {
    background: #fff !important;
}

.price-table table thead th:first-child {
    border-radius: 5px 0px 0px 0px;
    border-left: 2px solid #039F7A;
    background: #D7F3ED;
}

.SGD-con label {
    color: #039F7A;
    font-weight: 600;
    margin-left: 1px;
    margin-right: 10px;
}

.price-table table tbody td table tbody td.tot-amount span {
    color: #039F7A;
    font-weight: 600;
    font-family: 'Roboto';
    font-weight: 800;
}

.price-table table thead th img {
    margin-right: 5px;
    object-fit: contain;
    width: 32px;
    height: 31px;
    border-radius: 45px;
    border: 1px solid #8dc1b5;
    background: #fff;
}

.price-table table tbody td table tbody tr:nth-child(2n-1) {
    background: #F7F9F8 !important;
}

.price-table.activitytab table tbody td table.border-rgt tbody td {
    border-right: 1px solid #ccc !important;
}

    .price-table.activitytab table tbody td table.border-rgt tbody td:last-child {
        border-right: 0px !important;
        width: 72px;
    }

    .price-table.activitytab table tbody td table.border-rgt tbody td:first-child {
        width: 114px;
    }

    .price-table.activitytab table tbody td table.border-rgt tbody td:nth-child(2) {
        width: 78px;
    }

    .price-table.activitytab table tbody td table.border-rgt tbody td:first-child {
        min-width: 270px;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.price-table.activitytab table tbody td table.border-rgt tbody tr td.tot-amount {
    text-align: right;
}

.price-table.activitytab table tbody td table.border-rgt tbody td ul.min-hgt {
    min-height: 130px;
}
/*dark-mode*/
.dark-mode .price-table table thead th {
    background: #172270 !important;
    color: #fff;
}

.dark-mode .price-table table tbody td table tbody tr:nth-child(2n) {
    background: #0e124a !important;
}

.dark-mode .price-table table tbody td table tbody tr:nth-child(2n-1) {
    background: #0b0437 !important;
}

.dark-mode .price-table table tbody td {
    color: #e3dfdf;
}

    .dark-mode .price-table table tbody td table td.tabl-tlt {
        color: #fff !important;
    }

.dark-mode .post-slide {
    border: 1px solid #039f7a;
    background: #172270;
}

.dark-mode .compare-content h3 {
    color: #f9f9f9;
}

.dark-mode .compare-content h6 {
    color: #d7d0d0;
}

.dark-mode .compare-check label {
    color: #d7d0d0;
}

.dark-mode .price_comparison {
    background: #0e124a;
}

.dark-mode .price-tab-tlt {
    color: #fff;
}

    .dark-mode .price-tab-tlt p {
        color: #f9f9f9;
    }

.dark-mode .price-tab-text ul {
    border: 1px solid #039f7a;
    background: #0b0437;
}

    .dark-mode .price-tab-text ul li button {
        color: #fff !important;
    }

.dark-mode .compare-content button {
    border: 1px solid #172270;
    background: #0b0437;
    color: #ffffff;
}

.compare-content button:hover, .compare-content button.active {
    background: #039f7a;
    color: #fff;
    border: 1px solid #039f7a;
}

.dark-mode .price-table table tbody td table td.tabl-tlt {
    border-bottom: 1px solid #262D8F !important;
}

.dark-mode .price-table.activitytab table tbody td table.border-rgt tbody td {
    border-right: 1px solid #262D8F !important;
}

.dark-mode .price-table table {
    border: 1px solid #262D8F !important;
}

@media only screen and (min-width:320px) and (max-width:1600px) {
    .price-table table.fst-tab {
        width: 1900px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:1980px) {
    .price-table.activitytab table.fst-tab {
        width: 2000px;
    }

    .price-table.activitytab table tbody td table.border-rgt tbody td:last-child {
        width: 100px;
    }

    .price-table.activitytab table tbody td table.border-rgt tbody td:first-child {
        min-width: 265px;
        width: auto;
    }
}

body .agencyCard .common-card-body .detele-common-ico-btn button {
    padding: 1px !important;
}

.status_craftmyapp_container .select_design_schedule {
    background: transparent;
    width: 100%;
}

@media only screen and (min-width:320px) and (max-width:1200px) {
    .price-tab-tlt {
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 10px;
        justify-content: center;
    }

    .price-tab-text {
        align-items: center;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .exp-expand-sel {
        margin-bottom: 9px;
    }
}

@media only screen and (min-width:820px) {
    .dataTables_scroll table tbody tr td.dt-center:last-child {
        /*float: right;
            right: 18px !important;*/
        padding-right: 18px;
    }
}

.SumoSelect > .optWrapper > .options li.opt label {
    text-align: left;
    line-height: 30px !important;
}

.iti__country-list li {
    text-align: left !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.slider.round {
    border-radius: 34px !important;
}

#large .compare-check label {
    font-size: 13.5px;
}

#large .compare-content h3 {
    font-size: 17.5px;
}

#small .compare-content h3 {
    font-size: 12px;
}

#large .compare-content h6 {
    font-size: 14px;
}

#large .SGD-con span {
    font-size: 16px;
    padding-top: 15px;
}

#large .price-tab-tlt {
    font-size: 20px;
}

    #large .price-tab-tlt span {
        font-size: 16px;
    }

    #large .price-tab-tlt p {
        font-size: 16px;
    }

    #large .price-tab-tlt a {
        font-size: 14px;
    }

#large .price-table table tbody td, #large .price-table table thead th {
    font-size: 14px !important;
}

#large .price-table table tbody td, #large .price-table table thead th {
    font-size: 14px;
}

#large .compare-content button {
    font-size: 16px;
}

#large .price-tab-text ul li button.active, #large .price-tab-text ul li button {
    font-size: 14px;
}

#medium .compare-check label {
    font-size: 13px !important;
}

#medium .compare-content h3 {
    font-size: 16px;
}

#medium .compare-content h6 {
    font-size: 13px;
}

#medium .SGD-con span {
    font-size: 15px;
}

#medium .price-tab-tlt {
    font-size: 20px;
}

    #medium .price-tab-tlt span {
        font-size: 16px;
    }

    #medium .price-tab-tlt p {
        font-size: 16px;
    }

    #medium .price-tab-tlt a {
        font-size: 13px;
    }

#medium .price-table table tbody td, #medium .price-table table thead th {
    font-size: 14px;
}

#medium .compare-content button {
    font-size: 15px;
}

#medium .price-tab-text ul li button.active, #medium .price-tab-text ul li button {
    font-size: 13px;
}

#small .compare-check label {
    font-size: 13px;
}

#small .compare-content h3 {
    font-size: 14px;
}

#small .compare-content h6 {
    font-size: 12px;
}

#small .SGD-con span {
    font-size: 14px;
}

#small .price-tab-tlt {
    font-size: 18px;
}

    #small .price-tab-tlt span {
        font-size: 15px;
    }

    #small .price-tab-tlt p {
        font-size: 15px;
    }

    #small .price-tab-tlt a {
        font-size: 11px;
    }

#small .price-table table tbody td, #small .price-table table thead th {
    font-size: 13px;
}

#small .compare-content button {
    font-size: 14px;
}

#small .price-tab-text ul li button.active, #small .price-tab-text ul li button {
    font-size: 11px;
}


.card-lst .list.approved {
    background: rgba(0, 113, 61, 0.15);
}

.card-lst .list.approved {
    background: rgba(23, 192, 91, 0.15) !important;
}


    .card-lst .list.approved span::before {
        background: #17C05B;
    }

.dark-mode .card-lst .list.approved {
    background: rgba(7, 138, 79, 1) !important;
}


    .dark-mode .card-lst .list.approved span::before {
        background: #005924;
    }


.card-lst .list.readyforreview {
    background: rgba(16, 146, 239, 0.15);
}



    .card-lst .list.readyforreview span::before {
        background: #1092EF;
    }

.dark-mode .card-lst .list.readyforreview {
    background: rgba(16, 146, 239, 1);
}



    .dark-mode .card-lst .list.readyforreview span::before {
        background: #005593;
    }


.card-lst .list.rework {
    background: rgba(243, 156, 18, 0.15);
}



    .card-lst .list.rework span::before {
        background: #F39C12;
    }


.dark-mode .card-lst .list.rework {
    background: rgba(197, 126, 25, 1);
}



    .dark-mode .card-lst .list.rework span::before {
        background: #673F06;
    }




.card-lst .list.revised {
    background: rgba(235, 183, 0, 0.18);
}



    .card-lst .list.revised span::before {
        background: #EBB700;
    }

.card-lst .list.onhold {
    background: rgb(9 147 117);
}



    .card-lst .list.onhold span::before {
        background: #F23F31;
    }


.card-lst .list:hover, .card-lst .list.active {
    box-shadow: 2px 2px 5px rgb(58 52 52 / 50%);
    /*margin: 2px;*/
}


.card-lst .list.rejected {
    background: rgba(242, 75, 68, 0.15);
}

    .card-lst .list.rejected span::before {
        background: #F24B44;
    }

.dark-mode .card-lst .list.rejected {
    background: rgba(196, 61, 65, 1);
}

    .dark-mode .card-lst .list.rejected span::before {
        background: #790A0D;
    }



.card-lst .list.draft {
    background: rgba(242, 63, 49, 0.15);
}

    .card-lst .list.draft span::before {
        background: #ff8100;
    }

.card-lst .list.list_status.all {
    background: rgba(8, 12, 70, 0.15);
}

.card-lst .list.all span::before {
    background: #080C46;
}

.dark-mode .card-lst .list.list_status.all {
    background: rgba(0, 99, 159, 1);
}

.dark-mode .card-lst .list.all span::before {
    background: #003759;
}


p.tlt-txt {
    overflow: hidden;
    white-space: nowrap;
    /*  text-overflow: ellipsis;*/
    width: auto;
    margin-bottom: 0px;
    font-size: 15px;
    margin-right: 10px;
}



.card-lst .list {
    width: 100%;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.card-lst {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 8px 0px;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
}

    .card-lst .col-sm-2 {
        /* width: 180px;
        min-width: 180px;*/
        width: auto;
        min-width: auto;
        max-width: 100%;
        margin-left: 10px;
    }

    .card-lst .list {
        display: flex;
        padding: 8px 14px;
        border-radius: 5px;
        justify-content: space-between;
        align-items: center;
        /* margin:2px;*/
    }

        .card-lst .list span {
            color: #2B2E32;
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            position: relative;
            margin-left: 5px;
        }

        .card-lst .list label {
            /*color: #2B2E32 !important;*/
            color: #fff !important;
            font-family: Roboto;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            border-radius: 2px;
            background: #FFF;
            margin: 0;
            width: auto;
            height: auto;
            line-height: 25px;
            text-align: center;
            padding: 0px 10px;
        }



        .card-lst .list i {
            width: 16px;
            height: 16px;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            color: #929395 !important;
            margin-left: 6px;
        }

        .card-lst .list span::before {
            content: "";
            width: 14px;
            height: 14px;
            background: #f00;
            position: absolute;
            left: -20px;
            top: 2px;
            border-radius: 2px;
            display: none;
        }

        .card-lst .list.grey {
            background: rgba(59, 0, 112, 0.15);
        }

            .card-lst .list.grey span::before {
                background: #3B0070;
            }

        .card-lst .list.green {
            background: rgba(0, 113, 61, 0.15);
        }

            .card-lst .list.green span::before {
                background: #00713D;
            }

        .card-lst .list.orange {
            background: rgba(255, 152, 0, 0.20);
        }

            .card-lst .list.orange span::before {
                background: #FF9800;
            }

        .card-lst .list.yellow {
            background: rgba(235, 183, 0, 0.18);
        }

            .card-lst .list.yellow span::before {
                background: #EBB700;
            }

        .card-lst .list.red {
            background: rgba(242, 63, 49, 0.15);
        }

            .card-lst .list.red span::before {
                background: #F23F31;
            }



.sales-common-title.rework {
    border-radius: 5px;
    border: 1px solid #EBB700;
    background: rgb(235 183 0 / 44%);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.07);
}


.dark-mode .sales-common-title.rework {
    border-radius: 5px;
    border: 1px solid #EBB700;
    background: rgba(235, 183, 0, 0.10);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.07);
}



.sales-common-title {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-bottom: 12px;
}



    .sales-common-title.rework {
    }



.sub-sales-tlt .sub-blu {
    color: #00529D;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 0px 0px 0px 7px;
}



.sub-sales-tlt .sub-yel {
    color: #DB8200;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-left: 6px;
}



.sub-sales-tlt a {
    color: #343332;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #EBB700;
    background: rgba(235, 183, 0, 0.10);
    padding: 3px 9px 4px 12px;
    margin-left: 10px;
    margin-top: 0px;
    line-height: 17px;
}



.sub-sales-tlt {
    position: relative;
    top: 0px;
    left: 0%;
    display: flex;
}



    .sub-sales-tlt a svg {
        position: relative;
        top: 2px;
        right: 5px;
        width: 14px;
    }

.dark-mode p.tlt-txt {
    color: #fff;
}

.dark-mode .lst-num i:before {
    color: rgba(173, 187, 201, 1) !important;
    font-size: 14px;
}

#medium .card-lst .list label {
    font-size: 14px;
}

#medium p.tlt-txt {
    font-size: 14px;
}

#large .card-lst .list label {
    font-size: 15px;
}

#large p.tlt-txt {
    font-size: 15px;
}

#small .card-lst .list label {
    font-size: 13px;
}

#small p.tlt-txt {
    font-size: 13px;
}




#tblShip_wrapper .dataTables_scroll .dataTables_scrollHead table thead tr th:first-child, #tblShip_wrapper .dataTables_scroll .dataTables_scrollBody table#tblShip tbody tr td.dt-body-center {
    width: 45px !important;
    min-width: 45px !important;
    max-width: 45px !important;
}

.dark-mode .trumbowyg-editor p span {
    color: #fff !important;
}

.dark-mode .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #8cc2ff !important;
    background: #0b0437 !important;
}

.dataTables__bottom.pricing-datatables .dataTables_paginate input, .dataTables__bottom.pricing-datatables .dataTables_paginate select {
    height: 32px;
}

/*price comp*/
.price-acc-left {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.price-accordion-list {
    width: 95%;
}

.price-left-arrw {
    display: flex;
    align-items: center;
}

    .price-left-arrw .price-mg {
        margin-right: 15px;
    }

.summaryContent table tbody tr td {
    border-bottom: 0px;
}

.price-lft-cont h2 {
    color: #262E2F;
    font-family: 'Roboto';
    font-weight: 800;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
    margin-bottom: 4px;
}

.price-lft-cont p {
    color: #616263;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 112.5% */
    text-transform: lowercase;
    margin-bottom: 0px;
}

h2 {
}

.price-lft-cont h2 span {
    color: #1F3774;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 105.882% */
    border-radius: 18px;
    background: rgba(20, 123, 130, 0.10);
    padding: 0px 5px;
    margin-left: 5px;
}

.price-accordion .accordion-header button {
    background: #fff !important;
    border-radius: 10px;
    box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
    border-left: 2px solid #1F3774;
}

.price-left-arrw .price-mg svg {
    border: 1px solid #D6D6D6;
    width: 45px;
    height: 45px;
    border-radius: 30px;
    padding: 8px;
}

.price-acc-right a {
    border-radius: 50px;
    border: 1px solid #EDEDED;
    background: #FFF;
    width: 171px;
    height: 37px;
    display: block;
    text-align: center;
    color: #1F3774;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px; /* 112.5% */
}

.price-accordion .accordion-item {
    margin-bottom: 17px;
}

.price-accordion .accordion-body {
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #EFF0F0;
    background: #FFF;
    border-top: 0px !important;
    padding: 12px;
}

.price-min-lst {
    border-radius: 5px;
    border: 1px solid #E3E2E3;
    background: #FFF;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.06);
    width: 300px;
    max-width: 100%;
    padding: 0px;
}

    .price-min-lst .lst-price {
        border-bottom: 0px solid #E3E2E3;
        padding: 8px 0px;
    }

        .price-min-lst .lst-price div {
            display: flex;
        }

            .price-min-lst .lst-price div span {
                color: #717171;
                font-family: 'Roboto';
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 24px; /* 150% */
                margin-left: 9px;
            }

.sg-con-pric {
    display: flex;
    justify-content: space-between;
    padding-top: 0px;
    align-items: center;
}

    .sg-con-pric .sg-con-lft {
        color: #717171;
        font-family: 'Roboto';
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 133.333% */
    }

        .sg-con-pric .sg-con-lft span {
            color: #039F7A;
            font-family: 'Roboto';
            font-size: 21px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
        }


.price-min-lst .compare-check label {
    color: #272E38;
    font-family: 'Roboto';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.over-lst {
    display: flex;
    justify-content: space-between;
}

    .over-lst .price-amt {
        color: #272E38;
        text-align: right;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }

#medium .price-min-lst .compare-check label, price-min-lst .compare-check label {
    color: #272E38 !important;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 17px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.price-wrap-lst {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    row-gap: 8px;
    column-gap: 8px;
}

.price-acc-right a:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #1f3774;
    position: absolute;
    left: 24px;
    border-radius: 10px;
    top: 12px;
}

.price-acc-right a {
    position: relative;
}

.dark-mode .price-accordion .accordion-header button {
    background: #0e124a !important;
    border: 1px solid #3a4eb6 !important;
}

.dark-mode .price-lft-cont h2 {
    color: #fff;
}

.dark-mode .price-lft-cont p {
    color: #d8cccc;
}

.dark-mode .price-lft-cont h2 span {
    background: #3a4eb6;
    color: #fff;
}

.dark-mode .price-acc-right a {
    background: #0e124a;
    border-color: #3a4eb6;
}


.dark-mode .price-min-lst {
    background: #0e124a;
    border-color: #3a4eb6;
}

    .dark-mode .price-min-lst .lst-price div span {
        color: #fff;
    }

.dark-mode .sg-con-pric .sg-con-lft {
    color: #fff;
}

.dark-mode#medium .price-min-lst .compare-check label, .dark-mode price-min-lst .compare-check label {
    color: #cbc6c6 !important;
}

.dark-mode .price-accordion .accordion-header button {
    background: #0e124a !important;
    border: 1px solid #3a4eb6 !important;
}

.dark-mode .price-accordion .accordion-body {
    background: #0e124a;
    border: 1px solid #3a4eb6 !important;
}

.summarySectionHeader {
    color: #262E2F;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}

.summarySection {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
}

#summary li {
    padding: 0 !important;
    flex: 1 1 100px;
}

.summarySection .request-tab {
    border-radius: 5px;
    border: 1.5px solid #E6E6E6;
}

#summary li button.active {
    border-color: #039F7A !important;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

#summary li button {
    padding: 15px !important;
    color: #616166;
    font-family: 'Roboto';
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex !important;
    align-items: center;
    gap: 6px;
}

#summaryContent th {
    color: #494848;
    font-family: 'Roboto';
    font-size: 16px !IMPORTANT;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 15px 29px;
    border-bottom: 1px solid #E2E2E2;
    background: #fff;
}

#summaryContent table {
    width: 100%;
    border-collapse: separate;
}

#summaryContent td:last-child {
    width: fit-content;
}

#summaryContent h3.subHeader {
    color: #039F7A;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
}

#summaryContent td {
    color: #494848;
    font-family: 'Roboto';
    font-size: 15px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

    #summaryContent td:first-child {
        padding: 9px 24px;
    }

#husbandryList {
    background: #fff;
}

.countSection input {
    width: 40px;
    border: unset;
    text-align: center;
}

.countSection {
    display: flex;
    gap: 5px;
    justify-content: center;
}

    .countSection span {
        width: 20px;
        border-radius: 50%;
        height: 20px;
        border: 1px solid #707070;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 19px;
    }

#summaryContent th:last-child {
    max-width: 200px;
}

.dark-mode .summarySection {
    background: #0e124a;
    border: 1px solid #3344a0;
}

.dark-mode #husbandryList {
    background: #0e124a;
}

.dark-mode #summaryContent th {
    color: #fff;
}

.dark-mode #summaryContent td {
    color: #fff;
}

.countSection input {
    background: transparent;
}

.dark-mode .summarySection .request-tab {
    border-color: #3344a0;
}

.dark-mode #summaryContent th {
    border-color: #3a4eb6;
}

.dark-mode .summarySectionHeader {
    color: #fff;
}

    .dark-mode .summarySectionHeader span {
        color: #fff;
    }

.image-card .card-head header .country-port {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

form .contCard .card-block button#btnSubmit {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

select#pager_ddl_pagesize:focus-visible {
    outline: none;
}

.agency-drop .bounce {
    animation: none !important;
}

.sub-agency-modal::after {
    background: rgb(76 74 74 / 70%);
    content: "";
    position: fixed;
    top: 0px;
    z-index: -1;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*display:none*/
}

#large .price-min-lst .compare-check label {
    font-size: 15px !important;
}

#medium .price-min-lst .compare-check label {
    font-size: 14px !important;
}

#small .price-min-lst .compare-check label {
    font-size: 13px !important;
}

#large .price-min-lst .lst-price div span {
    font-size: 14.5px;
}

#medium .price-min-lst .lst-price div span {
    font-size: 13px;
}

#small .price-min-lst .lst-price div span {
    font-size: 13px;
}

#large .sg-con-pric .sg-con-lft {
    font-size: 16.5px;
}

#medium .sg-con-pric .sg-con-lft {
    font-size: 16px;
}

#small .sg-con-pric .sg-con-lft {
    font-size: 15px;
}

#large .sg-con-pric .sg-con-lft span {
    font-size: 20px;
}

#medium .sg-con-pric .sg-con-lft span {
    font-size: 18px;
}

#small .sg-con-pric .sg-con-lft span {
    font-size: 16px;
}

#large .price-lft-cont h2 {
    font-size: 16.5px;
}

#medium .price-lft-cont h2 {
    font-size: 16px;
}

#small .price-lft-cont h2 {
    font-size: 15px;
}

#large .price-lft-cont p {
    font-size: 15.5px;
}

#medium .price-lft-cont p {
    font-size: 15px;
}

#small .price-lft-cont p {
    font-size: 14px;
}

#large .price-acc-right a {
    font-size: 15.5px;
}

#medium .price-acc-right a {
    font-size: 15px;
}

#small .price-acc-right a {
    font-size: 14px;
}

#large .summarySectionHeader {
    font-size: 16.5px !important;
}

#medium .summarySectionHeader {
    font-size: 16px !important;
}

#small .summarySectionHeader {
    font-size: 15px !important;
}

#large #summary li button {
    font-size: 14.5px;
}

#medium #summary li button {
    font-size: 14px !important;
}

#small #summary li button {
    font-size: 13px !important;
}

#large #summaryContent th {
    font-size: 14.5px !important;
}

#medium #summaryContent th {
    font-size: 14px !important;
}

#small #summaryContent th {
    font-size: 13px !important;
}

#large #summaryContent td {
    font-size: 14.5px !important;
}

#medium #summaryContent td {
    font-size: 14px !important;
}

#small #summaryContent td {
    font-size: 13px !important;
}

#large #summaryContent h3.subHeader {
    font-size: 15.5px;
}

#medium #summaryContent h3.subHeader {
    font-size: 15px !important;
}

#small #summaryContent h3.subHeader {
    font-size: 14px !important;
}

#summaryContent h3.subHeader {
    letter-spacing: 0;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

#summary li button {
    gap: 4px;
    padding: 8px !important;
}

.summarySection {
    padding: 10px !important;
}

@media only screen and (min-width:320px) and (max-width:1260px) {
    .pricing-dashboard-left {
        width: 100%;
    }

    .pricing-dashboard-right {
        width: 100%;
    }
}

@media only screen and (min-width:320px) and (max-width:600px) {
    .price-acc-left {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .price-left-arrw {
        margin-bottom: 10px;
    }
}

.dataTables_wrapper .dataTables_length select:focus-visible {
    outline: none;
}

.profile_wrap .fa-camera.upload-button:hover {
    color: #000;
}


/*prefundcontainer*/
#large #PrefundContainer .card-head header .country-port span {
    font-size: 16.5px;
}

#medium #PrefundContainer .card-head header .country-port span {
    font-size: 16px;
}

#small #PrefundContainer .card-head header .country-port span {
    font-size: 15px;
}

#PrefundContainer .card-head header {
    padding-left: 8px;
}

    #PrefundContainer .card-head header .country-port span {
        color: #000;
        font-family: 'Roboto' !important;
        font-weight: 500;
    }

.dark-mode #PrefundContainer .card-head header .country-port span {
    color: #fff;
    font-family: 'Roboto' !important;
    font-weight: 500;
}

#PrefundContainer .card-head header {
    font-family: 'Roboto' !important;
    font-weight: 500;
}

#PrefundContainer ul.dropdown-menu li a:active {
    background: #e0e4e7;
}
/*Request card new changes*/
#PrefundContainer .request-card-list {
    max-width: 320px;
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
}

div#PrefundContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
}


@media only screen and (min-width:320px) and (max-width:591px) {

    #PrefundContainer .request-card-list {
        margin: 0 auto;
    }
}

#PrefundContainer .request-lst b.completed {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
}

.dark-mode div#PrefundContainer.automaton_card {
    justify-content: space-evenly;
}

#PrefundContainer .request-lst.request-number b {
    margin-top: 5px;
}

.dark-mode #PrefundContainer .card-head {
    border-bottom: 1px solid #3a4eb6
}

.dark-mode div#PrefundContainer.automaton_card {
    margin-top: 0px !important;
    background: #26206d;
    padding: 20px 0px;
}

#medium #PrefundContainer .request-lst {
    font-size: 15px;
}

#large #PrefundContainer .request-lst {
    font-size: 15.5px;
}

#small #PrefundContainer .request-lst {
    font-size: 14px;
}


#PrefundContainer .card-body {
    margin-top: 0px !important;
    padding-top: 5px !important;
}

div#PrefundContainer.automaton_card {
    margin-top: 0px !important;
    background: #fff;
    padding: 20px 0px;
}

.dataTables_wrapper.dicover-engae-wrap .request-card-head .tab-content {
    background: #fff !important;
}

.dark-mode .card.image-card.image-top .card-footer {
    background: #0e124a;
}

.dark-mode .card-footer .avg_freight_text small {
    color: #fff;
}

.dark-mode .card-footer .avg_freight_text span {
    color: #fff;
}

.dark-mode .card-footer .avg-gross .gross-label {
    color: #fff;
}

.dark-mode .card-footer .avg-gross .gross-amt {
    color: #fff;
}

.dark-mode .progress.avg-progress {
    background: #4ed2d5;
}

#PrefundContainer .request-lst b.clr-change, .dark-mode #PrefundContainer .request-lst b.clr-change {
    color: #069e86;
    font-weight: 600;
}

#PrefundContainer .card-head header span {
    color: #069e86;
    text-transform: capitalize;
    font-size: 15px;
    padding-right: 6px;
}

div#PrefundContainer {
    margin-top: 45px;
}


.dark-mode #PrefundContainer .card-head header {
    color: #fff;
}

.dark-mode #PrefundContainer ul.dropdown-menu li a {
    color: #fff;
    font-weight: normal;
}

.dark-mode #PrefundContainer ul.dropdown-menu {
    background: #0e124a;
    border: 1px solid #3445a5;
}

.dark-mode #PrefundContainer .request-lst {
    color: #d5cfcf;
}

    .dark-mode #PrefundContainer .request-lst b {
        color: #fff !important;
    }

.dark-mode #PrefundContainer .image-card .btn-icon-toggle::before {
    color: #fff;
}

#PrefundContainer .card {
    margin-bottom: 14px;
}

#PrefundContainer ul.dropdown-menu li a {
    color: #191C25;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#PrefundContainer .request-lst {
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 4px;
    color: #7A7A7A;
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#PrefundContainer .scroll {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#RequestContainer .request-lst b {
    color: #191C25;
    text-decoration: none !important;
    font-family: 'Roboto' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    /*font-weight: 500;*/
    /*    line-height: normal;
    margin-top: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-break: anywhere;*/
    white-space: nowrap;
    min-width: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

#PrefundContainer .card-head {
    display: flex;
    border-bottom: 1px solid #E8E8E8;
    justify-content: space-between;
    align-items: center;
}

    #PrefundContainer .card-head header {
        color: #272E38;
        font-family: 'Roboto';
        font-weight: 800;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 133.333% */
    }

    #PrefundContainer .card-head .tools .btn-group {
        margin-right: 20px;
    }

#PrefundContainer .image-card .btn-icon-toggle::before {
    content: "\f141";
    font-family: 'FontAwesome';
    z-index: 9999;
    position: relative;
    top: 2px;
    color: rgba(131, 129, 133, 1);
}

#PrefundContainer .image-card .btn-icon-toggle::after {
    content: unset !important;
}
/*Request card new changes*/

.clientpo_craftmyapp_container .SumoSelect > .CaptionCont > span.placeholder {
    background: transparent !important;
}

.clientpo_craftmyapp_container .SumoSelect > .CaptionCont > label > i {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=') !important;
}



.card-footer {
    padding: 8px;
    border-top: 1px solid rgb(213, 213, 235) !important;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    color: #5D5C5F;
}

    .card-footer .avg-session-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .card-footer .avg-session .space-bottom {
        margin-bottom: 5px;
    }

    .card-footer .avg_freight_text.space-right {
        margin-right: 20px;
    }

    .card-footer .avg_freight_text {
        margin-top: 0;
        margin-bottom: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 200px;
    }

        .card-footer .avg_freight_text small {
            text-transform: uppercase;
            display: block;
            font-size: 12px;
            margin-bottom: -4px;
        }

    .card-footer .avg-progress {
        margin-bottom: 3px;
        height: 6px;
    }

        .card-footer .avg-progress .progress-bar {
            background: #58d9da;
        }

    .card-footer .progress-bar {
        float: left;
        height: 100%;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
    }

    .card-footer .progress-bar {
        float: left;
        width: 0%;
        height: 100%;
        font-size: 12px;
        line-height: 24px;
        color: #ffffff;
        text-align: center;
        background-color: #0aa89e;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
        transition: width 0.6s ease;
    }

    .card-footer .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

.image-card .avg-gross-icon {
    color: #58d9da;
    font-size: 44px;
}

.card-footer .avg-progress .progress-bar {
    background: #58d9da;
}

.card-footer .avg-gross-footer {
    margin-top: 9px;
}

.card-footer .image-card .avg-gross-icon {
    color: #58d9da;
    font-size: 44px;
}

.card-footer .avg-gross {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

    .card-footer .avg-gross .gross-amt {
        font-size: 15px;
        margin-top: 6px;
        font-weight: 500;
    }

.card-footer .avg_freight_text span {
    font-size: 14px;
    color: #000;
}

.card-footer .avg-gross .gross-label {
    padding-top: 5px;
}

.card.image-card.image-top .card-footer {
    background: #fff;
}
/*.modal-backdrop.show {
    z-index: 99999;
}*/
.attachment_craftmyapp_container label {
    margin-bottom: 5px;
    color: #949494;
}

/*tab js changed to css*/
/*body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav:has(.litab + .litab.active) #tabAppointment.active {
    background: #fff !important;
    border-color: #fff !important;
  
}
body #servicesContainerparents_l .tabs.pricing-tab ul#tabs-nav:has(.litab + .litab.active) #tabAppointment.active a {
    color:#000 !important;
}
/*tab js changed to css*/


.right-section .accordion .card-header .card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
}

    .right-section .accordion .card-header .card-title header {
        margin-left: 22px;
    }

.right-section .accordion .card-header:after {
    float: left;
    top: 3px;
    position: absolute;
    z-index: 9999999999999;
    width: 20px;
}

.right-section .accordion .card-header .card-title > header {
    margin-left: 22px;
}

.right-section .accordion .card-header {
    position: relative;
    padding: 0px;
    margin: 0px;
}


    .right-section .accordion .card-header:after {
        font-family: 'FontAwesome';
        content: "\f068";
        float: right;
    }

    .right-section .accordion .card-header.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f067";
    }

.right-section .accordion .card {
    height: auto !important;
}

    .right-section .accordion .card .card-header:after {
        width: 0px;
    }

.right-section .accordion .card-header {
    background: transparent;
    border: 0px;
}

    .right-section .accordion .card-header .card-title {
        font-family: 'Roboto' !important;
        font-weight: 500;
        font-size: 16px;
        color: #4a4a4a;
        padding: 3px;
        border-bottom: 1px solid #dcdddd;
    }

.planner-right .card {
    box-shadow: unset !important;
    border: 0px;
}

.right-section .accordion .card .card-body .card {
    padding: 0px !important;
}

.right-section .accordion .card .card-body {
    padding: 0px !important;
}

    .right-section .accordion .card .card-body .card .row > div {
        width: 100% !important;
    }

.right-section.planner .planner-right > .col-sm-12 {
    margin-top: 0px !important;
}

button.left-arrow, button.right-arrow, button.left-arrow:hover, button.right-arrow:hover {
    background: #04927b !important;
    border: 1px solid #04927b !important;
    padding: 10px 0px;
    position: absolute;
    top: 25%;
    z-index: 999;
    color: #fff;
    width: 43px;
}

button.right-arrow {
    right: -4px;
}

.right-section {
    width: 30%;
}

.center-section.rightSection {
    width: 100% !important;
}

.center-section {
    width: 70% !important;
}

.add-req-wrap .center-section {
    width: 70% !important;
}

.add-req-wrap .right-section {
    width: 30%;
}

.add-req-wrap .center-section.rightSection {
    width: 100% !important;
}

.right-section.hide {
    display: none;
}

.right-section.planner {
    position: relative;
    /*   z-index: 9;*/
}

.iti__country {
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    .menu-top-section {
        position: relative;
        /*width: calc(100% - 670px) !important;*/
        width: 100% !important;
        max-width: 100%
    }
}

@media (min-width: 1100px) and (max-width: 1366px) {
    .menu-top-section {
        position: relative;
        width: calc(100% - 541px); /* Remove the !important if possible */
        max-width: 100%;
    }
}

@media (min-width: 1100px) and (max-width: 1366px) {
    .horizontal .side-menu {
        /*justify-content: flex-start;*/
    }
}

@media (width: 1366px) {
    .horizontal .side-menu {
        /*justify-content: flex-start;*/
    }
}

.chatbody-scroll {
    height: calc(100vh - 421px);
    overflow: scroll;
}

.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {
    top: 131px;
}

.revisions_wrapper .menu_appointment .request_menu_color {
    right: 60px;
    top: 25px;
    background: transparent !important;
}

    .revisions_wrapper .menu_appointment .request_menu_color a {
        color: #1F3979 !important;
    }

@media (min-width: 992px) {
    ul.side-menu.flex-nowrap:not(:has(li:nth-child(5) .slide-menu)) {
        justify-content: center !important;
    }
}

.message {
    position: fixed !important; /* Makes it fixed on the page */
    z-index: 1050 !important; /* Ensures it appears in front of other content */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
    border-radius: 5px; /* Rounds the corners */
    padding: 15px; /* Adds some padding inside the alert */
    display: flex;
    align-items: center; /* Centers the content vertically */
    width: 98%
}

    .message .btn-close {
        margin-left: auto; /* Pushes the close button to the right */
    }

#medium .font-14 .form-control {
    font-size: 14px !important;
}

.dataTables_wrapper .PDARequesttable table thead th:last-child, .dataTables_wrapper table tbody tr td:last-child {
    width: 57px !important;
    min-width: 55px !important;
}

.w-10 {
    width: 10px !important;
}
.h-10{
    height: 15px !important;
}

.order-summary-price {
    display: none;
}

.order-summary-price {
    display: block !important;
    right: -458px !important;
    transition: 1s all;
}

    .order-summary-price.shipPopup {
        right: 0 !important;
    }

.order-summary-price {
    position: absolute;
    /* left:0px;*/
    left: unset;
    right: 0px;
    z-index: 999999;
    background: #fff;
    width: 100% !important;
    height: 100%;
    max-width: 450px;
}

.select2-container--disabled span.select2-selection.select2-selection--single {
    background: #e9ecef url(../images/landing/dropdown.png) no-repeat 96% center !important;
}

.table-calc-80px {
    height: calc( 100vh - 385px);
}

@media (min-width: 992px) {
    /* .horizontal .side-menu {
        justify-content: center;
    }*/
}

.ship-subtitle-text-truncate {
    /*min-width: 25%;*/ /* Ensures a minimum width for truncation */
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides the overflow */
    text-overflow: ellipsis; /* Adds ellipsis (...) for overflowed text */
    max-width: 100%; /* Ensures it works well on all screen sizes */
    display: inline-block; /* Ensures truncation works properly */
}

.price-min-lst:has(.compareagent-withoutpricing[disabled]) .confirm-btn-wrap .button-action {
    opacity: 0.3;
    cursor: no-drop;
}

.right-wrap .right-wrap-btn .confirm-btn-wrap:has(.button-action[disabled]) {
    opacity: 0.3;
    cursor: no-drop;
}

.popup-table {
    min-height: 200px;
    max-height: 100px;
}

.Interactions_popup {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    position: absolute;
    z-index: 9999;
    display: none;
}

.pointer_cursor {
    cursor: pointer
}

.update-request-table .table-responsive {
    min-height: auto !important;
}

.chatheight .chat-body-left.table-responsive {
    height: 100px !important;
}

.chatheight .chat-box-left.split-left .table-responsive {
    height: calc(100vh - 324px) !important;
    min-height: calc(100vh - 324px) !important;
    max-height: calc(100vh - 324px) !important;
}

.w-20 {
    width: 17px !important;
}

.h-20 {
    height: 17px !important;
}

.min-height {
    min-height: calc(100vh - 50px) !important;
}

.curve {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 48px;
    height: 55px;
    background-color: rgba(3, 159, 122, 1);
    clip-path: polygon(158% 0, 0 128%, 113% 107%);
    border-top-right-radius: 20px;
    opacity: 1;
    cursor: pointer;
    transform: rotate(180deg);
}

    .curve:after {
        content: "\f21a";
        font-family: 'FontAwesome';
        transform: rotate(180deg);
        position: relative;
        color: #ffff;
        margin-left: 22px;
        top: -2px;
        font-size: 10px;
    }

.Nominated_table .table-responsive {
    /*  overflow-x: hidden !important;
    max-height: 180px !important;
    overflow-y: scroll !important;*/
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    min-height: calc(100vh -150px);
    min-height: calc(20vh - 139px);
    max-height: calc(40vh - 126px) !important;
}

.float_right {
    float: right;
}

[data-pricetolltip]:before {
    content: attr(data-pricetolltip);
    position: absolute;
    top: -21px;
    right: 0;
    background: #fff;
    padding: 0px 5px;
    border-radius: 3px;
    color: #039f7a;
    z-index: 99;
    white-space: nowrap;
    font-size: 13px;
    border: 1px solid #039f7a;
    display: none;
}

.curve:hover + [data-pricetolltip]:before {
    display: block;
}


#partialViewContainer .price-accordion .accordion-collapse.collapse.show {
    visibility: visible !important;
    display: block !important;
}

#partialViewContainer .price-accordion .accordion-collapse.collapse {
    visibility: unset !important;
    display: none !important;
}

.break-word label {
    word-break: break-all;
    text-wrap: balance;
    padding: 0px !important;
}

.savepreferred {
    background: #01B18A;
    font-size: 16px;
    line-height: 47px;
    width: 164px;
    height: 47px;
    font-weight: 600;
    border-radius: 5px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px;
    color: #fff;
    text-align: center !important;
    display: flex;
    justify-content: center;
    font-family: 'Roboto';
    font-weight: 800;
    cursor: pointer;
}

.position span {
    position: relative
}

.text-red {
    color: red;
}

.text-Appointed {
    color: #DF8B06 !important;
}

.dropdown-padding .dropdown-menu {
    padding: 0px !important;
}

.dropdown-padding a {
    padding: 2px 12px !important;
}

.table-ctm {
    display: flex;
    overflow: auto;
    height: 75px;
}

    .table-ctm table {
        box-shadow: unset !important;
    }

        .table-ctm table tbody tr {
            background: #F5F6F8 !important;
        }

    .table-ctm tbody tr td {
        background: #F5F6F8 !important;
        box-shadow: unset;
    }

    .table-ctm::-webkit-scrollbar {
        width: 4px;
        height: 5px;
    }

.price-min-lst .lst-price div.over-lst-tab {
    border-bottom: 1px solid #E3E2E3;
}

    .price-min-lst .lst-price div.over-lst-tab span {
        margin-right: 10px;
        margin-left: 0px !important;
    }

        .price-min-lst .lst-price div.over-lst-tab span.active {
            border-bottom: 2px solid #039F7A;
            margin-left: 0px;
        }

.sg-con-lft.sg-con-lft-cont {
    display: flex;
    flex-direction: column;
}

.price-min-lst.compare-price .table-ctm .table-responsive {
    width: 100%;
}

    .price-min-lst.compare-price .table-ctm .table-responsive tbody tr td {
        padding: 6px;
        vertical-align: middle;
    }

.price-min-lst.compare-price .sg-con-pric .sg-con-lft {
    flex-direction: column;
    display: flex;
}

    .price-min-lst.compare-price .sg-con-pric .sg-con-lft span img {
        width: 25px;
        height: 25px;
        margin: 0px 3px;
    }


.price-min-lst.compare-price .sg-con-lft.sg-certificate {
    display: flex;
    flex-direction: row;
}

.price-min-lst.compare-price .sg-con-pric .sg-con-lft {
    font-size: 14px !important;
}

    .price-min-lst.compare-price .sg-con-pric .sg-con-lft label, .price-min-lst.compare-price .sg-con-pric .sg-con-lft lable, .price-min-lst.compare-price .sg-con-pric .sg-con-lft span {
        font-family: 'roboto';
    }

.price-min-lst.compare-price .lst-price div span {
    font-family: 'roboto';
}

.price-min-lst.compare-price .sg-con-pric .sg-con-lft span {
    font-family: 'roboto';
    font-weight: 600;
}

.price-min-lst.compare-price .table-ctm {
    font-family: 'roboto';
    font-weight: 500;
}


.price-min-lst.compare-price .compare-check > .d-flex {
    width: 100%;
    max-width: 276px;
}

.dark-mode .table-ctm table tbody tr td {
    background: #172270 !important;
}

.dark-mode .price-min-lst .lst-price {
    border-color: #0e57d1;
}

    .dark-mode .price-min-lst .lst-price div.over-lst-tab {
        border-color: #0e57d1;
    }

        .dark-mode .price-min-lst .lst-price div.over-lst-tab span.active {
            border-color: #039F7A !important;
        }


.preferred-agency {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    row-gap: 8px;
    column-gap: 6px;
    background: #f5f5f5;
    padding: 20px 3px;
}

.preferred-card {
    max-width: 305px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;
    display: flex;
    position: relative;
}

.preferred-card-list {
    border: 1px solid #e8e8e8;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.preferred-top {
    border-bottom: 1px solid #e8e8e8;
    padding: 8px;
    display: flex;
    justify-content: space-between;
}

.preferred-bottom {
    padding: 5px;
}

.preferred-left {
    display: flex;
    flex-direction: column;
}

.preferred-bottom ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

    .preferred-bottom ul li {
        margin: 5px 3px;
        background: #ededed;
        padding: 7px 5px;
        border-radius: 5px;
        width: auto;
        font-size: 13.4px;
        color: #272E38;
    }

.preferred-left .head {
    color: #272E38;
    font-weight: 700;
    font-size: 17px;
    display: block;
    white-space: nowrap;
    width: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.preferred-left span.port-pre {
    font-weight: normal !important;
    font-size: 14px;
}

    .preferred-left span.port-pre b {
        color: #1092EF;
        font-weight: normal;
    }

.preferred-title {
    color: #7A7A7A;
    font-size: 14px;
    margin-bottom: 4px;
    margin-left: 3px;
}

.dark-mode .preferred-agency {
    background: #26206d;
}

.dark-mode .preferred-card {
    background: #0E124A;
}

.dark-mode .preferred-card-list {
    border: 1px solid #3a4eb6 !important;
}

.dark-mode .preferred-left .head {
    color: #fff;
}

.dark-mode .preferred-left span.port-pre b {
    color: #1b84cf;
}

.dark-mode .preferred-top {
    border-bottom: 1px solid #3a4eb6;
}

.dark-mode .preferred-title {
    color: #fff;
}

.dark-mode .preferred-bottom ul li {
    background: #75a7cd;
    color: #000;
}

#medium .preferred-left .head {
    font-size: 17px;
}

#small .preferred-left .head {
    font-size: 16px;
}

#large .preferred-left .head {
    font-size: 18px;
}

#large .preferred-left span.port-pre {
    font-size: 15px;
}

#medium .preferred-left span.port-pre {
    font-size: 14px;
}

#small .preferred-left span.port-pre {
    font-size: 13px;
}

#large .preferred-title {
    font-size: 15px;
}

#medium .preferred-title {
    font-size: 14px;
}

#small .preferred-title {
    font-size: 13px;
}

#medium .preferred-bottom ul li {
    font-size: 13.4px;
}

#large .preferred-bottom ul li {
    font-size: 13.5px;
}

#small .preferred-bottom ul li {
    font-size: 13px;
}


.preferred-right a {
    margin-right: 5px;
}


.order-comparison h2 {
    font-size: 18px;
    color: #262E2F;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 9px;
    margin-bottom: 14px;
    font-family: 'roboto';
    font-weight:500;
}

#large .order-comparison h2 {
    font-size: 18px !important;
}

#medium .order-comparison h2 {
    font-size: 17px !important;
}

#small .order-comparison h2 {
    font-size: 16px !important;
}

.order-comparison {
    font-family: 'roboto';
    padding: 12px;
}

.order-agent h3 {
    color: #717171;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
}

#large .order-agent h3 {
    font-size: 15px !important;
}

#medium .order-agent h3 {
    font-size: 14px !important;
}

#small .order-agent h3 {
    font-size: 13px !important;
}

.order-agent ul {
    margin-top: 15px
}

    .order-agent ul li {
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
        border: 1px solid #E5E9F0;
        padding: 9px 9px 2px 9px;
        border-radius: 5px;
        margin-bottom: 7px;
    }

html body.app .order-agent ul li .check-price.compare-check label {
    color: #272E38 !important;
    font-family: 'roboto';
    font-weight: normal !important;
}

#medium .order-agent ul li .check-price.compare-check label {
    font-size: 14px !important;
}

#large .order-agent ul li .check-price.compare-check label {
    font-size: 15px !important;
}

#small .order-agent ul li .check-price.compare-check label {
    font-size: 13px !important;
}

.order-agent {
    margin-bottom: 18px;
}

    .order-agent ul li input[type="checkbox"] {
        top: -5px;
        position: relative;
    }

    .order-agent ul li span {
        background: #F5F6F8;
        color: #272E38;
        height: 34px;
        line-height: 34px;
        padding: 0px 10px;
        position: relative;
        top: -4px;
        font-family: 'roboto';
        font-weight: 600;
        border-radius: 5px;
    }

.check-price.compare-check {
    display: flex;
    align-items: center;
}

.order-agent ul li.active {
    border: 1px solid #039F7A;
}

    .order-agent ul li.active span {
        background: #039F7A;
        color: #fff;
    }


.dark-mode .order-comparison h2 {
    color: #fff;
}

html body.app.dark-mode .order-agent ul li .check-price.compare-check label {
    color: #fff !important;
}

.dark-mode .order-agent h3 {
    color: #fff;
}

.dark-mode .order-agent ul li {
    border: 1px solid #3a4eb6;
}

    .dark-mode .order-agent ul li.active {
        border: 1px solid #039f7a;
    }

.dark-mode .order-comparison h2 {
    border-color: #3344a0;
}

button.compare-btn-co {
    background: #039F7A;
    width: 100%;
    border: 0;
    height: 50px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'roboto';
    font-weight: 500;
    border-radius: 5px;
}

#large button.compare-btn-co {
    font-size: 17px;
}

#medium button.compare-btn-co {
    font-size: 16px;
}

#small button.compare-btn-co {
    font-size: 15px;
}

.dark-mode .order-agent ul li span {
    background: #d3dfdd;
}

.dark-mode .order-agent ul li.active span {
    background: #039f7a;
}

.profiletext_ellipsis {
    width: 116px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: 3px;
}

.activityaddon[readonly] {
    background-color: #e9ecef;
}


.commnets_width {
    width: 36%;
}


.specific-vessels {
    display: flex;
    margin-bottom: 14px;
}

div#add-specific-popup {
    width: 390px;
    max-width: 100%;
}

button.specific_vessels {
    border: 1px solid #01B18A;
    height: 45px;
    line-height: 45px;
    width: 200px;
    max-width: 100%;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600 !important;
}

.specific-vessels .savepreferred {
    margin: 0;
    height: 45px;
    width: 152px;
    font-weight: 600;
}

.specific-vessels .right_btn {
    height: 45px;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    width: 45px;
    line-height: 42px;
    text-align: center;
    margin-left: 4px;
    position: relative;
}

    .specific-vessels .right_btn i {
        position: relative;
        top: 1px;
        color: #01b18a;
    }



.add_specific_popup .header-modal {
    margin: 10px 10px 0px 10px;
    padding: 10px 4px;
    position: relative;
}

    .add_specific_popup .header-modal::after {
        content: "";
        position: absolute;
        width: 26px;
        height: 3px;
        background: #251f70;
        bottom: -1px;
        left: 0;
    }

#add-specific-popup .closebtn {
    color: #191C25 !important;
}


#add-specific-popup .header-modal h4 {
    font-family: 'roboto';
    font-weight: 600;
}

#add-specific-popup .top-section-agency {
    padding: 0px !important;
    margin: 0px 0px 9px 0px !important;
    width: 100%;
}

    #add-specific-popup .top-section-agency .input-group.prefix {
        width: 100% !important;
    }


.specific_vessel_list ul {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    height: 150px;
    overflow: auto;
}

    .specific_vessel_list ul li span {
        margin: 2px 3px;
        background: #ededed;
        padding: 11px 7px;
        border-radius: 5px;
        font-size: 14px;
        color: #272E38;
        display: inline-block;
    }

    .specific_vessel_list ul li {
        margin-bottom: 2px;
    }



    .specific_vessel_list ul::-webkit-scrollbar {
        width: 4px;
        height: 5px;
    }

.add_specific_popup .cancel-save button {
    width: 81px;
    margin-left: 10px !important;
    font-family: 'Roboto';
    border-color: #01b18a;
}

.add_specific_popup .cancel-save {
    display: flex;
    justify-content: flex-end !important;
    margin-top: 20px;
    font-family: 'Roboto';
}

    .add_specific_popup .cancel-save button.save-btn-specific {
        background: #01b18a;
        color: #fff;
        border-color: #01b18a;
    }

.dark-mode .specific_vessel_list ul li span {
    background: #75a7cd;
    color: #000;
}

#large .specific_vessel_list ul li span {
    font-size: 15px;
}

#medium .specific_vessel_list ul li span {
    font-size: 14px;
}

#small .specific_vessel_list ul li span {
    font-size: 13px;
}


.dark-mode .specific-vessels .right_btn {
    border-color: #01b18a;
}

.dark-mode button.specific_vessels {
    background: #75a7cd;
    color: #000;
}

#large button.specific_vessels {
    font-size: 16px;
}

#medium button.specific_vessels {
    font-size: 15px;
}

#small button.specific_vessels {
    font-size: 14px;
}

#large .specific-vessels .savepreferred {
    font-size: 16px;
}

#medium .specific-vessels .savepreferred {
    font-size: 15px;
}

#small .specific-vessels .savepreferred {
    font-size: 14px;
}

.preferred-agencysave .apply-filter-btn {
    background: #01B18A;
    font-size: 16px;
    line-height: 47px;
    width: 164px;
    height: 47px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Roboto';
    cursor: pointer;
}

/*Mega menu*/
.slide-new-menu {
    left: 0;
    padding: 20px 26px !important;
    /*width: 85vw !important;*/
    /*   width: fit-content !important;*/
    /* display: flex !important;
    justify-content: space-between;*/
    box-shadow: unset !important;
    background: #fff !important;
    border: 0px !important;
    border-top: 1px solid #e4e6eb !important;
    margin-top: 5px;
    right: unset !important;
    flex-wrap: wrap;
    /*    min-width:540px !important;
*/
}


    .slide-new-menu li {
        background-color: #fff;
        z-index: 9999;
        padding: 5px;
        box-shadow: 0px 16px 18px rgba(135, 135, 182, 0.1) !important;
        border: 1px solid #e7eaf3;
        border-radius: 5px;
        /*  min-width: fit-content;
        width: 190px;*/
        /*width: 200px;*/
        /*   max-width: 100%;*/
    }

.dark-mode .slide-new-menu {
    border-top: 1px solid #27357c !important;
    background: #10174d !important;
}

    .dark-mode .slide-new-menu li {
        background: #070322 !important;
        border-color: #27357c !important;
    }

.slide-settings h3 {
    color: #272E38;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 17px;
    margin-left: 3px;
    font-weight: 600;
}

.slide-settings ul li {
    background: transparent !important;
    border: 0;
    box-shadow: unset !important;
    margin-bottom: 5px;
}


    .slide-settings ul li a {
        font-family: 'roboto';
    }

        .slide-settings ul li a:before {
            content: unset;
        }

.slide-settings {
    padding: 8px 3px;
}

    .slide-settings ul {
        margin-top: 14px;
        display: block !important;
    }

.dark-mode .slide-settings h3 {
    color: #8cc2ff;
}

.slide-settings .slide_icon {
    margin-bottom: 15px;
    display: block;
}

.dark-mode .slide-settings .slide_icon svg path {
}

.dark-mode .slide-settings ul li:hover a {
    color: #1092EF !important;
}

.slide-settings ul li:hover a {
    color: #1092EF !important;
}

.slide-settings ul li.active a {
    color: #1092EF !important;
}

.slide-new-menu li.active {
    background: #f2f2f2;
}

.dark-mode .slide-new-menu li.active {
    background: #0e124a !important;
}

    .dark-mode .slide-new-menu li.active .slide-settings ul li {
        background: transparent !important;
    }

/*latest mm style*/
ul.slide-menu.slide-menu-cntag.open {
    left: 0;
    padding: 20px 20px !important;
    width: 800px !important;
    display: flex !important;
    box-shadow: unset !important;
    background: #fff !important;
    border: 0px !important;
    border-top: 1px solid #e4e6eb !important;
    margin-top: 5px;
    right: unset !important;
    flex-wrap: wrap;
    max-width: 100%;
}


.slide-menu-cntag li {
    width: 47%;
    float: left;
}

    .slide-menu-cntag li::after {
    }

    .slide-menu-cntag li h3 {
        color: #7B7B7B;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-family: 'mont-semibold';
        letter-spacing: 0.7px;
    }

.slide-menu-cntag ul.cntagent {
    width: 100%;
    display: block !important;
}

    .slide-menu-cntag ul.cntagent li {
        width: 100%;
        display: flex;
        padding: 12px;
        max-width: 320px;
    }

        .slide-menu-cntag ul.cntagent li .clag-ico {
            margin-right: 13px;
        }

        .slide-menu-cntag ul.cntagent li .clag-list {
            display: flex;
            flex-direction: column;
        }

            .slide-menu-cntag ul.cntagent li .clag-list h4 {
                color: #272E38;
                font-size: 17px;
                font-family: 'mont-semibold';
                margin-bottom: 3px;
            }

            .slide-menu-cntag ul.cntagent li .clag-list p {
                color: #7B7B7B;
                font-size: 15px;
                font-family: 'roboto';
                padding-bottom: 0px !important;
                margin-bottom: 0px;
            }

        .slide-menu-cntag ul.cntagent li.active, .slide-menu-cntag ul.cntagent li:hover {
            background: #f2f2f2;
            border-radius: 10px;
        }


.dark-mode .slide-menu-cntag li h3 {
    color: #fff;
}

.dark-mode .slide-menu-cntag ul.cntagent li .clag-list h4 {
    color: #fff;
}

.dark-mode .slide-menu-cntag ul.cntagent li .clag-list p {
    color: #d5d1d1;
}

.dark-mode .slide-menu-cntag ul.cntagent li.active, .dark-mode .slide-menu-cntag ul.cntagent li:hover {
    background: #070322 !important;
}

.dark-mode ul.slide-menu.slide-menu-cntag.open {
    border-color: #3a4eb6 !important;
}



.dark-mode .slide-menu-cntag::after {
    background: #3a4eb6;
}


.slide-menu-cntag li.line {
    width: 1px;
    height: 70vh;
    background: #e5e5e5;
    margin: 0px 20px 0px 10px;
}

.dark-mode .slide-menu-cntag li.line {
    background: #3a4eb6;
}

.add-req-wrap .SumoSelect > .CaptionCont > span.placeholder {
    background-color: transparent !important;
    color: #000 !important;
    font-style: normal !important;
    font-weight: normal !important;
}


.sg-con-lft.float_right {
    height: 30px;
}

#invite-agency .sg-con-lft {
    height: 30px;
}
/*style for preferred agency*/
.row.add-req-top-wrap {
    width: 95%;
    margin-right: 5px;
}

.preferred-agencysave .apply-filter-btn {
    width: 109px;
    border: 0px;
    height: 45px;
    line-height: 45px;
}

.preferred-top .preferred-right {
    width: 60px;
    max-width: 100%;
}

@media only screen and (min-width: 931px) and (max-width: 1300px) {
    body .bread_crumbs:has( + .discovery-lst) .c_tenantname {
        width: fit-content !important;
    }
}
/*style for preferred End agency*/

/* Summner Note Style */
.note-editor table {
    max-width: 100%; /* Set a maximum width */
    table-layout: fixed; /* Fix the table layout */
    word-wrap: break-word; /* Allow words to break and wrap within cells */
}

.note-dropdown-menu {
    max-height: 300px; /* Adjust the height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
}
/* Summner Note Style End */
.modal-content.ship_model {
    margin-top: 286px !important;
    right: 9% !important;
}
/*changed for mega menu*/
.clag-link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.slide-menu a:before {
    content: none !important
}

.slide-menu-cntag ul.cntagent li a {
    text-decoration: none;
}

.is-expanded .slide-new-menu {
    display: flex !important;
    /* justify-content: space-between;*/
}



body :is(#pills-activity, #pills-operation) .price-table table:has(th:not(:nth-child(5))):not(:has(th:nth-child(9))) {
    width: 100% !important;
}

/*.price-table.activitytab table tbody td table.border-rgt tbody td:last-child {
    display: table-cell !important;
}
*/

.slide-new-menu {
    margin-top: 0px;
}



.dark-mode ul.slide-menu.slide-new-menu::after {
    background: #0e124a;
    color: #414f97;
}



.slide-new-menu::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.slide-new-menu li {
    margin-bottom: 10px;
}

ul.slide-new-menu {
    overflow: auto;
    height: 330px;
    margin-bottom: 10px;
}

.slide-new-menu::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.slide-new-menu li {
    margin-bottom: 10px;
}

    .slide-new-menu li:nth-child(2n) {
        background: #f2f2f2;
    }

body .side-menu-setting {
    min-width: 100% !important;
}

    body .side-menu-setting li {
        width: 150px !important;
        max-width: 100%;
    }

#add-specific-popup {
    /*top: 250px;*/
    /*    left: 35%;
*/
}

#large .slide-settings h3 {
    font-size: 17px;
}

#medium .slide-settings h3 {
    font-size: 16px;
}

#small .slide-settings h3 {
    font-size: 15px;
}

/*.is-expanded .slide-new-menu {
    transition: 1s all ease;
}*/

.horizontal .horizontal-main .desktopDevice .slide .slide-menu {
    transition: 1s all cubic-bezier(0.25, 0.1, 0, 0.98);
}

ul.slide-menu.slide-new-menu {
    border: 1px solid #251F70 !important;
    border-radius: 5px !important;
}

#agency_header .single-card {
    width: 100% !important;
}

.side-menu li a i.side-menu__icon {
    opacity: 0 !important;
}

.horizontal .side-menu li span {
    font-family: 'roboto';
}

.slide-new-menu {
    margin-top: 0px;
}



.horizontal li.slide.Settings.is-expanded ul.slide-new-menu {
    max-width: 100%;
}
.horizontal li.slide.Agencies.is-expanded ul.slide-new-menu {
    max-width: 100%;
}
.horizontal li.slide.Jobs.is-expanded ul.slide-new-menu {
    max-width:100%;
}
/*.horizontal li.slide.Settings.is-expanded .slide-new-menu li{width:150px !important;}
.horizontal li.slide.Agencies.is-expanded .slide-new-menu li {
    width: 150px !important;
}*/



body .side-menu .slide.active .side-menu__label {
    color: #039F7A !important;
    font-family: 'roboto';
    font-weight:600;
}


body .side-menu .slide.active i.angle {
    color: #251F70 !important;
}
#agency_header:has(> .col-sm-4:only-child) .col-sm-4 {
    width: 100% !important;
}

/*.price-table.activitytab table tbody td table.border-rgt tbody td:last-child {
    display: table-cell !important;
}*/



.slide-new-menu {
    margin-top: 0px;
}

ul.slide-menu.slide-new-menu {
    position: relative;
}

.dark-mode ul.slide-menu.slide-new-menu::after {
    background: #0e124a;
    color: #414f97;
}


.slide-new-menu::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.slide-new-menu li {
    margin-bottom: 10px;
}

.slide-new-menu::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.slide-new-menu li {
    margin-bottom: 10px;
}

    .slide-new-menu li:nth-child(2n) {
        background: #f2f2f2;
    }
body .side-menu-setting {
    min-width: 100% !important;
}

    body .side-menu-setting li {
        width: 150px !important;
        max-width: 100%;
    }
#add-specific-popup {
    /*top: 250px;*/
    /*    left: 35%;
*/
}
#large .slide-settings h3 {
    font-size: 17px;
}

#medium .slide-settings h3 {
    font-size: 16px;
}

#small .slide-settings h3 {
    font-size: 15px;
}

/*.is-expanded .slide-new-menu {
    transition: 1s all ease;
}*/

.horizontal .horizontal-main .desktopDevice .slide .slide-menu {
    transition: 1s all cubic-bezier(0.25, 0.1, 0, 0.98);
}

ul.slide-menu.slide-new-menu {
    border: 1px solid #251F70 !important;
    border-radius: 5px !important;
}
@media only screen and (min-width:320px) and (max-width:990px){
    ul.slide-new-menu{
        width:100% !important;
    }

    .horizontal li.slide.Settings.is-expanded .slide-new-menu li {
        width:160px !important;
    }

    .horizontal li.slide.is-expanded ul.slide-new-menu, .horizontal li.slide.is-expanded ul.slide-new-menu {
        width: 95% !important;
        top:11px !important
    }
    li.slide ul.slide-menu.slide-new-menu {
        /* height: auto !important;*/
    }

    .slide.is-expanded::after {
        content:none !important;
    }

    .slide-new-menu li {
        width: 215px !important;
        min-width: 215px !important;
        margin-right:0px !important;
    }
}

.slide.Settings .slide-settings ul li a {
    width: 140px;
}

.slide-settings ul li a {
    white-space: nowrap;
    width: 9rem;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.dark-mode .slide.is-expanded::after {
    background: #0e124a !important;
    color: #44498a !important;
}
body .side-menu .slide.is-expanded .side-menu__label {
    color: #251F70 !important;
    font-family: 'mont-bold';
}
body .side-menu .slide.is-expanded i.angle {
    color: #251F70 !important;
}

body.dark-mode .side-menu .slide.is-expanded .side-menu__label {
    color: #8CC2FF !important;
    font-family: 'mont-bold';
}

body.dark-mode .side-menu .slide.is-expanded i.angle {
    color: #8CC2FF !important;
}
.Pri_PDA_Comp_btn {
    border: none !important;
    font-size: unset !important;
    border-radius: 4px !important;
    margin-left: 7px !important;
    color: #ffffff !important;
    padding: unset !important;
}

.tabs.pricing-tab .dropdown-menu ul li a {
    text-align: left;
    color: #6d6d6d;
}
    .tabs.pricing-tab .dropdown-menu ul li a:hover {
        color: #1e2125;
    }
.Pri_PDA_Comp_btn.button-action:disabled {
    opacity: 0.3 !important;
    cursor: no-drop !important;
}

.rfq-btn-wrap button:disabled {
    opacity: 0.3 !important;
    cursor: no-drop !important;
}
.slide-new-menu ul {
    height: 150px !important;
    overflow-y: auto;
    overflow-x: hidden !important;
}

    .slide-new-menu ul::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

.slide-new-menu li.highlighted {
    border: 2px solid #039f7a !important;
}
body.dark-mode .side-menu .slide.active .side-menu__label {
    color: #27c5ab !important;
}


.row.compare-agent-lst.compare-top-section .single.state-lst {
    width: 25% !important;
}
textarea {
    resize: vertical !important;
}

.Rfqmodal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
}

.rfq_model, .rfq_content {
    position: relative;
    z-index: 1000;
    background-color: white;
}
.rfq_content {
    overflow-y: scroll;
    min-height: 90px;
    max-height: 400px;
    overflow-x: hidden;
}
.ctmspecContainer .activity-fixed {
    border-bottom: 0px solid #99d8c9;
    background: transparent;
    margin-bottom: 7px;
}
@media only screen and (min-width:1601px) and (max-width:4000px) {
    .row.compare-agent-lst.compare-top-section .col-sm-3.double.state-lst {
        width: 15.2%;
    }
    #agency_header > div.col-sm-6 {
        width: 50%;
       margin: 0px 4px;
    }
    .row.compare-agent-lst.compare-top-section .state-lst {
        /*   width: 14.5% !important;*/
        max-width: 100%;
    }
    div#agencyheadercol {
        padding-right: 0px;
    }
    .col-sm-9#agencyheadercol {
        padding-right: 20px;
    }
    #agency_header > div {
        padding: 0px 5px;
        width: 650px;
        max-width: 100%;
    }
}
@media only screen and (min-width:320px) and (max-width:1329px) {
    .row.compare-agent-lst.compare-top-section .single.state-lst {
        width: unset !important;
    }
    #agencyheadercol.col-sm-9 {
        width: 75% !important;
    }
}

@media only screen and (min-width:320px) and (max-width:1600px) {
    #agency_header > div {
        padding: 0px 5px;
        width: 610px;
        max-width: 100%;
    }
}


@media only screen and (min-width:1300px) and (max-width:2000px) {
    /* .Settings ul.slide-menu.slide-new-menu:has(li:nth-child(5):last-child) {
        left: 0px !important;
    }
    .Settings ul.slide-menu.slide-new-menu:has(li:nth-child(4):last-child) {
        left: 0px !important;
    }
    .Agencies ul.slide-menu.slide-new-menu:has(li:nth-child(3):last-child) {
        left: 0px !important;
    }*/

    .Settings ul.slide-menu.slide-new-menu:has(li:nth-child(5):last-child) .slide-settings {
        padding: 4px;
    }
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    /*.horizontal li.slide.Agencies ul.slide-menu.slide-new-menu:has(li:nth-child(3):last-child) {
        left: 0px !important;
    }
    body.horizontal li.slide.Agencies.is-expanded ul.slide-menu.slide-new-menu {
        left: 0px !important;
    }*/

}

@media only screen and (min-width:992px) and (max-width:1023px) {
    /* .slide-new-menu ul {
            width: 120px;
        }*/
    /* body.horizontal li.slide.is-expanded ul.slide-new-menu {
            width: fit-content !important;
            
        }

            body.horizontal li.slide.is-expanded ul.slide-new-menu ul {
                width: fit-content !important;
            }*/



    /*.horizontal li.slide.Jobs.is-expanded ul.slide-new-menu {
            width: auto !important;
        }*/
}

@media only screen and (min-width:320px) and (max-width:1150px) {


    /* .horizontal li.slide.Jobs.is-expanded ul.slide-new-menu {
            width: auto !important;
        }*/
}
@media only screen and (min-width:993px) and (max-width:1023px) {
    .slide-settings ul li a {
        width: 9rem;
    }
}

@media only screen and (min-width:1024px) and (max-width:1499px) {
    /*.horizontal li.slide.is-expanded ul.slide-new-menu li {
        width: 150px;

    }*/
    .slide-settings ul li a {
        width: 9rem;
    }

    .slide-settings {
        padding: 5px !important;
    }
    /*.horizontal li.slide.is-expanded ul.slide-new-menu li {
        width: fit-content !important;
    }
        .horizontal li.slide.Settings.is-expanded ul.slide-new-menu li{width:fit-content !important;}

        body.horizontal li.slide.is-expanded ul.slide-new-menu ul {
            width: 126px !important;
        }*/
}

@media only screen and (min-width:1024px) and (max-width:1185px) {
    /* .Settings ul.slide-menu.slide-new-menu:has(li:nth-child(5):last-child) {
        left: 0px !important;
    }*/
}

@media only screen and (min-width:1024px) and (max-width:1799px) {


    /*   .horizontal li.slide.Jobs.is-expanded ul.slide-new-menu li {
            width: 150px;
        }

        body.horizontal li.slide.Jobs.is-expanded ul.slide-new-menu ul {
            width: 140px !important;
        }*/


    /*
        body.horizontal li.slide.Ship.is-expanded ul.slide-new-menu {
            width: 130px !important;
            padding-left: 8px !important;
            padding-right: 0px !important;
        }

            body.horizontal li.slide.Ship.is-expanded ul.slide-new-menu ul {
                width: 126px !important;
            }*/

    body.horizontal li.slide.Ship.is-expanded ul.slide-new-menu .slide-settings {
        padding: 6px !important;
    }

    /*.horizontal li.slide.Jobs.is-expanded ul.slide-new-menu {
            width: 410px !important;
            background: #000;
        }*/
}

@media screen and (max-width: 991px) {
    /* Styles for both tab-mini portrait and mobile view */
    .mobileDevice {
        display: block !important;
    }

    .desktopDevice {
        display: none
    }
}

body .side-menu .slide.active.is-expanded .side-menu__label {
    color: #039F7A !important;
    font-family: 'Roboto';
    font-weight: 600;
}

.mobileDevice .slide-item.active, .slide-item:hover, .slide-item:focus {
    text-decoration: none;
    color: var(--primary-bg-color) !important;
}

.mobileDevice li .active .slide-item, .mobileDevice li .active .slide-item:hover, .mobileDevice li .active .slide-item:focus {
    text-decoration: none;
    color: var(--primary-bg-color) !important;
}

/*.horizontal li.slide.Jobs.is-expanded ul.slide-new-menu ul {
        width: 160px !important;
    }*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .preview_mail .mail-tt .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: column !important;
    }
}

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

    .slide ul.slide-menu.open {
        max-height: 140px;
        overflow: auto;
    }

        .slide ul.slide-menu.open::-webkit-scrollbar {
            width: 4px;
        }
}

@media only screen and (min-width: 993px) and (max-width: 1039px) {

    ul.slide-menu.slide-new-menu.menuToHide.open li {
        max-width: calc( (100% / var(--count)) - 10px);
        width: 155px !important;
        min-width: 155px !important;
    }
    .Settings ul.slide-menu.slide-new-menu.menuToHide.open li {
        width: 180px !important;
    }
}


select {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    select, select option {
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        text-rendering: optimizeLegibility;
    }


select {
    font-family: "Roboto", sans-serif;
    -moz-osx-font-smoothing: grayscale;
}


#tblAppointment.table thead {
    z-index: 0 !important;
}

.select2-hidden-accessible {
    position: fixed !important;
}
/*#pre-agent-div .sg-con-pric {
    height: 35px;
}*/

#agency-without-price .sg-con-pric {
    height: 35px;
}

#invite-agency .sg-con-pric {
    height: 35px;
}
.hide-arw {
    display: none !important;
}
select {
    font-family: "Roboto", sans-serif;
    -moz-osx-font-smoothing: grayscale;
}


div#slide-right, div#slide-left {
    display: none !important;
}

.prefund_style .scroll .request-status b {
    font-size: 13px;
    font-weight: normal !important;
}
.preferred-portvessel-Tab {
    border-bottom: 1px solid #E3E2E3;
    padding: 8px 0px;
}
    .preferred-portvessel-Tab .over-lst-tab .portvessel-Tab-SpanContainer span {
        margin-right: 10px;
        cursor: pointer;
    }
    .preferred-portvessel-Tab .over-lst-tab .portvessel-Tab-SpanContainer span {
        margin-right: 10px;
        cursor: pointer;
    }

        .preferred-portvessel-Tab .over-lst-tab .portvessel-Tab-SpanContainer span.active {
            border-bottom: 2px solid #039F7A;
        }
.preferred-bottom .preferred_card_portlistdiv {
    overflow: auto;
    height: 100px;
}
.preferred-bottom .preferred_card_shiplistdiv {
    overflow: auto;
    height: 100px;
}
.preferred-bottom .preferred_card_portlistdiv::-webkit-scrollbar {
    width: 4px;
    height: 5px;
}
.preferred_agency_tenantid{
    border:none !important;
}
.price-slider-wrapper:has(.state-lst.single) .price-table.activitytab table tbody td table.border-rgt tbody td:first-child {
    min-width: fit-content;
    box-sizing: border-box;
    max-width: fit-content;
    width: max-width: fit-content;
    width: 220px;
}
.preferred-bottom .preferred_card_portlistdiv_interacted {
    overflow: auto;
    height: 45px;
}
.compare-price {
    display: flex;
    flex-direction: column; /* Stack children vertically */
}

.sg-con-pric {
    margin-top: auto; /* Push it to the bottom */
}
td.tabl-tlt.last-comment {
    text-align: left !important;
}
#interacting-agency .margin-top {
    margin-top: 56px
}
/* Comparison Choose agency to Compare label truncate issue */
.order-comparison label {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 100px;
    max-width: 298px;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 1366px) {
    .order-comparison label {
        max-width: 205px;
    }
}

@media (max-width: 768px) {
    .order-comparison label {
        max-width: 300px;
    }
}

@media (max-width: 480px) {
    .order-comparison label {
        max-width: 130px;
    }
}

/* Comparison Choose agency to Compare label truncate issue End */
.preferred-agencysave .add_req_top_sec {
    min-height: 80px !important;
}
.dark-mode .row.compare-agent-lst.compare-top-section .compare-check-batch.white::after {
    color: #0b0437;
}
.sg-con-pric .withoutoperation {
    flex: 1;
}

.input-file input[type="file"]:invalid + .help-block {
    top: 36px;
    position: absolute;
}
.uploaded_width .uploaded_files {
    max-width: 279px;
}
.request-card-head #tblAppointment_wrapper #tblAppointment.table thead {
    z-index: 1 !important;
}
.note-modal .close {
    background: #ffffff !important;
    /* color: #000000 !important; */
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    /* max-width: 100%; */
    font-size: 49px;
    line-height: 28px;
    font-weight: 900;
    border: none;
    font-size: 39px;
    color: #838185;
}
.note-editor table img {
    max-width: 100% !important;
}
.swal_text {
    font-size: 12px;
    color: red;
}
#rfq_comments_popup .SumoSelect .optWrapper {
    height: 107px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*.servicetabList.addplus button {
    padding: 10px;
    border-left: solid 0px #080c46;
    height: 100%;
    background-color: #f3f3fa;
    border-radius: 0% 22% 13% 0%;
}*/

.servicetabList.addplus button {
    top: 0px;
    padding: 10px !important;
    /*    background-color: #fff;*/
    right: 0;
}
.responsive tbody tr td {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 43px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#ctmspecificModal .apptaddon .amount_craftmyapp_container {
    width: 222px !important;
}
.exp-expand-sel select {
    font-family: 'Roboto' !important;
}

.stat-title {
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}
.stat-value {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}
.per-text {
    color: #039F7A !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.alter_color .card-body:nth-child(odd) {
    background-color: #F5F6F8;
}
.order-comparison .order-comparisoncard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.order-comparison .order-comparisoncard-content {
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}

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

.file_link {
    color: #111896;
    font-weight: 500;
    font-size: 15px;
}

/*****add request order summary style code start ****/

.tooglebox {
    background-color: #ffffff;
    position: absolute;
    right: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    height: 100%;
}


.open-full {
    right: 0;
    width: 100%;
    max-width: 52%;
    z-index: 999999;
    border-radius: 0;
    height: 96%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.icon {
    cursor: pointer;
    font-size: 24px;
    margin-right: 15px;
    transition: transform 0.6s ease-in-out;
}


.summaryicon {
    z-index: 9999998 !important;
    right: 32% !important;
}

    .open-full .summaryicon, .summaryicon.active {
        transition: all 0.8s ease-in-out;
        left: 877px !important;
    }

.add-req-tab-full .add-req-wrap button.summaryicon {
    right: 32% !important;
    transition: all 0.5s ease-in-out;
}

    .add-req-tab-full .add-req-wrap button.summaryicon:hover {
        right: 32% !important;
        transition: all 0.5s ease-in-out;
    }
.order_tble_input input {
    width: 100px;
}

.open-full .filebtn {
    display: block !important;
}

.list_card_section .form-group .summer_count_badge {
    position: absolute;
    padding: 4px;
    background-color: #0e7d81;
    color: #ffffff !important;
    border-radius: 30px;
    font-size: 10px !important;
    top: -8px;
    right: 0px;
    width: 20px;
    height: 21px;
    align-items: center;
    display: flex;
}

.open-full .list_card_section .form-group .summer_count_badge {
    display: none;
}
.opuploaded_file {
    right: 20px;
}
.op_filebtn {
    display: none !important;
}

.tooglebox.open-full .op_filebtn {
    display: block !important;
}
.opuploaded_file .modal-body {
    overflow: auto;
    height: 114px;
    padding: 15px;
}
.add_request-list.tooglebox .order-summary.p-0 .table-responsive {
    overflow: auto !important;
    max-height: 444px !important;
    min-height: 570px;
    /* height: calc(100vh - 284px) !important; */
}
/*.Op_quantity{
    width: 70px !important;
}*/
.tearms textarea[readonly] {
    background-color: #e9ecef !important
}



/* Add PO and ADD  Invoice tab resolution sidebaer style */
.New_tab .tab span.active {
    border-bottom: 2px solid #039F7A !important;
    background: #ffffff !important;
    padding: 3px 14px;
    color: #191C25 !important;
    box-shadow: none;
    border-radius: 0px !important;

}
.New_tab .tab span{
    border-radius: 5px;
    border: 0px solid #F4F4F5 !important;
    background: #ffffff !important;
    padding: 3px 14px;
    color: #616166 !important;
    border-radius: 0px !important;
    min-width: 160px;
    max-width: 160px;
    width: 100%;
    padding: 8px 24px !important;
    cursor: pointer;
}

.New_tab .tab {
    margin-bottom: 18px;
    margin-top: 12px;
}


@media (min-width: 768px) and (max-width: 1024px) {
    .expand-btn {
        display: none
    }
    .Side_bar_overlay {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100% !important;
        background: white;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease-in-out;
        transform: translateX(100%);
        z-index: 9999997;
    }

        .Side_bar_overlay.open {
            transform: translateX(0);
        }

    .Sidebar_card  {
        cursor: pointer;
        transition: transform 0.3s;
        width:100% !important;
    }

        .Sidebar_card.rotate {
            transform: rotate(180deg);
        }
}
/**/
.left {
    width: 60%;
    background-color: #f4f4f4;
    position: relative;
}

.right {
    width: 40%;
    padding: 0 !important;
}

.expand-btn {
    position: absolute;
    top: 36px;
    right: 0;
    padding: 10px;
    font-size: 18px;
    cursor: pointer;
    background-color: #333;
    color: white;
    border: none;
    border-radius: 5px;
    z-index: 99;
    background: #FFF !important;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.13);
    padding: 10px !important;
}

.hidden {
    width: 0;
    overflow: hidden;
}

.expanded {
    width: 100%;
}
.left.hidden .expand-btn {
    left: 20px !important;
}
.order-summary .OperationContainer strong {
    color: #039F7A
}

.order-summary .OperationContainer .text-start {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-right: 0px !important;
}
/* Adjust grid layout to properly align fields */
.two-line-row {
    display: grid;
    grid-template-columns: 0fr 0fr 0fr auto;
    gap: 10px;
    align-items: center;
    width: calc(100vh - -35px) !important;
    min-width: 610px !important;
    max-width: 610px !important;
}

    .two-line-row textarea {
        width: 230px !important;
    }

    .two-line-row:nth-child(even) {
        background-color: #f9f9f9;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
    }

    .two-line-row:nth-child(odd) {
        background-color: #ffffff; /* White */
    }

    .two-line-row td:first-child {
        width: 198px;
        min-width: 130px;
        max-width: 124px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* Ensure first-row fields are aligned */
    .two-line-row td:nth-child(1) { /* Service Name */
        font-weight: bold;
        text-align: left;
        white-space: nowrap; /* Prevent wrapping */
    }

    .two-line-row td.qty, .two-line-row td.opunits {
        width: 100px;
        grid-row: span 1;
    }

    /* Move Comments (Textarea) and Attachments below */
    .two-line-row td.comments {
        grid-column: span 1;
        width: 100%;
    }

    .two-line-row td.list_card_section {
        grid-column: span 2;
        width: 100%;
        display: flex;
        align-items: center;
    }

    /* Stretch input and textarea fields */
    .two-line-row
    .two-line-row textarea {
        width: 100%;
        min-width: 222px;
    }

/* Ensure Browse button and attachments align properly */
/*.list_card_section {
    text-align: left;
    display: flex;
    align-items: center;
}*/

/* Responsive Fix */
@media (max-width: 768px) {
    .two-line-row {
        grid-template-columns: 1fr; /* Stack everything on smaller screens */
    }
}
/**/
.lst-price.borderlst > div:nth-child(1),
.lst-price.borderlst > div:nth-child(2),
.lst-price.borderlst > div:nth-child(3) {
    border-bottom: solid 1px #E3E2E3;
    padding-bottom: 4px;
    padding-top: 4px;
}

.stat-box {
    border-right: 1px solid #E3E2E3;
}

.open-full tr:nth-child(even) {
    background-color: #f2f2f2; /* Light grey for even rows */
}

.open-full tr:nth-child(odd) {
    background-color: #ffffff; /* White for odd rows */
}

.New_tab .tab button.active {
    border-bottom: 2px solid #039F7A !important;
    background: #ffffff !important;
    padding: 3px 14px;
    color: #191C25 !important;
    box-shadow: none;
    border-radius: 0px !important;
}

.New_tab .tab button {
    border-radius: 5px;
    border: 0px solid #F4F4F5 !important;
    background: #ffffff !important;
    padding: 3px 14px;
    color: #616166 !important;
    border-radius: 0px !important;
    min-width: 160px;
    max-width: 160px;
    width: 100%;
}

.New_tab .tab {
    margin-bottom: 18px;
    margin-top: 12px;
}

/* Nominated Page New design Page Style code  */
.profile_label {
    display: flex;
    align-items: center;
    gap: 16px;
}

.card-text {
    display: flex;
    flex-direction: column;
}

.card-grid {
    display: flex;
    align-items: start;
    gap: 0;
    justify-content: space-between;
    /*    gap: 110px;*/
}

.card-margin-top {
    border-top: 1px solid #E8E8E8
}

.agency_name_head {
    color: #0AA04F;
    font-weight: 700;
    font-size: 18px;
}

.profile_subhead {
    font-weight: 400;
    font-size: 16px;
    color: #646161
}

.small-card {
    background-color: #F9F9F9 !important;
    margin-right: 12px;
}

.price-tage {
    color: #111896;
    gap: 10px;
    display: flex;
    align-items: center;
}
.inr-amount {
    color: #039F7A;
    gap: 10px
}

.small-card div {
    padding: 10px;
    gap: 25px;
}

.gap-30 {
    gap: 30px
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: solid 4px #039F7A !important;
    color: #039F7A !important;
}

.order-comparison .order-comparisoncard-content {
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}


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

.tabcard {
    background: #fff;
    padding: 14px;
    border-radius: 5px;
    box-shadow: none;
    width: 345px;
    border: 1px solid #E8E8E8;
    margin-bottom: 10px;
}

.status {
    background: #FFF7EB;
    color: #DD8905;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
}

.App_status {
    background: #E6F4F0;
    color: #239669;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
}

.tabcard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
}

.file-link {
    color: #111896;
    text-decoration: none;
}

    .file-link:hover {
        color: #111896;
        text-decoration: none;
    }

.card-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    gap: 5px;
}


.tabcard-content {
    font-size: 14px;
    color: #555;
    margin: 5px 0;
}

.tabcard-footer {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #777;
    border-top: 1px solid #eee;
    padding-top: 8px;
    margin-top: 8px;
}

.card-footer i {
    margin-right: 4px;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.card-container_close {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

    .card-container_close .tabcard {
        border-radius: 0px !important;
        margin-bottom: 0 !important;
        background: transparent
    }

    .card-container_close:nth-child(odd) {
        background: #F9F9F9;
    }


.w-60 {
    width: 60px;
    text-align: center
}

.Aw_status {
    background: #FFF7EB;
    color: #DD8905;
}

.download-icon {
    color: #111896;
}

.tab_change:first-child {
    border-right: 2px solid #ccc;
    padding: 10px;
}

/*.card-grid .profile_label label {
    justify-content: space-between;
    display: flex;
}*/

.small_card_title {
    color: #717171;
    font-weight: 400;
    font-size: 14px;
}

.tabs.pricing-tab .tab-content.Add_Request {
    margin: 0px 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;

}

#all_tabaddons ~ .tab-content {
    margin-top: 0px !important;
}

.Request_Dependtab ~ .tabs.pricing-tab .tab-content {
    margin-top: 0px !important;
    padding-top: 0px;
}
.Request_Dependtab ~ div.tab-content.tab-fit-content {
    margin-top: 0px !important;
    padding-top: 0px;
}
.price-sticky.nested-tab.Request_Dependtab {
    margin: 0px 12px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
    max-width: 98.6% !important;
    fill: transparent !important;
    filter: none !important;
    box-shadow: none;
}
.nested-tab .filter-opt-lst {
    width: 220px !important;
}
background-color: #e9ecef !important
}
.order-summary .OperationContainer strong {
    color: #039F7A
}

.order-summary .OperationContainer .text-start {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-right: 0px !important;
}
/* Adjust grid layout to properly align fields */
.two-line-row {
    display: grid;
    grid-template-columns: 0fr 0fr 0fr auto;
    gap: 10px;
    align-items: center;
    width: calc(100vh - -35px) !important;
    min-width: 596px !important;
    max-width: 610px !important;
}

    .two-line-row textarea {
        width: 340px  !important;
    }

    .two-line-row:nth-child(even) {
        background-color: #f9f9f9;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
    }

    .two-line-row:nth-child(odd) {
        background-color: #ffffff; /* White */
    }

    .two-line-row td:first-child {
        width: 198px;
        min-width: 130px;
        max-width: 124px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* Ensure first-row fields are aligned */
    .two-line-row td:nth-child(1) { /* Service Name */
        font-weight: bold;
        text-align: left;
        white-space: nowrap; /* Prevent wrapping */
    }

    .two-line-row td.qty, .two-line-row td.opunits {
        width: 100px;
        grid-row: span 1;
    }

    /* Move Comments (Textarea) and Attachments below */
    .two-line-row td.comments {
        grid-column: span 3;
        width: 100%;
    }

    .two-line-row td.list_card_section {
        grid-column: span 1;
        width: 100%;
        display: flex;
        align-items: center;
    }

    /* Stretch input and textarea fields */
    .two-line-row
    .two-line-row textarea {
        width: 100%;
        min-width: 222px;
    }


@media (max-width: 768px) {
    .two-line-row {
        grid-template-columns: 1fr; /* Stack everything on smaller screens */
    }
}
/**/
.lst-price.borderlst > div:nth-child(1),
.lst-price.borderlst > div:nth-child(2),
.lst-price.borderlst > div:nth-child(3) {
    border-bottom: solid 1px #E3E2E3;
    padding-bottom: 4px;
    padding-top: 4px;
}

.stat-box {
    border-right: 1px solid #E3E2E3;
}

.open-full tr:nth-child(even) {
    background-color: #f2f2f2; /* Light grey for even rows */
}

.open-full tr:nth-child(odd) {
    background-color: #ffffff; /* White for odd rows */
}
.add_request-list .detele-common-icon button {
    background: transparent !important;
}
.tooglebox.add_request-list .order-summary .table-responsive table thead {
    white-space: nowrap;
    overflow: scroll;
}
@media only screen and (min-width:320px) and (max-width:1135px){
    .shipPopup.add_request-list {
        display: block;
        z-index: 99999998;
        top: -68px;
        width: 58% !important;
    }

    .add_request-list {
        display: none;
        z-index: 99999
    }
}
/* Nominated Page New design Page Style code  */
.Request_details .profile_label {
    display: flex;
    align-items: start;
    gap: 16px;
}

.Request_details .card-text {
    display: flex;
    flex-direction: column;
}

.Request_details .card-grid {
    display: flex;
    align-items: start;
    gap: 0;
    justify-content: space-between;
}

.Request_details .card-margin-top {
    border-top: 1px solid #E8E8E8
}

.Request_details .agency_name_head {
    color: #0AA04F;
    font-weight: 700;
    font-size: 18px;
}

.Request_details .profile_subhead {
    font-weight: 400;
    font-size: 16px;
    color: #646161
}

.Request_details .small-card {
    background-color: #F9F9F9 !important;
    margin-right: 12px;
}

.Request_details .price-tage {
    color: #111896;
    gap: 10px
}

.Request_details .inr-amount {
    color: #039F7A;
    gap: 10px
}

.Request_details .small-card div {
    padding: 10px;
    gap: 25px;
}

.Request_details .gap-30 {
    gap: 30px
}

.Request_details .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: solid 4px #039F7A !important;
    color: #039F7A !important;
    border: 0px;
}

.Request_details .order-comparison .order-comparisoncard-content {
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}
Request_details .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:focus.active {
    border-bottom: solid 4px #039F7A !important;
    color: #039F7A !important;
    border: 0px;
}

.Request_details .file_icon_flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.Request_details .tabcard {
    background: #fff;
    padding: 14px;
    border-radius: 5px;
    box-shadow: none;
    width: 345px;
    border: 1px solid #E8E8E8;
    margin-bottom: 10px;
}

.Request_details .status {
    background: #DFF8E8 !important;
    color: #17C05B !important;
    font-size: 12px;
    padding: 3px 8px !important;
    border-radius: 4px;
    display: inline-block;
}

.Request_details .App_status {
    background: #E6F4F0;
    color: #239669;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
}

.Request_details .tabcard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
}

.Request_details .file-link {
    color: #111896;
    text-decoration: none;
}

    .Request_details .file-link:hover {
        color: #111896;
        text-decoration: none;
    }

.Request_details .card-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    gap: 5px;
}


.Request_details .tabcard-content {
    font-size: 14px;
    color: #555;
    margin: 5px 0;
}

.Request_details .tabcard-footer {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #777;
    border-top: 1px solid #eee;
    padding-top: 8px;
    margin-top: 8px;
}

.Request_details .card-footer i {
    margin-right: 4px;
}

.Request_details .card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.Request_details .card-container_close {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

    .Request_details .card-container_close .tabcard {
        border-radius: 0px !important;
        margin-bottom: 0 !important;
        background: transparent
    }

    .Request_details .card-container_close:nth-child(odd) {
        background: #F9F9F9;
    }


.Request_details .w-60 {
    width: 60px;
    text-align: center
}

.Request_details .Aw_status {
    background: #FFF7EB;
    color: #DD8905;
}

.Request_details .download-icon {
    color: #111896;
}

.Request_details .tab_change:first-child {
    border-right: 2px solid #ccc;
    padding: 10px;
}

/*.card-grid .profile_label label {
    justify-content: space-between;
    display: flex;
}*/

.Request_details .small_card_title {
    color: #717171;
    font-weight: 400;
    font-size: 14px;
}
.Request_details .ship_name {
    font-family: 'Roboto' !important;
    font-weight: 700;
    font-size: 20px !important;
    vertical-align: middle;
    color: #272E38;
    cursor:pointer;
}
.Request_details .pda_details .ship_name {
    font-family: 'Roboto' !important;
    font-weight: 700;
    font-size: 20px !important;
    vertical-align: middle;
    color: #272E38;
}
.ship_button {
    border: 1px solid #039F7A;
    color: #039F7A;
    background-color: #fff;
    padding: 8px 11px;
    border-radius: 5px;
    font-size: 14px;
}
    .ship_button .icon-grey {
        color: #646161;
    }
.client_name_text{
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #021421;
}
.primary-text {
    font-family: Roboto;
    font-weight: 600;
    color: #111896
}
.paper_icon_transform {
    transform: rotate(132deg);
}
.client_name {
    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    color: #272E38;
}
.billing_details_section {
    background-color: #F9F9F9;
    padding: 4px;
}
.address_details_section {
    font-size: 15px;
    color: #545555;
    margin-top: 10px;
}
@media (max-width: 768px) and (min-width: 576px) {

    /*    .Request_details .card-grid.col-lg-4 {
        flex: 1 1 1% !important;
    }

    .Request_details .card-grid.col-lg-8 {
        flex: 1 1 48% !important;
    }*/

}
@media (max-width: 768px) and (min-width: 576px) {

    /*  .Request_details .card-grid.col-lg-4 {
        flex: 1 1 1% !important;
    }

    .Request_details .card-grid.col-lg-8 {
        flex: 1 1 100% !important;
    }*/
}

@media (max-width: 576px) {
    .Request_details .card-grid {
        display: flex;
        align-items: center;
        gap: 0;
        justify-content: center;
        flex-direction: column;
    }

    .Request_details .profile_label {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .Request_details .card-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .Request_details .profile_label {
        flex-direction: column;
        display: flex;
        align-items: center;
        gap: 16px;
    }
}

.Request_details .col-sm-12.col-md-12.col-lg-8.card-grid .profile_label:last-child {
    margin-right: 30px;
}
.info-row {
    display: flex;
    justify-content: space-between;
}

.label {
    text-align: left;
}

.value {
    text-align: right;
}


@media (max-width: 768px) {
    .info-row {
        /* flex-direction: column; */
        align-items: flex-start;
    }

    .value {
        text-align: left;
    }
}
.primary-text span i {
    color: #76777A;
}
.Add_btn_primary {
    background: #080C46 !important;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 800;
    color: #fff
}

    .Add_btn_primary:hover {
        background: #080C46 !important;
        border: 1px solid #E8E8E8;
        color: #fff
    }

#medium .card-section label, #medium .card-section .Add_btn_primary span.material-icons {
    /*    font-weight: 800 !important;*/
    font-size: 16px !important;
}
.comparsionlabel_text {
    color: #039F7A;
    font-weight: 600;
    font-family: 'Roboto';
    font-weight: 800;
    margin-left: 6px;
}


/*Ship Budget style code */

.shipcard-container {
    gap: 20px;
    display: flex;
    overflow-x: scroll;
    gap: 20px;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 10px 0;
}

    .shipcard-container .card {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        padding: 20px;
        flex: 1 1 300px;
        width: 100%;
        text-align: center;
        box-shadow: none;
        height: 96px !important;
        cursor: pointer;
        border: 0px solid #EFF0F0;
        box-shadow: 0px 0px 3px 0px #00000042;
    }
@media (max-width: 768px) {
    .shipcard-container .card {
        flex: 1 1 100%; /* Full width on smaller screens */
        min-width: unset;
    }
}

.shipcard-container .icon {
    display: flex;
    justify-content: center;
    align-items: center;
}


.shipcard-co .shiptitle {
    font-weight: 400;
    font-size: 15px;
}

.shipcard-container .amount {
    font-weight: 600;
    font-size: 17px;
    text-align: start;
}

.shipcard .green {
    background-color: #e0f7e8 !important;
    border-radius: 0px;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.shipcard .blue {
    background-color: #e6f3ff !important;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    justify-content: start !important;
}

.shipcard .orange {
    background-color: #e8e8f5 !important;
    border-radius: 0px;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.arrow_icon {
    box-shadow: 0px 2px 3px 0px #00000052;
    background: #FFFFFF;
    color: #111896;
    padding: 9px;
    border-radius: 36px;
    font-size: 13px;
    width: 35px;
    height: 35px;
    margin-left: auto;
}

    .arrow_icon i {
        transition: transform 0.3s ease;
    }



        .arrow_icon i.rotate {
            transform: rotate(180deg);
        }

.shipcard-container .card.active {
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 3px 3px 0px #00000042;
    height: 100px !important;
}

.shipcard-container::-webkit-scrollbar {
    display: none;
}

.shiptitle {
    font-weight: 400;
    font-size: 15px;
    color: #5E5858;
}
.shiptable_jobnature {
    color: #111896;
    font-weight: 400;
    font-size: 17px;
}


.shiptable_Budget {
    color: #039F7A;
    font-weight: 500;
    font-size: 17px;
}

.shiptable_Spend {
    color: #E65F5C;
    font-weight: 500;
    font-size: 17px;
}

.shiptable_Equivalent {
    color: #1092EF;
    font-weight: 500;
    font-size: 17px;
}
/*Interact Style Start*/
#interact-agent-div .price-wrap-lst {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(297px, 1fr));
    row-gap: 8px;
    column-gap: 8px;
}

#interact-agent-div .price-min-lst {
    border-radius: 5px;
    border: 1px solid #E3E2E3;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.06);
    width: 380px;
    max-width: 100%;
    padding: 0px;
}

#interacting-agency .price-min-lst .lst-price .justify-content-between {
    padding: 4px 0px;
}

#interacting-agency .price-min-lst .lst-price .justify-content-between {
    border-bottom: solid 1px #E3E2E3;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

#interact-agent-div .fotter_price span {
    color: #111896 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0px !important;
}

#interact-agent-div .fotter_price_ctm span {
    color: #039F7A !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0px !important;
}

#interact-agent-div .fotter_price_ctm {
    justify-content: end;
}

#interact-agent-div .fotter_price_none span {
    color: #717171 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0px !important;
}

#interact-agent-div .price-min-lst .lst-price {
    padding: 0px !important;
}

#interact-agent-div .compare-check {
    margin-right: 10px !important;
    margin-left: 10px !important;
    margin-top: 10px !important;
}

#interact-agent-div .lst-price .lst-price {
    margin-right: 10px !important;
    margin-left: 10px !important;
    margin-top: 10px !important;
}

#interact-agent-div .sg-con-pric {
    background: #F5F8FF;
    padding: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right-width: 1px;
    border-left-width: 1px;
}

#interact-agent-div .footer_panel {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.status_downlodedicon {
    background-color: #F1F3F5;
    padding: 2px 8px;
    border-radius: 2px;
    cursor: pointer;
}
/*Interact Style End*/
.Order_Summary_popup {
    right: 0 !important;
}

    .Order_Summary_popup.uploaded_files .modal-body {
        overflow: auto !important;
        height: 105px !important;
        padding: 15px !important;
    }

    .Order_Summary_popup.uploaded_files {
        max-width: 300px !important;
    }

.order-comparisoncard-header .file_link i {
    transform: rotate(134deg) !important;
    font-size: 20px !important;
    margin-right: 3px;
}

.Order_Summary_popup #AttachedFiles a {
    color: #191C25 !important;
   
    font-weight: 400 !important;
    font-size: 14px !important;
}

.Order_Summary_popup #AttachedFiles td {
    padding: 10px;
}

.Order_Summary_popup.uploaded_files .modal-footer button {
    border: solid 1px #a1a1a12e !important;
}

.order-comparisoncard-header span div span {
    font-size: 17px;
    color: #616263;
}

.price-min-lst .compare-check label.Interacting_label {
    min-width: 163px !important;
    max-width: 100px !important;
    width: 100px !important;
}

#interacting-agency .price-min-lst.compare-price .compare-check > .d-flex.justify-content-between {
    width: 100%;
    max-width: 369px;
}

#order_summary .order-comparison.p-0 .order-agent {
    height: 47vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.summary_operationname {
    min-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 157px;
}
.Nomination_badge {
    background-color: red;
    color: #fff;
    display: block;
    padding: 1px 6px;
    position: absolute;
    top: -9px;
    border-radius: 40px;
    font-size: 12px;
    width: 19px;
    height: 18px;
    left: 20px;
}
.nomination_head {
    background-color: #F5F8FF !important;
    color: #4F5356;
}
.TabOperationContainer .nav.nav-tabs .nav-link {
    color: #262E2F !important;
}

    .TabOperationContainer .nav.nav-tabs .nav-link.active {
        color: #039F7A !important;
    }

.TabOperationContainer .attachment-gen {
    color: #565656;
    font-weight: 600;
}
.nominate_rw .profile_subhead {
    float: left;
}
/*.Nomination_wrap .nav.nav-tabs .nav-link:hover {
    border-bottom: 0px !important;
}*/
.Nomination_wrap .operation_text {
    width: 140px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.Nomination_wrap .TabOperationContainer .paper_icon_transform {
    transform: rotate(257deg);
    color: #04927B;
    font-size: 20px;
}
.Nomination_wrap .TabOperationContainer .attachment-gen {
    font-weight: 500;
    font-size: 15px;
    color: #565656 !important;
}
.Nomination_wrap .nom_comments {
    width: 250px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Nomination_wrap .appointmentid_id {
    color: #111896 !important;
}
.Nomination_wrap .modal-body .genAttachedFiles tr td {
    padding: 5px 1px !important;
}
.Nomination_wrap .modal-content.uploaded_files {
    width: 210px;
    padding: 4px 11px;
}
.Nomination_wrap .modal-body {
    height: 110px !important;
    padding: 5px 3px;
}
.dark-mode table.table.common-order-table {
    background: #0e124a;
    border: 1px solid #0e124a;
}
.dark-mode .common-order-wrap {
    background: #0e124a;
}
.dark-mode .nomination_head {
    background-color: #172270 !important;
}
.dark-mode table.table.common-order-table tbody tr:nth-child(2n) {
    background: #0B0437 !important;
}
.dark-mode .TabOperationContainer .nav.nav-tabs .nav-link {
    color: #ffffff !important;
}
    .dark-mode .TabOperationContainer .nav.nav-tabs .nav-link.active {
        color: #039F7A !important;
        background-color: transparent !important;
    }
.dark-mode .Nomination_wrap .TabOperationContainer .attachment-gen {

    color: #ffffff !important;
}
.dark-mode .Request_details .profile_subhead {
    color: #ffffff !important;
}
.dark-mode  .Request_details .small-card {
    background-color: #0e124a !important;
    margin-right: 12px;
    /* color: #ffff; */
}
.dark-mode .Request_details .small_card_title {
    color: #ffffff;
}
.dark-mode .primary-text span i {
    color: #ffffff;
}
.dark-mode .nav-tabs .nav-link {
    color: #fff !important;
}

    .dark-mode .nav-tabs .nav-link.active {
        color: #039F7A !important;
        background-color: transparent;
    }
.dark-mode .billing_details_section {
    background-color: #0e124a;
    padding: 4px;
}
.dark-mode .info-row .label {
    color: #fff !important;
    line-height: 29px;
}
.dark-mode span.princ {
    color: #fff;
}
.dark-mode .pro-lft-att {
    color: #fff !important;
}
.dark-mode span.colan {
    color: #fff !important;
}
.icon_badge {
    background-color: #F1F3F5;
    padding: 3px 5px;
    border-radius: 10px;
}
.auto_cls_shipname {
    font-weight: 700;
    font-size: 20px;
    color: #272E38
}
.dark-mode table.table.common-order-table thead {
    background: #172270;
    /* box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2); */
}
.dark-mode .tearms textarea[readonly] {
    background-color: #0B0437 !important;
}
.price-min-lst .lst-price {
    border-bottom: 1px solid #E3E2E3 !important;
}

.dark-mode #interact-agent-div .sg-con-pric {
    background: #0e124a;
    padding: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right-width: 1px;
    border-left-width: 1px;
    margin-top: 10px;
}

.dark-mode .alter_color .card-body:nth-child(odd) {
    background-color: #0e124a;
}

.dark-mode .file_link {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}

.dark-mode .order-comparison .order-comparisoncard-header {
    color: #fff;
}

.dark-mode .order-comparison .order-comparisoncard-content {
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}

.dark-mode .left {
    background-color: #0e124a;
}

.dark-mode .New_tab .tab span.active {
    border-bottom: 2px solid #039F7A !important;
    background: #0e124a !important;
    padding: 3px 14px;
    color: #fff !important;
    box-shadow: none;
    border-radius: 0px !important;
}

.dark-mode .New_tab .tab span {
    background: #0e124a !important;
    color: #fff !important;
}

.dark-mode .invoice_instruction_title {
    color: #fff;
}
.nomination_btn{
    background: #080C46 !important;
    color: #FFF !important;
    font-family: 'Roboto' !important;
    border: 1px solid #DBDBDB !important;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    margin-right: 10px;
}
.dark-mode .nomination_btn {
    background-color: #8cc2ff !important;
    border: 1px solid #8cc2ff !important;
    color: #000000 !important;
}
#pricing-agenct-div .sg-con-pric {
    background: #F5F8FF;
    padding: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right-width: 1px;
    border-left-width: 1px;
    margin-top: 10px;
}

#pricing-agenct-div .compare-check.compare-special-combo {
    padding: 10px 10px !important;
}

#pricing-agenct-div .price-min-lst .lst-price {
    margin: 0px 12px !important;
}

#agency-without-price .compare-check.compare-special-combo {
    padding: 10px 10px !important;
}

#agency-without-price .price-min-lst .lst-price {
    margin: 0px 12px !important;
}

#invite-agency .price-min-lst .lst-price {
    margin: 0px 12px !important;
}

#invite-agency .compare-check.compare-special-combo {
    padding: 10px 10px !important;
}

#interacting-agency .price-min-lst .lst-price div.over-lst-tab {
    border-bottom: 0px solid #E3E2E3 !important;
}

.fotter_price span {
    color: #111896 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0px !important;
}

.total_icon_fotter {
    display: flex;
    align-items: center;
    gap: 6px;
}

#agency-without-price .total_icon_fotter {
    display: none !important;
}

#invite-agency .total_icon_fotter {
    display: none !important;
}
.dark-mode #pricing-agenct-div .sg-con-pric {
    background: #0e124a;
    padding: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right-width: 1px;
    border-left-width: 1px;
    margin-top: 10px;
}
.dark-mode .fotter_price span {
    color: #ffffff !important;
}
#prefreed-agents .compare-check.compare-special-combo {
    padding: 10px 10px !important;
}

#prefreed-agents .price-min-lst .lst-price {
    margin: 0px 12px !important;
}

#prefreed-agents .sg-con-pric {
    background: #F5F8FF;
    padding: 10px !important;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right-width: 1px;
    border-left-width: 1px;
    margin-top: 10px;
    /* height: 100%; */
}
.dark-mode #prefreed-agents .sg-con-pric {
    background: #0e124a;
}
#breakupContainer .col-sm-2 {
    flex: 1;
}

#breakupContainer .detele-common-icon {
    flex: 0 0 auto;
    width: 50px;
}

.Pricing_popup ul li span {
    font-weight: 400 !important;
    padding: 6px 0px ;
}
.pricing_comments {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.pricing.btn.btn-primary {
    background-color: #039f7a !important;
    padding: 3px 8px !important;
    line-height: 0px;
    height: 28px;
    border: solid 1px #039f7a !important;
    min-width: 110px;
}
.common-card-body .vessel-detail-popup .agent-tlt {
    padding: 13px 15px !important;
}
.dark-mode .note-editable p span {
    background-color: transparent !important;
    color: #dedefd !important
}
.price-accordion .sg-con-lft span.position-relative {
    background-color: #F1F3F5;
    padding: 3px 5px;
    border-radius: 7px;
    margin-left: 5px;
}
.price-accordion .sg-con-lft.sg-certificate .chatunreadcount {
    margin-left: 33px !important;
    margin-top: 4px;
    width: 16px;
    height: 16px;
    font-size: 10px;
}

.dark-mode .info-row .client_name_text {
    color: #dedefd !important;
}
.dark-mode span.client_name_text.new-comments.pro-lft-rgt {
    color: #dedefd !important;
}
.dark-mode .client_name, .dark-mode .address_details_section {
    color: #dedefd !important;
}
.dark-mode .Request_details .ship_name {
    color: #dedefd !important;
}
.dark-mode .primary-text {
    color: #dedefd !important;
}
.dark-mode .att-wrap span.primary-text.pro-lft-rgt i.fa-paperclip, .dark-mode .att-wrap span.primary-text.pro-lft-rgt p {
    color: #dedefd !important;
}
.dark-mode .Request_details .terminal {
    color: #dedefd !important;
}
.dark-mode .clientterms_craftmyapp_container .client_term p {
    color: #dedefd !important;
}
.dark-mode .auto_cls_shipname {
    color: #dedefd !important;
}
.dark-mode .Dark_mode {
    display: block !important;
}
.dark-mode .white_mode {
    display: none !important;
}
.Dark_mode {
    display: none !important;
}
input[readonly],
textarea[readonly],
select[disabled] {
    background-color: #e9ecef !important;
}
.modal-content.ship_model.Payables_List_model {
    margin-top: 188px !important;
    right: 9% !important;
}
.price_comparison .termsModal p {
    font-family: 'Roboto' !important;
    font-size: 15px !important;
    color: #1f1f1f !important;
}

    .price_comparison .termsModal p span {
        font-family: 'Roboto' !important;
        font-size: 15px !important;
    }

.price_comparison .termsModal .modal-body {
    padding-top: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-top: 0px !important;
}
.portinfo_arrow {
    background-color: #ffffff;
    padding: 0px 0px;
    border-radius: 4px;
    margin-left: 2px;
    border: none;
    font-size: 20px;
    color: #039f7a;
    cursor: pointer;
}
#agency_header .modal-content.uploaded_files .modal-body {
    overflow: auto;
    height: 150px;
    padding: 15px;
}
#agency_header .modal-content.uploaded_files{
    max-width:279px !important;
}
.comment-scroll {
    overflow-x: hidden;
    max-height: 97px;
    display: block;
    overflow-y: scroll;
}

    .comment-scroll::-webkit-scrollbar {
        width: 2px;
    }
#dropdownButton ~ .dropdown-menu ul li {
    cursor: pointer;
}
.accordion-button.accordion-button-allport.accordion-button::after {
    display: none !important;
}
.div_filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ece9e9 !important;
    border: 1px solid #d5d3d3 !important;
    border-radius: 5px !important;
    cursor: default;
    float: left;
    margin-right: 6px;
    margin-top: 5px;
    padding: 0 5px;
    padding: 12px 10px !important;
    font-size: 11px !important;
    /* margin: 0; */
    height: 20px !important;
    line-height: 0 !important;
}
.div_filter .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
    max-height: 100% !important;
    min-height: 50px !important;
    overflow-y: scroll;
    font-size: 13px !important
}
.select2-container--default .select2-selection--multiple {
    max-height: 100% !important;
    min-height: 50px !important;
    overflow-y: scroll;
    font-size:13px !important
}
.Nomination_wrap .auto_cls_terminalname {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.Nomination_wrap .auto_cls_voyagenumber {
    width: 113px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;

}
table .dropdown-menu.dropdown-menu-right {
    z-index: 99999 !important;

}
.tab-content-order table.common-order-table .modal-content.uploaded_files .modal-body table td {
    width: 10px;
}
button.Port_Info {
    background: #fff !important;
    color: #251f70 !important;
    border-color: #039f7a !important;
}
#medium table thead th, #medium .table-ctm table tbody tr td {
    font-size: 13px !important;
}

    #medium table thead th, #medium .table-ctm table tbody tr td a {
        font-size: 13px !important;
    }
/*Mobile */
@media (width <= 768px) {
    .TabOperationContainer .nav.nav-tabs {
        flex-direction: row;
        width: 100% !important;
    }

    .TabOperationContainer table {
        overflow: auto;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

        .TabOperationContainer table.table.common-order-table tbody td {
            min-width: 229px;
        }

        .TabOperationContainer table thead th {
            min-width: 229px;
        }

    .TabOperationContainer tbody .detele-common-ico-btn {
        position: relative;
        right: 15px;
        top: -3px;
        display: flex;
        width: auto;
    }
    .order-comparison .order-comparisoncard-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        font-size: 16px;
        font-weight: bold;
        color: #333;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .price-table table.fst-tab thead th:nth-child(2), .price-table table.fst-tab tbody td.tabl-white:nth-child(2) {
        position: absolute;
        width: 32px;
        z-index: 9;
        left: 180px;
    }
}
.agency_text_truncate {
    width: 129px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.agency_detail_text_truncate {
    width: 230px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.pda_details .agency_detail_text_truncate {
    width: 155px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.dark-mode .text-black {
    color: #dedefd !important;
}
.dark-mode textarea {
    background-color: #0b0437 !important;
}
.dark-mode #AddNewPO {
    background-color: #8cc2ff !important;
    color: #0B1340 !important
}
.dark-mode button.Port_Info {
    background: #251f70 !important;
    color: #ffffff !important;
    border-color: #0b0437 !important;
}

.dark-mode .portinfo_arrow {
    background: #251f70 !important;
    color: #ffffff !important;
    border-color: #0b0437 !important;
}
.approveandupdateprice {
    height: 38px;
    margin-right: 7px;
}
.termsModal .portinfo_arrow .modal-content {
    width: 240px;
    top: 47px !important;
    margin: 0;
}

.termsModal .portinfo_arrow button {
    font-size: 18px !important;
}

.termsModal .portinfo_arrow .modal-content .modal-body {
    height: 100px !important;
    padding-top: 10px !important
}
.termsModal .portinfo_arrow .modal-content .btn-sm {
    width: 70px !important;
    height: 30px !important;
    padding: 0px 10px;
    font-size: 14px !important;
}
.pricing-tab .tab-content .main-title .sub-title {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Request_Dependtab .inner-tab {
    padding-left: 18px !important;
    padding-left: 4px !important;
}

#remove-all-btn {
    padding: 5px 10px;
    background-color: transparent;
    color: #ff4e4e !important;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 0px !important;
    border: solid 1px #ff4e4e !important;
}

    #remove-all-btn:hover {
        padding: 5px 10px;
        background-color: transparent;
        color: #ff4e4e  !important;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        margin-top: 0px !important;
        border: solid 1px #ff4e4e !important;
    }
.remove-icon {
    padding: 13px 7px !important;
    height: 0px !important;
    display: flex;
    align-items: center;
}
#medium .sg-con-pric .sg-con-lft .price-na span {
    font-size: 14px !important;
}
div.terms-container {
    height: 200px;
    overflow: auto;
    display: block;
    overflow-x: hidden;
    overflow-wrap: break-word;
}
    div.terms-container::-webkit-scrollbar {
        width: 8px;
    }

    div.terms-container::-webkit-scrollbar {
        width: 5px;
    }

    div.terms-container::-webkit-scrollbar-track {
        background: #ccc;
        width: 5px;
    }

    div.terms-container::-webkit-scrollbar-thumb {
        background-color: #0b0437;
        border-radius: 10px;
        height: 40px
    }
.dark-mode .removeFavShip {
    background-color: transparent;
}
@media (width <= 1023px) {
    .tabs.pricing-tab ul {
        flex-direction: row;
        width: 100% !important;
    }

    .TabOperationContainer table.table.common-order-table tbody td {
        min-width: 229px;
    }

    .row.compare-agent-lst.compare-top-section .state-lst {
        width: 218px !important;
    }

    .col-sm-3.profile_label {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pricing-tab .tab-content .main-title .sub-title {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .revisions_wrapper .menu_pda .dropdown {
        right: 6px !important;
    }

    .request-card.teams-card .right-side-people {
        display: block
    }
}

@media only screen and (min-width: 320px) and (max-width: 1300px) {
    .dark-mode .version-right-wrap-main {
        background: #0e124a;
    }
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    .people-content .nomination_list .right-side-people {
        width: 100% !important;
        display: block;
    }

    .material-content .nomination_list .right-side-people {
        width: 100% !important;
        display: block;
    }
}
.add-request-serv .common-order-wrap .nav-tabs li.nav-item .nav-link {
    display: flex;
    align-items: center;
    background: #F4F4F5;
    border-bottom: 0px !important;
    border-radius: 4px !important;
    padding: 3px 14px;
}

.add-request-serv .TabOperationContainer .nav.nav-tabs .nav-link.active {
    background: #039F7A !important;
    font-weight: 700 !important;
}

.add-request-serv .tabs.pricing-tab ul#tabs-nav li:hover a span, .tabs.pricing-tab ul#tabs-nav li.active a span {
    background: #E5F9F4 !important;
}

.add-request-serv .common-order-wrap .nav.nav-tabs span {
    width: 43px !important;
    height: 43px !important;
    border-radius: 43px;
    line-height: 43px;
    background: #F0F2FB !important
}
.add-request-serv .common-order-wrap .nav.nav-tabs li:hover a span {
    background: #E5F9F4 !important;
}
.add-request-serv .common-order-wrap .nav.nav-tabs img {
    margin: 0;
    width: 29px !important;
    height: 29px !important;
    border: none;
}

.add-request-serv .common-order-wrap .nav.nav-tabs .nav-item .nav-link.active {
    color: #fff !important;
    gap: 14px;
    font-weight: 700 !important;
    padding: 3px 14px;
}

.add-request-serv .common-order-wrap .nav.nav-tabs .nav-item .nav-link {
    gap: 14px;
}

    .add-request-serv .common-order-wrap .nav.nav-tabs .nav-item .nav-link:hover {
        background: #039F7A !important;
        color: #fff !important;
        font-weight: 700 !important;
    }


.add-request-serv .common-order-wrap .nav.nav-tabs .nav-item {
    margin-left: 8px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.filter-opt {
    cursor: pointer;
}
#medium .Nomination_wrap .quantity.form-control {
    height: 30px !important;
}
.uppercase {
    text-transform: uppercase;
}
.profile_label #groupiconSpan img {
    max-width: 45px;
    width: 50px;
    height: 59px;
    border-radius: 50%;
}
.pda_details .header_color label{
    color: #1F3979;
    font-weight: 600;
    font-size: 16px !important;
}
#myPDATab button.nav-link {
    border: 0;
    color: #262E2F;
}
.pdadetailcontainer .profile_label .profile-wrap-col .pro-att {
    white-space: nowrap;
}
.pdadetailcontainer .menu_pda .dropdown {
    top: 20px;
}
.nav-tabs .nav-link {
    border: 0;
    color: #262E2F;
}
#medium .Request_details .card-section .pda_details .ship_name {
    font-family: 'Roboto' !important;
    font-weight: 700;
    font-size: 20px !important;
    vertical-align: middle;
    color: #272E38
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: 0px !important;
}
.dark-mode .shiptable_jobnature {
    color: #ffff;
    font-weight: 400;
    font-size: 17px;
}
.dark-mode .add-request-serv .common-order-wrap .nav-tabs li.nav-item .nav-link.active {
    border-radius: 5px;
    border-bottom: 1.5px solid #0A74B0 !important;
    background: #0A74B0 !important;
}
.dark-mode .add-request-serv .common-order-wrap .nav-tabs li.nav-item .nav-link {
    border-radius: 5px;
    border-bottom: 1.5px solid #262A5C !important;
    background: #262A5C !important;
}
    .dark-mode .add-request-serv .common-order-wrap .nav-tabs li.nav-item .nav-link:hover {
        border-radius: 5px;
        border-bottom: 1.5px solid #0A74B0 !important;
        background: #0A74B0 !important;
    }
.dark-mode #AttachedFiles {
    color: #ffff;

}
.dark-mode .Order_Summary_popup #AttachedFiles a {
    color: #ffff !important;
}

.Create_Request_btn {
    text-decoration: none
}

#updateModal thead {
    background: #F5F8FF;
}

.Request_details .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover.active {
    border-bottom: solid 4px #039F7A !important;
    color: #039F7A !important;
    border: 0px;
}

#updateModal .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    border-bottom: solid 4px #039F7A !important;
    color: #039F7A !important;
    border: 0px;
}

.btn.button-common {
    background: #080C46;
    border-radius: 5px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #ffffff !important;
}

.btn.btn-save#saveinvoice {
    background: #080C46;
    border-radius: 5px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #ffffff !important;
    margin-left: 10px;
    margin-right: 10px;
}

.rightinvoicepanel embed img {
    width: 100%;
    height: 100%;
}

#payablesFilter .div_filter {
    top: 234px !important;
    left: 57px !important;
}

#creditNoteFilter .div_filter {
    top: 234px !important;
    left: 57px !important;
}

.accountspage_wrapper {
}

.price_comparison .termsModal ol {
    overflow-wrap: break-word;
}

.termsModal .modal {
    margin-top: 254px;
    width: 160%;
}
/*New Layout Css Start */
@media only screen and (min-width: 992px) {
    .main-content.Operation_layout.mt-0.hor-content.breadcrunb-hor {
        margin-top: 121px !important;
    }
}

.Operation_card.card {
    margin: 0px 24px;
    border: none !important;
    margin-bottom: 14px;
}

.Operation_card.card-body {
    padding: 0px 0px !important;
    border: none !important;
    padding-top: 14px !important;
}

.Operation_layout .card.contCard {
    border: none !important
}

.Operation_layout .row .col-lg-5.col-md-6.col-sm-12 .card {
    box-shadow: 1px 3px 10px 0px #E0E4ED;
    background: #FFFFFF;
    border: none;
}
.Operation_layout .row .col-lg-7.col-md-6.col-sm-12 .card {
    box-shadow: 1px 3px 10px 0px #E0E4ED;
    background: #FFFFFF;
    border: none;
    height:100%
}
.Operation_layout .nav-tabs .nav-link.active {
    border-bottom: solid 4px #039F7A !important;
    color: #039F7A !important;
    border: 0px;
}

.Operation_layout .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-bottom: solid 4px #039F7A !important;
    color: #039F7A !important;
    border: 0px;
}

.Operation_layout .nav-tabs .nav-link {
    border: 0px;
}

.nav-tab-nav {
    display: flex;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 10px;
}

.nav-tab-button {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    background: transparent;
    margin-right: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #262E2F;
}

    .nav-tab-button.active {
        background: transparent;
        color: #039F7A;
        border-bottom: solid 2px #039F7A;
    }

.nav-tab-pane {
    display: none;
}

    .nav-tab-pane.active {
        display: block;
    }

.operationlayout_badge {
    position: absolute;
    color: #ffffff;
    background-color: red;
    border-radius: 14px;
    margin: 0;
    top: 0;
    padding: 1px 5px;
    text-align: center;
    font-size: 13px;
}
.Operationsicon-menu {
    display: flex;
    align-items: center;
    gap: 19px !important;
    padding: 5px 16px;
    gap: 11px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-direction: row;
    flex-wrap: wrap;
}
    .Operationsicon-menu::-webkit-scrollbar {
        height: 6px; /* Horizontal scrollbar height */
    }

    .Operationsicon-menu::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 3px;
    }

    .Operationsicon-menu::-webkit-scrollbar-track {
        background: transparent;
    }
.icon-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 13px;
    color: #4F5356;
    cursor: pointer;
    gap: 9px;
}

    .icon-item svg {
        width: 22px;
        height: 22px;
        stroke: #626261;
    }

    .icon-item.active {
        color: #1A237E; /* Blue */
    }

        .icon-item.active svg {
            stroke: #1A237E;
        }
#tabMail.icon-item.active svg {
    stroke: #1A237E !important;
    fill: #1A237E !important;
}

.Operationsicon-menu .icon-item.active span {
    font-weight: 700;
    font-size: 14px;
    color: #111896 !important;
}

.Operationsicon-menu .icon-item span {
    font-weight: 400;
    font-size: 14px;
}
.vessel-info {
    font-size: 14px;
    color: #333;
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
    .vessel-info::-webkit-scrollbar {
        height: 6px; /* Horizontal scrollbar height */
    }

    .vessel-info::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 3px;
    }

    .vessel-info::-webkit-scrollbar-track {
        background: transparent;
    }
.vessel-left,
.vessel-center,
.vessel-right {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 220px;
}

.vessel-row {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.label {
    color: #999;
}

.value {
    font-weight: 500;
    color: #222;
}

    .value.blue {
        color: #1A237E !important;
        font-weight: 600;
        border-radius: 0px !important;
        border: 0px solid #039F7A !important;
        width: 160px;
        padding: 0px 0px !important;
        text-align: start;
    }

    .value.status {
        color: #007BFF;
        font-weight: 600;
        background-color: transparent;
    }

.update-btn {
    border: 1px solid #039F7A;
    background-color: transparent !important;
    color: #039F7A !important;
    padding: 4px 12px;
    border-radius: 6px;
    color: #20c997;
    font-weight: 500;
    cursor: pointer;
    font-size: 13px;
    margin-left: 10px;
}

    .update-btn:hover {
        border: 1px solid #039F7A;
        background-color: transparent !important;
        color: #039F7A !important;
    }
.operationview_wrapper .card {
    margin: 0px 24px;
    box-shadow: 1px 3px 10px 0px #E0E4ED;
    background: #FFFFFF;
    border: none;
    margin-bottom: 14px;
}
.operationview_wrapper .btn-primary.ms-auto {
    background: #039F7A !important;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 0px;
    border: #05A087 !important;
}
#operationviewTab ~ #operationviewTabContent #operationviewRequest .card .card-head {
    background: #E6E9F0 !important;
    display: flex;
    align-items: center;
    padding: 6px 15px;
}
    #operationviewTab ~ #operationviewTabContent #operationviewRequest .card .card-head h6 {
 
        color: #021421;
        font-weight: 800;
        font-size: 16px;
        text-transform: uppercase;
    }
#operationviewTabContent .small_card {
    background: #D6DDEF;
    padding: 0px 10px;
    border: 1px solid #D1D7E4;
    border-radius: 5px;
}
#operationviewTabContent .pencil_icon {
    color: #FFA500;
    font-size: 22px;
    align-items: center;
    display: flex;
}
#operationviewTabContent .card {
    box-shadow: none !important;
    border-radius: 0px !important;
}
.Nominated_btn {
    border: 1.2px solid #1092EF !important;
    background: #E7F4FE !important;
    color: #1092EF !important;
    padding: 2px 6px !important;
    border-radius: 4px;
}
.Cancelled_btn {
    border: 1.2px solid #F24B44 !important;
    background: #F24B441A !important;
    color: #F24B44 !important;
    padding: 2px 6px !important;
    border-radius: 4px;
}
.share_icon {
    color: #1505A0;
    font-size: 20px;
}
.table_badge {
    color: #05A087;
    font-size: 20px;
}
.operationview_wrapper .px-0{
    padding:0px !important;
}
.operationview_wrapper .sub_section .dolor_icon {
    color: #1092EF !important;
    padding: 1px 6px;
    border-radius: 79px;
    font-size: 30px;
    margin-right: 10px;
    line-height: 12px;
    cursor: pointer;
    margin-left: 10px;
}

    .operationview_wrapper .sub_section .dolor_icon i {
        line-height: 0px;
    }
.operationview_wrapper .sub_section h6 {
    font-family: Roboto;
    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin:0px;
}
.rotate-up {
    transform: rotate(180deg);
    transition: transform 0.3s;
}
.add_icon {
    color: #039F7A  
}
.select_width span.select2-container {
    width: 100% !important;
}
.save_btn {
    background: #039F7A !important;
    color: #fff !important;
    border: 1px solid #039F7A !important;
}
.cancel_btn {
    border: 1px solid #D9DBE2 !important;
    background-color: transparent !important;
    color: #414249;
}
.cancel_btn:hover {
    border: 1px solid #D9DBE2 !important;
    background-color: transparent !important;
    color: #414249;
}
.tabcontent {
    display: none;
}
.info-header {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 15px 15px;
    background-color: #f1f5ff;
    border-radius: 8px;
    font-family: 'Segoe UI', sans-serif;
    flex-wrap: wrap;
    margin-bottom: 13px;
}


.info-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}

.icon {
    margin-right: 5px;
    font-size: 16px;
}

.info-item strong {
    color: #1a237e;
    margin-left: 5px;
    min-width: 128px;
    width: 124px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Sidebar hidden by default */
.Add_Appointment_Activitysidebar.sidebar {
    position: fixed;
    top: 13%;
    right: -1020px;
    width: 990px;
    /*    height: 100%;*/
    background-color: #fff;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
    padding: 20px 40px !important;
    transition: right 0.3s ease;
    z-index: 999999;
    min-height: 79vh;
}

    .Add_Appointment_Activitysidebar.sidebar.open {
        right: 0;
        min-width: 50px;
        max-width: 1350px;
        width: 100%;
        top: 118px;
    }

.sidebar-header {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 18px;
    border-bottom: solid 1px #E0E0E0;
}

.close-btn {
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
}

/* Optional overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    display: none;
    z-index: 99999;
}

    .overlay.show {
        display: block;
    }


.text-green {
    color: #039F7A
}
.chips-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.chip {
    background-color: #E3E9F8;
    border-radius: 10px;
    padding: 0px 17px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

    .chip .close-btn {
        margin-left: 10px;
        cursor: pointer;
        color: #777;
        font-weight: bold;
    }

        .chip .close-btn:hover {
            color: #333;
        }


body .Pda_Template .common-card-body .detele-common-ico-btn button {
    margin-top: 28px !important;
}
.Pda_Template .card .common-card-body {
    margin-top: 0px !important;
    padding: 0px !important;
}
.Pda_Template div.number-placeholder, .Pda_Template div.number-placeholder {
    width: 60px !important;
    display: flex;
    align-items: center;
    min-width: 60px !important;
    display:none;
}
.pdaContainer .row:not(:first-child,:last-child) .detele-common-ico-btn .btn-add-price {
    display: block;
    opacity: 0;
    visibility: hidden;
}
body .common-card-body .pdaContainer .row:nth-child(even) {
    background: #F8FAFB;
}
.add_Activity_icon {
    background: #251f70;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    margin-right: 4px;
    font-weight: normal !important;
}
.checkbox-container {
    border: solid 2px #039f7a8c;
    padding: 3px 5px;
    margin: 3px 14px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 18px;
}
    .checkbox-container input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }

.Add_Requesttab {
    max-width: calc(100% - 260px);
}

    .Add_Requesttab #myTab {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; 
        scrollbar-width: thin; 
        scrollbar-color: #ccc transparent; 
    }

        .Add_Requesttab #myTab::-webkit-scrollbar {
            height: 6px;
        }

        .Add_Requesttab #myTab::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 10px;
        }

        .Add_Requesttab #myTab::-webkit-scrollbar-track {
            background: transparent;
        }
@media (max-width: 1148px) {
    .col-sm-12.col-md-12.col-lg-4.card-grid.card-req {
        width: 650px !important;
    }

    .col-sm-7.profile_label.card-req-fou {
        width: 300px !important;
    }
}
@media (min-width: 837px) {
    div#RequestContainer {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(259px, 1fr));
    }
}
    @media (max-width: 768px) {
       

        .Pda_Template .col-sm-3 .select2 {
            min-width: 140px !important;
            /* width: 110px !important; */
            /* max-width: 100px !important; */
        }

        .Pda_Template .col-sm-2 .select2 {
            min-width: 140px !important;
            /* width: 110px !important; */
            /* max-width: 100px !important; */
        }

        .Pda_Template .col-sm-2.addonprice_craftmyapp_container .form-group {
            width: 330px !important;
        }

        .Pda_Template .col-sm-2.unitprice_craftmyapp_container .form-group {
            width: 330px !important;
        }

        .Add_Requesttab {
            max-width: calc(100% - 40px);
        }

        .checkbox-container {
            border: solid 2px #039f7a8c;
            padding: 3px 5px;
            margin: 3px 14px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            position: unset;
            top: 0;
        }

        .Add_Requesttab #myTab {
            padding-bottom: 10px;
        }

        .TabOperationContainer.position-relative .col-lg-12.d-flex.align-items-center {
            justify-content: center !important;
        }
    }

    .card-port {
        padding: 10px 12px !important;
    }

    .currency-start.withprice_price {
        font-size: 13px;
    }

    #medium .sg-con-pric .sg-con-lft .withprice_price span {
        font-size: 14px !important;
    }
/*@media only screen and (min-width: 320px) and (max-width: 1450px) {
    .row.compare-agent-lst.compare-top-section .state-lst {
        width: 211px !important;
    }
}*/

.vessel-info::-webkit-scrollbar {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.vessel-info::-webkit-scrollbar {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.dark-mode .common-card-body .pdaContainer .row:nth-child(even) {
    background: #0e124a !important;
}
.show.mail_dialog#resultModal ~ .card.contCard {
    display: none !important;
}

.groupselect .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px !important;
}

.groupselect span.select2-selection {
    height: 43px !important;
}
@media (max-width: 899px) {
    .Operation_card.card-body {
        padding: 0px 0px !important;
        border: none !important;
        padding-top: 54px !important;
    }
    .appoinment_layout {
        height: 112px !important;
    }
    .Operationsicon-menu {
        display: flex;
        align-items: center;
        gap: 55px !important;
        padding: 5px 10px;
        gap: 11px;
        overflow-x: scroll;
    }

        .Operationsicon-menu::-webkit-scrollbar {
            height: 6px; /* Horizontal scrollbar height */
        }

        .Operationsicon-menu::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 3px;
        }

        .Operationsicon-menu::-webkit-scrollbar-track {
            background: transparent;
        }
    .nav-tab-nav {
        overflow-x: scroll;
    }

        .nav-tab-nav::-webkit-scrollbar {
            height: 6px; /* Horizontal scrollbar height */
        }

        .nav-tab-nav::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 3px;
        }

        .nav-tab-nav::-webkit-scrollbar-thumb {
            background: transparent;
        }
    #Request .request-info {
        gap: 7px;
        display: flex;
        align-items: center;
        flex-direction: column;
        overflow-x: auto; /* Enable horizontal scrollbar */
        overflow-y: hidden; /* Hide vertical scrollbar */
        white-space: nowrap; /* Prevent content from wrapping */
    }

    .vessel-info {
        font-size: 14px;
        color: #333;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
}
@media only screen and (min-width:320px) and (max-width:1000px) {
    .Operation_card.card-body {
        padding: 0px 0px !important;
        border: none !important;
        padding-top: 54px !important;
    }
    .appoinment_layout {
        height: 112px !important;
    }
    .Operationsicon-menu {
        display: flex;
        align-items: center;
        gap: 48px !important;
        padding: 5px 10px;
        gap: 11px;
        overflow-x: scroll;
    }
        .Operationsicon-menu::-webkit-scrollbar {
            height: 6px; /* Horizontal scrollbar height */
        }

        .Operationsicon-menu::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 3px;
        }

        .Operationsicon-menu::-webkit-scrollbar-track {
            background: transparent;
        }
    .vessel-info {
        font-size: 14px;
        color: #333;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .nav-tab-nav {
        overflow-x: scroll;
    }

        .nav-tab-nav::-webkit-scrollbar {
            height: 6px; /* Horizontal scrollbar height */
        }

        .nav-tab-nav::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 3px;
        }

        .nav-tab-nav::-webkit-scrollbar-track {
            background: transparent;
        }
}
    @media only screen and (min-width: 992px) {



        .main-content.mt-0.hor-content.Operation_layout {
            margin-top: 120px !important;
        }
    }

#Request .request-info {
    gap: 8px;
    display: flex;
    align-items: center;
    margin-left: 18px;
    white-space: nowrap;
    flex-direction: row;
    flex-wrap: wrap;
}

    .Appointment_view_page .card-body {
        padding: 5px 5px !important;
        margin: 0px !important;
    }

    #large .Appointment_view_page span.pro-lft-att {
        font-size: 15px !important;
    }

    .appointmentmanagement .card-serv-tw .card-text label span.profile_subhead {
        width: 132px;
        float: left;
    }

    .row.common-wrap-t.appointmentmanagement {
        padding: 6px 0px;
        margin: 2px 0px;
    }

/*    .Appointment_view_page .col-lg-12.col-md-12.col-sm-12.col-xs-12, .col-sm-12.col-xs-12.clientterms_craftmyapp_container {
        box-shadow: 1px 3px 10px 0px #E0E4ED;
    }*/
.Operation_layout #cma_printableArea .request-wraprequest-wrap, .Operation_layout #cma_printableArea .row.details {
    box-shadow: 1px 3px 10px 0px #E0E4ED;
    padding: 10px 10px;
    margin-bottom: 10px;
    background-color: #ffffff !important;
    border-radius: 10px;
}
.Operation_layout .appointmentdetailcontainer .request-wraprequest-wrap, .Operation_layout.appointmentdetailcontainer .row.details {
    box-shadow: none !important;
    padding: 10px 10px;
    margin-bottom: 10px
}

.Operation_layout .appointmentdetailcontainer .RequestInfo_craftmyapp_container {
    box-shadow: 1px 3px 10px 0px #E0E4ED;
}
.side-app.Appointment_view_page {
    background-color: #F5F5F5 !important;
}

    #tabcharges .card.card.card-blue.cma_dependent_band {
        padding: 0px 10px;
    }

    .Operationsicon-menu .icon-item.active svg path {
        stroke: #1A237E; /* your highlight color */
    }

    .appoinment_layout {
        height: 52px;
    }

    .Appointment_view_page .printablerow .card.card-section.cma_section_band {
        margin: 6px 0px !important;
        border: none;
    }
    /*.Appointment_view_page .appointmentdetailscontainer.Request_details .row.mt-2 .card {
    box-shadow: 1px 3px 10px 0px #E0E4ED;
    border: none !important;
    padding:0px;
}*/
    .Appointment_Viewvessel-detail-popup .vessel-detail-list {
        height: 95vh;
    }

    .Appointment_Viewvessel-detail-popup ul li {
        color: #646161;
        font-weight: 400;
        font-style: Regular !important;
        font-size: 16px !important;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
/*        padding: 20px 10px;*/
    }

    .Appointment_Viewvessel-detail-popup .vessel-detail-popup {
        box-shadow: 1px 3px 10px 0px #E0E4ED;
    }

    .with-divider:not(:first-child)::before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 16px;
        background-color: #ccc;
        margin: 0 2px;
        vertical-align: middle;
    }

.Appointment_view_page .col-sm-3.left-side-people {
    background-color: #f5f5f5;
    height: 137vh;
    padding: 10px;
}

    .Appointment_view_page .pdadetailcontainer .ServiceRequest_craftmyapp_container {
        margin-top: 0px !important;
    }

    .Appointment_view_page .pdadetailcontainer .printablerow .card.card-section.cma_section_band {
        margin-top: 0px !important;
    }

    .Operation_layout #agencyName {
        color: #111896;
        font-weight: 600;
        font-size: 14px;
    }

    .Operation_layout #shipstatusouter {
        font-weight: 600;
        font-size: 14px;
        color: #1092EF
    }
#Request .request-info span {
    color: #646161;
    width: 187px;
}
.Operation_layout #requestId, #requestDate, #initiatedBy {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #021421 !important;
}

    .Operation_layout .value.blue.ship-detail-btn-r {
        font-weight: 600;
        font-size: 16px;
        box-shadow: none !important;
    }

    .appointmentmanagement .menu_appointment .dropdown-menu {
        margin-top: 25px;
    }

    .Appointment_view_page .card.card-blue.list_card_section.list_card_tablet {
        border: none
    }

    .Appointment_view_page .card.list_card_section.list_card_tablet {
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
    }

    .dark-mode .nav-tab-button {
        color: #dedefd !important
    }

    .dark-mode .Operation_layout #requestId, .dark-mode #requestDate, .dark-mode #initiatedBy {
        color: #dedefd !important
    }

    .dark-mode .nav-tab-button {
        color: #dedefd !important
    }
.dark-mode  .pda_details .header_color label {
    color: #ffffff !important;
}
.dark-mode .Operationsicon-menu .icon-item.active svg path {
    stroke: #ffffff;
}


.dark-mode #tabMail.icon-item.active svg {
    stroke: #ffffff !important;
    fill: #ffffff !important;
}
.dark-mode .Operationsicon-menu .icon-item.active span {

    color: #ffffff !important;
}
.dark-mode .Operation_layout #requestId, .dark-mode .Operation_layout #requestDate, .dark-mode .Operation_layout #initiatedBy {
    color: #dedefd !important
}

    .dark-mode .Operation_layout span {
        color: #fff !important
    }

    .Appointment_view_page .appointmentdetailcontainer .row.mt-2.m-0.mr-0.mb-2 {
        padding: 0px;
    }

    .Appointment_view_page .chargesContainerBodyParent {
/*        padding: 0px;*/
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }

    .Appointment_view_page .printablerow > .Status_craftmyapp_container, .Attachments_craftmyapp_container, .contentsent_craftmyapp_viewcontainer {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .Appointment_view_page .card.request-card-head {
        margin: 0px !important;
        border: none !important;
        box-shadow: 1px 3px 10px 0px #E0E4ED;
    }

    .Appointment_view_page .card.card-blue {
        border: none !important;
        box-shadow: 1px 3px 10px 0px #E0E4ED;
    }

    .Appointment_view_page .card.card-block.contCard {
        border: none !important;
        box-shadow: 1px 3px 10px 0px #E0E4ED;
    }

    .Appointment_view_page .chat-container {
        box-shadow: 1px 3px 10px 0px #E0E4ED;
    }
.primary-text.pro-lft-rgt {
    gap: 4px
}
.dark-mode .side-app.Appointment_view_page {
    background-color: #080c46 !important;
}
.dark-mode .Appointment_view_page .card.card-blue {
    border: none !important;
    box-shadow: none;
}
.dark-mode .Appointment_view_page .col-lg-12.col-md-12.col-sm-12.col-xs-12, .dark-mode .col-sm-12.col-xs-12.clientterms_craftmyapp_container {
    box-shadow: none;
}


.dark-mode .icon-item svg path {
    width: 22px;
    height: 22px;
    stroke: #ffffff;
}
.dark-mode .Appointment_view_page .col-sm-3.left-side-people {
    background-color: #0b0437;
}
.dark-mode .Appointment_Viewvessel-detail-popup ul li {
    color: #dedefd !important;
}
.dark-mode .Operation_layout .row .col-lg-5.col-md-6.col-sm-12 .card {
    box-shadow: none;
 
}
.dark-mode .Operation_layout .row .col-lg-7.col-md-6.col-sm-12 .card {
    box-shadow: none;
}
.dark-mode.btn-primary {
    background: #8CC2FF !important;
    border: 1px solid #8CC2FF !important;
    color: #0B1340 !important;
}
.dark-mode .cma_secondary_button.btn-add-charges {
    background: #172270 !important;
    border: 1px solid #172270 !important;
}
.dark-mode .btn-save-charges .btn-primary {
    background: #172270 !important;
    border: 1px solid #172270 !important;
}

#medium .Nomination_wrap .form_qty .form-control {
    height: 40px !important;
}
.Appointment_view_page .charges_craftmyapp_container .card.card-blue .card-head, .Appointment_view_page .clientterms_craftmyapp_container .card.card-blue .card-head {
    border-bottom: 0px solid #1F3979;
}

.commnets_request {
    width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

@media (min-width: 1464px) and (max-width: 1514px) {
    .price-min-lst .compare-check label.Interacting_label {
        min-width: 150px !important;
        max-width: 100px !important;
        width: 100px !important;
    }
}

td .tot-amount .currency_text {
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

td .tot-amount .dynamic_conversion_currency_convertedval.grand_total_display {
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.dark-mode .ship-detail .file-select {
    background: #0b0437;
    border: 1px solid #3a4eb6;
}

.dark-mode .ship-detail .file-select-button {
    background: #0b0437 !important;
    border: 1px solid #3a4eb6;
    height: 44px !important;
}

.dark-mode .ship-detail .file-select {
    border: 1px solid #3a4eb6 !important;
}

@media only screen and (min-width: 320px) and (max-width: 1400px) {
    #btn_add_mail {
        position: absolute;
        top: 20%;
        right: 10px;
        width: 100px;
    }
    .request_list_tab .dataTables_wrapper.dicover-engae-wrap .dicover-engae-tab {
        overflow: auto;
        max-width: calc(100% - 557px) !important;
    }
}
.Appointment_view_page .princ-detail .info-row .label {
    float: left;
    width: 181px;
}
.Operation_layout #initiatedBy, .Operation_layout #portCountry, .Operation_layout #agencyName {
    width: 201px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.Operation_card .vessel-left,
.Operation_card .vessel-center,
.Operation_card .vessel-right {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 166px;
}
.vessel-info #portCountry, .vessel-info #terminal, .vessel-info #eta, .vessel-info #etb, .vessel-info #etd, .vessel-info #appId {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #021421
}
.Appointment_view_page .details.row .col-sm-12 {
    padding: 0px !important
}
.Appointment_view_page .card.card-blue.comments label {
    color: #000 !important;
    font-family: 'Roboto' !important;
    font-weight: 500;
}
.Operationsicon-menu .icon-item.active span {
    font-weight: 500;
}
.Appointment_view_page .card.card-blue .card-head {
    border-bottom: 0px solid #1F3979;
}
.dark-mode .Operation_layout .agency_name_head.status span {
    color: #000000 !important;
}
.Appointment_view_page .appointmentmanagement .princ-detail .info-row .label {
    float: left;
    width: 115px;
}
@media (max-width: 767px) {

    .vessel-left,
    .vessel-center,
    .vessel-right {
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 201px;
    }

    .vessel-row {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        align-items: center;
    }
}


@media (min-width: 768px) and (max-width: 1300px) {
   
    .vessel-left,
    .vessel-center,
    .vessel-right {
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 201px;
    }

    .vessel-row {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        align-items: center;
    }
}
@media (min-width: 10px) and (max-width: 1450px) {
    .Appointment_Viewvessel-detail-popup #vesselName {
        width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .Appointment_Viewvessel-detail-popup .vessel-row .value.blue.ship-detail-btn-r {
        display: flex;
        align-items: center;
    }
    .Operation_layout #initiatedBy, .Operation_layout #portCountry, .Operation_layout #agencyName {
        width: 55px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .Operationsicon-menu {
        overflow-x: scroll; 
        -webkit-overflow-scrolling: touch; 
    }

        .Operationsicon-menu::-webkit-scrollbar {
            height: 4px; 
        }

        .Operationsicon-menu::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 10px;
        }

            .Operationsicon-menu::-webkit-scrollbar-thumb:hover {
                background-color: #555; 
            }

        .Operationsicon-menu::-webkit-scrollbar-track {
            background-color: #f1f1f1; 
            border-radius: 10px;
        }
}
@media (min-width: 10px) and (max-width: 930px) {
    .op_text-truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-width: 132px !important;
    }
    .App_table-responsive {
        overflow: auto !important;
        max-height: 400px !important;
        min-height: 350px;
        scrollbar-width: auto;
        scrollbar-color: #b1aeae #ffffff;
    }

        .App_table-responsive::-webkit-scrollbar-thumb {
            background-color: #b1aeae;
            border-radius: 10px;
            border: 3px solid #ffffff;
        }
}
    @media (min-width: 768px) and (max-width: 1050px) {
        .App_table-responsive {
            overflow: auto !important;
            max-height: 400px !important;
            min-height: 350px;
            scrollbar-width: auto;
            scrollbar-color: #b1aeae #ffffff;
        }
            .App_table-responsive::-webkit-scrollbar-thumb {
                background-color: #b1aeae;
                border-radius: 10px;
                border: 3px solid #ffffff;
            }
        .op_text-truncate {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            max-width: 200px;
        }

        .opunits.Op_osunits {
            width: 150px !important;
        }

        .vessel-left,
        .vessel-center,
        .vessel-right {
            display: flex;
            flex-direction: column;
            gap: 8px;
            min-width: 158px;
        }
    }

    .dark-mode .header_color span {
        color: #ffffff !important
    }

    .dark-mode .Appointment_view_page .card.card-blue.comments label {
        color: #ffffff !important;
        font-family: 'Roboto' !important;
        font-weight: 500;
    }

    @media only screen and (min-width:320px) and (max-width:1100px) {
        #Operationmodal .Add_operation_popup.modal-dialog {
            margin-top: 71px;
            width: 100% !important;
        }

        #UpdateModalCenter .modal-content {
            margin-top: 184px;
            width: 130%;
        }

        .nav-tab-nav {
            overflow-x: scroll;
        }

            .nav-tab-nav::-webkit-scrollbar {
                height: 6px; /* Horizontal scrollbar height */
            }

            .nav-tab-nav::-webkit-scrollbar-thumb {
                background-color: #ccc;
                border-radius: 3px;
            }

            .nav-tab-nav::-webkit-scrollbar-track {
                background: transparent;
            }
    }

    .Appointment_Viewvessel-detail-popup .value.blue.ship-detail-btn-r {
        min-width: 230px;
    }

    #tblMail .dataTables_wrapper.table.tbody tr.even {
        background: #f8faff !important;
    }

    .btn.activityview_addbtn {
        position: absolute;
        right: 63px;
        width: 80px;
    }

    .Add_operation_popup.modal-dialog {
        width: 34% !important;
    }

    #Operationmodal .form-control {
        height: 42px !important;
    }

    #Operationmodal .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 32px !important;
    }

    .Add_operation_popup .modal-footer button {
        width: 120px;
        height: 44px;
    }

    #Operationmodal .Add_operation_popup label {
        padding-bottom: 8px;
    }

    #Operationmodal .Add_operation_popup .modal-header {
        position: relative;
        padding-bottom: 5px;
    }

        #Operationmodal .Add_operation_popup .modal-header::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -3px;
            width: 3%;
            height: 3px;
            background-color: #111896; /* your blue color */
        }

    .Add_Operation_btn {
        background-color: #039F7A !important;
        border: solid 1px #039F7A !important;
    }

    .dark-mode .Add_Operation_btn {
        background-color: #8cc2ff !important;
        border: 1px solid #8cc2ff !important;
        color: #000000 !important;
    }

        .dark-mode .Add_Operation_btn svg path {
            fill: #000000 !important;
        }

    .dark-mode .cancel_btn:hover {
        border: 1px solid #D9DBE2 !important;
        background-color: transparent !important;
        color: #ffffff;
    }

    .dark-mode .cancel_btn {
        border: 1px solid #D9DBE2 !important;
        background-color: transparent !important;
        color: #ffffff;
    }

    .dark-mode .info-header {
        background-color: #0b0435;
    }

#UpdateModalCenter .info-header .info-item {
    gap: 6px;
    max-width: 336px;
}

    #UpdateModalCenter label {
        padding-bottom: 8px;
    }

    .tab .tablinks {
        background-color: transparent !important;
        border: none;
        padding: 10px 10px;
        margin: 0px 0px;
    }

        .tab .tablinks.active {
            border-bottom: solid 2px #039F7A;
            color: #039F7A;
        }

    .Appointment_date {
        color: #01B18A;
    }

    #UpdateModalCenter .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 37px !important;
    }

    .select_width .tabcontent .col-lg-4 {
        margin-bottom: 10px;
    }

    .select_width .tabcontent {
        height: 26rem;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        .select_width .tabcontent::-webkit-scrollbar {
            height: 6px; /* Horizontal scrollbar height */
            width: 8px
        }

        .select_width .tabcontent::-webkit-scrollbar-thumb {
            background-color: #c5c5c5;
            border-radius: 3px;
        }

        .select_width .tabcontent::-webkit-scrollbar-track {
            background: #dbdbdb;
        }

    .dark-mode .tab .tablinks {
        background-color: transparent !important;
        border: none;
        padding: 10px 10px;
        margin: 0px 0px;
        color: #fff
    }

        .dark-mode .tab .tablinks.active {
            border-bottom: solid 2px #039F7A;
            color: #039F7A;
        }

    .approval-pending-icon {
        margin-right: 20px;
        border: solid 1px #ff000024;
        background-color: #f4dede;
        border-radius: 6px;
        margin-top: 10px;
    }

    .etdoverdue-icon {
        margin-right: 20px;
        background-color: #ff000014;
        border: 1px solid #ff000033;
        border-radius: 5px;
        margin-top: 7px;
    }

    .etboverdue-icon {
        margin-right: 20px;
        background-color: #1a237e24;
        border: 1px solid #1a237e;
        border-radius: 5px;
        margin-top: 7px;
    }

    .etaoverdue-icon {
        margin-right: 20px;
        background-color: #FBF0E0;
        border: 1px solid #df8b06;
        border-radius: 5px;
        margin-top: 7px;
    }

    .vessel-info .label {
        color: #646161
    }

    .Appointment_view_page .operationview_wrapper .ctmspecContainer .ctmspec:first-child div .form-group label {
        padding: 0px !important;
        margin-bottom: 20px !important;
    }

    .Operation_layout #operationviewTab, .Operation_layout #operationviewTabContent {
        margin: 0px 19px;
    }

    .Operation_layout #operationviewTab {
        margin-bottom: 19px;
    }

    .Operation_layout #operationviewTabContent {
        margin-bottom: 25px;
    }

    .card-head .nomination_icon span {
        border-right: solid 3px #C0C2C7;
        padding-right: 10px;
    }

    .operationview_wrapper .ctmspecContainer .ctmspec:first-child::after {
        content: "";
        background: transparent;
        position: absolute;
        top: 0;
        left: 19px;
        width: 96%;
        height: 42px;
        z-index: 1;
    }

    .Appointment_view_page .operationview_wrapper .ctmspecContainer .ctmspec:first-child div .form-group label {
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 100%;
        color: #191C25 !important;
    }

    .Appointment_view_page #ctmspecContainer .row {
        margin-left: 24px;
    }

    .Appointment_view_page .sub_section {
        margin-bottom: 10px !important;
    }

    .Appointment_view_page .sharing-detail-container {
        padding: 10px 30px;
        padding-left: 70px;
    }

    .Appointment_view_page .sharing-content .row label {
        display: none;
    }


    .Appointment_view_page .sharing-content .row:first-child label {
        display: block;
        font-weight: 600 !important;
        font-size: 16px;
        color: #191C25 !important;
        margin-bottom: 10px;
    }

    .Appointment_view_page .ctmspecContainer .ctmspec:nth-child(2n) div {
        background: #fff;
    }

    .status_in {
        color: #05A087;
        padding: 10px 10px;
        font-weight: 600;
        font-size: 17px;
    }

    #activityTitle {
        font-weight: 700;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #262E2F;
    }

    #sidebar select, #sidebar input {
        border: 1px solid #e8e8e8 !important
    }

    .sidebar-content.list_card_section {
        margin-top: 10px;
    }

    .sidebar-header #activityTitle {
        position: relative; /* ensures ::after positions correctly */
        padding-bottom: 0px; /* spacing before the border */
        padding: 0;
        margin: 0;
    }

        .sidebar-header #activityTitle::after {
            content: "";
            display: block;
            width: 25%;
            height: 4px; /* border thickness */
            background-color: #111896; /* border color */
            margin-top: 12px; /* spacing from content */
        }

    #totalHours {
        color: #01B18A !important;
        font-weight: 700;
    }

    #sidebar .nav-tab-content.sub-tab-content {
        margin: 0px 9px;
    }

    #sidebar .row.select_width {
        padding-top: 20px;
    }

    .placeholder {
        background-color: transparent !important;
    }

    #sidebar #ctmspecContainer .row {
        margin-left: 0px;
        background-color: transparent;
        margin: 0;
        padding: 0;
        overflow: hidden !important;
        border: none;
    }

    .Appointment_view_page .operationview_wrapper .card-head {
        margin-bottom: 10px;
        border-bottom: solid 1px #efefef;
        padding-bottom: 10px;
        padding: 10px 14px;
        background-color: #E6E9F0 !important
    }

.toggle-card i, .toggles-card i {
    font-size: 32px;
    color: #039f7a;
}

    .op_text-truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-width: 390px;
    }

    .Appointment_view_page .ctmspecContainertoggle {
        margin-left: 10px;
        margin-right: 10px;
    }

    .dark-mode .Appointment_view_page .operationview_wrapper .card-head {
        background-color: #0b0437 !important;
    }

    .dark-mode #operationviewTabContent .small_card {
        background: #0b0437;
    }

    .dark-mode .Nominated_btn {
        background: #0b0437 !important;
        color: #ffffff !important;
    }

    .dark-mode .Add_Appointment_Activitysidebar.sidebar {
        background-color: #2a2a4a;
    }

    .dark-mode #sidebar select, .dark-mode #sidebar input {
        border: 1px solid #e8e8e8 !important;
        border: 1px solid #3A4EB6 !important;
        background: #0b0437 !important;
    }

    .dark-mode #activityTitle {
        font-weight: 700;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #ffffff;
    }

    .operationview_wrapper #sidebar .card-head {
        background-color: transparent !important;
    }

    .Appointment_view_page #operationviewTabContent .ctmspecttoggle .row:first-child label {
        display: block !important;
    }

    .Appointment_view_page #operationviewTabContent .ctmspecttoggle .row label {
        display: none !important;
    }

    .Appointment_view_page #operationviewTabContent .ctmspecttoggle .row:first-child label {
        font-weight: 700 !important;
        font-size: 16px !important;
        color: #191C25 !important;
        padding-bottom: 18px;
    }

    .Appointment_view_page #operationviewTabContent .ctmspecttoggle.activity-fixed {
        background-color: transparent;
        border: none;
    }

    .Ap_costview_tab .operation_card {
        font-size: 32px !important;
        color: #039f7a;
    }

    .main-content.mt-0.hor-content.Operation_layout {
        background-color: #F5F5F5;
    }

    #sidebarContainer .list_card_section .form-group span {
        line-height: 24px;
    }

    #sidebarContainer #ActivityviewTabCTM .btn-danger {
        color: #dc3545 !important;
        font-size: 22px;
        margin: 0;
    }

    #sidebarContainer #ctmspecContainer {
        position: relative;
    }

    .scroll-container td.last-comment {
        width: 250px !important;
    }

    .Activity_name {
        background-color: #F0F3F9;
        color: #111896;
        padding: 4px 10px;
        margin-bottom: 4px;
    }

        .Activity_name .orgin {
            color: #05A087;
        }
    /*.Appointment_view_page .operations_craftmyapp_container {
    order: 1;
}*/
    .Appointment_view_page .operationview_wrapper .main-tabs .card:first-of-type .card-head {
        border-radius: 4px 4px 0px 0px !important;
    }

    .Appointment_view_page .operationview_wrapper .main-tabs .card:last-of-type .card-head {
        border-radius: 0px 0px 4px 4px !important;
    }

    .Appointment_view_page #operationviewTabContent .card:first-of-type {
        border-radius: 4px 4px 0px 0px !important;
    }

    .Appointment_view_page #operationviewTabContent .card:last-of-type {
        border-radius: 0px 0px 4px 4px !important;
    }

        .Appointment_view_page #operationviewTabContent .card:last-of-type .card-head {
            margin-bottom: 0px !important;
        }

    #operationviewTabContent th {
        font-style: Medium;
        font-size: 14px;
        color: #7A7A7A !important;
    }

#operationviewTabContent td {
    color: #262E2F !important;
    font-weight: 400;
    font-size: 17px;
    padding: 6px 10px !important;
    align-content: center;
}

    .costview_totaltext {
        font-weight: 800;
        font-style: Bold;
        font-size: 20px;
        color: #111896
    }

    .Appointment_view_page .people-content .card.list_card_section.list_card_tablet {
        box-shadow: none !important;
    }

    .Appointment_view_page .people-content .card.card-blue {
        box-shadow: none !important;
    }

.Appointment_view_page .operationview_wrapper .Cancelled_header .card-head {
    background-color: #DEE1E3 !important;
}

.Appointment_view_page .operationview_wrapper .card.Cancelled_header {
    background-color: #dee1e3b5 !important;
}

    .Appointment_view_page .operationview_wrapper .card.Cancelled_header .table thead {
        background-color: #dee1e300 !important;
    }

.Appointment_view_page .operationview_wrapper .Cancelled_header .card-head .small_card {
    background-color: #D8D7D7 !important;
}

    .pending_status {
        background: #FBF0E0 !important;
        color: #DF8B06 !important;
        color: #191C25;
        text-decoration: none !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500 !important;
        white-space: nowrap;
        min-width: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        border-radius: 3px;
        padding: 6px 10px;
        text-align: center;
    }

    .completed_status {
        background: #E6F4F0 !important;
        color: #239669 !important;
        color: #191C25;
        text-decoration: none !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500 !important;
        white-space: nowrap;
        min-width: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        border-radius: 3px;
        padding: 6px 10px;
        text-align: center;
    }

    .progress_status {
        background: #E9F1F4;
        color: #28729C !important;
        color: #191C25;
        text-decoration: none !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500 !important;
        white-space: nowrap;
        min-width: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        border-radius: 3px;
        padding: 6px 8px;
        text-align: center;
    }

    .hold_status {
        background: #fafac4;
        color: #a9a915 !important;
        color: #191C25;
        text-decoration: none !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500 !important;
        white-space: nowrap;
        min-width: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        border-radius: 3px;
        padding: 6px 10px;
        text-align: center;
    }

    .cancelled_status {
        background: #FDECEC;
        color: #F24B44 !important;
        color: #191C25;
        text-decoration: none !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500 !important;
        white-space: nowrap;
        min-width: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        border-radius: 3px;
        padding: 6px 10px;
        text-align: center;
    }

    .Appointment_view_page #partialViewContainer.people-mat-team .row .table-responsive {
        overflow: auto !important;
        max-height: 580px !important;
        min-height: 400px;
    }

.toggle-card .operation_card.fa, .toggles-card .operation_card.fa {
    font-size: 32px !important;
}

    .Appointment_Viewvessel-detail-popup .vessel-right .vessel-row:last-child {
        align-items: start;
    }

    .Operation_layout #UpdateModalCenter .modal-dialog {
        min-width: 73%;
    }

    .pop_lable {
        min-width: 175px
    }

    .Appointment_view_page .activityview_addbtn.add-row-btn {
        background-color: #05A087 !important;
        border: #05A087 !important;
    }

    .Appointment_view_page .auto_review_comments .form-group {
        padding: 0px 16px
    }

    .dark-mode .Appointment_view_page .ctmspecContainer .ctmspec:nth-child(2n) div {
        background: #0e124a;
    }

    .dark-mode .Appointment_view_page .operationview_wrapper .ctmspecContainer .ctmspec:first-child div .form-group label {
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 100%;
        color: #ffffff !important;
    }

    .dark-mode #operationviewTabContent td {
        color: #ffffff !important;
        font-weight: 400;
        font-size: 17px;
    }

    .dark-mode #operationviewTabContent th {
        font-style: Medium;
        font-size: 14px;
        color: #ffffff !important;
    }

    #sidebar .ctmspecContainer .conversionrate_craftmyapp_container .form-group label {
        margin-bottom: 0px !important;
    }

    #sidebar #ctmspecContainer .col-sm-2.col-xs-12 {
        width: 188px !important;
    }

    #sidebar #ctmspecContainer .col-sm-3.col-xs-12 {
        width: 190px !important;
    }

    .dark-mode .main-content.mt-0.hor-content.Operation_layout {
        background-color: #0e124a;
    }

    .dark-mode .Operation_layout #cma_printableArea .request-wraprequest-wrap, .dark-mode .Operation_layout #cma_printableArea .row.details {
        box-shadow: 1px 3px 10px 0px #0e124a;
        padding: 10px 10px;
        margin-bottom: 10px;
        background-color: #0e124a !important;
        border-radius: 10px;
    }

    .dark-mode .info-item strong {
        color: #bdb4b4;
        margin-left: 5px;
        min-width: 95px;
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dark-mode .Appointment_view_page #operationviewTabContent .ctmspecttoggle .row:first-child label {
        color: #ffffff !important;
    }

    .dark-mode .Operation_layout span .Activity_name, .dark-mode .Operation_layout span .Activity_name .activity_origin {
        color: #039f7a !important;
    }

    .dark-mode .chip {
        background-color: #0e124a !important;
    }

    .dark-mode .save_btn {
        background: #8cc2ff !important;
        color: #000000 !important;
        border: 1px solid #8cc2ff !important;
    }

    .dark-mode .cma_primary_button.btn-primary {
        background: #8cc2ff !important;
        color: #000000 !important;
        border: solid 1px #8cc2ff !important;
    }

        .dark-mode .cma_primary_button.btn-primary svg path {
            fill: #000; /* or any color you want */
        }

    .dark-mode #sharingContainer .detele-common-icon button {
        background: #0e124a;
        border: 0px solid #3a4eb6;
    }

    .dark-mode #sidebarContainer #ActivityviewTabCTM .btn-danger {
        color: #dc3545 !important;
        font-size: 22px;
        margin: 0;
        background-color: transparent !important;
        border: none !important
    }

    .Appointment_view_page .back-arrow-people {
        display: none;
    }

    .dark-mode .Appointment_view_page .operationview_wrapper .card-head.Cancelled_header {
        background-color: #0b0437 !important;
    }

        .dark-mode .Appointment_view_page .operationview_wrapper .card-head.Cancelled_header .small_card {
            background-color: #0b0437 !important;
        }

    .dark-mode .invoive-contcard .card-block > .card-block {
        background: #0b0437 !important;
        position: sticky;
        bottom: 0px;
        box-shadow: 1px 2px 3px #0b0437;
        padding: 9px 20px !important;
        margin: 0px;
        border: 1px solid #0b0437;
        z-index: 99;
    }

    #sidebarContainer #ctmspecContainer .ctmspec:first-child label {
        display: block;
        font-weight: 700 !important;
        font-size: 16px !important;
        color: #7A7A7A !important;
        padding-bottom: 15px;
    }

    .Appointment_view_page .table thead {
        background-color: #ffff;
        top: -5px;
    }

    #sidebarContainer #ctmspecContainer .ctmspec label {
        display: none;
    }

    .Operation_card .col-lg-5.col-md-6.col-sm-12 {
        width: 44% !important;
    }

    .Operation_card .col-lg-7.col-md-6.col-sm-12 {
        width: 56% !important;
    }
.info-header span.colan{
    padding:0px !important;
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
  
}
@media (min-width: 1920px) and (max-width: 3840px) {
    .op_text-truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-width: 600px;
    }

    .info-item strong {
        color: #1a237e;
        margin-left: 5px;
        min-width: 128px;
        width: 127px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.dark-mode .Appointment_view_page .table thead {
    background-color: #262068;
    top: -5px;
}
body .create-frm .form-group label.error {
    color: red
}

body.dark-mode .compare-main-head .right-wrap.right-wrap-btn button.generate-pda:first-child {
    border: 1px solid #080C46 !important;
    color: #ffffff !important;
    background: #251f70 !important;
    font-weight: 600 !important;
}
#sidebarContainer .form-group .error {
    order: 3;
    padding-top: 3px;
    white-space: nowrap
}

.Appointment_view_page .ctmspecttoggle .row {
    margin-left: 24px;
}

form .card.card-blue .card-head button.btn-add-sharing {
    background-color: #039F7A;
}
#sidebar .sharing_craftmyapp_container .card {
    box-shadow: none !important;
}
/* style for sortable headers */
th[data-column] {
    position: relative;
    cursor: pointer;
    user-select: none;
}
/* Empty state (no sort) */
th[data-column]::after {
     content: '\e5d7';
     position: absolute;
     right: 8px;
     font-size: 12px;
     color: #888;
     font-family: "Material Icons";
     font-size: 18px;
     font-weight: normal;
     font-style: normal;
     text-decoration: inherit;
     -webkit-font-smoothing: antialiased;
 }
th.sorted-asc::after {
    content: "\e316";
    color: #007bff;
}
th.sorted-desc::after {
    content: "\e313";
    color: #007bff;
}
.Appointment_view_page .appoinment_charges .card-head::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #111896;
    bottom: 0;
    left: 0px;
}

.Appointment_view_page .appoinment_charges .card-head {
    position: relative;
    margin: 0px 10px
}

.Appointment_view_page .appoinment_charges .card-head {
    border-bottom: 1px solid #e0e0e0 !important;
}

.download_from_cloud {
    flex: 1;
    text-decoration: none;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}

.Attached_text {
    color: #039f7a;
    border-bottom: solid 1px #d7d3d3;
    padding: 10px 10px;
}
.dark-mode .Appointment_view_page .operationview_wrapper .card.Cancelled_header {
    background-color: #0e124a !important;
}

.dark-mode .Appointment_view_page .operationview_wrapper .Cancelled_header .card-head {
    background-color: #0e124a !important;
}

    .dark-mode .Appointment_view_page .operationview_wrapper .Cancelled_header .card-head .small_card {
        background-color: #0e124a !important;
    }