/* Minification failed. Returning unminified contents.
(1322,19): run-time error CSS1033: Expected closing bracket, found 'i'
(1322,20): run-time error CSS1031: Expected selector, found ']'
(1322,20): run-time error CSS1025: Expected comma or open brace, found ']'
(1333,19): run-time error CSS1033: Expected closing bracket, found 'i'
(1333,20): run-time error CSS1031: Expected selector, found ']'
(1333,20): run-time error CSS1025: Expected comma or open brace, found ']'
(1355,23): run-time error CSS1033: Expected closing bracket, found 'i'
(1355,24): run-time error CSS1031: Expected selector, found ']'
(1355,24): run-time error CSS1025: Expected comma or open brace, found ']'
 */
omega-control {
  display: none;
}
* {
  box-sizing: border-box;
  /* font-family: "Roboto-Light", sans-serif; */
  font-family: "Montserrat-SemiBold", sans-serif;
}

body {
    width: 100%;
    height: 100vh;
    float: left;
    margin: 0;
    padding: 0;
    color: black;
    min-height: 100vh;
    background-color: white;
    /*  overscroll-behavior: none; */
}
.page_home {
  background-color: #f0f2fd;
}

.foto_schema {
  width: 100%;
  float: left;
  min-height: 75vw;
  background-image: url("../Images/inventory_schema.jpg");
  background-position: 50% 5%;
  background-repeat: no-repeat;
}
.left_icon_footer {
  float: left;
  width: 50%;
  text-align: right;
  color: #4459e9;
}
.right_icon_footer {
  display: block;
  float: left;
  width: 7em;
  height: 1em;
}

.main_container {
  float: right;
  position: relative;
  width: 90%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  /*   padding: 2em 0; */
  overflow-y: auto;
  min-height: 90vh;

  /*   background-image: url("../Images/splashscreen.jpg");
  background-position: left top;
  background-size: auto 100%;
  background-repeat: no-repeat; */
}

/*   */
.search_subj_wrap {
  float: left;
  width: 100%;
  padding: 0.5em;
  padding-left: 2.2em;
}
.s_input {
  float: left;
  width: 10%;
  padding: 0.7em;
  margin-right: 1em;
  border: 1px solid #4459e9;
  background-color: white;
  border-radius: 5px;
}
.s_send,
.s_reset {
  float: left;
  width: 5%;
  padding: 0.25em;
  margin-right: 1em;
  text-align: center;
  border: 1px solid #4459e9;
  background-color: white;
  color: #4459e9;
  border-radius: 5px;
  cursor: pointer;
}
.s_send:hover,
.s_reset:hover {
  border: 1px solid white;
  background-color: #4459e9;
  color: white;
}

.pag_dom {
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.5em;
  padding-left: 1.9em;
}
.pag_wrap {
  float: left;
  width: 25%;
  padding: 0.25em;
}
.pag_to_start,
.pag_minus_1,
.pag_center,
.pag_plus_1,
.pag_to_end {
  float: left;
  width: 19%;
  margin-right: 1%;
  padding: 0.25em;
  text-align: center;
  border: 1px solid #4459e9;
  background-color: white;
  color: #4459e9;
  border-radius: 5px;
  cursor: pointer;
}
.pag_center {
  cursor: default;
}

.pag_to_start:hover,
.pag_minus_1:hover,
.pag_plus_1:hover,
.pag_to_end:hover {
  border: 1px solid white;
  background-color: #4459e9;
  color: white;
}

/*   */
.page_login .main_container {
  width: 35%;
  float: left;
  right: auto;
  min-height: 100vh;
  padding: 8%;
  padding-top: 3em;
  padding-bottom: 0;
  background-color: #eff1fd;
}
.hid_spl {
  display: none;
}
.page_login {
    /* background-color: #566ef2; */
}

    .page_login .hid_spl {
        display: block;
        float: right;
        width: 65%;
        height: 100vh;
        overflow: hidden;
        position: relative;
/*        background-color: #0000003d;*/
        background-image: url("../Images/splashscreen.jpg");
        background-size: cover;
        background-repeat: no-repeat;

/*         animation-name: logo;
        animation-delay: 1.5s;
        animation-duration: 1s;
        animation-fill-mode: forwards; */
    }
.can_con {
    height: 110%;
    float: right;
    width: 100%;
    position: absolute;
    z-index: -1;
    background-color: #566ef2;
    
}
#c {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: -1;
    box-sizing: border-box;
    
}

@keyframes logo {
    0% {
        background-position: center -100%;
    }

    100% {
        background-position: center 47%;
    }
}

.login_logo {
  float: left;
  width: 100%;
  padding: 2em 1em;
  background-image: url("../Images/logo-sisto_positive.svg");
  background-position: 4% 0%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.page_login .login_logo {
  margin-bottom: 2em;
}
.text_0_logo {
  float: left;
  position: absolute;
  width: 100%;
  font-size: 3em;
  top: 25%;
  text-align: right;
  color: #75e8ed;
  background: none;
  right: 1.4em;
}

.text_1_logo {
  float: left;
  position: absolute;
  top: 35%;
  width: 100%;
  font-size: 4em;
  text-align: right;
  color: white;
  padding-top: 0.2em;
  background: none;
  right: 1em;
}

.text_2_logo {
  float: left;
  width: 100%;
  font-size: 4em;
  text-align: right;
  color: white;
}
.in_wrap_container {
  float: left;
  width: 100%;
  margin-top: 1.5em;
  background: none;
  padding-bottom: 4em;
}
.grand_logo_box {
  float: left;
  width: 100%;
  position: relative;
  text-align: center;
}
.left_column_wrap {
  float: left;
  width: 100%;
  padding-top: 7em;
}

.block_a {
  float: left;
  width: 100%;
  padding: 5em 0;
  /* background-image: url("../Images/Sist_Logo_blue.svg"); */
  background-position: 50%;
  background-size: auto 80%;
  background-repeat: no-repeat;
}
.block_b {
  float: left;
  width: 100%;
  padding: 1em 0;
  color: #4459e9;
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: bold;
}
.block_c {
  float: left;
  width: 100%;
  padding: 0;
  padding-top: 6em;
}
.r_block_a {
  float: left;
  width: 100%;
  padding-top: 100%;
  /*   background-image: url("../Images/Mobile.jpg"); */
  background-size: 90% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.list_name {
  width: 100%;
  position: relative;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  padding-left: 2em;
  padding-bottom: 2em;
  padding-top: 2em;
  color: black;
}

.page_login .list_name {
  text-align: left;
  padding-left: 3%;
  margin: 1em 0;
  padding-bottom: 0;
  font-weight: bold;
  font-size: 2em;
  color: black;
}
.name_note,
.pass_note {
  display: block;
  color: #6a6777;
  font-size: 0.8em;
  margin-bottom: 0.4em;
}

.show_selector {
  float: right;
  /*   position: absolute;
  right: 0;
  top: 1.4em; */
  margin-right: 2em;
  padding: 0.25em;
}
.s_b_state_selector {
  position: relative;
  float: left;
  width: 100%;
  border: none !important;
  border-radius: 0.5em;
  font-size: 0.8em;
  font-weight: bolder;
  padding: 0.5em;
  background-color: #f0f2fd;

}
.inv_count {
  float: right;
  top: 1.4em;
  margin-right: 1em;
  padding: 0.25em;
}
.show_selector::after {
  float: left;
  position: absolute;
  top: 0.8em;
  left: -1em;
  content: attr(data-count);
  color: #000;
}
.m_w_22 {
  float: right;
  width: auto;
  position: absolute;
  left: 12em;
  top: 1.2em;
}
.ch_22 {
  display: block;
  width: auto;
  float: left;
  font-size: 0.8em;
  font-weight: bolder;
  padding: 1em 1.25em;
  padding-left: 2.5em;
  border: 1px solid #00b67b;
  border-radius: 0.3em;
  background-color: white;
  color: #00b67b;
}
.ch_22::before {
  display: block;
  position: absolute;
  top: 0.36em;
  left: 0.35em;
  content: "+";
  font-weight: bold;
  font-size: 2em;
  color: #00b67b;
}
.ch_22:hover {
  background-color: #00b67b;
  color: white;
}
.ch_22:hover::before {
  color: white;
}

.menu_container {
    width: 10%;
    float: left;
    margin: 0;
    font-size: 0.8em;
    padding: 1em;
    padding-top: 2.8em;
    border-radius: 0 1em 1em 0;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    background-color: #566ef2;
    /*    background-image: url("../Images/logo-sisto_negative.svg");
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;*/
}
.horizont .menu_container {
}
.can_all {
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 1em;
    z-index: -1;
    left: 0;
}
#c_all {
    width: 100%;
    height: 100%;
}
.vertical .can_all {
    display: none;
}
.page_login .menu_container {
    display: none;
}
.page_login .btn_submit {
  border: none;
}
.left_container_menu {
  float: left;
  width: 90%;
  background-position: 5% 50%;
  background-size: auto 60%;
  background-image: url("../Images/logo-sisto_negative.svg");
  background-position: 10% 50%;
  background-size: 60% auto;
  background-repeat: no-repeat;
}
.center_container_menu {
  float: left;
  width: 100%;
  position: relative;
}
.right_container_menu {
  width: 100%;
  float: left;
  position: relative;
}
.menu_wrap {
  float: left;
  width: 100%;
  padding: 0.25em;
  cursor: pointer;
}

.menu_wrap a {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0.25em;
  color: #fff;
  font-weight: bold;
  border-bottom: 0.1em solid rgba(255, 255, 255, 0);
}
.menu_wrap a:hover {
  color: white;
  border-bottom: 0.1em solid white;
  text-decoration: none;
}
.home {
  float: left;
  width: 100%;
}
.home a {
  min-height: 2em;
  padding-left: 2em;
  text-align: left;
}
.home a:hover {
  border-bottom: none;
}
.home_link {
  width: 100%;
  float: left;
  font-size: 2em;
  padding-left: 2em;
  height: auto;
  /*   color: rgba(0, 0, 0, 0);
  border: none; */
}
.home_link a:hover {
  /*   text-decoration: none;
  color: rgba(0, 0, 0, 0);
  border: none; */
}
.active_point a {
  color: white;
  /* border-bottom: 0.1em solid white; */
}
.home a {
  border-bottom: none;
}

.manage_menu {
  float: left;
}
.menu_manage {
  position: relative;
}
.manage {
  float: left;
}
.manage_menu_box {
  float: left;
  position: relative;
  display: none;
  width: 100%;
}
.hum_menu_box {
  display: none;
  float: left;
  width: 100%;
}
.action_visual_box {
  /* background-color: #4459e9; */
}
.manage_menu_but {
  float: left;
  position: relative;
  width: 100%;
  text-align: right;
}
.hum_menu_but {
  float: right;
  position: relative;
  width: 100%;
}
.hum_menu_but a {
  padding: 0.5em;
  text-align: left;
  overflow: hidden;
}
.manage_menu_but a {
  padding: 0.5em;
  text-align: right;
}
.manage_menu_but a:hover,
.hum_menu_but a:hover {
  /* background-color: #4459e9; */
  border-bottom: 0.1em solid white;
  text-decoration: none;
}
.menu_hum {
  float: none;
  width: 100%;
  position: relative;
}

.menu_wrap .hum {
  float: right;
  position: fixed;
  z-index: 1;
  width: 2em;
  height: 2em;
  top: 4.2em;
  left: 8%;
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="23" viewBox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.5" y1="1.5" x2="28.5" y2="1.5" stroke="rgb(248, 248, 248)" stroke-width="3" stroke-linecap="round"/><line x1="1.5" y1="21.5" x2="28.5" y2="21.5" stroke="rgb(248, 248, 248)" stroke-width="3" stroke-linecap="round"/><line x1="1.5" y1="11.5" x2="28.5" y2="11.5" stroke="rgb(248, 248, 248)" stroke-width="3" stroke-linecap="round"/></svg>');
  background-size: 50% auto;
  background-position: 50% 45%;
  background-repeat: no-repeat;
}
.menu_wrap .hum:hover {
  border-bottom: 0.1em solid rgba(255, 255, 255, 0);
  background-color: #6d7eef;
}

/**/
.content {
  float: left;
  width: 100%;
}
.check_inv_items {
  padding: 0.5em;
}

.add_new_user_block {
  float: right;
  margin-bottom: 4em;
  margin-right: 3em;
  border-radius: 0.2em;
  padding: 0;
  margin-bottom: 1em;
}

.user_role_email {
  float: left;
  width: 100%;
  padding-bottom: 0.5em;
}
.user_form .user_form {
  float: left;
  width: 50%;
}
.user_but {
  float: left;
  width: 100%;
}
.user_sub {
  float: right;
}
.form_user_role {
  float: left;
  width: 100%;
  padding: 1em;
}
.admin_label {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 0.5em;
}
.user_form_line {
  float: left;
  width: auto;
}
.user_sub {
  margin-left: 1em;
}
.wrap_input {
  padding-bottom: 0.5em;
}
.check-box {
  width: 1.5em;
  height: 1.5em;
}

/**/
.search_in_subject {
  float: left;
  width: 96%;
  margin: 2%;
}
.search_in_subject form {
  float: left;
  width: 100%;
}
.sort_in_subject {
  float: left;
  width: auto;
  margin-top: 1em;
}
.input_in_subjects {
  float: left;
  width: 20%;
  border-radius: 0.25em;
}
.reset_filter {
  float: left;
  width: auto;
  margin-left: 2%;
}

/**/
.item {
  float: left;
  width: 46%;
  padding: 1em;
  margin: 2% 2%;
  background-color: white;
  border-radius: 0.5em;
  border: 0.1em solid #d0d4ee;
}
.sbj {
  float: left;
  width: 46%;
  padding: 1em;
  margin: 0.5% 2%;
  background-color: white;
  border-radius: 0.5em;
  border: 0.1em solid #d0d4ee;
  min-height: 8em;
}

.item_cl {
  float: left;
  width: 48%;
  padding: 1em;
  margin: 1% 1%;
  background-color: white;
  border-radius: 0.5em;
  border: 0.1em solid #d0d4ee;
  display: none;
}
.show_i_b {
  display: block;
}
.text {
  float: left;
  width: 100%;
}

.one_name {
  float: left;
  font-weight: bold;
  padding: 0.25em;
}
.one_val {
  float: left;
  font-size: 0.8em;
  overflow: hidden;
  padding: 0.25em;
}
.gray_string {
  font-size: 0.8em;
  padding: 0.25em;
  color: #6a6777;
}
.one_val a {
  padding: 0;
}
.rewrite_matter,
.rewrite_note {
  position: relative;
  float: left;
  font-size: 1.5em;
  cursor: pointer;
  padding: 0.5em;
  border: 1px solid white;
  border-radius: 0.15em;
  text-align: center;
  background-image: url("../Images/icon-edit.svg");
  background-position: 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.rewrite_matter:hover,
.rewrite_note:hover {
  border: 1px solid #4459e9;
}
.rm_over,
.rn_over {
  display: none;
  float: left;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
}
.from_day,
.to_day {
  float: left;
  border: none;
  font-size: 0.8em;
  padding: 0.25em;
}
/* .from_day:hover,
.to_day:hover {
  color: white;
  background: #4459e9;
  cursor: pointer;
} */
.active_field {
  display: block;
}
.hidden_button {
  display: none;
}

.input_rm_over,
.input_rn_over {
  float: left;
  width: 85%;
  padding: 0.5em;
}
.send_rm,
.send_rn {
  float: right;
  width: 14%;
  font-size: 0.9em;
  padding: 0.25em;
  border: 1px solid #4459e9;
  background: #4459e9;
  color: #fff;
  border-radius: 0.15em;
  text-align: center;
  cursor: pointer;
}
.div_day_from,
.div_day_to {
  float: left;
  padding: 0.25em;
}
.wrap_all_users {
  float: left;
  width: 100%;
  padding: 0.5em;
  font-size: 0.8em;
}
.subj_user {
  float: left;
  padding: 0.25em;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  border: 1px solid #4459e9;
  border-radius: 0.25em;
  background-color: white;
  cursor: pointer;
}
.subj_user:hover {
  background-color: #7785dd;
  color: white;
}
.active_user {
  background-color: #4459e9;
  color: white;
}
.subj_user.active_user:hover {
  background-color: #7785dd;
  color: black;
}

/**/
.suicid {
  float: left;
  width: 100%;
  padding: 2em;
}
.reg_suicid {
  float: left;
  width: 100%;
}
.rs_0,
.rs_2 {
  float: left;
  width: 11%;
  font-weight: bold;
}
.rs_1,
.rs_3 {
  float: left;
  width: 89%;
  text-align: left;
}
.rs_1 a {
  display: block;
  float: left;
  width: 100%;
}
.rs_mes {
  float: left;
  width: 100%;
  padding: 1em;
  color: #00b67b;
}
/**/

.item-body {
  float: left;
  width: 80%;
/*   padding-left: 10%;
  background-image: url("../Images/ilu_seznam.png");
  background-position: left top;
  background-size: 7%;
  background-repeat: no-repeat; */
}
.wrap_mode_type {
  float: left;
  width: 100%;
  padding: 0.5em;
}
.mode_type {
  float: left;
  width: 100%;
  font-size: 0.8em;
  
}
.change_checklist_mode {
  float: left;
  border: none !important;
  border-radius: 0.25em;
  font-size: 0.7em;
  padding: 0.5em 1em;
  font-weight: bolder;
  cursor: pointer;
  color: white;
  background-color: #566ef2;
}
.body_cl {
  float: left;
  width: 100%;
/*   padding-left: 10%;
  background-image: url("../Images/ilu_seznam.png");
  background-position: left top;
  background-size: 7%;
  background-repeat: no-repeat; */
}
.page_edit_users .item-body {
  padding-left: 10%;
  margin-bottom: 1em;
  background-image: url("../Images/groups_2_blue.svg");
  background-size: 7%;
  background-position: 1% 0%;
  background-repeat: no-repeat;
}

.item-controls {
  float: left;
  width: 20%;
  position: relative;
}
.controls_cl {
  width: 100%;
  padding-left: 0.25em;
}

.apli_approve {
  display: block;
  position: absolute;
  right: 1em;
}
.sub_create {
  float: left;
  width: 100%;
  padding: 1em;
}
.sub_cr_title {
  float: left;
  width: 100%;
  padding-left: 0.5em;
}
.sub_back {
  width: 100%;
  float: left;
  padding-left: 1.5em;
}
.sub_back a {
  float: left;
  width: auto;
}

.item-controls a,
.sub_back a,
.sub_submit {
  border: 1px solid #4459e9;
  border-radius: 0.25em;
  background-color: white;
  font-size: 0.8em;
  font-weight: bolder;
  padding: 1em 0.5em;
  color: #4459e9;
  margin: 0.25em;
  margin-right: 0.25em;
  margin-right: 1em;
}
.item-controls a:hover,
.sub_back a:hover,
.sub_submit:hover {
  background-color: #4459e9;
  color: white;
}

.item_text {
  float: left;
  width: 100%;
  position: relative;
  padding: 0.25em;
}
.item-left,
.item-right {
  padding-left: 0.25em;
}
.item-right {
  border-bottom: 2px solid #f0f2fd;
}
.wrap_change_state {
  float: left;
  width: auto;
  margin-left: 0.25em;
}
/* .item-controls a {
  display: block;
  float: right;
  width: auto;
  margin: 0.25em;
  padding: 0.5em;
  border: 1px solid #005aab;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16),
    -2px -2px 6px rgba(255, 255, 255, 0.6);
  border-radius: 5px;
} */
.ch_state_wrap {
  float: left;
  width: 100%;
}

.change_checklist_state {
  float: left;
  border: none !important;
  border-radius: 0.25em;
  font-size: 0.7em;
  padding: 0.5em 1em;
  font-weight: bolder;
  cursor: pointer;
  color: white;
}
.sel_color_0 {
  background-color: rgb(246, 196, 102);
}
.sel_color_1 {
  background-color: #59c186;
}
.sel_color_2 {
  background-color: rgb(92, 92, 216);
}
.sel_color_3 {
  background-color: rgb(249, 65, 65);
}
.option_body {
  background-color: gray;
}




.change_state_name {
  float: left;
  font-weight: bold;
  padding: 0.5em 0;
}

/**/
.form-horizontal {
  float: left;
  width: 100%;
  padding: 0.5em;
}
.form-group {
  float: left;
  width: 100%;
  padding: 0.5em;
}
.variors {
  float: left;
  font-size: 2em;
  font-weight: bolder;
  padding: 1em 0.5em;
}
.form_line {
  float: left;
  width: 100%;
  padding: 0.5em;
}
.left_line {
  float: left;
  min-width: 5em;
  padding: 0.25em;
  font-weight: bold;
}
.right_line {
  float: left;
  padding: 0.25em;
}
.right_line a {
  float: left;
  padding: 0;
}
.remove_checklist {
  cursor: pointer;
}
/**/
footer {
  float: right;
  width: 85%;
  text-align: center;
}
.page_login footer {
  width: 35%;
  position: fixed;
  right: auto;
  left: 0;
  top: 85%;
  text-align: left;
  background-color: #eff1fd;
}

.footer_wrap_pag {
  float: left;
  width: 100%;
}
.footer_pag {
  width: auto;
  float: right;
}
.pag_but {
  float: left;
}
.footer_sign {
  float: left;
  width: 100%;
}

.page_login .footer_sign {
  padding-left: 28%;
  padding-right: 28%;
  background-image: url("../Images/Seyfor_logo_CMYK.png");
  background-position: 33% 0%;
  background-size: 15% auto;
  background-repeat: no-repeat;
  padding-top: 3em;
}
.new_text_footer {
  float: left;
  width: 100%;
  font-size: 0.6em;
  padding: 1em 0;
  color: #0d0631;
  /* text-align: center; */
  margin-top: 0.25em;
}
/**/
a {
  display: block;
  float: left;
  padding: 0.25em;
  text-decoration: none;
  color: black;
}

.form-control {
  border: 0.1em solid #4459e9;
  border-radius: 0.25em;
  background-color: #fff;
  background: #fff;
  color: #000;
  font-size: 1em;
  padding: 0.25em;
}
.name_inp,
.pass_inp {
  width: 100%;
  border: 1px solid #b6c5d4;
}
.btn_submit {
  float: left;
  border: 1px solid #4459e9;
  border-radius: 0.25em;
  background: white;
  font-size: 1em;
  font-weight: bolder;
  padding: 0.5em;
  color: #4459e9;
  cursor: pointer;
}
.btn_submit:hover {
  background: #4459e9;
  color: white;
}

.logo_submit {
  width: 100%;
  font-size: 0.8em;
  color: white;
  background-color: #00b67b;
  padding: 0.8em;
  margin-top: 1em;
}
.sub_in_search {
  float: left;
  width: auto;
  margin-left: 1em;
  padding: 1em;
  line-height: 1.18;
  letter-spacing: 0.255px;
}
.btn_home_submit {
  float: left;
  width: 16%;
  margin-left: 42%;
  border: none !important;
  border-radius: 0.25em;
  background-color: #4459e9 !important;
  background: #4459e9 !important;
  font-size: 1.5em;
  font-weight: bolder;
  padding: 0.5em;
  color: #fff !important;
  cursor: pointer;
  box-shadow: 0 0 0.5em white;
}
.btn_home_submit a {
  width: 100%;
  text-align: center;
  color: #fff;
}
.wrap_input_file {
  float: left;
}
.btn_file {
  width: auto;
  border: 1px solid #4459e9;
  border-radius: 0.25em;
  background: white;
  font-size: 1em;
  font-weight: bolder;
  padding: 0.5em;
  color: #4459e9;
}
input {
  color: #000;
}

.file-upload,
input[type="file"]
 {
  display: none; /* Обязательно скрываем настоящий Input File */
}
.file-upload
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.file-upload
{
  line-height: 36px; 
}
.span_input_file {
  text-decoration: underline;
  cursor: pointer;
}
.filename {
  background: #fff;
  border: 0;
}
.btn_file:hover {
  background: #4459e9;
  color: black;
}

.register_link a {
  font-size: 0.8em;
  text-decoration: underline #0d0631;
}
.forgot_link a {
  font-size: 0.8em;
  text-decoration: underline #0d0631;
}

#Password input[type="password"] {
  border: 1px solid rgb(10, 47, 102);
  background-color: white !important;
}

input:-webkit-autofill {
  -webkit-border: 1px solid rgb(10, 47, 102) !important;
  -webkit-background-color: white !important;
}

#Password input[type="password"] /*,
#search input[type="submit"] */ {
  position: relative;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 0.5em 1.5em 0.5em;
  border-radius: 1.5em;
  border: none;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s linear, color 0.15s linear;
  color: white;
  outline: none;
}
/*
#search input[type="submit"]:hover {
  cursor: pointer;
  position: relative;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 0.5em 1.5em 0.5em;
  border-radius: 1.5em;
  border: none;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s linear, color 0.15s linear;
  color: white;
  outline: none;
}
*/

input[type="file" i]::-webkit-file-upload-button {
  background-color: #f6f6f6;
  padding: 0.5em 1.5em 0.5em;
  border-radius: 1.5em;
  border: none;
  font-size: 1em;
  font-weight: 500;
  color: white;
  outline: none;
}

input[type="file" i]::-webkit-file-upload-button:hover {
  background-color: #f6f6f6;
  padding: 0.5em 1.5em 0.5em;
  border-radius: 1.5em;
  border: none;
  font-size: 1em;
  font-weight: 500;
  color: white;
  outline: none;
}

input[type="search"] {
  padding: 0.9em;
  border: 0;
  background-color: #f6f6f6;
  color: #0e1427;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: 0.255px;
}

input[type="checkbox" i]:disabled,
input[type="checkbox"][disabled] {
  border: 1px solid #005aab;
  padding: 1.25em 1.75em 1.25em;
  width: 20px;
  height: 20px;
  cursor: default;
}
/* @media screen and (max-width: 900px) {
  .main_container {
    margin: 0;
    margin-top: 2em;
    padding: 0;
  }
  .menu_container {
    width: 100%;
    padding: 1em;
  }
  .hum_menu_box {
    width: 80%;
  }
  .manage_menu_box {
    width: 50%;
  }
  .right_column_wrap {
    display: none;
  }
  .left_column_wrap {
    width: 100%;
  }
  .grand_logo_box {
    width: 100%;
    margin-left: 0;
  }
  .block_a {
    padding: 0;
    padding-top: 2em;
    background-position: 50%;
    background-size: 42% auto;
    background-repeat: no-repeat;
  }
  .block_b {
    padding: 0;
    color: white;
  }
  .block_c {
    padding: 0;
  }
  .btn_home_submit {
    width: 40%;
    margin-left: 30%;
  }
} */

/**/
.vertical .vertical .page_home {
  background-color: #f0f2fd;
}

.vertical .main_container {
  width: 100%;
  margin-top: 5em;
  background-color: #f0f2fd;
}
.vertical .page_login .main_container {
  width: 100%;
  padding-top: 0;
  margin-top: 0;
}
.vertical .page_login footer {
  top: 85%;
}
.vertical .grand_logo_box {
  width: 100%;
  margin-left: 0;
  margin-top: 5em;
}
.vertical .left_column_wrap {
  width: 100%;
  padding-top: 0;
}
.vertical .menu_container {
  width: 100%;
  padding: 0.25em;
  bottom: auto;
  font-size: 1.2em;
  border-radius: 0 0 1em 1em;
  background: white;
  color: black;
  border: 0.1em solid #d0d4ee;
}
.vertical .left_container_menu {
  background: none;
}

.vertical .menu_wrap {
  padding: 0;
}
.vertical .center_container_menu {
  float: left;
  width: 100%;
  display: none;
}
.vertical .hum_menu_box {
  width: 100%;
}
.vertical .manage_menu_but a,
.vertical .hum_menu_but a {
  text-align: left;
}
.vertical .in_wrap_container {
  margin-top: 1em;
}
.vertical .content {
  padding-top: 1em;
  margin-top: 1em;
}
.vertical .wrap_input_file {
  padding-top: 4em;
}
.vertical .form-horizontal {
  /*     padding-top: 4em; */
}
.vertical .variors {
  padding-top: 2em;
}
.vertical .foto_schema {
  margin-top: 4em;
  min-height: 75vh;
  background-position: left top;
  background-size: auto 100%;
}
.vertical .page_cl_index .content {
  padding-top: 2em;
}
.vertical .page_cl_index .main_container {
  background-color: white;
}
.vertical .list_name {
  padding-top: 1em;
  padding-bottom: 1em;
}
.vertical .m_w_22 {
  font-size: 0.8em;
  left: 2.5em;
  top: 2.9em;
}
.vertical .ch_22 {
  padding: 0.5em;
  padding-left: 1em;
}
.vertical .ch_22::before {
  font-size: 1em;
  top: 0.75em;
  left: 0.25em;
}
.vertical .show_selector {
  top: 0.75em;
  position: absolute;
  right: 0;
  margin-right: 1em;
}
.vertical .item {
  width: 90%;
  margin: 0;
  margin-bottom: 2em;
  margin-left: 5%;
}

.vertical .item_cl {
  width: 90%;
  margin: 0;
  margin-left: 5%;
  margin-bottom: 2em;
}
.vertical .item-left,
.vertical .item-right {
  padding-left: 0;
}

.vertical .wrap_change_state {
  width: 100%;
  margin: 0;
  margin-bottom: 0.25em;
}
.vertical .change_checklist_state {
  float: left;
}
.vertical .item-controls a {
  margin-right: 5%;
  float: left;
  margin-left: 0;
  width: 30%;
  text-align: center;
}
.vertical .item-controls a:last-child {
  margin-right: 0;
}
.vertical .right_container_menu,
.vertical .left_container_menu {
  width: 100%;
}

.vertical .one_val {
  width: auto;
}
.vertical .rm_exit {
  /* padding-left: 10%; */
}
.vertical .one_name {
}
.vertical .rewrite_matter,
.vertical .rewrite_note {
  width: 1em;
  height: 1em;
  float: right;
  /* padding: 0.25em; */
}
.vertical .from_day,
.vertical .to_day {
  float: right;
}
.vertical .div_day_from,
.vertical .div_day_to {
  float: right;
  padding: 0.25em;
}
.vertical .hum_menu_box,
.vertical .manage_menu_box {
  right: auto;
  left: 0;
  width: 100%;
}
.vertical .manage_menu_but,
.vertical .hum_menu_but {
  width: 100%;
}
.vertical .add_new_user_block {
  margin: 0;
  margin-bottom: 0.5em;
  padding-right: 5%;
}

.vertical .btn_file {
  width: 100%;
}

.vertical .page_edit_users .item-body {
  width: 100%;
  padding-left: 20%;
  background-size: 12%;
  background-position: 0% 20%;
  background-repeat: no-repeat;
}

.vertical .home_link {
  padding-top: 0.35em;
  background-image: url("../Images/logo-sisto_positive.svg");
  background-position: 10% 50%;
  background-size: auto 80%;
  background-repeat: no-repeat;
}
.vertical .menu_wrap a {
  color: black;
  padding-top: 0.35em;
  background-position: 5% 50%;
  background-size: auto 60%;
}
.vertical .menu_wrap a:hover {
  /*     color: rgba(68, 89, 233, 1);
    border-bottom: 0.1em solid white;
    text-decoration: none; */
}
.vertical .menu_wrap .hum {
  top: 1.3em;
  left: 85%;
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="23" viewBox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.5" y1="1.5" x2="28.5" y2="1.5" stroke="rgba(68, 89, 233, 1)" stroke-width="3" stroke-linecap="round"/><line x1="1.5" y1="21.5" x2="28.5" y2="21.5" stroke="rgba(68, 89, 233, 1)" stroke-width="3" stroke-linecap="round"/><line x1="1.5" y1="11.5" x2="28.5" y2="11.5" stroke="rgba(68, 89, 233, 1)" stroke-width="3" stroke-linecap="round"/></svg>');
  background-size: 50% auto;
  background-position: 50% 45%;
  background-repeat: no-repeat;
}

.vertical .right_icon_footer {
  display: block;
  float: left;
  width: 7em;
  height: 1em;
  /*     background-image: url("../Images/Sist_Logo_blue.svg"); */
  background-position: 5% 0%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.vertical .left_icon_footer {
  font-weight: normal;
}
.vertical .block_a {
  font-size: 1.5em;
  padding: 1em 0;
  padding-top: 2em;
  background-position: 50%;
  background-size: 80% auto;
  background-repeat: no-repeat;
}
.vertical .block_b {
  font-size: 1.5em;
  padding-bottom: 2em;
}
.vertical .block_c {
  padding: 1em 0;
  padding-top: 14em;
}

.vertical .btn_home_submit {
  width: 80%;
  margin-left: 10%;
}
/**/

.vertical .login_logo {
}
.vertical .hid_spl {
  display: none;
}
.vertical .page_home .main_container {
  width: 100%;
  min-height: 95vh;
  margin-top: 0;
  background-color: #f0f2fd;
  background-image: url("../Images/splashscreen.jpg");
  background-position: 10% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.vertical footer {
  width: 100%;
}
.vertical footer {
  width: 100%;
  text-align: center;
  background-color: #f0f2fd;
}
.vertical .footer_sign {
  background-image: none;
}
.vertical .body_cl {
/*   background-position: 0 0;
  background-size: 10%;
  padding-left: 0; */
}
.vertical .s_b_state_selector {
  font-size: 0.7em;
  font-weight: bold;
}