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

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

th.th_action {
    max-width: 18em;
    width: 16em;
}

th.th_action div {
    display: flex;
    /* align-items: center; */
    align-content: center;
    justify-content: space-around;
}
.the_links div {
    display: flex;
    align-items: center;
}
.combo {
    background-color: #ffffff;
}
label.label_select_all {
    visibility: hidden;
}
td.action_btns.combo .the_links {
    padding-right: 25px;
}
td.action_btns {
    display: flex;
    justify-content: flex-end;
}
label.label_bulk_select_client2 {
    visibility: hidden;
}
input.individual_select {
    margin-left: 0.5em;
    border: 1px solid red;
    width: 1.5em;
    padding: 5px 5px;
    display: none;
}
.after_call {
    display: initial !important;
}
.mobile_menu_tab, button.restore_ent, button.restore_emp,.bulk_actions {
    display: none;
}

.is_del {
    background-color: #ff00006e;
    color: white;
}

tr.is_del:hover {
    background-color: red !important;
}

#main-container {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: calc(80vh - var(--admin-bar, 0px) - var(--theme-frame-size, 0px)*2) !important;
    overflow: hidden;
    overflow: clip;
    max-height: 80vh;
}

div#employee-update-overlay h1, h2, h3 {
    /* margin-bottom: 0; */
    font-size: initial !important;
}
div#employee-update-box {
    background: #fff;
    width: 80%;
    max-width: 600px;
    margin: 70px auto;
    padding: 15px 30px;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.section > div > div label {
    font-weight: 600;
}
.section.restore {
    display: none;
}

span#submit-update {
    padding: 10px 20px;
    background-color: #ff9494;
    color: #fff !important;
    border-radius: 4px;
    cursor: pointer;
    display: none;
}
div#the_settings_data {
    margin: 1em 1em;
}
span#submit-update:hover {
    background-color: red;
}

.section > div > div {
    text-align: left;
    text-decoration: underline;
}
input#update-address::placeholder {
    font-size: 13px; /* Adjust size as needed */
    color: #999;    /* Optional: change placeholder color */
}
.reduce_space {
    left: 5em !important;
}

.expand_space {
    left: 24vw !important;
}

.the_employee{
    display: none;
}

#the_clients,
#the_employees,div#the_settings,
#infos,form#wpforms-form-49 {
    display: none;
}


/* expand menu */
div#menu_list.show {
    transition-duration: 0.5s;
}

/* minify menu */
div#menu_list.hide {
    width: 80px;
    transition-duration: 0.5s;
}
tbody.the_body.get_employee_here{
    height: 0px;
    transition-duration: 1s;
}
span.his_link>a,
span#copyy {
    font-weight: 900;
    color: #ff0000;
    text-shadow: 0px 0px 0px !important;
    cursor: pointer;
}

input#post_image,
span.upld {
    margin-top: 2em;
    background-color: #c6c6c6;
    border: 1px solid #ddd;
    color: white;
    font-size: 1em;
    padding: 5px 15px;
    cursor: pointer;
    height: 50px !important;
    width: 12.5em !important;
    border-radius: 0;
}

input#post_image {
    margin: 0 !important;
    width: 256px !important;
    left: 1em;
}

/* input#post_image:hover {
    background-color: red;
    border: 0px solid red !important;
    color: white;
} */

input:hover {
    border-bottom: 0px solid !important;
}

.btn_section {
    position: relative;
    top: -2.25em;
    width: -webkit-fill-available;
    display: flex;
    justify-content: flex-end;
    right: -3em;
    height: 0em;
    scale: 0.8;
    display: none !important;
}

span.btn_close {
    width: 2.5em;
}

span.upld {
    color: red;
    padding: 13px;
    padding-left: 40px;
    padding-right: 40px;
    color: white;
}

.dark-gray-label.text-input-label.upload_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 15em;
    max-height: 16em;
    align-content: flex-start;
    flex-wrap: wrap;
}

div#preview {
    display: grid;
    width: 19em;
    justify-items: center;
    border-radius: 10px;
    border: 5px solid #e7e7e7;
    padding-bottom: 1em;
    align-items: center;
    align-content: center;
}

img#preview-image {
    height: auto;
    width: 200px;
    display: none;
    border-radius: 50%;
    object-fit: cover;
    padding: 2px;
}

.up_title {
    font-size: 21px;
}

input#comp_name,
input#comp_mail,
input#acm_mail {
    margin-bottom: 1em !important;
    height: 2.2em;
    border-radius: 0px !important;
    border: 2px solid #c0c0c0;
    width: 435px !important;
}

form.post-password-form p {
    display: none !important;
}

article#post-9 {
    background-color: #ffffff;
}

label[for="pwbox-9"] {
    color: transparent !important;
}

main#main {
    display: grid;
    justify-items: center;
    align-items: start;
    background: #ffffff;
}

form.post-password-form p:before {
    content: "Password";
    position: absolute;
}

.opaque:before {
    content: "";
    position: absolute;
    background-color: #6d333300;
    width: 12em;
    height: 3.5em;
    transform: translate(-5px, -15px);
}

.details {
    left: -1.5em;
    position: relative;
}

div#comp_logo_error {
    position: absolute;
    width: 12em;
    /* text-align: center; */
}



.dark-gray-label.text-input-label.upload_box {
    display: flex;
    align-items: flex-start;
    min-height: 15em;
    max-height: 16em;
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: center !important;
}

div#comp_name_error,
div#comp_mail_error,
div#acm_mail_error {
    position: absolute;
    transform: translate(0px, -50px);
    font-size: 13px;
    color: red;
    display: none !important;
    width: 435px !important;
}


.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    border-color: #e91313 !important;
    background-color: #ff282808 !important;
    color: red !important;
    font-weight: 800 !important;
    border: 3px solid #ff282808 !important;
}

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    border-color: transparent;
    background-color: #ff282808 !important;
}

th.th_link {
    width: 5em;
}


.the_links {
    width: fit-content;
    display: flex;
    justify-content: space-between;
    opacity: 0.4 !important;
    transition-duration: 0.4s;
    /* display: none; */
}

tr.client_row,tr.employee_row{
    transition-duration: 0.25s;
}
tr.client_row:hover ,tr.employee_row:hover {
    background-color: #00ff303b !important;
    transition-duration: 0.5s;
}

tr.client_row:hover div.the_links,tr.employee_row:hover div.the_links {
    transition-duration: 0.4s;
    opacity: 1 !important;
}

.the_links button {
    border-radius: 5px;
    padding: 5px 5px !important;
    border-style: none;
    display: flex;
    color: #080808;
    margin: 5px 5px !important;
    border: 1px solid #d3d3d3;
    box-shadow: inset -8px -6px 15px 0px #c4c3c3;
}

.the_links button:hover {
    box-shadow: inset 1px 0px 11px 3px #fbb2b2;
}


/* Prompt message style */
#dialog {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    padding: 20px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 25em;
    /* height: 15vh; */
}
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.yes_no_bloc {
    width: 90%;
    display: flex;
    justify-content: space-around;
}

.focus{
    background-color: #a7a7a77a !important;  
}
div.selected.editing {
    background-color: #747373;
    color: #ffffff;
}
.event{
    pointer-events: none;
    filter: drop-shadow(5px 1px 5px gray);
}
.glow_red{
    filter: drop-shadow(6px 2px 11px darkgray);
}

.empty {
    position: absolute !important;
    width: -webkit-fill-available !important;
    background-color: red !important;
    color: white !important;
    text-align: center !important;
    height: 3em !important;
    display: grid !important;
    align-items: center !important;
}

span.cancel_edit {
    position: absolute;
    height: 3em;
    width: 8em;
    display: flex;
    color:white;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: red;
    transform: translate(15.5vw, 1px);
}


/* end of prompt message style */

.tr_row:hover {
    background-color: #dedede !important;
}

div#client_lists table.responsive-table {
    position: relative;
    height: 50vh;
    display: block;
    overflow-x: hidden;
}

.responsive-table th, .responsive-table td {
    border: 1px solid #ddd;
    padding: 10px 10px;
    min-width: 7em;
    text-align: left !important;
}

thead.empty_list {
    display: none;
}

.empty_list:after {
    content: "This client has no employees yet";
    position: relative;
    color: white;
    text-align: center;
    width: -webkit-fill-available;
    display: grid;
    margin-top: 2em;
    background-color: #f13737e8;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
}

.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
    display: list-item;
    max-height: 30em;
    overflow: auto;
}

.get_from_client {
    display: flex;
    /* max-width: 24em; */
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-bottom: 1em;
    justify-content: space-between;
    padding: 0px 1em 0px 0em;
}

.get_from_client select {
    max-width: 15em;
    position: relative;
    background-color: #f8f1f1;
    color: black;
    border-bottom: 1px solid black;
    /* border-radius: 10px 10px 0px 0px !important; */
    font-size: 18px;
    /* height: 2em; */
}

.red {
    color: red;
}

.bold {
    font-weight: 400;
}

.underline {
    text-decoration: underline;
}

.woocommerce .wc-forward:hover,
.woocommerce .button:not(.add_to_cart_button):hover,
.woocommerce .checkout-button:hover,
.woocommerce #respond input#submit:hover,
.contact-form input[type="submit"]:hover,
.wpcf7-form .wpcf7-submit:hover,
.sh-video-player-image-play:hover,
.sh-404-button:hover,
.post-password-form input[type="submit"],
.sh-pricing-button-style11:hover,
.sh-revslider-button2.spacing-animation:not(.inverted):hover {
    background-color: #f12e2e !important;
}

input[type="submit"] {
    background-color: #f12e2e;
}

span#new_cli {
    display: none;
}

form.post-password-form {
    display: grid;
    /* position: absolute; */
    /* transform: translate(50%, 70%); */
    border-radius: 10px;
    padding: 20px;
    border: 2px solid #d2d2d2;
    justify-items: center;
    margin-top: 2em;
}

.post-password-form>p:last-child {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /* align-items: center; */
    align-content: center;
    display: inline !important;
}

article.post-password-required {
    background-color: #f5f5f5;
    height: 31em;
    display: grid;
    justify-content: center;
    justify-items: center;
    align-items: center;
    border-radius: 10px;
}

div#infos {
    display: none !important;
}

.post-password-form>p {
    text-align: center;
}

.post-password-form>p:last-child>label input {
    margin-top: .5em;
    background-color: #e8e8e8 !important;
}

.container.entry-content {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: 1em !important;
    margin-left: 2em !important;
    max-width: -webkit-fill-available !important;
    min-width: -webkit-fill-available !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_row_1319457179 {
    display: flex !important;
}

div#menu_list {
    width: 20em;
    box-shadow: 10px 0px 10px -5px rgb(91 91 91 / 30%) !important;
    height: 100vh;
    overflow: hidden;
    top: 6em;
    position: absolute;
    background-color: white;
    z-index: 9;
}

.vc_btn3.vc_btn3-size-md {
    margin-right: 20px;
}

div#menu_list .menus {
    width: -webkit-fill-available !important;
    border: 1px solid #f3f2f2 !important;
    /* box-shadow: 1px 1px 6px 0px lightgray !important; */
    height: 3em !important;
    top: 2.5em !important;
    position: relative !important;
    margin: 0em !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}

div#the_clients,
#the_employees,div#the_settings,div#the_employee_modif {
    width: 80vw;
    position: absolute;
    left: 18vw;
    top: 0em;
}

div#menu_list .menus a {
    display: flex !important;
    align-content: center;
    margin-right: 1em !important;
}

div#menu_list>div {
    position: relative;
    position: absolute;
    top: 4em;
    padding-right: 0;
}

.btm_left {
    height: 20vw;
    position: relative;
    bottom: 0px;
    top: 9em;
    z-index: 6;
}

div#regist_bloc {
    display: flex;
    justify-content: flex-start;
    width: 80vw;
    left: 20em;
    position: relative;
}

div#regist_bloc,
div#the_clients,
div#the_employees,div#the_settings {
    transition-duration: 0.5s;
}

img.img_bg {
    position: relative;
    left: 0em;
    top: 0em;
    opacity: 0.4;
}

form#ent_form {
    width: 50%;
}

.vc_btn3.vc_btn3-size-md {
    font-size: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 17px !important;
    padding-right: 15px !important;
    width: 35px;
    height: 35px;
    margin-left: 13px;
    top: 0px !important;
}

.vc_btn3-container {
    display: block !important;
    margin-bottom: 0.50em !important;
    max-width: 100% !important;
}

.fields input {
    width: 20em !important;
}

.fields {
    display: flex !important;
    flex-wrap: nowrap !important;
}

label.labels {
    position: relative !important;
    transform: none !important;
    font-size: 14px !important;
    width: 15em !important;
    float: right !important;
    text-align: right !important;
    margin-right: 2em !important;
}

button.dshb_btn {
    cursor: pointer;
}

div#preview {
    /* display: grid !important; */
    width: 7em !important;
    justify-items: center !important;
    border-radius: 50% !important;
    border: 1px solid #e7e7e7 !important;
    padding-bottom: 0em !important;
    align-items: center !important;
    align-content: center !important;
    height: 7em !important;
    position: relative !important;
    margin: 0 3em 0 2em !important;
}

div#preview span {
    position: absolute !important;
    left: -12em !important;
    font-size: 13px !important;
}

.dark-gray-label.text-input-label.upload_box {
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-height: 0em !important;
    max-height: 16em !important;
    align-content: center;
    width: 43.5em !important;
    flex-wrap: wrap;
    top: -2em;
    position: relative;
}

.dark-gray-label.text-input-label.upload_box>span {
    position: relative;
    top: -3em;
}

.fields.validation {
    width: 30em !important;
    display: flex !important;
    justify-content: flex-end !important;
    top: -2em !important;
    position: relative !important;
}


main#main .ct-container {
    max-width: -webkit-fill-available !important;
    margin: 2em 0em !important;
    width: 100vw;
}

.selected {
    background-color: #014dff;
    color: white;
}

li.vc_tta-tab.vc_active {
    box-shadow: inset 0px 2px 20px 0px #ffd0d0;
}

div#notif {
    text-align: center;
    display: grid;
    flex-wrap: nowrap;
    justify-content: center;
    justify-items: center;
    position: absolute;
    bottom: -5em;
}


.table-container {
    max-height: 300px;
    /* Set a maximum height for the container */
    overflow-y: auto;
    /* Enable vertical scrolling */
    position: relative;
    /* Needed for sticky positioning */
}

.table-container table {
    width: 100%;
    /* Ensure the table takes the full width */
    border-collapse: collapse;
    /* Collapse borders for better appearance */
}

.table-container th,
.table-container td {
    padding: 8px;
    /* Add some padding */
    border: 1px solid #ddd;
    /* Add borders for clarity */
}


/* Fix the header */
.table-container thead {
    position: sticky;
    /* Make the header sticky */
    top: 0;
    /* Stick the header to the top of the container */
    background-color: white;
    /* Background color for header */
    z-index: 10;
    /* Ensure it appears above the tbody content */
}

i.btn_left{
    display: none !important;
}

i.btn_left{
    display: unset !important;
}

button.round-button:hover {
    scale: 0.9;
    transition-duration: 0.5s;
}

@media only screen and (min-width: 320px) {
    div#menu_list>div {
        top: 6em;
    }

    .vc_btn3.vc_btn3-size-md {
        font-size: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 8px !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
        width: 15px;
        height: 15px;
        margin-left: 8px;
        top: 0px !important;
    }

    button.round-button {
        width: 1.5em !important;
        transition-duration: 0.5s;
        border-radius: 50%;
        height: 1.5em !important;
        display: grid;
        justify-items: center;
        align-items: center;
        justify-content: center;
        background-color: #ada9a9;
    }

    .menu_minified {
        right: 10px !important;
        z-index: 999 !important;
    }

    div#menu_list {
        top: 5em;
        width: 17vw;
    }

    .dark-gray-label.text-input-label.upload_box > span {
        left: -1em;
        position: relative;
    }

    .fields {
        display: grid !important;
    }

    label.labels {
        position: relative !important;
        transform: none !important;
        font-size: 14px !important;
        text-align: left !important;
        float: left !important;
    }

    div#regist_bloc input#comp_name,div#regist_bloc  input#comp_mail,div#regist_bloc input#acm_mail {
        width: 18em !important;
        width: 95vw !important;
        height: 3em !important;
    }
    div#preview {
        left: 3em;
    }
    .details {
        left: -19em;
        position: inherit;
        scale: 1;
        top: 1.5em;
    }

    .fields.validation {
        min-width: 17em !important;
        display: flex !important;
        top: 2em !important;
        position: relative !important;
    }

    input#post_image {
        margin: 0 !important;
        width: 65vw !important;
        left: -12.5em;
    }
    i.btn_right{
        display: none !important;
    }
    div#regist_bloc, div#the_clients, div#the_employees,div#the_settings {
        transition-duration: 0.5s;
        width: 100vw;
        scale: 0.6;
        left: 0em !important;
    }
    /* div#regist_bloc, div#the_clients, div#the_employees,div#the_settings {
        transition-duration: 0.5s;
        width: 36em;
        scale: 0.6;
        left: -2em !important;
    } */
    div#regist_bloc {
        top: -5em !important;
        scale: 0.8;
        left: 8.5vw !important;
    }

    div#the_clients {
        top: -8em !important;
        scale: 0.6 !important;
        top: -10em !important;
    }

    .dark-gray-label.text-input-label.upload_box {
        width: 30.5em !important;
        flex-wrap: wrap;
        top: -2em;
    }
    div#the_employees,div#the_settings {
        top: -10em;
    }
    div#the_employees div.vc_tta-panel-body, div#the_clients div.vc_tta-panel-body, div#the_settings div.vc_tta-panel-body {
        min-height: 50vh !important;
        width: auto;
        padding: 15px 0px;
    }
    
    label.labels {
        /* font-size: 20px !important; */
    }
    input#post_image {
        margin: 0 !important;
        width: 94vw !important;
        left: -11em;
    }
    /* .menu_minified {
        right: 18px !important;
        z-index: 999 !important;
    } */
}



@media only screen and (min-width: 375px) {
    div#regist_bloc, div#the_clients, div#the_employees, div#the_settings {
        transition-duration: 0.5s;
        width: 35em;
        scale: 0.6;
        left: -2.25em !important;
    }
    div#regist_bloc {
        top: -5em !important;
        scale: 0.8;
        left: 2.5vw !important;
    } 
    input#post_image {
        left: -8em !important;
    }
    div#menu_list {
        top: 5em;
        width: 15vw;
    }
}


@media only screen and (min-width: 425px) {
    div#menu_list {
        top: 5em;
        width: 25vw !important;
    }
    .reduce_space {
        left: unset !important;
    }

    .expand_space {
        left: unset !important;
    }

    div#regist_bloc {
        left: 6em !important;
        scale: 1;
    }
    form#ent_form {
        width: 40em;
    }
    div#regist_bloc, div#the_clients, div#the_employees, div#the_settings {
        transition-duration: 0.5s;
        width: 145vw;
        scale: 0.8;
        left: -7.5em !important;
    }

    div#regist_bloc input#comp_name, div#regist_bloc  input#comp_mail, div#regist_bloc input#acm_mail {
        width: 18em !important;
        width: 75vw !important;
        height: 3em !important;
    }

    div#the_clients {
        scale: initial;
        left: -8.5em !important;
        top: -6em;
        width: 71em;
    }
    input#post_image {
        margin: 0 !important;
        width: 20em !important;
        left: -10em !important;
    }
    label.labels {
        font-size: 20px !important;
    }

    div#the_employees, div#the_settings {
        transition-duration: 0.5s;
        width: 110vw;
        scale: 0.8;
        left: 0.5em !important;
        top: -4em;
    }
    .dark-gray-label.text-input-label.upload_box {
        width: 30em !important;
        top: 0em;
    }
    .fields.validation {
        top: 3em !important;
    }
    div#menu_list.show {
        width: 14em !important;
    }
       
    /* minify menu */
    div#menu_list.hide {
        width: 80px !important;
        transition-duration: 0.5s;
    }

    .vc_btn3.vc_btn3-size-md {
        font-size: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 17px !important;
        padding-right: 15px !important;
        width: 35px;
        height: 35px;
        margin-left: 13px;
        top: 0px !important;
    }

    .menu_minified {
        right: 23px !important;
        z-index: 999 !important;
        scale: 1.2;
    }
    
    div#the_employees div.vc_tta-panel-body, div#the_clients div.vc_tta-panel-body, div#the_settings div.vc_tta-panel-body{
        min-height: 31em;
        width: auto;
    }
    
    div#regist_bloc, div#the_clients, div#the_employees, div#the_settings {
        transition-duration: 0.5s;
        width: 133vw;
        scale: 0.6;
        left: -1.5em !important;
    }

    div#regist_bloc {
        width: 128vw;
        left: 3em !important;
        scale: 0.8;
    }
    div#the_clients {
        left: -1.5em !important;
        width: 35.5em;
        scale: 0.6;
    }
    div#the_employees, div#the_settings {
        width: 137vw;
        left: -2em !important;
        scale: 0.6;
        top: -10em !important;
    }
    div#menu_list {
        width: 20em;
        box-shadow: 10px 0px 10px -5px rgb(91 91 91 / 30%) !important;
        height: 144em !important;
        overflow: hidden;
        top: 6em;
        position: absolute;
        background-color: white;
        z-index: 9;
    }
}


@media only screen and (min-width: 768px) {
    div#menu_list>div {
        top: 2em !important;
    }
    
    input#post_image {
        left: -5em !important;
    }
    div#regist_bloc {
        width: 128vw;
        left: 9em !important;
        scale: 0.8;
    }

    div#regist_bloc.reduce_space {
        left: 1em !important;
    }
    button.round-button {
        top: 0.5em;
        position: relative;
        cursor: pointer;
    }
    .menu_minified {
        position: absolute;
        display: grid;
        justify-content: end;
        top: -18px;
    }

    div#the_clients  {
        left: -8em !important;
        width: 70em;
        scale: 0.8;
    }

    div#the_employees, div#the_settings {
        width: 112vw;
        left: 0em !important;
        scale: 0.8;
        top: -6em !important;
    }
    .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
        display: list-item;
        max-height: 21em !important;
        overflow: auto;
    }

    div#the_employees div.vc_tta-panel-body, div#the_clients div.vc_tta-panel-body, div#the_settings div.vc_tta-panel-body {
        min-height: 21em !important;
        width: auto;
    }
    div#the_clients {
        left: 0em !important;
        width: 54em;
        scale: 0.8 !important;
        top: -6em !important;
    }
    div#show_add_client {
        position: absolute;
        height: initial;
    }
    .fields {
        display: flex !important;
    }
    form#ent_form {
        width: 100vw;
    }
    label.labels {
        position: relative !important;
        transform: none !important;
        font-size: 14px !important;
        text-align: right !important;
        float: right !important;
    }
    div#regist_bloc input#comp_name, div#regist_bloc  input#comp_mail, div#regist_bloc input#acm_mail {
        width: 18em !important;
        width: 40vw !important;
        height: 3em !important;
    }
    .details {
        left: 9em;
        position: inherit;
        scale: 1;
        top: -1.5em;
    }
    div#preview {
        left: 10em;
        top: -2em;
    }
    .dark-gray-label.text-input-label.upload_box {
        display: flex !important;
        justify-content: center;
        align-items: center;
        min-height: 0em !important;
        max-height: 16em !important;
        align-content: center;
        width: 43.5em !important;
        flex-wrap: wrap;
        top: -2em;
        position: relative;
        width: 30em !important;
        top: 0em;
        left: -3em;
    }
    .dark-gray-label.text-input-label.upload_box > span {
        left: 9em !important;
        position: relative;
    }
    span.upld {
        color: red;
        padding: 13px;
        padding-left: 60px;
        padding-right: 60px;
        color: white;
    }
    .fields.validation {
        width: 32em !important;
        top: -1em !important;
    }
    input#post_image {
        left: 0em !important;
    }
}


@media only screen and (min-width: 1024px) {

    div#menu_list>div {
        top: 3.5em !important;
    }
    .vc_btn3.vc_btn3-size-md {
        font-size: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 17px !important;
        padding-right: 15px !important;
        width: 35px;
        height: 35px;
        margin-left: 13px;
        top: 0px !important;
    }
    div#regist_bloc {
        width: 93vw;
        left: 14em !important;
        scale: 1;
        top: 0em !important;
    }
    div#regist_bloc.reduce_space {
        left: 6em !important;
    }
    input#post_image {
        left: 0em !important;
        width: 17em !important;
    }
    div#show_add_client {
        position: relative;
    }
    div#the_clients {
        left: 6em !important;
        width: 92vw;
        scale: 1 !important;
        top: -3em !important;
        margin-bottom: 3em !important;
        position: absolute;
    }
    div#the_employees, div#the_settings {
        width: 92vw;
        left: 6em !important;
        scale: 1;
        top: -3em !important;
    }
    .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
        display: list-item;
        max-height: 21em !important;
        overflow: auto;
    }

    div#the_employees div.vc_tta-panel-body, div#the_clients div.vc_tta-panel-body, div#the_settings div.vc_tta-panel-body {
        min-height: 19em !important;
        width: auto;
    }

}



@media only screen and (min-width: 1260px) and (max-width:1439px) {

    div#response {
        position: relative;
        top: -3em;
        /* scale: 0.8; */
    }
    a.ct-menu-link, ul#menu-footer_menu, .ct-footer-copyright, button#wpforms-submit-49, div.wpforms-container-full .wpforms-form h3 {
        font-size: 10px !important;
    }

    /* input, select, span, label, div, h3, a.ct-menu-link, ul#menu-footer_menu, .ct-footer-copyright, button#wpforms-submit-49, div.wpforms-container-full .wpforms-form h3 {
        font-size: 10px !important;
    } */

    [data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container, .ct-footer img {
        --logo-max-height: 4em !important;
    } 
    [data-header*="type-1"] .ct-header [data-row*="middle"] {
        --height: 60px !important;
    }
    footer#footer {
        z-index: 30 !important;
        padding: 5px 0px 0px 0px;
    }
    .logo_bloc img {
        width: 85px !important;
    }
    ul#menu-footer_menu li a {
        font-size: 10px !important;
    }
    img.response_icon {
        width: 90px;
    }
    div#menu_list {
        width: 20em;
        box-shadow: 10px 0px 10px -5px rgb(91 91 91 / 30%) !important;
        height: 144em !important;
        overflow: hidden;
        top: 3em;
        position: absolute;
        background-color: white;
        z-index: 9;
    }
    footer#footer {
        z-index: 30 !important;
        padding: 10px 0px 0px 0px;
    }
    div#regist_bloc input#comp_name, div#regist_bloc  input#comp_mail, div#regist_bloc input#acm_mail {
        width: 18em !important;
        width: 30vw !important;
        height: 2.25em !important;
    }
    .fields.validation {
        width: 23.5em !important;
        top: -1em !important;
    }
    div#show_add_client {
        position: relative;
        height: 17em;
    }
    div#regist_bloc {
        width: 93vw;
        left: 14em !important;
        scale: 1;
        top: -2em !important;
    }
    .dark-gray-label.text-input-label.upload_box {
        min-height: 0em !important;
        max-height: 4em !important;
        align-content: center;
        top: -2em;
        position: relative;
        width: 30em !important;
        top: -0em;
        left: -4em;
        scale: 0.8;
    }
    input#post_image, span.upld {
        margin-top: 2em;
        background-color: #c6c6c6;
        border: 1px solid #ddd;
        color: white;
        font-size: 11px;
        padding: 5px 15px;
        cursor: pointer;
        height: 20px !important;
        width: 12.5em !important;
        border-radius: 0;
    }
    span.menu_items {
        font-size: 10px;
    }
    .vc_btn3.vc_btn3-size-md .vc_btn3-icon {
        font-size: 12px;
        height: 12px;
        line-height: 14px;
    }

    div#the_clients, div#the_employees, div#the_settings {
        left: 14vw !important;
        width: 86.5vw;
        scale: 1 !important;
        top: -3em !important;
        margin-bottom: 3em !important;
        position: absolute;
    }

    .vc_tta.vc_general .vc_tta-tab>a {
        padding: 2px 8px;
        display: block;
        box-sizing: border-box;
        font-size: 13px;
        border: solid transparent;
        position: relative;
        text-decoration: none;
        color: inherit;
        transition: background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;
        box-shadow: none;
    }
    .vc_tta.vc_general .vc_tta-tab>a {
        padding: 2px 8px !important;
    }
    div#menu_list.show {
        width: 10.5em !important;
    }
    div#menu_list .menus span:not(.menu_items) {
        scale: 0.7;
    }

    .menu_minified {
        position: absolute;
        display: grid;
        justify-content: end;
        top: -5px;
        right: 15px !important;
    }
    
    div#the_employees div.vc_tta-panel-body, div#the_clients div.vc_tta-panel-body, div#the_settings div.vc_tta-panel-body{
        min-height: 50vh !important;
        width: auto;
    }

    tbody.the_body.get_employee_here td {
        font-size: 12px !important;
    }
    div#the_employees.reduce_space, div#the_clients.reduce_space, div#the_settings.reduce_space {
        width: 74em !important;
        left: 7vw !important;
    }
    div#the_employees.expand_space, div#the_clients.expand_space, div#the_settings.expand_space {
        width: 86.5vw !important;
        left: 11em !important;
    }
    .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
        display: list-item;
        max-height: 16em !important;
        overflow: auto;
    }
    #dialog {
        width: 30vw;
        min-height: 15vh;
    }
    button.round-button {
        top: -0.5em !important;
        position: relative !important;
        left: -5px !important;
    }
    button.round-button {
        width: 2em !important;
        border-radius: 50% !important;
        height: 2em !important;
    }
    span.cancel_edit {
        position: absolute;
        height: 28.5px;
        width: 8em;
        display: flex;
        color: white;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-color: red;
        transform: translate(19vw, 1px);
    }
    th,select {
        font-size: 13px !important;
    }
    tbody.the_body td {
        font-size: 10px !important;
    }
    form#ent_form {
        width: 75vw;
        left: -3em;
        position: relative;
    }
    span.yes.btn, span.no.btn {
        background-color: green;
        color: rgb(255, 255, 255);
        cursor: pointer;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 13px;
    }

    .empty_result {
        position: absolute;
        text-align: center;
        display: grid;
        height: 90%;
        width: 100%;
        justify-items: center;
        justify-content: center;
        align-items: center;
        font-size: 40px;
    }

}

tbody.get_employee_here td.action_btns{
    /* display: none; */
}


@media only screen and (min-width: 1440px) {
    .expand_space {
        left: 18.5vw !important;
    }
    div#menu_list {
        width: 18vw;
    }
    div#the_employees div.vc_tta-panel-body, div#the_clients div.vc_tta-panel-body , div#the_settings div.vc_tta-panel-body {
        min-height: 21em !important;
        width: auto;
    }
    .dark-gray-label.text-input-label.upload_box > span {
        left: 7em !important;
        position: relative;
    }
    input#post_image {
        left: 0em !important;
        width: 17em !important;
    }

    div#regist_bloc input#comp_name, div#regist_bloc  input#comp_mail, div#regist_bloc input#acm_mail {
        width: 18em !important;
        width: 30vw !important;
        height: 3em !important;
    }

    div#menu_list.show {
        width: 18em !important;
    }
    div#regist_bloc {
        left: 20em !important;
    }
    button.round-button {
        top: 0.5em;
        position: relative;
        left: -0.5em;
    }
    button.round-button {
        width: 2em !important;
        border-radius: 50%;
        height: 2em !important;
    }
    button.round-button {
        top: 0;
        position: relative;
    }
    .menu_minified {
        position: relative !important ;
        top: 15px !important;
        font-size: 18px;
        height: 2em;
        width: -webkit-fill-available;
        right: 6px !important;
        z-index: 999 !important;
        scale: 1;
    }
    div#the_clients, div#the_employees, div#the_settings {
        left: 25em !important;
        width: 85vw !important;
        left: 18.5em!important;
    }

    div#the_employees.reduce_space,div#the_clients.reduce_space,div#the_settings.reduce_space {
        width: 80em;
        left: 8em !important
    }
    div#the_employees.expand_space, div#the_clients.expand_space,div#the_settings.expand_space  {
        width: 70em;
        left: 19em !important;
    } 
}


@media only screen and (min-width: 1540px) {

    div#the_employees.reduce_space, div#the_clients.reduce_space,div#the_settings.reduce_space {
        width: 95vw !important;
        left: 6em !important;
        min-height: 55vh !important;
    }
    div#the_employees.expand_space, div#the_clients.expand_space,div#the_settings.expand_space {
        width: 84vw;
        left: 18.5em !important;
    }
    div#the_employees div.vc_tta-panel-body, div#the_clients div.vc_tta-panel-bodydiv, #the_settings div.vc_tta-panel-body {
        min-height: 50vh !important;
        width: auto;
    }
}





/* ============SETTINGS CONFIG============ */