@charset "UTF-8";
@import url(css/fonts/fonts.css);
@import url(css/cerm_colors.css);
/* general */
html {
  font-size: 10px;
  letter-spacing: 0.01rem;
  color: #686a6b;
  height: 100%;
  background-color: #eaf1f7; }

body {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-family: OpenSansRegular, Rubik, sans-serif;
  height: 100%; }
  body.minmenu_open {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%; }

a, input, select, textarea {
  outline: none; }

a {
  font-family: OpenSansLight, Rubik, sans-serif;
  color: #444444;
  text-decoration: underline;
  cursor: pointer; }
  a .noDecor {
    color: inherit;
    text-decoration: inherit; }
  a:hover {
    color: #84d055; }

input[type="button"], input[type="submit"], button {
  -webkit-appearance: none;
  -moz-appearance: none; }

button, input[type="button"], .button {
  border-radius: 5px;
  border: none;
  padding: 1.5rem 2rem;
  cursor: pointer;
  box-sizing: content-box; }

.button {
  text-decoration: none;
  font: 400 1.5rem OpenSansLight, Rubik, sans-serif;
  margin: .5em 0; }

.button-cancel {
  border: 1px solid #999; }

.button-success {
  color: white;
  background-color: #8bb75f; }

.button-crm-yellow {
  color: black;
  background-color: #FFD401; }

.button-crm-green {
  color: white;
  background-color: #74B848; }

.button-disabled {
  color: white;
  background-color: gainsboro; }

.button-reject {
  color: white;
  background-color: #F38686; }

h3 {
  display: block;
  padding: 2rem 0;
  font: 100 2.5rem "OpenSansRegular";
  line-height: 3.5rem;
  color: #444444;
  text-align: left;
  margin: 0 0 1rem 0; }

h2, h1 {
  width: 100%;
  font: 1.8rem "OpenSansRegular";
  text-decoration: underline;
  color: #686a6b;
  display: flex;
  align-items: center; }

h1 {
  font-size: 2rem; }

img {
  line-height: 1rem; }

#body_container {
  height: calc(100% - 85px); }

.download_manual {
  margin: 10px 30px;
  padding: 10px 0 10px 30px;
  background: #FAEBD7 url("/_images/book_open.png") 10px 50% no-repeat;
  border: 1px solid #AB5C00; }

.success_info {
  border: 1px solid #060;
  background-color: #bfb;
  color: #333;
  padding: 10px;
  margin: 5px 0;
  font-size: 12px;
  font-weight: bold; }

.failure_info {
  border: 1px solid #600;
  background-color: #fbb;
  color: #333;
  padding: 10px;
  margin: 5px 0;
  font-size: 12px;
  font-weight: bold; }

.describe_info {
  border: 1px solid #960;
  background-color: #FFEFCE;
  color: #333;
  padding: 10px;
  margin: 5px 0;
  font-size: 12px;
  font-weight: bold; }

div.table_cells_centered table td {
  text-align: center !important; }

div.th_cells_align_right table th {
  text-align: right !important; }

div.th_cells_align_left table tr th {
  text-align: left !important; }

.newslist_date {
  font-size: 11px;
  color: gray;
  white-space: nowrap; }

.red_warning, .yellow_warnin, .green_warning, .grey_warning {
  padding: 5px;
  border-radius: 5px; }

.red_warning {
  border: 1px solid red;
  background-color: #fdd; }

.yellow_warning {
  border: 1px solid darkgoldenrod;
  background-color: #fff3d1; }

.green_warning {
  border: 1px solid darkgreen;
  background-color: #dfd; }

.grey_warning {
  border: 1px solid #bbb;
  background-color: #eee; }

.button_edit {
  background-color: #eee;
  color: #666; }
  .button_edit:hover {
    background-color: #ddd; }

.button_small {
  font-size: 10px;
  padding: 2px; }

.stateSwitch {
  display: inline-block; }
  .stateSwitch > .active {
    color: #84d055; }

/* new style */
/* common */
.red_signal {
  border-left: 5px solid #FE6102;
  padding: 1.5rem 2rem; }

.lightred_signal {
  border-left: 5px solid #ffb403;
  padding: 1.5rem 2rem; }

.green_signal {
  border-left: 5px solid #78ba4f;
  padding: 1.5rem 2rem; }

.lightyellow_signal {
  border-left: 5px solid #fff548;
  padding: 1.5rem 2rem; }

.shadow_for_box {
  margin: 2rem 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(72, 72, 72, 0.15);
  -moz-box-shadow: 0 5px 20px 0 rgba(72, 72, 72, 0.15);
  box-shadow: 0 5px 20px 0 rgba(72, 72, 72, 0.15); }

.bottom_shadow_for_box {
  display: flex;
  margin: 2rem 0;
  border-radius: 5px;
  border: 1px solid #dfe6eb;
  -webkit-box-shadow: 0px 8px 0px 0px #dfe6eb;
  -moz-box-shadow: 0px 8px 0px 0px #dfe6eb;
  box-shadow: 0px 8px 0px 0px #dfe6eb; }

table {
  border-collapse: collapse; }

.zebra_table tr:nth-child(2n+1):not(:first-child) {
  background-color: #f5f7f9; }

/* buttons */
.button {
  display: inline-block;
  font-family: OpenSansRegular, Rubik, sans-serif;
  padding: 1rem 3rem;
  margin: 0.5rem 0; }

.btn_not_active {
  cursor: default;
  outline: none;
  color: #636363;
  background-color: #dcdcdc;
  font: 400 1.5rem OpenSansRegular, Rubik, sans-serif;
  border: 1px solid #dcdcdc;
  transition-property: background-color, color, border-color;
  transition: 0.15s ease; }
  .btn_not_active:hover {
    color: #636363; }

.btn_green {
  outline: none;
  color: #fff;
  background-color: #78ba4f;
  font: 400 1.5rem OpenSansRegular, Rubik, sans-serif;
  border: 1px solid #78ba4f;
  transition-property: background-color, color, border-color;
  transition: 0.15s ease; }
  .btn_green:hover {
    color: #fff;
    background-color: #61a338; }
  .btn_green:active {
    color: #fff;
    background-color: #78ba4f; }

.btn_grey {
  outline: none;
  color: #000;
  background-color: #f4f4f4;
  font: 400 1.5rem OpenSansRegular, Rubik, sans-serif;
  border: 1px solid #f4f4f4;
  transition-property: background-color, color, border-color;
  transition: 0.15s ease; }
  .btn_grey:hover {
    color: #000;
    background-color: #e4e4e4; }
  .btn_grey:active {
    color: #000;
    background-color: #f4f4f4; }

.btn_grey_border {
  outline: none;
  color: #686a6b;
  background-color: #fff;
  font: 400 1.5rem OpenSansRegular, Rubik, sans-serif;
  border: 1px solid #dcdcdc;
  transition-property: background-color, color, border-color;
  transition: 0.15s ease; }
  .btn_grey_border:hover {
    color: #404040;
    border-color: #717171; }
  .btn_grey_border:active {
    color: #686a6b;
    border-color: #dcdcdc; }

.btn_yellow {
  outline: none;
  color: #282828;
  background-color: #ffe140;
  font: 400 1.5rem OpenSansRegular, Rubik, sans-serif;
  border: 1px solid #ffe140;
  transition-property: background-color, color, border-color;
  transition: 0.15s ease; }
  .btn_yellow:hover {
    color: #282828;
    background-color: #ffd500;
    border-color: #ffd500; }
  .btn_yellow:active {
    color: #282828;
    background-color: #ffe140;
    border-color: false; }

.btn_yellow_border {
  outline: none;
  color: #282828;
  background-color: #fff;
  font: 400 1.5rem OpenSansRegular, Rubik, sans-serif;
  border: 1px solid #ffe140;
  transition-property: background-color, color, border-color;
  transition: 0.15s ease; }
  .btn_yellow_border:hover {
    color: #282828;
    border-color: #ffd500; }
  .btn_yellow_border:active {
    color: #282828;
    border-color: #ffe140; }

.btn_red {
  outline: none;
  color: #fff;
  background-color: #ff7724;
  font: 400 1.5rem OpenSansRegular, Rubik, sans-serif;
  border: 1px solid #ff7724;
  transition-property: background-color, color, border-color;
  transition: 0.15s ease; }
  .btn_red:hover {
    color: #fff;
    background-color: #fe6102; }
  .btn_red:active {
    color: #fff;
    background-color: #ff7724; }

.back_button {
  display: inline-block;
  margin-top: 15px;
  padding: 1rem 3.5rem; }

/* buttons end */
.w25 {
  min-width: 25%; }

.w40 {
  min-width: 40%; }

.plus_icon_in_btn {
  vertical-align: middle;
  position: relative;
  margin-right: 30px; }
  .plus_icon_in_btn:before {
    content: url("/_images/_white_design/personal_area/twg/plus.png");
    position: absolute;
    display: inline-block;
    max-width: 20px;
    top: 0;
    bottom: 0; }

.print_icon_in_btn {
  vertical-align: middle;
  position: relative;
  margin-right: 35px; }
  .print_icon_in_btn:before {
    content: url("/_images/_white_design/personal_area/twg/print-button.png");
    position: absolute;
    display: inline-block;
    max-width: 20px;
    top: 0;
    bottom: 0; }

.back_icon_in_btn {
  vertical-align: middle;
  position: relative;
  margin-right: 30px; }
  .back_icon_in_btn:before {
    content: url("/_images/_white_design/personal_area/twg/back.png");
    position: absolute;
    display: inline-block;
    max-width: 20px;
    top: 0;
    bottom: 0; }

.list_with_dot_icon_in_btn {
  vertical-align: middle;
  position: relative;
  margin-right: 35px; }
  .list_with_dot_icon_in_btn:before {
    content: url("/_images/_white_design/personal_area/twg/list-with-dots.png");
    position: absolute;
    display: inline-block;
    max-width: 20px;
    top: 0;
    bottom: 0; }

.form_exit_btn {
  position: absolute;
  padding: 0;
  background: none;
  outline: none;
  top: 5px;
  right: 10px;
  color: #ccc; }
  .form_exit_btn:hover {
    color: gray; }
  .form_exit_btn:active {
    color: #ccc; }

.download-box {
  box-sizing: border-box;
  background-color: #eaf1f7; }

.border_grey_box {
  border: 2px solid #eaf1f7;
  background-color: #fff; }

/* indicators */
/* 1 */
.indicator_picture-wrapper {
  margin: 2px auto 0;
  width: 70%;
  border-radius: 2.5px;
  background-color: #d2d2d2; }
  .indicator_picture-wrapper .indicator_picture {
    border-radius: 2.5px;
    height: 5px; }

/* 2 */
.linear-indicator {
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 10rem; }
  .linear-indicator .indicator-picture-wrapper {
    width: 100%; }
    .linear-indicator .indicator-picture-wrapper .linear-indicator_indicator-picture {
      height: 0.5rem; }
  .linear-indicator .linear-indicator_indicator-label {
    margin-left: 0.5rem;
    min-width: 4.5rem;
    text-align: start; }

/* indicators end */
/* common end */
/* new style end */
/* general end*/
/* head */
#head {
  background-color: #fff;
  position: fixed;
  height: 80px;
  z-index: 999;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row; }

.header_logo {
  width: 0;
  min-width: 28rem;
  background-color: #eaf1f7;
  background-image: url("/_images/_white_design/personal_area/logo_crm.png");
  background-position: 50%;
  background-repeat: no-repeat;
  border-bottom: 0.2rem solid #c4d6e9;
  transition: width .2s ease; }

.menu-button {
  width: 2rem;
  height: 1.8rem;
  position: absolute;
  z-index: 999;
  top: 3rem;
  left: 2.5rem;
  cursor: pointer; }

.header_logo_hamburger {
  display: none; }

.header_content {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  border-bottom: 0.2rem solid #dfe6eb;
  padding-right: 2rem;
  min-width: 740px; }
  .header_content_label {
    width: 100%;
    font: bolder 1.6rem "OpenSansRegular";
    color: #85a0b2;
    display: flex;
    align-items: center; }
    .header_content_label > span {
      display: flex;
      align-items: center;
      margin-left: 4rem; }
      .header_content_label > span:before {
        content: url(/_images/_white_design/personal_area/header_menu/user.png);
        margin: 0 7px -3px 0;
        display: block; }
  .header_content_toasts {
    display: flex;
    align-items: center;
    justify-content: flex-end; }

.toasts_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #b5ccd8;
  border-radius: 3px;
  height: 3.5rem;
  cursor: pointer;
  margin: 0 15px; }
  .toasts_button:hover {
    border-color: #84d055; }
  .toasts_button svg {
    min-width: 2rem;
    max-width: 2rem;
    max-height: 2rem;
    min-height: 2rem; }
    .toasts_button svg path {
      fill: #b5ccd8; }
  .toasts_button:hover svg path {
    fill: #84d055; }
  .toasts_button_label {
    margin-left: 1rem;
    font: 1.4rem "OpenSansRegular";
    color: #6c6c6c;
    text-decoration: none !important; }

.toast-exit-button {
  width: 10rem; }
  .toast-exit-button svg {
    width: 10rem;
    transform: scale(-1, 1); }

.toast-prefs-button {
  width: 3.5rem; }

.toast-balance-button, .toast-print-button {
  border: none; }

.toast-notes-button {
  border: none;
  width: 2rem;
  flex-direction: row; }

.toast-notes-button__new-message {
  width: 8rem !important; }

.toast-notes-button .toasts_button_labe,
.ntoast-notes-button .toasts_button_label {
  width: 3.1rem; }

.toast-notes-button__no-new-message .toasts_button_label,
.ntoast-notes-button__no-new-message .toasts_button_label,
.toast-notes-baloon__passive {
  display: none; }

.toast-notes-baloon {
  background-image: url("/_images/_white_design/personal_area/header_menu/message_baloon.png");
  height: 2.1rem;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.new-message-baloon_text {
  position: relative;
  top: 1px;
  color: white;
  margin-left: 0.4rem;
  font: bold 1rem "OpenSansBold"; }

.ntoast-exit-button {
  width: 120px; }
  .ntoast-exit-button .toasts-icon_wrapper {
    min-width: 2rem;
    min-height: 2rem;
    background-image: url(/_images/_white_design/personal_area/header_menu/sprite1_exp.png);
    background-size: 4rem 10rem;
    background-position: 0rem 8rem; }
  .ntoast-exit-button:hover .toasts-icon_wrapper {
    background-position: 2rem 8rem; }

/* кнопка выхода */
.ntoast-balance-button {
  border: none; }
  .ntoast-balance-button .toasts-icon_wrapper {
    min-width: 2rem;
    min-height: 2rem;
    background-image: url(/_images/_white_design/personal_area/header_menu/sprite1_exp.png);
    background-size: 4rem 10rem;
    background-position: 0rem 2rem; }
  .ntoast-balance-button:hover .toasts-icon_wrapper {
    background-position: 2rem 2rem; }

/* кнопка кошелька */
.ntoast-prefs-button {
  border: none;
  width: 3.5rem; }
  .ntoast-prefs-button .toasts-icon_wrapper {
    min-width: 2rem;
    min-height: 2rem;
    background-image: url(/_images/_white_design/personal_area/header_menu/sprite1_exp.png);
    background-size: 4rem 10rem;
    background-position: 0rem 6rem; }
  .ntoast-prefs-button:hover .toasts-icon_wrapper {
    background-position: 2rem 6rem; }

/* кнопка настроек профиля */
.ntoast-notes-button {
  border: none;
  width: 3.5rem;
  flex-direction: row; }
  .ntoast-notes-button .toasts-icon_wrapper {
    position: relative;
    width: 2rem;
    height: 2rem;
    background-image: url(/_images/_white_design/personal_area/header_menu/sprite1_exp.png);
    background-size: 4rem 10rem;
    background-position: 0rem 0rem; }
  .ntoast-notes-button:hover .toasts-icon_wrapper {
    background-position: 2rem 0rem; }

/* кнопка личных сообщений */
.ntoast-print-button {
  width: 3.5rem;
  border: none; }
  .ntoast-print-button div {
    width: 2rem;
    height: 2rem;
    background-image: url(/_images/_white_design/personal_area/header_menu/sprite1_exp.png);
    background-size: 4rem 10rem;
    background-position: 0rem 4rem; }
  .ntoast-print-button:hover div {
    background-position: 2rem 4rem; }

/* кнопка для печати */
/* head end*/
/* menu left */
#menu_left {
  display: block;
  position: fixed;
  top: 8rem;
  left: 0rem;
  width: 28rem;
  background-color: #eaf1f7;
  height: 100%;
  z-index: 10; }

.menu-left_itemlist {
  padding-left: 0;
  list-style-type: none;
  position: relative; }
  .menu-left_itemlist li {
    display: flex;
    align-items: center;
    position: relative; }
    .menu-left_itemlist li:hover {
      background-color: #dde6ee; }
      .menu-left_itemlist li:hover:before {
        content: '';
        width: 5px;
        height: 100%;
        display: block;
        position: absolute;
        background-color: #849caf;
        z-index: 100;
        top: 0; }
  .menu-left_itemlist a {
    font: 1.4rem "OpenSansSemiBold";
    color: #858e95;
    text-decoration: none;
    display: flex; }
  .menu-left_itemlist .menu-left_item__passive .menu-left_submenu {
    display: none; }

ul.menu-left_itemlist li.menu-left_item__active:before {
  content: '';
  width: 5px;
  height: 100%;
  display: block;
  position: absolute;
  background-color: #84d055;
  z-index: 101;
  top: 0; }

.menu-left_icon {
  display: inline-block;
  margin-left: 2rem;
  text-align: center;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  background-image: url("/_images/_white_design/personal_area/left_menu/sprite_r.png");
  background-size: 4rem 18rem;
  position: relative; }
  .menu-left_icon-tcontesthelper {
    display: inline-block;
    margin-left: 2rem;
    text-align: center;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    background-image: url("/_images/_white_design/personal_area/left_menu/digit.png");
    background-size: 2rem 2rem;
    position: relative; }
  .menu-left_icon-twg {
    background-position: 0 16rem; }
  .menu-left_icon-wg {
    background-position: 0 16rem; }
  .menu-left_icon-twelcome {
    background-position: 0 2rem; }
  .menu-left_icon-tmyprojects {
    background-position: 0 12rem; }
  .menu-left_icon-tongoing {
    background-position: 0 14rem; }
  .menu-left_icon-tlastprogs {
    background-position: 0 10rem; }
  .menu-left_icon-messages2 {
    background-position: 0 6rem; }
  .menu-left_icon-tpayments {
    background-position: 0 4rem; }
  .menu-left_icon-faq {
    background-position: 0 0; }
  .menu-left_icon-shop {
    background-position: 0 8rem; }

.menu-left_item {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #dae4ed;
  padding: 8px 3px; }
  .menu-left_item .submenu_point {
    margin-left: 8px;
    padding: 8px 3px;
    border-bottom: 1px solid #dae4ed; }
    .menu-left_item .submenu_point:first-of-type {
      margin-top: 8px; }
    .menu-left_item .submenu_point:last-of-type {
      border-bottom: none; }
    .menu-left_item .submenu_point > *:first-child {
      margin-left: 20px; }
  .menu-left_item__active .menu-left_icon-twg {
    background-position: 2rem 16rem; }
  .menu-left_item__active .menu-left_icon-wg {
    background-position: 2rem 16rem; }
  .menu-left_item__active .menu-left_icon-twelcome {
    background-position: 2rem 2rem; }
  .menu-left_item__active .menu-left_icon-tmyprojects {
    background-position: 2rem 12rem; }
  .menu-left_item__active .menu-left_icon-tongoing {
    background-position: 2rem 14rem; }
  .menu-left_item__active .menu-left_icon-tlastprogs {
    background-position: 2rem 10rem; }
  .menu-left_item__active .menu-left_icon-messages2 {
    background-position: 2rem 6rem; }
  .menu-left_item__active .menu-left_icon-tpayments {
    background-position: 2rem 4rem; }
  .menu-left_item__active .menu-left_icon-faq {
    background-position: 2rem 0rem; }
  .menu-left_item__active .menu-left_icon-shop {
    background-position: 2rem 8rem; }
  .menu-left_item__active div {
    color: #84d055; }

#body_container[data-visible-condition="2"] .menu-left_label {
  display: none; }
#body_container[data-visible-condition="2"] #menu_left {
  width: 8rem; }
#body_container[data-visible-condition="2"] #body_inner {
  margin-left: 8rem; }
#body_container[data-visible-condition="2"] .menu-left_item:hover .menu-left_submenu {
  display: block; }
#body_container[data-visible-condition="2"] .menu-left_icon:hover:after {
  content: attr(data-modname);
  position: absolute;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
  top: -1rem;
  left: 4rem;
  border-radius: .5rem;
  padding: .8rem 2rem;
  color: #ccc;
  white-space: nowrap; }
#body_container[data-visible-condition="2"] .menu-left_icon:hover:before {
  content: "";
  width: 0rem;
  height: 0rem;
  position: absolute;
  left: 3rem;
  top: -.2rem;
  border-style: solid;
  border-width: 1rem 1rem 1rem 0;
  border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent; }
#body_container[data-visible-condition="2"] .menu-left_submenu {
  position: absolute;
  display: none;
  top: 0;
  left: 100%;
  z-index: 99;
  padding: 0;
  border: 1px solid #dae4ed;
  width: 210px;
  background-color: #eaf1f7; }
  #body_container[data-visible-condition="2"] .menu-left_submenu .submenu_point {
    margin: 0; }
#body_container[data-visible-condition="3"] #menu_left {
  width: 0;
  overflow: hidden;
  visibility: hidden; }
#body_container[data-visible-condition="3"] #body_inner {
  margin-left: 0; }

/* menu left end */
/* content */
#content {
  position: relative;
  padding-top: 80px;
  height: 100%;
  box-sizing: border-box; }
  #content hr {
    border: none;
    height: 1px;
    background-color: #ccc; }

.content_label {
  display: flex;
  align-items: center;
  height: 9rem;
  font: 2.5rem "OpenSansLight";
  color: #444444;
  text-align: left; }
  .content_label span {
    margin-left: 1.4rem; }

.content_body {
  margin: 1rem 0; }

#body_inner {
  min-height: 100%;
  margin-left: 28rem;
  min-width: 740px;
  background-color: white;
  padding-bottom: 30px;
  box-sizing: border-box; }
  #body_inner .no-left-menu {
    margin-left: 0; }

div.user_desktop {
  background-color: #fff;
  padding: 2rem 2rem;
  line-height: 2rem; }

/* wdTable1 */
.wd_table_1 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 10px; }
  .wd_table_1 table th {
    text-align: center;
    vertical-align: middle;
    font-family: "OpenSansBold"; }
  .wd_table_1 table td {
    min-height: 2rem;
    padding: 2rem;
    border-style: solid;
    border-width: 1px;
    border-color: #d9e0e5;
    border-left: none;
    border-right: none; }
    .wd_table_1 table td:first-child {
      border-radius: 5px 0 0 5px;
      border-style: solid;
      border-width: 1px;
      border-color: #d9e0e5;
      border-right: none; }
    .wd_table_1 table td:last-child {
      border-radius: 0 5px 5px 0;
      border-style: solid;
      border-width: 1px;
      border-color: #d9e0e5;
      border-left: none; }
  .wd_table_1 table tr.shaded_row td {
    background-color: #f2f5f8;
    color: rgba(68, 68, 68, 0.502); }

/* wdTable1 end */
/* simoraTableHolder */
div.simoraTableHolder {
  margin: 2rem 0;
  border: 1px solid #d9e0e5;
  border-radius: 5px;
  display: inline-block; }
  div.simoraTableHolder table {
    border-collapse: collapse; }
    div.simoraTableHolder table th {
      border: 1px solid #d9e0e5;
      background-color: #ebeff0;
      padding: 2rem 0;
      box-sizing: border-box; }
    div.simoraTableHolder table td {
      box-sizing: border-box;
      padding: 2rem 2rem;
      border: 1px solid #d9e0e5; }
      div.simoraTableHolder table td input[type=number], div.simoraTableHolder table td input[type=text] {
        width: 100%;
        height: 100%;
        padding: 1em 0;
        border: none;
        border-bottom: 1px solid #d9e0e5;
        text-align: center;
        font-size: 1.6rem; }
    div.simoraTableHolder table tr {
      /*&:not(:first-child)>th:first-child{
        text-align: left;
        padding:2rem;
        box-sizing:border-box;
      }*/ }
      div.simoraTableHolder table tr:first-child th {
        padding-left: 2rem;
        padding-right: 2rem; }
      div.simoraTableHolder table tr:first-child th, div.simoraTableHolder table tr:first-child td {
        border-top: 0px; }
      div.simoraTableHolder table tr:last-child th, div.simoraTableHolder table tr:last-child td {
        border-bottom: 0px; }
      div.simoraTableHolder table tr th:first-child, div.simoraTableHolder table tr td:first-child {
        border-left: 0px; }
      div.simoraTableHolder table tr th:last-child, div.simoraTableHolder table tr td:last-child {
        border-right: 0px; }
    div.simoraTableHolder table .csname_cell_for_max_576 {
      display: none; }

/* simoraTableHolder end */
/* whiteTableHolder */
.whiteTableHolder table {
  border-collapse: collapse;
  margin: 5px 10px; }
  .whiteTableHolder table td, .whiteTableHolder table th {
    background-color: #fff;
    padding: 10px 2px; }
  .whiteTableHolder table th {
    border-bottom: 2px solid #666; }
  .whiteTableHolder table td {
    border-bottom: 1px solid #eee; }
  .whiteTableHolder table tr.red td {
    background-color: #fdd; }
  .whiteTableHolder table tr:hover td {
    background-color: #ffffcc; }
  .whiteTableHolder table tr.not_payed td:first-child {
    border-left: 5px solid red; }
.whiteTableHolder.pad5 table td {
  padding-left: 5px;
  padding-right: 5px; }
.whiteTableHolder.pad10 table td {
  padding-left: 10px;
  padding-right: 10px; }

/* whiteTableHolder end */
/* cslist */
.cslist_date,
.cslist_org,
.cslist_descr {
  font: 14px "OpenSansLight"; }

.cslist_date,
.cslist_org {
  text-align: center; }

.cslist_cs_name {
  font: 18px "OpenSansSemiBold";
  line-height: 3rem; }

.cslist_go_to_schedule {
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
  padding: 0 3rem 0 0;
  white-space: nowrap; }
  .cslist_go_to_schedule a {
    font-family: OpenSansSemiBold, Rubik, sans-serif;
    position: relative; }
    .cslist_go_to_schedule a::after {
      content: ' ';
      display: block;
      background-image: url(/_images/_white_design/personal_area/next_icon.png);
      background-size: 2.1rem 2.1rem;
      width: 21px;
      height: 21px;
      position: absolute;
      top: 0;
      right: -3rem; }

.cslist_project {
  font: 14px "OpenSansLight"; }
  .cslist_project_icon {
    display: flex;
    align-items: center; }
    .cslist_project_icon img {
      position: relative;
      max-width: 38px;
      max-height: 38px;
      margin-right: 0.5em; }
  .cslist_project_name {
    font: 12px italic;
    color: #333; }

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

tr.cslist_tr_nobodyrules td {
  color: #999;
  background-color: #eee; }

tr.cslist_tr_somebodyrules td * {
  color: #999; }

tr.cslist_tr_somebodyrules td {
  color: #999;
  background-color: #eee; }

tr.cslist_tr_irule.cslist_tr_regclosed td * {
  color: #999;
  font-style: italic; }

#cslist_div.cslist_hide_others tr.cslist_tr_somebodyrules,
#cslist_div.cslist_hide_others tr.cslist_tr_nobodyrules {
  display: none; }

/* cslist end */
/* edus survey form */
div.edus_survey_form {
  background-color: #fcfcfc;
  padding: 1px;
  border: 1px dashed #ccc; }
  div.edus_survey_form ol {
    margin: 0; }
  div.edus_survey_form li {
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px; }
    div.edus_survey_form li:hover {
      background-color: #fef6a9; }
  div.edus_survey_form .edus_survey_question {
    font-weight: bold; }

/* edus survey form end */
/* service baloon */
#service_baloon {
  position: absolute;
  min-width: 350px;
  max-width: 500px;
  background: #f6f7f7;
  box-shadow: 0 0 5px #BBB;
  top: 34px;
  right: -162px;
  z-index: 5;
  border: 1px solid #d9e0e5;
  border-radius: 0.5rem; }
  #service_baloon span::after, #service_baloon span::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -12px;
    left: 50%;
    margin-left: -8px;
    border-bottom: 12px solid #f6f7f7;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 0; }
  #service_baloon span::before {
    border-bottom-color: #d9e0e5;
    top: -13px; }
  #service_baloon .service_close {
    float: right;
    padding: 0 !important;
    background: none !important;
    color: #F00;
    font: bold 22px Arial;
    margin: 2px 9px 0 0;
    text-decoration: none; }
    #service_baloon .service_close:hover {
      float: right;
      cursor: pointer;
      color: #ab0000;
      background: none !important; }
  #service_baloon .service_message {
    font-size: 11px;
    padding: 1.6rem;
    color: #444444; }
    #service_baloon .service_message .service_message_header {
      margin-bottom: 1em;
      font-weight: 700; }
    #service_baloon .service_message a {
      padding: 2px;
      border: none; }
  #service_baloon .service_separator {
    margin: 0 6px;
    border-bottom: 1px solid #d9e0e5; }

#service_wait {
  display: none;
  float: right;
  margin: 9px 11px 0 0; }

/* service baloon end */
/* table view tools */
.table-view-tools {
  white-space: nowrap; }
  .table-view-tools a {
    text-decoration: none;
    display: inline-block;
    padding: 1rem 0;
    border: 0.1rem solid #6f7d84;
    border-radius: 5px;
    box-sizing: border-box;
    width: 28rem;
    text-align: center;
    color: #6f7d84;
    font: 14px "OpenSansSemiBold"; }
    .table-view-tools a:hover {
      color: #6f7d84; }
    .table-view-tools a:first-child {
      margin-right: -.1rem; }
  .table-view-tools[data-condition="0"] a:first-child {
    border-radius: 0px 0px 0px 0px;
    border-left: none;
    border-top: none;
    border-right: none; }
  .table-view-tools[data-condition="0"] a:last-child {
    border-radius: 5px 5px 0px 0px;
    border-bottom: none; }
  .table-view-tools[data-condition="1"] a:first-child {
    border-radius: 5px 5px 0px 0px;
    border-bottom: none; }
  .table-view-tools[data-condition="1"] a:last-child {
    border-radius: 5px 5px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none; }

/* table view tools end */
/* render after registration step */
.first-step-string {
  padding: 1rem 2rem; }
  .first-step-string button {
    display: inline-block;
    width: 15rem; }
  .first-step-string span {
    padding: 0 1rem; }

/* render after registration step end */
/* content end*/
/* footer */
#copyright {
  background-color: #eaf1f7;
  text-align: center;
  height: 85px;
  width: 100%; }
  #copyright a {
    display: none; }

/* footer end */
/* pm form */
#do_pmForm {
  max-width: 900px; }
  #do_pmForm .shadow_for_box {
    padding: 20px 30px; }
    #do_pmForm .shadow_for_box table {
      margin: 2rem 0; }
      #do_pmForm .shadow_for_box table tr td, #do_pmForm .shadow_for_box table tr th {
        height: 45px;
        line-height: 2rem;
        padding: 5px 10px; }
      #do_pmForm .shadow_for_box table tr .button {
        width: 90px; }
      #do_pmForm .shadow_for_box table tr:not(:last-child) {
        border-bottom: 1px solid #dfe6eb; }
      #do_pmForm .shadow_for_box table tr:hover {
        background-color: rgba(255, 225, 64, 0.4); }

/* pm form end */
/*<Марафин-грамотей:сравнение навыков>*/
.competence {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover; }
  .competence-up {
    background-image: url(../_images/_white_design/personal_area/pwelcome/arrow-up.png); }
  .competence-down {
    background-image: url(../_images/_white_design/personal_area/pwelcome/arrow-down.png); }
  .competence-equal {
    background-image: url(../_images/_white_design/personal_area/pwelcome/equal.png); }

.simoraTableHolder.gram-competence-table {
  width: 700px; }
  .simoraTableHolder.gram-competence-table td:nth-child(3), .simoraTableHolder.gram-competence-table td:nth-child(4) {
    text-align: center; }
    .simoraTableHolder.gram-competence-table td:nth-child(3):after, .simoraTableHolder.gram-competence-table td:nth-child(4):after {
      content: "%"; }

/*</Марафин-грамотей:сравнение навыков>*/
/* дисклаймер про договр публичной оферты */
.login_disclaimer {
  text-align: center;
  font-size: 1.2rem;
  margin: 0 auto;
  line-height: 1.7rem;
  width: 320px; }
  .login_disclaimer a {
    font-family: RubikRegular; }
    .login_disclaimer a:hover {
      color: #0089ff; }

/* дисклаймер про договр публичной оферты end */
/* Советы и подсказки */
/*#hints{
  >div{
    position: relative;
    border-left:5px solid orange;
    background-color: #fffce2;
    padding:1em;
  }
  a{
    &.aHideHint{
      margin-top:.5em;
      display: block;
      color: #ccc;
      &:hover {
        color: gray;
        &:before {width:1em;margin-right: 6px;}
      }
      &:before{
        content:"✖";
        width:0;
        color:gray;
        display:inline-block;
        text-decoration: none;
        transition:width .2s ease-out;
        overflow:hidden;
        vertical-align: middle;
      }
      &:after {content:"скрыть этот совет"}
    }
  }
}*/
/* new hints */
#hints > div {
  position: relative;
  border-left: 5px solid #ffd500;
  background-color: #fff;
  padding: 2.5rem 2.5rem 2.5rem 7rem;
  -webkit-box-shadow: 0 5px 20px 0 rgba(72, 72, 72, 0.15);
  -moz-box-shadow: 0 5px 20px 0 rgba(72, 72, 72, 0.15);
  box-shadow: 0 5px 20px 0 rgba(72, 72, 72, 0.15); }
  #hints > div:before {
    content: url("/_images/_white_design/personal_area/twg/information.png");
    display: block;
    position: absolute;
    width: 36px;
    top: 1.8rem;
    left: 1.8rem; }
#hints a.aHideHint {
  text-decoration: none;
  position: absolute;
  top: 5px;
  right: 10px;
  display: block;
  color: #ccc;
  transition: color 0.15s ease; }
  #hints a.aHideHint:hover {
    color: gray; }
  #hints a.aHideHint:active {
    color: #ccc; }

/* new hints end */
/* Советы и подсказки end */
/* отладочный блок про номер версии */
#simora_version {
  margin: 1rem;
  padding: 1rem;
  border-top: 1px solid #e5e5e5;
  font-size: 10px;
  color: #ccc; }

/* отладочный блок про номер версии end */
/* admin tools head */
div#admintools_wrap div {
  display: none;
  position: absolute;
  top: -1px;
  right: 36px;
  width: 220px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 1rem; }
div#admintools_wrap a {
  text-decoration: none; }
div#admintools_wrap:hover div {
  display: block;
  z-index: 10000; }
div#admintools_wrap ul {
  list-style: none;
  background-color: #E6EAF1;
  padding: 1rem;
  line-height: 2.5rem; }
  div#admintools_wrap ul li {
    text-indent: 0; }
    div#admintools_wrap ul li a {
      display: block;
      text-align: left;
      text-decoration: none; }
      div#admintools_wrap ul li a img {
        margin-right: 5px; }

.ntoast-admin-button {
  position: relative;
  border: none;
  width: 3.5rem;
  background: url("../_images/_white_design/personal_area/header_menu/lock-icon.png") no-repeat center;
  background-size: 2rem; }
  .ntoast-admin-button:hover {
    background: url("../_images/_white_design/personal_area/header_menu/lock-icon_active.png") no-repeat center;
    background-size: 2rem; }

/* admin tools head end */
/* jMsgBoxWrapper */
/* всплывающие окошки: */
#jmsgboxwrapper {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3001;
  min-height: 100%; }
  #jmsgboxwrapper .jmsgbox_container {
    font-family: RubikRegular, sans-serif;
    background: #ffffff;
    color: #000000;
    position: absolute;
    z-index: 2;
    text-align: center;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    padding: 2.5rem 2.5rem; }
    #jmsgboxwrapper .jmsgbox_container .jmsgbox_header {
      font-family: 'RubikRegular', sans-serif;
      color: red;
      display: block;
      margin: 5px 0 15px;
      text-align: center;
      font-size: 18px;
      padding: 0; }
      #jmsgboxwrapper .jmsgbox_container .jmsgbox_header p {
        margin: 0;
        color: #000000; }
    #jmsgboxwrapper .jmsgbox_container .jmsgbox_content {
      font-family: 'RubikLight', sans-serif;
      padding: 5px 0;
      min-height: initial;
      text-align: left;
      font-size: 15px; }
      #jmsgboxwrapper .jmsgbox_container .jmsgbox_content p {
        margin: 0;
        line-height: 1.7rem; }
        #jmsgboxwrapper .jmsgbox_container .jmsgbox_content p:first-child {
          margin-bottom: 10px; }
    #jmsgboxwrapper .jmsgbox_container .jmsgbox_nav {
      display: flex;
      justify-content: center;
      margin-top: 20px;
      text-align: center; }
      #jmsgboxwrapper .jmsgbox_container .jmsgbox_nav a {
        font-family: 'RubikMedium', sans-serif;
        display: block;
        margin: 0 10px;
        padding: 1.2rem 0;
        cursor: pointer;
        min-width: 120px;
        text-align: center;
        border: 1px solid #9b9fa0;
        background: #FFFFFF;
        color: #000000;
        box-shadow: none;
        transition: all 0.15s ease; }
        #jmsgboxwrapper .jmsgbox_container .jmsgbox_nav a:hover {
          border-color: #67696a;
          color: #000000;
          text-decoration: none; }
  #jmsgboxwrapper .check_again p {
    margin: 0; }
    #jmsgboxwrapper .check_again p:last-child {
      font-family: "RubikMedium", sans-serif;
      margin-bottom: 10px; }

/* jMsgBoxWrapper end */
/* jDesktopWarning */
div.jdesktop_warning_info,
div.jdesktop_warning_halt,
div.jdesktop_warning_success,
div.jdesktop_warning_red,
div.jdesktop_warning_white {
  padding: 5px;
  margin-bottom: 3px; }

div.jdesktop_warning_info {
  background-color: #ddf;
  border: 1px solid #33f; }

div.jdesktop_warning_halt {
  background-color: #fdd;
  border: 1px solid #f33; }

div.jdesktop_warning_success {
  background-color: #dfd;
  border: 1px solid #3f3; }

div.jdesktop_warning_red {
  background-color: #fdd;
  border: 1px solid #f33; }

div.jdesktop_warning_white {
  background-color: white;
  background-repeat: repeat-x;
  color: #333;
  border: 1px solid #ccc; }

/* jDesktopWarning end */
/* parse archive */
#parse_container {
  display: none; }

#parse_final {
  display: block; }

#parse_report {
  -moz-box-shadow: inset 0px 0px 8px #A7A7A7;
  -webkit-box-shadow: inset 0px 0px 8px #A7A7A7;
  -khtml-box-shadow: inset 0px 0px 8px #A7A7A7;
  box-shadow: inset 0px 0px 8px #A7A7A7;
  border: 1px solid #B1B1B1;
  padding: 0 10px 5px; }

#parse_message {
  background-color: #FFE5E5;
  padding: 10px;
  border: 1px solid #D57171;
  color: #CE2626;
  text-align: center; }

.parser_header {
  font-weight: bold;
  font-size: 13px;
  color: #2F6BAC;
  margin: 8px 0; }

.parse_progress {
  height: 20px;
  border: 1px solid #5E89AA;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 5px 0; }
  .parse_progress_shadow {
    position: relative;
    height: 20px;
    -moz-box-shadow: inset 0px 0px 8px #CDE4FC;
    -webkit-box-shadow: inset 0px 0px 8px #CDE4FC;
    -khtml-box-shadow: inset 0px 0px 8px #CDE4FC;
    box-shadow: inset 0px 0px 8px #CDE4FC; }
  .parse_progress_line {
    position: relative;
    width: 1px;
    height: 20px;
    border-right: 1px solid #4A80C5;
    background-color: #AACEFC;
    -moz-box-shadow: inset 0px 0px 5px #EBFADC;
    -webkit-box-shadow: inset 0px 0px 5px #EBFADC;
    -khtml-box-shadow: inset 0px 0px 5px #EBFADC;
    box-shadow: inset 0px 0px 5px #FFF;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: -20px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .parse_progress_percents {
    position: relative;
    height: 20px;
    text-align: center;
    font-weight: bold;
    color: #1F5EA3;
    margin-top: -18px;
    -moz-text-shadow: 0 0 4px #FFF;
    -webkit-text-shadow: 0 0 4px #FFF;
    -khtml-text-shadow: 0 0 4px #FFF;
    text-shadow: 0 0 4px #FFF; }
  .parse_progress_title {
    font-size: 14px;
    color: #236A9E;
    margin: 0; }

.parse_report_header {
  margin-top: 10px;
  color: #8B8B8B;
  background-color: #E6E6E6;
  padding: 5px;
  border: 1px solid #B1B1B1;
  border-bottom: none; }

.parse_report_done {
  font-size: 12px;
  font-weight: bold;
  color: #A9BE9B;
  margin: 8px 0; }

.parse_report_error {
  font-size: 12px;
  font-weight: bold;
  color: #BE9B9B;
  margin: 8px 0; }

.parse_student_done, .parse_student_warning {
  margin-bottom: 5px; }

.parse_student_done .parser_body, .parse_student_warning .parser_body {
  display: none;
  padding: 5px;
  background: url(/_images/_user_desktop/frame_top_shadow.png) repeat-x #FCFCFC; }

.parse_student_done .parser_title {
  display: block;
  color: #4A8500;
  padding: 4px 4px 4px 27px;
  background: url(/_images/_user_desktop/icon_ok.png) no-repeat 4px 3px #EBFFC0;
  border: 1px solid #98C765;
  cursor: pointer; }
  .parse_student_done .parser_title span {
    color: #B1D466;
    float: right; }
  .parse_student_done .parser_title:hover {
    background-color: #DAF1A7;
    color: #3F7001; }
  .parse_student_done .parser_title:active {
    background-color: #D3EC9C !important;
    color: #3F7001; }
.parse_student_done .parser_body {
  border: 1px solid #850000;
  border-top: none; }

.parse_student_warning .parser_title {
  display: block;
  color: #850000;
  padding: 4px 4px 4px 27px;
  background: url(/_images/_user_desktop/icon_error.png) no-repeat 4px 3px #FFC0C0;
  border: 1px solid #850000;
  cursor: pointer; }
  .parse_student_warning .parser_title:hover {
    background-color: #F1A7A7;
    color: #700101; }
  .parse_student_warning .parser_title:active {
    background-color: #E99393 !important;
    color: #700101; }
  .parse_student_warning .parser_title span {
    color: #D46666;
    float: right; }
.parse_student_warning .parser_body {
  border: 1px solid #850000;
  border-top: none; }

.parse_final_done {
  background-color: #E3FFB2;
  color: #82BD1A;
  font-weight: bold;
  font-size: 15px;
  border: 1px solid #B8D595;
  padding: 10px;
  display: block; }

.parse_final_error {
  background-color: #FFB2B2;
  color: #BD1A1A;
  font-weight: bold;
  font-size: 15px;
  border: 1px solid #D59595;
  padding: 10px;
  display: block; }

.i_d {
  color: #3C5E09;
  padding: 1px 3px 1px 16px;
  margin-bottom: 2px;
  background: url(/_images/_user_desktop/icon_arrow_green.png) no-repeat 2px 5px; }

.i_e {
  color: #5E0909;
  padding: 1px 3px 1px 16px;
  margin-bottom: 2px;
  background: url(/_images/_user_desktop/icon_arrow_red.png) no-repeat 2px 5px; }

.report_table td {
  font-size: 13px;
  color: #5A8CCC; }

.report_table .report_value {
  font-weight: bold; }

#back2list {
  display: none;
  -khtml-box-shadow: #FFF 0px 0px 3px inset;
  -webkit-box-shadow: #FFF 0px 0px 3px inset;
  -moz-box-shadow: #FFF 0px 0px 3px inset;
  box-shadow: #FFF 0px 0px 3px inset;
  color: #FFF;
  padding: 6px;
  border: 1px solid #437EBE;
  background: #7CA1E2;
  margin-bottom: 10px;
  cursor: pointer; }

#back2list:hover {
  background: #A0BCEE !important; }

#back2list:active {
  background: #99B6E9 !important;
  box-shadow: none; }

@media screen and (max-height: 700px) {
  #menu_left {
    position: absolute; } }
@media screen and (max-width: 1023px) {
  .header_logo:not(.shop) {
    background-image: unset;
    min-width: 8rem;
    position: fixed;
    height: 78px; }

  .header_content:not(.shop) {
    margin-left: 8rem; }

  .header_logo .menu-button {
    display: none; }
  .header_logo .header_logo_hamburger {
    padding: 20px 20px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
    .header_logo .header_logo_hamburger:hover, .header_logo .header_logo_hamburger.is-active:hover {
      opacity: 0.7; }
    .header_logo .header_logo_hamburger .hamburger-inner, .header_logo .header_logo_hamburger .hamburger-inner::before, .header_logo .header_logo_hamburger .hamburger-inner::after {
      background-color: #849fb1; }
    .header_logo .header_logo_hamburger .hamburger-box {
      width: 40px;
      display: inline-block;
      position: relative; }
      .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner {
        display: block;
        position: absolute;
        top: -9px;
        width: 40px;
        height: 4px;
        border-radius: 4px;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease; }
        .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::before, .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::after {
          width: 40px;
          height: 4px;
          border-radius: 4px;
          position: absolute;
          transition-property: transform;
          transition-duration: 0.15s;
          transition-timing-function: ease;
          content: "";
          display: block; }
        .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::before {
          top: 12px;
          transition-property: transform, opacity;
          transition-timing-function: ease;
          transition-duration: 0.15s; }
        .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::after {
          top: 24px; }
    .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner {
      transform: translate3d(0, 12px, 0) rotate(45deg); }
      .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner::before {
        transform: rotate(-45deg) translate3d(-5.71429px, -9px, 0);
        opacity: 0; }
      .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner::after {
        transform: translate3d(0, -24px, 0) rotate(-90deg); }

  #copyright {
    border-top: 0.2rem solid #c4d6e9;
    height: 70px;
    box-sizing: border-box; }
    #copyright a {
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: 100%;
      padding: 5px; }
      #copyright a img {
        margin: 0 auto;
        display: block;
        height: 60px;
        width: auto; } }
/* parse archive end */
@media screen and (max-width: 992px) {
  div.user_desktop {
    line-height: initial; }

  h3 {
    margin: 0;
    padding: 0;
    line-height: initial; }

  #body_container {
    height: 100%; }
    #body_container #head {
      height: 70px; }
      #body_container #head .header_logo {
        min-width: 70px;
        height: 68px; }
        #body_container #head .header_logo .header_logo_hamburger {
          padding: 15px 15px;
          display: inline-block;
          cursor: pointer;
          transition-property: opacity, filter;
          transition-duration: 0.15s;
          transition-timing-function: linear;
          font: inherit;
          color: inherit;
          text-transform: none;
          background-color: transparent;
          border: 0;
          margin: 0;
          overflow: visible; }
          #body_container #head .header_logo .header_logo_hamburger:hover, #body_container #head .header_logo .header_logo_hamburger.is-active:hover {
            opacity: 0.7; }
          #body_container #head .header_logo .header_logo_hamburger .hamburger-inner, #body_container #head .header_logo .header_logo_hamburger .hamburger-inner::before, #body_container #head .header_logo .header_logo_hamburger .hamburger-inner::after {
            background-color: #849fb1; }
          #body_container #head .header_logo .header_logo_hamburger .hamburger-box {
            width: 40px;
            display: inline-block;
            position: relative; }
            #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner {
              display: block;
              position: absolute;
              top: -9px;
              width: 40px;
              height: 4px;
              border-radius: 4px;
              transition-property: transform;
              transition-duration: 0.15s;
              transition-timing-function: ease; }
              #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::before, #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::after {
                width: 40px;
                height: 4px;
                border-radius: 4px;
                position: absolute;
                transition-property: transform;
                transition-duration: 0.15s;
                transition-timing-function: ease;
                content: "";
                display: block; }
              #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::before {
                top: 12px;
                transition-property: transform, opacity;
                transition-timing-function: ease;
                transition-duration: 0.15s; }
              #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::after {
                top: 24px; }
          #body_container #head .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner {
            transform: translate3d(0, 12px, 0) rotate(45deg); }
            #body_container #head .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner::before {
              transform: rotate(-45deg) translate3d(-5.71429px, -9px, 0);
              opacity: 0; }
            #body_container #head .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner::after {
              transform: translate3d(0, -24px, 0) rotate(-90deg); }
      #body_container #head .header_content {
        margin-left: 70px;
        padding-right: 0.5rem;
        min-width: initial; }
        #body_container #head .header_content .header_content_label > span {
          margin-left: 2rem; }
    #body_container #content {
      padding-top: 70px; }
      #body_container #content #menu_left {
        left: 0;
        top: 7rem;
        border-right: 0.2rem solid #dfe6eb;
        box-shadow: 3px 0px 6px 0px rgba(148, 153, 156, 0.75);
        animation-duration: 0.3s;
        animation-timing-function: ease-in-out;
        overflow-y: auto;
        position: fixed; }
      #body_container #content #body_inner {
        width: 100%;
        margin-left: 0;
        padding-bottom: 0; }
        #body_container #content #body_inner .simoraTableHolder {
          width: 100%;
          margin: 0; }
          #body_container #content #body_inner .simoraTableHolder table {
            width: 100%; }
            #body_container #content #body_inner .simoraTableHolder table th {
              padding: 1.2rem 0.5rem; }
            #body_container #content #body_inner .simoraTableHolder table td {
              padding: 1.2rem 1.2rem; }
      #body_container #content #copyright {
        border-top: 0.2rem solid #c4d6e9;
        height: 70px;
        box-sizing: border-box; }
        #body_container #content #copyright a {
          box-sizing: border-box;
          display: block;
          width: 100%;
          height: 100%;
          padding: 5px; }
          #body_container #content #copyright a img {
            margin: 0 auto;
            display: block;
            height: 60px;
            width: auto; }
    #body_container[data-visible-condition="3"] #content #menu_left {
      left: -30rem;
      width: 28rem;
      overflow: hidden;
      visibility: initial; }
    #body_container[data-visible-condition="3"] #content #body_inner {
      margin-left: 0; } }
@media screen and (max-width: 768px) {
  #body_container #head {
    position: initial; }
    #body_container #head .header_logo {
      position: initial; }
    #body_container #head .header_content {
      margin-left: initial; }
  #body_container #content {
    padding-top: initial; }
    #body_container #content #body_inner {
      min-width: initial; } }
@media screen and (max-width: 576px) {
  div.user_desktop {
    padding: 1rem 1rem; }

  h3 {
    font-size: 17px; }

  #body_container #head {
    position: initial;
    height: 60px; }
    #body_container #head .header_logo {
      position: initial;
      min-width: 60px;
      height: 58px; }
      #body_container #head .header_logo .header_logo_hamburger .hamburger-box {
        width: 40px; }
        #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner {
          width: 30px;
          top: -12px; }
          #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::before, #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::after {
            width: 30px; }
          #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::before {
            top: 10px; }
          #body_container #head .header_logo .header_logo_hamburger .hamburger-box .hamburger-inner::after {
            top: 20px; }
      #body_container #head .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner {
        transform: translate3d(0, 10px, 0) rotate(45deg); }
        #body_container #head .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner::before {
          transform: rotate(-45deg) translate3d(-5.71429px, -7px, 0); }
        #body_container #head .header_logo .header_logo_hamburger.is_active .hamburger-box .hamburger-inner::after {
          transform: translate3d(0, -20px, 0) rotate(-90deg); }
    #body_container #head .header_content {
      margin-left: initial;
      padding-right: 0;
      min-width: initial; }
      #body_container #head .header_content .header_content_label {
        font-size: 1rem; }
        #body_container #head .header_content .header_content_label > span {
          margin-left: 1.5rem; }
      #body_container #head .header_content .header_content_toasts .toasts_button.ntoast-exit-button {
        width: 35px; }
        #body_container #head .header_content .header_content_toasts .toasts_button.ntoast-exit-button .toasts_button_label {
          display: none; }
  #body_container #content {
    padding-top: initial; }
    #body_container #content #menu_left {
      width: 100%;
      top: 6rem;
      height: calc(100% - 60px); }
    #body_container #content #body_inner {
      min-width: initial;
      margin-left: 0;
      padding-bottom: 0; }
  #body_container[data-visible-condition="3"] #content #menu_left {
    left: -110%;
    width: 100%; }

  #jmsgboxwrapper .jmsgbox_container {
    padding: 2rem 1.5rem; }
    #jmsgboxwrapper .jmsgbox_container .jmsgbox_header {
      line-height: 1rem;
      margin: 5px 0 10px;
      font-size: 1.5rem; }
    #jmsgboxwrapper .jmsgbox_container .jmsgbox_content {
      padding: 5px 0;
      font-size: 1.35rem; }
    #jmsgboxwrapper .jmsgbox_container .jmsgbox_nav {
      margin-top: 10px; }

  div#admintools_wrap div {
    top: 46px;
    right: -60px;
    width: 220px; } }
/* Animations */
@keyframes menuLeftIn {
  0% {
    left: -110%; }
  100% {
    left: 0; } }
@keyframes menuLeftOut {
  0% {
    left: 0; }
  100% {
    left: -110%; } }

/*# sourceMappingURL=user2012.css.map */