html,body {
margin: 0px;
padding: 0px;
font-family: 'roboto';
color: #1e1e1e;
}

@font-face {
font-family: 'roboto';
src: url('fonts/Roboto.ttf');
font-weight: normal;
font-style: normal;
}

h1 {
color: #145871;
}

#gtd_form_type_classic,#gtd_form_type_modern {
display: none;
}

.gtd_form_selector_block {
margin: 0px 0px 10px 0px;
}

.gtd_form_selector_block label{
border: solid 3px #43a3c8;
padding: 5px 10px;
border-radius: 10px;
cursor: pointer;
color: #43a3c8;
}

.gtd_center_header {
display: block;
margin: 5px;
display: flex;
justify-content: space-between;
}

.gtd_main_menu {
display: flex;
justify-content: space-between;
margin: 5px 0px;
}

.gtd_kdt_coorected {
color: #3a44d7;
}

.gtd_main_menu .gtd_menu_itm {
display: inline-block;
width: 38px;
height: 25px;
cursor: pointer;
background-size: auto 30px;
background-repeat: no-repeat;
background-position: center top;
margin: 0px 5px;
font-size: 8px;
color: white;
text-align: center;
padding: 40px 0px 0px 0px;
}

.gtd_profile_name {
padding: 5px;
margin: 0px 10px 0px 0px;
color: white;
}

.gtd_main_menu .gtd_menu_itm.padding_left {
margin: 0px 5px 0px 20px;
}

.gtd_form_type_classic,.gtd_form_type_modern {
display: none;
}

#gtd_form_type_classic:checked ~ .gtd_form_type_classic {
display: block;
}

#gtd_form_type_classic:checked ~ .gtd_form_selector_block label[for="gtd_form_type_classic"]{
color: white;
background-color: #43a3c8;
}

#gtd_form_type_modern:checked ~ .gtd_form_selector_block label[for="gtd_form_type_modern"]{
color: white;
background-color: #43a3c8;
}

#gtd_form_type_modern:checked ~ .gtd_form_type_modern {
display: block;
}

.gtd_modern_form_block {
min-height: 60px;
width: 100%;
border: solid 1px black;
}

/*=== Шапка ===*/

.omi_rest_first_block {
width: 100%;
position: relative;
text-align: center;
background: url(./img/slide_bg.png) center top/100% auto no-repeat;
height: 86px;
}

.omi_header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 30;
text-align: center;
}


.omi_logo-box {
float: left;
margin-top: 5px;
margin-right: 15px;
position: relative;
z-index: 101;
}

.omi_logo {
display: inline-block;
height: 60px;
text-align: center;
margin: 5px 5px 0px 0px;
}

.omi_logo img {
height: 60px;
}

.bi_flex_header_all {
  display: flex;
  justify-content: space-between;
  width: 1600px;
  margin: 0px auto;
}

/*=== Шапка ===*/

.content_pading {
width: 96%;
margin: 0px auto;
}

.gtd_cell_picker {
padding: 5px;
border-radius: 5px;
background-color: #C1F0FF;
box-sizing: border-box;
height: 100%;
color: #081117;
cursor: pointer;
position: relative;
border: solid 1px #74DDFF;
}

.gtd_cell_picker:before {
content: '';
width: 100%;
height: 4px;
position: absolute;
bottom: -4px;
left: 0px;
}

.gtd_cell_picker:after {
content: '';
width: 4px;
height: 100%;
position: absolute;
top: 0px;
right: -4px;
}

.gtd_workspace > table, .gtd_workspace > table tr, .gtd_workspace > table td {
height: 100%;
}

.gtd_cell_picker.active {
background-color: #145871;
}

.gtd_cell_picker.unactive {
background-color: #cacaca;
color: white;
border: solid 1px #cacaca;
}

.gtd_cell_picker_hover {
background-color: #66c6ea !important;
}

.gtd_cell_picker[ready] {
background-color: #79c3df;
color: white;
border: solid 1px #79c3df;
}

.gtd_cell_picker_hover[ready] {
background-color: #0D7CA6 !important;
}

.gtd_supplies_workspace  .gtd_cell_picker_sup {
padding: 5px;
border-radius: 5px;
background-color: #cacaca;
box-sizing: border-box;
height: 100%;
color: white;
cursor: pointer;
position: relative;
border: solid 1px #cacaca;
}

.gtd_supplies_workspace  .gtd_cell_picker_sup:before {
content: '';
width: 100%;
height: 4px;
position: absolute;
bottom: -4px;
left: 0px;
}

.gtd_supplies_workspace  .gtd_cell_picker_sup:after {
content: '';
width: 4px;
height: 100%;
position: absolute;
top: 0px;
right: -4px;
}

.gtd_supplies_workspace[key]  .gtd_cell_picker_sup {
background-color: #C1F0FF;
color: #081117;
}

.gtd_supplies_workspace[key]  .gtd_cell_picker_sup_hover {
background-color: #66c6ea !important;
}

.gtd_supplies_workspace[key]  .gtd_cell_picker_sup[ready] {
background-color: #79c3df !important;
color: white!important;
border: solid 1px #79c3df !important; 
}

.gtd_supplies_workspace[key]  .gtd_cell_picker_sup_hover[ready] {
background-color: #0D7CA6 !important;
}

gfct {
display: block;
text-align: left;
padding: 10px 0px 0px 0px;
font-weight: bold;
}

.gtd_modal_background {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
position: fixed;
top: 0px;
left: 0px;
z-index: 200;
display: none;
}

.gtd_modal_block {

}

cross {
position: absolute;
top: 2px;
right: 2px;
width: 30px;
height: 30px;
cursor: pointer;
}

cross:before {
content: '';
width: 2px;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
background-color: white;
transform: translate(-50%,-50%) rotate(45deg);
}

cross:after {
content: '';
width: 2px;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
background-color: white;
transform: translate(-50%,-50%) rotate(-45deg);
}

auto_calc {
position: absolute;
top: 2px;
right: 112px;
width: 30px;
height: 30px;
cursor: pointer;
font-weight: bold;
font-size: 25px;
user-select: none;
background: url(/img/auto_clac.svg) center center/auto 80% no-repeat;
}

help_link {
position: absolute;
top: 2px;
right: 42px;
width: 30px;
height: 30px;
cursor: pointer;
font-weight: bold;
font-size: 25px;
user-select: none;
color: white;
}

modalbg {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 201;
}

modalwindow {
background-color: white;
box-sizing: border-box;
transform: translate(-50%,-50%);
position: fixed;
top: 50%;
left: 50%;
z-index: 201;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 600px 600px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 600px 600px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 600px 600px rgba(0, 0, 0, 0.4);
}

modalwindow.small {
min-width: 320px;
}

modalwindow.medium {
width: 80%;
}

modalwindow.large {
width: 100%;
}

modalwindow.full {
width: 100%;
height: 100%;
overflow-y: auto;
}

.gtd_modal_window_lvl1 {
z-index: 201;
}

.gtd_modal_window_lvl2 {
z-index: 202;
}

.gtd_modal_window_lvl3 {
z-index: 203;
}

.gtd_modal_window_lvl4 {
z-index: 204;
}	

.gtd_modal_window_lvl5 {
z-index: 205;
}

.gtd_modal_window_lvl6 {
z-index: 206;
}	

.gtd_modal_window_lvl7 {
z-index: 207;
}

mname {
display: block;
text-align: left;
padding: 10px;
background-color: #43a3c8;
color: white;
border-radius: 5px 5px 0px 0px;
}

mcontent {
display: flex;
align-items: end;
justify-content: start;
flex-wrap: wrap;
padding: 10px;
color: #3e3e3e;
overflow-y: auto;
}

mnav {
display: flex;
width: 100%;
padding: 10px 0px 0px 0px;
justify-content: space-between;
}

mnav > div {
display: flex;
}
mnav save_modaldata,mnav accept,mnav save_doc,mnav confirm_tolls,mnav confirm_aditional,mnav accept_rass ,mnav accept_pena,mnav accept_triger,mnav preload_set_procedure,mnav load_excel,mnav accept_recalc_taxes,mnav send_feedback,mnav confirm_pref {
background-color: #3FAD53;
color: white;
border-radius: 0px 0px 0px 5px;
padding: 7px 30px;
display: block;
cursor: pointer;
text-transform: uppercase;
transition: 0.5s;
}

mnav load_modaldata:hover {
opacity: 0.7;
}

mnav save_modaldata:hover {
opacity: 0.7;
}

mnav accept:hover {
opacity: 0.7;
}

mnav accept_rass:hover {
opacity: 0.7;
}

mnav accept_pena:hover {
opacity: 0.7;
}

mnav confirm_tolls:hover {
opacity: 0.7;
}
mnav confirm_aditional:hover {
opacity: 0.7;
}
mnav save_doc:hover {
opacity: 0.7;
}
mnav accept_triger:hover {
opacity: 0.7;
}

mnav confirm_tolls[disabled],mnav confirm_aditional[disabled],mnav accept_recalc_taxes[disabled] {
background-color: #BDBDBD;
}

mnav cancel,mnav save_cancel {
background-color: #B3243F;
color: white;
border-radius: 0px 0px 5px 0px;
padding: 7px 30px;
display: block;
cursor: pointer;
text-transform: uppercase;
transition: 0.5s;
}

mnav cancel:hover {
opacity: 0.7;
}

mnav clear, mnav clear_dts {
background-color: #BDBDBD;
color: white;
border-radius: 0px 0px 0px 0px;
padding: 7px 30px;
display: block;
cursor: pointer;
text-transform: uppercase;
transition: 0.5s;
}



load_modaldata,load_doc,load_json,load_xml,preload_excel {
background-color: #BDBDBD;
color: white;
border-radius: 0px 0px 0px 0px;
padding: 7px 30px;
display: block;
cursor: pointer;
text-transform: uppercase;
transition: 0.5s;
}

load_modaldata[active],load_doc[active],load_json[active],load_xml[active],preload_excel[active] {
background-color: #3FAD53;
color: white;
border-radius: 0px 0px 0px 5px;
padding: 7px 30px;
display: block;
cursor: pointer;
text-transform: uppercase;
transition: 0.5s;
}

.GTD_document_file_input {
width: 100%;
box-sizing: border-box;
padding: 7px 10px;
text-align: center;
background-color: #43a3c8;
color: white;
text-transform: uppercase;
border: none;
cursor: pointer;
position: relative;
}

mnav clear:hover {
opacity: 0.7;
}

.GTD_document_file_input  input[type="file"]{
position: absolute;
left: -3000px;
}

mnav load, mnav save, mnav copy, mnav add, mnav del, mnav edit, mnav up, mnav down, mnav sort {
height: 32px;
width: 50px;
color: white;
border-radius: 0px 0px 0px 0px;
display: block;
cursor: pointer;
text-transform: uppercase;
transition: 0.5s;
flex-shrink: 0;
}

mnav del[unactive], mnav copy[unactive],mnav up[unactive], mnav down[unactive], mnav edit[unactive], mnav copy[unactive],
.gtd_supplies_top_menu del[unactive], .gtd_supplies_top_menu copy[unactive], .gtd_supplies_top_menu up[unactive],
.gtd_supplies_top_menu down[unactive], .gtd_supplies_top_menu edit[unactive], .gtd_supplies_top_menu copy[unactive] {
opacity: 0.5;
cursor: not-allowed;
}

mnav rassrochka[unactive], mnav penalty[unactive] {
opacity: 0.5;
cursor: not-allowed;
}

mnav load:hover, mnav save:hover, mnav copy:hover, mnav add:hover, mnav del:hover, mnav edit:hover, mnav up:hover, mnav down:hover, mnav sort:hover{
opacity: 0.7;
}

mnav load {
background: #F7F7F7 url(/img/load_icon.svg) center center/auto 50% no-repeat;
}

mnav save {
background: #F7F7F7 url(/img/save_icon.svg) center center/auto 50% no-repeat;
}

mnav copy {
background: #F7F7F7 url(/img/copy_icon.svg) center center/auto 50% no-repeat;
}

mnav add {
background: #F7F7F7 url(/img/add_icon.svg) center center/40% auto no-repeat;
}

mnav del {
background: #F7F7F7 url(/img/del_icon.svg) center center/40% auto no-repeat;
}

mnav edit {
background: #F7F7F7 url(/img/edit_icon.svg) center center/auto 50% no-repeat;
}

mnav up {
background: #F7F7F7 url(/img/up_icon.svg) center center/auto 50% no-repeat;
}

mnav down {
background: #F7F7F7 url(/img/down_icon.svg) center center/auto 50% no-repeat;
}

mtip {
border-top: solid 1px #F7F7F7;
border-bottom: solid 1px #F7F7F7;
padding: 10px;
width: 100%;
box-sizing: border-box;
color: gray;
min-height: 70px;
display: block;
overflow-y: auto;
}

.gtd_form_feld_100p {
width: 100%;
margin: 5px 0px;
}

.gtd_form_feld_65p {
width: 65%;
margin: 5px 1% 0px 0px;
}

.gtd_form_feld_80p {
width: 79%;
margin: 5px 1% 0px 0px;
}

.gtd_form_feld_50p {
width: 49%;
margin: 5px 1% 0px 0px;
}

.gtd_form_feld_15p {
width: 15%;
margin: 5px 1% 0px 0px;
}

.gtd_form_feld_25p {
width: 24%;
margin: 5px 1% 0px 0px;
}

.gtd_form_feld_30p {
width: 30%;
margin: 5px 1% 0px 0px;
}

.gtd_form_feld_10p {
width: 9%;
margin: 5px 1% 0px 0px;
}

.gtd_form_feld_20p {
width: 19%;
margin: 5px 1% 0px 0px;
}

.gtd_form_feld_5p {
width: 5%;
margin: 5px 1% 0px 0px;
}


.gtd_form_feld_7p {
width: 7%;
margin: 5px 1% 0px 0px;
}

formtitle {
display: block;
width: 100%;
padding: 10px 0px 5px 0px;
font-size: 18px;
color: #43a3c8;
}

mcontent label[checkbox] {
width: 100%;
text-align: left;
display: block;
padding: 7px 10px;
background-color: #F7F7F7;
box-sizing: border-box;
cursor: pointer;
user-select: none;
}

mcontent label {
cursor: pointer;
user-select: none;
width: 100%;
display: block;
}

/*
mcontent label > input[type="text"],mcontent  label > input[type="date"],mcontent  label > input[type="number"], mcontent  label > select {
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
margin: 5px 0px 0px 0px;
border: solid 1px #8f8f9d;
}*/

mcontent label > input[type="text"],mcontent  label > input[type="date"],mcontent  label > input[type="number"], mcontent  label > select, .GTD_ple_colselector {
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
margin: 5px 0px 0px 0px;
border-radius: 7px;
border: solid 1px #ECF1F3;
color: #111827;
background-color: white;
}

mcontent label > input[type="text"]:focus,mcontent  label > input[type="date"]:focus,mcontent  label > input[type="number"]:focus, mcontent  label > select:focus, .GTD_ple_colselector {
background-color: #E2FEFF;
border: solid 1px #427DC7;
color: #427DC7;
}

.GTD_document_save_input {
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
margin: 5px 0px 0px 0px;
}

sprav {
width: 100%;
padding: 3px 10px;
box-sizing: border-box;
margin: 6px 0px -3px 0px;
height: 30px;
border: solid 1px #8f8f9d;
background-color: #eee;
overflow: hidden;
cursor: pointer;
display: inline-block;
position: relative;
}

sprav:after {
content: '...';
position: absolute;
bottom: 0px;
right: 0px;
width: 30px;
height: 30px;
box-sizing: border-box;
padding: 7px 5px;
text-align: center;
color: white;
background-color: #43a3c8;
font-weight: bold;
}

sprav > span {
display: block;
}

sprav > span  sp{
display: inline-block;
padding: 2px 30px 2px 5px;
background-color: white;
border-radius: 3px;
margin: 1px;
position: relative;
}

sprav > span  sp c {
position: absolute;
right: 2px;
top: 2px;
width: 20px;
height: 20px;
cursor: pointer;
}

sprav > span  sp c:before,sprav > span  sp c:after {
width: 2px;
height: 20px;
position: absolute;
content: '';
top: 50%;
left: 50%;
background-color: #43a3c8;
}

sprav > span  sp c:before {
transform: translate(-50%,-50%) rotate(45deg);
}
sprav > span  sp c:after {
transform: translate(-50%,-50%) rotate(-45deg);
}

variative {
width: 100%;
}

.gtd_variative_flex {
display: flex;
align-items: end;
justify-content: start;
flex-wrap: wrap;
}

comarray {
width: 100%;
display: flex;
margin: 5px 0px 0px 0px;
box-sizing: border-box;
border: solid 1px #8f8f9d;
position: relative;
flex-wrap: wrap;
}

comarray input {
border: none;
width: 7px;
outline: none;
padding: 5px 10px;
margin: 1px 0px 1px 0px !important;
}

comarray   sp{
display: inline-block;
padding: 2px 30px 2px 5px;
background-color: white;
border-radius: 3px;
margin: 1px;
position: relative;
}

comarray  sp c {
position: absolute;
right: 2px;
top: 2px;
width: 20px;
height: 20px;
cursor: pointer;
}

comarray  sp c:before,comarray  sp c:after {
width: 2px;
height: 20px;
position: absolute;
content: '';
top: 50%;
left: 50%;
background-color: #43a3c8;
}

comarray sp c:before {
transform: translate(-50%,-50%) rotate(45deg);
}
comarray  sp c:after {
transform: translate(-50%,-50%) rotate(-45deg);
}

mcontent button{
width: 100%;
box-sizing: border-box;
padding: 7px 10px;
text-align: center;
background-color: #43a3c8;
color: white;
text-transform: uppercase;
border: none;
cursor: pointer;
}

.GTD_recalc_posh,.GTD_recalc_posh_this  {
box-sizing: border-box;
padding: 5px 10px;
text-align: center;
background-color: #cacaca;
color: white;
text-transform: uppercase;
border: none;
cursor: not-allowed;
margin: 2px;
}

.GTD_recalc_block {
border: solid 1px #43a3c8;
}

.GTD_recalc_block > label {
display: block;
width: 99% !important;
box-sizing: border-box;
}

.GTD_recalc_block > label input{
width: auto !important;
}

.GTD_recalc_posh[active],.GTD_recalc_posh_this[active] {
background-color: #43a3c8;
cursor: pointer;
}

.gtd_extend_btn {
width: 100%;
box-sizing: border-box;
padding: 7px 10px;
text-align: center;
background-color: #f7f7f7;
color: #3e3e3e;
text-transform: uppercase;
border: none;
cursor: pointer;
white-space: nowrap;
margin: 0px 1px;
}

mnav button{
width: 100%;
box-sizing: border-box;
padding: 7px 10px;
text-align: center;
background-color: #f7f7f7;
color: #3e3e3e;
text-transform: uppercase;
border: none;
cursor: pointer;
white-space: nowrap;
margin: 0px 1px;
}

.gtd_inp_relative {
position: relative;	
}

.gtd_inp_relative input{
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
margin: 5px 0px 0px 0px;
}

.gtd_inp_relative calc {
position: absolute;
bottom: 0px;
right: 0px;
width: 30px;
height: 30px;
background: #F7F7F7 url(/img/calc_icon.svg) center center/auto 50% no-repeat;
}


.gtd_inp_relative modalsprav {
position: absolute;
bottom: 0px;
right: 0px;
width: 30px;
height: 30px;
box-sizing: border-box;
padding: 7px 5px;
text-align: center;
color: white;
background-color: #43a3c8;
font-weight: bold;
}

.gtd_modal_table, .gtd_modal_table_dts {
width: 100%;
}

.gtd_modal_table th, .gtd_modal_table_dts th {
background-color: #F7F7F7;
padding: 7px 0px;
}

.gtd_supplies_top_menu {
display: flex;
width: 100%;
padding: 0px 0px 0px 0px;
justify-content: start;
}

.gtd_modal_table tbody,.gtd_modal_table_dts tbody {
min-height: 30px;
}

.gtd_modal_table tbody tr, .gtd_modal_table_dts tbody tr {
min-height: 30px;
cursor: pointer;
}

.gtd_modal_table tbody tr[selected],.gtd_modal_table_dts tbody tr[selected] {
background-color: #66c6ea;
color: white;
}


.gtd_modal_table tbody tr:hover,.gtd_modal_table_dts tbody tr:hover {
background-color: #b9ecff;
color: white;
}

.gtd_modal_table tbody tr td,.gtd_modal_table_dts tbody tr td {
border-bottom: solid 1px #F7F7F7;
border-right: solid 1px #F7F7F7;
padding: 5px;
}

.gtd_modal_table tbody tr td:last-child,.gtd_modal_table_dts tbody tr td:last-child {
border-right: none;
}

.gtd_supplies_top_menu add, .gtd_supplies_top_menu del, .gtd_supplies_top_menu copy, .gtd_supplies_top_menu calc, .gtd_supplies_top_menu up, .gtd_supplies_top_menu down {
height: 42px;
width: 50px;
color: white;
border-radius: 0px 0px 0px 0px;
display: block;
cursor: pointer;
text-transform: uppercase;
transition: 0.5s;
}


.gtd_supplies_top_menu add:hover, .gtd_supplies_top_menu del:hover, .gtd_supplies_top_menu copy:hover, .gtd_supplies_top_menu calc:hover,
.gtd_supplies_top_menu up:hover, .gtd_supplies_top_menu down:hover {
opacity: 0.7;
}

.gtd_supplies_top_menu add {
background: #F7F7F7 url(/img/add_icon.svg) center center/50% auto no-repeat;
}

.gtd_supplies_top_menu del {
background: #F7F7F7 url(/img/del_icon.svg) center center/50% auto no-repeat;
}

.gtd_supplies_top_menu copy { 
background: #F7F7F7 url(/img/copy_icon.svg) center center/auto 50% no-repeat;
}

.gtd_supplies_top_menu calc {
background: #F7F7F7 url(/img/calc_icon.svg) center center/auto 50% no-repeat;
}

.gtd_supplies_top_menu up { 
background: #F7F7F7 url(/img/up_icon.svg) center center/auto 50% no-repeat;
}

.gtd_supplies_top_menu down {
background: #F7F7F7 url(/img/down_icon.svg) center center/auto 50% no-repeat;
}

.gtd_supplies_top_menu .calculation {
display: flex;
width: 100%;
margin: 0px 0px 0px 6px;
justify-content: start;
}

.gtd_supplies_top_menu label input {
width: 100%;
box-sizing: border-box;
}

.gtd_supplies_top_menu label {
width: 80px;
padding: 2px;
font-size: 12px;
background-color: #F7F7F7;
margin: 0px 0px 0px 1px;
}

.gtd_supplies_top_menu label:first-child {
margin: 0px 0px 0px 0px;
}

.gtd_supplies_workspace {
width: 100%;
}



.gtd_supplies_workspace > table, .gtd_supplies_workspace > table tr,.gtd_supplies_workspace > table td {
height: 100%;
}

.gtd_cell_table tr {

}

.gtd_cell_table tr td {
border-right: solid 1px white;
border-bottom: solid 1px white;
}

.gtd_cell_table tr td:last-child {
border-right: none;
}

.gtd_cell_table {
border-collapse: collapse;
}

.gtd_tnvedinfo_icon {
width: 72px;
height: 100%;
border-radius: 5px;
color: white;
background-color: #cacaca;
box-sizing: border-box;
padding: 10px;
text-align: center;
font-weight: bold;
font-size: 20px;
}

.gtd_modal_table_scroling {
max-height: 200px;
width: 100%;
overflow-y: auto;
}

.gtd_profile_menu {
padding: 10px;
display: flex;
justify-content: space_between;
}

.gtd_profile_menu a {
color: #145871;
display: block;
padding: 5px 10px;
background-color: white;
text-decoration: none;
border-radius: 5px;
height: 20px;
}

.gtd_login_menu {
display: flex;
justify-content: center;
}

.gtd_login_menu form {
display: inline-block;
width: 320px;
margin: 100px 0px 0px 0px;
}

.gtd_login_menu form input {
width: 100%;
padding: 7px 10px;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
border-radius: 5px;
border: solid 1px #145871;
}

.gtd_login_menu form input[type="submit"] {
background-color: #145871;
color: white;
font-size: 20px;
border: none;
padding: 5px 10px;
cursor: pointer;
}

.GTD_sprav_search {
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
margin: 5px 0px 10px 0px;
}

.gtd_tolls_list {
width: 100%;
border-top: solid 1px #8f8f9d;
}


.gtd_tolls_list_item, .gtd_aditionaltnvd_list_item {
width: 100%;
border-bottom: solid 1px #8f8f9d;
padding: 10px 10px 10px 50px;
cursor: pointer;
box-sizing: border-box;
position: relative;
display: block;
}

.gtd_tolls_list_item.active,.gtd_aditionaltnvd_list_item.active {
color: white;
background-color: #43a3c8;
}

.gtd_tolls_list_item  input{
position: absolute;
top: 10px;
left: 10px;
}

.gtd_sprav_list {
width: 100%;
border-top: solid 1px #8f8f9d;
height: 500px;
overflow-y: auto;
}

.gtd_sprav_list_item {
width: 100%;
border-bottom: solid 1px #8f8f9d;
padding: 10px;
cursor: pointer;
box-sizing: border-box;
}

.GTD_document_save_table {
width: 100%;
}

.GTD_document_save_table  tr  {
cursor: pointer;
}

.GTD_document_save_table  tr td {
border-bottom: solid 1px #F7F7F7;
border-right: solid 1px #F7F7F7;
padding: 5px;
}

.GTD_document_save_table tbody tr:hover {
background-color: #b9ecff;
color: white;
}

.GTD_document_save_table tbody tr[selected] {
background-color: #66c6ea;
color: white;
}

.GTD_document_save_delet,.GTD_document_modalsave_delet {
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
}

.GTD_document_save_delet:before,.GTD_document_modalsave_delet:before {
content: '';
width: 2px;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
background-color: #43a3c8;
transform: translate(-50%,-50%) rotate(45deg);
}

.GTD_document_save_delet:after,.GTD_document_modalsave_delet:after {
content: '';
width: 2px;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
background-color: #43a3c8;
transform: translate(-50%,-50%) rotate(-45deg);
}

messagebar {
position: fixed;
top: 0px;
left: 50%;
transform: translate(-50%);
width: 320px;
z-index: 1000;
display: block;
}

messagebar alert{
width: 100%;
padding: 10px 15px;
box-sizing: border-box;
color: white;
display: block;
text-align: center;
margin: 1px 0px;
font-size: 16px;
border-radius: 5px;
}


messagebar alert[success]{
background-color: #3FAD53;
}

messagebar alert[error]{
background-color: #B3243F;
}

messagebar alert[info]{
background-color: #43a3c8;
}

.gtd_aditional_grafs {
border: solid 3px #43a3c8;
padding: 5px 10px;
border-radius: 10px;
cursor: pointer;
color: #43a3c8;
display: inline-block;
}

.gtd_aditional_grafs.ready {
color: white;
background-color: #43a3c8;
}

.gtd_expenses_select {
padding: 0px 5px 5px 5px;
margin: 0px 5px;
}

.gtd_expenses_select select{
width: 100%;
box-sizing: border-box;
}

.gtd_dts_yes_no_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: solid 1px white;
}

.gtd_dts_yes_no_radio {
width: 200px;
display: flex;
justify-content: space-between;
flex-shrink: 0;
}

.gtd_dts_yes_no_title {
width: calc(100% - 220px);
}

.gtd_dts_yes_no_tip {
width: 100%;
}

.dts_diff_select {
background-color: white;
padding: 3px 10px;
border: none;
border-radius: 5px;
}

.gtd_dts_top_mthods_menu {
width: 100%;
padding: 10px 10px 10px 10px;
box-sizing: border-box;
}

.dts_method_picker_sup {
border: solid 3px #43a3c8;
padding: 5px 10px;
border-radius: 10px;
cursor: pointer;
color: #43a3c8;
display: inline-block;
}

.gtd_method_table {
border-top: solid 1px lightgray;
}

.gtd_method_table td > div {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: end;
}

.gtd_dts_tb_border {
border-bottom: solid 1px lightgray;
}

.gtd_dts_ext_btns {
width: 40px;
box-sizing: border-box;
padding: 7px 10px;
text-align: center;
background-color: #f7f7f7;
color: #3e3e3e;
border: none;
cursor: pointer;
white-space: nowrap;
margin: 0px 1px;
font-size: 22px;
display: inline-block;
}

.gtd_dd_menu_header {
margin: 10px 0px 0px 0px;
}

.gtd_dd_menu_btn {
color: #145871;
background-color: white;
border-radius: 5px;
padding: 5px 10px 5px 40px;
position: relative;
cursor: pointer;
user-select: none;
}

.gtd_dd_menu_btn b {
width: 20px;
height: 2px;
position: absolute;
left: 10px;
top: 50%;
transform: translate(0,-50%);
background-color: #145871;
}

.gtd_dd_menu_btn b:before,.gtd_dd_menu_btn b:after {
width: 20px;
height: 2px;
position: absolute;
background-color: #145871;
content: '';
left: 0px;
}

.gtd_dd_menu_btn b:before {
top: -5px;
}

.gtd_dd_menu_btn b:after {
bottom: -5px;
}

.gtd_dd_menu_block {
position: relative;
margin: 0px 100px 0px 0px;
}

.gtd_dd_drop_menu_container {
position: absolute;
top: 24px;
right: -1px;
background-color: white;
border-radius: 10px 0px 10px 10px;
border-right: solid 1px #145871;
border-bottom: solid 1px #145871;
border-left: solid 1px #145871;
padding: 10px;
min-width: 340px;
display: none;
}

.gtd_dd_menu_lnside_btn {
display: block;
width: 100%;
box-sizing: border-box;
padding: 2px 10px 2px 0px;
display: flex;
justify-content: start;
align-items: center;
cursor: pointer;
border-radius: 4px;
}

.gtd_dd_menu_lnside_btn:hover {
background-color: #C1F0FF;
}

.gtd_dd_menu_lnside_btn ic {
width: 30px;
height: 30px;
display: block;
background-size: auto 80%;
background-position: center center;
background-repeat: no-repeat;
}

.gtd_dd_menu_lnside_btn ic svg {
color: #145871;
width: auto;
height: 30px;
}

.gtd_dd_menu_lnside_btn tx {
display: block;
padding: 5px 10px;
color: #145871;
}

options_menu {
display: flex;
justify-content: start;
border-bottom: solid 1px #43a3c8;
width: 100%;
}

opt_menu_btn {
background-color: #BDBDBD;
display: block;
margin: 0px 1px 0px 0px;
color: white;
padding: 5px 10px;
border-radius: 5px 5px 0px 0px;
cursor: pointer;
user-select: none;
}

opt_menu_btn.active {
background-color: #43a3c8;
}

options_list {
display: none;
width: 100%;
align-items: end;
justify-content: start;
flex-wrap: wrap;
}

.gtd_options_separator {
width: 100%;
border-bottom: solid 1px #43a3c8;
margin: 5px 0px;
}

.GTD_ple_sheets_container {
width: 100%;
box-sizing: border-box;
margin: 5px 0px 10px 0px;
display: flex;
justify-content: start;
flex-wrap: wrap;
}

.GTD_ple_sheets_container .GTD_ple_sheet_btn{
display: inline-block;
box-sizing: border-box;
padding: 7px 10px;
text-align: center;
background-color: #43a3c8;
color: white;
text-transform: uppercase;
border: none;
cursor: pointer;
border-radius: 4px;
margin: 0px 5px 0px 0px;
}

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

.GTD_ple_sheet_block {
width: 100%;
display: flex;
justify-content: start;
flex-wrap: wrap;
}

.GTD_ple_sheet_block table {
border: solid 1px #43a3c8;
}

.GTD_ple_sheet_block table td {
border: solid 1px #43a3c8;
}

.GTD_ple_sheet_block table tbody tr.no_load {
opacity: 0.2;
}

.GTD_load_bar_center {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 10px;
border-radius: 10px;
background: rgba(0,0,0,0.5);
}

.GTD_load_bar_center div {
display: block;
width: 50px;
height: 50px;
position: relative;
}

.GTD_load_bar_center div  i{
width: 10px;
height: 10px;
position: absolute;
top: 0px;
left: 0px;
background-color: white;
display: block;
animation: to_cornerload 1s ease-in infinite;
}

@keyframes to_cornerload {
  from { top: 0px; left: 0px; }
  25% { top: 0px; left: 40px; }
  50% { top: 40px; left: 40px; }
  75% { top: 40px; left: 0px; }
  to { top: 0px; left: 0px; }
}

.GTD_load_bar_center span {
display: block;
text-align: center;
color: white;
width: 100%;
margin: 10px 0px 0px 0px;
}

.GTD_tolls_recalc_toll {
width: 100%;
border-bottom: solid 1px #43a3c8;
padding: 5px 0px;
display: flex;
justify-content: start;
flex-wrap: wrap;
}

.GTD_tolls_recalc_toll .name {
box-sizing: border-box;
padding: 7px 10px;
text-align: left;
background-color: #43a3c8;
color: white;
text-transform: uppercase;
border: none;
cursor: pointer;
}

.GTD_tolls_recalc_toll label{
width: 100%;
display: block;
}

.GTD_tolls_recalc_toll select {
width: 100%;
}

.GTD_spravka_oglavlenie {
width: 100%;
padding: 10px 0px;
text-align: left;
}

.GTD_spravka_punkt {
font-size: 20px;
color: #43a3c8;
cursor: pointer;
margin: 5px 0px;
display: block;
}

.GTD_spravochnik_help_back {
border: solid 3px #43a3c8;
padding: 5px 10px;
border-radius: 10px;
cursor: pointer;
color: #43a3c8;
display: inline-block;
text-decoration: none;
margin: 20px 0px 0px 0px;
}

.gtd_flk_block {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 500;
}

.gtd_flk_block no_errors {
display: block;
padding: 10px 20px;
border-radius: 40px;
border: solid 2px #3FAD53;
background-color: white;
color: #3FAD53;
font-weight: bold;
}

.gtd_flk_block exist_errors {
display: block;
padding: 0px;
border-radius: 20px;

background-color: white;
color: #B3243F;
}

.gtd_flk_block exist_errors  .errors_log {
display: none;
overflow-y: auto;
}

.gtd_flk_block exist_errors  .errors_log flk_error {
display: block;
padding: 10px 5px;
width: 400px;
color: white;


margin: 1px 0px;
border-radius: 10px;
}

.gtd_flk_block exist_errors  .errors_log flk_error.error {
background-color: #FFD6DE;
color: #B3243F;
}

.gtd_flk_block exist_errors  .errors_log flk_error.warning {
background-color: #FFEDD6;
color: #B36724;
}

.gtd_flk_block exist_errors .sh_button{
color: white;
background-color: #B3243F;
padding: 10px 20px;
font-weight: bold;
border-radius: 20px;
cursor: pointer;
}

.gtd_flk_block exist_errors.displayed {
padding: 50px 10px 10px 10px;
position: relative;
border-radius: 20px;
border: solid 2px #B3243F;
}


.gtd_flk_block exist_errors.displayed .errors_log {
display: block;
}

.gtd_flk_block exist_errors.displayed .sh_button{
position: absolute;
top: 0px;
left: -1px;
border-radius: 20px 0px 20px 0px;
}

.GTD_feedback_btn {
color: #145871;
display: block;
padding: 5px 10px;
background-color: white;
text-decoration: none;
border-radius: 5px;
height: 20px;
cursor: pointer;
margin: 0px 20px 0px 0px;
}


mcontent label > textarea {
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
margin: 5px 0px 0px 0px;
border-radius: 7px;
border: solid 1px #ECF1F3;
color: #111827;
background-color: white;
}

.gtd_AI_block {
position: fixed;
bottom: 10px;
left: 10px;
z-index: 500;
}

.gtd_AI_container .gtd_AI_chat {
display: none;
padding: 5px 0px;
text-align: left;
overflow-y: auto;
overflow-x: hidden;
}

.gtd_AI_textarea {
display: none;
}

.gtd_AI_container .gtd_AI_icon {
width: 60px;
height: 60px;
background-color: #145871;
color: white;
border-radius: 30px;
position: relative;
cursor: pointer;
}

.gtd_AI_container .gtd_AI_icon:before {
content: 'AI';
position: absolute;
top: 5px;
transform: translate(-50%);
left: 50%;
font-size: 22px;
}

.gtd_AI_container .gtd_AI_icon:after {
content: 'СПРАВКА';
position: absolute;
top: 32px;
transform: translate(-50%);
left: 50%;
font-size: 10px;
}

.gtd_AI_container.show {
padding: 50px 5px 20px 5px;
border: solid 2px #145871;
background-color: white;
border-radius: 15px;
}

.gtd_AI_container.show .gtd_AI_chat {
display: block;
}



.gtd_AI_container.show:after {
content: '*ИИ-консультант даёт только справочную информацию';
position: absolute;
bottom: 5px;
left: 10px;
color: gray;
width: 300px;
font-size: 11px;
}


.gtd_AI_chat  chat {
color: black;
border-radius: 5px;
padding: 10px;
margin: 3px auto;
width: 300px;
display: block;
}

.gtd_AI_chat  chat[bot] {
background-color: #c1f0ff;
}

.gtd_AI_chat  chat[user] {
background-color: #f0f0f0;
}

.gtd_AI_chat  chat[waiting] {
animation: AI_wait_colorChange 1s infinite alternate;
}

@keyframes AI_wait_colorChange {
  to {
    background-color: #effbff;
  }
}

.gtd_AI_container.show .gtd_AI_icon {
position: absolute;
top: 0px;
right: 0px;
border-radius: 0px 15px 0px 15px;
width: 100px;
height: 36px;
}

.gtd_AI_container.show .gtd_AI_icon:after {
display: none;
}

.gtd_AI_container.show .gtd_AI_icon:before {
content: 'скрыть';
font-size: 18px;
}

.gtd_AI_container.show .gtd_AI_textarea {
display: block;
padding: 10px 40px 10px 10px;
border: solid 1px #f0f0f0;
border-radius: 5px 5px 25px 5px;
position: relative;
max-width: 300px;
overflow-y: auto;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: pre-wrap; 
}

.gtd_AI_container.show .gtd_AI_send {
display: block;
background-color: #145871;
border-radius: 20px;
width: 36px;
height: 36px;
position: absolute;
bottom: 22px;
right: 8px;
cursor: pointer;
}

.gtd_AI_container.show .gtd_AI_send:before {
content: '↵';
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%,-50%);
color: white;
display: none;
font-size: 32px;
}

.gtd_AI_container.show .gtd_AI_send:before {
display: block;
}