html,body {
margin: 0px;
padding: 0px;
width: 100%;
background-color: #F6F6FC;
color: #000000;
font-family: "Montserrat-Medium";
height: 100%;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #939CB4 white;
}

/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: white;
}
*::-webkit-scrollbar-thumb {
  background-color: #939CB4;
  border-radius: 5px;
  border: 3px solid white;
}

body {
overflow-x: hidden;
position: relative;
}

input,textarea {
outline:none;
}

@font-face {
font-family: "Montserrat-Bold";
src: url('./fonts/Montserrat-Bold.eot'); /* IE9 Compat Modes */
    src: url('./fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/Montserrat-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/Montserrat-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('./fonts/Montserrat-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('./fonts/Montserrat-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: "Montserrat-Medium";
src: url('./fonts/Montserrat-Medium.eot'); /* IE9 Compat Modes */
    src: url('./fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/Montserrat-Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/Montserrat-Medium.woff') format('woff'), /* Pretty Modern Browsers */
         url('./fonts/Montserrat-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('./fonts/Montserrat-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: "roboto_regular";
src: url('./fonts/Reg_Roboto.eot'); /* IE9 Compat Modes */
    src: url('./fonts/Reg_Roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/Reg_Roboto.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/Reg_Roboto.woff') format('woff'), /* Pretty Modern Browsers */
         url('./fonts/Reg_Roboto.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('./fonts/Reg_Roboto.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: "Roboto_Medium";
src: url('./fonts/Roboto_Medium.eot'); /* IE9 Compat Modes */
    src: url('./fonts/Reg_Roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/Roboto_Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/Roboto_Medium.woff') format('woff'), /* Pretty Modern Browsers */
         url('./fonts/Roboto_Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('./fonts/roboto_light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: "roboto_light";
src: url('./fonts/roboto_light.eot'); /* IE9 Compat Modes */
    src: url('./fonts/roboto_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/roboto_light.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/roboto_light.woff') format('woff'), /* Pretty Modern Browsers */
         url('./fonts/roboto_light.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('./fonts/roboto_light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

header {
width: 100%;
background-color: white;
text-align: center;
border-bottom: 1px solid rgba(204, 210, 227, 0.5);
}

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

.TOI_head_flex {
display: flex;
justify-content: space-between;
}

.TOI_left_flex {
display: flex;
justify-content: flex-start;
}

.TOI_logo img {
height: 24px;
margin: 13px 10px 5px;
}

nav {
text-align: left;
list-style: none;
margin: 9px 0px 5px 0px;
}

nav a {
text-decoration: none;
}

nav li {
display: inline-block;
color: black;
padding: 7px 15px;
font-size: 14px;
}

nav li:hover {
color: #DE2F24;
}

nav li:active {
color: #DE2F24;
}

nav li.active {
color: #DE2F24;
}

.TOI_round_icon {
text-align: left;
list-style: none;
margin: 0px;
padding: 0px;
}

.TOI_round_icon li {
width: 32px;
height: 32px;
border-radius: 30px;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
display: inline-block;
margin: 9px 10px 5px 10px;
background-size: 50% auto;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}

.TOI_round_icon a:first-child li {
background-image: url(./img/bell.svg);
}

.TOI_round_icon a:first-child:hover li {
background-image: url(./img/bell_hover.svg);
}

.TOI_round_icon a:first-child:active li {
background-image: url(./img/bell_active.svg);
}

.TOI_round_icon a:first-child li.active {
background-image: url(./img/bell_active.svg);
}


.TOI_round_icon a:last-child li {
background-image: url(./img/gear.svg);
}

.TOI_round_icon a:last-child:hover li {
background-image: url(./img/gear_hover.svg);
}

.TOI_round_icon a:last-child:active li {
background-image: url(./img/gear_active.svg);
}

.TOI_round_icon a:last-child li.active {
background-image: url(./img/gear_active.svg);
}

.TOI_acount_buttons {
text-align: left;
list-style: none;
margin: 10px 0px;
padding: 0px;
font-size: 14px;
}

.TOI_acount_buttons li {
display: inline-block;
cursor: pointer;
}

.TOI_acount_buttons a {
text-decoration: none;
}

.TOI_acount_buttons a:first-child li {
padding: 5px 20px 5px 5px;
color: #BCBCBC;
}

.TOI_acount_buttons a:last-child li {
padding: 5px 30px 5px 5px;
color: #DE2F24;
position: relative;
}

.TOI_acount_buttons li:last-child:hover {
text-decoration: underline;
}

.TOI_acount_buttons a:last-child li:after  {
content: '';
width: 18px;
height: 18px;
background: url(./img/exit.svg) center center/contain no-repeat;
position: absolute;
right: 0px;
top: 4px;
display: block;
}

.TOI_search_form {
position: relative;
margin: 20px 0px 5px 0px;
padding: 0px 60px 0px 0px;
}

.TOI_search_form input[type="text"]{
background-color: white;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
padding: 7px 18px 7px 50px;
font-size: 18px;
width: 280px;

}


.TOI_search_form input[type="text"]:hover {
border: 1px solid #B1B1CC;
}

.TOI_search_form input[type="text"]:focus {
border: 1px solid #B1B1CC;
}

.TOI_search_form input[type="button"]{
width: 36px;
height: 26px;
position: absolute;
top: 6px;
left: 10px;
border: none;
border-right: 1.5px solid #CCD2E3;
background: transparent url(./img/search.svg) center center/40% auto no-repeat;
cursor: pointer;
}

.TOI_calendar_button {
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
font-size: 16px;
display: inline-block;
padding: 9px 24px 9px 44px;
margin: 0px 0px 0px 10px;
background: white url(./img/calendar.svg) 16px 8px/auto 52% no-repeat;
cursor: pointer;
font-family: "Montserrat-Medium";
}

.TOI_filter_button {
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
display: inline-block;
width: 39px;
height: 39px;
margin: 0px 0px 0px 10px;
background: white url(./img/filter.svg) center center/auto 52% no-repeat;
cursor: pointer;
font-family: "Montserrat-Medium";
position: absolute;
right: 0px;
top: 1px;
}

.TOI_filter_button:hover {
background: white url(./img/filter_hover.svg) center center/auto 52% no-repeat;
}

.TOI_up_down_loads {
list-style: none;
margin: 20px 0px;
}

#load_xlsx {
position: absolute;
left: -3000px;
}

.TOI_up_down_loads label li {
display: inline-block;
color: #DE2F24;
padding: 5px 5px 5px 30px;
background-position: left center;
background-repeat: no-repeat;
background-size: auto 60%;
margin: 5px 10px 0px 10px;
cursor: pointer;
}

.TOI_up_down_loads label  li:hover {
text-decoration: underline;
}

.TOI_up_down_loads label li:last-child {
margin: 5px 10px 0px 40px;
}

.TOI_gray_button,.TOI_red_button {
display: inline-block;
border-radius: 9px;
color: white;
font-size: 18px;
padding: 7px 25px;
border: none;
margin: 15px 0px 0px 20px;
cursor: pointer;
transition: all 0.5s;
min-width: 180px;
box-sizing: border-box;
}

.TOI_gray_button {
background: #CFCFE7;
}

.TOI_red_button {
background: #DE2F24;
}

.TOI_red_button:hover {
background: #CA3127;
}

.TOI_gray_button:hover {
background: #BBC2D8;
}

.TOI_gray_button_form {
display: inline-block;
border-radius: 9px;
color: white;
font-size: 18px;
padding: 7px 25px;
border: none;
margin: 75px 0px 75px 0px;
cursor: pointer;
background: #DE2F24;
}

.TOI_gray_button_form:hover {
background: #CA3127;
}

.TOI_select {
padding: 7px 35px 7px 15px;
color: black;
background: #FFFFFF;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
font-family: "roboto_light";
font-weight: normal;
display: inline-block;
position: relative;
cursor: pointer;
}

.TOI_select_width {
box-sizing: border-box;
width: 80%;
}

.TOI_gray_button_form_nm {
display: inline-block;
border-radius: 9px;
color: white;
font-size: 18px;
padding: 7px 25px;
border: none;
cursor: pointer;
background: #DE2F24;
}

.TOI_gray_button_form_nm:hover {
background: #CA3127;
}


.TOI_redd_button_form {
display: inline-block;
border-radius: 9px;
color: white;
font-size: 18px;
padding: 7px 25px;
border: none;
margin: 75px 0px 0px 0px;
cursor: pointer;
background: #DE2F24;
width: 136px;
}

.TOI_redd_button_form:hover {
background: #CA3127;
}

.TOI_gray_button_form_gray {
display: inline-block;
border-radius: 9px;
color: white;
font-size: 18px;
padding: 7px 25px;
border: none;
margin: 20px 0px 75px 0px;
cursor: pointer;
background: #CCD2E3;
width: 136px;
}

.TOI_gray_button_form_gray:hover {
background: #BBC2D8;
}

.TOI_red_menue {
list-style: none;
margin: 20px 0px;
padding: 0px;
}

.TOI_red_menue a {
text-decoration: none;
color: #DE2F24;
display: inline-block;
}

.TOI_red_menue li {
margin: 0px 15px 0px 0px;
}

.TOI_red_menue li:hover {
text-decoration: underline;
}

.TOI_site_table {

}

.TOI_red_menue li.dot:before {
content: '•';
margin: 0px 5px 0px 0px;
font-size: 20px;
}

.TOI_red_menue li.active {
text-decoration: underline;
}

.TOI_table {
border-radius: 13px;
background-color: white;
min-width: 100%;
}

.TOI_table tr:first-child {

box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
border-radius: 13px;
}

.TOI_table tr:hover {
box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.17);
border-radius: 11px;
}

.TOD_table_dot {
display: block;
width: 6px;
height: 6px;
border-radius: 10px;
background-color: #DE2F24;
margin: 0px 0px 0px 20px;
}

.TOI_table th {
padding: 20px 0px;
color: #939CB4;
font-family: "Montserrat-Bold";
font-size: 12px;
}

.TOI_table th b {
position: relative;
cursor: pointer;
}

.TOI_table th b:after {
content: '';
background: url(./img/sort.svg) center center/contain no-repeat;
width: 15px;
height: 13px;
display: block;
position: absolute;
top: 2px;
right: -15px;
}

.TOI_table th b:hover:after {
background: url(./img/sort_hover.svg) center center/contain no-repeat;
}

.TOI_overflow_table {
overflow-x: auto;
}



.TOI_table td {
font-family: "roboto_light";
text-align: center;
padding: 10px 0px;
font-weight: 500;
border-bottom: solid 1px #CCD2E3;
font-size: 13px;
}

.TOI_table tr:last-child td {
border-bottom: none;
}

.TOI_sst_zayavka {
font-style: normal;
position: relative;
}

.TOI_sst_zayavka:before {
position: absolute;
left: -12px;
top: 5px;
border-radius: 10px;
width: 6px;
height: 6px;
content: '';
}

.TOI_sst_zayavka.gren:before {
background-color: #6D9B5D;
}

.TOI_sst_zayavka.red:before {
background-color: #DE2F24;
}

.TOI_sst_zayavka.orange:before {
background-color: #ffcd42;
}

.TOI_sst_zayavka.blue:before {
background-color: #2a7cfd;
}


.TOI_sst_telega_yes {
border-radius: 10px;
width: 6px;
height: 6px;
background-color: #6D9B5D;
display: inline-block;
margin: 0px 10px 3px 0px;
}

.TOD_checkbox {
position: relative;
border: 1px solid #CFCFE7;
border-radius: 10px;
width: 16px;
height: 16px;
display: block;
margin: 0px 0px 0px 20px;
cursor: pointer;
}

.TOD_checkbox:hover {
border: 1px solid #B1B1CC;
}

.TOD_checkbox.active:before {
background-color: #DE2F24;
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
transform: translate(-50%,-50%);
border-radius: 10px;
}

.TOI_section_content {
display: block;
text-align: center;
}

.TOI_relative_separator {
position: relative;
}

.TOI_relative_separator:before {
height: 60%;
background-color: #CCD2E3;
width: 1.5px;
position: absolute;
top: 5%;
left: 50%;
content: '';
}

.TOI_two_rows {
width: 45%;
display: inline-block;
}

.TOI_white_placer {
background: #FFFFFF;
border-radius: 16px;
width: 100%;
box-sizing: border-box;
padding: 20px 25px;
}

.TOI_right_row_white {
text-align: left;
}

.TOI_right_row_white h2 {
font-size: 20px;
margin: 0px 0px 20px 0px;
}

.TOI_right_row_white label,.TOI_add_worker_dd label {
display: block;
margin: 0px 0px 20px 0px;
font-family: "roboto_regular";
}

.TOI_right_row_white label input[type="text"],.TOI_add_worker_dd input[type="text"],.TOI_right_row_white  input[type="number"] {
background-color: white;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
padding: 5px 15px 5px 15px;
font-size: 16px;
width: 100%;
box-sizing: border-box;
margin: 10px 0px 5px 0px;
}

.TOI_right_row_white label input[type="password"] {
background-color: white;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
padding: 5px 15px 5px 15px;
font-size: 16px;
width: 100%;
box-sizing: border-box;
margin: 10px 0px 5px 0px;
}

.TOI_password_eye {
position: relative;
}


.TOI_password_eye i {
position: absolute;
top: 15px;
right: 15px;
width: 20px;
height: 20px;
cursor: pointer;
background: url(img/eye.svg) center center/contain no-repeat;
}

.TOI_password_eye i:hover {
background: url(img/eye_hover.svg) center center/contain no-repeat;
}

.TOI_center_button {
text-align: center;
margin: 20px 0px 0px 0px;
}

.TOI_add_worker {
color: #DE2F24;
font-size: 14px;
margin: 10px 0px;
cursor: pointer;
}

.TOI_add_worker:hover {
text-decoration: underline;
}

.TOI_dd_checkbox {
display: none;
}

.TOI_dd_head {

background-color: white;
border-radius: 12px;
margin: 0px 0px 10px 0px;
}

.TOI_dd_head .TOI_dd_label_trigger {
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
}

.TOI_dd_head .TOI_dd_label_trigger:before {
border-bottom: solid 1px black;
border-right: solid 1px black;
content: '';
position: absolute;
top: 6px;
left: 5px;
width: 15px;
height: 15px;
transform: rotate(-45deg);
transition: all 0.1s;
}

.TOI_dd_head .TOI_dd_label_trigger:hover:before {
border-bottom: solid 2px black;
border-right: solid 2px black;
}

.TOI_dd_head i {
background: #FFFFFF url(./img/red_cros.svg) center center/40% auto no-repeat;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
border-radius: 30px;
width: 32px;
height: 32px;
display: block;
cursor: pointer;
}

.TOI_dd_head_del_button {
background: #FFFFFF url(./img/red_cros.svg) center center/40% auto no-repeat;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
border-radius: 30px;
width: 32px;
height: 32px;
display: block;
cursor: pointer;
border: none;
}

.TOI_dd_head i:hover {
background: #FFFFFF url(./img/red_cros_hover.svg) center center/40% auto no-repeat;
}

.TOI_dd_ozvraty {
color: #CCD2E3;
margin: 10px 0px;
width: 120px;
text-align: left;
}

.TOI_dd_name {
margin: 10px 0px;
text-align: left;
width: calc(90% - (42px + 34px + 174px + 120px + 74px));
}

.TOI_dd_container_col {
font-family: "roboto_light";
}

.TOI_dd_container_col .TOI_dd_ph {
font-size: 16px; 
margin: 10px 0px;
width: calc(90% - (74px + 270px + 42px));
text-align: right;
}


.TOI_dd_container_col .TOI_dd_nam {
margin: 10px 0px;
text-align: left;
width: 270px;
}

.TOI_dd_number {
margin: 10px 0px;
text-align: left;
width: 70px;
}

.TOI_dd_container_col .TOI_dd_n{
font-size: 16px; 
margin: 10px 0px;
text-align: left;
width: 70px;
}

.TOI_subddhead {
display: flex;
justify-content: space-between;
padding: 10px 15px;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
border-radius: 13px;
}

.TOI_dd_container {
overflow: hidden;
max-height: 0px;
padding: 0px 15px;
transition: all 0.5s;
}

.TOI_add_worker_dd {
overflow: hidden;
max-height: 0px;
padding: 0px 15px;
transition: all 0.5s;
text-align: left;
}

.TOI_dd_checkbox:checked + .TOI_dd_head .TOI_dd_container {
max-height: 2000px;
padding: 10px 15px;
}

.TOI_dd_checkbox_worker {
display: none;
}

.TOI_dd_checkbox_worker:checked + .TOI_add_worker_dd {
max-height: 2000px;
padding: 10px 15px;
}

.TOI_dd_checkbox:checked + .TOI_dd_head .TOI_subddhead .TOI_dd_label_trigger:before {
transform: rotate(45deg);
}

.TOI_dd_container .TOI_dd_container_col {
border-bttom: 1px solid rgba(204, 210, 227, 0.5);
display: flex;
justify-content: space-between;
}

.TOI_send_pin {
background: url(./img/red_lelegram.svg) center center/34% auto no-repeat;
width: 38px;
height: 38px;
display: block;
cursor: pointer;
border: none;
}

.TOI_send_pin:hover {
background: url(./img/red_lelegram_hover.svg) center center/34% auto no-repeat;
}

.TOI_dd_cros {
background: url(./img/red_cros.svg) center center/34% auto no-repeat;
width: 38px;
height: 38px;
display: block;
cursor: pointer;
border: none;
}



.TOI_dd_cros:hover {
background: url(./img/red_cros_hover.svg) center center/34% auto no-repeat;
}

.TOI_dd_container .TOI_dd_container_col {
border-bottom: 1px solid rgba(204, 210, 227, 0.5);
}

.TOI_dd_container .TOI_dd_container_col:last-child {
border-bottom: none;
}

.TOI_dd_container_col .TOI_dd_n{
font-size: 16px; 
margin: 10px 0px;
}

.TOI_textarea_form_with_pen {
position: relative;
}

.TOI_textarea_form_with_pen textarea{
width: 100%;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 9px;
box-sizing: border-box;
padding: 10px 15px;
font-family: "roboto_light";

}

.TOI_textarea_form_with_pen:after {
background: url(./img/pen.svg) center center/contain no-repeat;
content: '';
position: absolute;
top: 5px;
right: 5px;
width: 12px;
height: 12px;
}

.TOI_textarea_form_with_pen:hover:after {
background: url(./img/pen_hover.svg) center center/contain no-repeat;
}

.TOI_inputs_with_pen, .TOI_inputs_with_pen_and_cros {
position: relative;
margin: 0px 0px 10px 0px;
}

.TOI_inputs_with_pen input,.TOI_inputs_with_pen_and_cros input {
width: 100%;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 49px;
box-sizing: border-box;
padding: 10px 15px;
font-family: "roboto_light";
}


.TOI_inputs_with_pen:after {
background: url(./img/pen.svg) center center/contain no-repeat;
content: '';
position: absolute;
top: 12px;
right: 16px;
width: 12px;
height: 12px;
}

.TOI_inputs_with_pen:hover:after {
background: url(./img/pen_hover.svg) center center/contain no-repeat;
}

.TOI_inputs_with_cros_button {
background: url(./img/red_cros.svg) center center/40% auto no-repeat;
width: 38px;
height: 38px;
display: block;
cursor: pointer;
position: absolute;
right: 5px;
top: 0px;
border: none;
}

.TOI_inputs_with_cros_button:hover {
background: url(./img/red_cros_hover.svg) center center/40% auto no-repeat;
}

.TOI_inputs_with_pen_button {
background: url(./img/pen.svg) center center/30% auto no-repeat;
width: 38px;
height: 38px;
display: block;
cursor: pointer;
position: absolute;
right: 35px;
top: 0px;
border: none;
}

.TOI_inputs_with_pen_button:hover {
background: url(./img/pen_hover.svg) center center/30% auto no-repeat;
}

.TOI_select_t {
padding: 7px 35px 7px 15px;
color: black;
background: #FFFFFF;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
font-family: "roboto_light";
font-weight: normal;
display: inline-block;
position: relative;
cursor: pointer;
}

.TOI_select_t:after {
background: url(img/downarrpw.svg) center center/contain no-repeat;
width: 8px;
height: 8px;
position: absolute;
top: calc(50% - 4px);
right: 16px;
content: '';
}

.TOI_select_t:hover:after {
background: url(img/downarrpw_hover.svg) center center/contain no-repeat;
}

.TOI_mailing_grai_tip {
color: #939CB4;
font-size: 14px;
font-family: "Montserrat-Medium";
margin: 0px 0px 10px 0px;
}

.TOI_flex_big_row_left {
width: 70%;
display: inline-block;
}

.TOI_flex_low_row_right {
width: 25%;
display: inline-block;
}

.TOI_close_all_returns {
padding: 10px 30px;
text-align: left;
}

.TOI_gray_option_tip {
color: #939CB4;
font-family: "Montserrat-Medium";
font-size: 14px;
text-align: center;
margin: 15px;
}

.TOI_black_plane,.TOI_black_plane_loader {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left; 0px;
z-index: 1000;
background: rgba(0, 0, 0, 0.5);
display: none;
}

.TOI_black_plane_loader:before {
content: '';
width: 100px;
height: 100px;
border-right: solid 1px white;
border-top: solid 1px white;
border-radius: 100px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) rotate(0deg);
 animation-name: rotation_loader;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotation_loader {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

.TOI_modal_window {
position: fixed;
top: 50%;
left: 50%;
padding: 30px 20px;
background: #FFFFFF;
border-radius: 16px;
transform: translate(-50%,-50%);
box-sizing: border-box;
z-index: 1001;
}


.TOI_modal_window.large {
width: 930px;
max-height: 90%;
overflow-x: hidden;
overflow-y: auto;
}

.TOI_modal_window.normal {
width: 700px;
}


.TOI_modal_window.small {
width: 340px;
}

.TOI_modal_black {
font-family: "Montserrat-Bold";
text-align: center;
margin: 0px 0px 20px 0px;
font-size: 16px;
}

.TOI_modal_cross {
position: absolute;
top: 20px;
right: 20px;
width: 15px;
height: 15px;
cursor: pointer;
background: url(./img/gray_cros.svg) center center/contain no-repeat;
}

.TOI_modal_cross:hover {
background: url(./img/gray_cros_hover.svg) center center/contain no-repeat;
}

.TOI_textarea_modal {
position: relative;
}

.TOI_textarea_modal textarea {
border: 1px solid #CCD2E3;
border-radius: 19px;
padding: 15px 20px;
box-sizing: border-box;
width: 100%;
min-height: 40px; 
font-size: 14px;
font-family: "Montserrat-Medium";
}

.TOI_textarea_modal i {
width: 40px;
height: 40px;
background: #FFFFFF url(./img/red_lelegram.svg) center center/50% auto no-repeat;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
position: absolute;
display: block;
top: 15px;
right: 15px;
border-radius: 20px;
cursor: pointer;
}

.TOI_textarea_modal i:hover {
background: #FFFFFF url(./img/red_lelegram_hover.svg) center center/50% auto no-repeat;
}

.TOI_modal_left-right {
margin: 15px 0px;
padding: 0px 20px;
box-sizing: border-box;
width: 100%;
list-style: none;
display: flex;
justify-content: space-between;
}

.TOI_modal_left-right li:first-child {
font-size: 14px;
font-family: "Montserrat-Bold";
color: black;
}

.TOI_modal_left-right li:last-child {
font-size: 14px;
font-family: "Montserrat-Bold";
color: #939CB4;
}

.TOI_modal_triple_table {
border: 1px solid #CCD2E3;
border-radius: 19px;
width: 100%;
display: flex;
justify-content: space-between;
}

.TOI_modal_triple_table > div {
width: 33.3%;
}


.TOI_modal_triple_table > div:last-child {
border-left: solid 1px #CCD2E3;
}

.TOI_modal_triple_table > div:first-child {
border-right: solid 1px #CCD2E3;
}

.TOI_modal_table_bparts {
margin: 20px 0px 20px 0px;
padding: 0px 20px;
text-align: left;
list-style: none;
}

.TOI_modal_table_bparts li {
display: inline-block;
font-size: 14px;
}

.TOI_modal_table_bparts li:first-child {
display: inline-block;
font-family: "Roboto_Medium";
}

.TOI_modal_table_bparts li:last-child {
display: inline-block;
font-family: "roboto_regular";
padding: 0px 0px 0px 5px;
}


.TOI_modal_tover_table {
text-align: center;
}

.TOI_modal_tover_table table {
display: inline-block;
}

.TOI_modal_tover_table table tr {

}

.TOI_modal_tover_table table tr th {
font-family: "Montserrat-Bold";
color: #939CB4;
padding: 20px 10px;
border-bottom: solid 1px #CCD2E3;
font-size: 12px;
}

.TOI_modal_tover_table table tr td {
padding: 20px 10px;
border-bottom: solid 1px #CCD2E3;
font-size: 12px;
}

.TOI_center_modal_button {
text-align: center;
padding: 25px 0px;
}

.TOI_redd_button_form_modal {
display: inline-block;
border-radius: 9px;
color: white;
font-size: 18px;
padding: 7px 25px;
border: none;
margin: 15px 0px 0px 0px;
cursor: pointer;
background: #DE2F24;
}

.TOI_redd_button_form_modal:hover {
background: #CA3127;
}

.TOI_grayy_button_form_modal {
display: inline-block;
border-radius: 9px;
color: white;
font-size: 18px;
padding: 7px 25px;
border: none;
margin: 15px 0px 0px 0px;
cursor: pointer;
background: #CFCFE7;
width: 136px;
}

.TOI_grayy_button_form_modal:hover {
background: #BBC2D8;
}

.TOI_totaly_centralize {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}

.TOI_autorization_con {
padding: 30px 50px;
box-sizing: border-box;
width: 520px;
text-align: center;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}

.TOI_autorization_con input[type="text"],.TOI_autorization_con input[type="password"]{
box-sizing: border-box;
width: 100%;
padding: 10px 20px;
font-size: 14px;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
margin: 10px 0px;
}

.TOI_autoriz_logo_con {
display: inline-block;
height: 20px;
margin: 10px 0px 30px 0px;
}

.TOI_autoriz_logo_con img {
height: 100%;
}

.TOI_fix_td_bottom_border tr:last-child td{
border-bottom: none !important;
}

.TOI_modal_dynamic_table_flex {
display: flex;
justify-content: center;
margin: 30px 0px;
}

.TOI_modal_dynamic_table_flex_2 {
display: flex;
justify-content: center;
margin: 30px 0px;
flex-wrap: wrap;
}

.TOI_modal_dynamic_table_col {
margin: 10px 0px;
padding: 0px;
list-style: none;
display: flex;
justify-content: space-between;
width: 500px;
}

.TOI_modal_dynamic_table_col_2 {
margin: 10px 0px;
padding: 0px;
list-style: none;
display: flex;
justify-content: space-between;
width: 700px;
}

.TOI_modal_dynamic_table_col_2 li {
display: inline-block;
box-sizing: border-box;
height: 36px;
padding: 8px;
border: 1px solid #CCD2E3;
border-radius: 74px;
}

.TOI_modal_dynamic_table_col_2 li:last-child {
background: #FFFFFF;
width: 36px;
height: 36px;
background: url(img/red_cros.svg) center center/40% no-repeat;
cursor: pointer;
}

.TOI_modal_dynamic_table_col li {
display: inline-block;
}

.TOI_modal_dynamic_table_col li:first-child {
box-sizing: border-box;
width: 36px;
height: 36px;
padding: 8px;
border: 1px solid #CCD2E3;
border-radius: 74px;
}

.TOI_modal_dynamic_table_col li:nth-child(2) input {
background: #FFFFFF;
border: 1px solid #CCD2E3;
border-radius: 74px;
padding: 8px 20px;
width: 200px;
}

.TOI_modal_dynamic_table_col li:nth-child(3) input {
background: #FFFFFF;
border: 1px solid #CCD2E3;
border-radius: 74px;
padding: 8px 20px;
width: 80px;
}

.TOI_modal_dynamic_table_col li:nth-child(4) input {
background: #FFFFFF;
border: 1px solid #CCD2E3;
border-radius: 74px;
padding: 8px 8px;
width: 36px;
height: 36px;
box-sizing: border-box;
}

.TOI_modal_dynamic_table_col li:nth-child(5)  {
background: #FFFFFF;
width: 36px;
height: 36px;
background: url(img/red_cros.svg) center center/40% no-repeat;
cursor: pointer;
}

.TOI_modal_dynamic_table_col li:nth-child(5):hover {
background: url(img/red_cros_hover.svg) center center/50% no-repeat;
}

.TOI_add_modal_tover_center {
color: #DE2F24;
font-size: 14px;
margin: 10px 0px;
cursor: pointer;
}

.TOI_add_modal_tover_center:hover {
text-decoration: underline;
}

.TOI_psevdo_table {
display: flex;
justify-content: center;
margin: 20px 0px;
flex-wrap: wrap;

}

.TOI_psevdo_table_trh {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #CCD2E3;
font-family: "Montserrat-Bold";
color: #939CB4;
}

.TOI_psevdo_table_td {
text-align: center;
padding: 20px 10px;
box-sizing: border-box;
font-size: 14px;
}

.TOI_psevdo_table_trh .TOI_psevdo_table_td.first {
width: 140px;
}

.TOI_psevdo_table_trh .TOI_psevdo_table_td.second {
width: 120px;
}

.TOI_psevdo_table_trh .TOI_psevdo_table_td.thrid {
width: 140px;
}

.TOI_psevdo_table_trh .TOI_psevdo_table_td.fourth {
width: 200px;
}

.TOI_psevdo_table_trh .TOI_psevdo_table_td.fifth {
width: 140px;
}

.TOI_psevdo_table_trh .TOI_psevdo_table_td.sixth {
width: 40px;
}

.TOI_psevdo_table_tr {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #CCD2E3;
flex-wrap: wrap;
font-family: "roboto_light";
width: 820px;
}

.TOI_modal_table_cb {
display: none;
}

TOI_psevdo_table_td {
box-sizing: border-box;
}

.TOI_psevdo_table_tr .TOI_psevdo_table_td.first {
width: 150px;
}

.TOI_psevdo_table_tr .TOI_psevdo_table_td.second {
width: 100px;
padding: 30px 0px 0px 0px;
}

.TOI_psevdo_table_tr .TOI_psevdo_table_td.thrid {
width: 150px;
}

.TOI_psevdo_table_tr .TOI_psevdo_table_td.fourth {
width: 150px;
padding: 30px 0px 0px 0px;
}

.TOI_psevdo_table_tr .TOI_psevdo_table_td.fifth {
width: 170px;
padding: 30px 0px 0px 0px;
}

.TOI_psevdo_table_tr .TOI_psevdo_table_td.sixth {
width: 40px;
}

.TOI_modal_table_dd_label {
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
margin: 0px 0px 0px 0px;
display: block;
}

.TOI_modal_table_dd_label:before {
border-bottom: solid 1px black;
border-right: solid 1px black;
content: '';
position: absolute;
top: 8px;
left: 5px;
width: 12px;
height: 12px;
transform: rotate(-45deg);
transition: all 0.1s;
}

.TOI_modal_table_dd_label:hover:before {
border-bottom: solid 2px black;
border-right: solid 2px black;
}

.TOI_dd_cros_modal_table {
background: url(./img/red_cros.svg) left center/50% auto no-repeat;
width: 32px;
height: 26px;
display: block;
cursor: pointer;
}

.TOI_dd_cros_modal_table:hover {
background: url(./img/red_cros_hover.svg) left center/50% auto no-repeat;
}

.TOI_psevdo_table_drop_down_container {
overflow: hidden;
max-height: 0px;
padding: 0px 15px;
transition: all 1s;
width: 100%;
}

.TOI_modal_table_cb:checked+.TOI_psevdo_table_tr > .TOI_psevdo_table_drop_down_container {
max-height: 500px;
}

.TOI_modal_table_cb:checked+.TOI_psevdo_table_tr .TOI_modal_table_dd_label:before {
transform: rotate(45deg);
}

.TOI_modal_table_cb:checked+.TOI_psevdo_table_tr {
border-bottom: none;
}

.TOI_margin_top40 {
margin: 40px 0px 0px 0px;
}

.TOI_filter_col {
display: flex;
justify-content: space-between;
width: 100%;
}

.TOI_filter_width_fix {
width: calc(100% - 110px);
}

.TOI_align_center {
text-align: center;
}

.TOI_modal_cb_label {
padding: 3px 0px 0px 10px;
font-family: "roboto_light";
}

.TOI_textarea_form_with_modal {
position: relative;
}

.TOI_textarea_form_with_modal textarea{
width: 100%;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 9px;
box-sizing: border-box;
padding: 10px 15px;
font-family: "roboto_light";

}

.TOI_modal_cb_label.gray,.TOI_select_t.gray {
color: #939CB4;
}

.TOI_modal_flex_two_cols {
display: flex;
justify-content: space-between;
}

.TOI_modal_flex_two_cols_left {
width: 600px;
}

.TOI_modal_flex_two_cols_right {
width: 270px;
}

.TOI_modal_select_magaz_head {
line-height: 16px;
color: #939CB4;
font-family: "Montserrat-Medium";
box-sizing: border-box;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
border-radius: 13px;
width: 100%;
text-align: center;
padding: 20px 20px;
position: relative;
z-index: 10;
background: #fff;
}

.TOI_modal_select_magaz_body {
overflow-y: scroll;
width: 100%;
padding: 20px 10px 10px 10px;
border: 1px solid #CFCFE7;
border-radius: 16px;
margin-top: -10px;
box-sizing: border-box;
height: 350px;
}

.TOI_magazin_item {
padding: 10px;
box-sizing: border-box;
width: 100%;
border-bottom: 1px solid #CFCFE7;
}

.TOI_modal_margin_top_bot_btn_red {
display: inline-block;
margin: 25px 0px;
}

.TOI_auth_error {
color: #DE2F24;
padding: 20px 0px;
text-align: center;
display: none;
}

.TOI_data_label {
font-size: 14px;
}

.TOI_dateselect {
background-color: white;
border: 1px solid rgba(204, 210, 227, 0.5);
border-radius: 53px;
padding: 7px 18px;
font-size: 14px;
margin: 20px 0px 0px 0px;
}

/*дэйтпикер фикс*/

.ui-datepicker-prev .ui-icon:after {
content: '';
position: absolute;
border-left: solid 2px #de2f24;
border-bottom: solid 2px #de2f24;
width: 10px;
height: 10px;
top: 2px;
left: 5px;
transform: rotate(45deg);
}

.ui-datepicker-next .ui-icon:after {
content: '';
position: absolute;
border-right: solid 2px #de2f24;
border-bottom: solid 2px #de2f24;
width: 10px;
height: 10px;
top: 2px;
right: 5px;
transform: rotate(-45deg);
}

.ui-widget-header {
border: 1px solid #f6f6fc !important;
background: #f6f6fc !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none !important;
  background: #f6f6f6;
  color: #454545;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #cfcfe7 !important;
  background: #cfcfe7 !important;
  color: white !important;
}

.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 #de2f24 !important;
  background: #de2f24 !important;
}


/*дэйтпикер фикс*/

/* Хайст фикс */

.hyst_paginate {
margin: 20px 0px 40px 0px;
}

.hyst_paginate li {
  background-color: white;
  color: #DE2F24;
  border: solid 1px #DE2F24;
border-radius: 50px;
  padding: 5px 10px;
}

.hyst_paginate li.active {
  background-color: #DE2F24;
  color: white;
  border: solid 1px #DE2F24;
border-radius: 50px;
 padding: 5px 10px;
}

/* Хайст фикс */



.TOI_modal_dynamic_table_add_col {
margin: 10px 0px;
padding: 0px;
list-style: none;
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
box-sizing: border-box;
}

.TOI_modal_dynamic_table_col li {
display: inline-block;
}

.TOI_modal_dynamic_table_add_col li:first-child  input,
.TOI_modal_dynamic_table_add_col li:nth-child(2) input,
.TOI_modal_dynamic_table_add_col li:nth-child(3) input,
.TOI_modal_dynamic_table_add_col li:nth-child(4) input,
.TOI_modal_dynamic_table_add_col li:nth-child(5) input,
.TOI_modal_dynamic_table_add_col li:nth-child(6) input,
.TOI_modal_dynamic_table_add_col li:nth-child(7) input,
.TOI_modal_dynamic_table_add_col li:nth-child(8) input {
background: #FFFFFF;
border: 1px solid #CCD2E3;
border-radius: 74px;
padding: 8px 20px;
margin: 10px 0px 5px 0px;
}

.TOI_modal_dynamic_table_add_col li:first-child  input {
width: 200px;
}

.TOI_modal_dynamic_table_add_col li:nth-child(2) input {
width: 200px;
}

.TOI_modal_dynamic_table_add_col li:nth-child(3) input {
width: 200px;
}

.TOI_modal_dynamic_table_add_col li:nth-child(4) input {
width: 150px;
}

.TOI_modal_dynamic_table_add_col li:nth-child(5) input {
width: 150px;
}

.TOI_modal_dynamic_table_add_col li:nth-child(6) input {
width: 100px;
}

.TOI_modal_dynamic_table_add_col li:nth-child(7) input {
width: 160px;
}

.TOI_modal_dynamic_table_add_col li:nth-child(8) input {
width: 160px;
}

.TOI_modal_dynamic_table_add_col li:nth-child(9)  {
display: inline-block;
border-radius: 9px;
color: white;
font-size: 18px;
padding: 7px 25px;
border: none;
margin: 15px 0px 0px 0px;
cursor: pointer;
background: #DE2F24;
}

.TOI_modal_dynamic_table_add_col li:nth-child(9):hover  {
background: #CA3127;
}

.TOI_delqayed_radios {
width: 170px;
display: inline-block;
text-align: left;
margin: 5px 0px;
}

.TOI_select_modal_selector {
text-align: center;
}

.TM_load_bar_excel {
display: none;
border-radius: 5px;
background-color: #44d544;
padding: 5px;
color: white;
}


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

.TOI_search_form input[type="text"] {
  width: 180px;
}

.TOI_calendar_button {
  font-size: 14px;
}

.TOI_up_down_loads label li:last-child {
  margin: 5px 10px 0px 20px;
font-size: 14px;
}

.TOI_up_down_loads label li:last-child {
  margin: 5px 10px 0px 10px;
font-size: 14px;
}

.TOI_gray_button, .TOI_red_button {
  font-size: 16px;
  min-width: 160px;
}

}