@media screen and (orientation: portrait) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }

    #side_menu .p_but_inside {
        width: 100%;
    }

    #side_menu .p_but_inside i {
        font-size: 2.5vh;
    }
    .w3 {
        width: 2% !important;
    }

    .docs_holder.dtp .packet.ic img {
        height: 5vw;
    }

    .mcl { 
        width: 100%;
        margin: 0;
    }

    .dir_info {
        width: 30%;
    }

    .intable_buttons_bar .menubutt1.mobls {
        margin: 0 0 0 auto;
    }

    .cnm.sf.it.mobls {
        width: 75%;
        padding-left: 1rem;
    }

    .syncicplace.mobls {
        position: fixed;
        right: 1vw;
        bottom: 3vh;
        z-index: 999999;
    }

    .ln.mobls {
        margin-right: 2vw !important;
    }

    .list_holder .w6 {
        /*   box-shadow: inset -3rem 0 1rem -16px #9ac7512e;*/
        border-radius: 0 1vh 1vh 0;
    }

    .w6 {
        width: 15%;
        height: 100%;
    }

    .f1vw {
        font-size: calc(1.5vmax + 2.2vmin);
    }

    #filters.brite.mobls button {
        width: calc(33.333% - 1vh);
        box-shadow: 0 0.7vh 0.8vh -3px #978282;
        height: 6vh;
    }

    .waiterimg {
        padding: 0;
    }

    .hmenu.mobls {
        padding: .5vh 0 0.3vh 0;
        height: 8vh;
        border-radius: 0vw !important;
    }

    cer {
        box-shadow: inset -3vw 0vw 3vw -3vw #000, inset 3vw 0vw 3vw -3vw #fff;
    }

    div.reghead h1, div.reghead h2 {
        margin: 0 auto;
        width: 90%;
        text-align: center;
        padding: 3vh 0;
    }

    .form_holder {
        display: grid;
        align-items: center;
    }

    .email_cap div,
    .email_cap2 div {
        margin: 0 0 1vh 0;
    }

    .impbut input, .intdinp input {
        font-size: calc(1.5vmax + 3vmin);
    }

    .mailer_buttons {
        /* display: flex; */
        width: 100%;
    }

    .reghead {
        font-size: calc(1vmax + 2vmin);
    }

    .upcaption {
        width: max-content;
        height: max-content;
        font-size: calc(.8vmax + 1.6vmin);
        text-align: left;
    }

    input, button.butt_close2, .lshd {
        padding: 0px 2vw;
        border-radius: .5vw;
        border-style: solid;
        border-width: 1px;
        height: 4.5vh;
        margin: 0;
        font-size: calc(1.5vmax + 3vmin);
    }

    .importagent-login-form p, div.login_form p {
        width: 100%;
        position: relative;;
    }

    .login_form.mobls p.login-remember {
        height: 9vh;
    }

    .login_form.mobls p.login-username,
    .login_form.mobls p.login-password {
        height: 14vh;
    }

    .login_form.dtp p.login-username,
    .login_form.dtp p.login-password {
        height: 7vh;
    }


    .login_form.mobls p.login-remember {
        height: 9vh;
    }

    p.login-submit {
        margin-top: 6vh;
        height: 5vh;
    }

    .imholder_in {
        width: 100%;
        margin: 0 auto;
    }

    .flex2 {
        display: grid;
        align-items: center;
        width: 100%;
        height: 100vh;
    }

    .intable_buttons_bar_cnt {
        position: absolute;
        top: -.5vh;
        right: 0;
        background-color: #f0142f;
        color: white;
        font-size: calc(.7vmax + 1.4vmin);
        border-radius: 50%;
        padding: 0.5vh .7vh;
    }

    .user_info.reg {
        width: 100%;
        margin: 0% auto;
        box-shadow: 0 1vh 2vh -11px #000, 0 -1vh 2vh -11px #000;

    }

    #docx_div {
        z-index: 10000 !important;
        background-color: white;
        top: 0;
        overflow: hidden;
        position: absolute;
        margin-right: 0;
        height: 100%;
        width: 100%;
        left: 12vw;
    }

    .txtbut {
        margin-bottom: 0 !important;
    }

    .f2i.impbut.fsearch {
        width: max-content;
        max-width: 100vw;
        height: max-content;
        white-space: initial;
        text-align: center;
    }

    .textarea_input input[type="text"],
    .textarea-input input[type="password"] {
        font-size: calc(1.2vmax + 2.2vmin);
    }

    #mailer_div.s_mob input[type="checkbox"] {
        height: 3vh;
        width: 3vh;
        margin: 0 2vh 0 1vh;
    }

    #mailer_div.mobls .txtbut {
        font-size: 4vh !important;
    }

    #mailer_div.mobls .senders {

    }

    select#months.mobls,
    select#groups.mobls {
        font-size: 2vh;
        background: transparent;
        border: none;
    }

    .freigh_date {
        width: 100%;
        margin: 1vh auto;
    }

    .top_panel {
        height: 8vh;
    }

    .login-remember label {
        width: 100%;
        height: max-content;
        text-align: center;
    }

    #fake_header {
        height: 1px;
        display: none;
    }

    .syncicplace {
        display: none;
    }

    .txtbut {
        font-size: 4vw;
    }

    svg.mobls {
        height: 4vh;
        opacity: .5;
        width: 3vh;
    }

    .txtbut i {
        font-size: 10vw;
        display: block;
    }

    .icn {
        font-size: 2vw;
    }

    .simple_list {
        width: 98%;
    }

    #messages span {
        font-size: 3vh;
        padding: 0vh 1.6vw;
        background-color: white;
    }

    .botmen {
        position: fixed;
        padding-right: 2vw;
    }

    button.txtbut, a.button, div.button {
        min-width: 17vw;
    }

    .packet.ic img {
        width: 16vw !important;
        height: 16vw;
    }

    .packet.ic {
        width: 20vw;
    }

    .month_pick i {
        font-size: 9vw;
        margin: 1vw;
    }

    .folders {
        font-size: 3vw;
        width: 100%;
    }


    .files_place {
        margin-top: 6vh;
    }

    #geting_data_icon,
    #busy_text {
        bottom: 4vh;
    }

    .imgbutt {
        width: 10vw;
        height: 10vw;
    }

    table tr:first-child th {
        font-size: 3vw;
    }

    .icnbig {
        font-size: 4vh;
    }

    .admin_actions .icnbig {
        font-size: 3vw;
    }

    table#users_list td button {
        padding: 2vw 1vw;
    }

    .button_close {
        height: 5% !important;
    }

    .conf {
        padding: 1.5vh 2.5vw;
        font-size: 3.7vw;
    }

    #mess_list {
        width: 95vw;
        font-size: 2.5vh;
        top: 15%;
        border-radius: .3vh;
    }

    .subj span {
        font-size: 2vh;
        padding: 1vh;
    }

    .cont {
        font-size: 1vh;
    }

    #payment {
        position: fixed;
        top: 9%;
        width: 96%;
        height: 50%;
        left: 2%;
    }

    .pfield {
        margin: 0 auto;
        min-width: 17vw;
        position: relative;
        margin: 4vh 1vw;
        font-size: 3.5vw;
        text-align: center;
    }

    #card_number {
        width: 50vw;
        margin: 0 auto;
    }

    .pfield {
        margin: 0 auto;
        min-width: 17vw;
        position: relative;
        margin: 4vh 1vw;
        font-size: 2.5vw;
        text-align: center;
    }

    #card_cvc,
    #card_expiry {
        width: 17vw;
        text-align: center;
        padding: 1vh;
        margin: 0 auto;
    }

    .files_container {
        height: 73vh;
        width: 100%;
    }

    .toolbox {
        position: relative;
    }

    .help_butt {
        width: 5vw;
        height: 5vw;
    }

    .hmenu_butt_2 {
        border: 1px solid transparent;
        font-size: 3vh;
        height: 2vw;
        width: 100%;
        text-align: left;
        padding: 0 .5vw;
        background-repeat: no-repeat;
        background-clip: padding-box;
        background-size: contain;
        border-radius: .5vh;
    }

    .handler {
        display: none;
    }

    .relativeFull {
        position: relative;
        left: 0;
        top: 2%;
        width: 100%;
        height: 98%;
    }

    .butdiv_v_resp {
        display: flex;
        margin: 0 auto;
        align-items: center;
        height: 80%;
        padding: 0;
        width: max-content;
    }

    #messages {
        height: max-content;
        margin-left: 2vw;
    }


    .toolbox button {
        width: 100%;
    }

    #logout_button .b11,
    #lang_button .b11 {
        height: 100%;
        width: max-content !important;
    }

    #logout_button .p_but_inside img,
    #lang_button .p_but_inside img {
        height: 4vh;
        width: auto;
        margin: 0;
    }

    #logout_button, #lang_button {
        padding: 0;
        margin: 0;
    }

    .lng_ic {
        height: 100%;
        width: 100%;
        align-items: center;
        display: flex;
    }

    .headertitle {
        width: max-content;
        font-size: 3.4vh;
        padding: 1vh;
    }

    #user_win {
        padding-top: 0;
        text-align: center !important;
        border-radius: 5px;
        margin-top: 2vh;
        margin-left: 0;
        width: 100vw;
        min-height: 80vh;
    }

    .hmenu_butt_2 span {
        /* background-color: white; */
        color: black;
        /* padding: .3vw; */
        font-size: 3vh;
        border-radius: .3vh;
        width: 13vw;
        color: white;
        text-align: center;
    }

    .onright {
        display: flex;
        margin: 0 2vw 0 auto;
        height: 5vh;
        width: max-content;
    }

    .onright_smaller {
        display: flex;
        margin: 0 0 0 auto;
    }

    #subcontainer {
        position: relative;
        background: #e2e6ea;
        height: 83vh;
        overflow: auto;
    }

    #subcontainer.brite {
        box-shadow: inset 0 .4vh .4vh #fff1f1b3;
    }


    #subcontainer {
        position: relative;
        background: #1a1a1a0a;
        height: 83vh;
        overflow: auto;
    }

    .sendknbutt {
        box-shadow: 0 10px 10px #cecece;
    }

    .datarow {
        border-top: 1px solid;
        border-left: none;
        border-right: none;
        border-color: #d1d1d1;
    }

    .maincontainer {
        width: 100%;
        height: 100%;
        user-select: none;
    }

    .b111 {
        height: 100%;
        width: max-content;
        padding: 0vw;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .hmenu_in .butt_cont {
        border: none !important;
    }

    .p_butt {
        font-size: 2.5vh;
    }

    #messcnt {
        margin: 0 .5vw;
        background-color: rgba(240, 20, 47, 1);
        height: max-content;
        padding: 0.7vw 1vh;
        border-radius: 2.4vh;
        display: flex;
        align-items: center;
        margin-left: 1vw;
    }

    div#help_client_panel_help .help_butt {
        height: 8vh;
        width: 16vw;
    }

    .inpb.inmob {
        position: fixed;
        bottom: 0;
        height: max-content;
        width: max-content;
        text-align: center;
        padding: 0;
    }

    .inpb.inmob .butdiv_v {
        padding: 1vh;
    }

    .butdiv_inb {
        width: auto;
        display: inherit;
        align-items: center;
        height: 100%;
        margin: 0 auto;
    }

    .login_form.mobls input[type="submit"], .login_form.mobls button {
        width: 35%;
        padding: 1%;
        box-shadow: 0 2vh 2vh -1vh #00000091;
        height: 100%;
    }

    .packet_date {
        text-align: center;
        max-width: 22vw;
        overflow: hidden;
        text-overflow: ellipsis;
        width: max-content;
        margin: 0 auto;
        height: max-content;
        word-break: break-word;
        max-height: 7vh;
        font-size: calc(.8vmax + 1.6vmin);
    }

    .admclosebutton {
        margin: 0 0 auto auto;
        position: fixed;
        right: 0;
        bottom: 3vh;
        z-index: 1000;
    }

    .stat_row {
        text-align: center;
    }

    .p_butt, s_butt {
        color: #fff;
        width: max-content;
        height: 100%;
        overflow: hidden;
        padding: 0;
    }

    .shfr {
        height: 5vh;
        width: max-content;
        margin: 4vh auto;
    }

    #filters button {
        margin: 1%;
        border: none;
    }

    #filters.mobls .txt div {
        font-size: calc(1vmax + 2vmin);
        padding: 1vh 0px;
        font-family: Lato;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
    }

    .sf input {
        height: 6vh;
        margin: 0 1vw 0 0;
        width: 100%;
    }

    #hselectors {
        padding: 0;
        margin: 0 auto;
        width: 100% !important;
    }

    button {
        border-radius: 5px !important;
    }

    .butt_cont,
    .hmenu div,
    .hmenu button,
    .list_holder {
        user-select: none;
    }

    .list_holder {
        width: 100%;
        margin: 0 auto;
        padding-left: 1rem;
    }

    .maincontainer button {
        user-select: none;
    }

    .leftbar {
        width: 100% !important;
        padding-bottom: 1vh;
    }


    .maxw0 {
        height: 4vh;
        margin: 3vh auto 2vh -3vw;
    }

    .hselector {
        margin: 0 auto;
        width: 100% !important;
    }

    .db1 {
        width: max-content;
        font-size: 4vh;
        color: #888;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }

    .dbmc {
        margin: 0 auto;
    }

    #home {
        height: 6vh;
    }

    .b11 {
        width: 5vh !important;
    }

    .frow.mobls .impbut {
        margin: 0 auto;
    }

    .group_tr {
        background: #fff;
        width: 60%;
        margin: 2vh auto;
    }

    .d1, .lsi {
        width: max-content;
    }

    input[type="checkbox"]:checked, input[type="checkbox"] {
        height: 4.5vh;
        width: 4.5vh;
    }


    .d2 {
        display: inline-flex;
        margin: 0vw 1vw;
        height: 2.5vh;
    }

    .fcont {
        background: #fff;
    }

    .d2c {
        height: 100%;
        width: 5vh !important;
        display: flex;
        align-items: center;
    }

    .button_close {
        z-index: 1111111;
        width: 100%;
        overflow: hidden;
        max-height: 100%;
        position: relative;
        border: none;
        background-color: transparent;
        top: 0;
        left: 0vw;
        padding: 0;
        font-size: 5vh;
        text-align: right;
    }

    .inmob.sendkn {
        width: max-content;
        height: 5vh;
        margin: 2vh auto;
    }

    .btx {
        font-size: 2.5vh;
        margin-left: 1vh;
        padding: 2vw;
    }

    .cmessage {
        position: absolute;
        left: 45%;
        width: 55vw;
        background-image: url(/extern/imgs/cloud.webp);
        background-repeat: no-repeat;
        background-size: contain;
        height: 23vh;
        bottom: 4vh;
        z-index: 999999;
    }

    h3 {
        margin: 0 0 5px 0 !important;
        font-size: 3vh;
    }

    .c_syellow {
        box-shadow: 0 1.5vw 2.5vh -1.3vh;
    }

    #cmessage {
        width: 86%;
        height: 14vh;
        position: absolute;
        top: 5%;
        right: -14vh;
        text-align: center;
        color: black;
        left: 8%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.login_form {
        margin: 0 auto;
        z-index: 1000;
        border: none;
        text-align: center;
        background: transparent;
        margin-top: 9vh;
        font-weight: bold;
        height: auto;
    }

    input#user_pass, input#user_login {
        background-color: white !important;
        font-size: 2vh;
        padding: 1vh;
        height: 4.5vh;
    }

    .importagent-login-form p.login-remember,
    div.login_form p.login-remember {
        width: 100%;
        margin: 0 !important;
        position: relative;
        align-items: inherit;
        font-size: 2vh;
    }

    #rememberme {
        height: 2.6vh;
        width: 2.6vh;
        margin-right: .5vh;
    }

    .ff {
        text-align: right;
        margin: 4vh auto;
        font-size: 2vh;
        width: max-content;
        display: flex;
        align-items: end;
    }

    .right_group {
        width: max-content;
        margin: 0 0 0 auto;
        display: flex;
    }

    .not_active_info {
        display: flex;
        align-items: center;
        border-radius: 5px;
        height: 100%;
        border: none;
        width: 10vw;
        margin-left: 1vw;
        font-size: 2vh;
        position: absolute;
        left: 100%;
    }

    .psimg {
        width: max-content;
        margin: 0 auto;
        height: 100%;
        display: flex;
        align-items: center;
        width: 10vw;
    }

    .db5 {
        width: max-content;
        position: relative;
    }

    .notact {
        margin: 0 auto;
        width: max-content;
    }

    .cnt img {
        width: 80%;
    }

    #infowin {
        bottom: 0vh;
        background-color: #050000cc;
        padding: 0.51vh 0;
        color: black;
        overflow: auto;
        border: 2px solid black;
        border-radius: .5vh;
        width: 100%;
        min-height: 12em;
    }


    .mob_submenu {
        position: absolute;
        right: 0;
        background: #fff;
        z-index: 11111;
        padding: 0;
        border: 1px solid #bbb;
        top: 6vh;
        border-radius: .5vh;
        width: 60vw;
    }

    .mob_menu i {
        font-size: 6vh;
        color: white;
        display: contents;
    }

    .mob_menu {
        margin: 0 0 0 auto;
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0 2vw;
    }

    .mob_menu_item {
        display: flex;
        align-items: center;
        color: #9f9f9f;
        font-size: 3vh;
        padding: 2vh 1vh;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }

    .psimg3 {
        height: 2.5vh;
        width: 100%;
    }

    .msw {
        width: 98vw;
    }

    .inload {
        width: 100%;
        margin-top: 4vh;
        height: 6vh;
    }

    .reupload .butdiv_v {
        margin: 1vh auto;
        width: 32vh;
    }

    .export {
        width: 86%;
        margin: 0 auto;
        font-size: 3vh;
        align-items: center;
        padding: 5vw;
    }

    .export2 {
        width: 86%;
        margin: 0 auto;
        font-size: 3vh;
        align-items: center;
        padding: 5vw;
    }

    .shaded {
        box-shadow: 2px 4vh 3vh -2vh #cac6c6, inset 0 20vh 5vh 0vh #e7e7e7, inset 0 -24vh 5vh 0vh #ffffff;
        margin: 0 auto;
        width: 98%;
        text-align: center;
    }

    .messchk {
        margin: auto 0 auto 1vw !important;
        box-shadow: 0 0 .1vh .2vh #fdfeff;
    }

    .chkall {
        background-image: url(/extern/imgs/checkall.webp);
        width: 8vw;
        height: 5vh;
        position: absolute;
        left: 14vw;
        top: 2vh;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: contain;
    }

    .cld2 {
        width: 100% !important;
        height: 2vh !important;
    }

    .frow.nomob.mobls button {
        font-size: calc(1.4vmin + .7vmax);
    }

    .mobhold {
        display: flex;
        align-items: center;
        padding-right: 1vh;
        width: max-content;
        margin: 0 0 0 auto;
    }

    .nomob {
        display: none !important;
    }

    .files_place {
        background: transparent;
        text-align: left;
        padding: calc(4vh + 2vw) 0;
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }

    #reply_box {
        position: fixed;
        left: 5vw;
        top: 20vh;
        z-index: 1000000;
        background: #aaa;
        padding: 1vh 1vh 0;
        border-radius: .5vh;
        width: 90vw;
        box-shadow: 0 1vh 1vh #000a;
    }

    #inbox_butt {
        margin: 0 auto;
        width: max-content;
    }

    .inmob_menu_container.inmob {
        margin-right: 1vw;
        width: max-content !important;
        margin-left: auto;
        height: 100%;
    }

    .trans_search .butt_cont, .hmenu_in .butt_cont {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        margin: 0 0 0 auto;
    }

    #filters button {
        height: 6vh;
        padding: 0 .5vw;
        width: 32%;
        border: none;
    }

    .side_menu, .alphcont {
        display: none;
    }

    #filters {
        width: 100% !important;
        display: initial !important;
    }
}


@media only screen and (orientation: landscape) {
    #subcontainer {
        position: relative;
        height: 69vh;
        overflow: auto;
        border-top: 1px solid #fff;
        margin-top: 0vh;
    }

    .botmen button {
        font-size: calc(.5vmax + 1vmin);
    }

    .dzmmmn .drop_zone {
        border: none !important;
    }

    .drop_zone {
        color: #fff;
        align-items: center;
        display: flex;
        width: 100%;
        height: 100%;
        border: 2px dotted #9d9d9d;
        box-sizing: border-box;
        text-shadow: 0 0 2px #000, 0 -1px #000000ab;
        border-radius: 0.5vh;
    }

    .drop_zone.dtp {
        font-size: 2vh;
    }

    .drop_zone.mobls {
        font-size: 2vw;
    }

    .drop_zone p {
        margin: 0 auto;
        display: flex;
        align-items: center;
    }

    .drop_zone i {
        margin: 0 1vw;
        font-size: 1.5rem;
    }

    .w3.dtp {
        width: 2% !important;
    }

    .w3.mobls {
        width: 6% !important;
    }

    .list_holder {
        width: 96%;
        margin: 0 auto;
        height: 3vw;
    }

    .closebutton.mobls {
        position: relative;
        right: -3vw;
    }

    #filters.mobls button {
        width: 100%;
    }

    .w6 {
        width: 11%;
        height: 100%;
    }

    #filters.dtp button {
        width: 5.9vw;
    }

    #filters button {
        /* margin: 0 .1vw; */
        padding: 0 .5vw;
        border-style: none solid;
        border-radius: 3px;
        border-color: #0003;
        box-shadow: 0 1vh .7vh 1px #00000024, inset 1vw 0 1vw -7px #00000017;
    }

    .leftbar {
        padding: 0 0 1vh 3.5vw;
    }

    .alphcont {
        display: flex !important;
    }

    .trans_search .butt_cont, .hmenu_in .butt_cont {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        margin: 0 0 0 auto;
    }

    .maxw0.dtp {
        display: flex;
        height: 4vh;
        margin: 3vh auto 2vh -3vw;
    }

    .both {
        border-radius: 5px !important;
    }

    .maxw0.mobls {
        display: flex;
        height: 10vh;
        margin: 3vh auto 2vh -3vw;
    }

    #inbox_butt {
        margin: 0 auto;
        width: 100%;
    }

    .bar {
        margin-left: 1vw;
    }

    #reply_box {
        position: fixed;
        left: 40vw;
        top: 24vh;
        z-index: 1000000;
        background: #e3e3e3;
        padding: 0;
        border-radius: .5vh;
        width: min-content;
        box-shadow: 0 1vh 1vh #0000003d;
    }

    .files_place {
        background: transparent;
        text-align: left;
        padding-bottom: calc(4vh + 2vw);
    }

    .chkall {
        background-image: url(/extern/imgs/checkall.webp);
        width: 2vw;
        height: 100%;
        position: absolute;
        left: 4vw;
        top: 0vh;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }


    .shaded {
        box-shadow: 2px 4vh 3vh -2vh #cac6c6, inset 0 20vh 5vh 0vh #e7e7e7, inset 0 -24vh 5vh 0vh #ffffff;
        margin: 0 auto;
        text-align: center;
    }

    .dtp .f1vw {
        width: max-content  !important;
    }

    .f1vw2 {
        width: 10vw;
        box-shadow: inset -4vw 0 37px -13px #3030336b;
        text-shadow: 0 0 1px #f00;
    }

    .reupload .butdiv_v {
        margin: 0 auto;
        width: min-content;
    }

    .inload {
        width: 100%;
        display: flex;
        margin-top: 4vh;
        height: 6vh;
    }

    .export {
        margin: 0 auto;
        font-size: 3vh;
        align-items: center;
        padding: 5vw;
        height: 27vh;
        width: 100%;
        position: relative;
        background: #ffffff00;
        color: black;
        text-shadow: 0 0 2px black, 5px 5px 4px #0000006b;
    }

    .export2 {
        margin: 3vh auto;
        font-size: 3vh;
        align-items: center;
        padding: 1vh 2vw;
        height: 34%;
        width: auto;
        position: relative;
        background: #0000000a;
        color: white;
        border-radius: 10px;
        text-align: center;
        text-shadow: 1px 1px 1px #000;
        border: 3px solid #0000000d;
    }
    div#infowin.clientinfo {
    background: #000;
    bottom: 0;
    position: absolute;
    top: auto;
    left: 0;
    z-index: 9999;
    max-height: 15em;
    right: auto;
    width: 41%;
    height: max-content;
}

    #inowin {
        max-height: 15rem;
        font-size: 1vh;
        padding: 0.51vh 0;
        color: black;
        overflow: auto;
        width: 100%;
        background: #000000d9;
        border-radius: 0 0 .5vh .5vh;
        margin-top: 3px;
        box-shadow: 0 1vh 1vh -2px #00000029;
    }

    .cnt img {
        width: 100%;
    }

    .psimg3 {
        position: relative !important;
    }

    .psimg.mobls, .psimg2.mobls, .psimg3.mobls {
        position: absolute;
        height: 40%;
        max-width: 100%;
        width: max-content;
    }

    .psimg, .psimg2.dtp, .psimg3.dtp {
        position: absolute;
        height: 60%;
        max-width: 100%;
        width: max-content;
        margin: .3vh 1vw 0 0;
        display: flex;
        align-self: center;
        font-size: calc(1.5vmax + 3vmin);
    }

    .psing3 img {
        padding: 0 1vw;
    }

    .notact {
        position: absolute;
        left: 110%;
        top: 1vh;
    }

    .db5 {
        width: max-content;
        position: relative;
        display: flex;
    }

    .not_active_info {
        display: flex;
        align-items: center;
        border-radius: 5px;
        height: 100%;
        border: none;
        width: 10vw;
        margin-left: 1vw;
        font-size: 2vh;
        position: absolute;
        left: 100%;
    }

    .right_group {
        display: flex;
    }

    .cnm.dtp {
        width: 45% !important;
        overflow: visible;
    }

    .cnm.mobls {
        width: 45% !important;
    }

    .cnm {
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ff {
        font-size: 1.6vh;
    }

    .login_form.mobls .ff {
        font-size: 2vw;
    }

    .ff {
        text-align: right;
        margin: 0 0 0 auto;

        width: max-content;
        display: flex;
        align-items: end;
        height: max-content;
    }

    .login_form.mobls #rememberme {
        height: 6.1vh;
        width: 5.5vh;
        margin-right: .5vh;
    }

    #rememberme {
        height: 2.1vh;
        width: 2.5vh;
        margin-right: .5vh;
    }

    .importagent-login-form.mobls p, div.login_form.mobls p {
        font-size: 3vw !important;
    }

    .importagent-login-form.dtp p.login-remember, div.login_form.dtp p.login-remember {
        width: 100%;
        margin: 0 !important;
        position: relative;
        display: flex;
        align-items: inherit;
        top: 1vh;
    }

    .c_syellow {
        box-shadow: 0 2.5vh 1.1vh -1.2vw
    }

    h3.pars {
        font-size: 2vh;
    }

    h3.is {
        margin-bottom: 5px !important;
        font-size: 1.3vw;
    }

    .cmessage {
        position: absolute;
        right: 4vw;
        width: 26vh;
        background-image: url(/extern/imgs/cloud.webp);
        background-repeat: no-repeat;
        background-size: contain;
        height: 11vh;
        bottom: 5vh;
        display: flex;
        align-items: self-start;
        padding: 2vh 0.5vw 7vh .5vw;
        transform: rotateY(180deg);
    }

    .top_panel {
        margin-top: 5vh;
    }

    #cmessage {
        font-size: 2vh;
        width: 85%;
        margin: 0 auto;
        text-align: center;
        color: black;
        overflow: hidden;
        text-overflow: ellipsis;
        display: initial;
        transform: rotateY(-180deg);
        padding-left: 0vw;
        padding-bottom: 1vh;
    }

    div#help_client_panel_help .help_butt {
        height: 4vw;
        width: 2.5vw;
    }

    .button_close {
        z-index: 1111111;
        width: max-content;
        overflow: hidden;
        max-height: 100%;
        position: relative;
        border: none;
        background-color: transparent;
        height: inherit;
        top: 0;
        right: 0vw;
        padding: 0;
        margin-right: 1vw;
        font-size: 3vh;
    }

    #doc_view button:hover, #draghandle:hover {
        background: yellow !important;
    }

    #pdf_div {
        height: 100%;
        overflow: hidden;
        align-items: center;
        background-color: transparent;
        position: absolute;
        left: 3vw;
        width: 100%;
        top: 0;
        box-sizing: border-box;
    }

    .group_header.dtp .d2 {
        height: 3vh;
        width: 3vw;
    }

    .d4 {
        display: flex;
        margin: 0vw 1.4vw;
        width: max-content;
    }

    .d2c {
        height: calc(2.5vmin + 1.2vmax);
        display: flex;
        align-items: center;
    }

    .lsi.mobls .d3 {
        height: calc(2.7vh + 1.5vw);
    }

    .group_header .d2c {
        width: 3vw;
        margin-left: 2.4vw;
    }

    .group_header div:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }


    .group_header.mobls .d2 {
        height: calc(2.5vmin + 1.1vmax);
    }

    .group_header.dtp .d2 {
        height: calc(1.5vh + .5vw);
    }

    .dtp .d2c {
        width: 1.3vw;
    }

    .d2 {
        display: inline-flex;
        margin: 0vw 1vw;
    }

    .group_tr {
        background: #c5c5c575;
        width: 95%;
        margin-top: 2ch;
        margin-left: 2.5vw;
        position: relative;
        border-radius: .5vh .5vh 0 0;
    }

    .db1 {
        width: 20vw;
        font-size: 4vh;
        color: #888;
        margin-right: 2vw;
    }

    .mobls #lang_button {
        margin: 0 2vw;
    }

    .top_panel #lang_button {
        margin-right: 1vw;
    }

    #users_list td {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 1vh 0;
    }

    #users_list.dtp td:first-child {
        font-size: 1.3vw;
    }

    #users_list.mobls td:first-child {
        font-size: calc(1vmax + 2vmin);
    }

    .sf input {
        width: inherit;
        padding: 0 1vh;
    }

    .srch.mobls input {
        font-size: calc(.8vmax + 1.6vmin);
        margin: 2vw 1vw !important;
        height: calc(100% - 4vh);
    }

    .srch.dtp input {
        font-size: calc(.8vmax + 1.6vmin);
        height: calc(100% - 1vh);
    }

    #hselectors.dtp {
        padding: 0vh 0px 3vh 0;
    }

    #hselectors.mobls {
        margin: 0;
        padding: 2vh;
    }

    .p_butt {
        width: 100%;
    }

    .p_butt, s_butt {
        color: #fff;
        height: 100%;
        overflow: hidden;
        padding: 0;
        border-radius: 5px;
    }

    .mcl {
        width: 85%;
        margin: 0 auto;
        height: 95%;
        box-sizing: border-box;
    }

    .intable_buttons_bar_cnt {
        position: absolute;
        top: .5vh;
        right: -0.2vw;
        background-color: #f0142f;
        color: white;
        font-size: calc(.4vmax + .8vmin);
        border-radius: 50%;
        padding: 0vh .4vw;
    }

    #online {
        display: flex;
        border-radius: 32%;
        height: 100%;
        align-items: center;
        position: absolute;
        right: 0.5vw;
        font-size: 3.2vh;
        width: 2vw;
        text-align: center;
        color: #19ff57;
    }

    .admclosebutton {
        margin: 0 0 auto auto;
        position: absolute;
        right: 1vw;
        top: 0vh;
        z-index: 1000;
    }

    .butt_close2 div {
        background: #ffffff94;
        color: #a3a3a3;
        font-size: 1rem;
        padding: .5rem 1rem;
        width: max-content !important;
    }

    .butt_close2:hover div {
        color: red;
    }

    .packet_date {
        text-align: center;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        margin: 0 auto;
        height: max-content;
        word-break: break-word;
        max-height: 7vh;
    }

    .botmen.mobls button {
        font-size: calc(.7vmax + 1.4vmin);
        width: max-content;
        height: 100%;
    }

    .docs_holder.mobls .packet_date {
        font-size: calc(1vmax + 2vmin);
    }

    .files_place.mobls .packet_date {
        font-size: calc(.6vmax + 1.2vmin);
    }

    .files_place.mobls
    .butdiv_inb {
        min-width: 100%;
        display: flex;
        align-items: center;
        height: max-content;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
        width: max-content;
    }

    .inmob {
        display: none !important;
    }


    .bg_halfred {
        background-color: #dc354575 !important;
    }

    .b111 {
        height: 100%;
        width: 3vw;
        padding: 0vw;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .maincontainer {
        width: 70vw;
        margin-left: 20vw;
        position: fixed;
        top: 2vh;
        height: 100%;
        user-select: none;
    }

    .maincontainer_mob {
        width: 93%;
        margin: 0 0 0 6%;
        position: fixed;
        top: 2vh;
        height: calc(100% - 2vh);
        user-select: none;
    }

    .onright {
        display: flex;
        margin: 0vh auto 0vw auto !important;
        height: 5vh;
        width: max-content;
    }

    .onright_smaller {
        display: flex;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .onright_smaller.dtp {
        height: 4vh;
    }

    .onright_smaller.mobls {
        height: 8vh;
    }

    .onright_smaller.mobls .f2 .frst {
        font-size: calc(.7vmax + 1.5vmin);
    }

    .onright_smaller.mobls .f2 span {
        font-size: calc(.7vmax + 1.5vmin);
    }

    .onright_smaller.dtp .f2 {

    }

    .cinfo span {
        margin-left: 1vh;
        background-color: #ffffffe0;
        color: #000000;
        padding: 0 .3vw;
        border-radius: 0.5vh;
        /* margin-right: 1vw; */
        box-shadow: inset 0 3px 3px #00000026, inset 0 -3px 3px #00000026;
        height: 4vh;
        display: grid;
        align-items: center;
        /* font-weight: 600; */
    }

    #lang_button .b11 {
        margin: 0 1vw 0 auto;
    }

    #user_win {
        padding-top: 0;
        border-radius: 5px;
        position: relative;
        margin-top: 13vh;
        margin-left: 14vw;
        width: 83%;
        min-height: 80vh;
        position: absolute;
        top: 0;
    }

    .headertitle {
        width: max-content;
        font-size: calc(.8vmax + 1.6vmin);
        padding: 2vh 2vw 0vh 2vw;
    }

    .butdiv_v_resp {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }

    .top_panel button {
        width: 100%;
        border: none;
    }

    .hmenu_butt_2 {
        border: 1px solid transparent;
        width: 100%;
        text-align: left;
        height: 100%;
    }

    #messages span {
        font-size: calc(.5vmax + .9vmin);
        margin-right: 4%;
        margin-left: 2%;
    }

    .relativeFull {
        position: relative;
        left: 0%;
        top: 2%;
        width: 86%;
    }

    .top_panel {
        height: 3vw;
    }

    .txtbut {
        font-size: calc(1vmax + 0.5vmin);
    }


    button.button, a.button, div.button {
        align-items: center;
    }

    #doc_div button {
        min-width: 3.5vw;
        min-height: 2vw;
    }

    #filters.dtp button.button, a.button, div.button {
        height: 6vh;
    }

    #filters.mobls button.button, a.button, div.button {
        height: 8vh;
    }

    .syncicplace.mobls {
        position: fixed;
        right: 1vw;
        bottom: 3vh;
        z-index: 999999;
    }

    button.button, a.button, div.button {
        min-height: 6vh;
        width: 100%;
        border-radius: 5px;
        -webkit-text-stroke: thin;
        box-sizing: border-box;
    }

    #messages {
        display: flex;
        align-items: center;
        margin-left: .5vw;
        position: relative;
        width: 3vw;
        height: 100%;
    }

    .month_pick i {
        font-size: 2vw;
    }

    .folders {
        width: 85%;
        box-shadow: 0 1vh 1vh -1vh -2px #000;
        background: #fff;
        font-size: calc(.4vmax + 1vmin);
        margin: 0 0 0 auto;
        position: absolute;
        left: 15%;
        height: 100%;
    }

    .files_place {
        overflow-y: auto;
        width: 100%;
        padding: 1%;
        box-sizing: border-box;
        height: 86%;
        border-top: 1px solid transparent;
    }

    .files_container {
        margin-top: 0vh;
        width: 100%;
        height: 90%;
        border-top: 1px solid #999;
        border-bottom: 1px solid #999;
        border-radius: 5px;
    }

    .files_container .bordered {
        background: #ededed;
        border: 1px solid #b3b0b0;
    }

    .imgbutt {
        width: 3.5vw;
        height: 5vh;
    }
.ens_table tr:first{
    box-shadow: 0 -1vh 1vh #000;
}
    table tr:first-child th {
        font-size: calc(.5vmax + 1vmin);
        font-weight: lighter;
        /* font-variant: small-caps; */
        padding: .5em 0;
    }

    .icnbig {
        font-size: calc(.9vmax + 1.8vmin);
    }

    .conf {
        padding: 1.5vh 2.5vw;
        font-size: 1vw;
        border-radius: 1vw;
    }

    #mess_list {
        width: 30vw;
        font-size: 1vw;
        top: 30%;
        border-radius: .8vh;
    }

    .subj span {
        font-size: 1vw;
    }

    .cont {
        font-size: .8vw;
    }

    #payment {
        position: fixed;
        top: 7%;
        width: 36%;
        height: 75%;
        left: 32%;
    }

    .pfield {
        margin: 0 auto;
        min-width: 17vw;
        position: relative;
        margin: 4vh 1vw;
        font-size: 2.5vw;
        text-align: center;
    }

    #card_number {
        width: 35vw;
        margin: 0 auto;
    }

    .pfield {
        margin: 0 auto;
        min-width: 17vw;
        position: relative;
        margin: 4vh 1vw;
        font-size: calc(.5vmax + 1.2vmin);
        text-align: center;
    }

    select#months.mobls,
    select#groups.mobls {
        font-size: 4vh;
    }

    #card_cvc,
    #card_expiry {
        width: 15vw;
        text-align: center;
        padding: 1vh;
        margin: 0 auto;
    }

    .help_update {
        margin: 0 10vw;
        width: calc(100% - 20vw);
        background: #26819f;
        border: 1px solid #9b4b56;
        color: white;
        text-shadow: 0 0 6px #000;
        font-size: calc(.6vmax + 1.2vmin);
    }

    .help_butt {
        width: 100%;
        height: 100%;
    }

    .docs_holder.mobls .packet.ic img {
        width: 9vw;
        height: 17vh;
    }

    .mailer_buttons.dtp {
        display: flex;
    }

    .login_title.mobls {
        font-size: 3.2vw;
        height: 10%;
        display: grid;
        align-items: end;
    }

    .intable_buttons_bar_cnt.mobls {
        font-size: calc(.7vmax + 1.4vmin);
    }

    td.flex div.padded {
        padding: 1vh !important;
    }

    .login_subtitle.mobls {
        font-size: 2.2vw;
        height: 5%;
    }

    .login-remember label {
        width: 50%;
    }

    div.login_form.mobls input#user_pass, div.login_form.mobls input#user_login {
        background-color: #ffffff12 !important;
        font-size: calc(1.5vmax + 3vmin);
        padding: 1% 0;
        height: max-content;
        box-shadow: 0px 2vh 4vh -2.7vh #000a;
        border-radius: 5px;
        border: 2px solid #aaaaaa57;
    }

    .docs_holder.mobls
    .packet_counters {
        font-size: 4.3vh;
        /*  text-shadow:3px 2px 3px #ff000094, 1px 1px 1px #00000073; */
    }

    .login_form.mobls {
        width: 70%;
        min-width: 500px;
        font-size: cacl(1vmin+2vmax) !important;
        text-align: center;
        height: 100%;
        margin: 0 auto;
    }

    .vmenu_spa
    .login_form.mobls .inholder {
        width: 100%;
    }

    p.login-remember {
        display: flex;
        width: 97%;
        align-items: center;
    }

    .login_screen.mobls {
        position: fixed;
        width: 130%;
        height: 130%;
        left: -15%;
        top: -15%;
        z-index: -1;
        box-sizing: border-box;
        border: none;
        background-color: #ffffffd6;
        /*  background-image: url(/extern/imgs/gvmslogo1.webp);*/
        background-blend-mode: color-burn;
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(-7deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        box-shadow: inset 0 -25vh 64vh 27vh #c4c4c487;
        background-size: auto;
    }

    .mailer_buttons button {
        margin: 0 1rem;
        height: 6vh !important;
    }

    .login-remember label {
        display: flex;
        height: max-content;
        align-items: flex-end;
    }

    select#months.mobls,
    select#groups.mobls {
        border: none;
        background-color: transparent;
        padding-top: 1.3vh;
        padding-bottom: 1.3vh;
        align-self: center;
        cursor: pointer;
    }

    .frow.mobls .f3 {
        width: 11vw;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .frow {
        display: flex;
    }

    .frow.mobls {
        height: 7vh;
    }

    #files_list.mobls .db2 {
        width: 6vw;
    }

    .frow.dtp .f2i.impbut.tellipsis.fsearch {
        max-width: 35%;
    }

    .frow.mobls .f2i.impbut.tellipsis.fsearch {
        max-width: 26%;
    }

    .frow.dtp .f2i {
        font-size: calc(.7vmax + 1.5vmin);
    }

    .frow.mobls .f2i {
        font-size: 5vh;
    }

    .frow.dtp .freigh_date {
        width: max-content;
        background: #68686852;
        color: #ffffffeb;
        text-shadow: 0 0 1px #000;
        padding: 0vh 1.1vh;
        height: calc(100% - 2px);
        align-self: center;
    }

    .mobls .fday {
        font-size: calc(1.5vmin + .7vmax);
    }

    .mobls .ftime {
        font-size: calc(1.6vmin + .8vmax);
        color: white;
        margin: 0 auto;
    }

    .frow.mobls .freigh_date {
        min-width: 15vw;
    }

    .freigh_date {
        margin-right: 1px;
        margin-left: auto;
        display: flex;
    }

    .email_cap div,
    .email_cap2 div {
        margin: 0;
        margin-bottom: .5vh;
    }

    .frow.mobls button {
        font-size: calc(1.4vmin + .7vmax) !important;
    }

    #mailer_div.mobls .senders {
        display: flex;
    }

    .email_cap,
    .email_cap2 {
        margin: 0;
        width: 32%;
        height: 13vh;
        display: grid;
        align-content: center;
    }

    div.hmenu {
        padding: 0.5vh;
    }

    .hmenu_in div:last-child {
        border-right: none;
        margin: 0 auto;
        padding-left: 1vw;
    }

    #mailer_div.s_mob input[type="checkbox"] {
        height: 5vh;
        width: 5vh;
        margin: 0 2vh 0 1vh;
    }

    .textarea_input input[type="text"], .textarea-input input[type="password"] {
        font-size: calc(.6vmax + 1.2vmin);
    }

    #mailer_div.dtp .senders {
        display: flex;
        height: 22%;
        box-sizing: border-box;
    }

    #docx_div.dtp {
        z-index: 10000 !important;
        background-color: white;
        top: 0;
        overflow: hidden;
        position: absolute;
        margin-left: 3.5vw;
        height: 100%;
        width: calc(100% - 3.5vw);
    }

    iframe#docx_div.mobls {
        z-index: 10000 !important;
        background-color: white;
        top: 0;
        width: 100%;
        height: 100%;
        left: 3%;
        position: absolute;
        top: 0;
    }

    .upcaption {
        width: max-content;
        height: max-content;
        font-size: .7vw !important;
        text-align: left;
    }

    .form_holder.dtp {
        padding-top: 9%;
    }

    .reghead.dtp {
        font-size: calc(.3vmax + .6vmin);
    }

    div.reghead h1, div.reghead h2 {
        margin: auto auto 1vh 5%;
        width: 100%;
    }

    .f1vw {
        font-size: calc(.5vmax + 1.2vmin);
    }

    .user_info reg {
        box-shadow: 0 1vh 2vh -11px #000;
    }

    .hmenu.mobls {
        height: 12vh;
    }

    .login_form.mobls p.login-remember {
        height: 5%;
    }

    .login_form.mobls p.login-username {
        height: 15%;
        margin-top: 2%;
    }

    .login_form.mobls p.login-password {
        height: 15%;
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .login_form.dtp p.login-username,
    .login_form.dtp p.login-password {
        height: 18%;
    }

    .login_form.mobls input[type="submit"], .login_form.mobls button {
        width: 35%;
        padding: 1%;
        font-size: calc(2vmax + 4vmin);
        box-shadow: 0 2vh 2vh -1vh #00000091;
        height: 100%;
    }

    p.login-submit {
        height: 26%;
    }

    .login_form.mobls p {
        width: 100%;
    }

    .imholder_in {
        width: 100%;
        margin: 0 auto;
    }

    .flex2 {
        display: grid;
        align-items: center;
        width: 100%;
        height: 85vh;
    }


    .importagent {
        background-image: url(/extern/imgs/importagent.jpeg);
        background-size: cover;
    }

    .hmenu.dtp {
        height: 9vh;
    }

    .intable_buttons_bar {
        position: relative;
    }

    .dir_info {
        width: 16vw;
    }

    #filters.mobls .txt div {
        font-size: calc(.8vmax + 1.6vmin);
        padding: 1vh 0px;
    }

    .docs_holder {
        margin: 0 1vw;
    }

    #geting_data_icon,
    #busy_text {
        bottom: 10vh;
    }

    .imholder_in {
        height: 90%;
    }

    .zeus img {
        width: 4vw;
    }

    .closebutton {
        height: 100%;
    }

    .docs_holder.dtp .packet_counters {
        font-size: calc(.5vmax + 1vmin);
        /* text-shadow: 3px 2px 3px #ff000094, 1px 1px 1px #00000073; */
    }
}