@font-face {
    font-family: 'Lato-Bold';
src: url(/extern/css/fonts/Lato/Lato-Bold.ttf);
font-display: swap;
}
@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('fonts/UbuntuCondensed-Regular.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
    font-display: swap; 
}
.dock_container span {
    font-size: 120%;
margin-left: .5vw; 
background: #0003;
border-radius: 50%;
padding: .5em;
} 
.mtop{
    margin-top:1vh;
} 

        .selected-text.placeholder { 
color: #9ca3af; 
}
        .s_arrow {
          position: absolute;
          right: 12px;
          top: 50%;
          transform: translateY(-50%);
          font-size: 12px;
          color: #6b7280;
          pointer-events: none;
        }
                
        .searchable-select-dropdown {
          position: absolute;
          top: calc(100% + 4px);
          left: 0;
          right: 0;
          background: #ede9e9;
          max-height: 280px;
          display: none;
          flex-direction: column;
          z-index: 1000;
          border: 1px solid #aaa;
          border-radius: 5px;
          box-shadow: 0 0.5vh 0.5vh #00000040;
        }
        .searchable-select-container.open .searchable-select-dropdown { 
display: flex; 
}
        .search-box {padding: 8px;border-bottom: 1px solid #ccd8f1;}
        .search-input {
          width: 100%;
          padding: 8px 12px;
          border: 1px solid #000000 !important;
          border-radius: 6px;
          box-sizing: border-box;
          outline: 1px solid #000;
        }
        .search-input:focus {border-color: #3b82f6;background: #300;}
        .options-list {max-height: 200px;overflow-y: auto;border-top: navajowhite;}
        .option { 
padding: 10px 12px; 
cursor: pointer; 
}
        .option:hover { 
background: #f3f4f6; 
}
        .option.selected { 
background: #eff6ff; 
color: #3b82f6; 
font-weight: 500; 
}
        .no-results { 
padding: 12px; 
text-align: center; 
color: #9ca3af; 
}
#payments{
    position:fixed;
    z-index: 99999;
    left: 34%;
    top: 17%;
    width: 36%;
    height: 79%;
    background-color: rgb(158 99 99 / 0%); 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #30313d;
}
.c_dgray{
    color:#555 !important;
}
button.docker-button i {
    font-size: calc(1vmax + 2vmin);
}



.dock_container {
    display: flex;
    border-radius: 0 0 0 5px;
    position: absolute;
    top:0;
    right:0;
    height:max-content;
    box-shadow: 0 3px 5px #aaa;
}

#saldo_container {
    background:#ffa400;
}

.dock {
    width: max-content;
    display: inline-flex;
    color: white;
    font-weight: 800;
    
    align-items: anchor-center;
    padding: 0 .5vw;
    transition: .3s all;
}

.addusernoeori {
    position: absolute;
left: 27vw;
background: #dedbdb;
border: 5px solid #e7e5e5;
border-radius: 5px;
width: 34ch;
top: 2vh;
box-shadow: 0 0 1vh #000;
left: 59vh;
}

.mmibput input {
    box-sizing: border-box;
color: #000;
}

.addusernoeori .mmlabel {
    padding: .5vh .5vw .2vh .5vw;
    font-size: calc(0.3vmax + 0.6vmin);
    color: #343131;
    text-align: center;
}

input.mminput {
    color: #000;
font-family: monospace;
}

.consignors i.ion-arrow-right-c {
    margin: 0 1vw;
}

.fixed {
    position:fixed;
}

.right100 {
    margin-left:100% !important;
}

.report-container th {
    font-size: calc(0.3vmax + 0.5vmin) !important;
font-family: monospace;
color: #3b3b3b !important;
font-weight: lighter;
text-align: left;
}

.report-container th,
.report-container td {
    padding: 0.5vh 0 0.5vh .5vw !important;
border: 1px solid #ccc;
}

.popup_input {
    padding: 3vh .05vh;
}

#popup_constructor button {
    width: max-content;
}

#popup_constructor button.hmenu_butt_2 {
    padding: 1vh;
margin: 0px 2vw 0 auto;
border-radius: 5px;
font-weight: 800;
}

td.funct {
    width: 26%;
}

td.errors {
    width: 7%;
}

td.errors {
    padding: 0;
}

td.name {
    width: 31%;
}

td.port_info {
    width: 15%;
}

td.no.sorting_1 {
    width: 5%;
}

#popup_constructor .butdiv_v {
    text-align: right;
padding-right: 2vw;
position: relative;
}

.add_ens,.add_mrn {
    margin: 0 auto;
text-align: center;
border-radius: 5px;
}

div#parsed_cds {
    position: fixed;
    top: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #cfc;
    width: max-content;
    border: 1px solid #aaa;
    border-radius: 1vh;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    padding: 1vh 3vw;
}

.thincont {
    width: 100%;
}

.thup {
    width: 100%;
border-bottom: 1px solid #00f;
text-align: center;
}

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

textarea#xml_area {
    width: 98%;
height: 97%;
margin-left: 1%;
box-sizing: border-box;
margin-right: 0;
margin-top: 1%;
padding: 1vh;
}

div#xml_test {
    position: fixed;
left: 7%;
width: 49vw;
right: 20%;
bottom: 1%;
top: 12%;
z-index: 10;
background: #3876c2;
border-radius: 1vh;
overflow: hidden;
display: flex;
}

th.taritab {
    border: 1px dotted #0000f9;
}


.column {
    display: grid;
width: 10%;
align-content: baseline;
padding: 0;
margin: 1%;
}

.unit_title.exp {
    text-align: right;
}

.unit_title.imp {
    text-align: left;
}

.unit_title {
    font-size: 0.8em;
    color: #ffffff;
    height: max-content;
    text-transform: capitalize;
    text-align: center;
    margin: 0 0.5vw;
    width: 20%;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.cargo_head {
    margin-top: .5vh;
}

input.inv_form {
    width: 100% !important;
text-align: left;
padding-left: 2vw;
}

div#over {
    left: auto;
position: fixed;
border: 1px solid red;
color: white;
background: black;
right: 8vw;
width: 35vw;
height: 87vh;
border-radius: 1vh;
padding: 1vh;
font-family: monospace;
font-size: 10px;
overflow-x: hidden;
word-break: break-word;
overflow-y: auto;
}

.lr_column {
    padding: 1vh;
}
.bg_orange2 {
    background: #ff7d00;
}
.addusernoeori {
    position: fixed;
    left: 27vw;
    background: #dedbdb;
    border: 5px solid #e7e5e5;
    border-radius: 5px;
    width: 34ch;
    top: 2vh;
    box-shadow: 0 0 1vh #000;
    left: 59vh;
    z-index: 9999;
    height: max-content;
}
.addusernoeori.eu,
div#subject_form {
    position: fixed;
    right: 8%;
    width: 33%;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #ffffff;
    padding: 0;
    box-shadow: 0 1vh 1vh #0003;
    z-index: 999999;
}
.left_column, .right_column {
    font-family: Lato;
    font-size: calc(.4vmax + .8vmin);
    width: 50%;
    top: 0;
    bottom: 28vh;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 15vh;
}

.right_column {
    width: 50%;
right: 0;
left: auto;
}

.mrn_placeholder {
    border: 1px solid green;
font-size: 1.6em;
color: green;
text-transform: uppercase;
text-align: center;
border-radius: 5px;
padding: .3em;
}

.vdpadded {
    margin-top: 0;
margin-bottom: 1vh;
}

.vspacer {
    height: 4vh;
}

.arrorw {
    display: flex;
font-size: calc(1vmax + 2vmin);
margin: 0 1vw 0 .7vw;
color: #09496d;
}

.lr_column select {
    font-size: inherit;
border: none;
background: #fcfcfc;
}

.cmr_tps_list {
    height: max-content;
    display: grid;
    background: #398a9b;
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 0;
    max-height: 39vh;
    overflow: auto;
}

.rmrg {
    padding-right: .2vw;
    box-sizing: border-box;
}

.left_column .rmrg {
    width: inherit;
}

.bg_custom_yellow {
    background-color: #fec107;
box-shadow: 0 5px 5px -4px #000000;
border-radius: 5px 0 0 5px;
}

.vcontainer {
    display: block;
align-content: space-around;
}

.dataTables_wrapper select {
    font-size: 1.4rem;
}

button.cmr_tps_line {
    border-bottom: 1px solid #919191;
    font-size: calc(0.4vmax + 0.8vmin);
    color: white;
    font-family: monospace;
    font-weight: 100;
}

widt {
    
}

.cargo_form_container {
    display: flex;
    width: 100%;
    height: 100%;
}

div.consignment {
    background: #cbcbcbad;
    padding: 0.4vh 0.4vh 0.4vh;
    border-radius: .5vh;
    box-shadow: 0 1vh 1vh #0003;
    width: 96%;
    margin: 1vh auto;
    height: 100%;
    overflow: hidden;
}

.inner_cargo_form_container {
    width: 82.5%;
    margin: 0.5vh 0 0 auto;
    border-radius:1em;
}

.cons_eori .cons_name {
    width: 100%;
}

.eori_selector {
    height: max-content !important;
}

.eori_selector_cargo {
    position: absolute;
right: 0;
width: 12vw;
top: 0;
z-index: 9999;
left: 10vw;
margin-left: 0;
max-height: 10vh;
}

.cons_name, .cons_eori,.inv_name {
    width: 98%;
    /* height: calc(1vmax + 2vmin); */
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #bfbfbfe3;
    border-left: navajowhite;
    border-right: navajowhite;
    margin: 0 0 1vh 0;
    background: #fff;
    border-radius: .3em;
}
.cons_eori_2{
    width: 100%;
    /* height: 4em; */
    position: relative;
    align-items: center;
    margin: 0 0 1vh 0;
    box-shadow: 0 1vh 1vh #0002;
}
.select_line:hover {
    background: #0f03;
}
.list_eori {
    margin: 0 0 0 auto;
    font-size: 83%;
}
.lst {
    /* background: white; */
    width: 90%;
    padding: 0 0 0 1vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    display: flex;
}
.cmrline_nadd {
    margin-top: 1vh;
}
.cmrline, .cmrline_nadd {
    display: flex;
    margin: 3px 3px.3vh  3px;
    align-items: anchor-center;
    border-radius: .6vh;
    height: 2em;
    width: calc(100% - 6px);
    box-shadow: 0 .5vh 1vh -6px;
    border: 1px solid #aaa;
    box-sizing: border-box;
}

.doc_ref_type {
    text-align: center;
box-sizing: border-box;
border-radius: 5px 0 0 5px;
color: #000000;
font-size: calc(0.4vmax + 0.9vmin);
font-weight: 200;
width: 20%;
margin-right: 0%;
height: 100%;
display: grid;
align-items: anchor-center;
background: #efe4e4;
}

.docs_container_cmr {
    
}

input.inv_form {
    width: 100%;
}
.form_btn{
   color: white;
   border: none;
   padding: 8px 16px;
   border-radius: 4px;
   cursor: pointer;
   width: 11em;
   margin: 0 auto;
   /* box-shadow: 0 0 4px 0px #0000006e; */
   font-weight: bold;
}
input.name_form, input.eori_form, input.inv_form {
    width: 78%;
    height: 90%;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: 0 .5vw;
    text-transform: uppercase;
    font-family: monospace;
    font-weight: 700;
    text-align: left !important;
}

.bg_custom_gray {
    background: #7c7c7c;
}

tr.ens_row input[type="text"] {
    width: 92%;
height: 3vh;
font-size: 2vh;
font-weight: bold;
border: 1px dotted #ddd;
background: #ebebebb5;
padding: .5vh 1vw;
margin: 0 auto;
border-radius: .5vh;
box-sizing: border-box;
}

.sz1 button {
    width: 13vw;
}

.botmen.dtp.absolute.bg_lgray.borderup.cr_home button {
    
}

.gmr_holder {
    width: max-content;
margin: 1vh auto;
height: max-content;
}

#report_div .m_row {
    width: 100%;
display: flex;
}

#report_div .l_row {
    width: 25%;
text-transform: capitalize;
font-style: italic;
font-size: 80%;
color: #777;
font-weight: bolder;
height: 2em;
}

#report_div table {
    width: 100%;
border: 1px solid #00000038;
}

.rhead {
    WIDTH: MAX-CONTENT;
MARGIN: 0 AUTO;
FONT-SIZE: calc(1vmax + 2vmin);
font-weight: 900;
font-family: Ubuntu;
}

.section {
    padding: 0;
font-size: calc(0.4vmax + 0.8vmin);
text-align: center;
padding-top: 0 !important;
margin-top: 0 !important;
font-variant: simplified;
}

.section th {
    font-variant: small-caps;
}

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

.container.report {
    height: 70vh;
overflow: hidden auto;
}

#report_div .inner_container {
    max-height: 90%;
overflow-y: auto;
overflow-x: hidden;
word-break: keep-all;
margin: 6% auto 0;
}

.report-container td {
    font-family: monospace;
font-size: calc(.4vmax + .8vmin);
}

.report-container {
    padding-top: 3vh;
}

.report-container th {
    font-size: calc(0.3vmax + 0.5vmin) !important;
font-family: monospace;
padding: 0.5vh 0 0.5vh .5vw !important;
color: #3b3b3b !important;
font-weight: lighter;
}

#report_div {
    margin: 0 auto;
    position: fixed;
    left: 0%;
    right: 0;
    top: 11vh;
    height: max-content;
    z-index: 999;
    border: 1px solid gray;
    padding: 0 1em 1em 1em;
    width: 30%;
    border-radius: 0.3vmax;
    white-space: break-spaces;
    background-color: #fff;
    overflow: hidden auto;
    box-shadow: 0 1vh 1vh #0004;
    max-height: 84vh;
}

input#gmr_holder {
    font-size: calc(1vmin + .5vmax);
width: 11em;
text-align: center;
background: transparent;
outline: none;
border: none;
color: lime;
}

#gmr_autogen {
    position: absolute;
right: 0;
top: 10%;
width: 42%;
height: 50%;
background: #646c6d;
font-size: calc(1vmin + .5vmax);
padding-left: 2vw;
box-sizing: border-box;
padding: 1vh;
border-radius: 0 0 0 1vh;
box-shadow: 0 1.5vh 1.5vh -2px #0003;
color: #fff;
}

div#gmr_holder_decl_status {
    margin: 0 auto;
width: max-content;
display: flex;
position: relative;
}

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

.gmr_mailer_status .tdd {
    margin-left: 1vw;
}

.errloc {
    
}

.mrnimpbtn {
    margin: 0 1vw 0 auto;
}

.b112 i.ion-clipboard {
    font-size: calc(1vmax + 2vmin);
}

.errcont {
    width: max-content;
    height: max-content;
    border-radius: .5rem;
    box-shadow: 0 1vh .8vh -4px #080303a1;
    padding: 1rem;
    max-height: 50vh;
    overflow: hidden auto;
    z-index: 9999999;
    color: white;
    bottom: 36%;
    background: #353535;
    right: 19%;
    word-wrap: break-word;
    white-space: break-spaces;
}

.errbox.passed button, errcont.passed {
    background: green;
}
.ics_table td button,
.ens_table td button {
    box-shadow: inset 0 1ch 6px 1ch #79797957;
}

.thdn div {
    text-align: center;
width: 50%;
font-size: 120%;
}
.ics_imp,.ics_exp {
    width: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cargo_unit_cons {
    width: 20%;
    padding: 0 2em;
    display: flex;
    background: #04567763;
    height: 100%;
    align-items: center;
    border-radius: 5px;
    margin-right: 2em;
    /* border: 1px solid #000; */
    box-shadow: none;
}

.cargo_unit_cons div.con {
    width: 45%;
}
table#tarTable th:nth-child(1) {
    width: 27% !important;
}

table#tarTable th:nth-child(2) {
    width: 20% !important;
padding: 0 !important;
}

table#tarTable th:nth-child(3) {
    width: 36% !important;
}

table#tarTable th:nth-child(4) {
    width: 8% !important;
}

table#tarTable th:nth-child(5) {
    width: 8% !important;
}
.ics_table i.ion-alert-circle:hover,
.ens_table i.ion-alert-circle:hover {
    color: red;
border: 2px solid red;
background: white;
}

.ig_text {
    background: #ffffff40;
    color: #ffffff;
    width: calc(100% - 1vh);
    margin: 0.3vh auto;
    border-radius: .5vh;
    font-size: calc(0.5vmax + 0.9vmin);
    padding: 0.3vh 1vh;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    height: 3rem;
    display: grid;
    align-items: center;
}

.errbox i {
    font-size: calc(.5vmax + 1.1vmin);
display: block;
font-weight: 500;
color: white;
text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
height: 0em;
}

.errbox.errors.inhl {
    width: 10vw;
margin: 0 auto;
}

.errbox.idle button, .errcont.idle {
    background: orange;
}

.errbox {
    position: relative;
border-radius: .4vh;
height: 80%;
}

.errbox button {
    width: 70%;
    height: 69%;
    border-radius: 5px;
    padding: 0px;
}

td.consignors {
    font-size: calc(0.4vmax + .8vmin) !important;
}

td.datetime {
    font-size: calc(0.4vmax + .8vmin);
}

td.no {
    font-size: calc(0.4vmax + 0.8vmin);
}

th.datatime {
    width: 12%;
}

th.mrn {
    width: 35%;
}

th.funct {
    width: 27%;
}
tr.ics_row, 
tr.ens_row {
    transition: .1s all;
position: relative;
}
tr.ics_row:hover {
    background: #00daff80;
}
tr.ens_row:hover {
    background: #00daff80;
}

.errors_tab .location {
    background: #000;
text-align: center;
font-size: 78%;
padding-top: 1em;
}

input.ens_cal_inp {
    background: transparent;
border: none;
text-align: center;
}

.tbd th {
    padding: 0.5vh 0;
color: #fff;
text-align: center;
}

th.no {
    width: 4%;
}

th.errors {
    width: 7%;
}

.err_desc {
    text-align: center;
border-bottom: 6px solid #FF5722;
font-size: 1rem;
}

input.ens_cal {
    border: none;
background: transparent;
text-align: center;
}
.ics_table td, 
.ens_table td {
    height: 100%;
padding: .3vh 0;
}

.ens_selected .chooser_cap_box {
    border: none !important;
}

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

input.cal_inp {
    margin: 0 auto;
text-align: center;
border: none;
background: transparent;
font-size: 1.1rem;
padding: 0 !important;
}

div.in_input, .ii_ics {
    /* padding: 0.5vh 0.2vh; */
    box-sizing: border-box;
    border: 1px solid #33383d;
    box-sizing: border-box;
}

input.ens_cal:focus {
    border: none;
}

.grouped_choosers_container {
    
}

input.in_input, .ii_ics, select.ii_ics, select.in_input, .right_cargo_container {
    border: none;
    font-size:     calc(0.4vmax + 0.8vmin);
    text-align: center;
    color: #2d2d2d;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 0.3vh;
    border-radius: .5vh;
    width: calc(100% - 0vh);
    margin: 0 auto;
    font-family: monospace;
}

.in_input, .ii_ics {
    display: flex;
align-items: center;
padding: 0;
box-sizing: border-box;
}

.grouped_choosers_container.s1 {
    background: #6eff6b;
padding: 0.1vh;
}

.headcap {
    font-size: calc(.5vmax + 1vmin);
color: #5e5e5e;
font-family: Ubuntu;
height: 1.5em;
border-bottom: 1px solid #f002;
background: #aaa;
padding: .2vh .5vh;
border-radius: .5vh .5vh 0 0;
font-variant: all-petite-caps;
text-align: center;
}


.cargo_line div.in_input, .cargo_line div.ii_ics, .right_cargo_container {
    background: #e9f1f7;
    border: .5px solid #d1b9b940;
    border-radius: 0;
}
.right_cargo_container {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-height: 98%;
    text-align: right;
}
.ii_ics.del_cargo{
     display: flex;
    align-items: center;
    margin: 0 auto;
    max-height: 100%;
    text-align: right;   
}
.ii_ics img{
    aspect-ratio: 1;
    /* margin: 0 auto; */
    max-height: 3vh;
}
.head_itemname {
    height: 3vh;
background: #bbb;
}

.container_oem {
    width: 100%;
    display: inherit;
    box-sizing: border-box;
    border: none;
}
.container_oem input,
.container_oem select{
    border-radius:0 !important;
}
.cargo_line {
    box-sizing: border-box;
    /* padding: 0 .2vh; */
    display: flex;
    height: max-content;
    /* margin: 0 auto; */
    background: #aaa;
    border-radius: 0 0 .5vh .5vh;
    height: 2.3em;
    box-sizing: content-box;
    width: 99%;
}



.ens_chooser_mod {
    margin: .6vh auto;
width: calc(100% - 1.2vh);
height: auto;
}

input#ens_calendar {
    border: none;
width: 100%;
padding: 0;
text-align: center;
font-size: 1rem;
font-weight: bold;
}

.mailer_buttons button {
    font-size: 3.5vh;
font-family: Ubuntu;
}

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

.hmr_inp1 {
    height: 100%;
width: 60%;
}

td pre {
    word-wrap: break-word;
    width: 100%;
    white-space: break-spaces;
    color: black;
}

.hmr_inp2 {
    height: 100%;
width: 40%;
}

.ga_line {
    width: 100%;
}

button.gmr_autogen_button, button.gmr_autogen_button_close {
    font-size: calc(1vmin + .5vmax);
position: absolute;
bottom: 2vh;
left: 0;
right: 0;
width: 25%;
padding: .5vh 1vw;
border-radius: 1vh;
}

button.gmr_autogen_button.bg_orange {
    margin-left: 3vw;
margin-right: auto;
}

button.gmr_autogen_button.bg_green, button.gmr_autogen_button_close {
    margin-left: auto;
margin-right: 3vw;
}

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

.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: 5vh;
align-items: center;
padding: 0px 1vh;
background: #f1f1f175;
width: calc(98% - 7px);
margin: 0 auto;
border-radius: 5px;
}


input.in_input.cantab:focus {
    outline: 2px solid orange;
}

.opachalf {
    opacity: .3;
}

.row_fe.complex_input input {
    width: calc(70% - 2vh) !important;
}

.uvpadded {
    margin-top: 2vh !important;
}

input#arrivalDateTime {
    width: 100%;
    /* font-size: 1.2em; */
}




.row_fe.complex_input select {
    width: 30% !important;
}

.left_column {
    width: 50%;
margin-right: auto;
left: 0;
display: grid;
}

.rwrg.row_fe.simple {
    width: 97%;
}

select#eu_ports_list {
    width: 97%;
}

.inp_sender.eori_form.eori_exp {
    height: 90%;
background: #fff;
display: flex;
align-items: anchor-center;
padding-left: 1vh;
font-weight: 600;
font-style: italic;
}

.container_oem input {
    width: 99% !important;
}


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

.decl .c5 {
    height: 80%;
}

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

.decl .c1 {
    width: 6%;
font-size: calc(0.6vmax + 1.2vmin);
}

.decl .c2 {
    width: 40%;
text-align: left;
display: inline-flex;
overflow: visible;
white-space: nowrap;
font-size: calc(0.5vmax + 1vmin);
}

.decl .c3 {
    width: 32%;
margin: 0 2.5%;
display: flex;
align-items: center;
}

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

button.mminput {
    width: 48%;
padding: 1vh;
margin: 0 auto;
text-align: center;
border-radius: 5px;
box-sizing: border-box;
border: none;
}

.mmbuttons {
    width: 100%;
}

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

.input_chkbox_wholder {
    margin-left: 0;
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);
    width: max-content;
}

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

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

.havail {
    margin-top: 0;
margin-bottom: auto;
}

.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(0.5vmax + 1vmin);
padding: 0 .5vh;
}

input.decl_tools:focus {
    border: none;
}



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

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

.add_ens button {
    color: white;
font-weight: 800;
border-radius: 5px;
padding: .7vh 0.5vh;
font-size: calc(.34vmax + .65vmin);
text-shadow: 1px 1px 1px #000;
font-family: monospace;
}

.add_ens button:hover {
    color: #b7e3b6 !important;
}

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

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

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

.sh_rowg .thh2 {
    width: 8%;
}

.sh_rowg .thh3 {
    width: 10%;
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: 2vh;
width: 92%;
margin: 0 auto;
padding: 1.3vh 0;
border-radius: 1vh;
transition: .3s all;
left: 0;
right: 0;
}

.ens_line {
    position: relative;
cursor: pointer;
}

.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 {
    
}

.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: 0 -4vh;
}

input.cargo_input.goodsdesc.cantab {
    height: 3vh !important;
}

.cargo_line:last-child {
    padding-bottom: .3vh;
border-radius: 0 0 0.5vh 0.5vh;
}



input.cargo_input {
    border: none !important;
font-size: calc(.3vmin + .7vmax) !important;
background-color: transparent;
}

.cargo_head {
    padding: .2vh .2vh 0 .2vh;
    box-sizing: border-box;
    width: calc(99% - 12px);
    display: flex;
    border-radius: .5vh 0.5vh 0 0;
    border: none;
    background: #098eab;
    height: calc(1vmax + 2vmin);
}

.cargo_line .container_oem {
    padding: 0;
}

.cargo_head_item:nth-child(1), .in_input:nth-child(1) {
    width: 37%;
}

.cargo_head_item:nth-child(2), .in_input:nth-child(2) {
    width: 6%;
}

.cargo_head_item:nth-child(3), .in_input:nth-child(3) {
    width: 12%;
    box-sizing: border-box;
}

.cargo_head_item:nth-child(4), .in_input:nth-child(4) {
    width: 7%;
}

.cargo_head_item:nth-child(5), .in_input:nth-child(5) {
    width: 6%;
}

.cargo_head_item:nth-child(6), .in_input:nth-child(6) {
    width: 6%;
}

.cargo_head_item:nth-child(7), .in_input:nth-child(7) {
    width: 15%;
}

.cargo_head_item:nth-child(8), .in_input:nth-child(9) {
    width: 10%;
}

.right_cargo_container {
    width: 7%;
    box-sizing: border-box;
}

.cargo_head_item:nth-child(9){
     width: calc(7%);
     box-sizing: border-box;
}

.ch_ics:nth-child(1), .ii_ics:nth-child(1) {
    width: 46%;
    position: relative;
}

.ch_ics:nth-child(2), .ii_ics:nth-child(2) {
    width: 9%;
}

.ch_ics:nth-child(3), .ii_ics:nth-child(3) {
    width: 8%;
    box-sizing: border-box;
}

.ch_ics:nth-child(4), .ii_ics:nth-child(4) {
    width: 4%;
}

.ch_ics:nth-child(5), .ii_ics:nth-child(5) {
    width: 5%;
}

.ch_ics:nth-child(6), .ii_ics:nth-child(6) {
    width: 5%;
}

.ch_ics:nth-child(7), .ii_ics:nth-child(7) {
    width: 11%;
}

.ch_ics:nth-child(8), .ii_ics:nth-child(8) {
    width: 5%;
}

.ch_ics:nth-child(9), .ii_ics:nth-child(9){
    width: 3%;
}
.ch_ics:nth-child(10), .ii_ics:nth-child(10) {
    width: 4%;
}
.ii_ics:nth-child(10) {
    display:flex;
    background: white;
}
 .ii_ics:nth-child(10) img{
     margin:0 auto;
 }


input.treq_iso_code {
    width: 6em !important;
}

.treq_line input {
    margin-top: 20%;
}

div.treq_line input {
    height: 84% !important;
    border-radius: 5px !important;
    background: #39668f !important;
}

input.treq_seals {
    width: 14em !important;
}

input.treq_descr {
    width: 26em !important;
}

input.treq_iso_code, input.treq_seals {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: calc(0.5vmax + 1vmin) !important;
    font-weight: bold;
    outline: 2px solid #dbdbdb26 !important;
    text-align: center;
    margin-left: 1vw !important;
    margin-right: 2px !important;
}

.cargo_head_item,
.ch_ics{
    border: 1px solid #959595;
    font-size: calc(0.4vmax + 0.6vmin);
    font-family: 'Lato';
    border-collapse: collapse;
    color: #ffffff;
    display: grid;
    align-items: center;
    box-sizing: border-box;
    border-top: none;
    border-bottom: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

div.cargo_input {
    position: relative;
width: 100%;
box-sizing: border-box;
height: max-content;
color: #ffffff;
background: #ffffff;
}

div.cargo_input:last-of-type {
    
}

.ens_line.not_ready .ens_setted {
    background: #ff0000 !important;
}

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

.upcap {
    height: 65%;
width: 100%;
}

input.json_inp {
    width: 100%;
box-sizing: border-box;
border: none;
text-align: center;
color: brown;
height: 100%;
}

.left_cargo_container .in_input,
.left_cargo_container .ii_ics {
    width: 97%;
box-sizing: border-box;
margin: 0 auto;
border-top: 1px solid #9b9b9b;
}

.ccodes_buttons {
    
}

.dcap {
    height: 30%;
display: block;
padding: 0;
margin: 0 auto;
width: 100%;
text-align: center;
font-size: calc(.3vmin + .6vmax);
color: #ffffff;
font-weight: bold;
font-variant: all-small-caps;
background: #567c9d;
}

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

.noheight {
    height: 0 !important;
}

.ccodes_buttons {
    width: max-content;
    margin: 0 5vw 0 auto;
    height: max-content;
    padding: .5vh;
    box-sizing: border-box;
}

button#togl_ref:hover {
    background: #19302569;
}

.cargo_ref_button {
    width: 100%;
height: 100%;
border: 1px solid #d6d6d6;
font-size: calc(.4vmax + .8vmin);
background: #79889b;
padding: 1vh 0;
cursor: pointer;
}

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

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

.del_ic:hover {
    transition: all .2s;
opacity: 1;
}

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

.refs_stretching {
    width: 100%;
    border: none;
    position: relative;
    overflow-y: scroll;
    height: calc(100% - 3em);
    left: 0;
}

input.cargo_input:focus {
    outline: none;
background: #e7ff00;
font-weight: bold;
}

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);
transform: rotate(90deg);
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;
}

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

.cargo_data_container div.cargo_input {
    height: max-content;
margin: 1px 0;
border-bottom: 1px dotted black;
padding: .3vh 0;
}

.ccodes_container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    max-height: 100%;
    overflow-y: auto;
    width: 100%;
    height: 100vh !important;
    background: #252525c9;
}

.cargo_data_container {
    margin-bottom: 1vh;
display: grid;
height: 100%;
overflow: auto;
}

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

div.upcap input:enabled:hover {
    border: 0 solid white !important;
background-color: #00ff1a;
box-shadow: inset 0 0 1vh #fafaff;
cursor: text;
transition: .2s all;
}

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

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 {
    width: 90%;
height: 5vh;
margin: 0 auto 0 0;
}

.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 {
    aspect-ratio: 1;
    margin: 0 auto;
    max-height: 3vh;
}

.cargo_data_container {
    height: max-content;
width: calc(100% - 0vh);
padding: 1vh;
box-sizing: border-box;
}

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

.cargo_data_container .line, .ccodes_container .line {
    font-size: 1.5vh;
height: max-content;
width: 100%;
}

.cargo_help_popup {
    width: 40%;
height: max-content;
position: relative;
}

div#popup_popup_ens_popup {
    width: 100%;
height: max-content;
padding: 3vh 0 5vh 1vh;
background: #aaa;
border-radius: 1vh;
margin-bottom: 4vh;
display: none;
}

.row_max {
    width: 100%;
}

.h_adapt {
    height: max-content;
}

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


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

#cdsuploader {
    cursor: copy;
height: 18%;
position: relative;
width: calc(100% - 1vh);
background-image: url(/extern/imgs/upl_folder.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 0 .5vh 1vh .5vh;
}

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

.ensbutton {
    box-sizing: border-box;
width: 100%;
padding-bottom: .2vh;
height: max-content;
}

.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;
}

input.ens_form_filter {
    width: 100%;
box-sizing: border-box;
height: 2em;
border-radius: 5px 5px 0 0;
font-size: 1.3em;
}

#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: 17vw;
    position: fixed;
    top: 2vh;
    left: calc(3vw - 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;
}

.impdir {
    height: max-content;
    overflow: hidden;
    width: 10%;
    text-align: center;
}

.impdir i {
    font-size: 1em;
padding: 0;
display: block;
height: 100%;
color: #ffee00;
}

div#xml_errind {
    position: absolute;
bottom: 1vh;
width: 4vw;
text-align: center;
height: 3rem;
padding-top: 1rem;
box-shadow: inset 0 0 1vh #FFE;
}

div#xml_errind.no_error {
    background: green;
color: green;
}
input.cargo_desc {
    width: 50vw;
}

.unit_cargo_desc {
    width: 50%;
    height: 100%;
    background: #00000024;
    border-radius: .5vh;
}

.top_cargo_unit_header {
    width: 100%;
}

input.cargo_desc {
    height: 100%;
    font-size: calc(.5vmax + 1vmin) !important;
    background: transparent !important;
    outline: none;
    border: none !important;
    color: white !important;
    padding: 0 1vw !important;
}
input.cargo_desc::placeholder{
    color:#fff !important;
    text-align:center;
}
.top_cargo_unit_header {
    display: flex;
    font-size: 1.5em;
    border-radius: 10px;
    align-items: center;
    box-shadow: 0 .3vh 1vh #00000059;
    width: 100%;
    margin-top: .5vh;
    height: 2.1em;
}
imput:placeholder{
    color:#000;
}
.cargo_index {
    margin: 0 3vw;
    width: 8%;
}

input.unit_title {
    height: 100%;
font-size: inherit;
width: 100%;
margin: 0;
padding: 0 1vw;
}

buttom.unit_list_icon:hover i {
    color: green;
background: #ff0000;
}

.cargo_unit_title {
    margin-left: 0%;
    height: max-content;
    width: 87%;
    display: flex;
    align-items: center;
}

.unit_list_icon {
    margin: 0 2vw 0 auto;
    font-size: 1.5em;
    overflow: hidden;
    width: 4%;
}

i.ion-arrow-down-b {
    
}

.unit_list_icon i {
    display: flex;
}

div#xml_errind.error {
    background: red;
color: white;
}

div#archtoggler {
    width: max-content;
display: flex;
margin: 0 0 1vh auto;
font-size: 1rem;
align-items: center;
border-radius: .5vh;
}

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

h1.report-title {
    margin: 0 auto;
width: max-content;
}

p.report-subtitle {
    margin: 0 auto;
width: max-content;
color: #777;
}

.table_holder::-webkit-scrollbar {
    width: 15px;
}
.ics_label {
    height: max-content;
    text-align: center;
    color: #aaa;
}
.table_holder::-webkit-scrollbar-thumb:hover {
    background: #006aff;
}
.table_holder::-webkit-scrollbar-thumb {
    background: #006aff61;
    border-radius: 10px;
    transition: .3s all;
}
.traders_list_body {
    overflow-y: auto;
    max-height: 45vh;
}
.ens_gmr_data_form {
    background: orange;
    border-radius: .5em;
    overflow: hidden;
    margin-bottom: .5vh;
    box-shadow: 0 1vh .5vh -.5vh #0004;
}

.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%;
}
.consignes_docs_hcontainer {
    width: 20%;
    display: flex;
    padding: 0px 1%;
}

.aside_left .butdiv_inb {
    font-size: calc(.9vmin + 0.45vmax);
    font-weight: bold;
}

.inner_cargo_form_container {
    border: none;
    height: 100%;
    overflow: hidden;
    border: 1px sol;
}

main_layout {
    
}
div#cargo_is_in_contaier {
    position: absolute;
    left: 1em;
}

div#cargo_is_in_contaier input {
    width: 1.5em !important;
    height: 2em;
}

.toggle_container.nocontainer {
    background: #6f6f6f;
}
.toggle_container.iscontainer {
    background: #28a745;
}

.checked_attr {
    margin: 0 auto 0 1vw;
    font-size: 1.5em;
    width: 1em;
}

.inner_button {
    display: flex;
    margin: 0 auto;
    width: max-content;
}
button.cargo_buttons_bottom.bic{
    display:flex;
}

.th1 {
    width: 1vw;
}

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

body#bd {
    background-color: #e8e8e8;
}

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

.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;
}


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

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

.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: 0 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-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 {
    max-width: 24%;
    height: 100%;
    padding: .5vh;
    box-sizing: border-box;
    background-color: white;
    width: max-content;
}

.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;
}

#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.login_form input[type="text"] {
    width: 100%;
}

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

#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: 0;
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: 100%;
    position: absolute;
}






.hmr_copy {
    margin: 0 1vw;
}

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

.butdiv_inb {
    padding: 0.2vh 0;
    margin: 0 0 0 1vw;
}

.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: 0 1vw;
display: flex;
align-items: center;
}

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

.leftflow .hmr_info {
    width: 100%;
}

.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;
}

.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: 1vw;
}

#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: -1px;
bottom: -1px;
border-radius: rad;
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: 4% 0;
    box-shadow: 0 1vh 1vh -1vh #000, inset -3vh 0 1vh -4px #00000030;
    background: #fff;
}

.rounded {
    border-radius: 5px;
}



.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;
    text-align: center;
}

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

#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%;
}

#filters.dtp .row0 button {
    font-size: calc(.5vmax + 0.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;
}

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

.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: #d9d9d973;
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:nth-child(2) {
    width: 9vw;
max-width: initial;
}

#log_list_table td:nth-child(3) {
    width: 86vw;
word-break: break-all;
height: max-content;
}

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

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 {
    border-radius: 50%;
margin: 0 auto;
position: relative;
border: none;
align-items: center;
width: 1.2em;
height: 1.2em;
text-align: center;
font-size: calc(0.7vmax + 1.4vmin);
}

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

.butdiv_v .del_ic {
    position: absolute;
right: 0vw;
height: 100%;
}

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

.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%;
}
div.dz_row:disabled {
    display:none;
}
.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;
    width: 13em;
}

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

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

.tdd img {
    height: 100%;
}

input[type="search"]:focus {
    background-color: orange !important;
}

#cinv_table .upcaption {
    display: none;
}

.ens_table_filter input {
    background: #dffcff;
font-size: calc(0.7vmax + 1.4vmin);
border: 3px solid #ffffff;
border-radius: .5vh;
}

.tdfull:hover {
    background-color: #e8fdff;
opacity: 1;
}

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

.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 {
    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;
}

.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.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%;
    
    display: flex;
    align-items: center;
    position: absolute;
    right: 1.5vw;
    padding-left: 1vh;
    background-color: #fff;
}

#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: 0.8vw;
    padding: 0px 1vw;
    text-align: center;
    color: #c16060 !important;
    position: absolute;
    right: .5vh;
    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%;
    height: 100%;
}

.w4analytics button:enabled:hover {
    color: #69df3f;
    cursor: pointer;
    text-shadow: 0 0 3px #1b4606;
}

.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;
}
.inner_cargo_form_container input[type="text"]:focus-visible {
    border: 1px solid #e811114f;
    box-shadow: none;
    outline: none;
    background: #90b6d9 !important;
}


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;
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 {
    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 {
    
}

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

element {
    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;
position: relative;
left: 6vh;
}

.sh_row.log button {
    height: 7vh;
    width: 95%;
    color: white;
    font-weight: bolder;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 1vh !important;
    text-align: center;
}

.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: 14vw;
aspect-ratio: 1;
height: 12vh;
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 {
    height: 3vh;
width: 8vw;
margin-right: 1vw;
margin-top: 1vh;
}

.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;
}

.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, 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;
}

#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%;
}

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

.bg_yellow_strips {
    background: repeating-linear-gradient(0deg,#e7ad00 0px,#e7ad00 2px,#e2a500 3px,#e2a500 4px);
}



.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 {
    color: white !important;
box-shadow: inset 0 2px 3px #0000009c, inset -3px 0 3px -2px #ffffff5e, inset 3px 0 3px -3px #ffffff5e;
background-color: #0078ff !important;
}

.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;
}

button.std_button i.ion-ios-copy-outline {
    font-size: calc(1vmax + 2vmin);
padding: 0 1vh;
}

.block.fitted {
    width: 100%;
height: 100%;
padding: 0px 0 0 0%;
}

.row_ft {
    display: flex;
}

select#countries {
    width: 5vw;
text-align: center;
}

.selector_placeholder {
    position: absolute;
left: 3vw;
}

.relative.sel_cont {
    display: contents;
}

input[type="text"]::placeholder, .selector_placeholder {
    color: #888282;
font-style: italic;
font-size: calc(.4vmax + .8vmin);
opacity: 0.7;
}

.lr_column input, .lr_column select {
    /* height: 3em !important; */
    padding: 0.5em 0 0.5em 1vw;
    box-shadow: 0 0.3em 0.5em -0.3em #0002;
    border: 1px dotted #0000002e !important;
    border-radius: 5px !important;
}


.row_fe select {
    width: 100%;
}

.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: 9vw;
    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;
}


button.banner_add.bg_custom_yellow {
    height: 100%;
}


.bvcontainer i {
    margin-right: .5vw;
    margin-left: 1vw;
    font-size: calc(0.8vmax + 1.6vmin);
    display: flex !important;
    align-self: center;
    border-radius: 50%;
    transition: inherit;
}

.bvcontainer button:hover i {
    scale: 1.4;
color: white;
}

i.ion-backspace-outline.ens_srch_edt {
    position: absolute;
right: 0;
top: 0;
bottom: 0;
color: red;
font-size: calc(0.5vmax + 1vmin);
cursor: pointer;
}

button.banner_add.bg_custom_yellow {
    font-size: calc(1vmax + 2vmin);
text-shadow: 1px 1px 1px #000;
}

.invs {
    width: 58%;
height: 100%;
}

input.styled.bg_custom_white {
    width: 100%;
font-size: calc(0.6vmax + 1.2vmin);
padding: 0 1vw;
box-sizing: border-box;
background: #d7ddd5;
height: 100%;
}

.bg_custon_blue {
    background-color: #19a1ae;
}

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

button.send {
    font-size: 1.5em !important;
border: 5px solid;
}

.bg_red, .bg_susc {
    background-color: #c13e3e !important;
}

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

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

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

.column_button .send {
    border: 5px solid #28ff42;
height: 10vh;
font-size: 2.3em;
}

.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;
}

.th_group.tcargo_add, .th_group.tcargo_add_s {
    display: flex;
align-items: end;
}

.th_group.tcargo_add_s {
    width: 5%;
    height: 80%;
    align-self: center;
}

.th_group.tcargo_add {
    width: 12%;
}

button.tbi1 {
    padding: 0;
    border-radius: .5vh;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.placeholder-text {
    font-size: calc(0.3vmax + .6vmin);
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 0;
}
.th_group.tidx {
    width: 4%;
    margin-left: .5%;
}

.th_group.tplate {
    width: 9%;
}

.ig_text.dsct {
    cursor: text;
}

.table_holder {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: .3s all;
    overflow-x: hidden;
}

.th_group.tid {
    width: 10%;
}

.th_group.tdesc_s {
    width: 32%;
}

.tstatus_s .ig_text {
    display: flex;
text-align: center;
font-size: 110%;
font-weight: 700;
}

.ig_text div {
    margin: 0 auto;
}

.tcargo_add_s button {
    color: white;
text-align: center;
}
.in_input.dng {
    /* width: 24%; */
}
.tstatus_s {
    width: 8%;
font-size: 138%;
}

.th_group.tstatus {
    width: 10%;
}

.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;
}
#lok.inact{ 
color:gray !important;
}
.bg_blue {
    background-color: #39668f !important;
}

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

.bg_sea_blue {
    background-color: #2f7fa7e0 !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;
}
.sticky{
    position: sticky !important;
}
#errorShower .cbt {
    position: sticky;
top: 0vh;
right: 0vw; 
left: 0;
z-index: 1;
background: #8d8c8c;
padding: .5vh.5vw;
border-radius: .4vh;
}

.banner_add.bg_custom_yellow {
    font-size: 3rem;
text-transform: inherit;
font-family: monospace;
}

.bg_custom_blue {
    background-color: #0e63c3;
}

.bg_custom_seledine {
    background-color: #36929e;
}

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

i.ion-close-circled.c_red {
    z-index: 999;
}

.cbt {
    
}

.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 {
    top: 3vh;
position: fixed;
width: 100%;
height: calc(100% - 5vh);
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;
height: 100%;
overflow-y: 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%;
bottom: 13%;
background: #ffffff;
padding: 2vw;
border-radius: .5vh;
box-shadow: 0 1vh 1vh #0000007a;
}

.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 0 .4vmin 1vw;
}

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

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

.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;
;
}

.ens_selected .ion-android-arrow-dropdown {
    margin: 0 1vw 0 auto;
position: absolute;
right: 0;
left: auto;
color: inherit;
}

.err_ens {
    background: radial-gradient(#fddede, #ff0000ba)
}

.bg_white {
    background-color: #ffffff;
}

.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 {
    
}

.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;
    top: 0px;
}

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;
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 #00000024;
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: max-content;
    margin-right: 2vh !important;
    height: max-content;
    display: flex;
    margin: 0 2vh 0 auto;
}

.onright.cinfo button {
    width: 12vw;
}
.bg_orange_strips button div{
 font-size: calc(0.4vmax + 0.6vmin) !important;
}
    .bg_orange_strips {
    background: orange;
}
.toolbox2 button {
    width: 100%;
}

.aside_left div {
    width: 100%;
box-sizing: border-box;
}

.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;
}

body::-webkit-scrollbar-track {
    background: orange;
}

body::-webkit-scrollbar-thumb {
    background-color: blue;
border-radius: 20px;
border: 3px solid orange;
}

.format_bad {
    outline: 3px solid red !important;
}

.mm1 {
    position: fixed;
left: 19vw;
top: 18vh;
z-index: 99999;
width: 75%;
height: 79vh;
}

.ssub {
    margin-top: 0;
    padding: 0;
    display: flex;
    height: 2em;
    align-items: anchor-center;
    margin: 0 auto;
    width: max-content;
}

#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;
}

.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: calc(0.4vmax + 1.2vmin);
    text-align: center;
}

.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;
}

.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.frm_bttons input {
    width: 2em !important;
    height: 1.5em !important;
}

.footer_option {
    display: flex;
    width: max-content;
    margin: 1vh auto;
}

input.no_eoris_show {
    width: 2em !important;
    height: 1.5em !important;
    margin: 0 0 auto 0;
}

.flex.frm_bttons {
    margin: 1vh auto;
}

.row_no_flex.w100.form_footer.sticky {
    padding-top: 1vh;
    box-shadow: 0 -0.5vh .5vh #0002;
}
.flex {
    display: flex;
}

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

#users_list {
    margin: 0;
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;
    height: 100%;
}

#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%;
}

.succ {
    background: #f7f7f7;
    border-radius: 1vh;
    text-align: center;
    padding: 1vh 1vw;
    font-size: 2vh !important;
    color: #175f1b;
    width: max-content;
    margin: 0 auto;
    border: 5px dashed #ffff9e;
}

.simple_list a {
    text-decoration: none;
}

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

dis {
    pointer-events: all;
}

.help_icon {
    position: absolute;
right: 0;
top: 0rem;
height: 4rem;
padding: 0 .5rem;
display: flex;
align-items: flex-start;
background: #73737385;
border-radius: .5rem;
}

button:hover {
    transition: .2s cubic-bezier(0, 0, 0.2, 1) 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;
color: white;
}

.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;
}

.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;
}
.tr_lab {
    color: #aaa;
    font-size: calc(0.3vmin + 0.6vmax);
    margin-left: 2em;
}

.treq_line .eori_form {
    width: 100% !important;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}
.packet_del {
    top: 0;
color: #ff000069;
font-size: 1.2vw;
}
.ics_cons_select {
    width: 25%;
    display: flex;
    align-items: anchor-center;
    height: 2em;
}
button.eori_sw{
    width: 4em;  
     background: #797f87;
     border: 1px solid #c9c9c9;
}
button.cons_sw{width: 5em;}
button.eori_sw,
button.cons_sw{
    border-radius: 1vh;
    /* margin-right: 1%; */
   
   
    box-sizing: border-box;
    display: flex;
    align-items: anchor-center;
    padding: 0;
    /* border: none; */
    overflow: hidden;
    height: 100%;
    box-shadow: inset 0 -0.3em 0 #71717140;
}
button.eori_sw i,
button.cons_sw i{
    font-size: 3em;
    color: #c8ff08;
    margin: 0 auto;
    border: none;
    transition: .3s all ease-in-out;
    overflow: hidden;
}

button.eori_sw:hover i {
    /* background: #cadbca; */
    color: #18ff00;
    scale: 1.3; 
}

.packet_del:hover, .packet_ren:hover {
    color: red;
border: none !important;
cursor: pointer;
}
button#w_zal {
    background: #588695;
    color: #fafafa;
    border-radius: 10px;
    display: grid;
    align-items: center;
}

.ins_capt {
}

#w_zal .ins_capt {
    HEIGHT: MAX-CONTENT;
}

div#zal_files {
    height: max-content;
    padding: 0;
    margin: 0;
}

i.ion-android-add {
    font-size: calc(1.4vmin + 0.7vmax);
    font-weight: revert-rule;
    color: #ffffff;
}
div#zal_files {
}
button:enabled div {
    cursor: pointer;
}


.vspacer2 {
    height: 1.4em;
    font-size: calc(0.3vmax + .6vmin);
}





.add_crg i.ion-android-add-circle {
}

button.add_crg:hover, button.gmr_crg:hover {
    color: #00ff00;
    background: #dff2fd6b !important;
}


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: 2vh;
right: 0;
display: flex;
}

.hcont {
    width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
word-break: keep-all;
}

.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;
}

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

.vmenu_spacer {
    height: 3vh;
}

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;
}



.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;
}


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

#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%;
}

.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;
border-radius: .5vh;
margin-bottom: .3vw;
}

.b11 {
    height: 100%;
width: 2vw !important;
display: flex;
align-items: center;
margin: 0.5vh;
color: white;
}

.fhead {
    width: max-content;
margin: 0 auto;
color: blue;
padding: 1vh 0;
}

.b1 i, .b11 i {
    font-size: 2vw;
margin: 0 auto;
}

.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;
}

.ens_calendar {
    margin: 0 auto;
text-align: center;
}

.ens_cal .ens_selected {
    margin: 0 auto;
}

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

.chooser_cap_box .ln2 {
    font-size: 67%;
text-align: center;
color: #979797;
}

.top_panel .butdiv_v {
    padding: 0;
}

#docs_dropdown > .butdiv_v > button {
    border-radius: 0 !important;
}

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

.icnbig2 {
    font-size: 2vw !important;
}

table .button {
    margin: 0px 4px;
}

.th_nop {
    padding: 0;
}

.bigger_fonts {
    
}

.bigger_fonts input {
    font-size: 1.2em;
}

#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;
}

.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: .5vh .5vw;
position: relative;
}

.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: 17rem;
}

.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, .blurred {
    -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;
}


#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 {
    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, .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;
}


.button.popup_close, .button.help_close {
    background-color: transparent;
right: 0;
top: 2%;
font-size: 1vw;
border-radius: .5vh;
position: absolute;
top: 0;
right: 0vw;
margin: 0 0 0 auto;
}

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


.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;
}

.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 .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 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 1rem 0 #00000040, 0 1vh 1vh -3px #0005;
    /* width: 20%; */
    border-radius: 0.5vh;
}

.botmen .butdiv_v_resp {
    
}

.ion-eye.c_orig {
    color: green;
}

.ion-alert-circled.c_orig {
    color: orange;
}

.ccnt .butdiv_v_resp {
    width: max-content !important;
}

.log_header .butdiv_v {
    margin: 0 !important;
}

.onright_smaller {
    margin: 0 1vw !important;
}

.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;
}
.form_container {
    padding: 00.5rem;
    overflow-y: auto;
    max-height: 40vh;
}

.row_fe.form_footer {
    padding: 0.5rem;
    box-sizing: border-box;
    box-shadow: 0 -1vh 1vh -12px #000000;
    background: #fff;
}


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

#ens_div .botmen {
    position: absolute;
}

.grtr {
    display: flex;
}

.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 {
    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;
}


.dimmed {
    opacity: .5;
}

.c_blue {
    color: #007bff !important;
}

.container {
    height: 93%;
overflow: hidden auto;
}

.f15 {
    width: 4.3rem;
}

.f2i.impbut.fsearch {
    width: max-content;
}

.frow.dtp {
    height: 4.5vh;
}

.frow.dtp .f3 {
    width: 7vw;
height: 100%;
}

.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;
}

.ens_add_record {
    position: absolute;
z-index: 99999;
left: -1vw;
top: 7vh;
padding: 0;
width: 150%;
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: 100%;
border-radius: .5vh .5vh 0 0;
padding: 0;
position: relative;
border: none;
text-align: center;
font-size: calc(.5vmax + 1vmin);
background: #c3bebe4d;
}

.md1vh {
    margin: .5vh;
width: calc(100% - 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#gmr_butt {
    padding: 0 2vw;
    font-size: calc(0.5vmax + 1.2vmin);
}
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;
}

.group_tr2 button {
    border-radius: .4vh;
}

.inmob .mrg {
    width: 5vw !important;
}

.lborder {
    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: #ffffff00;
border-radius: 5px;
cursor: pointer;
}

.bbut img {
    margin-right: 1vw;
height: 60%;
width: auto;
}

.b2 {
    margin: 0 0.5vw;
}

.impexpselector input {
    padding: .5vh;
}

.fsearch {
    width: 100%;
margin-bottom: 1vh;
}

.impexpselector input[type="text"] {
    margin-bottom: .3vh1px;
}

.impexpselector .mask:hover input {
    color: green !important;
}

.impexpselector .mask:hover {
    background: #0f02;
}

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

.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 {
    max-height: 45vh;
overflow: auto;
display: none;
}

.ens_dropdown .butdiv_v {
    width: 96% !important;
margin: 1px auto;
text-align: center;
}

.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;
}

.ens_dropdown .butdiv_v button {
    width: max-content;
max-width: 100% !important;
margin: 0 auto !important;
font-family: monospace;
text-transform: uppercase;
}

.marginud {
    margin-top: 1vh;
margin-bottom: .5vh;
}

.ens_setted {
    width: 90%;
font-size: calc(.8vw + 0.4vh);
padding: 0;
margin-bottom: 0.4vh !important;
border-radius: .5vh;
}


.locked_freight {
    margin: 0 auto;
text-align: center;
font-size: 110%;
color: red;
}

td.funct button {
    border: none;
border-radius: 5px;
padding: 0;
color: #fff;
margin: 0 .5%;
width: 32%;
font-size: calc(.4vmax + .8vmin);
height: 3vh;
text-shadow: 1px 1px 1px #000;
}

td.funct button:hover {
    cursor: pointer;
font-weight: bold;
font-weight: 900;
color: #ffffff;
}

.upl_icon img {
    height: auto;
    max-width: 8vw;
}


button.button-file.upl {
    background: #19a1b8;
}

button.button-file.dnl {
    background: #6c757d;
}

button.button-file {
    
}

.upl_text button {
    width: 10vw;
    height: 2.5em;
    margin: 0.5vh 0;
    border: 1px solid #0004;
    font-size: calc(0.45vmax + 0.9vmin);
    border-radius: 5px;
    box-shadow: inset 0 -.5em .5em #ffffff4d, 0px 1px 1px 2px #99585840;
    color: #ffffff;
    padding: 2px;
    box-sizing: border-box;
    width: 100%;
    /* text-shadow: 0px 0px 3px #000; */
}

.upl_text {
    width: 17em;
    display: grid;
    align-items: anchor-center;
    padding-top: 1vh;
    padding-bottom: 0vh;
}

button.oniniput {
    display: flex;
position: absolute;
left: auto;
right: 0vw;
top: 0;
bottom: 0;
height: 100%;
align-items: center;
}

button.oniniput i {
    font-size: 2rem;
}

div#user_inputs {
    position: fixed;
width: 40%;
}
.ics_table i.ion-checkmark-circled, 
.ens_table i.ion-checkmark-circled {
    
    color: #b0d5b9;
}
.ics_table i.ion-ios-color-wand, 
.ens_table i.ion-ios-color-wand {
    color: white;
}

.thcont {
    display: flex;
height: 100%;
align-items: center;
font-size: 1.8rem;
}

.tbi1 img {
    max-width: 2vw;
width: auto;
margin: 0 auto;
}

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

.bvcontainer i.ion-android-vdd-circle {
    font-size: 2rem;
}

.button.styled.bg_custom_red , .button.bg_custom_seledine i {
    font-size: 1rem;
}

.tbi1 i {
    display: flex;
    height: 1em;
    font-size: calc(1.8vmax + 2.9vmin);
    color: wheat;
    margin: 0 1vw 0 auto;
}
.fsearch input {
    color: #000 !important;
    padding: 1vh !important;
    border: 1px solid #e1e1e13d !important;
    border-radius: 5px !important;
}

.select_line.relative {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #adc7ce80;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
}

.select_line.addie {
    box-sizing: border-box;
padding: .5vh;
margin: 1vh auto;
}

.addie button {
    color: white;
}

.select_line.addie i {
    margin-right: 1vw;
font-size: calc(0.5vmax + 1vmin);
}

.select_line {
    width: 100%;
}
.ttsw .txt {
    margin-left: 20%;
    margin-right: 0%;
}

.select_line.addie {
    text-align: center;
    border-radius: 5px;
    display: flex;
    position: sticky;
    bottom: 0vh;
    background: #ffffff;
    width: calc(100% - 0vw);
}

.select_line.addie button {
    font-size: calc(0.4vmax + .7vmin);
    width: 40%;
    background: #aaa;
    border-radius: 5px;
    width: 11em;
    margin: 1vh auto;
    padding: 1vh 0;
}
button.updinpexp.edit {
    background: #28a74540;
}
button.updinpexp {
    height: 100%;
    width: 5%;
    border: none;
    padding: 0 1vh;
    color: #666666;
    margin: 0 .5vw;
    border-radius: 5px;
    width: 3em;
    height: 2em;
}

.updinpexp:hover i {
    color: green;
}

.updinpexp i {
    font-size: calc(.6vmax + 1.2vmin);
    margin: 0 auto;
}

button.tbi1:hover i {
    color: #00ffd0cf;
}

.cmrline input {
    width: 70% !important;
    height: 100%;
    border: none !important;
    border-radius: 0 !important
}
.minihead_ics{
    bottom: 0;
}
.minihead_hlp buuton {
    box-shadow: none;
}

.minihead_hlp button {
    box-shadow: none;
}
.docs_container_cmr .cmrline:nth-child(1) {
    padding-top: 3px;
    height: calc(2em + 3px);
}
.docs_container_cmr .cmrline:last-child {
    padding-bottom: 3px;
    height: calc(2em + 3px);
}
.docs_container_cmr {
    background: #2aa84600;
    background: #28a74554;
    border-radius: 1vh;
    box-shadow: 0 1vh .5vh -0.5vh #0003;
}

.minihead {
    margin-bottom: 1vh;
    box-shadow: 0 1vh 0.5vh -0.5vh #0003;
    border: 1px solid #9f9f9f;
}
.minihead_hlp button {
    box-shadow: none !important;
}
.minihead_hlp {
}
.minihead_hlp {
    width:100%;
    display: flex;
    height: max-content;
    align-items: center;
}
.minihead, .minihead_ics {
    /* display: flex; */
    align-items: anchor-center;
    background: #7f8080;
    border-radius: 1vh;
    overflow: hidden;
    color: #ececec;
    overflow: visible;
    max-height: 10vh;
    width: 100%;
    margin: 1.5vh auto .5vh auto;
    box-shadow: 0 1vh .5vh -.5vh #0003;
}


.mhbtxt {
    width: 100%;
    /* padding: 5px; */
    font-size: calc(0.35vmax + 0.7vmin);
    margin: 0 auto;
    /* width: max-content; */
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    cursor:pointer;
    height: 3em;
    display: grid;
    align-items: center;
    height: max-content;
}

button.del_ens_doc_ref {
    width: 10%;
    height: 100%;
    border-radius: 0 5px 5px 0;
    border: none;
    padding: 0;
    text-align: center;
    background: #d7d7d7;
}


.nlact, button.bg_off {
    color: orangered !important;
background-color: #e5b0cd;
}

.button i {
    
    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;
}

.v_choosers_container.first {
    width: 15%;
}

.v_choosers_container.rest {
    width: 23%;
}

.docseen, .msgseen {
    color: #28a745 !important;
display: flex;
}



.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;
}

.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;
}

button.c_purple_act {
    background-color: #ff00003b;
}

button.c_gray_act {
    background-color: #888;
}
.hmenu_in.hmenu.brite.dtp button.clearfield {
    margin-right: 1vw;
    font-size: 1.2rem;
}
.docs_container_cmr i {
    margin: 0 auto;
    font-weight: bolder;
    font-size: 193%;
}

.c_red {
    color: #ff0018 !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;
}

.mminput input {
    padding: .5vh 1vh;
}

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%;
}

.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: calc(1vmax + 2vmin) !important;
}

.shadowed_inset2:enabled i {
    text-shadow: 0 0 2px #000;
    font-size: calc(.8vmax + 1.6vmin);
    margin: 0 auto !important;
    padding: 0;
    display: block;
}

.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 {
    cursor: pointer;
background: #dae2e8;
}

.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: 4vh;
}

.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 {
    height: calc(100% - 1vh);
width: 17%;
}

#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;
width: 8rem !important;
}

#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 {
    margin: 0 auto 0;
font-size: 1.5vh !important;
color: #888;
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, .label {
    font-size: calc(0.7vmin + .4vmax);
}

.rb, .rh, .rp {
    color: orange !important;
padding: 0vh 1vh 0vh 1vw;
}

.rb {
    background-color: white;
box-sizing: border-box;
}

.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: #e7e7e7 !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(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(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.log {
    height: 13vh !important;
position: relative;
}

.log_table_scroller {
    height: calc(100% - 14vh);
overflow: auto;
}

.ports {
    
}

.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;
height: 18vh;
}

.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;
}

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;
}

.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;
}

.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: max-content;
    padding-bottom: .5vh;
}

td .botmen button {
    margin: 0 auto;
}

.userprof_container .botmen {
    top: 100%;
    position: static !important;
}
.userprof_container button {
   
   margin-top:2vh !important;
}
.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 {
    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 {
    
}

#user_modal {
    backdrop-filter: blur(5px);
background-color: #0007 !important;
z-index: 10;
}

.h160 {
    height: 90% !important;
}

.blur {
    -webkit-filter: url(#svg-blur);
filter: url(#svg-blur);
}

.hbarin {
    width: 100%;
margin-left: auto;
display: flex;
padding: 0vh 1vh 4vh 1vh;
}


.admin_actions {
    width: 30% !important;
background: #7abbdb36;
}

button.p_butt.decl_tools {
    height: 5vh;
}

p_but_inside2 {
    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;
}

.set_name {
    text-align: center;
color: white;
}

input#ens_name {
    width: calc(100% - 3px);
box-sizing: border-box;
text-align: center;
font-size: calc(.35vmax + .7vmin);
background: yellow !important;
margin: 0;
padding: 0;
box-sizing: border-box;
}

.txt_center {
    text-align: center !important;
margin: 1px 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;
}

#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;
}

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

.popup-content {
    padding: 20px;
border-radius: 5px;
text-align: center;
width: 300px;
}

.close {
    position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
cursor: pointer;
}

.share-button {
    display: block;
margin: 10px 0;
padding: 10px;
text-decoration: none;
color: white;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}

.share-button img {
    width: 24px;
height: 24px;
margin-right: 10px;
}

.facebook {
    background-color: #3b5998;
}

.whatsapp {
    background-color: #25d366;
}

.twitter {
    background-color: #1da1f2;
}

.linkedin {
    background-color: #0077b5;
}

.telegram {
    background-color: #0088cc;
}

#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;
}

.bg_error {
    background: #f006;
}


table.ics_table td, 
table.ens_table td {
    text-align: center;
border: 1px solid #00adff;
border-collapse: collapse;
border-left: 3px solid #efefef;
overflow: hidden;
text-overflow: ellipsis;
}

td.errors {
    width: 5%;
    position: relative;
}
td.errors i {
    margin: 0 auto;
}
.column button {
    border-top: 1px solid #aaa;
border-bottom: 1px solid #000000;
width: 100%;
margin: 1vh 0;
height: 3rem;
color: white;
text-transform: uppercase;
font-weight: 700;
font-family: monospace;
text-shadow: 1px 1px 1px #000;
border-radius: 5px;
font-size: calc(0.35vmax + 0.7vmin);
}


.error_field {
    outline: 1px solid red;
}

.consignes {
    width: 17%;
    margin: 0.5vh .5vh 0;
    height: max-content;
    /* position: relative; */
    /* background: #d9d9d9; */
    padding: .3em;
    box-sizing: border-box;
    border-radius: .3em;
}

.impexpselector::-webkit-scrollbar {
    width: 13px;
}

.impexpselector::-webkit-scrollbar-thumb {
    background: #6d6d6d;
    border-radius: 5px;
}

.impexpselector {
    position: fixed;
    width: 33Vw;
    background: #ffffff;
    border-radius: .5vh;
    max-height: 70vh;
    overflow: hidden;
    top: 3vh;
    box-shadow: 0 0vh 1vh #000;
    left: 6vh;
    z-index: 9;
}

.doc_ref_type {
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px 0 0 5px;
    color: #000000;
    font-size: calc(0.4vmax + 0.9vmin);
    font-weight: 200;
    width: 20%;
    margin-right: 0%;
    height: 100%;
    display: grid;
    align-items: anchor-center;
    background: #f0d5b6;
    border: 0px solid #0003;
    border-right: none;
}
.tadtsad_switch {
    display: flex;
}

.ttsw {
    width: 50%;
    display: flex;
}
.cargo_form_container_outer {
    /* max-height: 72vh !important; */
    overflow: hidden;
    height: calc(99% - 5.1em - 3vh);
}
.ttsw_sw {
width: 25%;
height: 100%;
}
.spacer_v {
    height: 1rem;
}

a.seamless {}

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

th.rpdanger {
    width: 11%;
}

th.rpmarks {
    width: 16%;
}

th.rpgross {
    width: 5%;
}

th.rpquant {
    width: 6%;
}

th.rppack {
    width: 6%;
}

th.rpdesc {
    width: 40%;
}

#report_div h3 {
    text-align: center;
}

table.items_report {
    border-collapse: collapse;
}

th.rpquant {
    width: 5%;
}

table.items_report th {
    font-size: calc(0.3vmax + .8vmin) !important;
border: 1px solid #aaa;
padding: .5vh !important;
}

table.items_report td {
    font-size: calc(0.3vmax + 0.6vmin);
text-transform: uppercase;
}

.report-container {
    padding-top: 3vh;
padding-bottom: 10vh;
}

th.rpid {
    width: 5%;
}

th.rpdesc {
    width: 26%;
}

th.rppack {
    width: 5%;
}

.mrnimpbtn {
    margin: 0 1vw 0 auto;
left: 0;
}

i.ion-close.close_err {
    position: absolute;
right: 1vh;
top: .5vh;
}

.errbox.errors button, .errcont.errors {
    background: #ff0000e3;
}

.errbox i {
    font-size: calc(.4vmax + 1.2vmin);
    display: block;
    font-weight: 500;
    color: white;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
    height: 100%;
    padding: 0;
}

th.funct {
    width: 25%;
}
.th_group.addgmr {
    width: 15%;
    height: 100%;
}

.th_group.shwgmr {
    width: 8%;
}

.th_group.addcrg {
    width: 8%;
    height: 100%;
}


.line_buttons {
    height: 3rem;
    display: flex;
    margin-top: .3vh;
}
.ics_table th,
.ens_table th {
    font-size: calc( .4vmax + .8vmin) !important;
    margin: 0;
    color: #cfcfcf;
    text-transform: lowercase;
    border: none !important;
    font-weight: 200;
    font-family: monospace;
    
    transition: 0.3s all;
}
table.ens_table {
      background: #ffffffba;
}
table.ics_table {
      background: #ffffffba;
}
table.ens_table {
    width: 100%;
    border: 2px solid #DDDDDB;
    box-shadow: 0 .5vh 1vh 0.5vh #6c6b6b8c;
    border-collapse: collapse !important;
    overflow: hidden;
    margin-bottom: 1vh;
    transition: .3s all;
}

button.funct_arch.undoarch {
    width: 9% !important;
margin-left: 1% !important;
margin-right: 0 !important;
font-weight: 600;
text-shadow: 1px 1px 1px #000;
font-family: monospace;
font-size: calc(0.45vmax + 0.9vmin);
}

i.ion-archive.add_arch {
    font-size: calc(0.8vmax + 1.6vmin);
display: block;
margin-top: 0;
margin-bottom: 0;
color: orangered;
}

th.funct_arch {
    box-sizing: border-box;
border-radius: 10px 0 0 10px;
background: #8b3008;
display: grid;
height: max-content;
padding: 0 1vmin !important;
width: 100%;
cursor: pointer;
border-left: 3px solid #ff000054 !important;
text-shadow: 0px 0px 4px #000;
text-transform: uppercase;
}

.err-loc i.ion-help-circled {
    color: #8fff8f;
font-size: 3rem;
cursor: pointer;
padding-bottom: 3vh;
display: block;
height: 0;
}

th.status {
    
}

div#errorShower {
    padding: 1px;
    font-size: calc(.5vmax + 1vmin);
    border-radius: 5px;
    color: #522b2b;
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-word;
    position: absolute;
    right: 2vw;
    left: auto;
    bottom: 10vh;
    top: auto;
    max-height: 39vh;
    width: 30vw;
    padding-left: 2px;
    z-index: 99999;
    
    border-radius: 1vh;
    min-height: 14vh;
}


button.updinpexp.del {
    background: #c13e3e4a;
}
div#consignments {
    height: 90%;
}
.cargo_head_item {
    padding: .5em;
    line-height: 1;
}

.unit_cargo_desc input {
    text-align: center;
    display: block;
    text-transform: uppercase;
}
button#w_zal {
}
select:disabled{
opacity:.5;
}


.drag_icon {
    position: absolute;
    right: 1vw;
    left: auto;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 2rem;
}

.drag_icon i.ion-drag {
    font-size: 1.5rem;
}
.container_oem input {
    width: 99% !important;
}
.gmrensinfo {
    margin: 0 auto;
    background: orange;
    text-align: center;
    font-size: calc(.3vmax + .8vmin);
    padding: .5em;
    box-sizing: border-box;
    color: #000000;
    text-shadow: 1px 1px 1px #ffffff;
    font-weight: b900;
}


.cons_eori,.cons_eori2, input.eori_form.eori_imp, .cons_eori .inp_sender {
    margin: 0 auto;
}

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

.fst.hmr_inp_row.flex.vcenter.h_adapt.bg_white {
    width: 60%;
margin-left: 2%;
height: 100%;
}

.hmr_inp_row.flex.vcenter.h_adapt.bg_white {
    width: 77%;
margin-right: 2%;
height: 100%;
border-radius: .3vh;
}

input.decl_tools {
    border: 1px solid transparent;
padding: 0 1vw;
font-size: inherit;
background-color: #fff;
width: 100%;
height: 100%;
border-radius: .3vh;
box-sizing: border-box;
}


#side_menu .p_but_inside {
    width: 100%;
}

#side_menu .p_but_inside i {
    font-size: 2.5vh;
}

.hcenter.noshow {
    visibility: hidden;
}

.chlog_title {
    font-size: calc(0.6vmax + 1.2vmin);
color: white;
margin-bottom: 1vh;
}

.changelog::-webkit-scrollbar {
    width: 15px;
}

.changelog::-webkit-scrollbar-thumb {
    background: #d7dbe0;
border-radius: 10px;
}

.changelog {
    position: fixed;
left: 35%;
width: 30%;
overflow: hidden auto;
z-index: 99999;
background: #343638;
padding: 1vh;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 4vh 2vh #000000a8,  0 1px 12px #0000008c;
min-height: 30%;
max-height: 50%;
top: 26%;
height: max-content;
}

.chlog_seen {
    margin: 0 0 0 auto;
width: max-content;
color: #fff;
cursor: pointer;
}

.chlog_seen i.ion-eye-disabled {
    font-size: 200%;
margin-left: 1vw;
color: #5c817e;
}

.chlog_date {
    color: #f12020;
text-transform: uppercase;
margin-bottom: 1vh;
font-weight: 400;
font-style: italic;
font-size: calc(0.2vmax + 1vmin);
text-shadow: 1px 1px 1px #000000;
}

.chlog_close {
    margin: 0 0 0 auto;
background: white;
border-radius: 50%;
width: calc(2em + 4px);
height: calc(2em + 4px);
padding: 0;
border: none;
text-align: center;
cursor: pointer;
overflow:hidden;
position: sticky;
top: 0vh;
}

.chlog_close i {
    font-size: calc(1vmax + 2vmin);
color: red;
line-height: 0;
display: block;
height: 100%;
margin: 0px;
border: none;
}

.chlog_close:hover i {
    background:red !important;
color:white !important;
}

.chlog_info {
    CONTAIN-INTRINSIC-INLINE-SIZE: AUTO 100PX;
color: #ededed;
padding: 1vh;
text-align: center;
font-size: 0.9em;
}

.no_archives {
    position: fixed;
left: 45%;
right: 30%;
width: 25%;
background: #acacac;
text-align: center;
font-size: 3em;
border-radius: 1vh;
padding: 1vw;
color: white;
text-shadow: 1px 1px 1px #000;
box-shadow: 0 1vh 1vh #625959;
}

.side_menu div#infowin {
    position: relative !important;
width: 100% !important;
}

.so_main_content {
    margin-top: 0;
    display: flex;
    height: 86%;
    width: 100%;
}

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

.login_title.dtp {
    font-size: calc(.7vmax + 1.5vmin);
text-shadow: 1px 5px 7px #0000005e;
}

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

.login_subtitle.dtp {
    text-shadow: 4px 4px 7px #00000059;
}


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

i.del_plates,
i.del_carriers,
i.del_eu_carriers{
}

i.add_plates {
}


.c4 {
    margin: 0 auto;
height: 74%;
font-weight: 600;
width: 16%;
}

.decl .circle {
    font-size: calc(0.7vmin + 0.3vmax);
    height: 2.2em;
    color: #ffffff !important;
    font-family: Ubuntu Condensed;
    width: 2.2em;
    text-shadow: 0px 0px 4px #000;
    border: 3px dotted;
    padding: 3px;
}

.c4 .circle {
    text-align: center;
display: grid;
}

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

.rightflow .hmr_info {
    width: 16vw;
padding: 0 1vh;
box-sizing: border-box;
}

.rightflow {
    display: flex;
margin: 0 3vw 0 auto;
height: 100%;
width: 52%;
font-size: calc(0.5vmax + 1.2vmin);
}

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

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

td .botmen {
    margin: 0 auto;
width: 100%;
max-width: 100%;
}




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

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



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

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

.row_fe select, .row_fe input {
    width: 100% !important
}

.tdd.state_completed {
    color: green;
font-size: calc(0.4vmax + 1vmin);
}

.bvcontainer {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #ffffff;
    box-shadow: 0 .5vh .5vh -3px #00000073;
}

button.styled.bg_custom_arch {
    background: #5f5e5e;
    color: #ffffff;
    font-size: calc(0.5vmax + 1vmin);
}
button.styled.sort-by-date act{
    background: #117c23;
}

button.styled.ens_sort_button.nact {
    background: #b6b5b5;
}



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

.gmr_green {
    color: #3dff7a !important;
background-color: #28a745 !important;
border-color: #27ff00 !important;
box-shadow: inset 0 .5vh 1vh .1vh #057922;
text-shadow: -1px -1px 1px #4119195c;
}

.input-container {
    display: flex;
}

.tidx .tplate, .tport, .tdep, .tid, .tstatus, .tdesc {
    display: block;
padding: 0;
border: none;
background-color: transparent;
width: 100%;
box-sizing: border-box;
color: #fff;
}

.th_group.tplate {
    width: 10%;
}

.th_group.tport {
    width: 16%;
}

.th_group.tdep {
    width: 11%;
}

.th_group.tdesc {
    width: 25%;
}

.tstatus_s {
    width: 8%;
font-size: 135%;
}

.bg_blue {
    background-color: #39668f !important;
}

div.login_form.dtp input#user_pass, div.login_form.dtp input#user_login {
    background-color: white !important;
font-size: 2vh;
height: 5.5vh;
box-sizing: border-box;
margin-top: 0vh;
}



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

#users_list {
    margin: 0;
background-color: transparent;
border-color: transparent;
height: auto;
border-collapse: separate;
padding-bottom: 2vh;
}

span.credit_cnt {
    background: orange;
padding: .5em;
border-radius: 50%;
width: 2em;
}

.credit_cnt {
    background: orange;
    width: max-content;
    margin: 0 .2vw;
}

.succ .credit_cnt {
    padding: 0.3em 0.6em;
    border-radius: 50%;
    background: #ffe5a9;
    border: 1px dashed #999;
}

.err-loc {
    font-family: monospace;
    font-size: 1.2rem;
    text-align: center;
    color: #dcd1d1;
    position: relative;
    width: max-content;
    align-items: center;
    font-weight: 700;
    background: #a21111;
    border-radius: 5px;
    font-size: calc(1vmin + 0.5vmax);
    margin: 0 auto;
    padding: 0.5vh 1vw;
}
div.errcont .err-txt {
    color: white !important;
}
.err-txt {
    font-size: calc(0.5vmax + 1vmin);
    text-align: center;
    border-radius: .5vh;
    border-bottom: 1px solid #0001;
    font-family: LATO;
    padding-right: 4vw;
    width: 100%;
    color: #ff0000;
    text-shadow: 1px 1px 1px #fbf7f7;
}



button.funct_arch:hover {
    background: #23ff23 !important;
}

button.funct_arch {
    background: #ffffff !important;
width: 5% !important;
margin: 0px 2%;
border: 1px dotted red;
}


button.status_crg {
    width: 5%;
color: white;
font-size: calc(.35vmax + .7vmin);
margin-left: 1%;
background: #ff030357;
border-radius: .5vh;
height: 90%;
align-self: anchor-center;
}

#info_text {
    width: 100%;
padding: 0 .5vw;
box-sizing: border-box;
overflow-x: hidden;
}

.userprof_container {
    width: 100%;
    margin: 0 auto;
    background: transparent;
    height: 100%;
}

.botmen .butdiv_v_resp {
    margin: 0 1vw;
}




.relative {
    position: relative;
}

.fsearch {
    width: 100%;
    margin: 1px 0 1vh 1px;
    position: sticky;
    box-shadow: 0 1vh 1vh #0001;
    top: 0vh;
    z-index: 999999;
    background: #ffffff;
    text-align: center;
    color: #000;
    padding: 0 0 .5vw 0;
    box-sizing: border-box;
}


.no_treq_container .cargo_line.inc {
    width: 99%;
}
.shipment_container .cargo_line,
.treq_container .cargo_line{
    width: 100% !important;
}
.treq_descr {
    height: 89%;
    /* background: #aaa4; */
    margin: 0 .5em 0 3px;
    padding: 0 1vw;
    width: stretch;
    display: grid;
    align-items: anchor-center;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}
.treq_line button {
    height: 90%;
}



.bg_cred {
    background: #e7ad00;
color: #ffffff;
}


.cmrline input {
    width: 70% !important
height: 100%;
border: none !important
border-radius: 0 !important
}

.inp_sender, .inp_seller, .inp_buyer, .inp_receiver{
    width: 96%;
    padding-left: .5em;
}
.no_border {
    border: none !important;
}
button.docker_button i {
    font-size: calc(0.86vmax + 1.8vmin);
margin-right: 1vw;
border-right: 1px solid white;
padding: 0 0.5vw 0 0.5vw;
cursor: pointer;
}
.user_logged_in_label {
    position: absolute;
    left: 2vw;
    text-transform: uppercase;
    display: flex;
    font-size: calc(0.2vmax + 0.6vmin);
    top: 1vh;
    align-items: baseline;
    color: #aaa;
}

.user_logged_in_label .cn {
    font-weight: 600;
    font-size: calc(0.3vmax + 0.6vmin);
}
.c_gray {
    color: #888;
}


#hmrc_div, #hmrc_edit, #ens_div {
    border: 1px solid #ffffff;
    overflow: hidden;
    box-shadow: 0 1vh 1vh -5px #0004;
}
.dragdone {
    border-color: red !important;
}
 .ocr_uploader {
            width: max-content;
            height: max-content;
            border: 5px dashed #656565;
            border-radius: 10px;
            text-align: center;
            padding: 20px;
            margin: 50px auto;
            position: relative;
            background: #e6e6e6;
            display: flex;
            align-items: center;
            position: fixed;
            left: 3vw;
            width: 19%;
            bottom: 0;
            cursor: pointer;
        }
        
        .ocr_uploader.dragover {
            border-color: #666;
            background-color: #21ff28;
            color: white;
        }
        
        #files_input {
            display: none;
        }
        
        .upload-text {
            display: block;
            color: #000000;
        }
#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(6), #trucks_in_gmr .sh_row .tdd:nth-of-type(6) {
    width: 15%;
text-align: center;
}

.sh_row .circle {
    margin: 0 auto;
font-size: calc(0.6vmax + 1.4vmin);
font-family: Ubuntu Condensed;
width: 1.3em;
height: 1.3em;
text-align: center;
display: grid;
align-items: anchor-center;
}

.info_div_adm {
    width: 100%;
border-radius: 1vh;
padding-bottom: 7vh;
}
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	margin: 0 auto;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	text-align: center;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}