@font-face {
    font-family: 'Lato-Bold';
    src: url(/extern/css/fonts/Lato/Lato-Bold.ttf);
    font-display: swap;
}

html * {
    font-family: 'Lato';
}
.mailer_buttons i {
    font-size: 2vw;
}
.mailer_buttons button {
    font-size: 3.5vh;
    font-family: Ubuntu;
}
.hmr_inp {
    height: 100%;
    width: 100%;
}

.hmr_inp1 {
    height: 100%;
    width: 60%;
}
td pre{
 /* font-family: 'scpro'; */
}
.hmr_inp2 {
    height: 100%;
    width: 40%;
}

.srow {
    height: 5vh;
    display: flex;
    width: 100%;
    margin: 1vh 0 0 0;
}

button {
    word-break: keep-all;
}

.srow .c22 {
    font-size: 2vh;
    font-weight: lighter !important;
    font-family: "Lato";
}

.srow .b112 {
    margin: 0 1vw !important;
    height: max-content;
}

.srow .p_but_inside {
    width: max-content !important;
}

.decl {
    display: flex;
    height: 4vh;
    align-items: center;
    font-size: 2.2vh;
    padding: 0 1vh;
}

.opachalf {
    opacity: .3;
}

#declarations_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    z-index: 1000000;
}

.decl .c1,
.decl .c2,
.decl .c3 {
    height: max-content;
}

.decl .c4 {
    height: 80%;
}

.c4 img {
    height: 100%;
    max-width: 100%;
}

.decl .c1 {
    width: 6%;
}

.decl .c2 {
    width: 59%;
    text-align: left;
}

.decl .c3 {
    width: 12%
}

.decl .c4 {
    width: 13%;
    margin: 0 1vw 0 auto;
    text-align: right;
}

.c3 .circle {
    margin: 0 auto !important;
}

.input_chkbox_wholder {
    margin-left: 0vw;
    width: 4vw;
    height: 1.5vw;
}

input[type=checkbox] {
    border-radius: .3vw;
    border-style: solid;
    height: 2.5vh;
    margin: 0;
    font-size: calc(1vmax + 2vmin);
    width: 2.5vh;
    border-color: #777;
    border-width: 2px;
}

.group_header.mobls input[type=checkbox] {
    height: 4.5vh;
    width: 4.5vh;
}

.group_header input[type=checkbox]
input, button.butt_close2 {
    border-radius: .5vw;
    border-style: solid;
    border-width: 1px;
    height: 4.5vh;
    margin: 0;
    font-size: calc(.6vmax + 1.2vmin);
}

.lshd {
    border-radius: 3px;
    margin: 0;
    font-size: calc(.5vmax + 2vmin);
    box-shadow: 0 1vh 4px -6px #c5c5c5;
}

input.decl_tools {
    border: 1px solid transparent;;
    padding: 1vh 1vw;
    font-size: inherit;
    background-color: #fff;
}

.hmr_inp input {
    width: calc(100% - 2.5vw);
    height: 100%;
    padding: 1vh;
    margin: 0vw 1vw;
    border: none !important;
}

.havail {
}

.user_act_butt {
    border-bottom: 2px dotted;
    line-height: 1;
    font-weight: bold;
    font-family: Lato;
    font-size: 1vw;
}

.map_top {
    width: 100%;
    display: flex;
    border-radius: 5px 5px 0 0;
    height: 7%;
}

.maplabel {
    background: yellow !important;
    font-size: 3vw;
}

.map_close {
    margin: 0 0 0 auto;
}

div.map_handler {
    width: 5%;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: move;
}

.title_bar {
    width: 90%;
    color: white;
    display: flex;
    align-items: center;
}

.map_close i {
    color: red;
    font-size: calc(.7vmax + 1.4vmin);
}

.map_handler i {
    font-size: calc(0.6vmax + 1.2vmin);
    margin-left: .5vh;
    color: #2fecff;
}

.tite_bar {
    width: 90%;
    color: white;
}

div#map_box {
    position: fixed;
    left: 45%;
    top: 17%;
    width: 45vw;
    height: 70vh;
    z-index: 999;
    padding: 1px;
    border-radius: 5px 5px 0 0;
}

.b112 i {
    font-size: calc(.6vw + 1.2vh);
    padding: 0 .5vh;
}

input.decl_tools:focus {
    border: none;
}

.mrd_adds {
    width: 44%;
    height: 44%;
    overflow: hidden;
    display: grid;
    align-items: center;
}

@font-face {
    font-family: 'Lato';
    src: url(/extern/css/fonts/Lato/Lato-Regular.ttf);
    font-display: swap;
}

.butt_close2:hover {
    color: #004 !important;
}

.sh_gmr_mini {
    background: #fff;
    width: 50%;
    margin: 0 6% 0 auto;
    height: 44%;
    margin-top: 0;
    position: absolute;
    top: 16vh;
    right: 0;
}

.c3 .circle {
    font-size: 1vh;
    text-align: center;
    padding-top: 6px;
    height: calc(2.5vh - 6px) !important;
    text-shadow: 0 0 1px #fff;
}

.sh_rowg {
    background-color: #e2e6ea;
    display: flex;
    color: #858585;
    font-size: 2.5vh;
    font-weight: lighter;
}

.sh_rowg .thh {
    margin-left: 6%;
    width: 59%;
    text-align: left;
}

.sh_rowg .thh2 {
    width: 12%;
}

.sh_rowg .thh3 {
    width: 14%;
    margin: 0 1vw 0 auto;
    text-align: right;
}

.sh_gmr_mini {
    background: #fff;
}

.wauto {
    width: auto;
}

#ens_div div div .t_dropd.dropdowncl.hovercont {
    top: 30%;
    width: 90%;
    margin-left: 10%;
    margin-top: 6%;
    box-shadow: 0vh 1vh 1vh #000;
    padding: 1vh 0;
    border-radius: 1vh;
}

.ens_line {
    position: relative;
}

.ens_line button.addenspos {
    position: absolute;
    left: .5vw;
    top: 0;
    padding: 0;
    width: calc(100% - 1vw);
    height: 100%;
    text-align: right;
}

.add_commodity_code {
    margin: 0 0 0 auto;
    left: 0;
}

#ens_div .hoverc:hover {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.ens_dropdown {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.cargo_ref_button {
    height: 100%;
}

.cargo_ref_button:hover {
    color: yellow;
}

.cargo_spec {
    width: calc(100% - 1vw);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    position: relative;
    height: calc(100% - 1vh);
    display: table;
}

.arrow {
    height: 67%;
    width: 36%;
    border: solid 1px;
    transform: rotateY(0deg) rotate(45deg);
    transform-style: flat;
    translate: 0vh -4vh;
}

input.cargo_input {
    border: none !important;
    height: 100%;
    border-radius: 5px;
    text-align: center;
    font-size: calc(.4vmin + .7vmax) !important;
    width: 100%;
    background-color: transparent;
}


div.cargo_input {
    position: relative;
    width: calc(100% - 1vw);
    box-sizing: border-box;
    margin: .1vh auto;
    height: 93%;
}

div.cargo_input:last-of-type {
    margin-bottom: 1vh;
}

.cal_ens_cont {
    width: 75%;
    height: 100%;
}

.upcap {
    height: 60%;
}

.dcap {
    height: 30%;
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: calc(.2vmin + .5vmax);
    opacity: .7;
}

.add_commodity_code i {
    font-size: 3vh;
    color: #0cff31 !important;
    text-shadow: 0 0 3px #060000;
}

.noheight {
    height: 0 !important;
}

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

.cargo_ref_button {
    width: 100%;
    height: 6vh;
    border: 2px solid #04cdfb;
}

.focus_s {
    box-shadow: inset 0 0 3px #0a0b0a85;
    color: yellow;
}

.ccodes_container {
    overflow: auto;
    max-height: 100%;
}

.ens_menu {
    height: 100%;
    display: flex;
    align-content: center;
    padding: 1vh 1vh;
}

.del_ic {
    position: absolute;
    right: -.5vw;
    height: 100%;
    width: min-content;
    top: 0;
    display: flex;
    z-index: 9999999;
    transition: all .2s;
    opacity: .7;
}

.del_ic:hover {
    transform: scale(1.3);
    transition: all .2s;
    opacity: 1;
}

.scaledup {
    transform: scale(1.3);
    transition: all .2s;
}

#refs_stretching {
    display: contents;
}

input.cargo_input:focus {
    outline: none;
}

input.cargo_input[type='text']::placeholder {
    text-align: center;
    font-size: calc(.4vmin + .8vmax);
}

.logobg {
    position: absolute;
    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;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    box-shadow: inset 0 -25vh 64vh 27vh #c4c4c487;
}

.ccodes_container {
    width: 50%;
}

.cargo_data_container {
    width: calc(100% - 1vh);
}

.cargo_data_container div.cargo_input {
    height: 6vh;
}

.ccodes_container {
    margin-left: 1vh;
    position: absolute;
    top: 12vh;
    left: 25%;
    z-index: 99999;
}

.ccodes_container,
.cargo_data_container {
    overflow: hidden;
    box-sizing: unset;
    margin-top: 1vh;
    margin-bottom: 1vh;
    display: grid;
}

.del_ref:hover {
    cursor: pointer;
    transform: scale(1.1);
    transition: all .3s;
}

div.cargo_input:hover {
    border: 0px solid white !important;
    background-color: #b5b5b5 !important;
    box-shadow: inset 0 0 1vh #fafaff;
    cursor: pointer;
}

div.cargo_input:hover div.cargo_input input[type=text] {
    cursor: pointer;
}

.right_cargo_container {
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 1vh 0 auto;
}

tr.agency_spacer {
    height: 12vh;
}

.notrans_hidden,
.wldrnact_hidden,
.transport_hidden,
.agency_hidden,
.uact_hidden,
.nldr_hidden,
.wldr_hidden {
    display: none !important;
}

.left_cargo_container {
    display: flex;
    width: 100%;
}

.bg_tract {
    box-shadow: inset 0 0 2.7vh #ff6000;
}

.left_cargo_container div.cargo_input:first-child {
    width: 25%;
}

.left_cargo_container div.cargo_input:nth-child(2),
.left_cargo_container div.cargo_input:nth-child(3) {
    width: 15%;
}

.left_cargo_container div.cargo_input:nth-child(4) {
    width: 11%;
}

.left_cargo_container div.cargo_input:nth-child(5) {
    width: 40%;
}

.right_cargo_container img {
    height: 60%;
    width: auto;
}

.cargo_data_container {
    height: 80%;
    width: 100%;
}

.foo_cargo_div {
    width: calc(100% - 2vw);
}

.cargo_data_container .line,
.ccodes_container .line {
    margin-top: 1vh;
    font-size: 2vh;
    height: max-content;
}

.row_max {
    width: 100%;
}

.h_adapt {
    height: max-content;
}

.hcont:hover {
    color: inherit;
!important;
}

.menu_block button {
    border-radius: 0 !important;
}

#cdsuploader i {
    margin-right: .5vw;
    font-size: 3vh;
}

#cdsuploader {
    cursor: copy;
    height: 18%;
    position: relative;
    width: 100%;
    background-image: url(/extern/imgs/upl_folder.png);
    background-repeat: no-repeat;
    background-position: center;
}

#cdsuploader:disabled {
    background-color: gray !important;
}

.ensbutton {
    margin: 0 1vh 1vh 1vh;
    box-sizing: border-box;
    width: calc(100% - 1vh);
    padding-bottom: .5vh;
}

.v_choosers_container .text_cont {
    color: #fff;
    font-size: calc(.4vmax + .8vmin);
    text-shadow: 0 0 5px #000000;
}

.ocr_indicator {
    position: absolute;
    bottom: 1vh;
    font-size: 2.5vh;
    color: yellow;
    width: 100%;
    text-align: center;
}

.hcenter {
    text-align: center;
    display: inherit;
}

.bhigher button {
    min-height: 5.5vh !important;
}

#cdsuploader:hover div.txt_cntr,
#cdsuploader:hover i {
    color: yellow;
}

.row_max .f2 {
    height: max-content !important;
}

.h_padding_std {
    padding: 0 1vw;
}

#ens_div .v_choosers_container .butdiv_v {
    height: max-content !important;
}

.v_container {
    padding: 0;
    margin: 0;
    border: none;
    background: #e10015bf;
    border-radius: 5px 0 0 0;
    box-shadow: inset -1vh 0 1vh -.2vh #0202022e;
}

#side_menu {
    width: 14vw;
    position: fixed;
    top: 2vh;
    left: calc(9vw - 4px);
    transition: all .5s;
    height: max-content;
    padding: 0;
}

#side_menu .c_syellow {
    box-shadow: none !important;
}

#side_menu .butt_cont {
    width: 100%;
    height: 100%;
}

#side_menu .s_butt {
    padding: 0;
    width: 100%;
    color: #e1e1e1;
}

button.s_butt:hover {
    background: #fff3;
}

.megascale {
    transform: scale(16);
    transition: all 2s ease-out;
}

.rotY {
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: scale(0.9);
    z-index: -1;
}

.sczoom {
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: scale(2);
}

div.inlogs {
    width: 50%;
    margin: 0 auto;
    overflow: hidden;
    background-color: transparent;
}
div#archtoggler {
    width: max-content;
    display: flex;
    margin: 0 0 1vh auto;
    font-size: 1rem;
    align-items: center;
    /* background: #aaaaaa40; */
    /* padding: .2em; */
    border-radius: .5vh;
}

#archtoggler input[type="checkbox"] {
    height: 1rem;
    margin-left: .5rem;
}

body {
    transition: all 2s ease-out;
    font-family: 'Lato' !important;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;

}

.so_main_content {
    margin-top: 0;
    display: flex;
    height: 78%;
}

#mailer_div.s_mob {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#mailer_div.s_mob .txtbut {
    font-size: 7vh;
}

#mailer_div.s_mob .email_cap {
    font-size: 150%;
}


.main_layout {

}

.th1 {
    width: 1vw;
}

.img img:hover {
    background-color: #aaa;
    border-radius: 5px;
}

body#bd {
    background-color: #faffff
}

.no_docs_info th {
    font-size: 1.5vw !important;
    color: orangered !important;
    padding: 3vh;
}

.f1i {
    height: 2vw;
    margin-top: 1vw;
    color: #777;
    font-size: calc(.5vw + 1vh) !important;
    font-weight: bold;
}

.top_panel .f2 {
    width: 100%;
}


.f2 {
    margin: 0 0 0 1vw;
    position: relative;
    height: 100%;
}

.f2c {
    position: relative;
    margin: 0 0 0 auto;
}

.f2i {
    border-radius: 5px;
    background-color: #fff;
    height: 100%;
    font-weight: lighter;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 1vw;
}

.f2i.impbut {
    color: gray;
}

.addfr {
    font-size: 1vw !important;
    border: 1px solid #333 !important;
    padding-right: 1vw !important;
    height: 2vw !important;
    padding: 0.3vw !important;
}

.month_pick_adm img,
.year_pick_adm img {
    height: 2.2vw;
}

input.sf2 {
    width: 100%;
}

img.img_home {
    cursor: pointer;
    height: 100% !important;
}

.fhoriz {

}

.user_home_img {
    width: 10vw;
    text-align: center;
    margin: 3vw;
    height: 60%;
    display: flex;
    align-items: center;
}

.f1 {
    width: 28%;
    text-align: left;
    padding-left: 2%;
    height: 100%;
    color: #888;
}

.bar {
    margin-bottom: 1.3vw;
    border-bottom: 1px solid #000;
    margin-top: 2vh;
    display: flex;
}

.month_pick_adm,
.year_pick_adm,
.group_pick_adm {
    display: flex;
    align-items: center;
    border-radius: 5px;
    height: 100%;
    border: none;
    font-size: 1.2vw !important;
    width: max-content;
    overflow: hidden;
}

.p_but_inside2 img {
    height: 100%;
    width: auto;
}

.b112 {
    margin-right: auto;
    margin-left: 1vw;
}

.group {
    font-size: 1.2vw !important;
    background: transparent !important;
    border: none;
}


.gbar {
    left: 0;
    margin: 0px 0vw 0 0;
    position: absolute;
    width: 3.5vw;
    text-align: center;
}

.gbar input[type=checkbox] {
    height: 2.5vh !important;
    margin: 2vh 0 auto auto !important;
    width: 2.5vh;
    border-radius: 3px;
    border-width: 1px;
    border-color: #aaa;
    border-style: ridge;
}

.redwhite {
    border: 1px solid #e4c9c9;
    -webkit-font-smoothing: subpixel-antialiased;
    box-shadow: 0 0 .4vh .4vh #fefefe;
    background-color: #d9d9d970 !important;
    color: #f22 !important;
    border-color: #15151569;
}

.no_docs_info.hidden th {
    font-size: 2vw;
    padding: 1vw;
    color: orange;
}

#cinv_edit {
    position: absolute;
    top: 2%;
    width: max-content;
    background-color: #0a6550;
    height: max-content;
    left: 25%;
    z-index: 100004 !important;
}

#cinv_edit {
    position: absolute;
    top: 2%;
    width: max-content;
    background-color: #0a6550;
    height: max-content;
    left: 25%;
    z-index: 100004 !important;
    padding: 1vw;
    border-radius: 7px;
}

button.vmenu_butt_2:disabled, button.vmenu_butt_2l:disabled {
    opacity: .6;
    cursor: not-allowed;
}

button.adm_butt:disabled {
    opacity: .7;
}

button.bbut:disabled,
button.bbutt:disabled {
    background-color: #aaa !important;
}

.datarow:hover {
    cursor: pointer;
}


.butt_cont.sf {
    position: relative;
}


p.login-password input {
    margin-top: 2.5vh;
}

div.login_form.dtp input {
    font-size: 1vw;

}

div.login_form input {
    width: 100%;
    padding: 1vh;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 0;
    border-radius: .5vh;
    margin-top: .5vh;
    height: 2vw;
    box-shadow: 0px 0.2rem 0.3rem #00000026, inset 0 -.3rem 1rem -12px;
}

.login_form.dtp .inholder {
    width: min-content;
}


.inholder {
    position: relative;
    height: 54vh;
    margin: 0 auto;
}


.importagent-login-form .inholder {
    height: 43vh;
}


.importagent-login-form {
    width: 50%;
    margin: 0 auto;
    z-index: 1000;
    border: none;
    background: transparent;
    margin-top: 21vh;
    font-weight: bold;
    background-color: white;
    box-shadow: 0 0 1vw 1vw #0000005e;
}

.importagent-login-form .login_subtitle {
    margin: 0;
}

.login_subtitle.dtp {
    font-size: 2.2vh;
}


.login_subtitle {
    color: #555;
    font-weight: initial;
    margin: 3vh auto 0 auto;
    width: min-content;
    white-space: nowrap;
}

.importagent-login-form input#user_pass, .importagent-login-form input#user_login {
    width: 100%;
    border: 1px solid #aaa;
    border-radius: .5vh;
    padding: 1vh;
    margin-top: .5vh;
    font-size: 2.2vh;
    height: 4vh;
    border: 1px solid #ddd;
}

.menubutt1.dtp .aa_customer {
    position: absolute;
}

.menubutt1.dtp .aa_customer {
    display: none;
}

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

.login_title {
    font-weight: 700;
    color: #000;
}

.login_screen.dtp {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-y: center;
}


.importagent-login-form p.login-username label,
.importagent-login-form p.login-password label {
    margin-top: 4vh !important;
}

.dz_row.dzmx {
    width: 24%;
    height: 100%;
    padding: .5vh;
    box-sizing: border-box;
    background-color: white;
}

.login_form.dtp p.login-username label, .login_form.dtp p.login-password label {
    font-size: 1.8vh;
}

p.login-username label, .login_form p.login-password label {
    color: #555;
    display: block;
    width: max-content;
    margin-top: 1vh;
    font-weight: lighter;
}

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


.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: 14%;
}


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

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

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


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

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

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

.bienson, szybkaodprawa {

}

.importagent {

}

.importagent-login-form #wp-signup {
    background-color: gray !important;
}

.login_form.dtp #wp-signup {
    font-size: 2vh;
}

#wp-signup {
    background: black;
    color: white;

    position: absolute;
    right: 0;
}

.importagent-login-form input[type="checkbox"],
div.login_form input[type="checkbox"] {
    position: absolute;
    height: 2vh;
    left: 100%;
    right: 0;
}

.login-remember label {
    height: max-content;
}


div.importagent-login-form input[type=checkbox],
div.login_form input[type=checkbox] {
    position: initial;
    margin: 0
}

div.importagent-login-form.dtp input[type="submit"], div.login_form.dtp input[type="submit"], div.login_form.dtp #wp-signup {
    padding: 0vh 2vh;
    width: 8vh;
    height: 4vh;
    box-sizing: content-box;
    font-size: 2vh;
}

div.importagent-login-form input[type="submit"], div.login_form input[type="submit"] {
    margin-top: 0vh;
    background: #dc3545;
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 5px;
}

div.login_form input[type="text"] {
    width: 100%;
}

div#side_menu_mob {
    width: 6%;
    margin-top: 2vh;
    height: max-content;
}

#mainTable {
    width: 100%;
    border: none;
    margin: 0;
    position: fixed;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: auto;
}


#mainTable.dark {
    background-color: #000842;
}

#side_menu .vmenu button i {
    font-size: 2vw;
    color: #fff;
}

#side_menu_mob .vmenu button i {
    font-size: 6vh;
    color: #fff;
}

.mcnt {

}

.bottom {
    position: fixed;
    bottom: 0vh;
    z-index: 9999;
}

.top_panel {
    width: 100%;
    text-align: left;
    background-color: #000;
    border-radius: .3vw;
    display: flex;
    align-items: center;
    box-shadow: 0 1vh 1vh -1vh #000, inset 0 5vh 58px 7px #0e7fff, inset 0 1vh 2vh 11px #fff0;
}

.aside_left {
    width: 14%;
    height: max-content;
    position: absolute;
}

.hmr_sel {
    margin: 0px 0 0 2%;
    height: 100%;
    width: max-content;
}

.absolute {
    position: absolute;
    width: inherit;
}

.hmr_sel input[type=text] {
    height: 100%;
    border: 1px solid #8888884f;
    border-radius: 5px;
    font-size: 100%;
    color: #888;
    width: 100%;
    text-align: left;
    padding: 0 1vw;
}

.hmr_copy {
    margin: 0 1vw;
}

#gmr_0,
#gmr_1 {
    width: 70%;
    padding: 0 1vh;
    border: none;
}

.hsw1 {
    width: max-content;
    margin-right: 2vw;
}

.butdiv_inb {
    padding: .3vh 0;
}

.hsw1 .txt {
    font-size: 1.5vh;
}

.autom_cont input[type="radio"] {
    height: 2.4vh;
    width: 1.4vw;
    margin: .3vh auto;
}

.c_inherit {
    color: inherit;
}

.hmr_sel input[type="text"]::placeholder {
    text-align: center;
}

#svg-filter {
    display: none;
}

.rightflow .hmr_sel {
    margin: 0 2vw 0 auto;
}

.leftlow .hmr_sel,
.leftflow .hmr_info {
    margin: 0 1vh;
}

#nonet {
    border: 3px dotted;
}

.cli {
    font-size: 3vh;
    margin-left: 2.5vh;
    border-radius: 10px;
    padding: 0vh 1vw;
    display: flex;
    align-items: center;
}

.cli i {
    font-size: 4vh;
    margin-right: 1vw;
}

.leftflow .hmr_info {
    width: 100%;
}

.rightflow .hmr_info {
    width: 16vw;
    margin: 0 0 0 auto;
}

.leftflow .hmr_sel {
    width: 100%;
}
.mailer_buttons button i {
    margin: 0 auto 0 0;
}
.rightflow .hmr_sel {
    width: 12vw;
}

.f1vw2 {
    min-width: 10vw !important;
    box-shadow: inset -4vw 0 37px -13px #3030336b;
    text-shadow: 0 0 1px #f00;
    font-size: 2vh;
    border-radius: 5px 0 0 5px;
}

.ccnt {
    text-align: center;
}

.c_adm,
.c_admnd {
    color: #fff !important;
    background: #9b351d !important;
    border: 1px solid white !important;
}

.c_adm:disabled {
    color: #ccc;
    background: #9b351d80 !important;
}

.c_adm div,
.c_admnd div {
    color: white !important;
}

.rightflow {
    display: flex;
    margin: 0 3vw 0 auto;
    height: 100%;
    width: 52%;
    font-size: 2.4vh;
}

.hmr_butt {
    margin: 0 5%;
}

.max_row {
    width: 100%;
    display: flex;
}

.help_close i {
    color: red !important;
}

.hnav button {
    height: 100%;
    width: 2.5vw;
    display: flex;
}

.menu1 {
    font-size: calc(0.5vmax + .9vmin);
}

#popup_popup_gmr_info_3 .popup_close,
#popup_popup_gmr_info .popup_close,
#popup_popup_gmr_info_2 .popup_close {
    display: none;
}

#popup_popup_gmr_info_3 h2,
#popup_popup_gmr_info h2,
#popup_popup_gmr_info_2 h2 {
    margin: 1vh;
}

.f1vw {
    margin-left: 4vw;
}

#docs_dropdown_place_of_loading {
    max-height: 41vh;
}

#docs_dropdown_signers {
    max-height: 48vh;
}

#docs_dropdown_plates {
    max-height: 62vh;
}

#docs_dropdown_importers {
    max-height: 62vh;
}

#popup_popup_gmr_info_3, #popup_popup_gmr_info, #popup_popup_gmr_info_2 {
    position: absolute;
    left: 2px;
    bottom: 2px;
    width: 34%;
    height: max-content;
    background: #cce5ff;
    border-radius: 5px;
    border: 1px solid #b8daff;
    color: #004085;
    padding: 1vh 1vw;
    text-align: left;
}

#docs_dropdown_transport_modes {
    max-height: 28vh;
}

#docs_dropdown_place_of_unloading {
    max-height: 41vh;
}

.stdh {
    height: 5vh;
}

.stdh2 {
    height: 7.5vh;
}


.menu_block {
    border: 1px solid #aaa;
    padding: 5% 0;
    box-shadow: 0 1vh 1vh -1vh #000, inset -3vh 0 1vh -4px #00000030;
    background: #fff;
}

.rounded {
    border-radius: 5px;
}

.inl {
    font-size: 3vh;
    margin: 0;
    padding: 0;
}

.rounded_up {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.inlg {
    display: inline-flex;
    align-items: center;
    font-size: 2vh;
    height: 6vh;
}

.inlg .butdiv_v {
    margin: 0 1.5vw 0 .5vw;
    height: 5vh !important;
}

.butdiv_v1 {
    height: 5vh;
    position: absolute;
    right: 0;
    bottom: 1vh;
    width: max-content;
}

.inl input[type="text"] {
    font-size: 1.6vh !important;
}

.inlg button {
    padding: 0 0vw;
    border-radius: .5vh;
    box-shadow: 0 0.4vh 0.01vh 0.01vh #00000026;
}

.rounded_down {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.adm_mode {
    border: 1px solid #fff;
    z-index: 100001;
}

img.img_home {

}

.dropdown, .dropdowncl {
    top: 100%;
}

.thh {
    display: grid;
    align-content: end;
}

object#pdf_obj body img {
    max-width: 100%;
}

.decl:hover {
    background-color: #ddd;
}

#private_sw:disabled {
    opacity: .3;
}

.inec {
    width: max-content;
    display: flex;
}

.hmr_copy {
    margin: 0 1vw 0 1vw;
    height: 4vh;
    display: inline-block;
}

div#help_client_panel_help {
    position: absolute;
    top: 0;
    right: 3vh;
}


div#help_client_panel_help .help_cont {
    top: 22vh;
    width: max-content;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: fixed;
}

.hmr_info {
    margin: 0 2vw 0 auto !important;
}

.top_panel .t_dropd {
    min-width: 100%;
}

.t_dropd, #templates_dropdown, #docs_dropdown {
    position: absolute;
    width: max-content;
    height: max-content;
    z-index: 1000;
    border: 1px solid #ccc;
    background: white;
    text-align: left;
    margin-top: -1px;
    box-sizing: border-box;
    border-radius: 5px;
    color: white;
}

#filters.dtp .row0 button {
    font-size: calc(.4vmax + .8vmin);
}

.hmenuicon {
    position: absolute;
    width: max-content;
    display: flex;
    align-self: center;
}

.hmenuicon.dtp {
    font-size: calc(1.3vmax + 2.6vmin);
}

.hmenuicon.mobls {
    font-size: calc(2vmax + 4vmin);
}
.admin_placeh {
    cursor: not-allowed;
}
.upinfo {
    border: none;
    width: max-content;
    font-size: 3vh;
    height: 100%;
    margin: 0 auto;
    align-items: center;
    display: flex;
}
td .botmen {
    margin: 0 auto;
    width: max-content !important;
    max-width: 100%;
}
.upinfo_container {
    height: 6vh;
}

#upinfotext {
    display: flex;
    align-items: last baseline;
    width: 100%;
    height: 5vh;
}

#upinfowin i {
    font-size: 5vh;
    margin-right: .5vw;
}

.shadowed_inset_lite {
    box-shadow: inset 0px -3vh 5px 0vh #00000024, inset 0 0 1px #00000036;
}

.shadowed_fancy_gray_lighter {
    background-color: #e2e6e2;
    box-shadow: 0 1vh 1vh -1vh #00000040, inset 0px 1vh 1vh 0vh #666;
}

.shadowed_fancy_white {
    background-color: #e8e5e5;
    box-shadow: 0 1vh 1vh -1vh #0000006e, inset 0px 1vh 1vh 0vh #fff;
}

.shadowed_fancy_green_lighter {
    background-color: #187c45;
    box-shadow: 0 1vh 1vh -1vh #0000006e, inset 0px 1vh 1vh 0vh #187c45;
}

.shadowed_fancy_blue_lighter {
    box-shadow: 0 1vh 1vh -1vh #0000005e, inset 0px 1vh 1vh 0vh #0153b0;
}

.shadowed_fancy_orange_lighter {
    box-shadow: 0 1vh 1vh -1vh #000, inset 0px 1vh 1vh 0vh #e19400;
}

.shadowed_fancy_red_lighter {
    box-shadow: 0 1vh 1vh -1vh #000, inset 0px 1vh 2vh 0vh #f00 !important;
}

.shadowed_fancy_green {
    background-color: #0a6550 !important;
    box-shadow: 0 1vh 1vh -1vh #000, inset 0 5vh 58px 7px #036a38, inset 0 3vh 2vh 1vh #94ff94 !important;
}

.shadowed_fancy_blue {
    background-color: #2883fd !important;
    box-shadow: 0 1vh 1vh -1vh #000, inset 0 5vh 58px 7px #1d4878, inset -1px -14vh 2vh 1vh #f1efef17 !important;
}

.shadowed_fancy_orange {
    background-color: #ffba3e87;
    box-shadow: 0 1vh 1vh -1vh #000, inset 0 5vh 58px 7px #e17f00, inset -1px -14vh 2vh 1vh #ff760000 !important;
}

.shadowed_fancy_red {
    background-color: #ffffff7d;
    box-shadow: 0 1vh 1vh -1vh #000, inset 0 5vh 58px 7px #f00, inset -1px -14vh 2vh 1vh #f2000070 !important;
}

.shadowed_fancy_gray {
    box-shadow: 0 1vh 1vh -1vh #000, inset 0 5vh 58px 7px #5e5c5c, inset -1px -14vh 2vh 1vh #6f5c5c00 !important;
    background-color: #55555582;
}

button#setadmsms {
    border: none;
    height: 100%;
    background: orange;
    border-radius: 0 .5vh .5vh 0;
}

.telsel {
    height: 3rem;
    bottom: 14vh;
    right: 3vw;
    width: 15rem;
    border: 3px dashed red;
}

.telsel input {
    border: none !important;
}

#help_register {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.shadowed {
    box-shadow: 0 1vh 1vh -1vh #000;
}

#help_help_register {
    position: fixed;
    left: 27vw;
    top: 28vh;
}

.regwait {
    background: #b7b7b7ab;
}

.shadowed_light {
    box-shadow: 0px .3vh .3vh -.1vh #00000082;
}

.c_dwhite {
    color: #1e1e1e !important;
}

i#syncic {
    font-size: 4vh;
    margin:0;
}

#syncgnrs {
    border-radius: 5px;
    margin: 0 0 0 auto;
    display: flex;
    width: max-content !important;
    padding: 1vh 3vh;
    font-size: 2vh;
}

#syncgnrs i {
    cursor: pointer;
    margin-right: 0.5vw;
    padding-left: .5vw;
    font-size: 3.5vh;
    color: yellow;
}

#syncgnrs:hover {
    color: yellow;
    cursor: pointer;
}

.rightside {
    width: max-content;
    margin: 0vw 1vw 0 auto;
    height: 5vh;
    position: absolute;
    bottom: 2vh;
    right: 0;
}

.relb {
    margin: 0 auto !important;
}

.search_field2 input[type="text"], .sf input {
    border-radius: 5px;
    border: none !important;
    margin: 0 .5vw 0 0 !important;
    height: 100%;
}

input.dark {
    background: #a7a7a7;
}

.db7 .butt_cont.sf {
    width: 10vw;
}

.butt_close2 {
    width: max-content;
}

#doc_view .toolbar {
    width: calc(100% - 8vw);
    margin: 0 auto;
    display: flex;
}

.search_field2 {
    display: flex;
    width: 100%;
}

.search_field2 {
    display: flex;
    align-items: end;
    width: 100%;
}

#doc_img {
    width: 100%;
    height: 70vh;
    margin: 0;
    background-color: #e8fffb;
    border: 1px solid #000;
}

.pop_div {
    width: 100%;
    margin: 0 auto;
    display: inline-grid;
    height: 100%;
    align-items: center;
}

.pop_div button {
    height: 2em;
    margin: 0;
    padding: 0;
}

.dwic1 {
    width: 50%;
    height: 96%;
    margin: 0 1vw;
}

.dwic2 {
    width: 50%;
    height: 96%;
    margin: 0;
}

.butt_image.del {
    height: 100%;
    width: 100%;
}

.dwic1 a {
    text-decoration: none;
    width: 100%;
    display: block;
    height: 100%;
}

.dwic1 a:hover {
    background: transparent;
}

div.data_list {
    width: 100%;
}

.lsi.dtp .d3 {
    height: 5vh;
}

.d3 {
    display: flex;
    width: 50%;
    align-items: center;
}

div.data_desc {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background-color: transparent;
    font-size: 1vw;
    display: flex;
    font-family: inherit;
    color: #888;
    font-weight: 400;
}

.log_head {
    padding: 1vh;
    background-color: #00f3dd;
}

.hmr_info .tdd {
    margin: 0 0 0 auto;
}

.ddownsel {
    height: 100%;
}

.circle.ion-android-boat,
.circle.ion-checkmark {
    font-size: 2.5vh !important;
    text-align: center;
    text-shadow: 0 0 1px #000;
}

.ddownsel:enabled:hover {
    background-color: #aaa !important;
}

.title_hover {
    width: 12vw;
    left: -6vw;
}

.title_hover,
.title_hover2 {
    position: absolute;
    padding: .5vh 1vw;
    background: #f7971d;
    border-radius: 5px;
    border: 1px solid #aaa;
    box-shadow: 0 1vh 1vh #0000002e;
    top: -1vh;
    z-index: 9999999;
    color: #fff;
}

.title_hover2 {
    width: 5vw;
    left: -3vw;
}

.addic img {
    height: 100%;
    width: auto;
}

.cursorwait {
    cursor: wait !important;
}

.messchk {
    height: 2.5vh;
}

.ion-android-contacts.psimg.dtp {
    font-size: calc(1vmax + 2vmin);
    height: max-content;
    display: flex;
    align-self: center;
    left: .5vw;
}

.files_container.stage_2,
.h100 {
    height: 100% !important;
}

.dash_row {
    padding: 1vw;
    font-size: calc(1.2vmin + .6vmax);
    text-align: right;
    width: 30%;
}

.f1vw {
    text-align: center !important;
}

#files_list_table {
    box-shadow: 0px 5px 4px 1px #09080870;
    table-layout: fixed;
    width: 100% !important;
    background-color: #d9d9d9;
    line-height: 15px;
    border-spacing: 1px;
    min-width: 15vw;
}

#log_list_table {
    box-shadow: 0px 5px 4px 1px #09080870;
    width: max-content;
    background-color: #d9d9d9;
    line-height: 15px;
    border-spacing: 1px;
    z-index: 11111;
    padding-top: 16vh;
}

#log_list_table h3,
#log_list_table h5 {
    width: max-content;
    font-size: 2vh;
}

#log_list_table td {
    padding: 3px;
    border-bottom: 1px solid;
    word-break: break-all;
    overflow: hidden;
    width: 0;
    font-family: monospace;
}

div.td:nth-of-type(1),
div.th:nth-of-type(1) {
    width: 22%;
}

div.td:nth-of-type(2),
div.th:nth-of-type(2) {
    width: 8%;
}

div.td:nth-of-type(3),
div.th:nth-of-type(3) {
    width: 15%;
}

div.td:nth-of-type(4),
div.th:nth-of-type(4) {
    width: 15%;
}

div.td:nth-of-type(5),
div.th:nth-of-type(5) {
    width: 20%;
}

div.td:nth-of-type(6),
div.th:nth-of-type(6) {
    width: 20%;
}

#cinv_table td {
    font-size: 1.3vh;
    vertical-align: baseline;
}

.gvms_error {
    position: absolute;
    width: 40%;
    top: 0;
    background: orange;
    z-index: 9999;
    margin: 16% 0 15% 20%;
    padding: 5%;
    box-shadow: 0 1vh 1vh #0005;
}

.circle {
    height: calc(2.5vh - 2px) !important;
    width: 2.5vh !important;
    border-radius: 50%;
    margin: 0 1vw 0 auto;
    position: relative;
    border: 3px solid;
}

div.td .circle {
    margin: 0 auto !important;
    position: relative !important;
    border-color: inherit;
}

.botmen .butdiv_v_resp {
    width: max-content !important;
    margin: 0 auto !important;
}

.scrollable {
    height: calc(100% - 4vh);
    overflow-y: auto;
    padding: 1vh 0;
    color: #5f5f5f;
    box-sizing: border-box;
}

.scrollable .sh_row:hover {
    color: #000;
    box-shadow: inset 0 0 2vh -10px blue;
    transition: all .3s;
    cursor: pointer;
}

.top_panel .butdiv_v_resp {
    margin: 0 auto;
    width: max-content;
    height: 100%;
}

div.th {
    font-size: 1.8vh;
    color: black;
    padding: 0 1vw;
    display: grid;
    align-items: end;
    margin: 0 auto;
}

.sh_gmr {
    width: 100%;
    margin: 4vh auto 0 auto;
    height: 50%;
    overflow: hidden;
}

.plate_container {
    padding: .5vh 0 .5vh 1vw;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.hmr_butt button {
    height: 100%;
}

.dz_row button:disabled {
    display: none !important;
}

.inner_sel {
    border: 1px solid #c8c3c3;
    background: white;
    border-radius: 5px;
    box-shadow: 0 .5vh 0.2vh #00000017;
    max-height: 21vw;
    overflow-y: auto;
    top: 92%;
    width: 100%;
    left: 0%;
    height: max-content;
}

.dz_row.dzmx button {
    background: #ffffff;
}

.plate_container:hover {
    background-color: #007bff !important;
    color: white;
}

.sh_row {
    width: 100%;
    padding-left: 1vw;
    height: 4.5vh;
    box-sizing: border-box;
    border-bottom: 1px dotted #0003;
    background: #fff;
    display: flex;
    align-items: center;
}

.tdd img {
    height: 100%;
}

#cinv_table .upcaption {
    display: none;
}

/* #files_list_table tr:hover { */
.tdfull:hover {
    background-color: #e8fdff;
    opacity: 1;
}

#inv_iport,
#inv_icarrier,
#inv_ireg,
#inv_iinco,
#inv_itransport {
    background-color: red;
}

table {
    border-radius: 5px !important;
    border: none;
}

.group_heads button.send {
    opacity: .3;
}

.ta_1 input, .t_row input {
    background-color: #fff;
    border: 1px solid #fff6;
    margin: .1vw;
    max-width: 50vw;
    width: inherit;
}

.ta_1 {
    display: inline-flex;
    width: 100%;
}

.quart input {

}

.noborder {
    border: none !important;
}

#t_token {
    width: 45vw;
}

#sh_name {
    text-align: center;
    font-weight: bold;
}

.ivclose {
    /* position: fixed; */
    left: 98%;
    background: #62bdf545;
    border-radius: 5px 5px 0 0;
    width: max-content;
    height: 3vh;
    border: 3px solid #93c9e380;
    margin: 0 0 0 auto;
    border-bottom: none;
}

.butt_pin {
    font-size: 1.5vh;
    font-family: Ubuntu Condensed;
}
.hat {
    position: absolute;
    right: 15%;
    width: 70%;
    height: max-content;
    transform: translateX(0px) rotate(-1deg);
    bottom: 82%;
}

.glasses {
    position: absolute;
    z-index: 999;
    opacity: .8;
    width: 6vw;
    left: 0vw;
    bottom: 3vw;
    display: none;
}

.glasses img {
    width: 100%;
    max-height: 100%;
}

.hat img {
    width: 100%;
    height: auto;
}

#doc_view .div1 {
    width: min-content;
    position: relative;
    left: 0vw;
    top: 0%;
    border-radius: 5px;
    padding-top: 0;
    height: 100%;
    box-sizing: border-box;
    z-index: 99999;
    border: 2px solid #707070;
    background: #e1e1e1;
    width:3vw;
}

#pdf_div .div0 {
    text-align: right;
    width: 100%;
    height: min-content;
}

.dcp {
    width: 100%;
    font-size: 2vh;
}

.inline {
    display: inline;
}

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

.butt_cont.sf {
    width: 15vw;
    display: flex;
}

#hselectors {
    position: relative;
}

.hselector {
    width: max-content;
}

#filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#filters.mobls .row2 button {
    margin: 0 1vw;
    width: 100%;
}

#filters {
    align-items: center;
}

#files_list.dtp .leftbar {
    width: 82%;
}

#files_list.mobls .hselector {
    width: 100%;
}

.scroll.user_block {
    padding-bottom: 10vh;
}

#files_list .row2 {
    width: 100% !important;
}

#files_list.mobls .leftbar {
    width: 85%;
}

#filters.dtp .row0 {
    display: flex;
}

#filters.mobls .row0 {
    width: 100%;
    text-align: center;
}

#filters.dtp {
    display: flex;
    align-items: center;
    width: 100%;
}

#filters.dtp .txt div {
    font-size: 1.6vh;
    -webkit-font-smoothing: antialiased;
}

#filters.mobls {
    width: 100%;
    display: flex;
    height: max-content;
}

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

#filters.dtp #hselectors {
    width: max-content;
}

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

.h38v.dtp {
    height: 2.8vh !important;
}

.h38v.mobls {
    height: 100%;
}

.p_butt:hover .p_butt.div {
    color: gray !important;
}

button:enabled:active {
    text-shadow: 0 0 2px #fff;

}

button:enabled:hover c_whiteb {
    color: #e2e6ea !important
}

button:enabled:active i {
    text-shadow: none !important;
}

.list_hold {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
}

g.bellic {
    width: 3vh;
    height: 100%;
}

.fday {
    padding: 0 .5vw;
}

.fstat button.button.txt.mnfact {
    transform: scale(1.1);
    box-shadow: none;
    color: yellow;
    text-shadow: 0 0 2px black;
    outline: none;
    font-weight: bold;
    font-size: 100%;
    z-index: 100;
}

.viewacc.dtp {
    display: none;
}

.freigh_date {
    text-align: center;
    background: blue;
    height: 100%;
    align-items: center;
}

.fhour {
    font-size: 55%;
}

svg.dtp {
    height: 3vh;
    width: 4vh;
}

.analytics_box {
    width: 20vw;
    padding: 1vh;
    border: 1px solid #009aaaab;
}

padding
.vis-item-content {
    color: #fff;
    box-shadow: 1px 5px 5px 1px #00000047;
    text-shadow: 0px 0px 3px #000;
    font-weight: 800;
}

.an_num {
    margin: 0 0 0 auto;
}

.analytics_row {
    margin-top: 1vh;
    margin-bottom: 1vh;
    border-bottom: 1px dotted black;
    display: flex;
}

#analytics_cont {
    position: fixed;
    left: 23%;
    top: 12%;
    width: 66%;
    height: max-content;
    background: #b9b9b9;
    z-index: 999999;
    padding: 1vh;
}

.analytics_box_title {
    width: 100%;
    height: 4vh;
    color: #000;
}

.w4analytics {
    width: 35%;
    height: 3vw;
    display: flex;
    align-items: center;
    position: absolute;
    right: .5vw;
    padding-left: 1vh;
}
#analytics_cont .ion-close-circled {
    font-size: calc(.7vmax + 1.5vmin);
}

#analytics_cont .close_button:hover .ion-close-circled {
    color: yellow;
}

.close_button {
    position: absolute;
    right: 0;
    top: 0;
    color: red !important;
}

.vis-panel.vis-center {
    background-color: rgb(59 163 251);
    border-top: 2px solid rgb(151 70 70) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 3px solid snow !important;
}

.vis-panel.vis-bottom {
    background: #bbb;
}

.vis-timeline {
    border-top-color: #8a8a8a;
    border-top-width: 2px;
}

#timeline .tl_login {
    background: rgb(82 212 241);
    border-radius: 50%;
    font-size: 8px;
    line-height: 1;
    padding: 0;
    box-shadow: inset 0 3px 2px #000;
    color: rgb(255 0 210);
}

#timeline .tl_freight {
    font-size: calc(0.3vmax + .9vmin);
    line-height: 1;
    box-shadow: 0 0.4vh 1ch -2px #2c2c2c, inset 0 0.5vh 0.3vh #6dc8ff;
    background-color: rgb(0 187 229) !important;
    border: 1px solid rgb(90 59 98 / 34%) !important;
    font-weight: 100;
    font-family: "Ubuntu Condensed" !important;
}

#timeline {
    background-color: #a1a4a6;
    height: max-content;
}

.w4analytics .icon_button {
    width: 4vw;
    margin-left: 0;
    padding-left: 0;
    height: 100%;
    color: #03658c;
}

.icon_button button:disabled {
    color: #d7cdcd !important;
    cursor: not-allowed;
}

.list_holder .waiterimg {
    height: 5vh !important;
    background-color: #f36802c4;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 4vw;
}
.w4analytics .online_ind {
    background: #00ff753d;
    font-size: 1vw;
    padding: 0px 1vw;
    text-align: center;
    color: #c16060 !important;
    position: absolute;
    right: 1vw;
    border-radius: 0 1vh 1vh 0;
    text-shadow: 0 0 1px #000000;
}
.w4analytics .bordered {
    border: 1px solid #fff;
}

.w4analytics .icon_button button {
    text-shadow: 0px 0px 1px #06f9e2;
    color: inherit;
    border: none;
    width: 100%;
}

.w4analytics button:enabled:hover {
    color: #dfdf3f;
    cursor: pointer;
    text-shadow: 0 0 1px #000;
}

.w4analytics button i {
    cursor: pointer;
    margin-right: 0.5vw;
    padding-left: .5vw;
    width: 100%;
    font-size: calc(1vmax + 2vmin);
    color: inherit;
    cursor: inherit;
}

svg.mobls {
    height: 5vh;
    width: 5vh;
}

.w5 {
    width: 6%;
    margin-left: 1vw;
    margin-right: 1vw;
}

.w10 {
    width: 6% !important;
}

.w80 {
    width: 80%;
}

.w70 {
    width: 62%;
}

.w100 {
    width: 100%;
}

.butdiv_v img {
    height: 75%;
    width: auto;
}

.shifup {
    position: absolute;
    left: 98%;
    width: 40% !important;
    border-top-style: solid;
}

.alphcont {
    width: max-content;
    max-width: 100%;
    min-width: 60%;
    margin: 0 auto;
}

.alphcont.mobls {
    height: 7vh;
}

.alphcont.dtp {
    height: 3vh;
}

.alphcont button {
    height: 100% !important;
}

.index_cont {
    min-width: 2.5vw;
    border-color: #fff;
    background-color: transparent;
    width: 4vw;
    margin-left: -1.8vw;
}

.index_cont.first {
    margin-left: 3vw;
}

.index_cont:hover .hovr {
    background-color: #8c8c8c;
    transform: scale(1.3);
    cursor: pointer;
}

.hovr.ind_slct {
    background-color: #8c8c8c !important;
    transform: scale(1.3);
}

.hovr.ind_slct button {
    color: #5ef05e !important;
}

.letter_sel {
    background-color: #8c8c8c;
    transform: scale(1.3);
    cursor: pointer;
}

.index_cont:hover button {
    color: yellow;
}

.ind_border, .ind_letter, .shifup {
    border-width: 1px;
    border-color: inherit;
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    background-color: #cacaca;
}

.ind_border.left1 {
    border-bottom-style: none;
    border-bottom-right-radius: 50%;
    background-color: transparent !important;
}

.ind_border.right1 {
    border-top-style: solid;
}

.ind_letter {
    border-top-left-radius: 33%;
    width: 60% !important;
    border-top-style: solid;
    box-shadow: inset 1vh 0 .3vw -3px #ffffff45;
}

.ind_letter button {
    color: white;
    text-shadow: 0 0 6px #00000063;
}

.noptb tbody tr td {
    background-color: #fff;
}

input[type=text]:disabled {
    opacity: .5 !important;
}

.w2 {
    width: 26% !important;
    text-align: left !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.w2.dtp {
    font-size: 1vw;
}

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

.w1, .w2, .w3, .w4, .w5, .w6 {
    display: flex;
    align-items: center;
    height: 100%;
}

.w4 button:hover div, .w5 button:hover div, .w6 button:hover div {
    color: #db863b !important;
}

button:disabled {
    cursor: not-allowed !important;
    opacity: .4;
}

button:disabled i {
    color: white !important;
}

.w1 {
    width: 25% !important;
}

.group_tr button:disabled {
    cursor: not-allowed;
}

.w4 {
    width: 15% !important;
    display: flex;
    padding: 0 1vw;
}

.cnt_button:disabled {
    opacity: 0;
    cursor: unset;
}

.menubutt1 {

}


div#ens_carriers_input_form {
    width: 30vw;
}

input[type="text"]:focus-visible {
    border: 1px solid #e811114f;
    box-shadow: none;
    outline: none;
    background: inherit;
}

th.w18 {
    min-width: max-content !important;
    display: block;
}

table.profed td {
    background-color: transparent !important;
}

.intable_buttons_bar2 {
    position: relative;
    width: min-content;
    margin: 0 2vw 0 auto;
}

.w80nomob.mobls {
    display: none !important;
}

.w80nomob.dtp {
    width: 80% !important;
}

td.w18 {
    width: 25%;
}

div.w18 {
    width: 35%;
    margin-right: .5vw;
    text-align: right;
    display: inline-block;
}

.ndn {
    width: 60vw !important;
    height: 1.5vh;
    /* width: 50%; */
    position: relative;
    border-bottom: 1px solid #0000001f;
    margin: 0 0 0 0vw;
}
.with_bill {

}

.actv {
    transition: all .15s ease-in;
    font-size: 1.75vw !important;
    text-shadow: none;
    height: 2.5vw;
}


.b_transp {
    background-color: transparent !important;
}

.b_active {
    background-color: orangered !important;
}

.b_orange {
    background-color: orange !important;
    border-radius: 150% !important;
}

.closebutton2 {
    position: absolute;
    padding: 0.2vh 0.4vw;
    top: 0;
    width: max-content;
    height: 2vw;
    font-size: calc(1vmax + 1.7vmin);
    color: #f7f7fd9e;
    text-shadow: 1px 1px 1px black;
    right: 0;
    background-color: transparent;
    border: none;
}

button.close_btn {
    width: 10vh;
    height: 10vh;
}

i.close_btn {
    font-size: calc(.8vmax + 2vmin);
    border: 2px solid red;
    padding: 1vh 1vw;
    border-radius: 50%;
    background: #9d2d2d;
    box-shadow: inset 0 1.4vh 1.1vh .6vh #6a0606;
}

.pdf_close,
.close_but {
    /* position: absolute; */
    float: right;
    color: red;
    border: none;
    background-color: transparent !important;
    box-shadow: none !important;
}

.pdf_close i,
.close_but i {
    font-size: 1.5vw;
}


.fakehide {
    position: fixed !important;
    left: 100% !important;
}

.ontop {
    z-index: 10000 !important;
}

.email_share {
    width: 5vw;
    height: 9vh;
    margin: 0 auto;
}

.fbs a, twitter_share a {
    width: 100%;
    display: block;
    height: 100%;
}

.email_share button {
    background-image: url('/extern/imgs/share_email.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    display: block;
    height: 100%;
}

.intable_back_butt {

}

.inlog {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.ontop table tr:first-child th,
div.ontop {
    /*   background-color: #2486acd1 !important;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;

     */
}


#cmessage h2 {
    margin: 0 auto;
    padding: 0;
}

element {
    /* position: fixed; */
    bottom: 5%;
    width: max-content;
    margin: 0 auto;
}


.mouth {
    width: 50%;
    border: 1px solid #000;
    margin: 10% auto;
    border-bottom-left-radius: 47%;
    height: 17%;
    border-bottom-right-radius: 103%;
    background: #fff;
}

.xml {
    margin-left: -4vw;
    background-color: #00000020 !important;
    opacity: .4;
}

.sh_row.log button {
    height: 7vh;
    width: 95%;
    color: white;
    font-weight: bolder;
}

.ssc {
    display: flex;
}

.sic {
    padding: 0 1vh;
    font-size: calc(1.3vmin + .7vmax);
}

.sign {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #0009;
    height: max-content;
    z-index: 99999999;
    color: #1bff9f;
    padding: 1vh;
}

.scaled {
    transform: scale(1.9);
}

.whistle {
    width: 14% !important;
    height: 14% !important;
    border-radius: 0px 0px 103% 47% !important;
    margin-left: 10vh;
    background: black none repeat scroll 0% 0%;
    border: 3px solid red;
}

.nutki {
    background-image: url(/extern/imgs/nutki.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1vh;
    position: absolute;
    bottom: 72%;
    width: 8vw;
    height: 6vw;
    left: 95%;
    transform: rotate3d(4, -9, -3, 28.8deg);
}

.parasolka {
    background-image: url(/extern/imgs/umbrella.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1vh;
    position: absolute;
    bottom: 55%;
    width: 13vw;
    height: 13vw;
    left: -28%;
    z-index: 20;
}

.fall_on_right {
    transform: rotateZ(90deg) !important;
}

.fall_on_head {
    transform: rotateZ(180deg) !important;

}

.rotl {
    transform: rotateZ(10deg) !important;
    transition: transform 1s !important;
}

.rotr {
    transform: rotateZ(-10deg) !important;
    transition: transform 1s !important;
}

.creature {
    position: fixed;
    bottom: 0vw;
    left: 14%;
    aspect-ratio: 1;
    height: calc(3vw + 6vh);
    background: blue;
    border-radius: 50% 50% 0 0;
    box-shadow: inset 0 1vh 3vh #007afd;
    z-index: 999999;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .3s;
    box-shadow: inset 0 0vh 1vh 22px #000eb7, inset -32px -3vh 3vh 6px #001de9, -1vw 1vh 8px 6px #8687874a;
}

.popup_handler .hnav {
    width: 5vw;
}

.bg_beige {
    background-color: beige !important;
}

.eyes {
    width: 80%;
    text-align: center;
    height: 33%;
    display: flex;
    align-items: center;
    margin: 13% auto;
    transition: all .1s;
}

#yesnet, #nonet {
    position: fixed;
    bottom: 45vh;
    width: 100vw;
    height: 7vh;
    background: #000000d9;
    left: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 1vh 1vh 0px #00000094;
}

#yesnet div, #nonet div {
    margin: 0 auto;
    font-size: 4vh
}

.addclinfo {

}

.addclinfo button {
    color: red;
    background: white;
    padding: 1vh;
    border-radius: 5px;
    box-shadow: 0 3px 1vh -5px #000;
    margin: 1vh;
}

.addclinfo div {
    width: max-content;
    margin: 0 auto;
    display: flex;
    align-items: baseline;
    padding-top: 5vh;
}

.eye {
    aspect-ratio: 4/3;
    background: #fcdbdb;
    display: inline-block;
    margin: .2vw;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: 1px solid black;
    height: 90%;
    width: 50%;
    box-shadow: inset 0 0 1vh 0px #040404;
}

.ball {
    width: 18%;
    aspect-ratio: 1;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border-color: #000;
    border-style: solid;
    /* border-width: calc(.2vw + .4vh); */
}

.hbarin button {
    margin: 0 auto !important;
}

.intdup {
    position: absolute;
    left: 0;
    top: .5vh;
    font-size: 5vh;
    color: #888;
}

.files_container.stage_0 {
    border-top-color: transparent !important;
}

/*
div#files_list {
    min-height: 50vh;
    padding-bottom: 5vh;
}
*/
div#files_list, div#users_cont {
    width: 100%;
    height: 0;
    z-index: 10;
    overflow: visible;
    position: absolute;
}

div#users_cont #hmrc_div {
    height: max-content;
    top: 2vh;
    border: 1px solid #c0c0c0;
    overflow: hidden;
    left: 0 !important;
    right: 0 !important;
    margin: 20vh auto 0 auto !important;
    background: #ffffff !important;
}

div#users_cont #hmrc_div .popup_cont,
div#users_cont #hmrc_div #gmr2 {
    display: none;
}


.w11vw {
    width: 11vw !important;
}

.del img {
    width: auto;
    max-height: 100% !important;
    height: 95%;
}

.drag_handle i {

}

.del img {
    margin: 0 !important;
}
#subcontainer.brite {
    box-shadow: 0 1vh 1vh -1vh #000, inset .41vh 0vh 1vh -6px #fff;
    background: #ededed;
}
#sub input {
}

#subject {
    border: none;
    background: url('/extern/imgs/edit.png') no-repeat right #e5e2e2;
    width: 89% !important;
    padding: 1vh 1vw;
    border-radius: .5vh;
}

#subject:active {
    background-color: #9f9f9f;
}

.txt_cont {
    position: relative;
    width: 100%;
    height: 80%;
    border: none;
    background: none;
    height: 68%;
}

.norot {

}

.email_cap div {
    overflow: hidden;
    display: flex;
    text-overflow: ellipsis;
    height: max-content;
}


.inec input[type='checkbox'] {

}


.email_cap div i {

    color: #08956d;
    margin: 0 1vh;
}

#mailer_div.dtp #txtar {
    font-size: 2vh;
}

#mailer_div.dtp input#subject {

}

#mailer_div.mobls #txtar {
    font-size: 3vh;
}

#txtar {
    white-space: pre-line;
    width: 100%;
    position: absolute;
    top: 0;
    min-height: 50px;
    height: 100%;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    z-index: inherit;
    border: none;
    padding: 1vh;
    background: #fff;
    color: #333;
}

.ind_nact {
    color: #e88282;
    background-color: #ff000030 !important;
}

.ind_act {
    color: #00ff00;
    background-color: #016a0182 !important;
}

.log_err_date {
    display: inline-flex;
    font-size: 90%;
    color: #cf0000;
    font-weight: bold;
    font-family: Ubuntu Mono;
    margin-right: 1vw;
}

.adminfo {
    display: none;
}

#loadwin {
    position: fixed;
    top: 0;
    height: max-content;
    color: #fff;
    z-index: 100000;
    max-height: calc(10vw);
    box-shadow: 1vh .4vw .5vh #1616195c;
    text-shadow: 1px 1px 1px #000;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.innerflex {
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}

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

.info_text p,
.max_content {
    width: max-content;
}

#loadwin {
    bottom: 1vh;
    background-color: #007bff;
    padding: 0;
    width: 100%;
}

.mailing .toolbar {
    position: absolute !important;
    bottom: 1%;
    width: 100%;
    text-align: center !important;
    height: max-content;
}

#upinfotext .ion-ios-trash {
    color: red;
}

#upinfotext .ion-clipboard {
    color: #7174aa;
}

#upinfotext .ion-android-checkmark-circle {
    color: green;
}

#log_list {
    left: 23%;
    width: 76%;
}

div#mailer_div {
    width: 55%;
    height: 65%;
    z-index: 9999999;
    left: 23vw;
    top: 10vh;
    box-shadow: 0 1vh 1.51vh -2px #00000080;
    border: none;
    position: absolute;
}

.mailing {
    font-weight: lighter;
    font-size: 75%;
    height: 100%;
    width: 100%;
}

a .button {
    font-size: 78%;
}

.ion-android-arrow-dropdown {
    font-size: 1.4vw;
}

.top_panel button {
    padding: .5vh 1vw;
}

.vmenu_butt_2l {
    width: 100% !important;
    border: none;
    background-color: transparent;
    font-size: calc(.5vmax + 1vmin);
    text-align: left;
    padding: .5vh 1vw;
    margin: 0;
    color: #212529 !important;
}

.vmenu_butt_2 {
    width: 100%;
    border: none;
    background-color: transparent;
    font-size: 1vw;
    text-align: left;
    padding: 0.5vh 1vw 0 .5vw;
    margin: 0;
    color: #212529 !important;
}

.upact, .vmenu_butt_2l:enabled:hover, .vmenu_butt_2:enabled:hover {
    background-color: #007bff !important;
    color: white !important;
    box-shadow: inset 0 2px 3px #0003, inset -3px 0 3px -2px #ffffff5e, inset 3px 0 3px -3px #ffffff5e;
}

.search_container {
    width: 10vw;
    height: 100%;
    display: flex;
    align-items: center;
}

#months,
#years {
    appearance: auto !important;
}

#privs {
    font-size: 2.5vh;
    background: transparent;
    border: none;
}

.folders_header {
    display: flex;
    height: 10%;
}

.transitional {
    transition: all .2s;
}

.month_pick,
.year_pick,
.priv_pick {
    border-radius: 4px;
    display: flex;
    padding: 0 1vw;
    align-items: center;
    width: max-content;
}

.month_pick,
.year_pick {
    margin: 4vh 1vw;
}

.to_reveal_m,
.to_reveal_y {
    display: none !important;
}

.priv_pick {
    margin-left: 1vw;
}

form {
    width: auto;
    display: contents;
}

.doc_img_zoomed {
    width: 100%;
    max-height: initial !important;
}

.gmrcp {
    position: absolute;
}

.group_tr {
    height: max-content;
    padding-bottom: .5vh;
    cursor: zoom-in;
}

#inject {
    width: 50%;
    height: 40%;
    margin-left: 25%;
    margin-top: 0%;
    z-index: 999999;
    position: fixed;
}

#inject .row button {
    margin: 0 auto;
    width: 24%;
    color: red;
}

#inject .row {
    background: yellow;
    width: 100%;
    display: flex;
}

.inject {
    width: 100%;
    height: 80%;
    background: #000;
    color: white;
    text-decoration: none;
    font-size: 2vh;
}

#doc_view i {
    padding: 0;
}

.tdd.state_completed {
    color: green;
    font-size: 1vh;
}

.aa_customer {
    font-size: calc(1vmax + 2vmin);
    font-weight: 700;
    border: 1px solid;
    border-radius: 50%;
    padding: 0 .5vh;
    margin-left: -4vw;
    margin-right: .5vw;
}

.mobicon1.sym {
    margin-left: -2vw;
}

#geting_data_icon,
#busy_text {
    position: fixed;
    right: 4vw;
    border-radius: 38%;
    padding: 1vh;
    font-size: 2vw;
    z-index: 1000000;
    display: flex;
    align-items: center;
}

#geting_data_icon i,
#busy_text i {
    font-size: 4vh;
    color: black;
}

.ion-android-upload {
    margin-right: .5vw;
}

.titline {
    text-align: center;
    margin: 1vh;
    font-size: 2vh;
}


.border_gray {
    border-color: #888 !important;
}

.border_lgray {
    border-color: #e2e6ea !important;
}

.border_red {
    border-color: #dc3545 !important;
}

.border_green {
    border-color: #28a745 !important;
}

#messages .act {
    color: #e6a6d9;
    background-color: transparent;
}

#messages .nact {
    color: inherit;
    opacity: .3;
}

#exec2, #exec3 {
    display: none;
}

table.tfixed {
    table-layout: fixed;

}

.lright .butdiv_v {
    margin-left: auto;
    margin-right: 0;
}

.lleft {
    margin-right: auto;
    margin-left: 0;
}

.alright {
    float: right;
}

.alleft {
    float: left;
}

.alright div {
    float: right;
    padding-right: 1vw;
}

.group_heads_file {
    background-color: #fff;
}

.tdfull div {
}

.mins {
    background-color: #0000 !important;
    width: 2vw;
    font-size: 2vw;
    margin-top: 0 !important;
    margin-bottom: auto !important;
    top: 0;
    height: 100%;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 1px solid;
}

.abs {
    position: absolute;
    padding: 0 !important;
}

.mins0, .mins1 {
    left: 0;
}

.mins1 {
    font-size: 1vw;
    height: 1vw !important;
}

.m0 {
    margin: 0 !important;
}

.mins2, .mins3 {
    font-size: 1.5vw;
}

button span div.upper {
    font-size: .85vw;
}

button span div.lower {
    font-size: .7vw;
}

.butt_inact {
    opacity: 0.5;
    color: #888 !important;
}

.butt_icon_inner i {
    margin-right: .5vw;
}

button span div.upper,
button span div.lower {
    height: 50%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}

.bclose {
    color: #f00 !important;
    width: max-content !important;
    height: max-content !important;
    box-shadow: none !important;
    text-shadow: 0px 0px 1px #fff;
    padding: .1vh !important;
    background-color: transparent !important;
    font-size: 144%;
    opacity: 0.7;
}

.opac0 {
    display: none !important;
}

#exec {
    height: 2em;
    background-color: #777;
    color: #000;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    right: 0;
    border: none;
    display: none;
}

.drag_handle {
    position: absolute;
    padding: 0.2vh 0.4vw;
    top: 0;
    width: max-content;
    height: 2vw;
    font-size: calc(1vmax + 1.7vmin);
    color: #f7f7fd9e;
    text-shadow: 1px 1px 1px black;
    left: 0;
    background-color: transparent;
    border: none;
}

.ln.mobls {
    transform: scale(2);
}

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

.cnt.dtp {
    font-size: 1.1vw;
}

.cnt.mobls {
    font-size: calc(.8vmax + 2vmin);
}
.drag_handle2 {
    top: 0;
    width: 2vw;
    height: 2vw !important;
    font-size: 3vh;
    color: #33d4c7 !important;
    text-shadow: 1px 1px 1px black;
    left: 0;
    background-color: transparent !important;
    border: none;
    text-align: center;
}
#doc_row {
    height: max-content;
    position: relative;
    z-index: 0 !important;
    display: flex;
}

.db7 {
    width: 10vw;
}

.mrow {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #0003;
    padding-top: .5vh;
    display: flex;
    align-items: center;
}

.mrow:enabled:hover {
    border: 1px solid blue;
}

.nowpa {
    color: #343a40;
    font-size: .9vw;
    text-align: left;
    padding: 0 !important;
    width: 100%;
    padding: 1vh !important;
}

.txtleft .btx {
    margin-left: 0;
    margin-bottom: 1vh;
}

.txtleft .btx {
    text-align: left;
}

.fullsize {
    width: 100vw;
    height: max-content;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
}

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

.zoom_el {
    position: fixed;
    left: 0;
    right: 0;
    max-width: 100vw;
    height: auto;
}

.pop_buttons_left button {
    float: left;
    width: 5vw;
}

.pop_buttons_left {
    width: 5vw;
}

.inner-container {

}
div#gmrwaiter {
    width: 100% !important;
    height: 100% !important;
    left: 0;
    background: #004cf7bf;
}
#gmrwaiter img {
    height: 100% !important;
    width: 100%;
    max-height: 100%;
}
.sm {
    position: absolute;
    font-size: 0.8vw;
    top: 50%;
}
.rotated180{
    transform: rotate(180deg);
}
.syncicplace.dtp {
    position: fixed;
    right: 1vw;
    bottom: 3vh;
    z-index: 999999;
    width: max-content;
    transition: all .5s;
}
.bg_red, .bg_susc {
    background-color: #ea0c0c !important;
}

.bg_brown {
    background-color: brown !important;
}

timeline .tl_freight .new, .bg_yellow {
    background-color: #e7ad00 !important;
}

.bg_orangered {
    background-color: orangered !important;
}

.bg_orange {
    background-color: #f0c16c !important;
}

.gmr_gray {
    color: white !important;
    background-color: #888 !important;
    border-color: #888 !important;
    box-shadow: inset 0 .5vh 1vh .1vh #55343480;
}

.gmr_green {
    color: #b4ffca !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    box-shadow: inset 0 .5vh 1vh .1vh #057922;
}

.gmr_red {
    background-color: #fd0018 !important;
    color: #ffb4ca !important;
    border-color: #a43b45 !important;
    box-shadow: inset 0 .5vh 1vh .1vh #55343480;
}

.gmr_orange {
    background-color: orange !important;
    color: #ffb4ca !important;
    border-color: #a43b45 !important;
    box-shadow: inset 0 .5vh 1vh .1vh #55343480;
}

.bg_green {
    background-color: #28a745 !important;
}

.bg_green2 {
    background-color: #47ff4a !important;
}

.tl_freight.arch {
    background-color: rgb(58 162 255) !important;
    color: white !important;
}

.tl_freight.arch {
    color: rgb(62 65 66) !important;
}

.bg_gray {
    background-color: #6c757d !important;
}

.c_lgray {
    color: #e2e6ea !important;
}

.files_list.brite,
.bg_lgray {
    background-color: #e2e6ea !important;
}

.files_list.dark {
    background-color: transparent;
}

.bg_seledin {
    background-color: #46de81 !important
}

.bg_tgray {
    background-color: #d1c5ae9e !important;
    border: none;
}

.bg_transp {
    background-color: transparent !important;
}

.c_transp {
    color: transparent !important;
}

.spacer_arrow i {
    color: #66b366;
}

.register_form {
    position: fixed;
    left: -20vw;
    top: -10vh;
    right: -20vh;
    bottom: -10vh;
    background-color: #13caf7;
    background-image: url(/extern/imgs/gvmslogo1.webp);
    transform: rotateZ(-13deg);
    opacity: .1;
    z-index: 0;
    width: auto;
    height: auto;
}

.bg_dblue {
    background-color: #007bff !important;
}

.bg_blue {
    background-color: #007bff !important;
}

.bh_black {
    background-color: black !important;
}

.bg_sea_blue {
    background-color: #18acd9e0 !important;
}

.bcl {
    color: #19ffbe;
}

.dtcust {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.undereyes {
    height: 50%;
    position: relative;
}

.shames.shame1 {
    left: 0vh;
}

.shames.shame2 {
    right: 0vh;
}

.ion-alert {
    color: red;
    font-size: 3vw;
    border-radius: 100%;
    padding: 1vh;
    padding: 0 1vw;

}

.shames {
    top: -1vh;
    position: absolute;
    background-color: #f00;
    width: 3vh;
    height: 3vh;
    border-radius: 100%;
    box-shadow: inset 0 0 1vh 1.1vh #0024ffb5;
}


.popup_handler2,
.popup_handler {
    position: fixed;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
}

#popup_window {
    position: relative;
    width: 50%;
    background-color: #6c757d;
    border-radius: 7px;
    padding: 1vw 3vw;
    color: #fff;
    text-align: center;
    font-size: 1vw;
    min-height: 10vh;
    box-shadow: 0 1.5vh 1.5vh #827c7c;
    margin: 0 auto;
}

.inner_info {
    background: #fff;
    width: calc(100% - 2vw);
    height: max-content;
    margin-left: 1vw;
    border-radius: 5px;
}

.inner_info div {
    margin: 0 auto;
    padding: 1.4vh .5vw 2.2vh .5vw;
}

#sharess {
    position: fixed;
    z-index: 1000000;
    left: 21%;
    top: 60%;
    width: max-content;
    background: #888;
    padding: 2vw;
    border-radius: .5vh;
    box-shadow: 0 1vh 1vh #0004;
}

.ufact {
    background-color: #00cbf93d !important;
    text-shadow: 0 0 1px #000000;
    transition: all .2s;
}

.hsel_addon.dark {
    background: #454545;
}

.hsel_addon, .fr_box {
    margin: 2vh .1vw;
    transition: all .3s;
}

.mfact {
    opacity: 0.5;
    color: white !important;
}

.c_lime {
    color: lime !important;
}

.pb_icon {
    width: 20%;
    font-size: 1.5rem;
    border: none;
    padding: .4vmin;
}

.ac_yellow,
.c_yellow,
.c_syellow {
    color: #ffc107 !important;
}

.top_panel button:hover {
    color: #b4b3b3 !important;
}

.c_inherit {
    color: inherit;
}

.list_holder:hover {
    text-shadow: 0 0 2px #27435617;
    font-weight: inherit;
    border: 1px solid #61acebad;
    box-shadow: inset 0 -2.5vh 1.5vh 0.5vh #a9d2f44f;
}


.bg_syellow {
    box-shadow: inset 0 0vh 2vh 1.6vh #3ca3fa;
    background: #ffc10777;
    color: #ffc107;
}

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

#messages span {
    width: max-content;
    color: rgb(251 0 0);
    padding: .5vh .3vw;
    border-radius: .5vh;
    box-shadow: inset 0 -0.9vh 1.2vh #ffffffdd;
    font-weight: bolder;
    background-color: rgb(255 255 255);
    text-shadow: 1px 1px 1px #72724c;
}

#inprogr, #bill, #pending {
    font-size: calc(.5vmax + 1.1vmin);
    white-space: nowrap;;
}

.ion-android-arrow-dropdown {
    margin-left: 1vw;
}


.bg_white {
    background-color: #fff !important;
}

.bg_white_adm {
    background-color: #deaaaa !important;
}

.user_filter:disabled {
    opacity: .4;
}

.newldricon {
    position: absolute;
    top: 0;
    right: 0.3vw;
}

button div#int {
    display: contents;;
}

div.login_form.dtp input#user_pass, div.login_form.dtp input#user_login {
    background-color: white !important;
    font-size: 2vh;
    height: 3.5vh;
    box-sizing: initial;
}

div.login_form.dtp {
    width: max-content;
    margin-left: auto;
    margin-right: 12vw;
    z-index: 1000;
    border: none;
    text-align: center;
    background: transparent;
    margin-top: 9vh;
    font-weight: bold;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill::first-line {
    /*  font-size: 3vw !important;*/
}

.bg_lime {
    background-color: #85c14c;
}

.bg_lblue {
    background-color: #2883fd;
}

.br_lblue {
    border-color: #2883fd !important;
}

.login_form h2 {
    font-weight: inherit;
    color: #587e89;
    background: #8c8c8c8c;
    box-shadow: inset 6vw 0vw 4.5vh 0.5vh #e2faffb5;
    border-radius: .5vh;
    padding: .3vh 1vw .3vh 0;
    text-align: right;
    font-size: 2vh;
    padding-top: 2vh;
}

.h2vw {
    height: 2vw;
    width: 9vw !important;
    text-align: center !important;
    display: flex;
    font-size: .9vw;
    border: none;
    font-weight: lighter !important;
    align-items: center;
    margin-left: -0.5vw;
}

.h2v {
    margin: 0.5vw auto 0 .5vw;
}

.vwh2 {
    height: 2.2vw;
}

.ml1vw {
    margin-left: 1vw;
    font-size: 1.5vw;
}


.toolbox {
    margin: 0 auto;
    text-align: left;
    position: relative;
}

table.toolbox {
    border: 1px solid #0001;
    box-shadow: 0 1vh 1vh -7px #00000038;
    background: transparent;
}

.cls-24 {
    stroke-width: 2px;
    stroke: #ebedf6;
}

.cls-26, .cls-27, .cls-24 {
    stroke-linecap: round;
    stroke-width: .25vh;
    stroke-linejoin: round;
}

.cls-26 {
    stroke: #28a745;
}

.cls-27 {
    stroke: #dc3545;
}

.cls-1, .cls-19, .cls-26, .cls-27 {
    fill: none;
}

.cls-10 {
    fill: none;
    stroke: #1473e6;
    stroke-dasharray: 0.1 4;
    stroke-linecap: round;
    stroke-width: 2px;
}

.cls-11 {
    stroke: rgba(0, 0, 0, 0);
    font-size: 1vh;
    fill: #6f6f6f;
    font-weight: 700;
}

.cls-9 {
    stroke: rgba(0, 0, 0, 0);
    font-size: 1vh;
    fill: #1473e6;
    font-weight: 700;
}

.cls-9y {
    stroke: rgba(0, 0, 0, 0);
    font-size: 1vh;
    font-weight: 700;
    fill: #ffc107;
}

img.locker_blue {
    width: 2vw;
    height: auto;
    position: absolute;
    left: .75vw;
    border-radius: 50%;
    box-shadow: 0px 0vh 2px 4px #00000033;
}

.stts {
    font-size: 1vh;
    text-align: right;
    margin: 0 1vw 0 auto;
    width: max-content !important;
    margin: auto auto 0 auto;
    /* text-shadow: 0 0 3px #ff0000a3; */
    font-weight: bold;
    color: black;
    background-color: #ec2e2e2e !important;
}

.inspbut {
    margin: 0px 0 0 2vw;
    width: max-content;
    max-width: 9vw;
    border-radius: 8px;
    opacity: .7;
    color: black;
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
}

.cls-9b {
    stroke: rgba(0, 0, 0, 0);
    font-size: 1vh;
    font-weight: 700;
    fill: #007bff;
}

.cls-9g {
    stroke: rgba(0, 0, 0, 0);
    font-size: 1vh;
    font-weight: 700;
    fill: #28a745;
}

.cls-19 {
    stroke: #7e84a3;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke-linejoin: round;
}

#st-2 {
    display: none;
}

.list_holder {
    display: flex;
    align-items: center;
    border-radius: 1vh;
    border: 1px solid transparent;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    height: 5vh;
    padding: 0 1vmin;
    box-sizing: border-box;
}

.list_holder.brite {
    background: #fff;

}

.list_holder.dark {
    background: #565656;
}

.inlg i {
    font-size: 3vh;
}

.inlg button {
    font-size: 1.4vh !important;
}

.button.txt.w6 {
    width: max-content;
    margin: 0 0 0 auto !important;
    padding: 0 1vw 0 1vw;
}

.inv_months,
.inv_years {
    position: absolute;
    left: 100%;
    top: -50%;
    padding: 1vh 2vw;
    background: #888;
    border-radius: 1vh;
    color: white;
    line-height: 2;
    z-index: 1111;
    text-align: center;
    font-family: inherit;
    font-size: 1vw;
    font-weight: bold;
    box-shadow: 0 1vh 1vh #0004;
    width: 100%;
}

.inv_months div,
.inv_years div {
    width: 100%;
    text-align: center;
}

.inv_months div:hover,
.inv_years div:hover {
    background: #007bff;
}

.opac {
    display: none;
}

button.deldoc {
    height: 3vh !important;
    width: 2vw !important;
    margin: 0 0 0 auto;
}

.toolbox button, toolbox2 button {
    display: flex;
    align-items: center;
    font-size: calc(.5vmax + .9vmin);
    height: 100%;
}

.onright2 {
    display: flex;
    margin: 0vh 1vh 1vh auto !important;
    height: 3vh;
    width: 56vw;
}

.onright3 {
    width: 55vw;
    margin-right: 2vh !important;
    height: 4vh !important;
    display: flex;
    margin: 0 2vh 0 auto;
}

.onright.cinfo button {
    width: 12vw;
}

.toolbox2 button {
    width: 100%;
}

.aside_left div {
    width: 100%;
}

.aside_left .butdiv_v {
    height: 4vh !important;
}

.toolbox_button i {
    margin-left: 1vw;
    font-size: inherit
}

.vmenu_l butt on {
    font-size: 2vw;
}

.toolbox tr:first-child th:first-child th:last-child {
    border: none;
}

#close_preview {

}

#add_seller {
    position: absolute;
    padding: 1vw;
    border-radius: .5vh;
    box-shadow: 0 .5vw 1.1vw -.5vw;
    width: min-content;
    z-index: 1;
}

body::-webkit-scrollbar {
    width: 12px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
    background: orange; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: blue; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 3px solid orange; /* creates padding around scroll thumb */
}

#add_seller label {
    margin-top: .3vw;
    font-size: .7vw;
    display: block;
}

select.role,
select.roleu {
    font-size: 2.4vh;
    border: none !important;
    background: transparent;
    -webkit-appearance: initial;
    width: 100%;
    margin-left: -5px;
    padding: .5vh;
}

.noshadow {
    box-shadow: none;
}

.loc_del i {
    font-size: 160%;
}

.loc_del {
    font-size: 3vh;
    width: min-content;
    border-radius: .5vh;
    margin-left: .5vh;
    box-shadow: 0 .3vh .5vh #aaa;
    padding: 0.5vh 1vh;
    margin-right: 1vw;
}

.circle.gmr_green.ion-ios-flag {
    font-size: 3vh;
    text-shadow: 0 1px 1px #0000008c;
}

.loc_emp {
    padding: 1vh;
    height: 5vh;
    width: max-content;
    display: flex;
    font-size: 1.9vh;
    align-self: end;
    font-family: inherit;
    align-items: end;
    margin: 0 0 0 1vw;
}

.tdd2 {
    height: 100%;
}

.tdd2 img {
    max-width: 65%;
}

.tdd {
    font-size: 2vh !important;
}

.loc_del:disabled i,
.loc_del:disabled {
    color: #d3d1d1 !important;
}

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

.lab_ic {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.bxs_red {
    box-shadow: 0 0 .5vh .5vh #f00000;
}

.bxs_yellow {
    box-shadow: 0 0 .5vh .5vh #fce000;
}

.bxs_blue {
    box-shadow: 0 0 .5vh .5vh #00e000;
}

#set_config_table {
    table-layout: fixed;
}

.lab {
    width: max-content;
    margin: 0 1vw;
    height: 100%;
}

.h80 {
    height: 80% !important;
}

.trow {
    font-size: 2vh;
    align-items: center;
    color: #888;
    border-radius: 1vh;
    display: flex;
    width: 100%;
    padding-top: .5vh;
}

#set_config_table th:first-of-type {
    width: 5%;
}

#set_config_table th:nth-of-type(2),
#set_config_table th:nth-of-type(3) {
    width: 35%;
}

#set_config_table th:nth-of-type(4) {
    width: 25%;
}

#set_config_table th {
    background-color: #aaa;
    padding: 0 1vh;
    text-align: center;
}


#add_seller input {
    background-color: transparent;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: .3vw;
}

#add_seller button {
    margin-left: 1vw;
}

.edit_seller {
    display: inline-flex;
    align-items: end;
    margin-bottom: 1vw;
}

td.sellers {
    border-bottom: 1px solid #aaa;
}

/*
.toolbar button {
    width: 100%;
    margin: 0 auto;
}

 */
.stat_row {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    height: max-content;
    border-bottom: 1px solid #9999;
    padding: 1%;
    box-sizing: border-box;
    position: relative;
}

.mob_menu_item:hover {
    background-color: #aaa;
}

#adm_butt .inspbut {
    margin: 0 -2vw 0 auto;
    width: max-content;
}

.barcreator {
    margin: 0 auto;
    width: 34%;
    height: 100%;
    display: flex;
}

.barcreator {
    margin: 0 0 0 2vw;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}

.cg {
    font-size: 8vh !important;
    color: green;
    cursor: pointer;
}

input#subj_agency_confirm {
    width: 100%;
}

.hmenu_in div.cnt,
.margins_center {
    margin: 0 auto;
}

.barcode {
    width: 100%;
    height: 90%;
}

.barcode div {
    height: 100% !important;
}

.barcode i {
    font-size: 5vh;
}

.user_info input {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hmenu_in #adm_button {
    display: flex;
    width: 100%;
    font-size: 114%;
    text-align: center;
    align-items: center;
}

.vcenter {
    align-items: center;
}

.hcenter {
    margin: 0 auto;;
}

.wmax {
    width: 100%;

}

a#ldrtempl {
    text-decoration: none;
    display: contents;
}

.flex {
    display: flex;
}

#lang_button div.dtp {
    border-top-right-radius: 1vh;
    margin: 0 1vh;
}

#users_list {
    margin: 0;
    /* box-shadow: 0 4vh 1vh -2.5vh #c9c9c95e;*/
    background-color: transparent;
    border-color: transparent;
    height: auto;
    border-collapse: separate;
    padding-bottom: 5vh;
}

#users_lit tr:hover {
    transform: scale(1.3);
    transition: all .2s;
    opacity: 1;
}

.button.txt {
    width: 6vw;
}

.dir_info {
    display: inline-block;
    margin: 0 1vw 0 1vw;
    height: max-content;
    overflow: hidden;
    text-align: center;
}

.s_row {
    position: absolute;
    left: 0;
    bottom: 11vw;
    width: 100%;
}

.hspacer {
    padding: 1vw;
    background-color: #0000 !important;
}

.zen {
    height: 1vw !important;
    min-width: 2vw !important;
    min-height: 2vw !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

tr.users td {
    border: none;
    width: 100%;
    align-items: center;
}


#users_list td.padded {
    padding: 1vh 0;
}

.ic_toggler.mobls {
    display: none;
}

.togglers {
    transition: all .2s;
    font-size: calc(.4vmax + .8vmin);
}

.ic_toggler {
    width: 2vw !important;
    border: none;
    display: flex;
    align-content: center;
    margin: 0;
}

.ic_toggler i.dtp {
    font-size: calc(.7vmax + 1.5vmin) !important;
}

.ic_toggler i.mobls {
    font-size: calc(1.7vmax + 3vmin) !important;
}

.ic_toggler i {
    color: #b9b9b9;
    text-shadow: 0px 0 1px #000;
    padding: 0;
    height: max-content;
    transform: rotateZ(90deg);
}

.nopadding {
    padding-left: 0 !important;
}

.toolbox tr:first-child th:first-child,
.toolbox tr:first-child td:first-child {
    border-top-left-radius: 5px;
    border: none;
}

.toolbox tr:first-child th:last-child,
.toolbox tr:first-child td:last-child {
    border-top-right-radius: 5px;
}


.handler {
    margin: 3px 0px 0px 5px;
}

.ttip {
    width: 100%;
    height: 100%;
    display: list-item;
    margin: 0;
    padding: 0;
}

.toolbox tr:last-child th:first-child,
.toolbox tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.captions td {
    padding-top: 2vh;
}

.w50 {
    width: 50%;
}

.simple_list {
    display: flex;
    align-items: center;
    color: #aaa;
    width: 65vh;
    background: #fff;
    padding: 1vh 0vw 1vh 1vw;
    margin: 0 1vw 1px 1vw;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.f5i {
    width: 11vw;
    text-align: center;
    margin: 0 0 auto auto;
    height: 100%;
}

.simple_list a {
    text-decoration: none;
}

.simple_list i {
    margin-right: 0.6vw;
}

div {
    pointer-events: all;
}

.packet button {
    width: max-content;
    height: max-content;
    padding: 0;
    margin: 0 auto;
}

.simple_list i.act:hover {
    cursor: pointer;
    background-color: #79ffc0;
    border-radius: 5px;
}

.c_white,
.c_whiteb {
    color: white;
}

.c_white_strong {
    color: white !important;
}

.c_mybluesky {
    color: #587f83;
}

#doc_div {
    position: absolute;
    top: 22%;
    right: 0;
    background-color: #aaa;
    border-radius: 5px;
    box-shadow: 4px 4px 3px #0000009c;
    width: 30%;
}

.exp1 {
    font-size: calc(.8vmax + 1.5vmin);
    margin-left: 1vw;
}

.info_box {
    display: grid;
}

.info_box .desc {
    color: #007bff;
    border: 1px solid;
    text-align: center;
    font-size: 1vw;
    border-radius: 5px;
    width: 5vw;
    display: grid;
    align-items: center;
    padding: .3vw .4vw;
}

.infofr {
    background-color: transparent;
    height: 100%;
    display: grid;
    align-content: center;
    text-align: center;
    padding: 0 1vw;
}

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

/*
.exp1:hover {
    box-shadow: inset 0 0 1.7vh 1.5vh #e65555;
    background-color: #55d2e6;
}
*/
.packet_ren {
    top: 4vh;
    color: green;
    font-size: 1.4vw;
}

.packet_del,
.packet_ren {
    display: flex;
    position: absolute;
    right: -2vw;
    height: 4vh;
    align-items: center;
    width: 1.5vw;
}

.packet_del {
    top: 0;
    color: #ff000069;
    font-size: 1.2vw;
}


.packet_del:hover,
.packet_ren:hover {
    color: red;
    border: none !important;
    cursor: pointer;
}

button:enabled div {
    cursor: pointer;
}

button:enabled:hover {
    color: #d0d8d0;
    cursor: pointer;
}

button.txt:enabled:hover {
    cursor: pointer;
    box-shadow: inset 0 0 1vw 1vw #ffffff70;
}

button.mfact:enabled:hover {
    color: black !important;
}

.so_list:first-child {
    font-size: 73%;
    padding-left: 1%;
}

.clearfield:hover {
    background: transparent !important;
}

.clearfield:hover i {
    font-weight: bolder;
}

.so_list {
    height: 50%;
    border-top: 1px solid #c7c0c0b0;
}

tr.nldr.brite {
    color: #00000054 !important;
}

tr.nldr.dark {
    color: #e1a0a0bf !important;
}

tr.bh_nice button {
    padding: initial;
}

tr.so_list th:first-child {
    border-top-left-radius: 5px;
}

tr.so_list th:last-child {
    border-top-right-radius: 5px;
}

.maxw {
    text-align: left;
    padding-left: 1vw;
}

.hmax_contents {
    height: max-content;
}

.txt_center {
    text-align: center;
}

.fs_1_3vh {
    font-size: 1.3vh !important;
}

.minw {
    width: 0;
    padding-left: 1vw;
    padding-right: 1vw;
}

.smaller {
    width: min-content;
    font-size: 85% !important;
}

.smaller2 {
    width: 100%;
    font-size: 85% !important;
    opacity: .5;
}

.so_head {
    background-color: transparent;
    text-align: left;
    width: 100%;
    height: 10%;
    font-size: 1vw;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 0;
}

.so_head div {
    align-self: center;
    display: grid;
    align-items: last baseline;
    padding: 0px 1vh 0 0;
    height: 100%;
}

.m1 {
    font-size: 2vh;
    font-weight: bolder;
    color: red;
}

div.span4 span {
    position: relative;
}

div.span4 span:nth-child(1) {
    left: 2%;
}

div.span4 span:nth-child(2) {
    left: 7%;
}

div.span4 span:nth-child(3) {
    left: 50%;
}

div.span4 span:nth-child(4) {
    left: 55%;
}

.transport {
    background-color: transparent;
    border-color: transparent;
}

.popup_close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 3vh;
}

.hnav .butdiv_v {
    position: absolute;
    height: 2vw;
    bottom: 0;
}

.help_cont {
    position: absolute;
    width: max-content;
    padding: 2vw;
    border-radius: 15px;
    z-index: 10000;
    border: 1px solid #000a;
    top: 0;
    left: 120%;
    text-align: initial;
    height: max-content;
    background: #91b7f2;
    color: #393636;
    box-shadow: 0 1vh 2vh -5px #000;
    min-width: 5vw;
}

.hnav {
    height: 2.5vw;
    width: max-content;
    z-index: 999999;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

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

.pop_but {
    width: 3vw;
    height: 3vh !important;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #aaa;
    border-radius: .5vh;
    padding: 1vh 1vw;
}

.popup_controls,
.help_controls {
    position: relative;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}

#popup_in,
#help_in {
    width: calc(100% - 2px);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 1px;
    height: 15vw;
    box-sizing: border-box;
}

.hdiv {
    display: inline-flex;
    width: 100%;
    margin: 0 auto;
    min-width: 70%;
    height: 2.5vw;
}

#rest_menu {
    background-color: orange;
    border-radius: 5px;
    position: fixed;
    right: 3vw;
    bottom: 38vh;
    z-index: 10000;
    box-shadow: inset -1vw 0 1vw -1vw;
}

.hdiv0 {
    display: flex;
    align-items: baseline;
}

.div1 button {
}

.hdiv1 {
    display: inline-flex;
    width: 100%;
    align-items: center;
    background-color: #ffcb004f;
    padding-left: 1vw;
    height: 100%;
    box-shadow: -.1vw 0 .2vw #aaa;
    padding-right: 1vw;
}

.hdiv2 {
    display: inline-flex;
    width: 100%;
    align-items: center;
    /* margin-left: -1vw; */
}

.hdiv3 {
    padding: 0 1vw;
    box-shadow: 0.1vw 0 .1vw #aaaa;
    margin-right: 0px;
}

.vmenu_spacer {
    height: 3vh;
    /* background-color: #396d44; */
}

div.hmenu {
    width: 100%;
    box-sizing: border-box;
    border-top-right-radius: .5vh;
    position: relative;
    box-shadow: 0 1.5vh 5px -7px #00000045;
    display: flex;
    align-items: unset;
}

div.hmenu.brite {
    background-color: rgba(59, 163, 251, 1);
}

div.hmenu.dark {
    background-color: rgb(17 53 155);
}

div.hmenu.dtp {
    margin-bottom: 2%;
}

.moblsh {
    display: none;
}

.nominw button {
    min-width: 0 !important;
}

.mobicon1 {
    font-size: calc(1.7vmax + 3vmin);
}

div.vmenu_l {
    background-color: transparent;
    border-bottom: 1px solid white;
    border-radius: 5px 0 0 5px;
}

.autom_cont {
    width: max-content;
    height: 4vh;
    margin: 0 auto;
}

.automailer.nosure .autogen_lab {
    color: rgba(128, 128, 128, 0.54) !important;
}

.automailer_off .autogen_lab {
    color: orangered;
}

.automailer_on .autogen_lab {
    color: #047bff;
}

#autom_butt {
    width: 3vw;
    height: 4vh;
    background-repeat: no-repeat;
    background-size: contain;
}

.automailer_off {
    box-shadow: inset 0vh 4vh 6vh -0.2vh #ff00006b !important;
}

.automailer_on #autom_butt,
.sw_on {
    background-image: url(/extern/imgs/automailer_on.webp);
}

.automailer_off #autom_butt,
.sw_off {
    background-image: url(/extern/imgs/automailer_off.webp);
}

.automailer {
    height: max-content;
    border: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    background-color: #0070ff0f;
    border-bottom-left-radius: 5px;
    transition: all ease-in .3s;
    box-shadow: inset -1vh 0 1vh -.2vh #0202022e;
    padding: 2vh 2vh 0 2vh;
}


.side_cont {
    position: fixed;
    top: 2vh;
    left: 11vw;
    width: max-content;
}

.am_flash {
    box-shadow: 0 0 1vh #f007;
    border-color: red;
    transition: all ease-out .3s;
}

.p_but_inside .no_mobile {
    width: calc(8vw - 4px);
    font-size: 106%;
    text-align: left;
}

.vmenu {
    width: 100%;
    height: max-content;
    margin: 0;
    border-top-left-radius: .5vh;
    background-color: #dc3545;
    border-color: transparent !important;
    display: grid;
    padding: 1vh;
}

#side_menu_mob .vmenu {
    width: 100%;
    padding: 1vh 0 !important;
}

.vmenu .butt_cont:first-child {
    margin-bottom: 1vh;
}

.fonthome {
    font-size: 1.3vw !important;
    font-weight: bold;
}

.vmenu button {
    width: 100%;
    border: none !important;
}

.vmenu button:enabled:hover,
.vment .butt_cont:hover,
.vmenu button:enabled div:hover {
    color: #ffc107 !important;
    cursor: pointer;
}

#annotations {
    position: fixed;
    width: 40%;
    height: max-content;
    z-index: 10000;
    color: #fff;
    text-align: center;
    left: 30%;
    top: 10%;
    border-radius: .5vh;
    box-shadow: 0 1vh 1vh #0000003d;
}

#inspoff {
    height: max-content;
    position: fixed;
    right: 10%;
    bottom: 10%;
}

#annotations h2 {
    margin: 0 auto;
}

.calendar {
    width: 3vw;
    height: 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;

}

.calendar img {
    height: 100%;
}


.ui-datepicker {
    background-color: #fff !important;
    padding: 1vh;
    border-radius: 10px;
    border: 1px solid #aaa;
}

.ui-datepicker-title {
    width: max-content;
    margin: 1vh auto;
}

#docs_dropdown_c_routes {
    max-height: 28vh;
}

.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all {
    background: yellow;
    padding: 1px;
    border-radius: 5px;
    margin: 0 0 0 auto;
}

.ui-datepicker-next.ui-corner-all {
    float: right;
}

#calendar {
    position: absolute;
    width: 3vw;
    padding: 0;
    height: 3vw;
    margin: 0;
    background: transparent;
    color: transparent;
}

.teta {
    width: 98%;
    min-height: 37vh;
    border: none;
    font-size: 2vh;
    padding: 1vh;
    box-sizing: border-box;
    outline: 1px solid whitesmoke;
}

.toolbar_abs_bottom {
    width: 100% !important;
    display: block !important;
    padding: 1vw;
}

.bicon.mrg {
    width: max-content;
    height: fit-content;
    display: contents;
}

.p_but_inside3 img {
    height: 64%;
    width: auto;
    margin-left: 0.6vw;
}

.btx {
    margin: 0 auto;
    width: max-content;
    max-width: 100%;
}

.vmenu .butt_cont {
    height: max-content;
    width: auto;
}

.flex_mid {
    display: flex;
    align-items: center;
}

.clearfield {
    position: absolute;
    right: 0;
    font-size: 2vh;
    height: 100%;
}

#trans_table_inner {
    height: 87vh;
    overflow-y: auto;
}

.hmenu_in .butt_cont:hover {
    background-color: #ffff0021;
}

.hmenu_in .butt_cont {
    background: transparent;
    border: 1px solid #ffffff42;
    border-style: none;
    width: 100%;
    box-shadow: inset -.1vw 0 .1vh #00000030;
}

.std_hbar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 5vh;
    margin: 1vh 0 2vh 0;
}


.top_panel .butt_cont {
    height: 100%;
}

.vmenu .butt_cont:hover img {
    box-shadow: 9px 0 1vw #ffc10775, inset -10px 0 1vw #ffc10773;
}

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

.popup_upd,
.help_upd {
    height: max-content;
    padding: 05px;
    border-radius: 15px;
    background-color: #0000003d;
    border: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.popup_upd i,
.help_upd i {
    color: red;
}


.center {
    margin: 0 auto !important;
}


.close_view {
    position: absolute;
    right: 5%;
    top: 3%;
    background-color: red;
    border-radius: 1vw;
    padding: .5vh;
    width: 2vw;
    height: 2vw;
    text-align: center;
    font-size: 1.2vw;
}

div.padded.dtp {
    margin: .5vw 0;
}

.filters_toggler {
    background: #d3d3e3;
    padding: .5vh;
    text-align: right;
    display: flex;
}

.filters_toggler div {
    border-bottom: 2px dotted #000;
    width: 100%;
    border-color: #959494;
}


td.flex div.list_holder.wpad {
    padding: 0 1vh;
}

svg.inframe {
    position: absolute;
    overflow: visible;
    width: 184px;
    height: 52px;
    left: 0px;
    top: 0px;
}


.button.txt.ion-android-sunny:hover {
    color: orangered;
}

.b22 {
    margin: 1px 0 0 .50vw !important;
    color: white;
}

.c22 {
    color: #888;
    margin: 0 .8vw 0 .5vw;
}

.row1 {
    display: flex;
    height: 1vh;
}


.psimg2 img {
    width: 90%;
}

.flex3 {
    display: flex;
    align-items: center;
    width: max-content;
    height: 100%;
}

.noshadow {
    box-shadow: none;
}

.l12w {
    left: 1.2vw;
}

.l2vw {
    left: 2vw;
}

.l1vw {
    left: 1vw;
}

.p2vw {
    padding-left: 2vw !important;
}

i.ion-ios-pie-outline.hmenuicon {
    font-size: calc(1.3vmax + 2.1vmin);
}

.p1vw {
    padding-left: 1vw !important;
}

.p05vw {
    padding-left: .5vw !important;
}

.p0 {
    padding: 0 !important;
}

#cmessage h3 {
    margin-top: 0;
}

.butt_cont.srch.dtp.sf {
    margin-left: 1vh;
}

.lng_ic {
    height: 100%;
}

.lng_ic img {
    height: 100%;
}

.psimg img, .psimg3 img {
    height: 100%;
    max-width: 100%;
}

.b1 {
    height: 10%;
    width: 2.5vw;
    margin: 0 .7vw;
    display: flex;
    align-items: center;
}

img.bicon {
    width: 100% !important;
}

.noshadow {
    box-shadow: none !important;
}

.edittop {
    position: absolute;
    bottom: 0;
    font-size: 2vw;
    margin-right: 0;
    /* background: #fff; */
    border-radius: .5vh;
    margin-bottom: .3vw;
}

.b11 {
    height: 100%;
    width: 2vw !important;
    display: flex;
    align-items: center;
    margin: 0.5vh;
    color: white;
}

.b1 i, .b11 i {
    font-size: 2vw;
    margin: 0 auto;
}

/*
.mailing button {
    width: max-content;
    margin: 0 auto 0 3vw !important;
    padding: 1vh 2vw 1vh 1vw !important;
}
*/
.button.icn.txtbut.mbut.bgreen {
    background-color: #157625;
    color: #0f0e0e;
}

.agency_panel_mini {
    color: #888;
}

.downcaption {
    background: #3ba3fb;
    width: min-content;
    height: max-content;
    font-size: 50%;
    font-family: Lato;
    font-weight: bold;
    padding: 0px 1vw;
    border-radius: 3px;
}

.upcaption2 {
    width: 100%;
    height: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.frall {
    padding: 0 1vw;
    border-bottom: 1px solid #c5bcbc;
}

.butt_avatar {
    overflow: hidden;
    width: 2.2vw;
    margin: 0;
}

.menubutt1 {
    width: max-content;
    min-width: 6vw;
    height: 5vh;
    display: flex;
    align-items: center;
}

.menubutt1.dtp {
    margin-right: 0vw;
    margin-left: auto;
}

.menubutt1 img {
    margin: 0 !important;
}

.chooser {
    text-align: center;
    padding-bottom: 20vh;
}

.intable_buttons_bar .butt_avatar {
    width: 6vw !important;
}

.butt_avatar img, .intable_button_bar2 img {
    max-height: 1.4vw !important;
    max-width: 1.4vw;
}

.imgicons {
    height: max-content;
}

.s_butt {
    font-size: 1rem;
    box-shadow: 0vw 1vw 1vw -4px #895f5f1c;
}

.ab1 {
    width: 100%;
    text-align: center;
    font-size: 1.5vw;
}

#bill {
    background-color: #28a745 !important;
}

.dwic:first-of-type {
    margin-right: .5vw;
}


.mess_rep i {
    font-size: 4vh;
}

.mess_rep button:enabled:hover i {
    color: #28a745 !important;;
}

.replytitle {
    min-width: 30vw;
    width: 100%;
    font-size: 1.5vh;
    padding: 0vh;
    box-sizing: border-box;
}

.replyfor {
    font-size: 1.6vh;
    padding: 1vh;
    color: #757474ed;
    border-bottom: 1px solid #bbb;
}

.replycont {
    text-align: center;
    border: none;
    max-height: 10vh;
    overflow: auto;
    padding: 1vh;
    height: max-content;
    display: inline-table;
    border-radius: 5px 5px 0 0;
}

.reply_butt {
    width: max-content;
    margin: 0 auto;
    padding: 1vh 1vw;
    border-radius: .5vh;
}

.reply_butt button {
    color: white;
    padding: .3vh 0.1vw;
    border-radius: .5vh;
    margin: 0 3vw;
    width: 9vh;
    font-size: 1.3vh;
}

#reply_txt {
    width: 100%;
    min-height: 15vh;
    font-size: 2vh;
    min-width: 30vw;
    border: none;
}

.gmr {
    margin: 5vh auto 0;
    display: block;
    height: calc(100% - 10vh);
}

.gmr th {
    width: initial;
}


button.menucal {
    height: 5vh !important;
    width: 10vw !important;
    padding: 0 0 0 1vh !important;
    display: flex;
    align-items: center;
}

.navbar .butdiv_v button,
div.c22 {
    min-height: 4vh !important;
    display: flex;
}

.chooser_cap_box {
    border-bottom: 1px dotted;
}

.chooser_cap_box .ln2 {
    font-size: 67%;
    text-align: center;
    color: #979797;
}

.top_panel .butdiv_v {
    padding: 0;
}

select:focus-visible {
    outline: none;
}

.lsi.dtp button.udbt {
    font-size: calc(.4vmax + .8vmin);
}

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

.cinfo .actfilter {
    background: #ffffff;
    color: #0094ff;
    /* text-shadow: 0 0 2px #000; */
    transform: scale(1.2);
    font-weight: bold;
    border-radius: 5px;
    transition: all .15s;
}

button.udbt {
    width: 100%;
    color: #7e84a3;
    padding: .4vh;
    border: 1px solid #7e84a373;
    border-radius: .5vh;
    display: flex;
}

.mrg_right {
    margin: 0 0 0 auto;
}

.mrg {
    height: 85%;
    display: flex;
    align-items: center;
    margin-left: .5vw;
}

#docautosave:disabled {
    opacity: .3;
}

.option_hidden {
    opacity: .5;
}

.srch\.dtp.inlogs {
    height: 5vh;
}

h1.log {
    position: absolute;
    bottom: 0vh;
    font-size: 2.3vh;
    color: orangered;
    right: 1vw;
    text-shadow: 0 0 3px #000;
    font-weight: revert;
}

div.udic {
    height: 100%;
    margin: 0 auto 0 0;
    width: max-content;
}

.udic img {
    height: 100%;
    margin: 0 auto 0 0;
}

.trans_gr {
    background: #fff;
    border-radius: .5vh;
    /* box-shadow: 0 .5vh .5vh #9f9f9f; */
    margin-bottom: 1vh;
    border: 1px dotted white;
}

.trans_gr:hover {
    box-shadow: 0 .5vh .5vh #2e1414;
}

.lang {
    width: 100%;
    border-color: #eee;
    border: 0px dotted #aaa;
    color: #fff;
}

.trans_search, .trans_buttons {
    width: max-content;
    height: 100%;
    display: flex;
    border-radius: 1vh 1vh 0 0;
    align-items: center;
    transition: all .5s ease;
}

.trans_buttons {
    margin: 0 0 0 auto;
}

textarea.intransl {
    margin: 0;
    border: none;
    width: 100%;
    padding: 1vh;
    height: 4vh;
}

.cell:nth-of-type(1) {
    border-radius: 0 0 0 .5vh;
}

.cell:nth-of-type(2) {
    border-radius: 0 0 .5vh 0;
}

.cell {
    display: flex;
    border: none;
    width: 100%;
}


.navbar {
    width: 66%;
    display: flex;
    height: 100%;
    margin: 0 1vh 0 auto;
}

.p_butt:disabled {
    opacity: .5;
}

.search_field {
    width: 100%;
    background-color: transparent;
    margin: 0px;
    padding: 0px 0vw 0px 0vw;
    display: flex;
    align-items: center;
    height: calc(100% - 0px);
    border: none;
    box-sizing: border-box;
    border-radius: 0 5px 0 0;
    margin: 0 auto;
}

.upcap input[type="text"]::placeholder {
    font-size: 1vh !important;

}

.search_field i {
    top: .1vw;
    font-size: 2vw;
    text-shadow: 2px 2px 1px #aaa;
}

.search_field input {
    background-color: #fafafa !important;
    font-size: 1vw;
    margin-right: 0.3vw;
    width: 100%;
    margin-left: 2px;
    border-radius: 5px;
    border: none !important;
}

.mrg1vw {
    margin: 1vw;
}

.icnbig2 {
    font-size: 2vw !important;
}

table .button {
    margin: 0px 4px;
}

.th_nop {
    padding: 0
}

#payBtn, #clBtn {
    height: 9vw;
    font-size: 3vw !important;
    padding: 3vh 9vh !important;
    width: max-content;
    display: flex;
}

#clBtn {
    background-color: orange;
}

#payBtn i,
#clBtn i {
    font-size: 6vw;
    margin: 0 4vw 0 0;
}

.button.icn.txtbut.mbut.borange {
    background-color: orangered;
    color: black;
}

.button.icn.txtbut i {
    text-shadow: 2px 2px 2px #0000006e;
    width: max-content;
}

.txtbut {
    border: 1px solid transparent;
}

/*
.mailing button i {
    margin: 0px 1vw 0 0 !important;
    font-size: 1.5vw;
}
*/

.arch_hidden {
    display: none;
}

.rel2vwr {
    position: relative;
    right: 2vw;
}

.ens_setted .ion-edit {
    position: absolute;
    right: .6vw;
    top: 0vh;
    font-size: calc(.7vmax + 1.5vmin);
    border-radius: 5px;
    background-color: #cdd9e38f;
    height: 100%;
    text-shadow: 0 0 1px #000, 0 0px 1px #000;
    border: 1px dotted;
    color: #00cfff !important;
    width: 1.5vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.ens_selected {
    width: calc(100% - 2vw);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: calc(.7vw + 0.4vh);
    padding-left: .5vw;
}

.ens_setted .ion-edit:hover {
    border: 1px dotted blue;
    color: yellow !important;
    text-shadow: 0 0 2px #000;
}

.info_arch {
    position: absolute;
    right: 10vw;
    top: 0;
    background-color: orange;
    padding: 4px;
    border-radius: 5px;
    box-shadow: 0 3px 3px #aaa;
}

.navbar .butdiv_v {
    margin: 0 0 0 1vw;
    width: 12rem;
}

.sheid {
    margin: 0 7vw 0 auto;
    font-size: .8rem;
}

.c_lightred {
    color: #ff0000a6 !important;
}

.bg_lightred {
    background-color: #ff0000a6 !important;
}

#info_text p:last-of-type {
    font-size: 2vh !important;
    color: rgb(0 255 139) !important;
}

#info_text p:last-of-type span.ininfo {
    display: none;
}

.ensmodal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000bf;
    z-index: 9999;
}

#ensmodal {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#info_text p {
    font-size: 1vh !important;
    width: calc(100% - 2vh);
    border-bottom: 1px dashed #5a5a5a;
    word-break: break-word;
    margin: 1vh;
}

#info_text {
    width: 100%;
    padding: 0 .5vw;
    box-sizing: border-box;
    overflow-x: hidden;
}

#ensmodal2 {
    background-color: #000B;
}

#modal {
    position: fixed;
    width: 10%;
    height: 5%;
    left: 45%;
    bottom: 0;
    z-index: 200003 !important;
    display: flex;
    align-items: center;
    background-color: #58aaff;
    border-radius: 5pt;
}

div.load_holder,
#loading {
    /* background-image: url('/extern/imgs/upload.gif');;*/
    margin: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: saturation;
    background-origin: content-box;
}

#loading {
    height: 3vw;
    width: 3vw;
    padding: .3vw;
}

div.load_holder {
    height: 100%;
    width: auto;
}

button:enabled:hover .c_whiteb {
    color: #e2e6ea !important;
}

.popup_butt, .help_butt {
    background-image: url(/extern/imgs/help.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    background-position: center;
}

.group_tr button {
    font-size: calc(.8vmin + .4vmax) !important;
}

.hidden,
.hidden_nact,
.c_orig,
.hidden_ldr {
    display: none !important;
}

.tsp {
    height: calc(100% - 2px);
    border: 1px solid #ccc;
}

td.tbinp {
    position: relative;
    height: 100%;
}

#popup_constructor, #help_constructor {
    width: 35vw;
    position: fixed;
    z-index: 10001 !important;
    left: 35vw;
    background-color: #aaa;
    border-radius: 5px;
    box-shadow: 0 1vh 1vh #000000a8;
}

.dz_row {
    widgth: 100%;
}

.butdiv {
    width: min-content;
    text-align: center;
    margin: 1.5vw 1vw .5vw 1vw;
}

.butdiv_v i {
    font-size: calc(.6vmax + 1.2vmin);
    margin-left: .3rem;
}


.button.popup_close,
.button.help_close {
    background-color: transparent;
    right: 0;
    top: 2%;
    font-size: 2vw;
    border-radius: .5vh;
}

.button.popup_close:hover,
.button.help_close:hover {
    background: transparent;
    color: orangered;
}

.redirectinfo {
    border: 1px solid red;
    position: fixed;
    left: 40%;
    width: 20%;
    top: 30%;
    text-align: center;
    padding: 5vw;
    border-radius: 1vw;
    background: #575757;
    color: yellow;
    font-size: 1vw;
}

.button.butt_close2.dtp {
    border: none;
    background-color: transparent !important;
    font-size: 2.2vh;
    font-weight: bold;
    width: max-content !important;
}

.textarea_input {
    position: relative;
    top: 0%;
    left: 0%;
    text-align: center;
    bottom: 0;
    height: 100%;
    background-color: #d3d2d2;
    overflow: hidden;
    white-space: pre-wrap;
    border: none;
    width: 100%;
}

div.textarea_input {
    padding: 0;
}

.mess_rep {
    width: 4vw;
}

.info_div_cl {
    transition: all .3s;
    position: absolute;
    border: none;
    left: 16%;
    width: 82%;
    height: 64%;
    z-index: 100;
}

.info_div_adm {
    border: none;
    width: 66vw;
    padding-bottom: 1vh;
}

.info_div_cl .tin {
    margin: 0.5vh 0vw 0.5vh 0vw;
    text-align: left;

}

.info_div .tin {
    margin: 0.5vh 0vw 0.5vh 0vw;
    padding: 12px 0px 11px 10px !important;
    text-align: left;
}

.tin1 input {
    width: calc(100% - .5vw);
}

.intdsel {
    background-color: #fff;
    border: 1px solid #d2d2d2 !important;
}

.intdupl {
    position: absolute;
    right: 1.4vw;
    top: 0;
    font-size: 3vh;
    color: #888;
}

select.nowp:enabled:hover {
    background-color: lightblue;
}

.ion-lock-combination.btin {
    width: max-content !important;
    height: 100% !important;
    font-size: 5vh;
    margin: 0 auto !important;
}

.ion-android-alert.fhold {
    color: red;
    font-size: 2vw;
    position: absolute;
    left: 1vw;
}

.dz_row.dzmx:first-of-type {
    border-radius: .7vh 0 0 .7vh;
}

.dz_row.dzmmmn {
    width: max-content;
    border: none;
    position: absolute;
    right: 5.8vw;
    bottom: 2vh;
}

.annot {
    width: 100%;
}

.cnt2 {
    font-size: 2vw !important;
}
.group_header.mobls {
    font-size: 78%;
}
.fontdash {
    font-weight: bolder;
    border-bottom: 1px dotted;
}
.dz_datarow.mobls{
    height: 4vh;
}
.dz_datarow.dtp{
    height: 7vh;
}
.dz_datarow {
    width: 100%;
    padding: 0vh 0 0 0;
    display: flex;
    background-color: white;
    margin-top: .2vh;
    box-sizing: border-box;
}

.dz_customer {
    width: 67vh;
    margin: 2vh 1vw 1px 1vw;
    height: 5vh;
}

.annot1 {
    display: flex;
    width: 100%;
}

.annot2 {
    width: 100%;
    display: flex;
    position: relative;
}

input#cn, input#tc {
    width: 62%;
}

input#rn, input#pd {
    width: 34%;
}

.hmenu_butt_2 i {
    display: inherit;
    margin-left: 1vw;
}

.annot2 input {
    margin: 1%;
    font-size: 2vh;
    border-radius: 3px;
    color: #888;
    padding: 1vh;
    outline: none;
    border: 1px solid transparent;
}

.annot1 .hmr_sel {
    margin: 1% !important;
    width: 40% !important;
}

.annot2 input::placeholder {
    font-size: 1.5vh;
}

.ion-lock-combination.btin {
    width: calc(100% - .5vw - 4px);
    height: 100% !important;
    font-size: 6vh;
    margin: 0 auto !important;
    padding: 0.5vh;
    text-align: center;
}

.textarea_input input[type="text"],
.textarea-input input[type="password"],
.toolbox input[type='text'],
.toolbox input[type='password'] {
    border: 1px solid #d2d2d2;
}

.bill i {
    font-size: 3vw;
}

.textarea_input input[type="text"],
.textarea-input input[type="password"] {
    width: 90% !important;
    margin-left: 1vw;
    font-weight: bold;
    background-color: transparent;
    font-family: inherit;
    color: inherit;
    width: 90%;
}

.quart input {
    width: 80% !important;
    font-size: 80%;
}

.toolbox img, .button_close_img {
    max-height: 100%;
    height: 100%;
    width: auto;

}

.fullw {
    height: inherit !important;
}

.mc {
    height: max-content;
}

.fc {
    height: 70vh;
}

.toolbox input[type="text"]:hover,
.toolbox input[type="password"]:hover,
.textarea_input input[type="text"]:hover,
.textarea_input input[type="password"]:hover {
    border: 1px solid #00000042;
    background: url("/extern/imgs/edit.png") no-repeat right transparent;
    background-size: contain;
    cursor: pointer;
}

tr.group_head_file {
    background-color: #fff;
}

.group_header {
    position: relative;
    margin-left: 2.5vw;
    width: 95%;
}

.group_header div:first-line {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.lsi {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    height: max-content;
}

.d1 {
    width: 50%;
    height: max-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.group_head {
    position: relative;
    background-color: #c7fbf2ba;
    padding-bottom: 0px !important;
    text-align: center !important;
    border-right: none;
    font-size: .9vw;
}

.middle_in_flex {
    width: 100% !important;
    text-align: center;
    display: block !important;
}

td.group_head div {
    height: 100%;
    margin: 0;
}

td.group_head h7 {
    font-weight: bolder;
    font-size: calc(.4vmax + .7vmin);
}

h3.group_head {
    margin-bottom: 0 !important;
}

h5.group_head {
    text-align: center !important;
    margin: 3px;
}

.absright {
    right: 0;
}

.absleft {
    left: 0;
    top: 0;
    height: 3vh;
    width: 3vh;
}

.sl_desc {
    white-space: nowrap;
    max-width: 80%;
    font-size: 2vh;
    width: 80%;
    cursor: pointer;
}

select:focus-visible {
    border: none;
}

.export2 .relative.center.minwidth {
    width: 5vw;
    height: 8vh;
    overflow: hidden;
}

.sl_desc a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.absright,
.absleft {
    position: absolute;
    top: 0;
    display: flex;
    height: 100%;
}


.toolbox .ok {
    box-shadow: inset 0 0 3vh #0fcf2473;
}


.bg_light_mark {
    background-color: #ffbf0042;
}

.toolbox .crit {
    box-shadow: inset 0 0 3vh #ff830073;
}

.toolbox td.status {
    text-align: center !important;
}

.datarow_blank.hidden {
    transform: scaleY(0);
}

button#send_email:disabled {
    background: rgb(128 128 128) !important;
    opacity: .6;
}

.datarow_blank {
    height: 10vh;
    position: relative;
    width: calc(100% - 3vw);
    margin-left: 3.5vw;
    transition: 1s all;
}

.datarow_inner {
    position: absolute;
    right: 34%;
    width: max-content;
    display: flex;
    top: 1vh;
    background: rgb(197 197 197);
    padding: .5vh 1%;
    border-radius: 1vh;
}

.chgr {
    margin-right: 1vw;
}

.bg_blue_alt {
    background-color: #597fa9 !important;
}

.datarow {
    width: 100%;
    margin: 2px 2% 0 0;
    background-color: #fff;
    padding: 0.5vh 0vw 0.5vh 1vw;
    box-sizing: border-box;
    align-items: center;
}

.group_header.dtp .datarow {
    height: max-content;
}

.group_header.mobls .datarow {
    height: max-content;
    padding: .5rem;
}

select.group option {


}

.stage {
    padding-left: 2vw;
    padding-right: 2vw;
}

.tiny {
    font-size: 1vw;
    font-family: Ubuntu Condensed;
}

.toolbox td.status i {
    font-size: 1vw;
}

/*
.toolbox td, .toolbox th {
    padding: 0 0.3vw;
}
 */
.rightbar {
    width: max-content;
    text-align: center;
    height: 100%;
}


.zeus img {
    margin: 1vw auto;
}

.userprof_container {
    width: 100%;
    margin: 0 auto;
    background: transparent;
}

.toolbox.bordered td.txt {
    position: relative;
    font-size: .9vw;
    text-align: left;
}

.intdabsl {
    display: flex;
    margin: 0 0 0 auto;
    width: max-content;
    height: 100%;
}

.intdabsl button {
    font-size: 5vh;
    width: max-content !important;
}

.nopad {
    padding: 0 !important;
}

.lockup {
    margin: 0vh auto 0vh auto;
    font-size: calc(1vmax + 2vmin);
    padding: 0 !important;
}

.intdinp {
    height: 100%;
    width: 100%;
    background-color: transparent;
    border-radius: 5px;
    font-size: calc(.55vmax + 1.1vmin);

}

.intdinp input {
    font-size: inherit;
}

div.tin {
    text-align: left;
    width: calc(100% - .5vw);
    height: 4vh;
    align-items: center;
    display: flex;
    font-size: calc(.6vmax + 1.2vmin);
}

.inspoff div {
    color: black !important;
}

.inspoff .ion-eye-disabled {
    color: red;
    font-size: 3vh;
    margin: 0 auto;
}

div.tin2 {
    text-align: left;
    width: calc(100% - .5vw);
    height: 100%;
    align-items: center;
    display: flex;
}

input:disabled:hover,
select:disabled:hover {
    cursor: not-allowed !important;
    background-image: none !important;
}

/*
td.tbinp:first-child .intdinp ,
div.tsp{
    width: calc(100% - 1vw);
    margin-left: 1vw;
}
*/
td.tbinp .intdinp {
    position: relative;
    box-sizing: border-box;
}

tbody.tb {
    position: relative;
}

.c_mgray {
    color: #888;
}

.tbinp.mid .upcaption {
    margin: 0 auto;
    padding-right: 0.5vw;
}

.toolbar {
    text-align: center !important;
    display: flex;
    width: max-content;
    margin: 0 auto;
}

.toolbar td {
    padding-top: 1em;
    border-top: 1px solid #00a;
}

iframe#doc_img {
    max-height: 95vh;
}

.minmarg {
    width: calc(1.5vmax + 2.5vmin);
}

.shadowed_inset i {
    text-shadow: 1px 1px 1px #000 !important;
}

.shadowed_inset .btx {
    text-shadow: 1px 1px 1px #000 !important;
}

.upper {
    border-radius: 5px 5px 0 0;
}

.lower {
    border-radius: 0 0 5px 5px;
}

.botmen button, .shadowed_inset {
    box-shadow: inset 0 -1rem 0.6rem 0 #00000040;
    text-shadow: 0 0 1px #a06c6c;
}

.botmen .butdiv_v_resp {

}

.ion-eye.c_orig {
    color: green;
}

.ion-alert-circled.c_orig {
    color: orange;
}

.botmen,
div.regfooter h2 {
    width: max-content;
}

.ccnt .butdiv_v_resp {
    width: max-content !important;
}

.log_header .butdiv_v {
    margin: 0 !important;
}

.butdiv_v {
    min-height: 100% !important;
    word-break: break-all;
    max-width: 16vw;
    height: 100%;
    width: 100%;
    margin: 0 1vw 0 auto;
}

.onright_smaller {
    margin: 0 1vw;
}

.reghead {
    color: #e5e5e5;
    height: 100%;
    padding: .6vh 0 0 0;
}

.user_info.reg {
    height: max-content;
    width: 52vw;
    margin: 0% auto;
    border-radius: 0.5vw;
    background-color: #0a7a9394;
    padding: 0vh 0vw 8vh 0;
    position: relative;
}

.regfooter {
    height: max-content;
    color: #ff8f00;
    text-shadow: 0 0 3px #f7ff00;
    box-shadow: inset 0 10vh 5vh 6vh #e8ebee96;
}

.tin input[type=checkbox] {
    height: 3.5vh !important;
    margin: 0 auto;
}


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

.botmen {
    width: 100%;
    height: 5vh;
    display: flex;
    margin: 0 0 0 auto;
    align-items: center;
    bottom: 0;
    right: 0;
    padding-top: 1vh;
    padding-bottom: 1vh;
}

#ens_div .botmen {
    position: absolute;
}

.borderup {
    border-top: 1px solid #999;
}

.botmen input {
    padding: 0 1vw;
}

.bordered {
    border: 1px solid;
}

.files_container.stage_2 {
    border: 1px solid #aaaaaa75;
    background: #ededed;
    border-top: none;

}

.in_but {
    margin: 0 0 0 0vw !important;
    padding: 0vh 0.3vw !important;
    margin-left: 1vw;
}

.in_but {
    font-size: 350%;
}

.in_flag {
    /* font-size: 150%; */
    margin-top: 0;
    padding: 0;
    border: none;
    padding: .5vh .5vw;
}
.ion-android-sync{
    transition: all .4s;
}
.form_holder {
    width: 100vw;
    background: #00cdff;
    height: 100%;
}

.forminator-custom-form {
    display: block !important;
}

.tellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.c_orangered {
    color: orangered;
}

.c_black {
    color: black;
}

.dimmed {
    opacity: .5;
}

.c_blue {
    color: #007bff !important;
}

.container {
    height: max-content;
}

.f15 {
    width: 4.3rem;
}

.f2i.impbut.fsearch {
    width: max-content;
}

.frow.dtp {
    height: 4.5vh;
}

.frow.dtp .f3 {
    width: 7vw;
    height: 100%;
}

.group_pick_adm {
    margin-right: 2vw;
}

.mark_class {
    margin-right: 13vw;
    width: 9vw;
    background-color: #246254;
    height: max-content;
    white-space: initial;
    word-spacing: 0vw;
    padding: 1vh;
    border-radius: 5px;
    box-shadow: 0 1vh 8px -4px #000;
    z-index: 99999999;
}

.mark_class_op {
    opacity: .1;
}

.frow {
    width: 100%;
    align-items: end;
    margin-top: 0vh;
    padding-top: 1vh;
}

.bot_l {
    position: absolute;
    left: 1vw;
    bottom: 0;
}

.magauto {
    margin: 0 auto;
}

.intb {
    margin: 0 1vw 0 auto;
}

.bot_r {
    position: absolute;
    right: 1vw;
    bottom: 0;
}

.line button {
    padding: .5vh 1vw;
}

.relative {
    position: relative;
}

.ens_add_record {
    position: absolute;
    z-index: 99999;
    left: -1vw;
    top: 7vh;
    padding: 1px 1px 0.5vh;
    width: max-content;
    background: inherit;
    box-shadow: inherit;
}

.ens_info {
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: 100%;
}

.ens_info input {
    border: none;
}

#ens_light {
    margin: 0 0 0 auto;
}

.line {
    width: 100%;
    text-align: center;
}

#ens_importers_input_form input[type="text"],
#ens_carriers_input_form input[type="text"] {
    min-width: 25vw;
    width: 100%;
}

.ens_add_record input[type="text"] {
    width: 10vw;
    border-radius: 3px;
    padding: 0.5vh 0;
    position: relative;
    border: none;
    text-align: center;
    font-size: calc(.5vmax + 1vmin);
}

.md1vh {
    margin-bottom: 1vh;
}

.hfc {
    right: .5vw;
    top: .5vh;
    font-size: 2vh;
    position: absolute;
}

.hfc:hover {
    cursor: pointer;
    color: red !important;
}

.addic {
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 .5vw 0 1vw;
}

.c_violet {
    color: #ff0505;
}

.but_img {
    height: 2em;
}

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

.but_img img {
    height: 100%;
    margin-right: 1vw;
}

.sl_butdiv {
    display: flex;
    margin: 0 1vw 0 auto;
}

.info {
    display: inline-flex;
    height: 24pt;
    align-items: center;
}


.fake_header {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.reupload {
    text-align: center;
    font-size: 3vh;
    margin-top: 8vh;
}

.minwidth {
    width: min-content;
}

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

.export2 .but i {
    align-self: center;
    font-size: calc(1vmax + 3vmin);
    color: #239fea;
    width: 2vmax;
    margin: 0 !important;
}

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

.c_seab {
    color: #00a3d5;
}

#mess_list {
    background-color: #000;
    font-weight: bold;
    position: fixed;
    right: 0px;
    left: auto;
    color: #000;
    padding: 0;
    box-shadow: 3px 3px 3px 2px #0000005c;
    text-align: center;
    height: max-content;
    z-index: 100000;
    max-height: 70vh;
    overflow-y: auto;
    word-wrap: break-word;
}

.notif {
    color: #000 !important;
}

button.std:disabled, .hmenu_butt_2:disabled {
    box-shadow: inset 0 0 1vh 26px #aaac;
    cursor: initial;
    opacity: .5;
    border-color: #aaa;
    transition: .25s all;
}

button.std {
    transition: .25s all;
}

.sw_off, .sw_on {
    width: 85%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.hsw .txt {
    margin: 0px auto 0 1.5vw;
    width: max-content;
}

.hsw .autom_cont {
    width: 3vw;
    height: 4vh;
    margin: 1vh auto 0 1.5vw;
}

.notif_head {
    font-size: 108%;
    overflow: hidden;
    padding: 1vh 0 1vh;
    position: relative;
    text-align: center;
}

#notif img {
    right: 0;
    height: 4vh;
    margin-right: 1vw;
    top: 2vh;
    position: absolute;
}

.whole {
    width: 5vw !important;
}

.subj:hover {
    cursor: pointer;
}

.subj {
    overflow: hidden;
    word-break: break-word;
    margin: 0 auto;
    width: 100%;
}

.btrs {
    margin-left: .5vw !important;
}

#exec3 {
    background: #000;
    color: #fff;
    height: max-content;
    overflow: auto;
    z-index: 10000;
    position: absolute;
}

table.toolbox .fixed {
    table-layout: fixed;
    border-spacing: 6px;
}

.lsi.dtp .d4 {
    height: calc(2vh + 1vw);
    width: 3vw;
}

.inh {
    display: flex;
    margin: 0 0 0 auto;
    height: 100%;
}

.lsi.mobls .d4 {
    height: calc(3vh + 1.5vw);
}

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

.notif:nth-child(odd) {
    background-color: #000;
}

.cont button {
    background-color: orange;
    border-radius: 7px;
    border: 1px solid aliceblue;
    box-shadow: 0 5px 5px #aaa;
    padding: .4vh 1vw;
    margin: 1vh;
}

.adm_butt {
    height: 100%;
    display: flex;
}

i.ion-ios-copy {
    cursor: copy;
}

.old_adm_butt {
    height: 100%;
    display: flex;
}

.old_adm_butt i {
    font-size: 3vh;
}

.gmrcp {
    position: absolute;
    right: 0;
    top: 0;
}

.notif_head .bcanc {
    background-color: transparent;
    border: none;
    padding: 1% 0 0 0;
    right: 1vh;
    top: 0;
    height: 100%;
    bottom: 0;
    position: absolute;
    color: #f00;
}

.h3vh {
    transition: all 200ms;
    height: 3vh !important;
}

.big_number {
    display: flex;
    align-items: center;
    position: absolute;
    right: calc(100% + 1vw);
    bottom: 12%;
    width: 1vw;
    height: 1vw;
    color: #94949494;
    font-size: 1.5vw;
    top: auto;
    font-weight: bold;
    background-color: #dedede;
    border-radius: 50%;
    text-align: center;
    padding: 1%;
    border: 1px solid;
}

.big_number span {
    background-color: transparent;
    width: 100%;
    text-align: center;
}

div.img {
    height: 100%;
    margin: 0 auto;
}

div.img img {
    height: 100%;
    width: auto;
}

.export a {
    display: contents;
}

.fright {
}

.logout_standalone\> {
    margin: 1vw auto;
    width: 100%;
    text-align: center;
}

#cinv_table {
    background-color: #fff;
    width: 200mm;
    height: max-content;
    font-family: Ubuntu Mono;
    table-layout: fixed;
}

#cinv_table input {
    width: 100%;
    border: none;
}

.fh {
    display: flex;
    align-items: baseline;
}

.ftitle {
    height: 50%;
    display: flex;
    align-items: center;
    font-size: 1.7rem;
    color: #a9a9a9;
    padding-left: 1vw;
    position: absolute;
    top: 0vh;
    text-shadow: 0 0 1px #000;
}

.ftitle i {
    margin: 0 1vw 0 0;
    padding: .5vh .5vw;
    border-radius: 50%;
    color: white !important;
}
.f3i {
    margin-left: 0;
    height: 100%;
    width: max-content;
    display: flex;
    font-size: calc(.5vmax + 1vmin);
    margin-top: 0;
    position: absolute;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 .5vh .5vh #0003;
}

.f3flex {
    margin: 0.5vw auto 0 .5vw;
    height: max-content;
    position: relative;
}

.dtp .f3 {
    min-width: 7vw;
}

.f3, .f15 {
    margin-right: .4vw;
    position: relative;
    height: 100%;
}

.f3.fb {
    margin-left: auto;
}

.f3.fl {
    margin-left: 0;
}

.inmob .mrg {
    width: 5vw !important;
}

.lborder {
    /* border: 1px solid #9999; */
    border-bottom: 1px solid #aaaa;
}

.group_tr2 {
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    height: 14%;
}

.btic {
    font-size: calc(.6vmin + 1.3vmax);
    color: #d9d9d9;
    margin: 0 0 0 1vw;
}

.user_block .fcont:last-of-type {
    margin-bottom: 3vh;
}

.bbutt {
    margin: .5vh 0.5vw 1.5vh auto;
}

.f3flex {
    display: flex;
}

.fwidth {
    margin-bottom: 1vh;
}

.idi {
    padding: 1vh 2vh;
    box-shadow: 0px 1px 1px 1px #000000d6;
}

.shadow {
    box-shadow: 0 5px 5px -5px #000a;
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aaaa;
    border-radius: 5px;
}

.bbut img {
    margin-right: 1vw;
    height: 60%;
    width: auto;
}

.b2 {
    margin: 0 0.5vw;
}

.bbut {
    width: inherit;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.td_bl,
.td_br,
.td_up,
.td_dn,
.td_bbl,
.td_bbr,
.td_btl,
.td_btr,
.td_cb {
    border: 1px solid #aaa;
}

.td_paddn1vw {
    padding-bottom: 1vw;
}

#cinv_table th {
    padding-top: 1vw;
    background-color: #aaa4;
    font-size: 1.8vh !important;
    font-family: Ubuntu Condensed;
    border: 1px solid transparent;
    font-size: 1.5vh !important;
}

#cinv_table tbody:nth-child(1) td:nth-child(2),
#cinv_table tbody:nth-child(1) td:nth-child(4),
#cinv_table tbody:nth-child(1) td:nth-child(6),
#cinv_table tbody:nth-child(1) td:nth-child(8) {
    font-size: 1vw !important;
}

#cinv_table tbody:nth-child(2) td,
.td_sub1,
.td_sub2,
.td_sub
.inv_edit {
    font-size: .9vw !important;
    font-family: Ubuntu Condensed;
    border: 1px solid #aaaa !important;
}

.td_btl {
    border-style: solid none none solid;
}

.td_btr {
    border-style: solid solid none none;
}

.td_bbr {
    border-style: none solid solid none;
}

.td_bbl {
    border-style: none none solid solid;
}

.td_bl {
    border-style: none none none solid;
}

.td_br {
    border-style: none solid none none;
}

.td_dn {
    border-style: none none solid none;
}

.td_up {
    border-style: solid none none none;
}

#test_cinv td {
    font-size: .7vw;
    height: 1.5vw;
    vertical-align: baseline;
}

#test_cinv,
#test_api {
    padding: 1vw;
    border-radius: .3vw;
    box-shadow: 0 1vw 3vw -0.9vw;
    position: absolute;
    left: -2%;
}

#test_api {
    width: 100%;
    top: 103%;
}

#test_cinv {
    top: 5%;
}

.t_row input:first-of-type {
    width: 4vw;
}

.t_row input:nth-of-type(2) {
    width: 18vw;
}

.t_row input:nth-of-type(3) {
    width: 3vw;
}

.t_row input:nth-of-type(4) {
    width: 4vw;
}

.t_row input:nth-of-type(5) {
    width: 4vw;
}

.t_row input:nth-of-type(6) {
    width: 4vw;
}

.bottom_sp {
    height: 11vw;
}

.t_row input:nth-of-type(7) {
    width: 4vw;
}

.t_row input:nth-of-type(8) {
    width: 5vw;
}

#api_out {
    background-color: #2196ba;
    width: max-content;
    height: max-content;
    position: absolute;
    border: none;
    padding: .4vw;
    border-radius: 7px;
    top: 10%;
}

.t_row input::placeholder {
    text-align: center;
    color: #aaaa;
    font-size: .6vw;
    color: black;
}

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

.ta_2 {
    text-align: center;
    margin: 1vh;
    color: black;
    font-size: 1vw;
}

.p_but_inside, .p_but_inside2 {
    display: flex;
    width: 100%;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    height: 100%;
}

.inm {
    width: max-content !important;
    margin: 0px 0vh 0 auto;
}


.butdiv_v.lang {
    width: max-content;
    display: flex;
    align-items: center;
}

.p_but_inside img {
    height: auto;
    width: 81%;
}


.cnt2 img {
    width: 60%;
}

.p_but_inside2 img {
    height: 100%;
    width: auto;
}

.vmenu .p_but_inside,
.vmenu .p_but_inside2 {
    margin: 0 auto auto 0;
}

.fixedfull {
    position: fixed;
    left: 10%;
    top: 2%;
    width: 80%;
}

#t_eid {
    width: 5vw;
}

.w100prc {
    width: 100% !important;
}

.dbut {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.cnt img {
    margin: 0 auto !important;
}

div.bicon {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    align-items: center;
}

.vcap {
    position: relative;
    top: -4px;
}

.col_system {
    background-color: #96dcff;
    color: #016087;
}

.folders .hmrc_div_cl input,
.folders .hmrc_div_cl button {
    font-size: 2vh;
}

#pdf_obj {
    height: 70vh;
}

#pdf_obj img {
    max-width: 100%;
}

#pdf_img {
    width: 100%;
    height: 100%;
}

.button_light {
    border-radius: 5px;
    cursor: pointer;
    background-color: #f2bd1e8c;
    text-align: center;
    padding: 0pt 1vh 0pt 1vh !important;
    margin: 0px 0px;
    color: #000 !important;
}

.drop_zone:hover {
    background-color: #094e9ca1 !important;
}

.ens_dropdown {
    background-color: inherit !important;
    border: none !important;
    max-height: 62vh;
    overflow: auto;
    display: none;
}

.ens_dropdown .butdiv_v {
    width: 90% !important;
    margin: 0 auto;
}

.ens_dropdown .butdiv_v:first-of-type button {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.ens_dropdown .butdiv_v:last-of-type button {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    margin-bottom: 1vh;
}

.ens_dropdown .butdiv_v button {
    border-radius: 0 !important;
}

.ens_setted {
    width: 90%;
    font-size: calc(.8vw + 0.4vh);
    padding: 1vh 0;
    margin-bottom: 2.4vh !important;
    border-radius: 3px;
}

.hovercont .ion-android-arrow-dropdown {
    position: absolute;
    right: 0;
}

.locked_freight {
    margin: 0 auto;
    text-align: center;
    font-size: 110%;
    color: red;
}

button {
    cursor: pointer;
    background-color: transparent;
    position: relative;
    border: 1px solid transparent;
}


button i {
    cursor: pointer;
    margin-right: 0.5vw;
    font-size: inherit;
}

.nlact, button.bg_off {
    color: orangered !important;
    background-color: #e5b0cd;
}

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

.icn {
    min-width: 10vw;
}

.ub img {
    height: 3vh;
}

.top_bar {
    height: 2vw;
    border: none;
    text-align: center;
    position: absolute;
    width: 98%;
    color: #f00;
}

.top_bar img {
    max-height: 2vw;
}


.ub {
    background-color: transparent;
    border: none;
    border-block-end: aliceblue;
    float: right;
    padding: 13px 30px;
}

div.button {
    border: 2px outset;
    margin-right: 1vw;
    margin-left: 1vw;
}

.button_custom1 {
    border: 1px solid;
    font-size: 72%;
    margin: 1px;
    padding: 0 10px;
}

.red {
    background-color: #ff000085;
    border-color: #f000;
}

.green {
    background-color: #34733485;
    border-color: #0f00;
}

.violet {
    background-color: #ff00fb;
    border-color: #ff00004a;
}

.gray {
    background-color: #777;
    border-color: #999;
}

.blue {
    background-color: #009;
    border-color: #0000;
}

.s_blue {
    text-shadow: 0px 0px 2px #00f;
}

.c_dark {
    color: #222;
}

.c_log {
    color: #b84646;
}

.c_brown {
    color: #865b0b;
}

.s_orange {
    text-shadow: 0px 0px 2px orange;
}

.c_lite {
    color: #fff;
    background-color: #22b0bf8a !important
}

.c_not_focused {
    background-color: #ffffff47 !important;
}

.c_focused {
    transition: all .15s ease-out;
    font-size: 1.65vw !important;
    text-shadow: 0 2px 2px #00000057;
    background-size: 60%;
    color: #23cbffe3 !important;
    background-color: #0a775d54 !important;
}

.docseen,
.msgseen {
    color: #28a745 !important;
    display: flex;
}

.c_green {
    color: #28a745 !important;
}

.c_orange,
.docsnotseen,
.msgnotseen {
    color: orange;
}

.s_green {
    text-shadow: 0px 0px 2px #0f0;
}

.s_black {
    text-shadow: 0 0 2px #000;
}

.button_hidden {
    width: 0;
    height: 0;
    z-index: -1;
    padding: 0;
    margin: 0;
    border: none;
}

.c_gray {
    color: #888;
}

.nactv {
    color: #3333;
}

button.c_gray_nact {
    background-color: #888;
    font-size: 1.8vw;
}

i.c_gray_nact {
    font-size: 1.8vw;
    color: #888;
    text-shadow: 1.8px 2px 3px #000;
}

i.c_green_act {
    color: lime;
    text-shadow: 2px 2px 3px #000;
    font-size: 1.8vw;
}

button.c_green_act {
    color: #336e1e;
    box-shadow: inset 0 2vh 1vh #03ff663d, inset 0 -2vh 1vh #30ff6442;
}

button.c_orange_act {
    color: #c76822;
    box-shadow: inset 0 2vh 1vh #ffa80352, inset 0 -2vh 1vh #ffd42c5c;
}

.mfooter button#inspoff {
    width: max-content;
    padding: 1vmax;
    box-shadow: inset 0 -1vh 1vh #ffd2d261;
}

.dwhz {
    d1c: 5vw;
}

.panel-heading {
    text-align: center;
    color: black;
    margin: 0 !important;
}

.panel {
    height: 96%;
    position: relative;
}

.form-group {
    text-align: center;
}

.field {
    color: white;
    background-color: #9b87877a;
    border: none;
    margin: 0;
    border-radius: 5px;
    padding: 1vh;
    font-size: 2.5vw;
}

.left_side {
    display: flex;
    align-items: center;
}

.right_side {
    display: flex;
    align-items: center;
    width: max-content;
    margin-left: auto;
    margin-right: 0;
}

.row {
    width: 5vw;
    margin: 0 auto;
}

.row {
    width: 17vw;
    margin: 0 auto;
}

.row input {
    text-align: center;
}

#receipt {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 10001;
}

.rec_inner {
    margin: 0 auto;
    width: max-content;
    height: max-content;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 1vh 2vh 1vh #0000007d;
    padding: 3px;
}

#payment,
#rec_inner {
    z-index: 200000;
    background-color: #c8d3bd;
    border-radius: 10px;
    border: none;
    box-shadow: 0 1vh 1vh #000a;
}

button.c_red_act {
    background-color: #eb3636a1;
}

.pabs {
    position: absolute;
    bottom: 0;
    left: 2vw;
}

.ElementsApp .InputElement {
    background-color: transparent !important;
}

.InputElement.is-empty.Input.Input--empty {
    background-color: #b3aea3;
    font-size: 8vw;
    text-align: center;
    border-radius: 5px;
    color: blue;
}

div.pfieldin {
    margin: 0 auto;
    width: max-content;
    font-size: 2.5vw;
}

button.c_red_act i {
    color: #1b1c1b;
}

button.c_gray_act i {
    color: #000;
}

button.c_purple_act i, button.c_red_act i, button.c_gray_act i, button.c_green_act i, button.c_orange_act i {
    font-size: x-large;
    font-weight: bolder;
    text-shadow: 0px 0px 1px #954848c9;
    /* font-family: Ubuntu Condensed; */
}

button.c_purple_act {
    background-color: #ff00003b;
}

button.c_gray_act {
    background-color:#888;
}

.c_red {
    color: #dc3545 !important;
}

.o_red {
    outline: 1px #dc3545 !important;
}

.s_red {
    text-shadow: 0px 0px 2px #f00;
}

.status0 {
    color: black;
    background-color: #ff00004c;
}


table.custom1 {
    margin: 0 auto;
}

table.custom1 th {
    font-size: 90%;
    font-weight: lighter;
    padding: 4px 10px;
}

#doc_edit {
    display: none;
}

.caction {
    width: 2em;
    text-align: center;
    border-radius: 50%;
    background-color: red;
    margin-right: 1em;
}

table.custom1 td {
    font-weight: lighter;
    text-align: left;
    padding-left: 7px;
    font-size: 90%;
}

table.custom1 td img {
    height: 1.5em;
}

.c_gvms {
    color: #ff02ff !important;
}

.bg_gvms {
    background-color: #ff02ff !important;
}

.href_button {
    border: none;
    background-color: white !important;
    border-bottom: 2px dashed #007bff !important;
    color: #007bff;
    width: min-content !important;
    border-radius: 0 !important;
}

.log .butdiv_v {
    width: 4vw;
}

.ref_log {
    color: white;
    font-size: 3vh;
    margin-left: 1vw;
    background: green;
    padding: .1vh 1vh;
    border-radius: 5px;
    cursor: pointer;
}

.ref_log:hover {
    color: red;
}

.intable_buttons_bar {
    display: flex;
    padding: 0;
    height: 100%;
    align-items: center;
    width: 100%;
}

#clear_plates:hover i {
    color: #ff0404 !important;
    border-radius: 30%;
    font-size: 105%;
}

.butdiv_v button, div.c22 {
    align-items: center;
    border-radius: 5px;
    height: 100%;
}

.hmr_copy:hover {
    cursor: copy;
    color: yellow;
}

.d2c input {
    margin-left: 0;
    margin-right: auto;
}

.hmr_copy button,
.hmr_copy i {
    cursor: copy !important;
    font-size: 2.2rem !important;
}

.shadowed_inset2:enabled i {
    text-shadow: 0 0 2px #000;
    font-size: calc(.8vmax + 1.6vmin);
}

.shadowed_inset2:disabled i {
    color: inherit !important;
}

.shadowed_inset2:disabled {
    color: white !important;
}

.shadowed_inset2 {

}

.w60prc {
    width: 60% !important;
}

.hmenu_act_but {
    background: #0002;
}

#gmr_cp_0:enabled:hover {
    cursor: copy !important;
    color: #4b9f50;
}

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

.roundedshadow {
    border-radius: 50%;
    box-shadow: 0px 1px 3px 2px #b7a3a3;
}

.waiterimg {
    position: absolute;
    background: rgb(207 207 207 / 75%);
    z-index: 99999999;
    border-radius: 1vh;
    height: 6vh;
    width: max-content;
    left: 1vw;
}

.waiterimg img {
    margin: 0 auto;
    max-height: 128%;
    width: max-content;
    display: block;
    transform: scale(2);
}

.ab2 {
    position: absolute;
    right: 13vw;
}


.indic {
    position: absolute;
    left: 1vw;
    height: 6vh;
    font-size: 5vh;
}

.indic.ldr {
    color: #888;
}


.indic.err {
    color: red;
}

.indic.ok {
    color: green;
}

.decl:hover {
    display: flex;
    height: 4vh;
    align-items: center;
    font-size: 2.2vh;
    cursor: pointer;
}

.noseparate {
    margin-left: 1px !important;
    margin-right: 1px !important;
    background-color: #22b0bf8a !important;
}

.upperd {
    font-size: 1.5vh;
}

.hmr_sel select {
    font-size: 2vh;
    font-weight: lighter;
    width: 100%;
    background: white;
    border: 1px solid #8888884f;
    color: #888;
    padding: 0 1vh;
    border-radius: 5px;
    height: 100%;
}

.annot1 select {
    border: none !important;
    padding: 1vh 1vh .5vh 1vh;
}

.hmr_info {
    margin: 0 0 0 2%;
    border: 1px solid #8888884f;
    width: 21%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 100%;
}

.tithead, .tithead2 {
    font-size: 1.3vh;
    color: white;
}

.tithead2:hover {
    color: green !important;
}

#img_obj {
    height: 100%;
    width: auto;
    margin-left: 0;
    padding: .1vw .1vw .1vw 0vw;
    background-color: #73c369;
    box-sizing: border-box;
    border-radius: 0 .5vh .5vh 0vw;
    box-shadow: inset 0 0 5vw 1vw #2655bd;
    max-width: 100%;
}

.v1 {
    padding-top: 7vh;
}

.v2 {
    padding-top: 4vh;
}

.hsw {
    width: 5vw;
    margin-top: -3vh;
}

.row_max {
    height: 100%;
    padding: 1vh;
    box-sizing: border-box;
}

.vtop_abs .text_cont {
    font-size: 79%;
    color: #1aecf7;
}

#gmr_cp_0:hover {
    cursor: copy;
}

.cds_hlp {
    margin: auto 0 0 auto;
    background-color: #5670bd;
    border-radius: 5px 0 5px 0;
    border: 1px solid #3c3a3a30;
    border-style: solid none none solid;
}

.vtop_abs {
    height: max-content;
    position: absolute;
    width: 100%;
    text-align: center;
}

.vbottom {
    height: max-content;
    align-self: flex-end;
}

.vmiddle {
    height: max-content;
    align-self: center;
}

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

#hmrc_div, #hmrc_edit, #ens_div {
    border: 1px solid #c0c0c0;
    overflow: hidden;
    overflow: hidden;
}

#log_list_Table h3 {
    color: #ff0303;
    font-family: Ubuntu;
    font-weight: normal;
    font-size: 1.5vh;
}

.log_user {
    padding: 0;
    margin: 0 auto;
}

#log_list_table h4 {
    color: black;
    padding: 1vh;
    margin: 0;
    font-size: 1.5vh;
}

.lhover {
    padding: .2vh;
    margin: 0;
    height: max-content;
}

.lhover:hover {
    background-color: red !important;
    cursor: default;
    color: white;
}

#log_list_table h5 {
    padding: 0;
    margin: 0 auto;
    font-size: 1.5vh !important;
    color: #888;
    /* background: #00edff; */
    padding: .4vh 0;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #fffdfd;
}

.line button {
    width: 40%;
    margin: 0 1vw;
}

#ens_div button.hmenu_butt_2 {
    font-size: calc(1vmin + .6vmax);
}

.rb, .rh, .rp {
    color: orange !important;
    padding: 1vh 1vh 1vh 12vw;
}

.rb {
    background-color: white;
}

.rh {
    background-color: beige;
}

.rp {
    background-color: yellow;
}

#ens_total_items_cnt_input {
    position: absolute;
    right: 0;
    border: none;
    top: .5vh;
    margin-left: auto;
    margin-right: 1vh;
    text-align: center;
    font-size: calc(.5vmax + 1vmin);
}

.r1 {
    height: calc(100% - 13vh);
    padding-top: 2vh;
}


.container_log_iframed {
    position: fixed;
    height: 98vh;
    width: 31vw;
}

#ens_img_div img {
    margin-left: 0;
    margin-right: auto;
    position: relative;
    max-height: 100%;
    width: auto;
    border: 1px solid red;
}

#ens_img_div {
    position: fixed;
    z-index: 999999999;
    bottom: 0;
    height: max-content;
    left: 0;
    width: 100vw;
}

iframe.logframe {
    width: 100%;
    height: 100%;
    border: none;
    background-color: yellow;
}

.lp {
    width: 4%;
}

table.gmr tbody {
    background: white;
}

.tithead2 {
    height: 3vh;
    font-size: 2vh;
}

.gmr tbody.scrollable {
    overflow-y: auto;
}

.bg_llgray {
    background-color: #f1f1f1 !important
}

.insp_dets .button_close {
    margin: 0 0 1vh auto;
    height: 2vh !important;
}

.ion-ios-trash.logs_icon {
    color: orange;
    font-size: 3vh;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 5px;
}

.ion-ios-trash.logs_icon2 {
    color: red;
    font-size: 3vh;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 5px;

}

.ion-ios-trash.logs_icon:hover {
    cursor: pointer;
    border-color: red;
    color: red;
}

#trucks_in_mrn .sh_row .thh:nth-of-type(1),
#trucks_in_mrn .sh_row .tdd:nth-of-type(1) {
    width: 3%;
}

#trucks_in_mrn .sh_row .thh:nth-of-type(2),
#trucks_in_mrn .sh_row .tdd:nth-of-type(2) {
    width: 20% !important;
    text-align: left !important;
    padding-left: 0vw !important;
}

#trucks_in_mrn .sh_row .thh:nth-of-type(3),
#trucks_in_mrn .sh_row .tdd:nth-of-type(3) {
    width: 7%;
}

#trucks_in_mrn .sh_row .thh:nth-of-type(4),
#trucks_in_mrn .sh_row .tdd:nth-of-type(4) {
    width: 12%;
}

#trucks_in_mrn .sh_row .thh:nth-of-type(5),
#trucks_in_mrn .sh_row .tdd:nth-of-type(5) {
    width: 11%;
}

#trucks_in_mrn .sh_row .thh:nth-of-type(6),
#trucks_in_mrn .sh_row .tdd:nth-of-type(6) {
    width: 12%;
    text-align: center;
}

#trucks_in_mrn .sh_row .tdd:nth-of-type(6) {
    font-size: 1.5vh !important;
}

#trucks_in_mrn .sh_row .tdd:nth-of-type(7),
#trucks_in_mrn .sh_row .thh:nth-of-type(7) {
    width: 12%;
    text-align: center;
}

#trucks_in_mrn .sh_row .tdd:nth-of-type(7) {
    font-size: 1.5vh !important;
}

#trucks_in_mrn .sh_row .thh:nth-of-type(8),
#trucks_in_mrn .sh_row .tdd:nth-of-type(8) {
    width: 19%;
    text-align: center;
}

#trucks_in_mrn .sh_row .thh:nth-of-type(9),
#trucks_in_mrn .sh_row .tdd:nth-of-type(9) {
    width: 4%;
    text-align: center;
}


.fup {
    height: 5vh !important;
}


#trucks_in_gmr .sh_row .thh:nth-of-type(1),
#trucks_in_gmr .sh_row .tdd:nth-of-type(1) {
    width: 3%;
}

#trucks_in_gmr .sh_row .thh:nth-of-type(2), #trucks_in_gmr .sh_row .tdd:nth-of-type(2) {
    width: 20% !important;
    text-align: left !important;
    padding-left: 0vw !important;
}

#trucks_in_gmr .sh_row .thh:nth-of-type(3),
#trucks_in_gmr .sh_row .tdd:nth-of-type(3) {
    width: 10%;
}

#trucks_in_gmr .sh_row .thh:nth-of-type(4),
#trucks_in_gmr .sh_row .tdd:nth-of-type(4) {
    width: 20%;
}

#trucks_in_gmr .sh_row .thh:nth-of-type(5),
#trucks_in_gmr .sh_row .tdd:nth-of-type(5) {
    width: 13%;
}

#trucks_in_gmr .sh_row .thh:nth-of-type(6),
#trucks_in_gmr .sh_row .tdd:nth-of-type(6) {
    width: 15%;
    text-align: center;
}

#trucks_in_gmr .sh_row .thh:nth-of-type(7),
#trucks_in_gmr .sh_row .tdd:nth-of-type(7) {
    width: 14%;
    text-align: center;
}

#trucks_in_gmr .sh_row .thh:nth-of-type(8),
#trucks_in_gmr .sh_row .tdd:nth-of-type(8),
#trucks_in_gmr .sh_row .thh:nth-of-type(9),
#trucks_in_gmr .sh_row .tdd:nth-of-type(9) {
    width: 4%;
}

.sh_row .thh:nth-of-type(2),
.sh_row .tdd:nth-of-type(2),
.sh_row .thh:nth-of-type(3),
.sh_row .tdd:nth-of-type(3),
.sh_row .thh:nth-of-type(4),
.sh_row .tdd:nth-of-type(4),
.sh_row .thh:nth-of-type(5),
.sh_row .tdd:nth-of-type(5),
.sh_row .thh:nth-of-type(6),
.sh_row .thh:nth-of-type(6),
.sh_row .tdd:nth-of-type(7),
.sh_row .tdd:nth-of-type(7),
.sh_row .tdd:nth-of-type(7) {
    text-align: center;
}

.sh_row .circle {
    margin: 0 auto;
}

.sh_row.log {
    height: 13vh !important;
    position: relative;
}

.log_table_scroller {
    height: calc(100% - 14vh);
    overflow: auto;
}

.ports {
    margin: 1vh;
}

.logbody {
    background-color: #00000094;
    background-image: url(/extern/imgs/gvmslogo1.webp);
    background-repeat: repeat;
    background-size: 3%;
    position: fixed;
    width: 140vw;
    height: 140vh;
    transform: rotateZ(-13deg);
    scale: 2;
    opacity: 0.5;
    top: -20vh;
    left: -20vw;
}

.hvr:hover {
    cursor: pointer;
    color: blue;
}

input[type=text].inlogs {
    height: 4.5vh;
    padding: 0 1vh;
    margin: 0;
    color: #50ff9d;
    font-family: Ubuntu;
    font-weight: bold;
    font-size: 2vh;
}

div#map_box {
    position: fixed;
    left: 45%;
    top: 17%;
    width: 45vw;
    height: 70vh;
    z-index: 999;
    padding: 1px;
}

div#map_canvas {
    width: calc(100% - 2px);
    height: calc(95% - 2px);
}


.tool_module {
    background: transparent;
    width: max-content;
    text-align: center;
    height: 100%;
    border: 1px solid;
    border-radius: 10px;
    padding: 1vh;
    margin: 1vh 1vh 0 1vh;
}

.tool_upcap {
    position: relative;
    top: -2vh;
    width: max-content;
    margin: 0.4vh auto -1.6vh auto;
    padding: 0 2vh;
    border-style: none solid;
    box-shadow: inset 1vh 0 .3vh, inset -1vh 0 .3vh;
    background: #000;
    text-shadow: 0px 0px 1px;
}

.lnorr {
    margin: 0 auto;
}

.log_header {
    height: max-content;
}

input.inlogs {
    width: 100%;
    background-color: #ffa50054 !important;
    border: 1px solid #c49f5a;
    padding: .3vh;
}

.rside div.butdiv_v {
    margin: 0;
}

.div_prep {
    cursor: pointer;
}

.bg_log_info {
    background-color: #465e41c4 !important;
}

.rside div.butdiv_v:first-of-type {
    margin: 0 0 0 auto;
}

.bg_log_focus {
    background-color: #ea0c0c96 !important;
}

.log_container {
    box-shadow: inset 0 12vh 7vh 4vh #000;
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 1000000;
}

.c_inbound {
    color: #4949837d;
    margin: 1vh;
}

.c_outbound {
    color: #a5bf6c;
}

#exec2 {
    border: 1px solid black;
    width: 60%;
    position: fixed;
    top: 17%;
    left: 20%;
    height: max-content;
    z-index: 10000;
    background: black;
    color: white;
    padding: 1vh;
    max-height: 66vh;
    overflow: auto;
}

table#users_list th button div i {
    margin: 0 auto;
}

.important {
    text-decoration: none;
    color: orange;
    margin-left: 0;
    background-color: #0f1422;
    padding: 2mm 11mm;
    border-radius: 4px;
    margin-top: 15mm;
}

button.lact, button.bg_stand {
    color: green !important;
    background-color: transparent;
}

.nlact, button.bg_off {
    color: orangered !important;
    background-color: #e5b0cd;
}

table.noptb td {
    padding: 1vh !important;
}

.intd {
    text-align: center;
    font-size: 2.5vh;
}

button.nldr, button.bg_on {
    color: #575757;
    background-color: rgba(55, 26, 15, 0.38);
}

button.bg_stand1 {
    background-color: #f007;
}


.but_inactive {
    opacity: 0.3;
    color: #aaa !important;
}

tr.nuact.brite {
    color: #8c8c8c !important;
}

tr.nuact.dark {
    color: #8c8cff !important;
}

.datarow:hover {
    color: #000000a1 !important;
    cursor: pointer !important;
}

.d1, .lsi {
    color: inherit;
    cursor: inherit;
}

.cnt_button:hover {
    color: #000;
}
.cnt_button.dtp {
    width: 3vw;
    height: 2vw;
    font-size: 1.2vw;
}
.cnt_button {
    text-align: center;
    border-radius: .4vw;
    border: none;
    margin: 0 3vw 0 0;
    box-shadow: inset 0 -.3vh .5vh -3px #000;
;
}

.cnt_button.mobls {
    width: max-content;
    height: 100%;
}
.cnt_button:first-of-type {

}

.cnt_button:nth-of-type(2) {
}


.cnt_button:nth-of-type(3) {

}
.cnt_button div {
    margin: 0px auto;
    background-color: rgb(255 255 255);
    border-radius: 50%;
    border: 2px groove rgb(255 253 253 / 25%);
    display: grid;
    align-items: center;
    font-weight: bold;
    text-align: center;
    line-height: 0;
    height: 1vw;
    padding: .1vw;
    width: max-content;
    min-width: 1vw;
}

.cnt_button.mobls div {
    font-size: calc(.8vmax + 1.6vmin);
    padding: 1.5vh .5vw;
}

.impbut:hover {
    cursor: pointer;
    color: #000a !important;
}

.impbut input, .intdinp input {
    border: none !important;
    background: inherit;
    color: inherit;
    padding-left: 0;
    width: 100%;
}

tr.uact.brite {
    background-color: transparent;
    color: #4f4f4f;
    transition: all .5s;
    position: initial;
}

.drop_zone input[type=checkbox] {
    margin: 0 auto;
}

tr.uact.agencybrite {
    background-color: #3ba3fb;
    box-shadow: 0 1vh 1vh -3px #000;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    transition: all .5s;
}

tr.uact.dark {
    background-color: transparent;
    color: #fff;
}

.tool_module input[type="checkbox"] {
    height: 3vh;
    width: 3vh;
    margin-left: 1vw;
}

button a {
    text-decoration: none;
    color: inherit;
}

.minih {
    display: none !important;
}

hr {
    margin: 0 auto;
    color: #000;
    height: 0px;
    padding: 0;
}

.zeroh {
    transform: scaleX(0);
    transition: all .5s;
    display: none;
}

.hint {
    font-size: 100%;
    text-align: center;
}

select#months.dtp, select#groups.dtp, select#years.dtp {
    border: none;
    background-color: transparent;
    padding-top: 1.3vh;
    padding-bottom: 1.3vh;
    align-self: center;
    cursor: pointer;
    font-size: calc(.4vmax + .9vmin);
}

.log_head .button_close {
    position: absolute;
    top: .5vh;
    height: 1.4vh;
}

i.fold {
    font-size: 5vw;
    color: #e8ce00;
}

#log_list .clearfield {
    box-shadow: none;
}

#log_list .inlg {
    font-size: 5vh;
    border: none !important;
}

#log_list .butt_cont.sf {
    width: 7vw;
}

.packet_counters {
    bottom: 10%;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    pointer-events: none;
    font-size: calc(.8vmax + 1.6vmin);
}

.conf {
    border: none;
    background: #88959e;
    margin-top: 1vh;
    border-radius: 5px;
}

#doc_view {
    width: auto;
    border-radius: 6px;
    position: fixed;
    bottom: 5vh !important;
    height: auto;
    right: 3vw;
    z-index: 99999;
    min-height: 42vh;
    padding-left: .3vw;
    display: grid;
    min-width: 20vw;
}

#mess_list {
    font-weight: bold;
    position: fixed;
    right: 0px;
    left: auto;
    color: #3f3e3e;
    padding: 0;
    box-shadow: 0px 1vh 1vh -2px #8f8e8e;
    text-align: center;
    height: max-content;
    z-index: 100000;
    max-height: 70vh;
    overflow-y: auto;
    word-wrap: break-word;
    border: 2px solid #E5E4E5;
    background: beige;
}

.subj span {
    margin-left: 2vw;
    font-weight: bold;
}

#truck_reg {
    text-align: center;
}

.cont {
    margin-top: 1vh;
    width: 90%;
    padding: 1vh;
    font-weight: lighter;
}


.hdiv span {
    margin: 0 2vw;
}

.packet_date.dark {
    color: #afa7a7;
}

.packet_date:hover {
    cursor: default;
}

.packer.ic {
    width: 20vw;
}

.packet {
    width: max-content;
    border-radius: 5px;
    color: #000;
    margin: 1vw auto 0 auto;
}

button#respos {
    font-size: 1rem;
    height: 2rem;
    margin: 0 0 0 auto;
}

#doc_view .button_close {
    height: 5vh !important;
    border: none;
}

.doc_view .button_close img {
    height: 80%;
}

.dov_view .dbut {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
    background: #e2e6ea;
}

.docs_holder {
    display: inline-grid;
    position: relative;
    width: max-content;
    height: max-content;
}

.packet_name {
    position: absolute;
    bottom: 0;
    margin: 0 auto !important;
    left: 0;
    text-align: center;
    top: 80%;
    height: min-content;
    width: 100%;
    border: none;
    padding-bottom: 0;
    display: block !important;
}

.rounded_border_blue {
    color: #0087c9;
    border-radius: 5px;
    border: 1px solid #7abdde;
    padding: .4vw 1vw;
    font-size: 2vh;
    width: 100%;
    box-sizing: border-box;
}

.titbox_inner {
    width: 31%;
    text-align: center;
    background: #ffc107;
    border-radius: 5px;
    margin: 1vh auto;
}

.titbox {
    height: max-content;
    display: flex;
    width: 100%;
}

.titline.head {
    background: #f003;
    width: 100%;
    text-align: center;
}

.circle.ion-android-call {
    color: #ffe300;
    font-size: 2.5vh;
}

.sh_row .ion-android-checkmark-circle {
    font-size: 2.1vh !important;
}

.overlay_counter {
    position: absolute;
    left: 1.5vh;
    background: red;
    border-radius: 50%;
    width: 2vh;
    font-size: 1.5vh;
    text-align: center;
    color: beige;
    top: 0vh;
}

.sh_row .circle {
    margin: 0 auto;
    font-size: 1.5vh;
    color: white;
    font-family: Ubuntu Condensed;
}

.insp_dets {
    top: 5%;
    position: absolute;
    left: 20%;
    width: 60%;
    border: 3px solid red;
    border-radius: 5px;
    height: max-content;
    max-height: 90%;
    overflow: auto;
    padding: 1vh;
    z-index: 999;
    display: grid;
    color: #4f4f4f;
    box-shadow: 0 1vh 6px 1px #0000002e;
}

.text_underlinded {
    border-bottom: 1px solid black;
    margin-top: 4px;
}

tr.cust_form {
    z-index: 99999;
    background: transparent;
    border-radius: 1vh;
    top: 10%;
    left: 0;
    width: 67vw;
}

.status_div {
    background: #fff;
    border: 1px solid #00000024;
    color: #0c0d0d;
    border-radius: 5px;
    height: max-content;
    text-align: center;
    font-size: 2vh;
    margin-top: 2vh;
    width: 100%;
    padding: 1vh 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info_div {
    position: absolute;
    border: none;
    left: 0;
    width: 70%;
    min-height: 50vh;
    background: #f4f4f4;
    bottom: 0;
    top: 0;
    z-index: 1;
    transition: all .3s;
}

.info_div .userprof_container {
    width: 100%;
}

.userprof_container {
    position: relative;
}

.info_div_cl .userprof_container {
    width: 100%;
    box-shadow: 0 1vw 1vw -1vw #0000005c;
    height: 98%;
}

.userprof_container .botmen {
    top: 100%;
}

.cntr {
    width: 100%;
}

.info_div_adm {
    width: 100%;
    border-radius: 1vh;
}

.info_div_cl#table {
    width: 100%;
}

.info_div#table {
    width: 80%;
}

.hmenu_butt_2 img {
    height: 1.1vw;
}

.h2vw {
    height: 2vw;
}

.info_div .userprof_container {
    width: 100%;
    margin: 0 auto;
    background: #e6e6e6;
    border-radius: 5px;
}

.imgbutt {
    border: none;
    display: grid;
    padding: 0;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-size: contain !important;
    background-position: center !important;
    margin: 0 auto;
}

.but {
    width: 33%;
    font-size: .8vw;
    height: 10vh;
}

.ic {
    height: max-content;
    position: relative;
}

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

.packet.ic img {
    max-height: initial;
    max-width: initial;
    margin: 0 auto;
    height: 9vh;
}

.packet.ic img:hover {
    cursor: pointer;
}

.cursb {
    cursor: pointer;
}

.client_holder {
    display: contents;
    cursor: pointer;
    cursor: pointer;
}

.client_holder:hover {
    text-shadow: 0 0 1px blue;
}

.tdfull {
    display: flex;
    align-items: center;
    height: 100%;
    border-bottom: 1px solid #aaaaaa96;
}

.noselect {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.t_row span {
    margin-right: 1vw;
    font-size: 1.5vh;
}

.whitein {
    text-align: right;
    padding: 0;
    background: white;
    border-radius: 29px;
    height: 1vw;
    border: none !important;
    box-shadow: inset 0 0 3px 2px #ff0000a6;
}

.info_caption {
    /* position: absolute; */
    /* top: 0; */
    font-size: 1.1vw;
    right: 0%;
    padding: 0 0vw;
    margin: 0 0 0 2vw !important;
    height: 1.5vw;
    background: #00ff28a8;
    border-radius: 5px;
    width: max-content !important;
    color: #fff;
    text-shadow: 0 0 1px #000;
    font-weight: bolder;
}

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

.docbar h1 {
    color: #888;
    font-size: 2vw;
    font-weight: inherit;
}

.db4 button {
    width: 7vw;
    border: none;
    margin: 0 .2vw 0 0;
}

.db2 img {
    height: 100%;
}

#files_list.dtp .db2 {
    width: 3vw;
}

.db2 {
    text-align: center;
    height: 100%;
}

button.db2 {
    height: 100%;
}

.db3 img {
    height: 2.5vw;
}

.db4 {
    width: max-content;
    text-align: center;
    display: flex;
    margin: 0 1vw 0 auto;
}

.closebutton {
    width: max-content;
    margin: 0 0 0 auto;
    height: 5vh;
}

.userprof_container .closebutton {
    height: 5vh !important;
}

.shorter {
    margin-right: -1.5vw;
}

#user_modal {
    backdrop-filter: blur(5px);
    background-color: #0007 !important;
    z-index: 10;
}

.h160 {
    height: 125% !important;
}

.blur {
    -webkit-filter: url(#svg-blur);
    filter: url(#svg-blur);
}

.hbarin {
    width: 100%;
    margin-left: auto;
    display: flex;
    padding: 0vh 1vh 4vh 1vh;
}

.mrgh1vw {
    margin-left: 1vw;
    margin-right: 1vw;
}

.admin_actions {
    width: 30% !important;
    background: #7abbdb36;
}

button.p_butt.decl_tools {
    height: 6vh;
}

.hmr_inp_row {
    width: 100%;
    padding: 1vh 1vw;
    margin: 0 1vw 0 0;
    border-radius: 5px;
}

.hmr_inp input[type="text"]::placeholder,
.hmr_inp1 input[type="text"]::placeholder,
.hmr_inp2 input[type="text"]::placeholder {
    font-size: 1.5vh;
}

.help {
    position: relative;
}

.txt_center {
    text-align: center !important;
    margin: 0 auto;
}

.help_close {
    top: 0;
    right: 1%;
    padding: 0;
    background: transparent;
    border: none;
}

.help_close i {
    color: #000;
    background: transparent;
    font-size: 1.5vw;
}

.help_close i:hover {
    color: red;
}

.add_item_btn {
    margin-top: 0vh;
    margin-left: auto;
    margin-right: 0;
}

.both.setconf_0 {
    background: #292e6e29;
}

#set_config,
#set_localization {
    margin: 0 auto;
    box-shadow: 0 .5vw 2.1vw -.5vw;
    border-radius: 0.5vh;
    border: none;
    z-index: 1111;
}

#set_config {
    width: 65%;
    left: 25%;
    padding: 2vh;
    top: 10%;
    position: absolute;
}

#set_localization {
    width: 67%;
    left: 23%;
    position: fixed !important;
    top: 2vh;
    height: 96vh;
    padding: 0 0 0 1vh;
}

#set_config_table {
    background: transparent;
    color: #000;
}

td.relative.vwh2 {
    display: flex;
    align-items: center;
}

.actvto {
    display: flex;
    align-items: end;
    overflow: hidden;
    margin: 0px 5vw 0 auto;
    height: 100%;
}

.actvt {
    width: 2vw;
    height: 2.5vh;
    margin-right: 1vw;
}

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

.align_h div {
    margin: 0 1vw;
}

.actvt input[type='checkbox'] {
    width: 100% !important;
    height: 100% !important;
}

.txtbut {
    text-align: center;
    margin-bottom: 2vh !important;
    position: relative;
    padding: 0vh 1vw !important;
    display: flex;
    color: #fff;
}

.txtbut i {
    margin-right: 1vw;
}

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

.files_container {
    position: relative;
    left: 0;
}

.closebutton2 {
    float: right;
    margin-right: 1vh !important;
    font-size: 1.5vh !important;
    height: 1.5vw !important;
    padding: 0.2vw !important;
    margin: .3vw !important;
    width: 1.5vw !important;
    text-align: center !important;
    display: grid !important;
    border-radius: 1vw !important;
    color: orange;
    background: #888;
}

ion-android-hand:hover {
    cursor: move;
}

.button:hover {
    cursor: pointer;
}

.Rectangle_147721 {
    position: absolute;
    overflow: visible;
    width: 205px;
    height: 279px;
    left: 213px;
    top: 192px;
}

.conf {
    border: none;
    background: #88959e;
    margin-top: 1vh;
    border-radius: 5px;
}

#doc_view {
    width: auto;
    border-radius: 6px;
    position: fixed;
    bottom: 5vh !important;
    height: auto;
    right: 3vw;
    z-index: 99999;
    min-height: 42vh;
    padding-left: .3vw;
    display: grid;
    min-width: 20vw;
}

#doc_view button, #draghandle {
    padding: 1vh;
    width: 100%;
    height: 5.5vh;
    margin: 1px auto 0 0;
    border-radius: 0 !important;
    box-shadow: inset 3vh 0vh 6vh 0vh #ffffff8a;
    box-sizing: border-box;
    text-align: center;
}

#mess_list {
    font-weight: bold;
    position: fixed;
    right: 0px;
    left: auto;
    color: #000;
    padding: 0;
    box-shadow: 0px 1vh 1vh -2px #8f8e8e;
    text-align: center;
    height: max-content;
    z-index: 100000;
    max-height: 70vh;
    overflow-y: auto;
    word-wrap: break-word;
    border: 2px solid #E5E4E5;
}

.subj span {
    margin-left: 2vw;
    font-weight: bold;
}

.cont {
    margin-top: 1vh;
    width: 90%;
    padding: 1vh;
    font-weight: lighter;
}

.hdiv span {
    margin: 0 2vw;
}