@media only screen and (max-width: 1600px) {
    .dataTables_wrapper {
        overflow-x: auto !important;
    }

    #myTabContent {
        overflow-x: auto !important;
    }

    .priority {
        overflow-x: auto !important;
    }

    #priority_wrapper {
        overflow-x: auto !important;
    }

    #received .form-group {
        float: left;
        width: 46%;
        margin: 0 10px;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .2rem !important;
        padding-left: .2rem !important;
        font-size: 13px !important;
    }

    .navbar-nav.ml-auto {
        margin-right: 20px !important;
    }

    #marketplace-inner {
        right: -10px !important;
        position: relative !important;
        top: 0px !important;
    }
}


@media only screen and (max-width: 1500px) {
    .d-flex .verifiedlabel {
        width: 81px !important;
        font-size: 12px !important;
    }

    #update-marketnotes {
        padding: 4px 20px;
    }

    .container.print.dark-blue.tab-schedule .nav-item.back.float-right1 {
        right: 0 !important;
        position: relative !important;
        margin: 0 !important;
    }

    .container.print.dark-blue.tab-schedule .btn.btn-primary.back_button {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    #myTab.nav.nav-tabs .nav-item.back {
        position: relative !important;
        right: 0;
        margin: 0 !important;
    }

    #myTab.nav.nav-tabs .back_button {
        color: #fff;
        background-color: #4e73df;
        border-color: #4e73df;
        position: relative;
        right: 0;
        float: inherit;
        margin: 0px auto;
    }

    #myTab.nav.nav-tabs .btn.btn-primary.back_button {
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    #marketplace-box .lead {
        background: transparent;
        color: #1a4d80;
        font-size: 15px !important;
        font-weight: 700;
        text-align: center;
        border: none !important;
    }

    #advance_filter .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container.edit-main .btn.btn-primary.back_button {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    #advance_filter .col-md-2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 5px 0;
        height: auto !important;
    }

    #advance_filter .col-md-1 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 5px 0;
        height: auto !important;
    }

    #advance_filter .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 5px 0;
    }

    .container.admin-edit-main .nav-item.back {
        width: 100% !important;
        text-align: center;
        margin-right: 0px !important;
        margin-top: 10px !important;
    }

    .btn.btn-primary.back_button.btn-main.black-btn {
        background: #000 !important;
        border-color: #000 !important;
    }

    .container.admin-edit-main .back_button {
        color: #fff;
        background-color: #4e73df;
        border-color: #4e73df;
        position: relative;
        right: 4px;
        float: inherit;
        margin: 2px auto;
        text-align: center;
        display: ruby-base;
    }

    .nav-item.pdf a, .nav-item.back button, .nav-item.invoicepdf a {
        font-size: 14px;
        padding: 5px 10px;
        top: 0px !important;
        position: relative;
        /* display: table-column; */
    }

    .btn.btn-success.green-btn {
        background: #46a546 !important;
        border: none;
        width: 100% !important;
        margin: 0 5px !important;
    }

    #documentation .row {
        margin-right: 0 !important;
    }

    #advance_filter #reset {
        margin: 5px 0;
    }
}


@media screen and (max-width:1424px){
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .3rem !important;
        padding-left: .3rem !important;
    }
}


@media only screen and (max-width: 1400px) {
    #dropdownMenuButton2 {
        width: 80px !important;
    }
}


@media (max-width: 1400px) {
    html, body {
        overflow: scroll;
    }
}



@media screen and (max-width:1355px){
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .2rem !important;
        padding-left: .2rem !important;
        font-size: 13px !important;
    }
    .container li.nav-item {
        /*line-height: inherit !important;*/
    }
}


@media only screen and (max-width: 1320px) {
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #2162a3 !important;
        background-color: #fff;
        border: 1px solid #c4c4c4;
    }
    .container.inner-main.order-log-main .card-body {
        border: none !important;
    }
    .container.inner-main.role-create .form-group label {
        float: left;
        width: 33%;
        margin: 10px auto;
    }
    .container.admin-edit-main {
        max-width: 100%;
    }

    .container.admin-edit-main .nav-item {
        width: 49%;
        background: transparent;
        color: #fff;
        margin: 2px 2px;
    }

    .container.admin-edit-main li.nav-item.back {
        /* display: block; */
        right: 140px;
        /* width: 300px; */
        position: relative;
    }

    .container.admin-edit-main .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid #eee;
        border-top-left-radius: .35rem;
        border-top-right-radius: .35rem;
        color: #000;
    }

    .container.admin-edit-main #myTab {
        margin-bottom: 60px;
    }
}

@media  screen and (max-width: 1250px) {
    .chart1 .col-md-2 {
        margin-right: 10px !important;
    }
}
@media  only screen and (max-width: 1200px){
    .col-md-6.dashboard-box1 {
        flex: inherit;
        max-width: inherit;
        margin: 20px 10px;

        border-radius: 8px;
    }

    .col-md-6.dashboard-box {
        flex: inherit;
        max-width: inherit;
        margin: 20px 10px;

        border-radius: 8px;
    }
    #users .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    #user-edit .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 1000px) {
    #editschedule .col-sm-4 {
        flex: 0 0 100%;
        max-width: 94%;
        margin: 10px;
    }
    #history {
        overflow-x: auto !important;
    }

    #profile {
        overflow-x: auto !important;
    }

    #priority_wrapper {
        overflow-x: auto !important;
    }

    .container.admin-edit-main li.nav-item.back {
        top: 30px;
    }

    .nav-item.pdf {
        margin-top: 30px !important;
    }

    #home {
        overflow-x: auto !important;
    }

    .row.part-order-main input#dir_order {
        float: right;
        position: relative;
        top: -3px !important;
    }

    .form-group.col-md-12 {
        overflow-x: auto !important;
    }
    #searchbar {
        display: block;
    }
    #display {
        width: 217px !important;
    }
}

@media(max-width:992px){
    .navbar .dropdown .dropdown-toggle::after{
        display:none;
    }
    .navbar .dropdown .dropdown-toggle .dropdown-icon{
        display:block;
    }
    .navbar .dropdown .dropdown-menu .dropdown-item{
        /*white-space:pre-wrap;*/
    }
}


@media only screen and (max-width: 970px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .1rem !important;
        padding-left: .1rem !important;
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 810px) {
    .chart1 .col-md-2 {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }

    #addresscolumns a {
        padding: 20px 10px;
        font-size: 14px;
    }

    #addresscolumns .card {
        box-shadow: none !important;
        padding: 0px;
        background-color: none !important;
        height: 28px !important;
    }
    .container.print .h5 {
        text-align: left;
        padding: 20px 20px;
        display: block;
        border: 1px dashed #1a4d80 !important;
        height: 40px;
        line-height: 0px;
        margin-bottom: 0;
        font-size: 16px;
    }

    .container.inner-main.role-create .form-group label {
        float: left;
        width: 100% !important;
        margin: 10px auto;
    }
    #assign_module .form-check {
        width: 100%;
        margin: 5px 0;
    }

    #schedule label {
        font-size: 13px;
    }

    #documents .col-md-2 {
        width: 20%;
    }

    .container.print .col-sm-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .container.edit-main {
        padding: 0px;
        max-width: 99%;
    }

    .container .form-group label {
        font-size: 15px;
    }

    .container.print.dark-blue {
        padding: 0;
    }

    .navbar-toggler-icon {
        /*background: #5a9bdc;*/
        border-radius: 2px;
    }

    .nav-link {
        display: block;
        /*padding: .5rem 10px !important; Comment for mobile */
        padding: .5rem 10px !important;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {

        width: auto;
    }
    .card.o-hidden.border-0.shadow-lg.my-5.login.login-home {
        width: 100%;
    }

    .login-home .p-5 {
        padding: 1rem !important;
    }

    .rc-anchor-normal {
        height: 74px;
        width: 242px !important;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 17px !important;
    }
    .filemanager .search {
        position: inherit !important;
        padding-right: 30px;
        cursor: pointer;
        left: 0;
        font-size: 17px;
        color: #ffffff;
        display: block;
        width: 250px;
        /* height: 40px; */
        top: 0px!important;
        margin: 0px;
    }
    .d-flex.justify-content-center.mb-3 {
        padding-top: 0px;
    }
    .filter-buttons {
        display: flex;
        margin-bottom: 0;
        margin-top: 20px;
    }
    #tree1 {
        margin-top: 10px;
    }
    .container.articles-tree .col-md-2 {
        border-right: 1px solid #ccc;
        height: auto !important;
        overflow-y: scroll;
        padding: 20px 10px;
        overflow-x: scroll;
    }
    .header[data-scroll="out"] {
        transform: translatey(0%) !important;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .1rem !important;
        padding-left: .1rem !important;
        font-size: 13px !important;
    }
}


@media only screen and (max-width: 750px) {

    #advance_filter .col-md-2 {
        height: auto !important;
        line-height: inherit !important;
    }
    .slider-container.theme-green {
        width: 100% !important;
    }
    .search-panel {
        margin-top: 0px !important;
    }
    #marketplace-box .lead {
        background: transparent;
        color: #000;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        border: none !important;

    }
    #marketplace-box::before {
        top: -17px;
    }
    #advance_filter .col-md-4 {
        height: 30px !important;
    }
    #advance_filter .col-md-2 {
        height: auto !important;
        line-height: 1.5em !important;
        height: auto !important;
        margin: 0px 0 !important
    }
}
@media  screen and (max-width: 600px) {
    .chart-box .row {
        margin: 0 0 !important;
        width: 100% !important;
    }
}

@media  screen and (max-width: 600px) {
    .chart1 .col-md-2 {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }

    .chart1 .row {
        margin-left: 15px;
    }

    .chart1 h2 {
        font-size: 16px !important;
    }

    #chart-main3 .container.py-4 {
        padding-left: 0 !important;
    }

    .col-md-6.dashboard-box1 .activity-box-main {
        height: auto;
    }

    .bill-box {
        width: 50%;
        float: left;
        border-right: 1px solid #ccc;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        font-size: 20px;
    }
}

@media (max-width: 500px) {
    .dropdown-menu {
        max-height: 400px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 500px) {
    #part-searching-modal .modal-content {
        top: 48px;
    }
    .main-admindash #editable td span {
        position: inherit !important;
        left: 8px !important;
        right: 0;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        bottom: 0;
        top: 0;
        max-width: 200px;
    }
    .main-admindash #editable td span:hover {
        position: inherit !important;
        left: 8px !important;
        right: 0;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        bottom: 0;
        top: 0;
        max-width: 200px;
    }
    /*.main-admindash #editable td span {
        position: absolute !important;
        right: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        bottom: 0;
        top: 0;
        max-width: 100px;
    }
    .main-admindash #editable td span:hover {
        overflow: visible;
        white-space: unset;
        position: relative !important;
        bottom: 0;
        left: -2px;
        top: 0;
    }*/
    #columns {
        /* columns: 6; */
        position: absolute;
        /* transform: translate3d(-38px, 31px, 0px); */
        /* top: 0px; */
        /* left: 0px; */
        /* will-change: transform; */
        /* width: auto; */
        text-align: left;
        right: 0;
        bottom: auto;
        columns: auto 1 !important;
        width: 90% !important;
        text-align: left;
    }



    .dashboard-box1 .chart-box .row {
        margin: 0 0% !important;
        width: 100% !important;
    }
    .mapael .map {
        overflow: hidden;
        position: relative;
        background-color: #fff;
        border-radius: 5px;
        margin: 0 auto;
        width: 100% !important;
        padding: 50px 20px 20px;
    }
    .map svg {
        width: 100% !important;
    }
    .chart-box.payment {
        height: auto;
        padding: 20px 0;
    }
    .btn.btn-outline-dark {
        width: 100% !important;
    }

    #addresscolumns .column{
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .main-admindash table.dataTable td span {
        position: relative !important;
        left: 0 !important;
        right: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        bottom: 0 !important;
    }
    table.dataTable {
        table-layout: auto !important;

    }
    button#completeNowBtn {
        margin-bottom: 10px;
    }
    #part-searching-modal {

    }
    #searchd:focus-visible {
        box-shadow: none;
        outline: none;
    }
    .navbar-toggler i {
        font-family: "Font Awesome 5 Free";
        /*color: #fff;*/
    }
    .unreadprev #markasreaddeal:hover::after {
        content: 'x' !important;
        position: absolute;
        right: 0;
        font-size: 22px !important;
        height: 15px;
        width: 15px;
        top: 0;
        title: 'Mark as read';
        background-color: transparent;
        -webkit-text-fill-color: red !important;
    }
    #notify {
        width: 100% !important;
        max-width: 375px;
        text-align: left;
        margin-left: 0;
    }
    #display.dropdown-menu {
        width: 217px !important;
    }
    #display {
        width: 39% !important;
    }
    .navbar-nav.ml-auto {
        margin-right: 20px !important;
        padding-left: 10px;
    }
    .container.inner-main.main-admindash table.dataTable tbody th, .container.inner-main.main-admindash table.dataTable tbody td {
        padding: 0 2px;
    }
    .container.inner-main.main-admindash table.dataTable thead th, table.dataTable thead td {
        padding: 0 2px;
        border-bottom: 1px solid #111;
    }
    .container.inner-main.main-admindash .dataTables_scroll table.dataTable {
        white-space: nowrap;
        font-size: 10px;
    }
    .container.inner-main.main-admindash .dataTables_scroll table.bordered th {
        font-size: 10px ;

    }


    .container.boat-orders-new table.dataTable tbody th, .container.boat-orders-new table.dataTable tbody td {
        padding: 0 2px;
    }
    .container.boat-orders-new table.dataTable thead th, table.dataTable thead td {
        padding: 0 2px;
        border-bottom: 1px solid #111;
    }
    .container.boat-orders-new .dataTables_scroll table.dataTable {
        white-space: nowrap;
        font-size: 10px;
    }
    .container.boat-orders-new .dataTables_scroll table.bordered th {
        font-size: 10px ;

    }

    #remove_credit_trans #currency {
        width: 100%;
        display: block;
    }
    #remove_credit_trans #amountrefund {
        width: 100%;
        display: block;
    }
    #add_credit_trans #currency {
        width: 100%;
        display: block;
    }
    #add_credit_trans #amount {
        width: 100%;
        display: block;
    }
    #payment_submit {
        margin-left: 10px !important;
    }
    .form-check {
        width: 100% !important;
        margin: 5px 0;
    }
    .btn-style.btn.btn-default.btn-sm.dropdown-toggle.columns-main {
        margin-left: 20px !important;
        padding: 4px 11px !important;
    }

    .float-right {
        float: left !important;
    }

    #server-save {
        display: block;
        margin: 5px 20px !important;
        width: 84% !important;
    }

    .table-responsive {
        overflow-x: auto !important;
    }

    .dark-blue .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-top-left-radius: .35rem;
        border-top-right-radius: .35rem;
        color: #000 !important;
    }

    .dark-blue .nav-item {
        width: 100%;
        background: transparent !important;
        color: #fff;
        margin: 5px 0;
        border-radius: 10px 10px 0 0;
    }

    .table-style {
        overflow-x: auto !important;
    }
    .container.inner-main.role-create .form-group label {
        float: inherit !important;
        width: 100% !important;
        margin: 10px auto;
    }
    .btn {
        margin: 2px 1px !important;
    }
    .container.admin-edit-main .nav-item.back button {
        margin-top: 11px !important;
        margin-left: -3px !important;
    }
    .container.admin-edit-main .back_button {
        margin: 15px auto;
        right: 0px;
    }
    #myTab.nav.nav-tabs .nav-item.back {
        position: relative !important;
        right: 0;
        margin: 10px 0 !important;
    }
    /*   .float-right1 a {
           background: #46a546;
           border: #46a546;
           position: relative;
           top: 0px;
           left: 0;
           right: 58px;
           margin: 0 auto;
       }*/
    .float-right1 a {
        background: #46a546;
        border: #46a546;
        position: relative;
        top: 0;
        /* left: 0; */
        right: 58px;
        margin: 0 auto;
    }
    div#dealer-assign {
        width: 100%;
    }
    #received .form-group {
        float: inherit;
        width: 94%;
        margin: 0 10px;
    }
    #marketplace-inner {
        right: 0px !important;
        position: relative !important;
        top: 0px !important;
    }
    #searchbar {
        display: block !important;
        margin: 5px 2px;
    }
    #dropdownMenuButton2 {
        text-align: left !important;
    }
    .dropdown2 abbr {
        position: absolute;
        top: 0;
        left: 0!important;
        color: #fff;
        font-size: 10px;
        background: darkred;
        border-radius: 50%;
        padding: 2px;
        height: 17px;
        width: 17px;
        line-height: 13px;
        text-align: center;
    }
    .main-admindash table.dataTable td span {
        position: relative !important;
        left: 0 !important;
        right: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        bottom: 0 !important;
    }

    table.dataTable {
        table-layout: auto !important;
    }

    button#completeNowBtn {
        margin-bottom: 10px;
    }

    #part-searching-modal {

    }

    #searchd:focus-visible {
        box-shadow: none;
        outline: none;
    }

    .navbar-toggler i {
        font-family: "Font Awesome 5 Free";
        /*color: #fff;*/
    }

    .unreadprev #markasreaddeal:hover::after {
        content: 'x' !important;
        position: absolute;
        right: 0;
        font-size: 22px !important;
        height: 15px;
        width: 15px;
        top: 0;
        title: 'Mark as read';
        background-color: transparent;
        -webkit-text-fill-color: red !important;
    }

    #notify {
        width: 100% !important;
        max-width: 375px;
        text-align: left;
        margin-left: 0;
    }

    #display.dropdown-menu {
        width: 217px !important;
    }

    #display {
        width: 39% !important;
    }

    .navbar-nav.ml-auto {
        margin-right: 20px !important;
        padding-left: 10px;
    }

    .container.inner-main.main-admindash table.dataTable tbody th, .container.inner-main.main-admindash table.dataTable tbody td {
        padding: 0 2px;
    }

    .container.inner-main.main-admindash table.dataTable thead th, table.dataTable thead td {
        padding: 0 2px;
        border-bottom: 1px solid #111;
    }

    .container.inner-main.main-admindash .dataTables_scroll table.dataTable {
        white-space: nowrap;
        font-size: 10px;
    }

    .container.inner-main.main-admindash .dataTables_scroll table.bordered th {
        font-size: 10px;
    }

    .container.boat-orders-new table.dataTable tbody th, .container.boat-orders-new table.dataTable tbody td {
        padding: 0 2px;
    }

    .container.boat-orders-new table.dataTable thead th, table.dataTable thead td {
        padding: 0 2px;
        border-bottom: 1px solid #111;
    }

    .container.boat-orders-new .dataTables_scroll table.dataTable {
        white-space: nowrap;
        font-size: 10px;
    }

    .container.boat-orders-new .dataTables_scroll table.bordered th {
        font-size: 10px ;

    }
}

@media only  screen and (max-width: 450px) {
    .search-panel {
        margin-top: 25px !important;
    }
    .d-flex .verifiedlabel {
        content: "Verified";
        position: absolute;
        top: 16px;
        right: 0px;
        font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        z-index: 9999;
        background: #46a546 !important;
        color: #fff !important;
        height: 31px;
        width: 58px;
        line-height: 16px;
        text-align: right;
        border-radius: 50px 0px 0px 50px !important;
        font-size: 12px;
        font-weight: normal;
        padding: 8px 5px;
        margin-top: -16px;
    }
    #marketplace-box .lead {
        background: transparent;
        color: #000;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        border: none !important;
        display: block;
        line-height: 1.2em;
    }
    #marketplace-box .card img {
        text-align: center;
        margin: 15px auto;
        height: 300px;
        display: flex;
    }

    .btn.btn-success.blue-btn {
        width: 100% !important;
        margin: 0 5px !important;
    }
    .btn.btn-success.green-btn {
        background: #46a546 !important;
        border: none;
        width: 100% !important;
        margin: 0 5px;
    }
    #closecancel {
        left: 178px !important;
    }
    .popup .close {
        left: 100px;
    }
}
@media only screen and (max-width: 450px) {
    .mapael .map {
        width: auto !important;
    }

    .map svg {
        width: 100% !important;
    }

    .chart-box.payment {
        height: auto;
        padding-bottom: 20px;
    }

    #addresscolumns .col-md-3 {
        height: 64px !important;
    }

    .col-md-6.dashboard-box1 {
        flex: inherit;
        max-width: inherit;
        margin: 0px 10px;
        border-radius: 8px;
    }

    .col-md-6.dashboard-box {
        flex: inherit;
        max-width: inherit;
        margin: 0px 10px;
        border-radius: 8px;
    }

    .col-md-6.dashboard-box {
        margin-top: 10px !important;
    }

    #addresscolumns .card {
        height: 30px !important;
    }
    #addresscolumns.switch-home a {
        padding: 15px 10px;
        border-radius: 0;
        background: #1a4d80 !important;
        color: #fff;
        transition: ;
        text-transform: uppercase;
        font-size: 16px;
        margin: 0 0 !important;
    }
    #addresscolumns a {
        padding: 15px 10px;
        border-radius: 0;
        background: #000;
        color: #fff;
        transition: ;
        text-transform: uppercase;
        font-size: 16px;
        margin: 0 0 !important;
    }

    .col-md-6.dashboard-box h2 {
        font-size: 16px;
    }

    .col-md-6.dashboard-box1 h2 {
        font-size: 16px;
    }

    .refresh-img {
        width: 21px;
        position: absolute;
        top: 13px;
        right: 12px;
    }

    .col-md-6.dashboard-box1 {
        margin: 20px auto;
    }

    #dashboard-main {
        padding-top: 10px;
    }

    #addresscolumns a {
        padding: 15px 10px;
        border-radius: 0;
        background: #000;
        color: #fff;
        transition: ;
        text-transform: uppercase;
        font-size: 16px;
        margin: 0 0 !important;
    }


    .btn.btn-primary.btn-lg {
        width: 250px;
        margin: 5px auto;
    }

    #tbl-form #save-later {
        display: block;
        text-align: center;
        margin: 5px auto;
        width: 250px;
    }

    #cancel {
        width: auto !important;
        margin: 10px 0px !important;
        display: inline-block;
    }

    #save-later {
        width: auto !important;
        margin: 10px 0px !important;
        display: inline-block;
        margin: 0 2px !important;
    }

    #server-save {
        display: block;
        margin: 5px auto;
        width: 250px;
    }

    .container {
        max-width: 100%;
        padding: 0 5px;
    }

    .table td, .table th {
        padding: 5px;
        vertical-align: top;
        border: 1px solid #e3e6f0 !important;
        font-size: 12px;
    }

    .container.inner-main {
        max-width: 99% !important;
        padding: 24px 5px;
        margin: 0 auto;
    }

    .container.inner-main.boat-main {
        max-width: 99% !important;
        padding: 0 5px;
    }

    .container.inner-main.popup-main {
        padding: 0 5px !important;
        max-width: 99%;
        margin: 0 auto;
    }

    .container.inner-main.boats-yearcreate {
        max-width: 100%;
        padding: 0 10px;
    }

    .h3, h3 {
        font-size: 1.2rem;
    }

    #documents .col-md-2 {
        width: 100%;
        padding: 5px;
    }

    #documents .col-md-1 {
        width: 100%;
        padding: 5px;
    }

    .container.admin-edit-main .card-body #documents {
        flex: 1 1 auto;
        min-height: 1px;
        padding: 20px;
        text-align: left;
    }

    .card-header {
        font-size: 14px;
    }

    .container.inner-main.order-log-main {
        max-width: 100% !important;
        padding: 5px !important;
    }

    .container.inner-main.permission-main {
        padding: 5px;
        max-width: 99%;
    }

    .container.inner-main.permission-main .table td, .table th {
        padding: 6px;
        vertical-align: top;
        border-top: 1px solid #e3e6f0;
    }

    .container.inner-main.popup-main .table-bordered td, .table-bordered th {
        border: 1px solid #e3e6f0;
        padding: 5px;
        font-size: 13px;
    }

    .container.admin-edit-main .table td, .container.admin-edit-main .table th {
        padding: 5px;
        vertical-align: top;
        border-top: 1px solid #e3e6f0;
        font-size: 13px;
    }

    .container.admin-edit-main {
        max-width: 100%;
        padding: 0;
    }

    .container.admin-edit-main .card-body {
        flex: 1 1 auto;
        min-height: 1px;
        padding: 5px;
    }

    .container.print .table td, .table th {
        padding: 5px;
        vertical-align: top;
        border-top: 1px solid #e3e6f0;
        font-size: 13px;
    }

    .container.admin-edit-main .nav-item {
        width: 100%;
        /*background: #000;*/
        color: #fff;
        margin: 2px 2px;
    }

    .container.admin-edit-main .nav-item.pdf {
        position: relative;
        top: 7px;
    }

    .container.admin-edit-main li.nav-item.back {
        /* display: block; */
        right: 140px;
        /* width: 300px; */
        position: relative;
        top: 3px;
    }

    .container.admin-edit-main .back_button {
        right: 0px;

    }

    .admin-edit-main #add_new_labor {
        position: relative;
    }

    .admin-edit-main .back_button {
        top: 0px;
    }

    .admin-edit-main #update-form {
        top: 0px;
    }

    .container.admin-edit-main .modal-content {
        max-width: 350px;
    }

    #update-form.update-form-for-admin {
        position: relative;
        right: -2px;
        top: 1px;
    }
    .card.show-change .card-headers .float-right {
        position: inherit;
        top: 30px;
        float: right !important;
    }
    .dropdown-menu.dropdown-list.dropdown-menu-lg-right.shadow.animated--grow-in {
        width: 100%;
    }
    .navbar.navbar-expand-md {
        margin-bottom: 50px !important;
        padding-top: 0px !important;
    }
}

@media (max-width: 450px) {
    .carousel-item img {
        width: 100% !important;
        max-height: 400px !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 400px) {
    .card.o-hidden.border-0.shadow-lg.my-5.login {
        width: 50%;
        margin: 0 auto;
        margin-top: 0;
        margin-bottom: 0;
        max-width: 349px;
    }

    .container.login .p-5 {
        padding: 20px !important;
    }
    .container.inner-main.roles-main {
        max-width: 99%;
        margin: 0 0px;
        padding: 5px;
    }

    .container.inner-main.roles-main .table td, .table th {
        padding: 5px;
        vertical-align: top;
        border-top: 1px solid #e3e6f0;
    }

    .card-body {
        flex: 1 1 auto;
        min-height: 1px;
        padding: 5px;
    }

    .lead {
        font-size: 14px;
    }

    .container.print .h5 {
        text-align: left;
        padding: 27px 10px;
        font-size: 13px;
    }

    .container.print {
        padding: 5px;
    }

    .dark-blue .nav-item {
        width: 100%;
    }

    /*      .float-right1 a {
              background: #46a546;
              border: #46a546;
              position: absolute;
              top: -40px;
               left: 0;
              right: 58px;
              margin: 0 auto;
          }*/
    .float-right1 a {
        background: #46a546;
        border: #46a546;
        position: relative;
        top: 0;
        /* left: 0; */
        right: 58px;
        margin: 0 auto;
    }

    .dark-blue #myTab {
        margin-top: 33px;
    }

    .dark-blue .nav-item {
        width: 100%;
        background: #000;
        color: #fff;
        margin: 5px 0;
        border-radius: 10px 10px 0 0;
    }

    .dark-blue .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-top-left-radius: .35rem;
        border-top-right-radius: .35rem;
        color: #fff;

    }

    .dark-blue .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #2162a3;
        border-color: transparent;
        border-radius: 10px 10px 0 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .dark-blue .table td, .table th {
        padding: 5px 5px;
        vertical-align: top;
        border-top: 1px solid #e3e6f0;
        font-size: 12px;
    }

    .container.edit-main .table td, .table th {
        padding: 5px;
        font-size: 12px;
    }

    .container.edit-main {
        padding: 0;
        max-width: 98%;
    }

    .container.edit-main .nav-item {
        width: 100%;
    }

    .container.edit-main #myTab {
        margin-top: 33px;
    }

    .container.edit-main .nav-item {
        width: 100%;
        background: #000;
        color: #fff;
        margin: 5px 0;
        border-radius: 10px 10px 0 0;
    }

    .nav-link {
        display: block;
        /* padding: .20rem 1rem !important; */
        padding: .5rem 10px !important;
    }

    .container.edit-main .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-top-left-radius: .35rem;
        border-top-right-radius: .35rem;
        color: #000;
        /* padding: 15px 10px !important;
         border: 1px solid #E8E8E8;*/
    }
    #save-later {
        width: 84% !important;;
        margin: 10px 20px !important;;
    }
    #save-first {
        width: 84% !important;
        margin: 0 20px !important;
    }

    .btn {
        margin: 2px 0 !important;
    }
    #cancel {
        width: auto !important;
        margin: 10px 0px !important;
        display: inline-block;
    }

    #cDDPTCCW_lFin {
        font-size: 15px !important;
        font-weight: 400 !important;
    }

    .nav-tabs .nav-link.active {

        border-color: #dddfeb #dddfeb #fff;
    }

    li.nav-item.back {
        right: -39px;
        position: absolute;
    }

    #products-add p {
        font-size: 15px !important;
        letter-spacing: 0.5px !important;
    }

    #duplicate-alert {
        font-size: 15px !important;
        display: block;
        margin-bottom: 10px !important;
    }

    .float-right {
        margin: 0 auto !important;
        display: block !important;
    }

    .dataTables_wrapper {
        overflow-x: auto !important;
    }

    .priority {
        overflow-x: auto;
    }

    .btn-style.btn.btn-default.btn-sm.dropdown-toggle.columns-main {
        margin-left: 20px;
        padding: 4px 11px !important;
    }
    .container.admin-edit-main li.nav-item.back {
        top: 5px;
    }

    .container.edit-main .nav-item {
        width: 100%;
        background: transparent !important;
        color: #fff;
        margin: 5px 0;
        border-radius: 10px 10px 0 0;
    }

    .float-right {
        float: inherit !important;
    }
}

@media only screen and (max-width: 414px) {
    #ctl00_c_cNV_dlstMfgNews img {
        width: 100% !important;
        height: auto !important;
        max-width: 375px !important;
    }
}


@media only screen and (max-width: 375px) {
    #ctl00_c_cNV_dlstMfgNews img {
        width: 100% !important;
        height: auto !important;
        max-width: 335px !important;
    }
}

/************accordionItem****************/

@media  only screen and (max-width: 1320px) {
    .container.admin-edit-main .nav-item {
        width: 49%;
        background: transparent;
        color: #fff;
        margin: 2px 2px;
        color: #000;
    }

    .btn.btn-primary.back_button.btn-main {
        background: #46a546 !important;
        color: #fff !important;
        margin-top: 14px;
        border: 1px solid #46a546 !important;
    }

    .container.admin-edit-main .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid #eee;
        border-top-left-radius: .35rem;
        border-top-right-radius: .35rem;
        color: #000;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #2162a3 !important;
        background-color: #fff;
        border: 1px solid #c4c4c4;
    }
}

@media  only screen and (max-width: 400px) {
    .container.admin-edit-main .nav-item {
        width: 100%;
        background: transparent;
        color: #fff;
        margin: 2px 2px;
        color: #000;
    }

    .btn.btn-primary.back_button.btn-main {
        background: #46a546 !important;
        color: #fff !important;
        margin-top: 5px;
        border: 1px solid #46a546 !important;
    }

    .container.edit-main .nav-item {
        width: 100%;
        background: transparent !important;
        color: #fff;
        margin: 5px 0;
        border-radius: 10px 10px 0 0;
    }
}

.nav-item.pdf a {
    margin-right: 257px !important;
}

.nav-item.invoicepdf a {
    margin-right: 70px;
}

@media  only screen and (max-width: 1500px) {
    .nav-item.invoicepdf a {
        margin-right: 65px;
    }

    .nav-item.pdf a, .nav-item.back button, .nav-item.invoicepdf a {
        font-size: 13px;
        padding: 5px 5px;
    }
}

@media  only screen and (max-width: 1300px) {

    .container.admin-edit-main .nav-item.pdf a {
        margin-top: 0 !important;
        margin-right: 270px !important;
    }

    .container.admin-edit-main .nav-item.invoicepdf a {
        margin-top: -4px !important;
        margin-right: 85px;
    }

    .container.admin-edit-main .nav-item.back button {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .nav-item.pdf a, .nav-item.back button, .nav-item.invoicepdf a {
        font-size: 15px;
        padding: 8px;
    }
}

@media  only screen and (max-width: 1000px) {
    .container.admin-edit-main .nav-item.back button {
        margin-top: 0px !important;
        margin-left: -3px !important;
    }

    #editschedule .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media    screen and (max-width: 700px) {
    .popup {
        width: 100%;
    }
}
@media  only screen and (max-width: 700px) {
    .nav-item.pdf, .nav-item.back, .nav-item.invoicepdf {
        float: inherit !important;
        position: inherit !important;
        width: 100% !important;
        margin: 5px 5px 0 !important;
    }

    .nav-item.pdf a, .nav-item.back button, .nav-item.invoicepdf a {
        position: inherit;
        width: ;
        top: 0;
        margin: 5px 10px !important
        padding: ;
        float: inherit;
        text-align: center;
        width: 200px;
    }

    .btn.btn-primary.back_button {
        margin-top: -9px !important;
        margin-left: 0px !important;
    }

    .nav-item.pdf {
        margin-top: 20px !important;
    }
}

@media  screen and (max-width: 700px) {

    .popup {
        width: 100%;
    }
}
@media  screen and (min-width: 48em) {
    .accordionItem {
        max-height: 900px;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
    }
}


@-webkit-keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes  accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
    }
}

@keyframes  accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
    }
}

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