.dashboard-container {
  /* Hide arrow */ }
  .dashboard-container .tooltip.tooltip-info .tooltip-inner {
    color: #000000;
    background-color: rgba(59, 149, 225, 0.9);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dashboard-container .tooltip.tooltip-info {
    text-overflow: clip;
    white-space: normal; }
  .dashboard-container .tooltip.tooltip-info .tooltip-arrow {
    display: none; }
  .dashboard-container .statistic table {
    width: 100%;
    border: 1px solid #d5dde0; }
  .dashboard-container .statistic table thead {
    background: none; }
  .dashboard-container .statistic table thead tr th {
    color: #697e8d;
    font-size: 10px;
    padding-top: 10px;
    padding-left: 30px;
    text-transform: uppercase; }
  .dashboard-container .statistic table tbody tr td {
    font-size: 20px;
    padding-left: 30px;
    padding-bottom: 7px;
    color: #3b95e1; }
  .dashboard-container .wrapper_table {
    height: 333px;
    overflow-x: auto;
    border: 1px solid #d5dde0; }
  .dashboard-container .period-header tr th:first-child img {
    float: left; }
  .dashboard-container .period-header tr th:last-child img {
    float: right; }
  .dashboard-container .period img.leaf_img {
    height: 16px;
    cursor: pointer; }
  .dashboard-container .period span.paire-name {
    padding: 0 15px;
    vertical-align: middle; }
  .dashboard-container table.period {
    border: none;
    width: 100%; }
  .dashboard-container table.period thead,
  .dashboard-container table.period tbody tr:nth-of-type(even) {
    background: none; }
  .dashboard-container table.period tbody tr {
    border: 1px solid #d5dde0;
    border-right: none;
    border-left: none; }
  .dashboard-container table.period tbody tr:first-child {
    border-top: none; }
  .dashboard-container table.period tbody tr:last-child {
    border-bottom: none; }
  .dashboard-container table.period tbody tr td:last-child {
    text-align: right;
    font-size: 22px; }
  .dashboard-container table.period thead tr th {
    text-align: center;
    color: #697e8d;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 0 10px; }
  .dashboard-container table.period tbody tr td {
    color: #697e8d;
    padding: 5px; }
  .dashboard-container table.period tbody tr td:first-child {
    font-size: 15px; }
  .dashboard-container .none-table {
    color: #697e8d;
    text-align: center;
    padding: 20px; }
  .dashboard-container .last_news {
    list-style: none;
    margin: 0;
    padding: 0; }
  .dashboard-container .last_news li {
    color: #697e8d;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #e1e9ee;
    padding: 5px 55px 0 0; }
  .dashboard-container .last_news li:last-child {
    border-bottom: none; }
  .dashboard-container .last_news li a {
    color: #697e8d; }
  .dashboard-container .autor {
    font-size: 12px;
    font-weight: 400; }
  .dashboard-container .date {
    position: absolute;
    right: 15px;
    font-size: 12px;
    font-weight: 400; }
  .dashboard-container .group {
    display: block;
    color: #777777;
    text-decoration: none;
    font-size: 13px; }
  .dashboard-container .green {
    color: #31ba9c; }
  .dashboard-container .red {
    color: #e65346; }
  .dashboard-container .yellow {
    color: #f3bc47; }
  .dashboard-container .teacher,
  .dashboard-container .lesson {
    font-size: 11px; }
  .dashboard-container .title {
    margin: 0;
    padding: 15px 0;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #697e8d; }
  .dashboard-container .border {
    border: 1px solid #d5dde0;
    padding: 20px; }
  .dashboard-container .buttons {
    float: right; }
  .dashboard-container .buttons button {
    background: none;
    color: #218cdf;
    outline: none;
    font-size: 12px;
    min-width: 80px;
    height: 20px;
    padding: 0 15px;
    border: none; }
  .dashboard-container .buttons button.active {
    background: #218cdf;
    border-radius: 10px;
    color: #fff;
    border: none;
    padding-bottom: 2px; }
  .dashboard-container select {
    margin-bottom: 15px;
    border-radius: 20px;
    outline: none; }
  .dashboard-container canvas {
    width: 100% !important;
    height: 250px !important; }
  .dashboard-container .wrapper_table .ngscroll-content-container {
    padding-right: 15px; }
  .dashboard-container .missed-calls {
    display: flex;
    align-items: center;
    position: relative; }
  .dashboard-container .calls-details {
    margin-left: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #e65346;
    background: url(/image/arrow-red.svg) no-repeat center;
    cursor: pointer; }
    .dashboard-container .calls-details.rotate {
      transform: rotate(180deg); }
  .dashboard-container .calls-list {
    position: absolute;
    width: 300px;
    height: fit-content;
    max-height: 300px;
    background: #fff;
    border: 1px solid #d5dde0;
    padding: 5px 0;
    top: 45px;
    left: -31px;
    z-index: 100;
    overflow-y: auto; }
    .dashboard-container .calls-list ul {
      width: 100%;
      padding: 0; }
      .dashboard-container .calls-list ul li {
        width: 100%;
        display: flex;
        padding: 5px 15px;
        transition: .3s; }
        .dashboard-container .calls-list ul li:hover {
          background: #e653464d; }
        .dashboard-container .calls-list ul li span {
          color: #697e8d;
          font-size: 14px; }
        .dashboard-container .calls-list ul li .call-phone {
          width: 120px; }

.evaluation .custom-toggle {
  margin-left: 0; }

.evaluation_top {
  display: flex;
  align-items: center;
  margin-bottom: 16px; }
  .evaluation_top-title {
    flex-grow: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; }
  .evaluation_top-actions {
    display: flex;
    align-items: center;
    width: 300px;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 16px; }
    .evaluation_top-actions .create {
      font-family: inherit; }
    .evaluation_top-actions .history {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      border-radius: 6px;
      border: 1px solid #DEDEDE;
      background: #FFF;
      outline: none;
      cursor: pointer;
      transition: all ease-in-out .27s; }
      .evaluation_top-actions .history:hover {
        background: rgba(0, 0, 0, 0.03); }

.modalEvaluationCreate, .evaluationModalConfirm {
  padding-bottom: 160px;
  padding-top: 160px; }
  .modalEvaluationCreate .ngdialog-content, .evaluationModalConfirm .ngdialog-content {
    position: relative;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    animation: ngdialog-flyin .5s;
    border-radius: 12px;
    background: #FFFFFF; }
  .modalEvaluationCreate .ngModal, .evaluationModalConfirm .ngModal {
    width: 100%;
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 24px; }
    .modalEvaluationCreate .ngModal_header-title, .evaluationModalConfirm .ngModal_header-title {
      margin: 0;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px; }
    .modalEvaluationCreate .ngModal_content .remove_text, .evaluationModalConfirm .ngModal_content .remove_text {
      color: #000;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-bottom: 16px; }
      .modalEvaluationCreate .ngModal_content .remove_text:last-child, .evaluationModalConfirm .ngModal_content .remove_text:last-child {
        margin-bottom: 0; }
    .modalEvaluationCreate .ngModal_content form, .evaluationModalConfirm .ngModal_content form {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 10px; }
      .modalEvaluationCreate .ngModal_content form input[type='text'], .evaluationModalConfirm .ngModal_content form input[type='text'] {
        height: 40px;
        color: #868686;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-radius: 6px;
        border: 1px solid #DEDEDE;
        background: #FFF;
        margin-bottom: 0; }
      .modalEvaluationCreate .ngModal_content form select, .evaluationModalConfirm .ngModal_content form select {
        height: 40px;
        color: #868686;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-radius: 6px;
        border: 1px solid #DEDEDE; }
        .modalEvaluationCreate .ngModal_content form select:not([disabled]), .evaluationModalConfirm .ngModal_content form select:not([disabled]) {
          cursor: pointer; }
    .modalEvaluationCreate .ngModal_footer-actions, .evaluationModalConfirm .ngModal_footer-actions {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .modalEvaluationCreate .ngModal_footer-actions button, .evaluationModalConfirm .ngModal_footer-actions button {
        height: 40px;
        border-radius: 6px; }
        .modalEvaluationCreate .ngModal_footer-actions button.create:disabled:active, .evaluationModalConfirm .ngModal_footer-actions button.create:disabled:active {
          background-color: #81AADB; }
        .modalEvaluationCreate .ngModal_footer-actions button.cancel, .evaluationModalConfirm .ngModal_footer-actions button.cancel {
          background: #FFF;
          border: 1px solid #DEDEDE; }

.evaluation-settings {
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 16px 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 32px; }
  .evaluation-settings_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding: 8px 41px 7px;
    border-bottom: 2px solid #DEDEDE;
    z-index: 10;
    background: #FFF; }
    .evaluation-settings_header-languages-list {
      padding: 0;
      margin: 0;
      display: flex;
      gap: 8px;
      list-style: none; }
    .evaluation-settings_header-languages-item {
      position: relative;
      color: #18181B;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      padding: 8px 12px;
      line-height: 38px;
      cursor: pointer; }
      .evaluation-settings_header-languages-item:before {
        position: absolute;
        display: none;
        content: '';
        width: 100%;
        height: 2px;
        left: 0;
        right: 0;
        top: calc(100% - 2px);
        background: #397DFB; }
      .evaluation-settings_header-languages-item.active-item:before {
        display: block; }
      .evaluation-settings_header-languages-item span.active {
        color: #397DFB; }
  .evaluation-settings_top {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px; }
    .evaluation-settings_top-title {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      border-radius: 8px;
      border: 1px solid #DEDEDE;
      background: #FFF;
      padding: 24px 16px;
      box-shadow: 0 -2px 0 0 #DEDEDE; }
      .evaluation-settings_top-title h2[contenteditable] {
        margin: 0;
        outline: none;
        width: calc(100% - 50px) !important; }
      .evaluation-settings_top-title.active {
        box-shadow: 0 -3px 0 0 #397DFB; }
      .evaluation-settings_top-title.error {
        box-shadow: 0 -3px 0 0 #ff0000; }
      .evaluation-settings_top-title .remove-value {
        padding-left: 30px;
        border: none;
        border-left: 1px solid #DEDEDE;
        outline: none;
        display: flex;
        height: 30px;
        align-items: center;
        transition: ease-in-out all .27s;
        background: url("/image/clear.svg") no-repeat right center; }
  .evaluation-settings_title {
    color: #18181B;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px; }
  .evaluation-settings_study-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px; }
    .evaluation-settings_study-info p {
      color: #71717A;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
      .evaluation-settings_study-info p span {
        color: #18181B; }
  .evaluation-settings_prices {
    display: flex;
    flex-wrap: wrap;
    gap: 24px; }
    .evaluation-settings_prices.salary {
      margin-right: 36px; }
    .evaluation-settings_prices-details {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 16px; }
      .evaluation-settings_prices-details .prices-wrapper {
        position: relative; }
        .evaluation-settings_prices-details .prices-wrapper:before {
          position: absolute;
          content: '$';
          right: 16px;
          top: 50%;
          transform: translateY(-50%);
          color: #868686;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
        .evaluation-settings_prices-details .prices-wrapper input[type="text"] {
          height: 40px;
          min-width: 90px;
          max-width: 115px;
          padding: 8px 36px 8px 12px;
          border-color: #DEDEDE !important;
          text-align: right;
          outline: none; }
          .evaluation-settings_prices-details .prices-wrapper input[type="text"].error {
            border-color: #ff0000 !important; }
          .evaluation-settings_prices-details .prices-wrapper input[type="text"] + .form-control-placeholder {
            position: absolute;
            transition: all .27s;
            background: #FFF;
            padding: 3px 6px;
            border-radius: 4px;
            top: -25%;
            left: 10px;
            color: #75777C;
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .evaluation-settings_prices-details .prices-wrapper input[type="text"]:placeholder-shown + .form-control-placeholder {
            position: absolute;
            pointer-events: none;
            top: 50%;
            left: 10px;
            right: unset;
            transform: translateY(-50%);
            transition: all ease .27s;
            padding: 3px 6px;
            border-radius: 4px;
            color: #868686;
            background: none;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .evaluation-settings_prices-details .prices-wrapper input[type="text"]:focus + .form-control-placeholder {
            position: absolute;
            transition: all .27s;
            background: #FFF;
            padding: 3px 6px;
            border-radius: 4px;
            transform: translateY(0);
            top: -25%;
            left: 10px;
            right: unset;
            color: #75777C;
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
      .evaluation-settings_prices-details span:not(.error-message) {
        color: #71717A;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
      .evaluation-settings_prices-details span.error-message {
        position: absolute;
        top: calc(100% + 4px);
        left: 90px;
        width: 300px; }
      .evaluation-settings_prices-details div[contenteditable] {
        display: flex;
        position: relative;
        height: 40px;
        min-width: 90px;
        max-width: 115px;
        padding: 8px 36px 8px 12px;
        justify-content: space-between;
        align-items: center;
        border-radius: 6px;
        border: 1px solid #DEDEDE;
        background: #FFF; }
        .evaluation-settings_prices-details div[contenteditable]:before {
          position: absolute;
          content: '$';
          right: 16px;
          top: 50%;
          transform: translateY(-50%);
          color: #868686;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
  .evaluation-settings_section {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .evaluation-settings_section-actions, .evaluation-settings_section .add-skills {
      margin-bottom: 32px; }
      .evaluation-settings_section-actions button, .evaluation-settings_section .add-skills button {
        position: relative;
        background: none;
        padding: 4px 10px 4px 26px;
        outline: none;
        border: none;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        color: #397DFB; }
        .evaluation-settings_section-actions button:before, .evaluation-settings_section .add-skills button:before {
          width: 24px;
          height: 24px;
          position: absolute;
          content: '';
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          background-image: url("/image/plus_btn.svg"); }
        .evaluation-settings_section-actions button:disabled, .evaluation-settings_section .add-skills button:disabled {
          opacity: .7;
          color: #18181B;
          cursor: default; }
          .evaluation-settings_section-actions button:disabled:before, .evaluation-settings_section .add-skills button:disabled:before {
            opacity: .6;
            background-image: url("/image/plus_btn_black.svg"); }
    .evaluation-settings_section-item {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .evaluation-settings_section-item.canEdit {
        margin-bottom: 32px; }
      .evaluation-settings_section-item-title {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #DEDEDE;
        background: #FFF;
        padding: 24px 16px;
        box-shadow: 0 -2px 0 0 #DEDEDE; }
        .evaluation-settings_section-item-title h3 {
          margin: 0;
          width: calc(100% - 50px) !important;
          padding-right: 24px; }
        .evaluation-settings_section-item-title h3[contenteditable] {
          outline: none; }
        .evaluation-settings_section-item-title.active {
          box-shadow: 0 -3px 0 0 #397DFB; }
        .evaluation-settings_section-item-title.error {
          box-shadow: 0 -3px 0 0 #ff0000; }
      .evaluation-settings_section-item-skill {
        position: relative;
        display: flex;
        flex-direction: column;
        border-radius: 8px;
        border: 1px solid #DEDEDE;
        background: #FFF;
        padding: 16px 70px 10px 16px;
        overflow: hidden; }
        .evaluation-settings_section-item-skill.error {
          border: 1px solid #ff0000; }
        .evaluation-settings_section-item-skill .remove-skill, .evaluation-settings_section-item-skill .remove-value {
          position: absolute;
          right: 16px;
          bottom: 16px;
          top: 12px;
          height: 30px; }
        .evaluation-settings_section-item-skill-description {
          position: relative;
          color: #18181B;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
          padding-bottom: 16px; }
          .evaluation-settings_section-item-skill-description[contenteditable] {
            outline: none; }
          .evaluation-settings_section-item-skill-description:before {
            position: absolute;
            content: '';
            width: 110%;
            left: -5%;
            top: 100%;
            height: 1px;
            background: #DEDEDE; }
          .evaluation-settings_section-item-skill-description.edit {
            padding-bottom: 6px; }
            .evaluation-settings_section-item-skill-description.edit:before {
              display: none; }
        .evaluation-settings_section-item-skill-passing {
          display: flex;
          gap: 24px;
          padding-top: 10px;
          color: #18181B;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
          .evaluation-settings_section-item-skill-passing > div {
            display: flex;
            align-items: center;
            gap: 8px; }
            .evaluation-settings_section-item-skill-passing > div p {
              margin: 0; }
          .evaluation-settings_section-item-skill-passing span.require {
            color: #ff0000;
            font-size: 13px; }
          .evaluation-settings_section-item-skill-passing input[type="text"] {
            width: 60px;
            height: 30px;
            padding: 8px 12px; }
    .evaluation-settings_section.soft_skills .evaluation-settings_section-item-skill {
      position: relative;
      padding-bottom: 16px;
      padding-right: 60px; }
    .evaluation-settings_section.soft_skills .evaluation-settings_section-item-skill-description {
      padding-bottom: 0; }
      .evaluation-settings_section.soft_skills .evaluation-settings_section-item-skill-description:before {
        display: none; }
  .evaluation-settings_actions {
    display: flex;
    justify-content: flex-end;
    gap: 24px; }
    .evaluation-settings_actions button {
      height: 40px;
      border-radius: 6px;
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      outline: none; }
    .evaluation-settings_actions .back-to-list {
      padding: 0 15px;
      border-radius: 6px;
      background: #FFF;
      border: 1px solid #DEDEDE; }
  .evaluation-settings input[type="text"] {
    display: flex;
    border-radius: 6px;
    border: 1px solid #DEDEDE !important;
    background: #FFF;
    text-align: center;
    outline: none;
    margin-bottom: 0; }
    .evaluation-settings input[type="text"].error {
      border-color: #ff0000 !important; }
  .evaluation-settings button.remove-section, .evaluation-settings button.remove-skill {
    background: url("/image/remove_trash.svg") no-repeat right center; }
  .evaluation-settings button.remove-value {
    background: url("/image/clear.svg") no-repeat right center; }
  .evaluation-settings button.remove-section, .evaluation-settings button.remove-skill, .evaluation-settings button.remove-value {
    padding-left: 30px;
    border: none;
    border-left: 1px solid #DEDEDE;
    outline: none;
    display: flex;
    height: 30px;
    align-items: center;
    transition: ease-in-out all .27s; }
    .evaluation-settings button.remove-section:hover svg, .evaluation-settings button.remove-skill:hover svg, .evaluation-settings button.remove-value:hover svg {
      fill: #ff0000; }
  .evaluation-settings .placeholder-wrapper {
    position: relative; }
    .evaluation-settings .placeholder-wrapper h2 {
      line-height: 43px; }
    .evaluation-settings .placeholder-wrapper h3 {
      line-height: 40px; }
    .evaluation-settings .placeholder-wrapper h2[data-placeholder]:empty + .form-control-placeholder {
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 43px; }
    .evaluation-settings .placeholder-wrapper h3[data-placeholder]:empty + .form-control-placeholder {
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px; }
    .evaluation-settings .placeholder-wrapper *[contenteditable] {
      height: 40px;
      width: 100%;
      outline: none; }
      .evaluation-settings .placeholder-wrapper *[contenteditable].single-line {
        white-space: nowrap;
        overflow: hidden; }
        .evaluation-settings .placeholder-wrapper *[contenteditable].single-line br {
          display: none; }
        .evaluation-settings .placeholder-wrapper *[contenteditable].single-line * {
          display: inline;
          white-space: nowrap; }
      .evaluation-settings .placeholder-wrapper *[contenteditable] + .form-control-placeholder {
        position: absolute;
        transition: all .27s;
        background: #FFF;
        padding: 3px 6px;
        border-radius: 4px;
        top: -25%;
        left: 10px;
        color: #75777C;
        font-size: initial;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
      .evaluation-settings .placeholder-wrapper *[contenteditable][data-placeholder]:empty + .form-control-placeholder {
        position: absolute;
        pointer-events: none;
        top: 50%;
        left: 10px;
        right: unset;
        transform: translateY(-50%);
        transition: all ease .27s;
        padding: 3px 6px;
        border-radius: 4px;
        color: #868686;
        background: none; }
      .evaluation-settings .placeholder-wrapper *[contenteditable].is_focus + .form-control-placeholder {
        position: absolute;
        transition: all .27s;
        background: #FFF;
        padding: 3px 6px;
        border-radius: 4px;
        transform: translateY(0);
        top: -25%;
        left: 10px;
        right: unset;
        color: #75777C;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }

*[contenteditable]:empty:after {
  content: attr(placeholder);
  pointer-events: none;
  color: #868686;
  display: block;
  /* For Firefox */ }

.error-message {
  color: #ff0000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

table.custom-table {
  width: 100%;
  background-color: transparent;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  max-width: unset; }
  table.custom-table tbody tr, table.custom-table thead tr {
    border-radius: 0; }
    table.custom-table tbody tr td, table.custom-table tbody tr th, table.custom-table thead tr td, table.custom-table thead tr th {
      border: 1px solid #DADADA;
      border-radius: 0;
      padding: 8px; }
      table.custom-table tbody tr td:first-child, table.custom-table tbody tr th:first-child, table.custom-table thead tr td:first-child, table.custom-table thead tr th:first-child {
        border-left: none; }
      table.custom-table tbody tr td:last-child, table.custom-table tbody tr th:last-child, table.custom-table thead tr td:last-child, table.custom-table thead tr th:last-child {
        border-right: none; }
      table.custom-table tbody tr td.cell-ellipsis, table.custom-table tbody tr th.cell-ellipsis, table.custom-table thead tr td.cell-ellipsis, table.custom-table thead tr th.cell-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer; }
      table.custom-table tbody tr td.bl-0, table.custom-table tbody tr th.bl-0, table.custom-table thead tr td.bl-0, table.custom-table thead tr th.bl-0 {
        border-left: none; }
      table.custom-table tbody tr td.br-0, table.custom-table tbody tr th.br-0, table.custom-table thead tr td.br-0, table.custom-table thead tr th.br-0 {
        border-right: none; }
    table.custom-table tbody tr th, table.custom-table thead tr th {
      color: #868686;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 13px;
      text-transform: unset; }
    table.custom-table tbody tr td, table.custom-table thead tr td {
      color: #18181B;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
      table.custom-table tbody tr td.action, table.custom-table thead tr td.action {
        padding: 3px; }
        table.custom-table tbody tr td.action button:disabled, table.custom-table thead tr td.action button:disabled {
          opacity: .3; }
      table.custom-table tbody tr td.link, table.custom-table thead tr td.link {
        color: #397DFB;
        cursor: pointer;
        text-decoration: underline; }
        table.custom-table tbody tr td.link.disabled, table.custom-table thead tr td.link.disabled {
          color: #C1C1C1;
          text-decoration: none; }
      table.custom-table tbody tr td > *.pending, table.custom-table thead tr td > *.pending {
        color: #C1C1C1; }
  table.custom-table thead tr {
    background-color: #F4F4F4; }
  table.custom-table button {
    width: 100%;
    height: 24px;
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer; }
  table.custom-table thead tr th.w-36, table.custom-table tbody tr td.w-36 {
    min-width: 36px;
    width: 36px; }
  table.custom-table thead tr th.w-45, table.custom-table tbody tr td.w-45 {
    min-width: 45px;
    width: 45px; }
  table.custom-table thead tr th.w-60, table.custom-table tbody tr td.w-60 {
    min-width: 60px;
    width: 60px; }
  table.custom-table thead tr th.w-80, table.custom-table tbody tr td.w-80 {
    min-width: 80px;
    width: 80px; }
  table.custom-table thead tr th.w-100, table.custom-table tbody tr td.w-100 {
    min-width: 100px;
    width: 100px; }
  table.custom-table thead tr th.w-120, table.custom-table tbody tr td.w-120 {
    min-width: 120px;
    width: 120px; }
  table.custom-table thead tr th.w-150, table.custom-table tbody tr td.w-150 {
    min-width: 150px;
    width: 150px; }
  table.custom-table thead tr th.w-200, table.custom-table tbody tr td.w-200 {
    min-width: 200px;
    width: 200px; }
  table.custom-table thead tr th.w-250, table.custom-table tbody tr td.w-250 {
    min-width: 250px;
    width: 250px; }
  table.custom-table thead tr th.w-300, table.custom-table tbody tr td.w-300 {
    min-width: 300px;
    width: 300px; }
  table.custom-table thead tr th.w-350, table.custom-table tbody tr td.w-350 {
    min-width: 350px;
    width: 350px; }
  table.custom-table thead tr th.empty, table.custom-table tbody tr td.empty {
    width: 100%; }
  table.custom-table .text-left {
    text-align: left; }
  table.custom-table .text-center {
    text-align: center; }

.custom-toggle {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  margin: 0 0 0 12px; }
  .custom-toggle__switcher {
    transition: all 0.15s ease-in-out;
    width: 33px;
    height: 20px;
    display: block;
    border-radius: 50px;
    background-color: #D3D3D4;
    position: relative; }
    .custom-toggle__switcher:after {
      transition: all 0.15s ease-in-out;
      content: "";
      width: 14px;
      height: 14px;
      display: block;
      background-color: #fff;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 4px;
      transform: translateY(-50%); }
  .custom-toggle__pop-up {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-90%, 50%);
    background: rgba(22, 24, 27, 0.75);
    border-radius: 6px; }
    .custom-toggle__pop-up p {
      font-weight: 500;
      font-size: 13px;
      padding: 6px 8px;
      color: #FFFFFF; }
  .custom-toggle.sales-toggle-disabled {
    opacity: 0.35;
    cursor: not-allowed; }
  .custom-toggle input {
    display: none; }
    .custom-toggle input:checked + .custom-toggle__switcher {
      border-color: #9ACC65;
      background-color: #9ACC65; }
      .custom-toggle input:checked + .custom-toggle__switcher:after {
        left: 15px; }

.label-wrapper {
  display: flex;
  align-items: center; }
  .label-wrapper .label-title {
    font-size: 14px;
    color: #707070; }

body {
  background: #fff !important; }

.schedule-online {
  --col: 5;
  --indentCol: 10px; }
  .schedule-online .header {
    margin-top: -25px;
    height: auto;
    display: flex; }
    .schedule-online .header-wrap {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      margin-left: 30px;
      background: url(/image/schedule-online/schedule_rect.png) no-repeat; }
      .schedule-online .header-wrap h1 {
        margin: 0 0 0 40px;
        color: #fff;
        font-weight: bold;
        font-size: 30px; }
    .schedule-online .header-logo {
      width: 75px;
      height: 85px;
      border-radius: 0 0 10px 10px;
      background: url(/image/schedule-online/schedule_logo.svg) no-repeat center #055ea9; }
    .schedule-online .header-logo__eng {
      width: 75px;
      height: 85px;
      border-radius: 0 0 10px 10px;
      background: url(/image/schedule-online/schedule_logo.svg) no-repeat #055ea9;
      background-size: cover;
      background-position-y: bottom; }
    .schedule-online .header .dotts-block {
      flex-grow: 2;
      height: 45px;
      background: url(/image/schedule-online/dotts.png) repeat-x;
      margin-left: 170px;
      margin-top: 40px; }
    .schedule-online .header .current-date {
      display: flex;
      padding-right: 45px;
      padding-left: 25px;
      margin-top: 15px; }
      .schedule-online .header .current-date span:first-child {
        margin-right: 125px; }
      .schedule-online .header .current-date span:last-child {
        width: 95px; }
      .schedule-online .header .current-date span {
        color: #000;
        font-size: 30px; }
  .schedule-online .content-section {
    width: calc(100vw - 50px);
    height: calc(100vh - 105px);
    position: relative;
    padding-top: 25px;
    display: flex;
    flex-direction: column; }
    .schedule-online .content-section:after {
      position: absolute;
      content: "";
      display: block;
      width: 100%;
      height: 20px;
      background: url(/image/schedule-online/footer.png) no-repeat center;
      top: 100%; }
    .schedule-online .content-section .schedule-heading {
      width: 100%;
      height: 50px;
      display: flex;
      flex-direction: row; }
      .schedule-online .content-section .schedule-heading-item {
        width: 25%;
        height: 50px;
        border-radius: 10px 10px 0 0;
        background: #055ea9;
        display: flex; }
        .schedule-online .content-section .schedule-heading-item:nth-child(2n) {
          background: #0675d2; }
        .schedule-online .content-section .schedule-heading-item div {
          text-align: center;
          line-height: 50px;
          color: #fff;
          font-size: 20px; }
        .schedule-online .content-section .schedule-heading-item .group-name {
          width: 30%; }
        .schedule-online .content-section .schedule-heading-item .room-name {
          width: 38%;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .schedule-online .content-section .schedule-heading-item .time-name {
          width: 32%; }
    .schedule-online .content-section .schedule-body-wrap {
      width: 100%;
      flex-grow: 1;
      overflow: hidden; }
    .schedule-online .content-section .schedule-body {
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      transition: 0.2s; }
      .schedule-online .content-section .schedule-body-item {
        width: 25%;
        height: 55px;
        display: flex; }
        .schedule-online .content-section .schedule-body-item:nth-child(8n + 5) {
          background: #eef3f8; }
        .schedule-online .content-section .schedule-body-item:nth-child(8n + 7) {
          background: #eef3f8; }
        .schedule-online .content-section .schedule-body-item:nth-child(8n + 2) {
          background: #eef3f8; }
        .schedule-online .content-section .schedule-body-item:nth-child(8n + 4) {
          background: #eef3f8; }
        .schedule-online .content-section .schedule-body-item div {
          color: #000;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: center; }
          .schedule-online .content-section .schedule-body-item div p {
            margin: 0; }
        .schedule-online .content-section .schedule-body-item .group-name {
          width: 30%;
          font-size: 16px; }
        .schedule-online .content-section .schedule-body-item .room-name {
          width: 38%;
          font-size: 14px; }
        .schedule-online .content-section .schedule-body-item .time-name {
          width: 32%;
          font-size: 12px; }
  .schedule-online .schedule_time-slot {
    display: grid;
    grid-template-rows: repeat(11, 1fr);
    grid-template-columns: 100%;
    grid-gap: 4px 0;
    width: 100%;
    font-size: 23px; }
    .schedule-online .schedule_time-slot__header {
      display: grid;
      grid-template-columns: repeat(var(--col), calc(100% / var(--col) - var(--indentCol) * (var(--col) - 1) / var(--col)));
      margin: 40px 0 30px;
      font-weight: 500;
      font-size: 36px;
      grid-column-gap: var(--indentCol); }
    .schedule-online .schedule_time-slot__time {
      font-size: 36px;
      text-align: center;
      border: 1px solid;
      display: flex;
      align-items: center;
      justify-content: center; }
    .schedule-online .schedule_time-slot__body {
      display: grid;
      grid-template-columns: repeat(var(--col), calc(100% / var(--col) - var(--indentCol) * (var(--col) - 1) / var(--col)));
      grid-column-gap: var(--indentCol);
      height: calc(100vh - 208px); }
    .schedule-online .schedule_time-slot__column {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      background: white;
      filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2)); }
      .schedule-online .schedule_time-slot__column-cell {
        width: 50%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: center; }
    .schedule-online .schedule_time-slot__column:nth-child(2n - 1) {
      background: #d9edff; }
    .schedule-online .schedule_time-slot__title-wrap {
      display: flex;
      width: 100%;
      color: white;
      background: #006ecd; }
    .schedule-online .schedule_time-slot__title {
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .schedule-online .schedule_time-slot__wrap {
      display: flex; }

/*layout*/
.news-container {
  padding-top: 62px;
  height: 100%;
  /*all style*/ }
  .news-container .news-item {
    cursor: pointer; }
  .news-container .news-item-selected {
    background-color: rgba(51, 150, 219, 0.15); }
  .news-container .edit-mode {
    float: right; }
  .news-container .new_article .edit-mode {
    position: absolute;
    top: 0;
    right: 20px; }
  .news-container .edit-mode img {
    height: 18px; }
  .news-container .trash {
    float: right;
    margin-left: 15px; }
  .news-container .trash img {
    height: 18px; }
  .news-container .control-edit {
    float: right; }
  .news-container .autor {
    float: left; }
  .news-container .aside {
    z-index: 5; }
  .news-container .main {
    padding: 87px 25px 25px !important; }
  .news-container .content {
    background: #fff;
    height: 100%;
    min-height: 100%;
    padding: 25px 10px 25px 10px;
    margin: 0 0 20px !important; }
  .news-container .title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #697e8d;
    margin-bottom: 20px;
    padding-right: 20px; }
  .news-container .line_red:before {
    background: red !important; }
  .news-container ul.last_news {
    list-style: none;
    margin: 0;
    padding: 0; }
  .news-container ul.last_news li {
    padding: 15px; }
  .news-container ul.last_news li:last-child {
    border: none; }
  .news-container .autor, .news-container .date {
    display: block;
    color: #697e8d;
    font-size: 14px; }
  .news-container .title_news {
    max-width: 85%;
    display: block;
    float: left;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #697e8d; }
  .news-container .flaticon-edit45 {
    float: right;
    color: #0a8df3;
    padding-right: 25px; }
  .news-container input#title {
    height: 36px; }
  .news-container input[type="text"],
  .news-container textarea {
    border: 1px solid #0a8df3;
    color: #0a8df3;
    display: block;
    width: 85%;
    margin-bottom: 20px;
    padding: 5px 10px; }
  .news-container .dop_link img {
    height: 20px;
    margin-left: 20px; }
  .news-container .edit {
    float: left; }
  .news-container .edit img {
    height: 18px; }
  .news-container label {
    color: #697e8d; }
  .news-container select#form {
    margin: 0 0 20px 10px;
    width: 250px; }
  .news-container .button_default {
    margin-top: 20px; }
  .news-container .new_article img {
    max-width: 100%; }
  .news-container .block_news_wrapp {
    position: relative; }
  .news-container .block_news_wrapp:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: rgba(51, 150, 219, 0.3);
    margin-left: -15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  .news-container .news-item:hover .block_news_wrapp:before {
    background-color: rgba(51, 150, 219, 0.85); }
  .news-container .news-item-selected .block_news_wrapp:before {
    display: none; }
  .news-container .tab-content > .ng-scope,
  .news-container .tab-content > .ng-scope > .tab-pane,
  .news-container .tab-content > .ng-scope > .tab-pane > .content {
    height: 100%; }
  .news-container .tab-content > .ng-scope > .tab-pane > .content > .new_article,
  .news-container .tab-content > .ng-scope > .tab-pane > .content > .last_news {
    height: 100%;
    max-height: 100%;
    overflow: auto; }
  .news-container .last_news, .news-container .tab-pane, .news-container .new_article {
    height: 100%; }
  .news-container .ngscroll-content-container {
    width: 100%;
    padding-right: 15px; }
  .news-container .ta-scroll-window.ng-scope.ta-text.ta-editor.form-control {
    margin-top: 20px; }
  .news-container input[type=text] {
    width: 100%; }
  .news-container .autor.ng-binding.ng-scope {
    margin-top: 20px; }

.send-container {
  padding-top: 62px;
  /*  SMS   */
  /*  history of dispatches   */ }
  .send-container #control .toggle {
    float: none; }
  .send-container .content {
    background: #fff;
    padding: 25px 10px 50px;
    margin: 0 0 20px !important; }
  .send-container .button_default {
    margin-top: 20px; }
  .send-container .content > div {
    padding: 0; }
  .send-container .checkbox {
    position: relative;
    padding-left: 25px;
    margin-top: 9px; }
  .send-container .checkbox input[type="checkbox"] {
    display: none; }
  .send-container .checkbox label {
    text-transform: none;
    margin-left: 0 !important;
    font-size: 13px;
    font-weight: 600; }
  .send-container .checkbox label:after {
    content: '';
    display: block;
    height: 14px;
    width: 14px;
    border: 1px solid #939598;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 7px; }
  .send-container .checkbox input[type="checkbox"]:checked + label:after {
    border: none;
    width: 14px;
    background: url(/image/checked.png); }
  .send-container .checkbox input[type="checkbox"]:checked + label {
    color: #18a5e7; }
  .send-container table {
    width: 100%;
    border: none; }
  .send-container table thead {
    background: none; }
  .send-container table thead tr {
    border: none; }
  .send-container table thead tr th {
    color: #697e8d;
    text-transform: uppercase;
    font-weight: 600; }
  .send-container table tr:nth-of-type(even) {
    background: none; }
  .send-container table tr {
    border: 1px solid #e9edf3; }
  .send-container table tr td {
    color: #697e8d;
    padding: 10px; }
  .send-container .amount {
    border: 1px solid #6d8190;
    border-radius: 11px;
    padding: 0 5px;
    margin: 0 8px;
    font-size: 12px; }
  .send-container .admin {
    font-size: 12px;
    padding: 0 7px;
    background-color: #a0d468;
    border-radius: 5px;
    color: #fff; }
  .send-container .design {
    font-size: 12px;
    padding: 0 7px;
    background-color: #f4be55;
    border-radius: 5px;
    color: #fff; }
  .send-container .programmer {
    font-size: 12px;
    padding: 0 7px;
    background-color: #8ac1fa;
    border-radius: 5px;
    color: #fff; }
  .send-container .universe {
    font-size: 12px;
    padding: 0 7px;
    background-color: #baabff;
    border-radius: 5px;
    color: #fff; }
  .send-container table:not(.group) tbody tr:hover {
    background: #ecf4fb; }
  .send-container table:not(.group) tbody tr td.active {
    background: #75b6ed; }
  .send-container table:not(.group) tbody tr td.active {
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .send-container table:not(.group) tbody tr td.active .amount {
    border: 1px solid #fff; }
  .send-container .toggle {
    float: right;
    margin-right: 15px;
    height: 18px;
    width: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #dde5f0;
    margin-top: 2px;
    cursor: pointer; }
  .send-container .toggle.toggle-check {
    background: url("/image/good.svg"); }
  .send-container form {
    padding-top: 36px; }
  .send-container .paste {
    padding-top: 16px; }
  .send-container .center_sms span {
    color: #ccc;
    font-size: 12px;
    line-height: 2.5; }
  .send-container .paddtop {
    padding-top: 20px; }
  .send-container .center_sms .button {
    left: 50%;
    margin-left: -78px; }
  .send-container .aside {
    z-index: 5; }
  .send-container .main {
    padding: 87px 25px 25px !important; }
  .send-container .wrapper_table {
    max-height: 450px;
    overflow-x: auto; }
  .send-container .dop_link img {
    height: 20px;
    margin-left: 20px; }
  .send-container a.export {
    cursor: pointer;
    display: block;
    margin-top: 15px;
    margin-bottom: 20px; }
  .send-container .for_select {
    display: inline-block;
    margin-right: 25px; }
  .send-container .dispatch-type {
    display: inline-block; }
  .send-container table.dispatch {
    margin-top: 15px; }
  .send-container table.dispatch tr th {
    padding: 10px; }
  .send-container table.dispatch tr {
    border-left: #ffffff;
    border-right: #ffffff; }
  .send-container table.dispatch tr td:first-child {
    width: 100px; }
  .send-container table.dispatch tr td:last-child {
    width: 40%; }
  @media all and (max-width: 1599px) {
    .send-container table.group {
      margin-top: 36px; }
    .send-container .clear_left {
      clear: left; } }
  .send-container .ngscroll-content-container {
    width: 100%;
    padding-right: 15px; }
  .send-container .accord_table .a_stud span {
    border: 1px solid #cac9c9;
    border-radius: 5px;
    position: relative;
    display: block;
    padding: 5px 18px 5px 20px;
    background: #ecebeb87;
    color: black;
    font-size: 1.6rem; }
  .send-container .accord_table .cd-accordion-menu input[type=checkbox] {
    position: absolute;
    opacity: 0; }
  .send-container .accord_table .cd-accordion-menu label, .send-container .cd-accordion-menu a {
    border: 1px solid #cac9c9;
    border-radius: 5px;
    position: relative;
    display: block;
    padding: 5px 18px 5px 20px;
    background: #ecebeb87;
    color: black;
    font-size: 1.6rem; }
  .send-container .accord_table .cd-accordion-menu ul {
    display: none; }
  .send-container .accord_table .cd-accordion-menu li {
    list-style-type: none; }
  .send-container .accord_table .cd-accordion-menu input[type=checkbox]:checked + label + ul,
  .send-container .accord_table .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    display: block; }
  .send-container .cl_span_story:hover {
    cursor: pointer;
    background: white !important; }
  .send-container .img_question {
    width: 16px;
    vertical-align: sub; }

input[type="text"][readonly], input.datepicker {
  padding-top: 10px !important; }

input[type="text"],
textarea {
  box-shadow: none;
  border: 1px solid #d8e5f6;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px; }

.story-wrappers .accord_table img {
  width: 100%; }

/*layout*/
.padding-r-10 {
  padding-right: 10px; }

.sticky-table-header {
  position: sticky;
  top: -1px;
  z-index: 10;
  border-top: 0;
  text-align: center; }
  .sticky-table-header th {
    background: white; }

.schedule-container {
  padding-top: 62px;
  /*all style*/
  /*         *         prepody        *           */
  /** newww **/
  /*******************************************************************checkbox*/
  /*new styles*/
  /*table.group tr td>spalesson */
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */ }
  .schedule-container .room-occupancy-export {
    margin-left: 10px;
    cursor: pointer; }
  @media screen and (max-width: 1680px) {
    .schedule-container {
      padding-top: 100px; } }
  .schedule-container .room thead tr th {
    min-width: 125px;
    text-align: center !important; }
  .schedule-container .aside {
    z-index: 5; }
  .schedule-container .block-wrapper {
    display: inline-block;
    width: 300px; }
  .schedule-container .main {
    padding: 87px 25px 25px !important; }
  .schedule-container body {
    font-family: "Open Sans", sans-serif; }
  .schedule-container .check_active {
    border: 1px solid #7db0df; }
  .schedule-container .check_error_other_group_lesson {
    border: 2px double #f0ad4e; }
  .schedule-container .content > .large-12 {
    background: #fff;
    padding: 25px 50px 100px; }
  .schedule-container .next {
    text-align: right;
    padding-bottom: 15px !important; }
  .schedule-container .shed_img {
    height: 20px;
    margin-left: 15px;
    margin-right: 15px; }
  .schedule-container .content table {
    width: 100%; }
  .schedule-container table thead {
    border-top: 2px solid #dee9f7;
    background: none; }
  .schedule-container table thead tr th {
    text-align: center;
    /*width: 9%;*/
    color: #697e8d;
    font-size: 16px;
    padding: 6px 7px 8px; }
  .schedule-container table tr td {
    color: #697e8d;
    padding: 10px 7px;
    width: 1%;
    text-align: center; }
  .schedule-container table tr td:first-child {
    color: #b0c9e8;
    font-size: 15px;
    text-align: left;
    padding-right: 15px; }
  .schedule-container .title {
    font-size: 14px;
    color: #b0c9e8; }
  .schedule-container th .marker {
    color: #d7ecec; }
  .schedule-container td .marker {
    color: #b0c9e8;
    font-size: 16px;
    vertical-align: middle;
    line-height: 0.5; }
  .schedule-container .time {
    font-weight: 400;
    font-size: 14px; }
  .schedule-container table tr:nth-of-type(even) {
    background: none; }
  .schedule-container th,
  .schedule-container td {
    border: 1px solid #dee9f7;
    position: relative; }
  .schedule-container .comp {
    vertical-align: super;
    font-size: 13px;
    color: #58a5f4; }
  .schedule-container .check {
    padding: 2px; }
  .schedule-container .lesson:before {
    content: "";
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    z-index: 0;
    background: #e5f2ff;
    border: 1px solid #dee9f7; }
  .schedule-container .lesson span {
    position: relative;
    z-index: 1; }
  .schedule-container .lesson-wrapper {
    height: 100px;
    position: absolute;
    width: calc(100% - 4px);
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    z-index: 2; }
  .schedule-container .lesson {
    padding: 5px;
    font-size: 12px;
    line-height: 1.1;
    hyphens: auto; }
    .schedule-container .lesson__time {
      position: relative;
      font-size: 12px;
      text-align: center;
      margin: 0; }
    .schedule-container .lesson_no-ellipsis {
      font-size: 13px;
      line-height: 16px; }
      .schedule-container .lesson_no-ellipsis p {
        font-size: 14px !important;
        line-height: 22px !important; }
      .schedule-container .lesson_no-ellipsis .students-cnt {
        line-height: 1 !important; }
  .schedule-container .empty-lesson {
    height: 100%; }
  .schedule-container .teacher {
    padding: 0;
    margin-bottom: 15px; }
  .schedule-container .next {
    float: right;
    padding: 0; }
  .schedule-container table.prepody,
  .schedule-container table.prepody thead,
  .schedule-container table.prepody thead tr th {
    border-top: none;
    border-bottom: none;
    text-align: left; }
  .schedule-container table.room thead tr th,
  .schedule-container table.teach_shedule thead tr th,
  .schedule-container table.group thead tr th,
  .schedule-container table.prepody thead tr th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 15px;
    border-left-style: none;
    border-right-style: none;
    text-align: center; }
  .schedule-container table.room tbody tr:first-child td:not(:first-child),
  .schedule-container table.teach_shedule tbody tr:first-child td:not(:first-child),
  .schedule-container table.group tbody tr:first-child td:not(:first-child),
  .schedule-container table.prepody tbody tr:first-child td:not(:first-child) {
    border-top: 1px solid #dee9f7; }
  .schedule-container table.room tr td,
  .schedule-container table.teach_shedule tr td,
  .schedule-container table.group tr td,
  .schedule-container table.prepody tr td {
    border-top-style: none;
    padding: 0 6px; }
    .schedule-container table.room tr td:first-child,
    .schedule-container table.teach_shedule tr td:first-child,
    .schedule-container table.group tr td:first-child,
    .schedule-container table.prepody tr td:first-child {
      vertical-align: top;
      border-bottom-style: none;
      border-left-style: none; }
    .schedule-container table.room tr td .timeline-item,
    .schedule-container table.teach_shedule tr td .timeline-item,
    .schedule-container table.group tr td .timeline-item,
    .schedule-container table.prepody tr td .timeline-item {
      position: relative;
      top: -11px; }
  .schedule-container table.room tr th:first-child,
  .schedule-container table.room tr td:first-child,
  .schedule-container table.teach_shedule tr th:first-child,
  .schedule-container table.teach_shedule tr td:first-child,
  .schedule-container table.group tr th:first-child,
  .schedule-container table.group tr td:first-child,
  .schedule-container table.prepody tr th:first-child,
  .schedule-container table.prepody tr td:first-child {
    width: 4%;
    text-align: center; }
  .schedule-container table.group th:first-child,
  .schedule-container table.group td:first-child {
    width: 4%;
    text-align: center; }
  .schedule-container table.teach_shedule th:first-child,
  .schedule-container table.teach_shedule td:first-child {
    width: 4%;
    text-align: center; }
  .schedule-container .datepicker {
    margin-bottom: 20px; }
  .schedule-container .datepicker.block {
    margin-right: 20px; }
  .schedule-container table.room {
    margin-bottom: 25px; }
  .schedule-container table.room tr td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    min-height: 1px;
    /*height: 100%;*/ }
  .schedule-container table.room thead tr th {
    width: auto; }
  .schedule-container select.education-form {
    margin-bottom: 20px; }
  .schedule-container .education-form {
    margin: 0 20px 15px 0; }
    .schedule-container .education-form .ui-select-choices-row-inner {
      white-space: initial;
      padding: 5px 20px; }
    .schedule-container .education-form .btn-default-focus {
      background-color: transparent;
      box-shadow: none;
      outline: none;
      border-color: transparent; }
    .schedule-container .education-form__label {
      margin-right: 15px; }
  .schedule-container .filters__wrap {
    display: flex;
    align-items: baseline; }
  .schedule-container table.group {
    margin-bottom: 25px; }
  .schedule-container label {
    color: #787878; }
  .schedule-container .teacher-name {
    color: #346181;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 15px;
    font-size: 16px; }
  .schedule-container table.room thead th:first-child {
    width: 175px !important; }
  .schedule-container .for_select {
    display: inline-block; }
  .schedule-container .for_select select,
  .schedule-container .for_select label {
    display: block; }
  .schedule-container .for_select select {
    margin-right: 25px; }
  .schedule-container .col-md-12.shedule {
    padding: 20px 15px 0; }
  .schedule-container .arrow_image {
    height: 20px;
    cursor: pointer; }
  .schedule-container .arrows a:first-child .arrow_image {
    margin-right: 20px; }
  .schedule-container .arrows a:last-child .arrow_image {
    margin-left: 20px; }
  .schedule-container table.teach_shedule {
    margin-top: 20px; }
  .schedule-container table.teach_shedule tr th {
    font-size: 14px;
    width: 9%; }
  .schedule-container table.teach_shedule tr th:first-child,
  .schedule-container table.teach_shedule tr td:first-child {
    width: 3%;
    text-align: center; }
  .schedule-container table.teach_shedule .lesson {
    padding-right: 25px;
    padding-bottom: 12px; }
  .schedule-container table.teach_shedule tr td {
    padding: 2px;
    position: relative; }
  .schedule-container img.img_svg {
    height: 22px;
    margin-right: 5px; }
  .schedule-container select.group-select {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px; }
  .schedule-container .for_select {
    vertical-align: top; }
  .schedule-container .checkboxes > div > label {
    display: block; }
  .schedule-container .checkboxes__groups {
    margin-right: 20px; }
  .schedule-container input[type="checkbox"].css-checkbox-week {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .schedule-container input[type="checkbox"].css-checkbox-week + label.css-label-week {
    padding-left: 0;
    text-align: center;
    height: 36px;
    width: 36px;
    display: inline-block;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    margin-left: 0; }
  .schedule-container input[type="checkbox"].css-checkbox-week:checked + label.css-label-week {
    background-position: 0 -36px;
    color: #ffffff; }
  .schedule-container label.css-label-week {
    background-image: url(/image/week.svg);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .schedule-container .checkbox-paire,
  .schedule-container .double {
    display: inline-block;
    padding-right: 20px; }
  .schedule-container .timeline-filter {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .schedule-container .timeline-filter .datepicker {
      margin-bottom: 0; }
    .schedule-container .timeline-filter .checkbox-week .css-label-week {
      margin-bottom: 0; }
    .schedule-container .timeline-filter .save-btn-wrapper {
      display: flex;
      align-items: end;
      margin-top: 5px; }
      .schedule-container .timeline-filter .save-btn-wrapper.notify {
        width: 100%;
        margin-top: 16px;
        align-items: center;
        gap: 16px; }
      .schedule-container .timeline-filter .save-btn-wrapper .checkbox-container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 3px;
        justify-content: center;
        height: 36px; }
      .schedule-container .timeline-filter .save-btn-wrapper .need-notify {
        display: flex;
        align-items: center;
        margin-right: 10px;
        font-size: 14px;
        cursor: pointer; }
        .schedule-container .timeline-filter .save-btn-wrapper .need-notify input {
          margin: 0 5px 0 0; }
        .schedule-container .timeline-filter .save-btn-wrapper .need-notify label {
          margin: 0; }
  .schedule-container .add-timeline {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 15px;
    flex: 1; }
    .schedule-container .add-timeline__title {
      margin-bottom: 5px;
      min-width: max-content; }
    .schedule-container .add-timeline__content {
      display: flex;
      flex-wrap: wrap;
      height: 36px; }
    .schedule-container .add-timeline__items {
      display: inline-flex;
      height: 100%;
      margin-bottom: 5px; }
      .schedule-container .add-timeline__items .timeline-item {
        display: flex;
        align-items: center;
        min-width: max-content;
        margin-right: 6px;
        padding: 6px;
        border-radius: 2px;
        background: rgba(0, 0, 0, 0.05); }
        .schedule-container .add-timeline__items .timeline-item span {
          font-family: Inter;
          font-size: 14px;
          line-height: normal; }
        .schedule-container .add-timeline__items .timeline-item img {
          width: 14px;
          margin-left: 4px;
          cursor: pointer; }
    .schedule-container .add-timeline__control {
      position: relative;
      height: 36px;
      width: 36px;
      margin-right: 180px; }
      .schedule-container .add-timeline__control .timeline-modal {
        min-width: 210px;
        max-width: 320px;
        width: max-content;
        margin-top: 8px;
        position: absolute;
        z-index: 100;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25); }
        .schedule-container .add-timeline__control .timeline-modal__backdrop {
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          transform: initial;
          z-index: 5; }
        .schedule-container .add-timeline__control .timeline-modal__content {
          position: relative;
          padding: 12px;
          z-index: 6; }
          .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 16px; }
            .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block {
              position: relative;
              margin-right: 16px;
              display: flex;
              flex-direction: column;
              flex: 1; }
              .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block:last-child {
                margin-right: 0; }
              .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper {
                display: flex; }
                .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper input {
                  width: 64px;
                  margin: 0;
                  line-height: 15px;
                  padding: 6px;
                  border-radius: 2px;
                  border: 1px solid rgba(0, 0, 0, 0.2); }
                .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper.active-timeline .input-wrapper__img,
                .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper.active-timeline input {
                  border-color: #00b2ff; }
                .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper.active-timeline .input-wrapper__img img {
                  filter: initial; }
                .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper input:focus-visible {
                  outline: none; }
                .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper__img {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  padding: 6px;
                  border: 1px solid rgba(0, 0, 0, 0.2);
                  border-top-right-radius: 2px;
                  border-bottom-right-radius: 2px;
                  border-left: initial; }
                  .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper__img img {
                    filter: brightness(0%);
                    width: 16px;
                    height: 16px; }
                  .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .input-wrapper__img:hover {
                    cursor: pointer; }
              .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .timeline-list {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: max-content;
                margin-top: 6px;
                z-index: 1;
                padding: 6px 0;
                border-radius: 4px;
                border: 1px solid #ccc;
                background: #fff;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); }
                .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .timeline-list__item {
                  position: relative;
                  background: #fff;
                  font-size: 14px;
                  font-weight: 400;
                  text-align: center;
                  z-index: 11; }
                  .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .timeline-list__item span {
                    padding: 6px 12px; }
                  .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .timeline-list__item:hover {
                    background: #ccf0ff;
                    cursor: pointer; }
                .schedule-container .add-timeline__control .timeline-modal__content .timeline-wrapper .timeline-block .timeline-list__backdrop {
                  position: fixed;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  right: 0;
                  z-index: 10; }
          .schedule-container .add-timeline__control .timeline-modal__content .timeline-controls {
            display: flex; }
            .schedule-container .add-timeline__control .timeline-modal__content .timeline-controls .timeline-add {
              display: flex;
              justify-content: center;
              flex: 1;
              padding: 6px 24px;
              font-size: 14px;
              font-weight: 600;
              border-radius: 2px;
              color: #fff;
              background: #00b2ff;
              border: none; }
    .schedule-container .add-timeline__btn {
      position: relative;
      width: 100%;
      cursor: pointer;
      z-index: 1; }
      .schedule-container .add-timeline__btn-disabled {
        filter: grayscale(1); }
  .schedule-container .added-timelines {
    margin-bottom: 10px; }
  .schedule-container .mini_label,
  .schedule-container div#day label:first-child,
  .schedule-container div#paire label:first-child {
    margin-top: 15px;
    font-weight: 400; }
  .schedule-container .del_lesson {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    cursor: pointer;
    z-index: 1; }
  .schedule-container .inline {
    display: inline-block;
    margin-right: 20px; }
  .schedule-container .inline label {
    display: block; }
  .schedule-container .inline select {
    max-width: 300px;
    padding-right: 25px; }
  .schedule-container #trash .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #697e8d;
    margin-bottom: 20px; }
  .schedule-container #trash select {
    width: 250px; }
  .schedule-container #trash select#teacher-name {
    margin-top: 25px;
    width: 350px; }
  .schedule-container select#auditory-name {
    margin-top: 25px; }
  .schedule-container table.wrap-radio {
    width: 700px; }
  .schedule-container table.wrap-radio tr td {
    width: 33%;
    border: none;
    padding: 0; }
  .schedule-container #trash .for_select:last-child {
    padding-top: 0; }
  .schedule-container #teacher-name {
    width: 300px; }
  .schedule-container #schedule_select_spec {
    max-width: 320px;
    padding-right: 30px; }
  .schedule-container .input_disable {
    width: 200px;
    height: 36px;
    padding-top: 1px;
    padding-left: 10px;
    margin-right: 25px;
    font-size: 15px;
    color: #3b95e1;
    border: 1px solid #3b95e1;
    background-color: #ffffff; }
  .schedule-container #auditory .datepicker {
    margin-right: 20px; }
  .schedule-container #planing select {
    padding-right: 30px;
    max-width: 225px; }
  .schedule-container #planing table tr td {
    /*height: 60px;*/ }
  .schedule-container #planing table tr td > div {
    height: 100%;
    min-height: 50px; }
  .schedule-container #planing table tr td > div.check_active:not(.ng-hide) + span,
  .schedule-container #planing table tr td > div:first-child:not(.ng-hide) ~ span {
    position: absolute !important;
    z-index: 5;
    font-size: 11px;
    text-align: center;
    bottom: 3px;
    left: 5px; }
  .schedule-container #planing table tr td > div.check_active:not(.ng-hide) + span {
    bottom: 50%;
    -webkit-transform: translate(0%, 49%);
    -ms-transform: translate(0%, 49%);
    transform: translate(0%, 49%); }
  .schedule-container .ui-select-container {
    width: auto;
    max-width: 310px;
    min-width: 300px;
    /* height: 36px !important; */
    border: 1px solid #3b95e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 5px 3px 3px 5px !important;
    margin-right: 20px; }
  .schedule-container .single-select {
    padding: 0 !important; }
    .schedule-container .single-select .caret {
      display: none; }
    .schedule-container .single-select .form-control {
      border: none;
      box-shadow: none;
      outline: none;
      background-color: transparent; }
      .schedule-container .single-select .form-control:hover {
        border: none;
        box-shadow: none;
        outline: none;
        background-color: transparent; }
      .schedule-container .single-select .form-control:active {
        background-color: transparent; }
      .schedule-container .single-select .form-control:focus {
        background-color: transparent; }
      .schedule-container .single-select .form-control:focus-visible {
        outline: none; }
  .schedule-container .date_week {
    font-size: 16px;
    font-weight: 400;
    color: #697e8d; }
  .schedule-container .arrows a img,
  .schedule-container a.cursor_pointer img {
    position: relative;
    top: -3px; }
  .schedule-container #teacher .teacher-name {
    margin-top: 30px;
    font-size: 16px;
    color: #697e8d; }
  .schedule-container #planing table,
  .schedule-container #planing table thead,
  .schedule-container #planing table thead tr,
  .schedule-container #planing table thead tr th,
  .schedule-container #groups table,
  .schedule-container #groups table thead,
  .schedule-container #groups table thead tr,
  .schedule-container #groups table thead tr th,
  .schedule-container #auditory table,
  .schedule-container #auditory table thead,
  .schedule-container #auditory table thead tr,
  .schedule-container #auditory table thead tr th {
    border: none; }
  .schedule-container #planing table thead tr th,
  .schedule-container #groups table thead tr th,
  .schedule-container #auditory table thead tr th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    text-align: center; }
  .schedule-container .render-table thead tr th {
    border: 1px solid #000 !important;
    color: #000; }
  .schedule-container .render-table .text-header {
    min-width: 320px; }
  .schedule-container #planing .teach_shedule {
    height: 100%; }
  .schedule-container .teach_shedule td > div:nth-child(2) {
    display: none; }
  .schedule-container #planing .teach_shedule td > div.check_active {
    display: block; }
  .schedule-container .new_next {
    text-align: right;
    padding-right: 0;
    display: inline-block;
    float: right;
    margin-top: 35px;
    position: relative;
    z-index: 9; }
  .schedule-container .all_teachers {
    margin-top: -55px; }
  .schedule-container #trash div.trash_for_select {
    padding-bottom: 15px; }
  .schedule-container #trash input[type="checkbox"].css-checkbox-week + label.css-label-week {
    margin-right: 3px; }
  .schedule-container #trash .checkbox-paire + label.css-label-week-title {
    margin-top: 0; }
  .schedule-container .students-cnt {
    height: 15px;
    width: 15px;
    background-color: #697e8d;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    padding-top: 2px;
    display: inline-block; }
  .schedule-container .wrap-svg_image {
    display: inline-block;
    float: right; }
  .schedule-container .svg_image {
    height: 18px;
    margin-left: 20px; }
  .schedule-container .view-filter {
    cursor: pointer; }
  .schedule-container .was {
    width: 16%;
    min-height: 10px;
    margin: 2px;
    border: 1px solid #c8c8c8 !important;
    background: #ffffff;
    float: left; }
  .schedule-container .del_lesson_top {
    top: 5px;
    position: absolute;
    right: 5px;
    height: 20px;
    cursor: pointer;
    z-index: 1; }
  .schedule-container .del_lesson_bottom {
    bottom: 5px;
    position: absolute;
    right: 5px;
    height: 20px;
    cursor: pointer;
    z-index: 1; }
  .schedule-container .comment-field {
    width: 100%; }
  .schedule-container .comment-button {
    margin-bottom: 7px; }
  .schedule-container .popover-inner {
    min-width: 230px;
    max-width: 230px;
    width: 230px; }
  .schedule-container .comment-view-top {
    bottom: 5px;
    position: absolute;
    right: 5px;
    height: 20px;
    cursor: pointer; }
  .schedule-container .comment-container {
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block; }
  .schedule-container .lessons-checkboxes {
    margin-left: 3px; }
  .schedule-container .selects select {
    margin-bottom: 4px; }
  .schedule-container table.group tr td,
  .schedule-container table.prepody tr td {
    position: relative;
    min-height: 1px;
    /*height: 100%;*/ }
  .schedule-container table.group tr td > .lesson:not(ng-hide) ~ span,
  .schedule-container table.prepody tr td > .lesson:not(.ng-hide) ~ span {
    font-size: 11px;
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 5px; }
  .schedule-container table.group tr td > div.lesson,
  .schedule-container table.prepody tr td > div.lesson {
    padding-bottom: 20px;
    line-height: 1; }
  .schedule-container #planing table tr td:first-child > span {
    position: relative; }
  .schedule-container .render-table td {
    /*height: 60px;*/
    border: 1px solid #000;
    color: #000 !important;
    position: static; }
  .schedule-container .render-table td:nth-child(2),
  .schedule-container .render-table td:nth-child(3),
  .schedule-container .render-table td:nth-child(4),
  .schedule-container .render-table td:nth-child(5),
  .schedule-container .render-table td:nth-child(6),
  .schedule-container .render-table td:nth-child(7),
  .schedule-container .render-table td:nth-child(8) {
    background-color: #ffc300; }
  .schedule-container .vertical-row-table {
    border: 1px solid #000;
    display: flex;
    align-items: center; }
  .schedule-container .vertical-row-table .vertical-text-table {
    transform: rotate(-90deg); }
  .schedule-container th a {
    text-decoration: none; }
  .schedule-container th a .glyphicon {
    padding-left: 7px; }
  @media (max-width: 1800px) {
    .schedule-container #auditory td {
      /*height: 80px;*/ } }
  .schedule-container .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px; }
  .schedule-container .switch input {
    display: none; }
  .schedule-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .schedule-container .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .schedule-container input:checked + .slider {
    background-color: #3b95e1; }
  .schedule-container input:focus + .slider {
    box-shadow: 0 0 1px #3b95e1; }
  .schedule-container input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .schedule-container .slider.round {
    border-radius: 34px; }
  .schedule-container .slider.round:before {
    border-radius: 50%; }
  .schedule-container .fake-label {
    background-image: none !important;
    border: none;
    min-width: 150px;
    display: inline-block;
    padding-right: 10px; }
  .schedule-container .occupancy-error {
    background-color: #efc4b8; }
  .schedule-container .d-flex {
    display: flex; }
  .schedule-container .space-top-50 {
    margin-top: 50px; }
  .schedule-container .table-wrap {
    padding-left: 0;
    margin-left: -1px; }
  .schedule-container #planing .label-week__wrap {
    z-index: 11;
    height: 36px;
    width: 36px;
    position: absolute; }
  .schedule-container #planing .datepicker.block {
    width: 200px; }
  .schedule-container #planing .dropdown-menu {
    padding: 5px;
    min-width: 168px; }
  .schedule-container #planing .for_select__btn {
    margin-top: 39px; }
  .schedule-container #planing .ui-select-container {
    max-width: 225px; }
  .schedule-container #planing .width-initial {
    width: initial; }
  .schedule-container #planing .with-arrow {
    position: relative;
    cursor: pointer; }
  .schedule-container #planing .with-arrow:before {
    content: "";
    position: absolute;
    background-image: url(/image/arrow.svg) !important;
    width: 15px;
    height: 8px;
    right: -18px;
    top: 8px;
    cursor: pointer; }
  .schedule-container #planing .checkbox-week {
    margin-right: 20px; }

.holidays-page input[type="number"] {
  height: 36px;
  width: 50px !important;
  border: 1px solid #3b95e1;
  padding-left: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  -ms-text-overflow: "";
  text-overflow: "";
  background-position: 97% 50%;
  background-repeat: no-repeat;
  border-radius: 7px;
  text-align: center; }

.holidays-page span.dateimg {
  position: absolute;
  padding-right: 10px;
  margin-top: 6px;
  margin-left: -64px;
  border: none !important; }

.holidays-page .block-wrapper {
  width: 200px; }

.holidays-page input.datepicker {
  background: none;
  width: 180px;
  padding-left: 8px;
  background-image: url(/image/arrow.svg) !important;
  background-position: 97% 50%;
  background-repeat: no-repeat; }

.holidays-page select {
  min-width: 180px !important;
  margin-right: 5%; }

.holidays-page table thead tr th {
  border: 1px solid #dee9f7 !important;
  background: #ececec !important; }

.holidays-page table tr td:first-child {
  color: #697e8d;
  text-align: center; }

.holidays-page table tr td {
  padding: 6px 0 !important; }

.holidays-page .glyphicon {
  cursor: pointer; }

.holidays-page .holidays-page-scroll {
  margin-top: 50px;
  height: calc( 100vh - 140px - 105px); }

@media (max-width: 1680px) {
  .holidays-page .holidays-page-scroll {
    height: calc( 100vh - 140px - 145px); } }

@media (max-width: 1255px) {
  .holidays-page .holidays-page-scroll {
    height: calc( 100vh - 140px - 177px); } }

.ngdialog.ngdialog-theme-default.ngdialog-theme-change-comment {
  display: flex;
  align-items: center; }
  .ngdialog.ngdialog-theme-default.ngdialog-theme-change-comment .ngdialog-theme-change-comment__wrap {
    margin-top: 10px; }
  .ngdialog.ngdialog-theme-default.ngdialog-theme-change-comment .ngdialog-content {
    padding-bottom: 1px; }

.cg-busy {
  z-index: 99999;
  height: 100vh;
  margin-top: -125px; }
  .cg-busy-default-sign {
    z-index: 999999; }

.schedule-group-page .groups-table-scroll {
  overflow-y: auto;
  height: calc( 100vh - 140px - 75px); }

@media (max-width: 1680px) {
  .schedule-group-page .groups-table-scroll {
    height: calc( 100vh - 140px - 95px); } }

@media (max-width: 1520px) {
  .schedule-group-page .groups-table-scroll {
    height: calc( 100vh - 140px - 135px); } }

@media (max-width: 1170px) {
  .schedule-group-page .groups-table-scroll {
    height: calc( 100vh - 140px - 155px); } }

.schedule-teacher-page .teacher-table-scroll {
  height: calc( 100vh - 140px - 56px); }

@media (max-width: 1680px) {
  .schedule-teacher-page .teacher-table-scroll {
    height: calc( 100vh - 140px - 90px - 38px); } }

@media (max-width: 1550px) {
  .schedule-teacher-page .teacher-table-scroll {
    height: calc( 100vh - 140px - 90px - 42px); } }

@media (max-width: 1024px) {
  .schedule-teacher-page .teacher-table-scroll {
    height: calc( 100vh - 140px - 90px - 80px); } }

.schedule-teacher-page .teacher2-table-scroll {
  height: calc( 100vh - 140px - 115px);
  width: 100%;
  overflow-y: auto; }

@media (max-width: 1680px) {
  .schedule-teacher-page .teacher2-table-scroll {
    height: calc( 100vh - 140px - 200px); } }

.schedule-auditory-page .auditory-table-scroll {
  height: calc( 100vh - 140px - 56px); }

@media (max-width: 1680px) {
  .schedule-auditory-page .auditory-table-scroll {
    height: calc( 100vh - 140px - 56px - 38px); } }

.schedule-edit-page .edit-table-scroll {
  margin-top: 20px;
  height: calc( 100vh - 140px - 238px); }
  .schedule-edit-page .edit-table-scroll .ngscroll-content-container {
    width: 100%; }
    .schedule-edit-page .edit-table-scroll .ngscroll-content-container .teach_shedule {
      margin-top: 0; }

@media (max-width: 1680px) {
  .schedule-edit-page .edit-table-scroll {
    height: calc( 100vh - 140px - 56px - 238px); } }

@media (max-width: 1600px) {
  .schedule-edit-page .edit-table-scroll {
    height: calc( 100vh - 140px - 56px - 255px); } }

@media (max-width: 1350px) {
  .schedule-edit-page .edit-table-scroll {
    height: calc( 100vh - 140px - 56px - 365px); } }

.schedule-planing-page .planing-table-scroll {
  margin-top: 20px;
  height: calc( 100vh - 140px - 235px); }
  .schedule-planing-page .planing-table-scroll .ngscroll-content-container {
    width: 100%; }
    .schedule-planing-page .planing-table-scroll .ngscroll-content-container .teach_shedule {
      margin-top: 0; }

@media (max-width: 1600px) {
  .schedule-planing-page .planing-table-scroll {
    height: calc( 100vh - 140px - 270px); } }

@media (max-width: 1500px) {
  .schedule-planing-page .planing-table-scroll {
    height: calc( 100vh - 140px - 305px); } }

@media (max-width: 1360px) {
  .schedule-planing-page .planing-table-scroll {
    height: calc( 100vh - 140px - 315px); } }

.schedule-room-occupancy-page .room-occupancy-table-scroll {
  height: calc( 100vh - 140px - 56px); }

@media (max-width: 1680px) {
  .schedule-room-occupancy-page .room-occupancy-table-scroll {
    height: calc( 100vh - 140px - 192px); } }

.schedule-compiled-page .compiled-table-scroll {
  height: calc( 100vh - 140px - 80px); }
  .schedule-compiled-page .compiled-table-scroll table.teach_shedule {
    margin-top: 0; }

@media (max-width: 1680px) {
  .schedule-compiled-page .compiled-table-scroll {
    height: calc( 100vh - 140px - 120px); } }

.replaced-schedule {
  margin-bottom: 10px; }
  .replaced-schedule hr {
    border-color: #b3b3b3;
    margin: 5px 0; }

.schedule-item {
  margin-bottom: 0; }
  .schedule-item__title {
    margin-right: 4px; }
  .schedule-item__value {
    font-weight: bold; }

.span-ellipsis {
  max-width: 120px;
  display: inline-flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer; }

#trash .timeline-filter {
  align-items: end; }

/*layout*/
.staff-container {
  padding-top: 62px;
  /*all style*/
  /*////////////////// new employee ///////////////////*/
  /*
    .info textarea {
        resize: none;
        width: 99%;
        border: 1px solid #3b95e1;
        color: #3b95e1;
        margin-bottom: 20px;
        padding-left: 10px;
    }
    */
  /* Large screens
    @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
  /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
  /* XLarge screens
    @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
  /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
  /* XXLarge screens
    @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */
  /*CHECK for teacher*/
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */ }
  .staff-container .aside {
    z-index: 5; }
  .staff-container .main {
    padding: 87px 25px 25px !important; }
  .staff-container body {
    font-family: 'Open Sans', sans-serif; }
  .staff-container .content > .large-12 {
    background: #fff;
    padding: 25px 50px 100px; }
  .staff-container .content {
    background: #fff;
    margin-top: 20px !important;
    padding: 25px; }
  .staff-container input.search {
    background-color: transparent !important;
    border: 1px solid #3b95e1 !important;
    color: #3b95e1 !important;
    height: 36px;
    width: 300px;
    padding: 8px 10px; }
  .staff-container .search,
  .staff-container .dir-study,
  .staff-container .specs-study,
  .staff-container .form-study {
    display: inline-block;
    margin-right: 20px; }
  .staff-container .specs-study {
    max-width: 300px;
    min-width: 300px; }
  .staff-container .form-study {
    width: 300px; }
  .staff-container .export {
    float: right; }
  .staff-container table {
    width: 100%;
    border: none;
    margin-top: 15px; }
  .staff-container table thead,
  .staff-container table tr:nth-of-type(even) {
    background: none; }
  .staff-container table thead tr th,
  .staff-container table tr td {
    font-size: 13px;
    color: #697e8d;
    border-bottom: 1px solid #e9edf3;
    padding: 10px 5px; }
  .staff-container table thead tr th {
    text-transform: uppercase;
    font-weight: 600; }
  .staff-container .svg-img {
    height: 18px;
    margin-right: 15px; }
  .staff-container .users-foto {
    width: 170px;
    height: 170px;
    overflow: hidden;
    border: 5px solid #f4f7fa;
    box-shadow: 0 1px 1px 1px #cfd3d8; }
  .staff-container .button_default.fotoload {
    margin-top: 20px;
    width: 170px; }
  .staff-container .foto {
    width: 100%; }
  .staff-container .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
  .staff-container .info select,
  .staff-container .info input[type="tel"],
  .staff-container .info input[type="email"],
  .staff-container .info input[type="text"] {
    display: inline-block;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    height: 36px;
    width: 300px;
    padding-left: 10px; }
  .staff-container input.phone,
  .staff-container input.mail {
    margin-bottom: 10px; }
  .staff-container input.phone:last-of-type,
  .staff-container input.mail:last-of-type {
    margin-bottom: 0 !important; }
  .staff-container select.indate {
    min-width: 10px;
    width: 64px;
    height: 30px;
    padding-left: 5px; }
  .staff-container .born-date {
    color: #697f8e;
    display: inline-block;
    margin-right: 2px; }
  .staff-container .info textarea {
    resize: none;
    width: 300px;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    margin-bottom: 20px;
    padding-left: 10px; }
  .staff-container .relative {
    width: 400px;
    position: absolute;
    right: 0;
    top: 0; }
  .staff-container .relative input {
    display: block; }
  .staff-container legend {
    color: #697f8e;
    border-color: #d6e8f3;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 2.5; }
  .staff-container .for-teacher .parts ul {
    list-style: none;
    margin: 0;
    padding: 15px; }
  .staff-container .for-teacher .parts ul li {
    color: #697f8e; }
  .staff-container .for-teacher .parts ul li input[type="checkbox"] {
    margin-right: 10px; }
  .staff-container .add-new {
    margin: 0; }
  .staff-container .add-new tr td {
    border: none; }
  .staff-container .add-new tr td:first-child {
    padding-top: 0; }
  .staff-container .for-teacher select {
    margin-bottom: 10px; }
  .staff-container span.asterisk {
    color: #697e8d;
    vertical-align: super;
    margin-right: 3px; }
  @media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .staff-container .content {
      padding: 20px 10px 100px; }
    .staff-container select {
      font-size: 13px; }
    .staff-container table thead tr th,
    .staff-container table tr td {
      font-size: 12px; } }
  .staff-container #new-employee .button_default {
    width: 170px;
    margin-top: 20px; }
  .staff-container #new-employee .parts {
    max-height: 455px; }
  .staff-container #new-employee .parts label {
    font-size: 15px; }
  .staff-container #new-employee .parts ul {
    padding-bottom: 0; }
  .staff-container input[type=checkbox].css-checkbox-subject {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .staff-container input[type=checkbox].css-checkbox-subject + label.css-label-subject, .staff-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.clr {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    cursor: pointer;
    position: relative; }
  .staff-container input[type=checkbox].css-checkbox-subject + label.css-label-subject:before, .staff-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.clr:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer; }
  .staff-container input[type=checkbox].css-checkbox-subject:checked + label.css-label-subject:before, .staff-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.chk:before {
    background-position: 0 -18px; }
  .staff-container label.css-label-subject:before {
    content: '';
    height: 18px;
    width: 25px;
    background-image: url(/image/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .staff-container .stream_part {
    font-weight: 700; }
  .staff-container .for-teacher .parts ul.subj_list {
    padding: 5px 15px 0 0; }
  .staff-container .teach_table .photo_teach {
    position: relative; }
  .staff-container .teach_table .photo_teach img {
    position: absolute;
    display: none;
    max-width: 125px;
    width: 125px;
    z-index: 99;
    left: 5px;
    bottom: 5px; }
  .staff-container .name_teach:hover + .photo_teach img {
    display: block; }
  .staff-container input[type="text"].ng-invalid-pattern {
    border-color: #c00640; }
  .staff-container .popover {
    min-width: 500px !important; }
    .staff-container .popover-content .form-group {
      text-align: center;
      padding: 5px 25px 0 0;
      position: relative; }
      .staff-container .popover-content .form-group__close-img {
        position: absolute;
        height: 18px;
        right: -4px;
        top: 0;
        cursor: pointer; }
      .staff-container .popover-content .form-group .comment-field {
        width: 100%;
        margin-bottom: 0; }
  .staff-container .basket-happiness-table {
    font-weight: bold; }
  .staff-container .container-fluid__filter-wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between; }
  .staff-container .container-fluid__stud-count {
    margin-left: 83px;
    font-weight: 800;
    font-style: italic;
    font-size: 18px; }
  .staff-container .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px; }
  .staff-container .switch input {
    display: none; }
  .staff-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .staff-container .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .staff-container input:checked + .slider {
    background-color: #3b95e1; }
  .staff-container input:focus + .slider {
    box-shadow: 0 0 1px #3b95e1; }
  .staff-container input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .staff-container .slider.round {
    border-radius: 34px; }
  .staff-container .slider.round:before {
    border-radius: 50%; }
  .staff-container .fake-label {
    background-image: none !important;
    border: none;
    min-width: 150px;
    display: inline-block;
    padding-right: 10px; }
    .staff-container .fake-label.active-red {
      color: red;
      font-weight: bold; }
  .staff-container .archive_button__label {
    display: flex;
    align-items: center;
    height: 34px;
    width: 70px;
    cursor: pointer; }

/*layout*/
.students-container {
  padding-top: 62px;
  /*all style*/
  /********************************************************Modernize*/
  /*checkbox debtor*/
  /*
    .groups thead tr th:nth-child(2), .groups thead tr th:nth-child(3), .groups thead tr th:first-child, .groups tbody tr td:first-child, .groups tbody tr td:nth-child(2), .groups tbody tr td:nth-child(3) {
        border-right: none;
    }
    .groups tr th:first-child {
        width: 230px;
    }
    .groups tr th:first-child, .groups tr th:nth-child(2), .groups tr th:nth-child(3), .groups tr th:nth-child(4) {
        text-align: left;
    }
    .groups tr th:first-child {
        border-radius: 5px 0 0;
    }
    */
  /*     Exams     */
  /*.fade.tooltip.in:after {*/
  /*content: '';*/
  /*height: 0;*/
  /*width: 0;*/
  /*z-index: 99999;*/
  /*display: block;*/
  /*border-top: 5px solid transparent;*/
  /*border-right: none;*/
  /*border-bottom: 5px solid transparent;*/
  /*border-left: 7px solid #515E67;*/
  /*position: absolute;*/
  /*top: 10px;*/
  /*left: 100%;*/
  /*}*/
  /*div.ng-isolate-scope.left-top.tooltip-info.fade.tooltip.in {*/
  /*left: 0 !important;*/
  /*}*/
  /* arrows in table */
  /*end*/
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */ }
  .students-container .interview-info {
    line-height: 1.5;
    margin-top: 20px; }
    .students-container .interview-info .survey-reject-comment {
      display: inline-block;
      word-break: break-all;
      float: left;
      border: 1px solid #ebebf4; }
      .students-container .interview-info .survey-reject-comment .author {
        color: #b7b7b7; }
    .students-container .interview-info .interview-title {
      color: #346181;
      font-weight: 600;
      font-size: 16px;
      padding-right: 15px;
      display: inline-block;
      float: left; }
    .students-container .interview-info .title-delete-survey {
      font-size: 14px;
      padding: 3px 10px 3px 10px;
      background-color: #d75b5f;
      border-radius: 3px;
      color: #fff; }
    .students-container .interview-info .button-delete-survey {
      background-color: transparent;
      background-image: url("");
      border: 1px solid #d75b5f;
      color: #d75b5f;
      border-radius: 4px;
      padding: 3px 10px 3px;
      line-height: 1.75; }
    .students-container .interview-info button[disabled].button-delete-survey {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
  .students-container .tab-pane-edit-stud .datepicker-block {
    position: relative; }
  .students-container .tab-pane-edit-stud .datepicker-block .dropdown-menu {
    left: 380px !important;
    position: absolute;
    margin-top: -350px; }
  .students-container .breadcrumb-edit {
    background-color: #ffffff; }
  .students-container .stud-edit-form .validation li {
    right: initial;
    top: initial; }
  .students-container .teacher-name {
    color: #346181;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px; }
  .students-container .breadcrumb > li + li:before {
    color: #ffffff;
    content: "|";
    padding: 0 5px; }
  .students-container .breadcrumb > li > a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #697e8d;
    border-bottom: 1px dashed #697E8D; }
  .students-container .breadcrumb > li > a:hover, .students-container a:visited, .students-container a:link, .students-container a:active {
    text-decoration: none; }
  .students-container .absentee {
    padding: 0; }
  .students-container .student {
    margin: 0 10px 0 0 !important;
    margin-bottom: 30px !important;
    font-size: 15px;
    border: 1px solid #ebebf4; }
  .students-container .attendance .foto, .students-container .exams .foto {
    overflow: hidden;
    height: 100px;
    width: 85px !important;
    margin-right: 20px;
    margin-top: -10px;
    float: left;
    border: 5px solid #f4f7fa;
    box-shadow: 0 1px 1px 1px #cfd3d8;
    border-radius: 5px; }
  .students-container .attendance .foto .inner img, .students-container .exams .foto .inner img {
    height: 100%;
    width: 100% !important; }
  .students-container .attendance img, .students-container .exams img {
    vertical-align: middle; }
  .students-container .attendance img, .students-container .exams img {
    border: 0; }
  .students-container .attendance .inner, .students-container .exams .inner {
    height: 100px;
    width: 100px;
    margin-left: -12px; }
  .students-container .attendance .student > div:first-child, .students-container .exams .student > div:first-child {
    padding: 25px 25px 7px; }
  .students-container .attendance .student > div, .students-container .exams .student > div {
    padding: 30px 25px 25px;
    min-height: 135px; }
  @media all and (max-width: 1280px) {
    .students-container .row {
      width: 100vw; } }
  .students-container .disabled_group {
    color: #B1CCCE;
    border: 1px dashed #B1CCCE; }
  .students-container .svg_image {
    height: 18px; }
  .students-container #students tr th .svg_image {
    margin-bottom: 5px; }
  .students-container .current_group_select {
    padding-top: 15px; }
  .students-container .debtor-student {
    color: #3396db; }
  .students-container table.students tbody tr td.debtor-student {
    color: #3396db; }
  @media screen and (max-width: 1440px) {
    .students-container table.students tbody tr td.st-email {
      max-width: 320px;
      word-wrap: break-word; } }
  @media screen and (max-width: 1280px) {
    .students-container table.students tbody tr td.st-email {
      max-width: 180px; } }
  .students-container .mystat-table > thead {
    font-size: 13px; }
  .students-container .mystat-table > thead > tr > th {
    text-align: center; }
  .students-container .critical-debtor-student {
    color: red; }
  .students-container table.students tbody tr td.critical-debtor-student {
    color: red; }
  .students-container .danger-debtor-student {
    color: #ffae57; }
  .students-container table.students tbody tr td.danger-debtor-student {
    color: #ffae57; }
  .students-container .aside {
    z-index: 5; }
  .students-container .main {
    padding: 87px 25px 25px !important; }
  .students-container .content {
    background: #fff;
    padding: 25px 10px 100px; }
  .students-container label {
    color: #697e8d;
    margin-right: 10px; }
  .students-container input.search_student {
    border: 1px solid #0a8df3;
    width: 300px;
    height: 34px;
    padding: 0 8px; }
  .students-container .alphabet {
    margin-top: 5px; }
  .students-container input.ok {
    height: 34px;
    margin-left: 15px; }
  .students-container select {
    height: 34px; }
  .students-container table {
    width: 100%;
    margin-top: 10px; }
  .students-container table.students thead tr th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600; }
  .students-container table.students tbody tr td {
    border: 1px solid #dee9f7; }
  .students-container table.students thead tr th,
  .students-container table.students tbody tr td {
    color: #697e8d;
    padding: 10px; }
  .students-container tr.debtor td {
    color: #0a8df3 !important; }
  .students-container table.students tbody tr td select {
    height: 32px;
    width: 100%; }
  .students-container ol {
    padding-left: 20px; }
  .students-container a.file-input-wrapper.btn.btn-default.file-inputs {
    height: 37px;
    float: left;
    margin-right: 20px;
    padding-top: 7px; }
  .students-container table.maintable {
    color: #697f8e;
    margin-top: 25px; }
    .students-container table.maintable .theadResponsoveView {
      display: none; }
    @media screen and (max-width: 1640px) {
      .students-container table.maintable.customResponsiveView tbody {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px; }
      .students-container table.maintable.customResponsiveView thead tr {
        display: none; }
      .students-container table.maintable.customResponsiveView .theadResponsoveView {
        display: block;
        width: 50%; }
        .students-container table.maintable.customResponsiveView .theadResponsoveView th {
          width: 100%;
          display: block;
          border: 1px solid #e1e9ee;
          padding: 10px;
          text-align: left;
          min-height: 42px; }
          .students-container table.maintable.customResponsiveView .theadResponsoveView th.comment-field-height {
            min-height: 194px; }
      .students-container table.maintable.customResponsiveView .loopDataTable {
        display: block;
        width: 50%; }
        .students-container table.maintable.customResponsiveView .loopDataTable td {
          width: 100%;
          display: block;
          min-height: 42px; } }
  .students-container table.maintable img {
    height: 18px; }
  .students-container table.maintable caption {
    text-align: center;
    font-size: 16px;
    font-weight: bold; }
  .students-container table.maintable tr td {
    border: 1px solid #e1e9ee;
    padding: 10px; }
  .students-container table.maintable tr td:first-child {
    text-align: center; }
  .students-container table.maintable tr td .count-symbol {
    vertical-align: top;
    font-size: 14px; }
  .students-container table.maintable tr td .button-block {
    width: 100%; }
  .students-container table.maintable tr td .button_default {
    margin: 6px 120px 0 0; }
  .students-container .button_default.edit-form-button {
    width: 54%;
    padding: 6px 15px;
    height: auto;
    min-height: 30px; }
    @media screen and (max-width: 1440px) {
      .students-container .button_default.edit-form-button {
        width: 170px; } }
  .students-container .users-foto {
    width: 170px;
    height: 170px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 5px solid #f4f7fa;
    box-shadow: 0 1px 1px 1px #cfd3d8; }
  .students-container .button.fotoload {
    margin-top: 20px;
    left: 50%;
    width: 170px;
    margin-left: -85px; }
  .students-container .foto {
    width: 100%; }
  .students-container .send-sms {
    margin-top: 15px;
    display: flex; }
    .students-container .send-sms button {
      width: 56%;
      margin-right: 10px; }
    .students-container .send-sms select {
      width: 43% !important; }
  .students-container .send-email {
    margin-top: 15px;
    display: flex; }
    .students-container .send-email button {
      width: 56%;
      margin-right: 10px; }
    .students-container .send-email select {
      width: 43% !important; }
  .students-container .info input[type="email"],
  .students-container .info input[type="date"],
  .students-container .info input[type="number"],
  .students-container .info input[type="tel"],
  .students-container .info input[type="text"] {
    width: 360px;
    height: 34px;
    display: inline-block;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    margin-bottom: 5px;
    margin-right: 4px; }
  .students-container .info input.ng-touched.ng-invalid:not(.ng-valid) {
    border-color: #c00640; }
  .students-container .info input[type="text"][readonly], .students-container [disabled] {
    background: #ebebe4; }
  .students-container .info select[disabled] {
    background-position: 97% 50%;
    background-repeat: no-repeat; }
  .students-container span.asterisk {
    color: #697e8d;
    vertical-align: super;
    margin-right: 3px; }
  .students-container .info img:not(.foto) {
    height: 20px; }
  .students-container .new_input {
    margin-right: 15px !important; }
  .students-container .info select.indate {
    width: 71px;
    min-width: 55px;
    margin-right: 1px; }
  .students-container .info select {
    width: 360px;
    height: 34px;
    margin-bottom: 0; }
  .students-container .debtor-checkbox-action {
    position: relative; }
  .students-container .info textarea {
    resize: none;
    height: 100px;
    width: 100% !important;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    margin-bottom: 5px; }
  .students-container .save_student {
    display: block;
    margin-top: 15px; }
    .students-container .save_student.send_confirmation {
      display: inline-block;
      margin-left: 15px; }
  .students-container .relative {
    width: 400px;
    position: absolute;
    right: 0;
    top: 0; }
  .students-container .relative input {
    display: block; }
  .students-container .relative img {
    height: 20px; }
  .students-container table.change-list {
    margin: 0; }
  .students-container .change-list thead tr th {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #697e8d;
    padding: 10px; }
  .students-container .change-list tbody tr td {
    padding: 8px 10px;
    border: 1px solid #dee9f7;
    color: #697e8d; }
  .students-container .change-list tbody tr td:first-child,
  .students-container .change-list tbody tr td:last-child {
    text-align: center; }
  .students-container .img-svg {
    height: 20px;
    cursor: pointer; }
  .students-container table.change-info {
    margin-bottom: 20px;
    margin-top: 0; }
  .students-container .change-info .users-foto {
    margin: 0 auto; }
  .students-container .change-info .foto {
    width: auto;
    height: 100%;
    margin: 0 auto; }
  .students-container .change-info .change {
    background: #E0F0FF; }
  .students-container .change-info tr th,
  .students-container .change-info tr td {
    text-align: center;
    padding: 10px;
    border: 1px solid #dee9f7;
    color: #555555; }
  .students-container .change-info tr th {
    text-align: left; }
  .students-container table.change-list tr.info {
    background: #E0F0FF; }
  .students-container table.change-list tr.info td {
    border: none; }
  .students-container #debtor input {
    margin-left: 5px;
    position: relative;
    top: 2px; }
  .students-container .find-debtor > input {
    margin-left: 0 !important;
    top: 0 !important; }
  .students-container #import .button_default {
    margin-right: 20px; }
  .students-container #modernize > .row .ng-scope,
  .students-container #modernize > .row .ng-scope .col-md-6,
  .students-container #modernize,
  .students-container #modernize .row.content {
    height: 100%; }
  .students-container #modernize > .row .col-md-6 {
    height: 100%;
    display: block;
    overflow: auto; }
  .students-container #mystat select {
    margin-right: 20px; }
  .students-container .ngscroll-content-container {
    width: 100%; }
  .students-container .change_info {
    padding-right: 15px; }
  .students-container #students label {
    margin-left: 20px; }
  .students-container #students label:first-child {
    margin-left: 0; }
  .students-container .relative_part {
    color: #697e8d;
    text-transform: uppercase; }
  .students-container .relative > div {
    margin-top: 25px; }
  .students-container .relative > div:first-child {
    margin-top: 0; }
  .students-container .changes-deny-comment {
    resize: none; }
  .students-container #debtor input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .students-container #debtor input[type=checkbox].css-checkbox + label.css-label,
  .students-container #debtor input[type=checkbox].css-checkbox + label.css-label.clr {
    padding-left: 25px;
    height: 18px;
    display: inline-block;
    line-height: 14px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer; }
  .students-container #debtor input[type=checkbox].css-checkbox:checked + label.css-label,
  .students-container #debtor input[type=checkbox].css-checkbox + label.css-label.chk {
    background-image: url(/image/csscheckbox_down.png); }
  .students-container #debtor label.css-label {
    background-image: url(/image/csscheckbox_up.png);
    background-repeat: no-repeat;
    background-position: 100%;
    margin: 0; }
  .students-container td.students-tabl {
    cursor: pointer; }
  .students-container td.students-tabl:hover {
    text-decoration: underline; }
  .students-container .students-tabl .photo_stud {
    position: relative; }
  .students-container .students-tabl .photo_stud img {
    position: absolute;
    display: none;
    max-width: 125px;
    width: 125px;
    z-index: 99; }
  .students-container .name_stud:hover + .photo_stud img {
    display: block; }
  .students-container #students select {
    margin-left: 20px; }
  .students-container .checkbox-container {
    display: inline-flex;
    flex-direction: column;
    padding: 0 20px;
    float: right; }
    @media screen and (max-width: 1600px) {
      .students-container .checkbox-container {
        float: right; } }
    .students-container .checkbox-container .checkbox-item {
      display: flex; }
  .students-container #import .title {
    color: #697e8d;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px; }
  .students-container #import select {
    width: 272px; }
  .students-container #mystat table thead tr th {
    padding: 0 7px; }
  .students-container .yellow {
    background: #ffae57;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .students-container .red {
    background: #e95c4f;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .students-container .legend-fiolet {
    background-color: #b4a9ff;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .students-container .legend-blue {
    background-color: #3b95e1;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .students-container .legend-yellow-light {
    background-color: #d9edf7;
    border: 1px solid #697e8d !important;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .students-container .legend-green {
    background-color: #71cc92;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .students-container .links a {
    cursor: pointer;
    color: #6f869d;
    font-size: 16px;
    margin-right: 10px;
    margin-left: 10px; }
  .students-container .groups tr th {
    border-bottom: 2px solid #94c9ef;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 10px 5px; }
  .students-container .groups tr td:first-child {
    border-left: 1px solid #d5dde0;
    padding: 5px; }
  .students-container .groups tr td {
    color: #697e8d; }
  .students-container .attendance .groups td {
    border-right: 1px solid #d5dde0;
    border-bottom: 1px solid #d5dde0; }
  .students-container .fourthmark {
    height: 20px;
    width: 20px;
    background-color: #d9edf7;
    border: 1px solid #697e8d !important;
    color: #000000;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding-top: 2px; }
  .students-container .thirdmark {
    height: 20px;
    width: 20px;
    background-color: #71cc92;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding-top: 2px; }
  .students-container .secondmark {
    height: 20px;
    width: 20px;
    background-color: #3b95e1;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding-top: 2px; }
  .students-container .firstmark {
    height: 20px;
    width: 20px;
    background-color: #b4a9ff;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding-top: 2px; }
  .students-container .tarde {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #ffae57 !important;
    background: #ffe8a0; }
  .students-container .groups tr td > div {
    padding: 3px;
    text-align: center;
    white-space: nowrap; }
  .students-container .novisit {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #d75b5f !important;
    background: #fcc2be;
    text-align: center;
    padding: 3px; }
  .students-container .info-link {
    margin: 20px 30px 0 0;
    text-decoration: underline;
    display: inline-block; }
  .students-container .exams-table {
    width: 100%; }
  .students-container .exams-table tr th {
    padding: 10px 8px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #697e8d; }
  .students-container .exams-table tr td {
    padding: 0 8px; }
  .students-container .exams-table tr th,
  .students-container .exams-table tr td {
    border: 1px solid #dee9f7; }
  .students-container .for-label h5 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #697e8d; }
  .students-container .for-label h5 span {
    text-transform: none;
    color: #000;
    font-weight: 400; }
  .students-container .attendance .next {
    text-align: right; }
  .students-container .attendance .points .progressed,
  .students-container .attendance .points .visited {
    display: inline-block;
    margin-right: 20px; }
  .students-container .tooltip.tooltip-info .tooltip-inner {
    color: #000000;
    background-color: white;
    border: 1px solid #515E67; }
  .students-container .tooltip.tooltip-info {
    text-overflow: clip;
    white-space: normal; }
  .students-container .validation-success {
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0; }
  .students-container .validation .send-confirmation-info {
    right: 215px;
    background: #ea764a; }
  .students-container .send-confirmation-info a:hover, .students-container .send-confirmation-info a:visited, .students-container .send-confirmation-info a:link, .students-container .send-confirmation-info a:active {
    color: white;
    text-decoration: underline; }
  .students-container .btn-template {
    background-color: transparent;
    background-image: url("");
    border: 1px solid #3b95e1;
    color: #3b95e1;
    border-radius: 4px;
    /* padding: 3px 10px 3px; */
    line-height: 1.75;
    /* margin-right: 5px; */
    height: 36px;
    width: 191px;
    margin-top: 10px; }
  .students-container .textarea-tmpl {
    resize: none;
    width: 400px;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    /*height: 80px;*/
    margin-left: 0 !important;
    margin-right: 5px;
    top: 0px !important;
    border-radius: 3px; }
  .students-container button[disabled],
  .students-container html input[disabled] {
    color: gray;
    border-color: gray; }
  .students-container .description {
    font-size: 14px;
    padding: 30px 0 0;
    color: gray; }
  .students-container .input-colour-label {
    padding: 0 0 0 0;
    width: 34px;
    height: 34px;
    border: 1px solid #3b95e1; }
  .students-container .input-tmpl {
    width: 549px;
    height: 34px;
    display: inline-block;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    margin-bottom: 5px;
    margin-right: 4px;
    vertical-align: top;
    top: 0px !important;
    margin-left: 0px !important; }
  .students-container .lang-select {
    margin-bottom: 15px; }
  .students-container input[type=checkbox].css-checkbox-subject {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .students-container input[type=checkbox].css-checkbox-subject + label.css-label-subject, .students-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.clr {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    cursor: pointer;
    position: relative; }
  .students-container input[type=checkbox].css-checkbox-subject + label.css-label-subject:before, .students-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.clr:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer; }
  .students-container input[type=checkbox].css-checkbox-subject:checked + label.css-label-subject:before, .students-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.chk:before {
    background-position: 0 -18px; }
  .students-container label.css-label-subject:before {
    content: '';
    height: 18px;
    width: 25px;
    background-image: url(/image/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .students-container .tmpl-message-type {
    margin-bottom: 10px;
    font-size: 16px;
    color: #697E8D;
    font-weight: 600;
    text-transform: uppercase; }
  .students-container .tmpl-info {
    margin-bottom: 10px;
    font-size: 16px;
    color: #697E8D;
    display: inline-block; }
  .students-container table.moves {
    color: #697f8e;
    margin-top: 20px;
    width: 100%; }
  .students-container table.moves tr td {
    border: 1px solid #e1e9ee;
    padding: 8px 10px; }
  .students-container table.moves tr td:nth-child(4) {
    padding: 8px 25px; }
  .students-container table.moves-list tr td:nth-child(2) {
    cursor: pointer; }
  .students-container .arrow {
    position: relative;
    margin: 0;
    width: 20px;
    height: 1px;
    background: #ccdbe9; }
  .students-container .arrow:before,
  .students-container .arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-right: 0; }
  .students-container .arrow:after {
    top: -4px;
    right: -6px;
    border-left-color: #ccdbe9;
    border-width: 4px 0 5px 6px; }
  .students-container .input-disabled {
    border-style: dashed !important;
    width: 360px !important;
    height: 34px !important;
    display: inline-block;
    color: #3b95e1 !important;
    padding: 7px !important;
    margin-bottom: 5px !important;
    margin-right: 4px !important;
    background: #fff !important; }
  .students-container .word-item {
    font-size: x-small; }
  .students-container .svg-img {
    height: 18px;
    margin-right: 10px;
    cursor: pointer; }
  .students-container .stud-marks .svg-img {
    margin-top: 6px; }
  .students-container .student-specs td, .students-container th {
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
    text-align: center; }
  .students-container .student-specs tr td:nth-child(1) {
    text-align: left;
    width: 120px; }
  .students-container .student-specs tr td:nth-child(2) {
    text-align: left;
    width: 260px; }
  .students-container .was {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #c8c8c8 !important;
    background: #ffffff; }
  .students-container .mark_red {
    background-color: #F3E6E6; }
  .students-container .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px; }
  .students-container .switch input {
    display: none; }
  .students-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .students-container .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .students-container input:checked + .slider {
    background-color: #3b95e1; }
  .students-container input:focus + .slider {
    box-shadow: 0 0 1px #3b95e1; }
  .students-container input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .students-container .slider.round {
    border-radius: 34px; }
  .students-container .slider.round:before {
    border-radius: 50%; }
  .students-container .fake-label {
    background-image: none !important;
    border: none;
    min-width: 150px;
    display: inline-block;
    padding-right: 10px; }
  .students-container .info h4 {
    text-align: center;
    color: #697f8e; }
  .students-container input[type="text"].ng-invalid-pattern {
    border-color: #c00640; }
  .students-container .status_1C {
    display: block; }
  .students-container .send-buttons {
    min-width: 110px; }
  .students-container .list__of__ready__answers {
    margin-top: 20px;
    padding: 0; }
    .students-container .list__of__ready__answers li {
      list-style: none;
      display: flex;
      padding: 10px 0 0 0; }
      .students-container .list__of__ready__answers li label span {
        padding: 0 0 0 10px; }
  .students-container .stud-homework__mark {
    cursor: pointer; }

.overflow_auto {
  overflow: auto; }

.comment-field {
  margin-top: 15px;
  margin-bottom: 0;
  resize: none; }

.screen-shot {
  margin: 20px auto;
  width: 95%;
  height: auto;
  border: 5px solid #f4f7fa;
  box-shadow: 0 1px 1px 1px #cfd3d8; }
  .screen-shot img {
    width: 100%; }
  .screen-shot .screen-shot_img {
    width: 100%;
    height: 50vh;
    object-fit: contain; }
    @media screen and (max-width: 768px) {
      .screen-shot .screen-shot_img {
        height: 44vh; } }

/*modal window with potential losses of stud*/
.ngdialog.ngdialog-theme-default.ngdialog-fullsize .ngdialog-content {
  width: 95%; }

/*new design traffic-table   start*/
table.moves.traffic-table {
  color: #697f8e;
  margin-top: 20px;
  width: 100%;
  border: 1px solid #e7ebf0;
  text-align: center; }

.td-kpi-teache-body {
  height: 70px; }

.block-persent-kpi {
  color: #616060;
  font-weight: 600;
  margin-top: 20px;
  top: 80%; }

.sum_percent td {
  color: #ff9800; }

table.moves.traffic-table th {
  background-color: #f4f7f9;
  border: 1px solid #e7ebf0;
  text-transform: initial;
  font-size: 14px;
  color: #445e7a;
  padding: 10px 5px;
  cursor: default;
  height: 40px;
  position: relative;
  z-index: 4500; }

table.moves.traffic-table .col_mystat {
  min-width: 95px;
  max-width: 95px;
  width: 5%; }

table.moves.traffic-table .col_debet {
  max-width: 125px;
  width: 7.5%; }

table.moves.traffic-table .col_homework,
table.moves.traffic-table .col_mark {
  min-width: 140px;
  max-width: 140px;
  width: 5%; }
  @media screen and (max-width: 1360px) {
    table.moves.traffic-table .col_homework,
    table.moves.traffic-table .col_mark {
      min-width: 130px; } }

table.moves.traffic-table .col_potential_perscent {
  min-width: 75px;
  max-width: 75px;
  width: 4%; }

table.moves.traffic-table .col_potential_date_added {
  min-width: 100px;
  max-width: 100px;
  width: 4%; }

table.moves.traffic-table .subhead th {
  font-size: 13px;
  text-transform: lowercase;
  padding: 10px 4px; }

table.moves.traffic-table .subhead th.sub_col_period {
  min-width: 75px;
  max-width: 75px;
  width: 5%; }
  @media screen and (max-width: 1360px) {
    table.moves.traffic-table .subhead th.sub_col_period {
      min-width: 65px; } }

table.moves.traffic-table a.thead_link {
  color: #445e7a;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.vertical-text {
  height: 120px;
  min-width: 30px;
  max-height: 120px;
  writing-mode: tb-rl; }

table.moves.traffic-table th .potential_percent {
  font-size: 18px; }

table.moves.traffic-table tr td:nth-child(4) {
  padding: 8px 10px; }

table.moves.traffic-table .comment_teach {
  max-width: 200px;
  word-wrap: break-word;
  width: 20%; }

table.moves.traffic-table .comment_teacher {
  margin: 0; }

table.moves.traffic-table .comment_date {
  margin-bottom: 35px; }

table.moves.traffic-table .del_lesson_top {
  top: 5px;
  right: 5px; }

.thead_tooltip .popover.top {
  margin-top: -25px;
  color: #fff;
  background-color: #445e7a;
  text-align: center;
  padding: 5px 0; }

.thead_tooltip .popover.top > .arrow {
  border-top-color: #445e7a;
  display: block; }

.thead_tooltip .popover.top > .arrow:after {
  display: none; }

@media screen and (max-width: 1460px) {
  table.moves.traffic-table .comment_teach {
    max-width: 150px;
    min-width: 150px;
    width: 15%; } }

table.moves tr .main-indicator {
  font-size: 28px;
  width: 7%; }
  @media screen and (max-width: 1440px) {
    table.moves tr .main-indicator {
      font-size: 18px; } }
  table.moves tr .main-indicator .old-data-traffic {
    font-size: 26px; }
    @media screen and (max-width: 1440px) {
      table.moves tr .main-indicator .old-data-traffic {
        font-size: 16px; } }
    @media screen and (max-width: 1360px) {
      table.moves tr .main-indicator .old-data-traffic {
        font-size: 15px; } }
  table.moves tr .main-indicator .improvement_down {
    vertical-align: middle; }

.improvement_down {
  display: inline-block;
  width: 5px;
  height: 10px;
  border: 6px solid transparent;
  border-top: 8px solid red;
  vertical-align: bottom;
  margin-left: 5px; }

.improvement_up {
  display: inline-block;
  width: 5px;
  height: 10px;
  border: 6px solid transparent;
  border-bottom: 8px solid green;
  margin-left: 5px; }

.old-data-traffic {
  margin-left: -16px;
  font-size: 13px;
  color: #9e9e9e; }

@charset "UTF-8";
/*layout*/
.operation-container {
  padding-top: 62px;
  /*all style*/
  /*      *        classroom         *       */
  /*                                                 Сертификаты */
  /*                                                 время занятий*/
  /*                                                   списки груп*/
  /*                                                       Учебные планы */
  /*          *                                                 gaming*/
  /*       *                                               groups */
  /* Large screens
    @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
  /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
  /* XLarge screens
    @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
  /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
  /* XXLarge screens
    @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */ }
  .operation-container .status {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 5px auto;
    line-height: 1.75;
    opacity: 0.5; }
  .operation-container .status-red {
    background-color: #F15B5B;
    color: #F15B5B; }
  .operation-container .status-yellow {
    background-color: #FFC457;
    color: #FFC457; }
  .operation-container .status-green {
    background-color: #76CEBA;
    color: #76CEBA; }
  .operation-container .status-hide {
    display: none !important; }
  .operation-container .input_red_error {
    border: 1px solid red !important; }
  .operation-container .directive-input {
    height: 36px;
    min-width: 200px;
    border: 1px solid #3b95e1;
    padding-left: 5px;
    margin-bottom: 5px !important;
    width: 100%;
    color: #697e8d; }
  .operation-container .groups-education-plan {
    padding-top: 5px; }
  .operation-container .groups-education-plan-list {
    padding-top: 18px; }
  .operation-container .setting_group table tbody tr.active-edit {
    background: #fff;
    border: 2px solid #75b6ed; }
  .operation-container .select-disabled {
    color: #E6E6E6;
    border-color: #A9D0F5;
    border-style: dashed; }
  .operation-container .img-button {
    border-color: transparent;
    background-color: transparent; }
  .operation-container .setting_group table tbody tr.active-edit td {
    color: #697e8d;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .operation-container .setting_group table tbody tr.active-edit td .amount {
    border: 1px solid #697e8d; }
  .operation-container .aside {
    z-index: 5; }
  .operation-container .main {
    padding: 87px 25px 25px !important; }
  .operation-container .content {
    background: #fff;
    padding: 25px 10px 100px; }
  .operation-container label {
    color: #697e8d; }
  .operation-container table {
    width: 100%;
    border: none; }
  .operation-container button[data-toggle="modal"] {
    background: none;
    border: none;
    outline: none; }
  .operation-container .wrap-svg_image {
    display: inline-block;
    float: right; }
  .operation-container .svg_image {
    height: 18px;
    margin-left: 20px; }
  .operation-container table thead {
    background: none; }
  .operation-container table thead tr {
    border: none; }
  .operation-container table thead tr th {
    color: #697e8d;
    text-transform: uppercase;
    font-weight: 600; }
  .operation-container table tr:nth-of-type(even) {
    background: none; }
  .operation-container table tr {
    border: 1px solid #ebebf4; }
  .operation-container table tr td {
    color: #697e8d;
    padding: 10px 5px; }
  .operation-container #teachers > .row > .col-md-12 {
    margin-bottom: 20px; }
  .operation-container .search {
    height: 36px;
    min-width: 300px;
    border: 1px solid #3b95e1;
    padding: 8px; }
  .operation-container .ta_center {
    text-align: center; }
  .operation-container tr.new-subject td {
    padding: 5px; }
  .operation-container .all-subject input[type='text'],
  .operation-container .all-subject select {
    width: 100%;
    height: 34px;
    border: 1px solid #3b95e1;
    padding-left: 10px; }
  .operation-container .lesson-input,
  .operation-container .lesson-select {
    width: 90%;
    margin-left: 5%; }
  .operation-container .css-label.clr,
  .operation-container .css-label.chk,
  .operation-container button.button {
    margin-left: 5%; }
  .operation-container .css-label.clr,
  .operation-container .css-label.chk {
    margin-bottom: 16px;
    font-size: 14px !important; }
  .operation-container .lesson-input input[type='text'] {
    border: 1px solid #3b95e1;
    color: #3b95e1; }
  .operation-container table.classroom thead tr th {
    font-size: 13px; }
  .operation-container .classroom_type {
    font-size: 12px;
    padding: 0 10px 3px;
    background-color: #8ac1fa;
    border-radius: 3px;
    color: #fff; }
  .operation-container .new_certificate {
    margin-bottom: 20px; }
  .operation-container .new_certificate input {
    height: 36px;
    width: 350px;
    border: 1px solid #3b95e1;
    padding-left: 10px; }
  .operation-container .new_certificate select {
    width: 250px; }
  .operation-container table.certificates tr th,
  .operation-container table.certificates tr td {
    padding: 8px 0; }
  .operation-container table.certificates tr th:first-child,
  .operation-container table.certificates tr td:first-child {
    text-align: center; }
  .operation-container table.certificates input,
  .operation-container table.certificates select,
  .operation-container table.fifty input,
  .operation-container table.fifty select {
    height: 32px;
    width: 85%;
    border: 1px solid #3b95e1;
    padding-left: 10px; }
  .operation-container table.certificates button {
    height: 30px; }
  .operation-container table.fifty tr td,
  .operation-container table.certificates tr.edit td {
    padding: 2px 4px; }
  .operation-container .table_title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    color: #697e8d;
    margin: 20px 0 10px;
    padding-top: 10px; }
  .operation-container table.fifty {
    width: 750px; }
  .operation-container table.fifty tr th,
  .operation-container table.history tr th {
    padding: 0 5px; }
  .operation-container #time > .row > .col-md-12 > .col-md-2 {
    padding-left: 0; }
  .operation-container .time-table {
    width: 500px; }
  .operation-container .time-table thead tr th,
  .operation-container .time-table tbody tr td:first-child {
    text-align: center; }
  .operation-container .time-table tbody tr td {
    padding: 2px; }
  .operation-container .time-table tbody tr td input {
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    height: 32px;
    text-align: center;
    border: 1px solid #3b95e1; }
  .operation-container .time-table tbody tr td {
    text-align: center; }
  .operation-container #groupslist select {
    margin-bottom: 20px; }
  .operation-container #groupslist table tr th {
    padding-left: 5px; }
  .operation-container #groupslist table tr td {
    padding: 8px 5px; }
  .operation-container #groupslist table tr td:first-child {
    text-align: center; }
  .operation-container .daysContainer .weekDays {
    width: 50%;
    margin: 3px 0;
    display: inline-block; }
  .operation-container .optionsBlock {
    display: flex;
    justify-content: space-between;
    align-items: end; }
    .operation-container .optionsBlock input {
      width: 100%;
      max-width: 100%;
      min-width: auto;
      padding-left: 5px;
      color: #697e8d;
      font-size: 12px; }
    .operation-container .optionsBlock .item {
      width: 45%; }
  .operation-container input[type=checkbox].css-checkbox:checked + label.css-label {
    background-image: url(/image/csscheckbox_down.png) !important; }
  .operation-container .part_with_select {
    display: inline-block;
    margin-right: 20px; }
  .operation-container .part_with_select .label_timeselect {
    display: block; }
  .operation-container #plans .content .row {
    padding-top: 30px; }
  .operation-container .wrap-plan table {
    margin-bottom: 20px; }
  .operation-container .wrap-plan table tr th,
  .operation-container .wrap-plan table tr td {
    padding: 8px 10px; }
  .operation-container .wrap-plan table tr th:first-child,
  .operation-container .wrap-plan table tr td:first-child {
    text-align: center; }
  .operation-container .wrap-plan table tr td select {
    height: 34px; }
  .operation-container .wrap-plan table tr td button {
    height: 32px !important; }
  .operation-container .wrap-plan .file-input-wrapper.btn.btn-default.file-inputs {
    height: 38px;
    margin-right: 20px;
    padding-top: 8px; }
  .operation-container .del_img {
    height: 17px; }
  .operation-container .wrap-plan table tr td a:hover {
    cursor: pointer; }
  .operation-container #gaming input[type='text'],
  .operation-container #gaming input[type='number'] {
    height: 36px;
    border: 1px solid #3b95e1;
    margin-bottom: 20px;
    padding-left: 10px; }
  .operation-container #gaming .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #697e8d;
    margin-bottom: 20px; }
  .operation-container #gaming p {
    margin: 0;
    color: #697e8d; }
  .operation-container #gaming .button_default {
    margin-left: 20px; }
  .operation-container #gaming select,
  .operation-container #gaming input {
    width: 350px;
    margin-bottom: 20px; }
  .operation-container #gaming .display-block {
    display: block; }
  .operation-container #gaming .info_img {
    display: inline-block;
    margin-left: 50px;
    width: 300px;
    text-align: right; }
  .operation-container #gaming span.plus {
    font-size: 40px;
    font-weight: 700;
    color: #3b95e1;
    vertical-align: middle;
    line-height: 1;
    padding: 0 10px; }
  .operation-container #groups .status_stream tr th:first-child,
  .operation-container #groups .status_group tr th:first-child,
  .operation-container #groups .status_stream tr td:first-child,
  .operation-container #groups .status_group tr td:first-child {
    width: 45px;
    max-width: 45px;
    text-align: center; }
  .operation-container #groups .status_stream tr th,
  .operation-container #groups .status_group tr th {
    padding-left: 5px; }
  .operation-container #groups .status_stream tr td,
  .operation-container #groups .status_group tr td {
    border: 1px solid #ebebf4; }
  .operation-container #groups select {
    margin-bottom: 20px;
    margin-right: 20px; }
  .operation-container #groups tr th .svg_image {
    margin-left: 10px;
    margin-bottom: 5px; }
  .operation-container #groups tr td {
    cursor: pointer; }
  .operation-container .center {
    text-align: center; }
  .operation-container .setting_group tr td {
    border: 1px solid #ebebf4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .operation-container .pupils table {
    margin-top: 20px; }
  .operation-container .pupils tbody tr:first-child td {
    color: #697e8d;
    font-weight: 600; }
  .operation-container .pupils table thead tr th,
  .operation-container .pupils table tbody tr td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .operation-container .pupils tbody tr:first-child:hover,
  .operation-container .pupils tbody tr:first-child:active,
  .operation-container .pupils tbody tr:first-child:focus {
    background: none; }
  .operation-container .pupils tbody tr:first-child:hover td,
  .operation-container .pupils tbody tr:first-child:active td,
  .operation-container .pupils tbody tr:first-child:focus td {
    color: #697e8d; }
  .operation-container .pupils tr td:nth-child(3) {
    color: #76ceba; }
  .operation-container .pupils tr td:nth-child(4) {
    color: #e95c4f; }
  .operation-container .pupils .flaticon-home153 {
    padding-left: 15px; }
  .operation-container .pupils .flaticon-edit45 {
    float: none; }
  .operation-container .amount {
    border: 1px solid #6d8190;
    border-radius: 11px;
    padding: 0 5px;
    margin: 0 8px;
    font-size: 12px; }
    .operation-container .amount.merged {
      margin: 0;
      color: #3b95e1; }
  .operation-container .amount-future {
    background: #fff700;
    margin: 0;
    color: black; }
  .operation-container .setting_group table tbody tr:hover {
    background: #ecf4fb; }
  .operation-container .editable-hover:hover {
    background: #ecf4fb; }
  .operation-container .setting_group table tbody tr.active {
    background: #75b6ed; }
  .operation-container .active_state {
    background: #75b6ed;
    color: #fff; }
  .operation-container .setting_group table tbody tr.active td, .operation-container .setting_group table tbody tr.active label {
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .operation-container .setting_group table tbody tr.active td .amount {
    border: 1px solid #fff; }
  .operation-container .links {
    padding-top: 15px;
    padding-bottom: 25px;
    display: inline-block; }
  .operation-container .links a {
    cursor: pointer;
    color: #6f869d;
    font-size: 16px;
    margin-right: 10px;
    margin-left: 10px; }
  @media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .operation-container .content {
      padding: 20px 15px 100px; }
    .operation-container table thead tr th {
      font-size: 12px !important; }
    .operation-container table tr td {
      font-size: 12px; }
    .operation-container table tr td span.amount {
      font-size: 10px; }
    .operation-container .setting_group:last-child,
    .operation-container .setting_group > .large-6 {
      display: block;
      width: 100% !important; }
    .operation-container .setting_group > .large-2 {
      display: block;
      width: 30%;
      float: left; } }
  .operation-container #subjects-body tr th button {
    float: right; }
  .operation-container #subjects-body tr th button img {
    margin: 0; }
  .operation-container #groups #tb-item tr td {
    padding: 2px; }
  .operation-container #groups #tb-item tr td input {
    border: 1px solid #3b95e1; }
  .operation-container .row.setting_group > div {
    width: 20%; }
  .operation-container .row.setting_group .photo_stud {
    position: relative; }
  .operation-container .row.setting_group .photo_stud img {
    position: absolute;
    display: none;
    max-width: 125px;
    width: 125px;
    z-index: 99; }
  .operation-container .row.setting_group .name_stud:hover + .photo_stud img {
    display: block; }
  .operation-container .row.setting_group > div.col-md-12 {
    width: 100%; }
  .operation-container #time .button_default {
    margin-top: 25px; }
  .operation-container .info_img span {
    color: #ADC8E8;
    font-size: 20px;
    width: 50px;
    font-weight: 400; }
  .operation-container #groups label {
    padding-left: 25px;
    background: url(/image/csscheckbox_up.png) no-repeat;
    background-position: 0 1px; }
  .operation-container #groups label.active {
    background: url(/image/csscheckbox_down.png) no-repeat; }
  .operation-container #auditories label span {
    font-size: 14px;
    line-height: 0; }
  .operation-container .view-filter {
    cursor: pointer; }
  .operation-container .table-tile tr, .operation-container .table-tile td {
    color: #697e8d;
    padding: 10px 7px;
    cursor: pointer;
    width: 100px;
    min-width: 100px;
    max-width: 90px;
    padding-left: 5px;
    word-break: break-all; }
  .operation-container .table-tile td:hover {
    color: #3b95e1; }
  .operation-container .table-tile th, .operation-container .table-tile td {
    border: 1px solid #dee9f7;
    padding-left: 5px;
    word-break: break-all; }
  .operation-container .table-tile tr td:first-child {
    text-align: center; }
  .operation-container .detail-wrapper {
    padding-bottom: 20px;
    padding-top: 10px; }
  .operation-container .clear {
    clear: both; }
  .operation-container input[type=checkbox].css-checkbox-group {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .operation-container input[type=checkbox].css-checkbox-group + label.css-label-group {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    cursor: pointer;
    position: relative; }
  .operation-container input[type=checkbox].css-checkbox-group + label.css-label-group:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer; }
  .operation-container input[type=checkbox].css-checkbox-group:checked + label.css-label-group:before {
    background-position: 0 -18px; }
  .operation-container label.css-label-group:before {
    content: '';
    height: 18px;
    width: 25px;
    background-image: url(/image/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-position: 0 0; }
  .operation-container form#action-stream-state-form + .col-md-12 {
    margin-top: 10px; }
  .operation-container form#action-stream-state-form + .col-md-12 > button {
    margin-right: 15px; }
  .operation-container table.last_td tr th:last-child,
  .operation-container table.last_td tr td:last-child {
    width: 200px;
    min-width: 200px;
    max-width: 200px; }
  .operation-container table.last_td tr th:nth-child(2),
  .operation-container table.last_td tr td:nth-child(2) {
    width: 500px;
    min-width: 500px;
    max-width: 500px; }
  .operation-container table.last_td {
    margin-top: 15px; }
  .operation-container .hover_td tr:hover {
    background-color: #ecf4fb; }
  .operation-container .cursor_td tr td {
    cursor: auto !important; }
  .operation-container .tmpl-wrapper {
    padding-top: 10px;
    padding-bottom: 10px; }
  .operation-container .tmpl-wrapper .groups-list {
    background-color: white; }
  .operation-container .tmpl-wrapper select {
    min-width: 250px; }
  .operation-container .states-label {
    color: #697e8d;
    padding: 10px 5px; }
  .operation-container .edit-in-place span {
    cursor: pointer; }
  .operation-container .edit-in-place input {
    display: none; }
    .operation-container .edit-in-place input.directive-input {
      display: block; }
  .operation-container .edit-in-place.active span {
    display: none; }
  .operation-container .edit-in-place.active input {
    display: inline-block; }
  .operation-container img.img_currency {
    height: 25px;
    margin-right: 5px; }
  .operation-container input[type=radio].css-checkbox-week {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .operation-container input[type=radio].css-checkbox-week + label.css-label-week {
    padding-left: 0;
    text-align: center;
    height: 36px;
    width: 36px;
    display: inline-block;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase; }
  .operation-container #time-registration .inline label {
    display: inline-block;
    color: #697e8d; }
  .operation-container input[type=radio].css-checkbox-week:checked + label.css-label-week {
    background-position: 0 -36px;
    color: #ffffff !important; }
  .operation-container label.css-label-week {
    background-image: url(/image/week.svg);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .operation-container .checkbox-week,
  .operation-container .checkbox-paire,
  .operation-container .double {
    display: inline-block;
    padding-right: 20px; }
  .operation-container .all-subject select, .operation-container input[type='text'] {
    margin-bottom: 5px; }
  .operation-container form[name=groupName], .operation-container form[name=streamName] {
    padding-bottom: 30px !important; }
    .operation-container form[name=groupName] select, .operation-container form[name=streamName] select {
      margin-right: 0 !important;
      margin-bottom: 5px !important;
      min-width: 100% !important;
      font-size: 14px;
      color: #697e8d; }
  .operation-container input:read-only {
    border: 1px solid #3b95e1;
    padding-left: 5px;
    margin-bottom: 5px !important;
    background: none;
    font-size: 12px;
    width: 100%;
    color: #697e8d;
    box-shadow: none; }
  .operation-container .group_name-wrap {
    padding: 10px 5px;
    border: 1px solid #3b95e1;
    margin-bottom: 5px !important;
    cursor: default; }
    .operation-container .group_name-wrap img {
      cursor: pointer; }
  .operation-container .filter_form-wrap {
    max-width: 400px; }

.ngdialog-content .optionsBlock .item .academ-input {
  padding-left: 10px;
  width: 120px; }

.moment-picker {
  z-index: 999999 !important; }

.groups-graduation-page table thead tr th {
  border: 1px solid #dee9f7 !important;
  background: #ececec !important; }

.groups-graduation-page .col_debet {
  text-align: center; }

.groups-graduation-page .col_debet a {
  color: #697e8d; }

.groups-graduation-page .check {
  text-align: center;
  font-size: 16px; }

.groups-graduation-page table tr td {
  padding: 6px 0 !important; }

.groups-graduation-page .glyphicon {
  cursor: pointer; }

.groups-graduation-page table td {
  border: 1px solid #ebebf4; }

.groups-graduation-page .color-blue {
  background: #d8eaf9 !important; }

.groups-graduation-page .btn-info {
  float: right; }

.groups-graduation-page .title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #697e8d;
  margin-bottom: 20px;
  margin-left: 15px; }

.groups-graduation-page .table-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }
  .groups-graduation-page .table-title_buttons {
    display: flex; }
    .groups-graduation-page .table-title_buttons a {
      display: block;
      margin-right: 20px; }
    .groups-graduation-page .table-title_buttons img {
      height: 25px; }

.groups-graduation-create-page table tr th {
  padding: 10px;
  cursor: pointer; }

.groups-graduation-create-page table {
  border: 1px solid #697e8d; }

.groups-graduation-create-page .wrapper_table {
  width: 100%; }

.groups-graduation-create-page .dropdown-menu {
  left: -2% !important; }

.groups-graduation-create-page #start-date {
  width: 85%; }

.groups-graduation-create-page .btn-secondary {
  float: right; }

.groups-graduation-create-page .active {
  background: #75b6ed; }

.groups-graduation-create-page .title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #697e8d;
  margin-bottom: 20px;
  margin-left: 15px; }

.ngdialog-theme-default.operation-container .ngdialog-content {
  width: initial; }

/* Стили к элементам в модалке с управлением коннектов к камерам. */
.auditory-cam .title {
  font-weight: bold; }

.auditory-cam table th {
  width: 20%; }

.auditory-cam table td select {
  width: 100%; }

.auditory-cam table td input {
  padding: 0; }

.div-block-cam {
  text-align: right;
  margin-bottom: 20px; }

.attendance-container {
  padding-top: 10px;
  /*.groups tr th:first-child,
    .groups tr th:nth-child(2), */
  /* Large screens
    @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
  /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
  /* XLarge screens
    @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
  /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
  /* XXLarge screens
    @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */ }
  .attendance-container .attendance-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
  .attendance-container .attendance-header > * {
    margin-right: 15px; }
  .attendance-container .attendance-header input {
    max-width: 195px !important; }
  .attendance-container .legend-yellow-light {
    background-color: #d9edf7;
    border: 1px solid #697e8d !important;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container .fourthmark {
    height: 20px;
    width: 20px;
    background-color: #d9edf7;
    border: 1px solid #697e8d !important;
    color: #000000;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding-top: 2px; }
  .attendance-container .attendance-header select {
    max-width: 180px !important; }
  .attendance-container .for_select {
    bottom: 17px;
    position: relative;
    padding-right: 0; }
  .attendance-container .for_select input {
    width: auto !important; }
  .attendance-container select {
    margin-right: 20px; }
  .attendance-container .points {
    padding-top: 20px; }
  .attendance-container .points div {
    display: inline-block;
    padding-left: 60px;
    font-size: 14px;
    color: #697e8d; }
  .attendance-container .info .points div {
    display: inline-block;
    padding-left: 25px;
    font-size: 14px;
    color: #697e8d; }
  .attendance-container .shed_img {
    height: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px; }
  .attendance-container .date_week {
    font-size: 16px;
    font-weight: 400;
    color: #697E8D; }
  .attendance-container .group {
    text-transform: uppercase;
    font-weight: 600; }
  .attendance-container .green {
    background: #76ceba;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container .blue {
    background: #3b95e1;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container .gray {
    border: 1px solid #c8c8c8;
    background: #ffffff;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container .red {
    background: #e95c4f;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container .yellow {
    background: #ffae57;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container .legend-fiolet {
    background-color: #b4a9ff;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container .legend-blue {
    background-color: #3b95e1;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container .legend-green {
    background-color: #71cc92;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .attendance-container canvas {
    width: 100% !important;
    height: 300px !important;
    border: 1px solid #d5dde0;
    border-top: none;
    padding: 10px 0; }
  .attendance-container .next {
    float: right;
    padding: 0;
    padding-top: 20px; }
  .attendance-container .top-next {
    padding-top: 25px !important; }
  .attendance-container .flaticon-back28,
  .attendance-container .flaticon-right127 {
    float: right;
    color: #478bca; }
  .attendance-container .flaticon-right127::before {
    margin-left: 10px; }
  .attendance-container .groups {
    border: none;
    width: 100%;
    border-collapse: separate; }
  .attendance-container table.groups tr:nth-of-type(even) {
    background: #f1f5f6; }
  .attendance-container .groups tr th,
  .attendance-container .groups tr td {
    border-right: 1px solid #d5dde0;
    border-bottom: 1px solid #d5dde0; }
  .attendance-container .groups tr td {
    color: #697e8d; }
  .attendance-container .groups tr td:first-child {
    border-left: 1px solid #d5dde0;
    padding: 5px; }
  .attendance-container .groups tr th {
    border-bottom: 2px solid #94c9ef;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 10px 5px; }
  .attendance-container .groups tr th:first-child {
    border-radius: 5px 0 0; }
  .attendance-container .groups tr th:nth-child(3),
  .attendance-container .groups tr th:nth-child(4) {
    text-align: left; }
  .attendance-container .groups tr td:nth-child(2),
  .attendance-container .groups tr td:nth-child(3),
  .attendance-container .groups tr td:nth-child(4) {
    text-align: center; }
  .attendance-container .groups tr th:last-child {
    border-radius: 0 5px 0 0; }
  .attendance-container .groups thead:first-child {
    background-color: #69a6de; }
  .attendance-container .groups tr th:first-child {
    width: 10px; }
  .attendance-container .groups thead tr th:nth-child(2),
  .attendance-container .groups thead tr th:nth-child(3),
  .attendance-container .groups thead tr th:nth-child(4),
  .attendance-container .groups tbody tr td:nth-child(2),
  .attendance-container .groups tbody tr td:nth-child(3),
  .attendance-container .groups tbody tr td:nth-child(4) {
    border-left: none; }
  .attendance-container .groups thead tr th:nth-child(2),
  .attendance-container .groups thead tr th:nth-child(3),
  .attendance-container .groups thead tr th:first-child,
  .attendance-container .groups tbody tr td:first-child,
  .attendance-container .groups tbody tr td:nth-child(2),
  .attendance-container .groups tbody tr td:nth-child(3) {
    border-right: none; }
  .attendance-container .flaticon-shield110,
  .attendance-container .flaticon-broken21 {
    border: none !important;
    color: #ec5d41; }
  .attendance-container .havepoint {
    padding: 0; }
  .attendance-container .novisit {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #d75b5f !important;
    background: #fcc2be; }
  .attendance-container .flaticon-speechbubble10 {
    color: #d75b5f;
    float: right;
    margin-top: -5px;
    padding-right: 1px; }
  .attendance-container .tarde {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #ffae57 !important;
    background: #ffe8a0; }
  .attendance-container .was {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #c8c8c8 !important;
    background: #ffffff; }
  .attendance-container .flaticon-circularclock2 {
    color: #ffae57;
    float: right;
    margin-top: -5px;
    padding-right: 2px; }
  .attendance-container .firstmark {
    height: 20px;
    width: 20px;
    background-color: #b4a9ff;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    padding-top: 1px; }
  .attendance-container .secondmark {
    height: 20px;
    width: 20px;
    background-color: #3b95e1;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    padding-top: 1px; }
  .attendance-container .thirdmark {
    height: 20px;
    width: 20px;
    background-color: #71cc92;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    padding-top: 1px; }
  .attendance-container .tooltip.tooltip-info .tooltip-inner {
    color: #000000;
    background-color: white;
    border: 1px solid #515E67; }
  .attendance-container .tooltip.tooltip-info {
    text-overflow: clip;
    white-space: normal; }
  .attendance-container .fade.tooltip.in:after {
    content: '';
    height: 0;
    width: 0;
    z-index: 99999;
    display: block;
    border-top: 5px solid transparent;
    border-right: none;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #515E67;
    position: absolute;
    top: 10px;
    left: 100%; }
  @media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .attendance-container .content > .large-12 {
      padding: 25px 30px 100px; }
    .attendance-container select {
      font-size: 12px; }
    .attendance-container .points div {
      font-size: 13px; }
    .attendance-container .groups tr th {
      font-size: 11px;
      padding: 7px; }
    .attendance-container .groups tr td {
      font-size: 12px; } }
  .attendance-container .for_select {
    padding-top: 28px;
    padding-right: 5px;
    display: inline-block; }
  .attendance-container .for_select label {
    display: block; }
  @media only screen and (max-width: 1280px) {
    .attendance-container .attendance-header select {
      margin-bottom: 10px; } }

/*test*/
.absent-container {
  padding-top: 25px;
  /* Large screens
    @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
  /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
  /* XLarge screens
    @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
  /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
  /* XXLarge screens
    @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */ }
  .absent-container .wrap-scrollbar .ngscrollbar-y {
    right: 2px !important; }
  .absent-container .wrap-scrollbar .ngscrollbar-container-y {
    right: -15px !important; }
  .absent-container label.label-green {
    background-image: url("/image/css_radio_green.svg") !important; }
  .absent-container label.label-yellow {
    background-image: url("/image/css_radio_yellow.svg") !important; }
  .absent-container label.label-red {
    background-image: url("/image/css_radio_red.svg") !important; }
  .absent-container .radio-wrappers {
    display: inline-block;
    margin-top: 9px;
    margin-right: 15px;
    margin-left: 15px; }
  .absent-container .status {
    position: absolute;
    right: 10px;
    top: 0px;
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 5px auto;
    line-height: 1.75;
    opacity: 0.5; }
  .absent-container .status-red {
    background-color: #F15B5B;
    color: #F15B5B; }
  .absent-container .status-yellow {
    background-color: #FFC457;
    color: #FFC457; }
  .absent-container .status-green {
    background-color: #76CEBA;
    color: #76CEBA; }
  .absent-container .status-hide {
    display: none !important; }
  .absent-container input[type=radio].css-checkbox-radio:checked + label.css-label-radio {
    background-position: 0 -20px !important; }
  .absent-container input[type=radio].css-checkbox-radio + label.css-label-radio {
    height: 20px !important; }
  .absent-container .filter {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 12px;
    padding: 10px 5px;
    border: 1px solid #ebebf4;
    border-top: none; }
  .absent-container .filter span {
    font-size: 10px; }
  .absent-container .filter a {
    cursor: pointer; }
  .absent-container .ctr-mark {
    height: 20px;
    width: 20px;
    background-color: #b4a9ff;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 5px auto;
    line-height: 1.75; }
  .absent-container .cl-mark {
    height: 20px;
    width: 20px;
    background-color: #71cc92;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 5px auto;
    line-height: 1.75; }
  .absent-container .dz-mark {
    height: 20px;
    width: 20px;
    background-color: #3b95e1;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 5px auto;
    line-height: 1.75; }
  .absent-container .selected-mark {
    background-color: #ECF4FB;
    color: #697e8d; }
  .absent-container .content {
    background: #fff;
    padding: 35px 50px 35px 20px; }
  .absent-container .bold {
    font-weight: 700;
    color: #4b5569; }
  .absent-container input[type="text"][readonly],
  .absent-container input.datepicker {
    width: 100% !important; }
  .absent-container table {
    width: 100%; }
  .absent-container table tr th {
    padding: 10px;
    font-weight: 700; }
  .absent-container table tr td {
    color: #697e8d;
    border-bottom: 1px solid #ebebf4;
    padding: 10px; }
  .absent-container table tr:nth-of-type(even) {
    background: none; }
  .absent-container .group {
    border: none; }
  .absent-container table thead {
    background: none; }
  .absent-container .group thead tr th {
    font-weight: 700;
    color: #697f8e; }
  .absent-container .group tbody tr td:hover,
  .absent-container .group tbody tr td:active,
  .absent-container .group tbody tr td:focus {
    background: #ECF4FB;
    color: #697e8d;
    cursor: pointer; }
  .absent-container .absent table thead {
    background: #478bca; }
  .absent-container .absent table thead tr th {
    color: #fff;
    font-weight: 400; }
  .absent-container .absent table tbody tr td {
    border: 1px solid #ebebf4;
    padding: 0; }
  .absent-container .absent table tbody tr td:first-child {
    padding-left: 15px; }
  .absent-container .wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 700px;
    border: 1px solid #ebebf4;
    border-top: 0;
    padding-top: 15px;
    padding-bottom: 20px;
    overflow: auto; }
  .absent-container .absentee {
    padding: 0; }
  .absent-container .student {
    margin: 0 10px 0 0 !important;
    margin-bottom: 30px !important;
    font-size: 15px;
    border: 1px solid #ebebf4; }
  .absent-container .student .columns {
    border: 1px solid #ebebf4;
    color: #4b5569;
    min-height: 145px; }
  .absent-container .student .columns:nth-child(2) {
    border-left: 0;
    border-right: 0; }
  .absent-container .student > div {
    padding: 30px 25px 25px;
    min-height: 135px; }
  .absent-container .student > div:first-child {
    padding: 25px 25px 7px; }
  .absent-container .foto {
    overflow: hidden;
    height: 100px;
    width: 85px;
    margin-right: 20px;
    margin-top: -10px;
    float: left;
    border: 5px solid #f4f7fa;
    box-shadow: 0 1px 1px 1px #cfd3d8;
    border-radius: 5px; }
  .absent-container .inner {
    height: 100px;
    width: 100px;
    margin-left: -12px; }
  .absent-container .foto .inner img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .absent-container .absent-message-block.col-md-12 {
    padding: 0; }
  .absent-container .absent-message-block a {
    font-style: normal;
    font-size: 14px; }
  .absent-container .absent-message-block {
    font-style: italic;
    color: #848484;
    font-size: 12px; }
  .absent-container .absent-message {
    padding: 25px;
    border: 1px solid #ebebf4;
    max-height: none; }
    .absent-container .absent-message__call {
      flex-wrap: wrap; }
      .absent-container .absent-message__call.absent_go_call {
        margin-right: 0; }
  .absent-container .absent-message .bold {
    display: block;
    font-style: normal;
    font-size: 14px; }
  .absent-container .absent-message-each {
    border-bottom: 1px solid #b5b5b5;
    margin-bottom: 10px; }
  .absent-container textarea {
    box-shadow: none;
    border: 1px solid #d8e5f6;
    resize: none;
    width: 97%;
    margin-bottom: 25px; }
  .absent-container span.active {
    color: #3396db; }
  .absent-container .non_active_answer {
    color: #e75a47;
    background: none;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    float: right;
    padding: 0px 10px;
    border: 1px solid #e75a47;
    height: 36px;
    margin-left: 10px;
    margin-right: 27px;
    margin-bottom: 10px; }
  .absent-container .non_active_answer:hover {
    background-color: #FFF0EF; }
  .absent-container .absent-message form {
    padding-bottom: 30px; }
  .absent-container .no_answer {
    margin-top: 4px;
    margin-right: 40px;
    background: none;
    padding: 0;
    float: right;
    outline: 0; }
  .absent-container .no_answer:hover {
    background: none; }
  .absent-container .comments {
    max-height: 400px;
    overflow-y: scroll; }
  .absent-container .comments ul {
    list-style: none;
    margin-left: 0;
    padding: 0; }
    .absent-container .comments ul li {
      position: relative; }
  .absent-container span.date {
    color: #b7b7b7;
    font-size: 14px; }
  .absent-container .comment-controls {
    color: #b7b7b7;
    font-size: 14px; }
  .absent-container .comment-content {
    display: block;
    max-width: 100%;
    width: 100%;
    padding-right: 60px; }
  .absent-container .missed-call-image {
    height: 38px;
    width: 35px; }
  .absent-container .inner-controlls {
    position: absolute;
    right: 0;
    bottom: 8px;
    /* margin-top: -46px; */ }
  .absent-container .pull-left.inner-controlls {
    left: 10px;
    color: #697e8d;
    font-size: 13px; }
  .absent-container .svg_image {
    height: 18px;
    margin-right: 10px; }
  .absent-container .comment-controls.glyphicon.glyphicon-remove {
    margin-right: 13px; }
  .absent-container .comment-controls.glyphicon.glyphicon-remove:hover {
    color: #D68F8A; }
  .absent-container .comment-controls.glyphicon.glyphicon-pencil:hover {
    color: #478BCA; }
  .absent-container .comments ul li p {
    color: #4b5569;
    font-size: 15px; }
  .absent-container .wrap_absent {
    margin-right: -30px;
    padding-left: 25px; }
  .absent-container .info {
    padding-bottom: 15px; }
  .absent-container .table_title {
    float: left;
    font-size: 15px;
    color: #697f8e;
    margin-bottom: 15px; }
  .absent-container .next {
    float: right; }
  .absent-container .next span {
    color: #478bca; }
  .absent-container .havepoint {
    padding: 0; }
  .absent-container .novisit {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #d75b5f !important;
    background: #fcc2be; }
  .absent-container .tarde {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #ffae57 !important;
    background: #ffe8a0; }
  .absent-container .visit {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #f9fff9 !important;
    background: #f6fff7; }
  .absent-container .mark {
    height: 20px;
    width: 20px;
    background-color: #b4a9ff;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 5px auto; }
  .absent-container .ngscroll-content-container {
    padding-bottom: 40px;
    max-width: 100%;
    width: 100%; }
  @media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .absent-container .wrap {
      height: 398px; }
    .absent-container .groups {
      width: 32%;
      display: inline-block; }
    .absent-container .seventh {
      width: 68%; }
    .absent-container .absentee {
      width: 32%;
      display: inline-block;
      padding: 0 15px; }
    .absent-container .student {
      width: 100% !important; }
    .absent-container .student .columns {
      width: 100%;
      display: block;
      float: none; }
    .absent-container .student .columns:nth-child(2) {
      border-left: 1px solid #ebebf4;
      border-right: 1px solid #ebebf4;
      border-top: 0;
      border-bottom: 0; }
    .absent-container .absent-message {
      width: 32%;
      margin-left: 15px; }
    .absent-container .no_answer {
      margin-right: 10px; }
    .absent-container .comments {
      height: 167px; }
    .absent-container .wrap_absent {
      width: 100%;
      padding-right: 50px;
      padding-top: 50px; }
    .absent-container .info > .columns:first-child {
      padding-left: 0; }
    .absent-container .absent > .columns {
      padding-left: 0; } }
  .absent-container .svg-image {
    height: 20px;
    width: 20px;
    background-size: cover;
    background-image: url("/image/comment.svg");
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  .absent-container td:hover .svg-image,
  .absent-container .svg-image-hover {
    height: 20px;
    width: 20px;
    background-size: cover;
    background-image: url("/image/comment.svg");
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  .absent-container td.selected-mark .absent-count,
  .absent-container td:hover .absent-count {
    border: 1px solid #6d8190; }
  .absent-container td.selected-mark .absent-group,
  .absent-container td:hover .absent-group {
    color: #6d8190; }
  .absent-container .absent-count {
    border: 1px solid #6d8190;
    border-radius: 11px;
    padding: 0 4px;
    font-size: 12px;
    display: inline-block; }
  .absent-container .absent-group {
    color: #b7b7b7;
    font-size: 14px; }
  .absent-container .flaticon-shield110,
  .absent-container .flaticon-broken21 {
    border: none !important;
    color: #ec5d41; }
  .absent-container .havepoint {
    padding: 0; }
  .absent-container .novisit {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #d75b5f !important;
    background: #fcc2be; }
  .absent-container .flaticon-speechbubble10 {
    color: #d75b5f;
    float: right;
    margin-top: -5px;
    padding-right: 1px; }
  .absent-container .tarde {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #ffae57 !important;
    background: #ffe8a0; }
  .absent-container .was {
    width: 94%;
    min-height: 30px;
    margin: 2px;
    border: 1px solid #c8c8c8 !important;
    background: #ffffff; }
  .absent-container .flaticon-circularclock2 {
    color: #ffae57;
    float: right;
    margin-top: -5px;
    padding-right: 2px; }
  .absent-container .firstmark {
    height: 20px;
    width: 20px;
    background-color: #b4a9ff;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    padding-top: 1px; }
  .absent-container .gray {
    border: 1px solid #c8c8c8;
    background: #ffffff;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .absent-container .red {
    background: #e95c4f;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .absent-container .yellow {
    background: #ffae57;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .absent-container .legend-fiolet {
    background-color: #b4a9ff;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .absent-container .legend-blue {
    background-color: #3b95e1;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .absent-container .legend-green {
    background-color: #71cc92;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .absent-container .secondmark {
    height: 20px;
    width: 20px;
    background-color: #3b95e1;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    padding-top: 1px; }
  .absent-container .thirdmark {
    height: 20px;
    width: 20px;
    background-color: #71cc92;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 0 auto;
    padding-top: 1px; }
  .absent-container .tooltip.tooltip-info .tooltip-inner {
    color: #000000;
    background-color: white;
    border: 1px solid #515E67; }
  .absent-container .tooltip.tooltip-info {
    text-overflow: clip;
    white-space: normal; }
  .absent-container .fade.tooltip.in:after {
    content: '';
    height: 0;
    width: 0;
    z-index: 99999;
    display: block;
    border-top: 5px solid transparent;
    border-right: none;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #515E67;
    position: absolute;
    top: 10px;
    left: 100%; }
  .absent-container .points div {
    display: inline-block;
    padding-left: 25px;
    font-size: 14px;
    color: #697e8d; }
  .absent-container .shed_img {
    height: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px; }
  .absent-container .fio-link:hover {
    color: #3b95e1;
    cursor: pointer; }
  .absent-container .critical-debtor-student {
    color: red; }
  .absent-container .debtor-student {
    color: #3396db; }
  .absent-container .danger-debtor-student {
    color: #ffae57; }
  @media (min-width: 960px) and (max-width: 1599px) {
    .absent-container .groups {
      height: 407px; }
    .absent-container .wrap {
      max-height: 371px !important;
      overflow: auto;
      min-height: 0 !important; }
    .absent-container .absent-message {
      padding: 25px;
      border: 1px solid #ebebf4;
      height: 407px; } }
  .absent-container .absent_go_call {
    color: #3396db;
    background: none;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    float: right;
    padding: 0px 10px;
    border: 1px solid #3396db;
    height: 36px;
    margin-left: 10px;
    margin-right: 27px;
    margin-bottom: 10px;
    /* animation: blinker 1s linear infinite; */
    margin-left: 10px; }
  .absent-container .absent_go_call:hover {
    background-color: #f0f9ff; }
  .absent-container audio::-internal-media-controls-download-button {
    display: none; }
  .absent-container audio::-webkit-media-controls-enclosure {
    overflow: hidden; }
  .absent-container audio::-webkit-media-controls-panel {
    width: calc(100% + 30px);
    /* Adjust as needed */ }
  .absent-container .btn-custom {
    background-color: #478bca;
    color: white;
    transition-property: background, opacity;
    transition-duration: 0.5s; }
  .absent-container .btn-custom:hover, .absent-container .btn-custom:active, .absent-container .btn-custom:focus {
    cursor: pointer;
    opacity: 0.5;
    color: white; }
  .absent-container .mrgn-bottom-150 {
    margin-bottom: 150px; }

.settings-container {
  padding-top: 62px; }
  .settings-container .users-foto {
    width: 170px;
    height: 170px;
    overflow: hidden;
    border: 5px solid #f4f7fa;
    box-shadow: 0 1px 1px 1px #cfd3d8; }
  .settings-container .button_default.fotoload {
    margin-top: 20px;
    width: 170px; }
  .settings-container .foto {
    width: 100%; }
  .settings-container .info select,
  .settings-container .info input[type="tel"],
  .settings-container .info input[type="email"],
  .settings-container .info input[type="password"],
  .settings-container .info input[type="text"] {
    display: inline-block;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    height: 36px;
    width: 300px;
    padding-left: 10px; }
  .settings-container input.phone,
  .settings-container input.mail {
    margin-bottom: 10px; }
  .settings-container input.phone:last-of-type,
  .settings-container input.mail:last-of-type {
    margin-bottom: 0 !important; }
  .settings-container select.indate {
    min-width: 10px;
    width: 72px;
    height: 30px;
    padding-left: 5px; }
  .settings-container .born-date {
    color: #697f8e;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
    line-height: 1; }
  .settings-container .info textarea {
    resize: none;
    width: 300px;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding-left: 10px; }
  .settings-container .relative {
    width: 400px;
    position: absolute;
    right: 0;
    top: 0; }
  .settings-container .relative input {
    display: block; }
  .settings-container fieldset {
    margin-top: 20px; }
  .settings-container fieldset legend {
    color: #697f8e;
    border-color: #d6e8f3;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0; }
  .settings-container .for-teacher .parts ul {
    list-style: none;
    margin: 0;
    padding: 15px; }
  .settings-container .for-teacher .parts ul li {
    color: #697f8e; }
  .settings-container .for-teacher .parts ul li input[type="checkbox"] {
    margin-right: 10px; }
  .settings-container .svg-img {
    height: 20px; }
  .settings-container .add-new {
    margin: 0; }
  .settings-container .add-new tr td {
    border: none; }
  .settings-container .add-new tr td:first-child {
    padding-top: 0; }
  .settings-container .for-teacher select {
    margin-bottom: 10px; }
  .settings-container table tr td {
    padding-bottom: 15px; }
  .settings-container .title_block {
    color: #697f8e;
    font-size: 16px;
    text-transform: uppercase; }
  .settings-container .form_wrap {
    padding-top: 20px; }
  .settings-container .form_wrap input {
    margin-bottom: 15px; }
  .settings-container .form_wrap button {
    display: block; }
  .settings-container .upload_foto button {
    margin-top: 20px;
    width: 170px; }

@charset "UTF-8";
/*layout*/
.reports-container {
  padding-top: 62px;
  /*all style*/
  /* arrows in table */
  /*end*/
  /*Обзвон */
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
  /*.setting_group table tbody tr.active td .amount {*/
  /*border: 1px solid #fff;*/
  /*}*/
  /*new design traffic-table   start*/ }
  @media screen and (max-width: 1680px) {
    .reports-container {
      padding-top: 100px; } }
  .reports-container .aside {
    z-index: 5; }
  .reports-container .main {
    padding: 87px 25px 25px !important; }
  .reports-container .phone_stud {
    cursor: default !important; }
  .reports-container .form-group input[type="text"][readonly].datepick {
    margin-top: 7px;
    margin-bottom: 10px;
    width: 100% !important;
    padding-left: 47px !important; }
  .reports-container .form-group .dateimg {
    padding-top: 6px; }
  .reports-container .students-tabl:hover {
    text-decoration: underline;
    cursor: pointer; }
  .reports-container .from {
    position: relative; }
  .reports-container .improvement_down {
    display: inline-block;
    width: 5px;
    height: 10px;
    border: 6px solid transparent;
    border-top: 8px solid red;
    vertical-align: bottom;
    margin-left: 5px; }
  .reports-container .improvement_up {
    display: inline-block;
    width: 5px;
    height: 10px;
    border: 6px solid transparent;
    border-bottom: 8px solid green;
    margin-left: 5px; }
  .reports-container .content {
    background: #fff;
    padding: 25px 10px 100px; }
  .reports-container #reviews > .content > div:first-child {
    margin-bottom: 20px; }
  .reports-container .mystatClass {
    font-weight: 600;
    color: black;
    padding: 0px 36px;
    font-size: 16px;
    text-align: center; }
  .reports-container select,
  .reports-container .datepicker {
    margin-right: 20px; }
  .reports-container input[type="text"][readonly],
  .reports-container input.datepicker {
    width: 485px !important; }
  .reports-container #moves input.datepicker {
    width: 300px !important; }
  .reports-container .label_date {
    font-weight: 600;
    color: #697f8e; }
  .reports-container p.pull-right {
    color: #697f8e; }
  .reports-container p.pull-right .all {
    font-weight: 700; }
  .reports-container #paires table {
    width: 100%;
    margin-top: 20px; }
  .reports-container #paires table tr th,
  .reports-container #paires table tr td {
    border: 1px solid #e4e7f6;
    text-align: center;
    padding: 10px;
    color: #697f8e; }
  .reports-container #paires table tr th:first-child,
  .reports-container #paires table tr td:first-child {
    text-align: left;
    border-color: #e4e7f6 #bfcdfd; }
  .reports-container #reviews table,
  .reports-container #debtors table,
  .reports-container #audithories table {
    color: #697f8e;
    width: 100%; }
  .reports-container #reviews table .survey-stat-admin {
    width: 80%; }
  .reports-container #reviews table .survey-stat {
    width: 70%; }
  .reports-container .review th,
  .reports-container .review td {
    border: 1px solid #e4e7f6;
    padding: 10px !important; }
  .reports-container .review th {
    text-align: center; }
  .reports-container .review .fio {
    min-width: 300px; }
  .reports-container .table_survey.survey-stat-admin {
    width: 80%; }
  .reports-container .table_survey.survey-stat {
    width: 70%; }
  .reports-container #reviews table.group {
    border: 1px solid #e4e7f6; }
  .reports-container #reviews table.group tr th,
  .reports-container #reviews table.group tr td {
    padding: 10px; }
  .reports-container #reviews table.group tr th {
    border: 1px solid #94acfb;
    background: #f4f7fa; }
  .reports-container #reviews table.review tr td:nth-child(1),
  .reports-container #reviews table.review tr td:nth-child(2) {
    min-width: 100px; }
  .reports-container #reviews table.review tr td:nth-child(5),
  .reports-container #reviews table.review tr td:nth-child(3) {
    min-width: 250px; }
  .reports-container #reviews table.review tr th,
  .reports-container #reviews table.review tr td,
  .reports-container #debtors table.maintable tr th,
  .reports-container #debtors table.maintable tr td {
    border-bottom: 1px solid #e9edf3;
    padding: 10px 0; }
  .reports-container #debtors table.maintable tr th,
  .reports-container #debtors table.maintable tr td {
    padding: 10px; }
  .reports-container #debtors table.maintable tr th {
    padding: 0 0 10px 0; }
  .reports-container #debtors table.maintable tr td:nth-child(8) {
    min-width: 175px; }
  .reports-container table.maintable img {
    height: 18px; }
  .reports-container table.homeworks {
    margin-top: 20px; }
  .reports-container table.homeworks img.file_img {
    height: 14px;
    position: relative;
    top: -2px; }
  .reports-container table.homeworks thead tr th {
    background: #478bca;
    color: #ffffff;
    font-weight: 300;
    padding: 10px 0; }
  .reports-container table.homeworks thead tr th:first-child {
    border-radius: 5px 0 0 0; }
  .reports-container table.homeworks thead tr th:last-child {
    border-radius: 0 5px 0 0; }
  .reports-container table.homeworks tr td {
    border: 1px solid #d8d8d8;
    color: #4c5e70;
    padding: 2px; }
  .reports-container table.homeworks tr td:nth-child(2) {
    padding-left: 10px; }
  .reports-container table.homeworks tr td:first-child {
    padding: 8px 10px;
    color: #848e99; }
  .reports-container table.homeworks tr td div.marked {
    display: block;
    text-decoration: none;
    cursor: pointer;
    background-color: #C6F9D8;
    border: 1px solid #6EE698;
    height: 34px;
    line-height: 34px;
    border-radius: 0;
    color: #61B77F;
    font-size: 19px;
    position: relative;
    text-align: center; }
  .reports-container table.homeworks tr td select {
    height: 22px;
    min-width: 30px;
    width: 35px;
    padding: 0;
    margin: 0;
    background-image: url("/image/arrow_mini.svg") !important; }
  .reports-container table.homeworks tr td .overdue,
  .reports-container table.homeworks tr td .not_mark,
  .reports-container table.homeworks tr td .not_upload {
    border: 1px solid #F98282;
    background: rgba(249, 130, 130, 0.35);
    text-align: center;
    height: 34px;
    padding: 5px 0; }
  .reports-container table.homeworks tr td .not_upload {
    background: transparent; }
  .reports-container table.homeworks tr td .not_mark {
    background: transparent;
    border: 1px solid transparent; }
  .reports-container table.homeworks tr td a.tooltip_link {
    float: right; }
  .reports-container .comment_img {
    height: 8px;
    position: absolute;
    margin: 1px 0 0 -11px; }
  .reports-container .overdue .comment_img,
  .reports-container .not_upload .comment_img {
    margin: -4px 0 0 -11px; }
  .reports-container .not_mark .comment_img {
    margin: -8px 0 0 -8px; }
  .reports-container table.moves {
    color: #697f8e;
    margin-top: 20px;
    width: 100%; }
    .reports-container table.moves.happiness thead:first-child > tr:first-child > th {
      max-width: 200px;
      vertical-align: middle; }
  .reports-container table.moves tr td {
    border: 1px solid #e1e9ee;
    padding: 8px 10px; }
    @media screen and (max-width: 1440px) {
      .reports-container table.moves tr td {
        font-size: 12px; } }
    @media screen and (max-width: 1360px) {
      .reports-container table.moves tr td {
        padding: 5px; } }
    @media screen and (max-width: 1280px) {
      .reports-container table.moves tr td {
        font-size: 11px; } }
    .reports-container table.moves tr td.date-column {
      width: 5vw;
      max-width: 5vw;
      padding: 5px !important; }
    .reports-container table.moves tr td.x-small-column {
      width: 3vw;
      max-width: 3vw;
      min-width: 2%; }
    .reports-container table.moves tr td.small-column {
      width: 6vw;
      max-width: 6vw;
      padding: 5px 10px !important; }
      @media screen and (max-width: 1440px) {
        .reports-container table.moves tr td.small-column {
          word-break: break-word; } }
      @media screen and (max-width: 1360px) {
        .reports-container table.moves tr td.small-column {
          padding: 5px !important; } }
    .reports-container table.moves tr td.big-column {
      width: 10vw;
      max-width: 10vw; }
  .reports-container table.moves tr td:nth-child(4) {
    padding: 8px 25px; }
  .reports-container table.moves-list tr td:nth-child(2) {
    cursor: pointer; }
  .reports-container .arrow {
    position: relative;
    margin: 0;
    width: 20px;
    height: 1px;
    background: #ccdbe9; }
  .reports-container .arrow:before,
  .reports-container .arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-right: 0; }
  .reports-container .arrow:after {
    top: -4px;
    right: -6px;
    border-left-color: #ccdbe9;
    border-width: 4px 0 5px 6px; }
  .reports-container .pull-right.arrows img {
    height: 20px;
    margin-left: 15px; }
  .reports-container table.maintable {
    margin-top: 20px; }
  .reports-container table.maintable tr td {
    border: 1px solid #e1e9ee;
    padding: 2px; }
  .reports-container table.maintable tr td:first-child {
    text-align: center;
    padding: 8px 10px; }
  .reports-container .upinfo {
    background: #f7f7fb;
    border: 1px solid #dee9f7;
    border-bottom-color: transparent;
    padding: 5px; }
  .reports-container .downinfo {
    background: #f7f7fb;
    border: 1px solid #dee9f7;
    padding: 5px; }
  .reports-container .for_select {
    display: inline-block; }
  .reports-container .date-pikr-block {
    margin-top: -42px;
    float: right; }
  .reports-container .date-pikr-block .for_select {
    vertical-align: baseline; }
  .reports-container .for_select select,
  .reports-container .for_select label {
    display: block; }
  .reports-container .for_select {
    vertical-align: top; }
  .reports-container .for_select:last-child {
    padding-top: 25px; }
  .reports-container .table_title {
    color: #697f8e;
    font-weight: 600;
    font-size: 16px; }
  .reports-container table.absent,
  .reports-container table.calls,
  .reports-container table.occupancy {
    width: 100%;
    margin-top: 20px; }
    .reports-container table.absent tr th, .reports-container table.absent tr td,
    .reports-container table.calls tr th,
    .reports-container table.calls tr td,
    .reports-container table.occupancy tr th,
    .reports-container table.occupancy tr td {
      padding: 0 5px; }
    .reports-container table.absent tr td,
    .reports-container table.calls tr td,
    .reports-container table.occupancy tr td {
      border: 1px solid #ebebf4; }
  .reports-container table.occupancy tr th {
    width: 17%;
    padding-left: 10px;
    padding-right: 10px; }
  .reports-container table.calls tr td:not(:first-child) {
    width: 15%;
    min-width: 15%; }
  .reports-container table.calls tr td:first-child {
    width: 40%;
    min-width: 40%; }
  .reports-container table.absent .comment_cell {
    word-break: break-word;
    word-wrap: break-word;
    position: relative;
    padding-top: 20px; }
  .reports-container .occupancy-group-page .table-title_buttons {
    display: flex; }
  .reports-container .occupancy-group-page .table-title_buttons a {
    display: block;
    margin-right: 20px; }
  .reports-container .occupancy-group-page .table-title_buttons img {
    height: 25px; }
  .reports-container .occupancy-group-page .form-study {
    display: inline-block;
    vertical-align: middle; }
  .reports-container select#part {
    margin: 15px 0; }
  .reports-container select.form-study {
    padding-right: 20px; }
  .reports-container table tr th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #697f8e; }
  .reports-container .mobileView {
    display: none; }
  @media screen and (max-width: 1280px) {
    .reports-container .mobileHidden {
      display: none; }
    .reports-container table.customMobileView tbody {
      display: flex;
      justify-content: space-between; }
      .reports-container table.customMobileView tbody .mobileView {
        display: block;
        width: 50%;
        margin-bottom: 50px; }
        .reports-container table.customMobileView tbody .mobileView th {
          padding: 8px 10px;
          border: 1px solid #ebebf4; }
      .reports-container table.customMobileView tbody .mobileViewItem {
        width: 50%; }
      .reports-container table.customMobileView tbody tr th, .reports-container table.customMobileView tbody tr td {
        font-size: 1.2vw;
        display: block;
        width: 100%;
        min-height: 40px; } }
  .reports-container #calls tr td,
  .reports-container label {
    color: #697f8e; }
  .reports-container #mystat table {
    width: 100%; }
  .reports-container #mystat table tr th {
    text-transform: initial;
    padding: 0 7px;
    text-align: center; }
  .reports-container .reviews-dates {
    display: inline-block; }
  .reports-container .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table {
    width: 350px !important; }
  .reports-container label.label-green {
    background-image: url("/image/css_radio_green.svg") !important; }
  .reports-container label.label-yellow {
    background-image: url("/image/css_radio_yellow.svg") !important; }
  .reports-container label.label-red {
    background-image: url("/image/css_radio_red.svg") !important; }
  .reports-container .radio-wrappers {
    display: inline-block;
    margin-top: 9px; }
  .reports-container .radio-wrappers > label.css-label-radio {
    height: 20px !important; }
  .reports-container input[type=radio].colored-radio:checked + label.css-label-radio {
    background-position: 0 -20px !important; }
  .reports-container .status {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    margin: 5px auto;
    line-height: 1.75;
    opacity: 0.5; }
  .reports-container .status-red {
    background-color: #F15B5B;
    color: #F15B5B; }
  .reports-container .status-yellow {
    background-color: #FFC457;
    color: #FFC457; }
  .reports-container .status-green {
    background-color: #76CEBA;
    color: #76CEBA; }
  .reports-container .status-hide {
    display: none !important; }
  .reports-container .right_button {
    float: right;
    margin-bottom: 20px; }
  .reports-container .moves-list th {
    text-align: center;
    padding: 5px;
    word-break: break-word; }
    @media screen and (max-width: 1280px) {
      .reports-container .moves-list th {
        font-size: 11px; } }
  .reports-container .legend {
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px;
    display: inline-block;
    height: 10px;
    width: 8px; }
  .reports-container .points div {
    display: inline-block;
    padding-left: 25px;
    font-size: 14px;
    color: #697e8d; }
  .reports-container .legends {
    padding-bottom: 20px;
    display: inline-block; }
  .reports-container .del_lesson_top {
    top: 2px;
    position: absolute;
    right: 2px;
    height: 15px;
    cursor: pointer; }
  .reports-container .comment-field {
    width: 100%; }
  .reports-container .comment-button {
    margin-bottom: 7px; }
  .reports-container .popover-inner {
    min-width: 230px;
    max-width: 230px;
    width: 230px; }
    .reports-container .popover-inner .symbolsInfo {
      color: #ff0000; }
  .reports-container .comment-view-top {
    top: 3px;
    float: right;
    position: relative;
    right: 5px;
    height: 20px;
    cursor: pointer; }
  .reports-container .comment-container {
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block; }
  .reports-container .left-top .arrow {
    display: none; }
  .reports-container .abs-comments {
    border-bottom: 1px solid #ebebf4; }
  .reports-container .info input[type="text"] {
    width: 360px;
    height: 34px;
    display: inline-block;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    margin-bottom: 5px;
    margin-right: 4px; }
  .reports-container .svg_image {
    height: 18px;
    margin-left: 20px; }
  .reports-container .survey_wrap {
    position: relative; }
  .reports-container .survey_wrap .validation li {
    width: 270px;
    left: 90px;
    top: -15px; }
  .reports-container .survey_wrap .validation {
    position: absolute; }
  .reports-container .table_survey {
    margin-top: 20px; }
  .reports-container table.table_survey tr td:nth-child(1) {
    min-width: 400px;
    max-width: 400px;
    width: 400px; }
  .reports-container table.table_survey tr td:nth-child(2) {
    min-width: 190px;
    max-width: 190px;
    width: 190px; }
  .reports-container table.table_survey tr td:nth-child(3) {
    min-width: 190px;
    max-width: 190px;
    width: 190px; }
  .reports-container table.table_survey tr td:nth-child(4) {
    min-width: 190px;
    max-width: 190px;
    width: 190px; }
  .reports-container table.table_survey tr td:nth-child(5) {
    min-width: 190px;
    max-width: 190px;
    width: 190px; }
  .reports-container .setting_group table tbody tr.active-edit {
    background: #fff;
    border: 2px solid #75b6ed; }
  .reports-container .select-disabled {
    color: #E6E6E6;
    border-color: #A9D0F5;
    border-style: dashed; }
  .reports-container .setting_group table tbody tr.active-edit td {
    color: #697e8d;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .reports-container .setting_group table tbody tr.active-edit td .amount {
    border: 1px solid #697e8d; }
  .reports-container .row.setting_group > div {
    width: 20%; }
  .reports-container .row.setting_group > div.col-md-12 {
    width: 100%; }
  .reports-container .setting_group tr td {
    border: 1px solid #ebebf4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .reports-container table tr td {
    color: #697e8d;
    padding: 10px 5px; }
  .reports-container .toggle.toggle-check {
    background: url(/image/good.svg); }
  .reports-container .toggle {
    float: right;
    margin-right: 15px;
    height: 18px;
    width: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #dde5f0;
    margin-top: 2px;
    cursor: pointer; }
  .reports-container .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px; }
  .reports-container .switch input {
    display: none; }
  .reports-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .reports-container .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .reports-container input:checked + .slider {
    background-color: #3b95e1; }
  .reports-container input:focus + .slider {
    box-shadow: 0 0 1px #3b95e1; }
  .reports-container input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px); }
  .reports-container .slider.round {
    border-radius: 10px; }
  .reports-container .slider.round:before {
    border-radius: 50%; }
  .reports-container .fake-label {
    background-image: none !important;
    border: none;
    min-width: 150px;
    display: inline-block;
    padding-right: 10px; }
  .reports-container .setting_group table tbody tr.active-edit td .amount {
    border: 1px solid #697e8d; }
  .reports-container .amount {
    border: 1px solid #6d8190;
    border-radius: 11px;
    padding: 0 5px;
    margin: 0 8px;
    font-size: 12px; }
  .reports-container table tr td span.amount {
    font-size: 10px; }
  .reports-container .setting_group table tbody tr.active {
    background: #ebeef3; }
  .reports-container table.poll-statistics tr td {
    padding: 8px 10px;
    border: 1px solid #ebebf4; }
  .reports-container table.poll-statistics tr th {
    padding: 8px 10px; }
  .reports-container .comment-in-table .arrow:before {
    display: none; }
  .reports-container .comment-in-table .popover > .arrow, .reports-container .popover > .arrow:after {
    display: none; }
  .reports-container .old-data-traffic {
    margin-left: -16px;
    font-size: 13px;
    color: #9e9e9e; }
  .reports-container .comment-in-table .comment-field {
    resize: none; }
  .reports-container .comment-in-table .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled {
    left: initial !important;
    right: 0; }
  .reports-container .academic-table .comment_teach {
    max-width: 200px;
    word-wrap: break-word;
    width: 200px; }
  .reports-container .hidden_stud {
    display: none; }
  .reports-container .grey_backg_stud {
    background: #efefef; }
  .reports-container .non_hidden_stud {
    display: table-row; }
  .reports-container .lab_check_view {
    cursor: pointer;
    font-size: 16px;
    margin-left: 15px; }
  .reports-container .lab_check_view input {
    cursor: pointer;
    width: 30px;
    height: 18px;
    margin-top: 5px; }
  .reports-container table.moves.traffic-table {
    color: #697f8e;
    margin-top: 20px;
    width: 100%;
    border: 1px solid #e7ebf0;
    text-align: center; }
  .reports-container .td-kpi-teache-body {
    height: 70px; }
  .reports-container .block-persent-kpi {
    color: #616060;
    font-weight: 600;
    margin-top: 20px;
    top: 80%; }
  .reports-container .sum_percent td {
    color: #ff9800; }
  .reports-container table.moves.traffic-table th {
    background-color: #f4f7f9;
    border: 1px solid #e7ebf0;
    text-transform: initial;
    font-size: 14px;
    color: #445e7a;
    padding: 10px 5px;
    cursor: default;
    height: 40px;
    position: relative;
    z-index: 4500; }
    @media screen and (max-width: 1360px) {
      .reports-container table.moves.traffic-table th {
        font-size: 13px; } }
    @media screen and (max-width: 1280px) {
      .reports-container table.moves.traffic-table th {
        font-size: 12px; } }
  .reports-container table.moves.traffic-table th:first-child,
  .reports-container table.moves.traffic-table td:first-child {
    min-width: 40px;
    max-width: 40px;
    width: 2vw; }
  .reports-container table.moves.traffic-table .col_stud_info {
    max-width: 150px;
    width: 8vw; }
  .reports-container table.moves.traffic-table .col_mystat {
    min-width: 70px;
    max-width: 95px;
    width: 5vw; }
  .reports-container table.moves.traffic-table .col_debet {
    max-width: 125px;
    width: 5vw; }
  .reports-container table.moves.traffic-table .col_homework,
  .reports-container table.moves.traffic-table .col_mark {
    min-width: 100px;
    max-width: 140px;
    width: 5vw; }
    @media screen and (max-width: 1360px) {
      .reports-container table.moves.traffic-table .col_homework,
      .reports-container table.moves.traffic-table .col_mark {
        min-width: 100px; } }
  .reports-container .hw-column {
    width: 50px;
    max-width: 50px; }
  .reports-container table.moves.traffic-table .col_mark .happiness {
    min-width: 90px;
    width: 90px; }
    @media screen and (max-width: 1280px) {
      .reports-container table.moves.traffic-table .col_mark .happiness {
        min-width: 80px;
        width: 80px; } }
  .reports-container table.moves.traffic-table .col_potential_perscent {
    min-width: 75px;
    max-width: 75px;
    width: 3vw; }
  .reports-container table.moves.traffic-table .subhead th {
    font-size: 13px;
    text-transform: lowercase;
    padding: 10px 4px; }
  .reports-container table.moves.traffic-table .subhead th.sub_col_period {
    min-width: 65px;
    max-width: 65px;
    width: 5%; }
    @media screen and (max-width: 1360px) {
      .reports-container table.moves.traffic-table .subhead th.sub_col_period {
        min-width: 55px; } }
  .reports-container table.moves.traffic-table a.thead_link {
    color: #445e7a;
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    border-width: 1px;
    width: calc(100% - 2px);
    overflow-y: hidden; }
  .reports-container .vertical-text {
    height: 120px;
    min-width: 30px;
    max-height: 120px;
    writing-mode: tb-rl; }
  .reports-container table.moves.traffic-table .subhead th:hover,
  .reports-container table.moves.traffic-table th:first-child:hover,
  .reports-container table.moves.traffic-table .col_mystat:hover,
  .reports-container table.moves.traffic-table .col_debet:hover,
  .reports-container table.moves.traffic-table .col_potential_perscent:hover {
    background-color: #e4ebf0;
    cursor: pointer; }
  .reports-container table.moves.traffic-table th .potential_percent {
    font-size: 18px; }
  .reports-container table.moves.traffic-table th.happiness {
    width: 85px;
    min-width: 85px; }
  .reports-container table.moves.traffic-table tr td:nth-child(4) {
    padding: 8px 10px; }
  .reports-container table.moves.traffic-table .students-tabl:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #445e7a; }
  .reports-container table.moves.traffic-table .comment_teach {
    max-width: 10vw;
    word-wrap: break-word;
    width: 10vw; }
    @media screen and (max-width: 1440px) {
      .reports-container table.moves.traffic-table .comment_teach {
        width: 8vw;
        max-width: 9vw; } }
    @media screen and (max-width: 1280px) {
      .reports-container table.moves.traffic-table .comment_teach {
        max-width: 130px !important;
        min-width: 120px !important; } }
    .reports-container table.moves.traffic-table .comment_teach.all_comments {
      padding-right: 0; }
      .reports-container table.moves.traffic-table .comment_teach.all_comments p {
        padding-right: 15px; }
    .reports-container table.moves.traffic-table .comment_teach #messages-list {
      padding: 0; }
    .reports-container table.moves.traffic-table .comment_teach ul {
      padding: 0;
      list-style: none; }
      .reports-container table.moves.traffic-table .comment_teach ul li {
        padding-right: 15px;
        margin-bottom: 10px; }
  .reports-container table.moves.traffic-table .scroll-container {
    max-height: 300px;
    overflow-y: auto;
    width: 100%; }
  .reports-container table.moves.traffic-table .comment_teacher {
    margin: 0; }
  .reports-container table.moves.traffic-table .comment_date {
    margin-bottom: 35px; }
  .reports-container table.moves.traffic-table .del_lesson_top {
    top: 5px;
    right: 5px; }
  .reports-container .thead_tooltip .popover.top {
    margin-top: -25px;
    color: #fff;
    background-color: #445e7a;
    text-align: center;
    padding: 5px 0; }
  .reports-container .thead_tooltip .popover.top > .arrow {
    border-top-color: #445e7a;
    position: absolute;
    display: block; }
  .reports-container .thead_tooltip .popover.top > .arrow:after {
    display: none; }
  .reports-container .thead_tooltip .arrow {
    background-color: transparent; }
  @media screen and (max-width: 1460px) {
    .reports-container table.moves.traffic-table .comment_teach {
      max-width: 150px;
      min-width: 150px;
      width: 15%; } }
  .reports-container table.moves tr .main-indicator {
    font-size: 28px;
    width: 7%; }
    @media screen and (max-width: 1440px) {
      .reports-container table.moves tr .main-indicator {
        font-size: 18px; } }
    .reports-container table.moves tr .main-indicator .old-data-traffic {
      font-size: 26px; }
      @media screen and (max-width: 1440px) {
        .reports-container table.moves tr .main-indicator .old-data-traffic {
          font-size: 16px; } }
      @media screen and (max-width: 1360px) {
        .reports-container table.moves tr .main-indicator .old-data-traffic {
          font-size: 15px; } }
    .reports-container table.moves tr .main-indicator .improvement_down {
      vertical-align: middle; }
  .reports-container .tooltip-img {
    position: absolute;
    height: 24px;
    width: 24px;
    background: url("/image/reports/info.png") repeat-x;
    top: 0;
    z-index: 1; }
  .reports-container .tooltip-wrap {
    position: absolute;
    height: 22px;
    width: 22px;
    right: -10px;
    top: -10px; }
    .reports-container .tooltip-wrap .tooltip-text {
      position: relative;
      width: 24px;
      height: 24px;
      top: 0;
      z-index: 2; }
    .reports-container .tooltip-wrap .tooltip-inner {
      min-width: 200px; }
  .reports-container .for_select-with-tooltip {
    margin-top: 25px;
    margin-right: 20px;
    position: relative; }
  .reports-container .tooltip__z-index {
    z-index: 5000; }

.popover {
  z-index: 997; }

.stud-distinguish {
  background: #f7d8d8; }

html.ngdialog-open {
  overflow: visible; }

table tr.mark-deleted-users {
  background-color: rgba(255, 0, 0, 0.09); }

table tr.manually-potential-losses {
  background-color: rgba(255, 0, 0, 0.09); }

/*new design traffic-table   end*/
.tooltip.comment-tooltip .tooltip-inner {
  height: auto;
  max-height: 200px;
  overflow: auto; }

.losses-tooltip {
  background: transparent;
  border: 1px solid #ff0000;
  border-radius: 50%;
  color: #ff0000;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  margin: 8px 0 0 0; }
  .losses-tooltip:focus {
    outline: none; }

.show-more-btn {
  margin-top: 15px;
  cursor: pointer; }

.all-comments-wrap .ngdialog-content {
  margin: 25px auto;
  width: 70vw;
  padding: 20px;
  border-radius: 10px; }

.all-comments-wrap .all-comments-list {
  max-height: 80vh;
  margin-top: 30px; }
  .all-comments-wrap .all-comments-list ul {
    list-style: none; }
    .all-comments-wrap .all-comments-list ul li {
      font-size: 16px;
      margin-bottom: 25px;
      margin-right: 30px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e7ebf0; }
      .all-comments-wrap .all-comments-list ul li:last-child {
        border-bottom: none; }
      .all-comments-wrap .all-comments-list ul li .date, .all-comments-wrap .all-comments-list ul li .teach {
        font-weight: bold; }
      .all-comments-wrap .all-comments-list ul li .date {
        margin-left: 30px;
        font-style: italic; }
      .all-comments-wrap .all-comments-list ul li .teach {
        margin-left: 20px; }
      .all-comments-wrap .all-comments-list ul li div {
        margin-top: 10px; }

.happines-work__table tr th {
  word-break: normal !important; }

.happines-work__table tr a:hover, .happines-work__table :active, .happines-work__table :focus {
  text-decoration: none !important;
  outline: none !important; }

.happines-work__table tr td {
  text-align: center; }

.happines-work__table tr td:nth-child(2) {
  width: 80px; }

.happines-work__table tr td:nth-child(3) {
  width: 180px; }

.happines-work__table tr td:nth-child(4) {
  padding: 8px 10px;
  width: 120px; }

.happines-work__table tr td:nth-child(n+5) {
  width: 50px; }

.happines-work__table tr td:last-child {
  width: auto; }

@charset "UTF-8";
/* modal window с недозаполненными отчетами по занятим преподов (раздел видео) */
.ngdialog.ngdialog-theme-default.ngdialog-unfilling-report .ngdialog-content {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1000px;
  color: rgba(0, 0, 0, 0.5);
  padding: 35px 8px 35px 35px;
  background: white; }

/* Стили к элементам в модалке недозаполненных отчетов с видео преподавателей. */
.video-unfilled {
  height: calc(100vh - 65px);
  overflow: hidden; }
  .video-unfilled__search-wrap {
    padding-right: 20px; }
    .video-unfilled__search-wrap .dropdown {
      margin-top: 15px; }
  .video-unfilled .block-width {
    width: 99%; }
  .video-unfilled .bad-mark {
    color: #E41E1E;
    position: relative;
    font-size: 18px;
    padding: 30px 0 25px;
    padding-left: 36px; }
  .video-unfilled .bad-mark:before {
    content: '';
    display: block;
    position: absolute;
    background-image: url("/image/bell.svg");
    width: 16px;
    height: 20px;
    left: 0; }
  .video-unfilled .planned_analysis {
    font-size: 18px;
    padding: 30px 0;
    color: black; }
  .video-unfilled .flex {
    display: flex;
    align-items: baseline;
    justify-content: space-between; }
  .video-unfilled .infinite-scroll-container {
    overflow-y: auto;
    height: calc(100vh - 115px); }
  .video-unfilled .infinite-scroll-content {
    margin-bottom: 200px; }
  .video-unfilled .title {
    font-weight: bold; }
  .video-unfilled .marked-block {
    background: #f1e3e3; }
  .video-unfilled__select {
    margin-left: 30px;
    border-radius: 5px; }
  .video-unfilled .teach + .teach {
    margin: -1px 0; }
  .video-unfilled .teacher {
    padding: 19px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    .video-unfilled .teacher-fio {
      color: black;
      margin: 0 32px 0 15px; }
    .video-unfilled .teacher-avg-mark {
      color: black;
      margin-left: 15px; }
  .video-unfilled .lesson-info {
    display: flex;
    justify-content: space-between;
    padding: 20px 10px 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    .video-unfilled .lesson-info__block {
      display: flex; }
    .video-unfilled .lesson-info__block-titles div:not(:nth-child(1)) {
      margin-top: 10px; }
    .video-unfilled .lesson-info__block-value {
      color: black;
      margin-left: 30px; }
      .video-unfilled .lesson-info__block-value .ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 160px; }
      .video-unfilled .lesson-info__block-value .tooltip-info {
        opacity: 1; }
        .video-unfilled .lesson-info__block-value .tooltip-info .tooltip-inner {
          color: black;
          background-color: #EBECED;
          padding: 7px; }
        .video-unfilled .lesson-info__block-value .tooltip-info .tooltip-arrow {
          border-bottom-color: #EBECED; }
    .video-unfilled .lesson-info__block-value .mrgn-top-10 {
      margin-top: 10px; }
  .video-unfilled .stud-comments-block {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    .video-unfilled .stud-comments-block__header {
      display: grid;
      grid-template-columns: min-content min-content 1fr;
      gap: 20px;
      text-align: center; }
    .video-unfilled .stud-comments-block__row {
      display: grid;
      gap: 20px;
      text-align: center;
      color: black; }
    .video-unfilled .stud-comments-block__comment {
      text-align: initial;
      white-space: nowrap;
      overflow: hidden;
      cursor: pointer;
      text-overflow: ellipsis;
      color: #0991ED;
      font-size: 21px; }
      .video-unfilled .stud-comments-block__comment-show {
        box-shadow: 8px 11px 15px rgba(0, 0, 0, 0.11);
        text-overflow: initial;
        overflow: initial;
        white-space: initial;
        padding-right: 10px; }
      .video-unfilled .stud-comments-block__comment span {
        color: black;
        font-size: initial; }
    .video-unfilled .stud-comments-block__comment:nth-child(n + 5) {
      display: none; }
    .video-unfilled .stud-comments-block__comment-head {
      display: flex;
      align-items: flex-end;
      text-align: initial; }
    .video-unfilled .stud-comments-block__show-all {
      color: #0991ED;
      cursor: pointer; }
    .video-unfilled .stud-comments-block .tooltip-comment {
      opacity: 1; }
      .video-unfilled .stud-comments-block .tooltip-comment .tooltip-inner {
        max-width: 740px;
        color: black;
        background: white;
        box-shadow: 8px 11px 15px rgba(0, 0, 0, 0.11);
        font-size: initial;
        border: 1px solid rgba(0, 0, 0, 0.15); }
  .video-unfilled .check-list-block {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 20px; }
    .video-unfilled .check-list-block__titles div {
      margin-bottom: 10px; }
    .video-unfilled .check-list-block__mark-title {
      margin-top: 15px; }
    .video-unfilled .check-list-block__value {
      color: #0991ED;
      display: flex;
      flex-direction: column;
      margin: 0 30px; }
      .video-unfilled .check-list-block__value-link {
        margin-bottom: 10px;
        color: #0991ED;
        text-decoration: underline;
        cursor: pointer; }
      .video-unfilled .check-list-block__value .input-grade {
        width: 86px;
        height: 36px;
        text-align: center;
        border-radius: 4px; }
    .video-unfilled .check-list-block__template {
      color: rgba(0, 0, 0, 0.75);
      padding-top: 34px; }
      .video-unfilled .check-list-block__template a {
        color: rgba(0, 0, 0, 0.75);
        text-decoration: underline; }
  .video-unfilled .teacher-comment textarea {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px; }
  .video-unfilled .rating-block {
    display: flex;
    align-items: center; }
    .video-unfilled .rating-block__ratings {
      display: flex;
      margin-left: 25px;
      padding: 20px 0 15px; }
      .video-unfilled .rating-block__ratings .radio-btn__elem {
        margin-right: 15px; }
      .video-unfilled .rating-block__ratings label div {
        width: 30px;
        height: 30px; }
    .video-unfilled .rating-block .tooltip-icon-face .tooltip-inner {
      color: black;
      background-color: rgba(214, 217, 220, 0.5);
      padding: 7px; }
    .video-unfilled .rating-block .tooltip-icon-face .tooltip-arrow {
      border-bottom-color: rgba(214, 217, 220, 0.5); }
  .video-unfilled .btn-save-report {
    margin-bottom: 30px;
    height: 45px;
    padding: 0 25px; }
  .video-unfilled .smile-face div {
    background-image: url("/image/smile-face.svg"); }
  .video-unfilled .smile-face:hover div {
    background-image: url("/image/smile-face-active.svg"); }
  .video-unfilled input[type="radio"]:checked + .smile-face div {
    background-image: url("/image/smile-face-active.svg"); }
  .video-unfilled .neutral-face div {
    background-image: url("/image/neutral-face.svg"); }
  .video-unfilled .neutral-face:hover div {
    background-image: url("/image/neutral-face-active.svg"); }
  .video-unfilled input[type="radio"]:checked + .neutral-face div {
    background-image: url("/image/neutral-face-active.svg"); }
  .video-unfilled .sad-face div {
    background-image: url("/image/sad-face.svg"); }
  .video-unfilled .sad-face:hover div {
    background-image: url("/image/sad-face-active.svg"); }
  .video-unfilled input[type="radio"]:checked + .sad-face div {
    background-image: url("/image/sad-face-active.svg"); }
  .video-unfilled .unprocessed div {
    background-image: url("/image/unprocessed.svg"); }
  .video-unfilled .unprocessed:hover div {
    background-image: url("/image/unprocessed-active.svg"); }
  .video-unfilled input[type="radio"]:checked + .unprocessed div {
    background-image: url("/image/unprocessed-active.svg"); }

@charset "UTF-8";
/*layout*/
.teach-reports-container {
  padding-top: 100px;
  /*all style*/
  /*                                                  Время регистрации */
  /*                                                      Отчитаные часы */
  /*  **                                                                                 reviews-student ** */
  /*                                                                                                      HW*/
  /*******************************************************************checkbox*/
  /*.state {*/
  /*border: 1px solid #dee9f7;*/
  /*}*/
  /*.label-container{*/
  /*width: 50%;*/
  /*max-width: 50%;*/
  /*min-width: 50%;*/
  /*}*/ }
  .teach-reports-container .button_excel_ex {
    text-decoration: none;
    cursor: pointer;
    display: block; }
  .teach-reports-container .consolidated-report tr td {
    text-align: center; }
  .teach-reports-container .consolidated-report tr td a {
    text-decoration: none;
    cursor: pointer; }
  .teach-reports-container .consolidated-report .consolidated-diff-title {
    text-align: right; }
  .teach-reports-container .consolidated-report .positive-value {
    color: green; }
  .teach-reports-container .consolidated-report .negative-value {
    color: red; }
  .teach-reports-container .consolidated-report .consolidation-teach-rows {
    background: #e4e4e4; }
  .teach-reports-container .button_excel > img {
    height: 25px; }
  .teach-reports-container .aside {
    z-index: 5; }
  .teach-reports-container .main {
    padding: 87px 25px 25px !important; }
  .teach-reports-container body {
    font-family: 'Open Sans', sans-serif; }
  .teach-reports-container .content > .large-12 {
    background: #fff;
    padding: 25px 50px 100px; }
  .teach-reports-container .dropdown-menu {
    z-index: 5000; }
  .teach-reports-container table {
    width: 100%; }
  .teach-reports-container .for_select {
    display: inline-block; }
  .teach-reports-container .for_select select, .teach-reports-container .for_select label {
    display: block; }
  .teach-reports-container table tr th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #697e8d;
    padding: 5px;
    writing-mode: bt-lr;
    min-width: 100px; }
    .teach-reports-container table tr th.first-line {
      position: sticky;
      z-index: 4500;
      background-color: #fff;
      top: 100px;
      outline: 1px solid #e7ebf0; }
      @media screen and (max-width: 1230px) {
        .teach-reports-container table tr th.first-line {
          top: 145px; } }
    .teach-reports-container table tr th.second-line {
      position: sticky;
      z-index: 4500;
      background-color: #fff;
      top: 128px;
      outline: 1px solid #e7ebf0; }
      @media screen and (max-width: 1230px) {
        .teach-reports-container table tr th.second-line {
          top: 173px; } }
    .teach-reports-container table tr th.common {
      width: 10vw; }
    .teach-reports-container table tr th.wide_column {
      width: 15vw; }
      .teach-reports-container table tr th.wide_column-small {
        width: 50px;
        min-width: 50px; }
    .teach-reports-container table tr th.column__relative {
      position: relative; }
    @media screen and (max-width: 1440px) {
      .teach-reports-container table tr th {
        word-wrap: break-word;
        min-width: 74px; } }
    @media screen and (max-width: 1280px) {
      .teach-reports-container table tr th {
        min-width: 65px; } }
  .teach-reports-container .strong {
    font-weight: bold; }
  .teach-reports-container .cursive {
    font-style: italic; }
  .teach-reports-container table.hours-report-only-one-for-dima tr th {
    text-align: center; }
  .teach-reports-container table tr td {
    border: 1px solid #dee9f7;
    padding: 6px 5px;
    color: #346181;
    position: relative;
    font-size: 12px; }
    .teach-reports-container table tr td.common {
      width: 9vw;
      max-width: 9vw;
      height: 70px; }
    .teach-reports-container table tr td.wide_column {
      min-width: 17vw;
      width: 18vw; }
      .teach-reports-container table tr td.wide_column-big {
        width: 40vw; }
        .teach-reports-container table tr td.wide_column-big .ng-isolate-scope {
          left: 50% !important;
          transform: translateX(-50%);
          margin-top: 230px;
          width: 600px;
          max-width: 600px;
          position: fixed; }
      .teach-reports-container table tr td.wide_column-small {
        width: 50px;
        min-width: 50px; }
    @media screen and (max-width: 1440px) {
      .teach-reports-container table tr td {
        word-wrap: break-word;
        max-width: 80px; } }
    @media screen and (max-width: 1280px) {
      .teach-reports-container table tr td {
        max-width: 50px; } }
  .teach-reports-container #time-registration .inline {
    display: inline-block;
    margin-right: 20px; }
  .teach-reports-container #time-registration .inline label {
    display: block;
    color: #697e8d; }
  .teach-reports-container table.registration {
    width: 100%;
    margin-top: 20px; }
  .teach-reports-container #hour table {
    color: #697e8d; }
  .teach-reports-container #hour table tr td a:hover,
  .teach-reports-container table.reviews_student tr td a:hover,
  .teach-reports-container table.all_hw tr td a:hover,
  .teach-reports-container table.all_hw_for_teach tr td a:hover,
  .teach-reports-container table.all_hw_for_form tr td a:hover,
  .teach-reports-container .form_link:hover {
    cursor: pointer;
    text-decoration: none; }
  .teach-reports-container #hour .links,
  .teach-reports-container #hour select {
    margin-bottom: 20px;
    margin-right: 20px; }
  .teach-reports-container #hour table.one_teacher_table tr th {
    text-align: center; }
  .teach-reports-container #hour table.one_teacher_table tr td {
    padding: 2px;
    width: 9%;
    max-width: 9%;
    min-width: 9%; }
  .teach-reports-container #hour table.one_teacher_table tr td .date {
    color: #b0c9e8;
    font-size: 17px;
    padding-left: 10px; }
  .teach-reports-container #hour table.one_teacher_table tr td .date .day {
    color: #43a0ec;
    padding-left: 7px; }
  .teach-reports-container #hour table.one_teacher_table tr td[colspan="2"],
  .teach-reports-container #hour table.one_teacher_table tr td:first-child {
    padding: 8px; }
  .teach-reports-container #hour table.one_teacher_table tr td .check {
    background: #e5f2ff;
    border: 1px solid #dee9f7;
    height: 100%; }
  .teach-reports-container #hour table.one_teacher_table tr td .check .double {
    padding: 3px;
    text-align: center; }
  .teach-reports-container #hour table.one_teacher_table tr td .check .double .group {
    color: #697E8D;
    font-weight: 600; }
  .teach-reports-container #hour table.one_teacher_table tr td .check .double .paire {
    color: #43a0ec; }
  .teach-reports-container #hour table.one_teacher_table tr td .check .double .time {
    color: #787878;
    font-size: 12px; }
  .teach-reports-container select#teachers {
    padding-right: 35px; }
  .teach-reports-container #reviews-student select,
  .teach-reports-container #reviews-student input.datepicker {
    margin-right: 20px;
    margin-bottom: 20px; }
  .teach-reports-container #reviews-student select#teacher {
    padding-right: 25px; }
  .teach-reports-container #reviews-student table.reviews_student tr td:nth-child(2),
  .teach-reports-container #reviews-student table.reviews_student tr td:nth-child(3),
  .teach-reports-container #reviews-student table.reviews_student tr td:nth-child(1) {
    min-width: 150px; }
  .teach-reports-container table.homeworks {
    margin-top: 20px; }
  .teach-reports-container table.homeworks img.file_img {
    height: 14px;
    position: relative;
    top: -2px; }
  .teach-reports-container table.homeworks thead tr {
    border: 1px solid #e4e7f6; }
  .teach-reports-container table.homeworks tr td {
    border: 1px solid #e4e7f6;
    color: #4c5e70;
    padding: 2px; }
  .teach-reports-container table.homeworks tr td:nth-child(2) {
    padding-left: 10px; }
  .teach-reports-container table.homeworks tr td:first-child {
    padding: 8px 10px;
    color: #848e99; }
  .teach-reports-container table.homeworks tr td div.marked {
    display: block;
    text-decoration: none;
    cursor: pointer;
    background-color: #C6F9D8;
    border: 1px solid #6EE698;
    height: 34px;
    line-height: 34px;
    border-radius: 0;
    color: #61B77F;
    font-size: 19px;
    position: relative;
    text-align: center; }
  .teach-reports-container table.homeworks tr td select {
    height: 22px;
    min-width: 30px;
    width: 35px;
    padding: 0;
    margin: 0;
    background-image: url("/image/arrow_mini.svg") !important; }
  .teach-reports-container table.homeworks tr td .overdue,
  .teach-reports-container table.homeworks tr td .not_mark,
  .teach-reports-container table.homeworks tr td .not_upload {
    border: 1px solid #F98282;
    background: rgba(249, 130, 130, 0.35);
    text-align: center;
    height: 34px;
    padding: 5px 0; }
  .teach-reports-container table.homeworks tr td .not_upload {
    background: transparent; }
  .teach-reports-container table.homeworks tr td .not_mark {
    background: transparent;
    border: 1px solid transparent; }
  .teach-reports-container table.homeworks tr td a.tooltip_link {
    float: right; }
  .teach-reports-container .comment_img {
    height: 8px;
    position: absolute;
    margin: 1px 0 0 -11px; }
  .teach-reports-container .overdue .comment_img,
  .teach-reports-container .not_upload .comment_img {
    margin: -4px 0 0 -11px; }
  .teach-reports-container .not_mark .comment_img {
    margin: -8px 0 0 -8px; }
  .teach-reports-container input[type=radio].css-checkbox-week {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .teach-reports-container input[type=radio].css-checkbox-week + label.css-label-week {
    padding-left: 0;
    text-align: center;
    height: 36px;
    width: 36px;
    display: inline-block;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase; }
  .teach-reports-container #time-registration .inline label {
    display: inline-block;
    color: #697e8d; }
  .teach-reports-container input[type=radio].css-checkbox-week:checked + label.css-label-week {
    background-position: 0 -36px;
    color: #ffffff !important; }
  .teach-reports-container label.css-label-week {
    background-image: url(/image/week.svg);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .teach-reports-container .checkbox-week,
  .teach-reports-container .checkbox-paire,
  .teach-reports-container .double {
    display: inline-block;
    padding-right: 20px; }
  .teach-reports-container .mini_label,
  .teach-reports-container div#day label:first-child,
  .teach-reports-container div#paire label:first-child {
    margin-top: 15px;
    font-weight: 400; }
  .teach-reports-container .day-item {
    padding: 1px;
    background: #e5f2ff;
    border: 2px solid #dee9f7;
    height: 100%;
    font-size: 13px; }
  .teach-reports-container .table-hours th {
    color: #697e8d;
    text-align: center; }
  .teach-reports-container .table-hours tr {
    height: 1px; }
  .teach-reports-container .table-hours tr td {
    padding: 3px;
    width: 200px;
    height: inherit; }
  .teach-reports-container .day-item .lesson {
    color: #43a0ec; }
  .teach-reports-container .day-item .group {
    color: #697e8d;
    font-weight: 600; }
  .teach-reports-container .day-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
  .teach-reports-container .table-hours tr td:first-child {
    text-align: center;
    height: 100%; }
  .teach-reports-container .color_red {
    color: black;
    font-weight: 500;
    margin: 2px;
    border: 1px solid #d75b5f !important;
    background: #fcc2be; }
  .teach-reports-container .color_yellow {
    color: black;
    font-weight: 500;
    margin: 2px;
    border: 1px solid #ffae57 !important;
    background: #ffe8a0; }
  .teach-reports-container .color_blue {
    color: black;
    font-weight: 500;
    margin: 2px;
    border: 1px solid #3b95e1 !important;
    background: #badaf5; }
  .teach-reports-container .color_green {
    color: black;
    font-weight: 500;
    margin: 2px;
    border: 1px solid #76ceba !important;
    background: #e4f5f1; }
  .teach-reports-container .red {
    background: #d75b5f;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .teach-reports-container .green {
    background: #76ceba;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .teach-reports-container .yellow {
    background: #ffae57;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px;
    display: inline-block;
    height: 10px;
    width: 8px; }
  .teach-reports-container .blue {
    background: #3b95e1;
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .teach-reports-container .visited {
    padding-left: 20px; }
  .teach-reports-container .visited span {
    display: inline-block;
    height: 10px;
    width: 8px; }
  .teach-reports-container .points {
    padding-bottom: 15px; }
  .teach-reports-container .state, .teach-reports-container .empty-state {
    padding: 0 5px;
    font-size: 18px; }
  .teach-reports-container .empty-state {
    align-items: center;
    height: 120px;
    min-height: 120px;
    max-height: 120px; }
  .teach-reports-container .groupAndSubject {
    color: #8a96ac; }
  .teach-reports-container .groups-divider {
    display: inline-block;
    border: 0.5px solid;
    width: 100%; }
  .teach-reports-container .groupAndSubject,
  .teach-reports-container .auditoryAndName {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px; }
  .teach-reports-container .groupAndSubject {
    height: 15%; }
  .teach-reports-container .auditoryAndName {
    height: 29%; }
  .teach-reports-container .auditoryAndName {
    font-size: 15px;
    /*height: 35%;*/ }
  .teach-reports-container .auditoryAndName > .fio-teach {
    color: #79b1ea;
    font-style: italic; }
  .teach-reports-container .auditoryAndName > .auditory-name {
    color: #a09da4; }
  .teach-reports-container .numberOfStudents {
    height: 42%;
    text-align: center;
    font-size: 35px;
    font-weight: 900; }
  .teach-reports-container .yellow-count {
    color: #ffc457; }
  .teach-reports-container .green-count {
    color: #76ceba; }
  .teach-reports-container div.paire-name {
    margin-bottom: 14px;
    font-weight: bold;
    text-align: center;
    color: #697e8d;
    text-transform: uppercase;
    font-size: 14px;
    vertical-align: middle; }
  .teach-reports-container .time-wrapper {
    font-style: italic;
    margin-bottom: 10px; }
  .teach-reports-container div.time-wrapper {
    font-weight: 400;
    color: #697e8d;
    font-size: 14px; }
  .teach-reports-container .timer {
    font-weight: bold !important;
    font-style: italic !important;
    color: #ffc457 !important;
    font-size: 14px !important; }
  .teach-reports-container .currentState {
    width: 1200px;
    margin: 0 auto; }
  .teach-reports-container .currentState table {
    border: 1px solid;
    display: inline-table; }
  .teach-reports-container .currentState td {
    vertical-align: top;
    min-height: 120px;
    padding: 0;
    border: 1px solid;
    width: 20%; }
  .teach-reports-container .currentState .emptyAuditory {
    color: #a09da4;
    font-size: 15px; }
  .teach-reports-container .cnt-left {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%;
    background: #e5f2ff; }
  .teach-reports-container .cnt-left span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -11px;
    margin-left: -9px; }
  .teach-reports-container .cnt-right {
    display: inline-block;
    width: 49%;
    float: right;
    text-align: right; }
  .teach-reports-container .cnt-div {
    width: 1px;
    background: #dee9f7;
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    bottom: 0; }
  .teach-reports-container .unchecked-group {
    background-color: #ffe9e9; }
  .teach-reports-container .hour-container {
    width: 250px;
    max-width: 250px;
    min-width: 250px; }
  .teach-reports-container .hour-divider {
    padding: 5px 8px; }
  .teach-reports-container .test-tr {
    table-layout: fixed; }
  .teach-reports-container .test-tr tr th,
  .teach-reports-container .test-tr tr td {
    width: 50%; }
  .teach-reports-container table.moves.traffic-table {
    color: #697f8e;
    margin-top: 20px;
    width: 100%;
    border: 1px solid #e7ebf0;
    text-align: center; }
  .teach-reports-container .td-kpi-teache-body {
    height: 70px; }
  .teach-reports-container .block-persent-kpi {
    color: #616060;
    font-weight: 600;
    margin-top: 20px;
    top: 80%; }
  .teach-reports-container .sum_percent td {
    color: #ff9800; }
  .teach-reports-container table.moves.traffic-table th {
    background-color: #f4f7f9;
    border: 1px solid #e7ebf0;
    text-transform: initial;
    font-size: 14px;
    color: #445e7a;
    padding: 10px 5px;
    cursor: default;
    height: 40px;
    position: relative;
    z-index: 100; }
    @media screen and (max-width: 1280px) {
      .teach-reports-container table.moves.traffic-table th {
        font-size: 13px; } }
  .teach-reports-container table.moves.traffic-table th:first-child {
    min-width: 50px;
    max-width: 50px;
    width: 2%; }
  .teach-reports-container table.moves.traffic-table .col_stud_info {
    max-width: 200px;
    width: 11%; }
  .teach-reports-container table.moves.traffic-table .col_mystat {
    min-width: 95px;
    max-width: 95px;
    width: 5%; }
  .teach-reports-container table.moves.traffic-table .col_debet {
    max-width: 125px;
    width: 7.5%; }
  .teach-reports-container table.moves.traffic-table .col_homework,
  .teach-reports-container table.moves.traffic-table .col_mark {
    min-width: 140px;
    max-width: 140px;
    width: 5%; }
  .teach-reports-container table.moves.traffic-table .col_potential_perscent {
    min-width: 75px;
    max-width: 75px;
    width: 4%; }
  .teach-reports-container table.moves.traffic-table .subhead th {
    font-size: 13px;
    text-transform: lowercase;
    padding: 10px 4px; }
  .teach-reports-container table.moves.traffic-table .subhead th.sub_col_period {
    min-width: 75px;
    max-width: 75px;
    width: 5%; }
  .teach-reports-container table.moves.traffic-table a.thead_link {
    color: #445e7a;
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .teach-reports-container table.moves.traffic-table .subhead th:hover,
  .teach-reports-container table.moves.traffic-table th:first-child:hover,
  .teach-reports-container table.moves.traffic-table .col_mystat:hover,
  .teach-reports-container table.moves.traffic-table .col_debet:hover,
  .teach-reports-container table.moves.traffic-table .col_potential_perscent:hover {
    background-color: #e4ebf0;
    cursor: pointer; }
  .teach-reports-container table.moves.traffic-table th .potential_percent {
    font-size: 18px; }
  .teach-reports-container table.moves.traffic-table tr td:nth-child(4) {
    padding: 8px 10px; }
  .teach-reports-container table.moves.traffic-table .students-tabl:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #445e7a; }
  .teach-reports-container table.moves.traffic-table .comment_teach {
    max-width: 200px;
    word-wrap: break-word;
    width: 20%; }
  .teach-reports-container table.moves.traffic-table .comment_teacher {
    margin: 0; }
  .teach-reports-container table.moves.traffic-table .comment_date {
    margin-bottom: 35px; }
  .teach-reports-container table.moves.traffic-table .del_lesson_top {
    top: 5px;
    right: 5px; }
  .teach-reports-container .thead_tooltip .popover.top {
    margin-top: -25px;
    color: #fff;
    background-color: #445e7a;
    text-align: center;
    padding: 5px 0; }
  .teach-reports-container .thead_tooltip .popover.top > .arrow {
    border-top-color: #445e7a;
    display: block; }
  .teach-reports-container .thead_tooltip .popover.top > .arrow:after {
    display: none; }
  .teach-reports-container .popover__img {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 15px;
    cursor: pointer; }
  .teach-reports-container .popover-width {
    width: 220px; }
  .teach-reports-container .thead_tooltip .arrow {
    background-color: transparent; }
  @media screen and (max-width: 1460px) {
    .teach-reports-container table.moves.traffic-table .comment_teach {
      max-width: 150px;
      min-width: 150px;
      width: 15%; } }
  .teach-reports-container .teach-video-report-form > tbody > tr > td {
    padding-bottom: 20px; }
    .teach-reports-container .teach-video-report-form > tbody > tr > td div {
      display: flex;
      flex-direction: column; }
    .teach-reports-container .teach-video-report-form > tbody > tr > td input[type="url"],
    .teach-reports-container .teach-video-report-form > tbody > tr > td input[type="text"],
    .teach-reports-container .teach-video-report-form > tbody > tr > td input[type="file"] {
      min-width: 150px;
      max-width: 250px;
      width: 100%;
      margin-bottom: 0px;
      padding: 6px; }
    .teach-reports-container .teach-video-report-form > tbody > tr > td .select {
      min-width: 250px;
      max-width: 250px; }
    .teach-reports-container .teach-video-report-form > tbody > tr > td .button_default {
      margin-top: 20px; }
  .teach-reports-container .video-report {
    padding-top: 20px; }
  .teach-reports-container .video-form > div > table > tbody > tr > td:nth-child(6) > div > ul > li {
    right: 40px; }
  .teach-reports-container .video-form > div > table > tbody > tr > td:nth-child(5) > div > ul > li {
    right: 15px; }
  .teach-reports-container .video-form > div > table > tbody > tr > td:nth-child(4) > div > ul > li {
    right: 15px; }
  .teach-reports-container .url-link-text {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }
    @media screen and (max-width: 1700px) {
      .teach-reports-container .url-link-text {
        max-width: 240px; } }
    @media screen and (max-width: 1440px) {
      .teach-reports-container .url-link-text {
        max-width: 195px; } }
    @media screen and (max-width: 1280px) {
      .teach-reports-container .url-link-text {
        max-width: 150px; } }
    @media screen and (max-width: 1300px) {
      .teach-reports-container .url-link-text {
        max-width: 150px; } }
  .teach-reports-container .teach-video-report-form .ng-scope {
    right: 0; }
  .teach-reports-container .teach-video-report-form .select-elem__wrap {
    width: fit-content;
    margin: 0 auto; }
    .teach-reports-container .teach-video-report-form .select-elem__wrap .assessment {
      min-width: 105px !important; }
  .teach-reports-container .teach-video-report-form .select-elem__check-list__label {
    margin-bottom: 0 !important; }
    .teach-reports-container .teach-video-report-form .select-elem__check-list__label span {
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 115px;
      overflow: hidden; }
  .teach-reports-container .teach-video-report-form .select-elem__check-list__button {
    margin-top: 5px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important; }
  .teach-reports-container .teach-video-report-form select {
    padding-right: 30px;
    min-width: 135px;
    max-width: 230px;
    width: 100%;
    overflow: hidden;
    word-wrap: normal; }
  .teach-reports-container .video-form .teach-video-report-form tr td {
    max-width: 100%; }
  .teach-reports-container .video-report table tr th,
  .teach-reports-container .video-report table tr td {
    max-width: 100%; }
  .teach-reports-container .profile-table {
    margin-top: 25px; }
    .teach-reports-container .profile-table .delete {
      background-color: #ff3131; }
      .teach-reports-container .profile-table .delete:active, .teach-reports-container .profile-table .delete:hover {
        background-color: #af0000 !important; }
    .teach-reports-container .profile-table thead tr th {
      background-color: #f4f7f9;
      border: 1px solid #e7ebf0;
      font-size: 14px;
      color: #445e7a;
      padding: 10px 5px;
      cursor: default;
      height: 40px;
      position: relative;
      z-index: 100;
      text-transform: capitalize; }
      .teach-reports-container .profile-table thead tr th.action {
        text-align: center; }
    .teach-reports-container .profile-table tr td {
      padding: 8px 10px;
      border: 1px solid #dee9f7;
      color: #346181;
      position: relative; }
      .teach-reports-container .profile-table tr td.action {
        text-align: center; }
  .teach-reports-container .smile-icon, .teach-reports-container small-icon {
    width: 40px;
    margin: 0 auto;
    display: block; }
  .teach-reports-container .small-icon {
    padding: 5px; }
  .teach-reports-container .column-common-center {
    text-align: center; }
  .teach-reports-container .consolidate-report_tooltip {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
  .teach-reports-container .tooltip-inner {
    background-color: grey;
    max-width: 250px; }

.smile-icon-report, small-icon-report {
  width: 40px;
  margin: 0 auto;
  display: block; }

.small-icon-report {
  padding: 5px; }

.video-rating-green {
  background: #d9ffd9; }

.video-rating-yellow {
  background: #fdf9d0; }

.video-rating-red {
  background: #fbe4de; }

.radio-btn__wrap {
  display: flex;
  flex-direction: row !important;
  justify-content: space-around; }

.radio-btn__title {
  margin-left: -35px; }
  .radio-btn__title-smll {
    padding-bottom: 10px; }

.radio-btn__elem {
  display: flex;
  flex-direction: column-reverse;
  align-items: center; }
  .radio-btn__elem input {
    display: none; }
  .radio-btn__elem label {
    cursor: pointer; }
    .radio-btn__elem label .smile-icon-report {
      width: 30px;
      height: 30px; }
  .radio-btn__elem .smile-face div {
    background-image: url("/image/smile-face.svg"); }
  .radio-btn__elem .smile-face:hover div {
    background-image: url("/image/smile-face-active.svg"); }
  .radio-btn__elem input[type="radio"]:checked + .smile-face div {
    background-image: url("/image/smile-face-active.svg"); }
  .radio-btn__elem .neutral-face div {
    background-image: url("/image/neutral-face.svg"); }
  .radio-btn__elem .neutral-face:hover div {
    background-image: url("/image/neutral-face-active.svg"); }
  .radio-btn__elem input[type="radio"]:checked + .neutral-face div {
    background-image: url("/image/neutral-face-active.svg"); }
  .radio-btn__elem .sad-face div {
    background-image: url("/image/sad-face.svg"); }
  .radio-btn__elem .sad-face:hover div {
    background-image: url("/image/sad-face-active.svg"); }
  .radio-btn__elem input[type="radio"]:checked + .sad-face div {
    background-image: url("/image/sad-face-active.svg"); }
  .radio-btn__elem .unprocessed div {
    background-image: url("/image/unprocessed.svg"); }
  .radio-btn__elem .unprocessed:hover div {
    background-image: url("/image/unprocessed-active.svg"); }
  .radio-btn__elem input[type="radio"]:checked + .unprocessed div {
    background-image: url("/image/unprocessed-active.svg"); }

.ngn-error, .ngn-success, .ngn-warn {
  z-index: 10001; }

.schedule-table tr td.custom-cell,
.schedule-table tr th.custom-cell {
  min-width: 160px;
  width: 160px; }

.schedule-table tr th.custom-cell {
  border-left: none !important;
  border-right: none !important;
  text-align: left; }
  .schedule-table tr th.custom-cell:last-child {
    border-right: 1px solid #dee9f7 !important; }
  .schedule-table tr th.custom-cell div {
    transform: translateX(-66%);
    width: max-content; }

.schedule-table tr td.custom-cell {
  height: 100px; }
  .schedule-table tr td.custom-cell_small {
    height: 30px; }

.schedule-table tr .lesson-cell {
  position: relative;
  font-size: 16px;
  color: #697e8d; }
  .schedule-table tr .lesson-cell .visit-cell {
    color: black;
    font-weight: 500; }
  .schedule-table tr .lesson-cell .lesson-wrap {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10; }
    .schedule-table tr .lesson-cell .lesson-wrap .lesson-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: calc(100% - 4px);
      margin: 2px;
      padding: 4px;
      font-size: 15px;
      line-height: 17px;
      background-color: #fff;
      border: 1px solid #dfdfdf; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item .text-ellipsis {
        white-space: nowrap; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item .two-line-ellipsis {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item .text-ellipsis,
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item .two-line-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_yellow {
        border: 1px solid #ffae57 !important;
        background: #ffe8a0; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_red {
        border: 1px solid #d75b5f !important;
        background: #fcc2be; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_green {
        border: 1px solid #76ceba !important;
        background: #e4f5f1; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_blue {
        border: 1px solid #3b95e1 !important;
        background: #badaf5; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item__timeline {
        font-size: 12px;
        font-weight: bold; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_group {
        color: #697e8d;
        font-weight: 600; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_spec {
        color: #43a0ec; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_timeline {
        color: #346181;
        font-size: 11px;
        font-weight: bold; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_group, .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_spec, .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_timeline {
        text-align: center;
        cursor: pointer; }
      .schedule-table tr .lesson-cell .lesson-wrap .lesson-item_background {
        background: #e5f2ff;
        border: 2px solid #dee9f7; }

.exams-container {
  padding-top: 62px;
  /*all style*/
  /*         *         ekzameny        *           */
  /***************************************************************************** mark_exam */
  /*// Large screens*/
  /* min-width 1025px, large screens */
  /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
  /*// XLarge screens*/
  /* min-width 1441px, xlarge screens */
  /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
  /*// XXLarge screens*/
  /* min-width 1921px, xxlarge screens */
  /*.tab-pane {*/
  /*overflow: hidden;*/
  /*}*/ }
  .exams-container .archive-exam {
    cursor: pointer; }
  .exams-container .list-stud, .exams-container .list-coursework {
    cursor: pointer; }
  .exams-container .list-stud:hover, .exams-container .list-coursework:hover {
    background: #CAE7EF; }
  .exams-container .mark_red {
    background-color: #F3E6E6; }
  .exams-container .mark_blue {
    background-color: #CAE7EF; }
  .exams-container .mark_green {
    background-color: #DFF3DE; }
  .exams-container select.mark_red option {
    background-color: #fff; }
  .exams-container .controls_btn {
    padding-top: 25px; }
  .exams-container .controls_check {
    padding-top: 20px;
    padding-bottom: 20px; }
  .exams-container .for_select {
    display: inline-block; }
  .exams-container .for_select select,
  .exams-container .for_select label {
    display: block; }
  .exams-container .for_select select {
    margin-right: 25px; }
  .exams-container .for_select {
    vertical-align: top; }
  .exams-container .for_select:last-child {
    padding-top: 25px; }
  .exams-container .aside {
    z-index: 5; }
  .exams-container .main {
    padding: 87px 25px 25px !important; }
  .exams-container .content {
    background: #fff;
    padding: 25px 10px 100px; }
  .exams-container .content table {
    width: 100%; }
  .exams-container table thead {
    border-top: 2px solid #dee9f7;
    background: none; }
  .exams-container table thead tr th {
    text-align: center;
    width: 9%;
    color: #697e8d;
    font-size: 16px;
    padding: 8px 7px 10px; }
  .exams-container table tr td {
    color: #697e8d;
    padding: 10px 7px; }
  .exams-container table tr td:first-child {
    color: #b0c9e8;
    font-size: 15px; }
  .exams-container #exams select {
    margin-right: 20px; }
  .exams-container #newExam .modal-header,
  .exams-container #newExam .modal-body,
  .exams-container #newExam .modal-footer {
    padding-left: 25px; }
  .exams-container #newExam .modal-footer {
    text-align: left; }
  .exams-container #newExam .modal-footer .button_default {
    margin-right: 20px; }
  .exams-container #newExam select {
    margin-right: 0;
    margin-bottom: 20px;
    float: right; }
  .exams-container table.auditory,
  .exams-container table.prepody,
  .exams-container table.exam {
    margin-top: 15px; }
  .exams-container table.exam,
  .exams-container table.exam thead,
  .exams-container table.exam th,
  .exams-container table.exam td {
    border: none; }
  .exams-container table.exam tr {
    border-bottom: 1px solid #e4e7f6;
    position: relative; }
  .exams-container table.exam thead tr th {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-align: left; }
  .exams-container table.exam tr td:first-child {
    color: #697e8d;
    font-size: 14px; }
  .exams-container table.exam thead tr th {
    font-weight: 700; }
  .exams-container table.exam thead tr th:first-child {
    width: 1%; }
  .exams-container table.exam thead tr th:nth-child(2) {
    width: 4%; }
  .exams-container table.exam thead tr th:nth-child(3) {
    width: 15%; }
  .exams-container table.exam thead tr th:nth-child(4) {
    width: 1%; }
  .exams-container table.exam thead tr th:nth-child(5) {
    width: 10%; }
  .exams-container table.exam thead tr th:nth-child(6) {
    width: 3%; }
  .exams-container .dopfunction {
    color: #58a5f4;
    margin-right: 5px; }
  .exams-container .calendar {
    float: left; }
  .exams-container .form {
    width: 275px;
    float: right; }
  .exams-container .exam {
    padding-bottom: 15px; }
  .exams-container .svg-img {
    height: 18px;
    margin-right: 10px;
    cursor: pointer; }
    @media screen and (max-width: 1280px) {
      .exams-container .svg-img {
        margin-right: 3px; } }
  .exams-container #mark_exam select {
    margin-right: 20px;
    margin-bottom: 20px; }
  .exams-container #mark_exam select.full {
    width: auto;
    padding-right: 35px; }
  .exams-container #mark_exam table tr td {
    padding: 2px; }
  .exams-container #mark_exam table select {
    background-image: url("/image/arrow_mini.svg") !important;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    margin: 0;
    height: 30px; }
  @media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .exams-container {
      /*table.exam tr th:last-child,
        table.exam tr td:last-child {
            display: none;
        }*/ }
      .exams-container select {
        font-size: 13px !important; }
      .exams-container table thead tr th {
        font-size: 11px !important; }
      .exams-container table.exam tr td {
        font-size: 13px; }
      .exams-container table.auditory span.time {
        font-size: 11px; }
      .exams-container table.auditory tr td:first-child {
        font-size: 13px; } }
  .exams-container #create .modal-title {
    margin-bottom: 20px; }
  .exams-container #grades select,
  .exams-container #create select {
    margin-right: 20px; }
  .exams-container #create input[type="checkbox"] {
    position: relative;
    top: 2px;
    left: 2px; }
  .exams-container #grades .datepicker_holder {
    display: inline-block;
    margin-right: 20px; }
  .exams-container #grades h5 {
    color: #697e8d; }
  .exams-container #grades h5 span {
    font-weight: 600; }
  .exams-container #grades table thead {
    border-top: none; }
  .exams-container #grades table thead tr th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border: none;
    text-align: left; }
  .exams-container #grades table tbody tr td {
    padding: 3px 7px; }
  .exams-container #grades table.exam.subject tbody tr td {
    padding: 7px; }
  .exams-container #grades table tbody tr td:first-child {
    color: #697E8D; }
  .exams-container #grades table tbody tr td select {
    height: 30px; }
  .exams-container #create .modal-title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #697e8d;
    margin-bottom: 20px;
    padding-right: 20px; }
  .exams-container #create select {
    margin-bottom: 20px;
    padding-right: 20px; }
  .exams-container #create .css-label {
    font-size: 15px;
    background-position: 100% 1px;
    padding-left: 0px;
    padding-right: 25px; }
  .exams-container #create input[type=checkbox].css-checkbox:checked + label.css-label,
  .exams-container #create input[type=checkbox].css-checkbox + label.css-label.chk {
    background-position: 100% -18px; }
  .exams-container #create input[type="text"][readonly],
  .exams-container #create input.datepicker {
    margin-right: 20px; }
  .exams-container table.coursework {
    margin-top: 15px; }
  .exams-container table.coursework,
  .exams-container table.coursework thead,
  .exams-container table.coursework th,
  .exams-container table.coursework td {
    border: none; }
  .exams-container table.coursework tr {
    border-bottom: 1px solid #e4e7f6; }
  .exams-container table.coursework thead tr th {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-align: left; }
  .exams-container table.coursework tr td:first-child {
    color: #697e8d;
    font-size: 14px; }
  .exams-container table.coursework thead tr th {
    font-weight: 700; }
  .exams-container table.coursework thead tr th:nth-child(1) {
    width: 5%; }
  .exams-container table.coursework thead tr th:nth-child(2) {
    width: 20%; }
  .exams-container table.coursework thead tr th:nth-child(3) {
    width: 15%; }
  .exams-container table.coursework thead tr th:nth-child(4) {
    width: 20%; }
  .exams-container table.coursework thead tr th:nth-child(5) {
    width: 20%; }
  .exams-container table.coursework thead tr th:nth-child(6) {
    width: 10%; }
  .exams-container table.coursework thead tr th:nth-child(7) {
    width: 10%; }
  .exams-container #edit-coursework select, .exams-container #create-coursework select, .exams-container #coursework select {
    display: inline-block;
    margin: 0 20px 20px 0; }
  .exams-container input.search_student {
    border: 1px solid #0a8df3;
    width: 300px;
    height: 36px;
    padding: 0 8px; }
  .exams-container .title-label {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #697E8D;
    font-weight: 600;
    text-transform: uppercase; }
  .exams-container table.coursework-grades thead tr th:first-child {
    width: 10%; }
  .exams-container table.coursework-grades thead tr th:nth-child(2) {
    width: 50%; }
  .exams-container table.coursework-grades thead tr th:nth-child(3) {
    width: 40%; }
  .exams-container table.coursework-grades thead tr td:first-child {
    width: 10%; }
  .exams-container table.coursework-grades thead tr td:nth-child(2) {
    text-align: center;
    width: 50%; }
  .exams-container table.coursework-grades thead tr td:nth-child(3) {
    width: 40%; }
  .exams-container .stud-marks .svg-img {
    margin-top: 6px; }
  .exams-container .bad-mark {
    background-color: #fcd4cb; }
  .exams-container .exam-marks {
    height: 61px; }
  .exams-container .exam-td-fixed-number {
    height: 67px; }
  .exams-container .exam-mark-wrap {
    margin-left: 60px; }
  .exams-container .button_default {
    position: relative;
    bottom: 1px; }
  .exams-container .first-print {
    /* background-color: darkgoldenrod;
         -webkit-print-color-adjust: exact; */ }
  .exams-container .print-view {
    display: none; }
  .exams-container .screen-view {
    display: block; }
  .exams-container .row.content.screen-view {
    min-height: 500px; }
  .exams-container .disableded {
    background-color: #dbdbdb;
    border: 1px solid #a2a2a2 !important; }
  .exams-container .bad_mark {
    color: #000; }
  @media print {
    .exams-container .print-view {
      display: block; }
    .exams-container .screen-view {
      display: none; }
    .exams-container .nav-tabs {
      display: none !important; }
    .exams-container div .main {
      padding-top: 10px !important; } }

@charset "UTF-8";
.admin-container {
  padding-top: 62px;
  /*all style*/
  /*********************************************************************** Новая задача******/
  /**********************************************************************Задачи админам/завгоспу*/
  /*******************************************Классы для статусов********************************************************/
  /********************************************************************************************************************/
  /**  **/
  /*                      ***************                      Права и роли */
  /*                                                                          statistic  */
  /************************************************************************************* Администрирование *********/
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */ }
  .admin-container .validation ul {
    display: inline; }
  .admin-container .validation li {
    left: 0 !important;
    /*right: 75% !important;*/
    top: -25px !important;
    display: inline-table; }
  .admin-container .no-edit-info input[type="text"][readonly] {
    background: #fff !important; }
  .admin-container .no-edit-info select {
    color: #697f8e; }
  .admin-container .empty-day {
    background-color: #ff9768;
    color: #697f8e; }
  .admin-container .selected-task {
    background-color: #75b6ed;
    color: white; }
  .admin-container .monthview-datetable > .monthview-secondary-with-event .monthview-primary-with-event .monthview-selected {
    color: white !important; }
  .admin-container .selected-task > td > a {
    color: white; }
  .admin-container .comment-form .validation li {
    right: -4px !important;
    top: -25px !important; }
  .admin-container .comment-form .validation-success {
    right: -4px !important;
    bottom: 16px !important; }
  .admin-container .validation-success {
    right: 75% !important;
    bottom: 22px !important; }
  .admin-container .datepicker.block {
    padding-left: 50px !important; }
  .admin-container .aside {
    z-index: 5; }
  .admin-container .main {
    padding: 87px 25px 25px !important; }
  .admin-container .content {
    background: #fff;
    padding: 25px 50px 100px; }
  .admin-container .block {
    display: block;
    margin-bottom: 10px; }
  .admin-container .content {
    margin-top: 25px !important;
    padding: 30px 20px 50px;
    background: #fff; }
  .admin-container .title {
    padding-bottom: 25px;
    text-transform: uppercase;
    color: #6290a7;
    font-size: 18px;
    font-weight: 600; }
  .admin-container .title_work {
    color: #6290a7;
    font-weight: 600;
    padding-bottom: 15px;
    font-size: 17px; }
  .admin-container .info {
    color: #697f8e; }
  .admin-container input[type="text"],
  .admin-container input[type="text"][readonly],
  .admin-container input[type="text"]:focus,
  .admin-container input[type="text"]:active,
  .admin-container textarea,
  .admin-container textarea[readonly],
  .admin-container textarea:focus,
  .admin-container textarea:active {
    background: #f0fbff;
    color: #6a707b;
    border: 1px solid #d6e8f3; }
  .admin-container textarea {
    resize: none; }
  .admin-container textarea.active {
    background: none; }
  .admin-container input[type="checkbox"] {
    margin-bottom: 0; }
  .admin-container .for_check {
    font-size: 13px; }
  .admin-container hr.bottom_check {
    margin-top: 50px; }
  .admin-container .button {
    padding: 10px 20px;
    background-color: #0a8df3;
    border-color: #0a8df3;
    font-weight: 400;
    font-size: 15px; }
  .admin-container .message p {
    text-align: left; }
  .admin-container .answer p {
    text-align: right; }
  .admin-container .history > div > p:first-child {
    font-weight: 600; }
  .admin-container .history > div > p:nth-child(2) {
    font-size: 14px;
    color: #6290a7; }
  .admin-container .dateimg {
    display: block; }
  .admin-container #new_task .css-label-radio {
    margin-right: 20px;
    margin-bottom: 20px; }
  .admin-container #new_task select,
  .admin-container #new_task input,
  .admin-container #new_task .datepicker {
    width: 300px;
    margin-bottom: 20px;
    border: 1px solid #d3d3d3 !important;
    color: #909090; }
  .admin-container #new_task select,
  .admin-container #new_task input,
  .admin-container #new_task textarea {
    margin-bottom: 20px; }
  .admin-container #new_task input,
  .admin-container #new_task textarea {
    border: 1px solid #d3d3d3 !important;
    background: #fff;
    padding-left: 10px;
    color: #909090; }
  .admin-container #new_task input {
    height: 36px; }
  .admin-container #new_task textarea {
    padding-top: 8px;
    width: 550px; }
  .admin-container #new_task input#admin,
  .admin-container #new_task input#technic {
    height: 14px;
    width: 14px;
    margin-right: 10px;
    position: relative;
    top: 2px; }
  .admin-container #new_task input#quickly {
    display: none; }
  .admin-container #new_task .quickly-label {
    margin-left: 30px;
    position: relative;
    bottom: 5px; }
  .admin-container #new_task .quickly-label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    background-color: #d3d3d3;
    box-shadow: inset 0 0 0 3px white;
    margin-right: 10px; }
  .admin-container #new_task input#quickly:checked + label::before {
    background-color: #f36c4e; }
  .admin-container #admin_task table.task_admin_table {
    width: 100%;
    margin-bottom: 20px; }
  .admin-container #admin_task table.task_admin_table thead tr th {
    color: #697e8d;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    text-align: left; }
  .admin-container #admin_task .task_admin_table tbody tr {
    border: 1px solid #d6e8f3; }
  .admin-container #admin_task .task_admin_table tbody tr td {
    padding: 8px; }
  .admin-container #admin_task table.task_admin_table tr td a:hover {
    cursor: pointer;
    text-decoration: none; }
  .admin-container #admin_task .table-header {
    background-color: #f7f7f7;
    padding: 15px;
    text-align: center !important;
    border: 1px solid #eaeaea; }
  .admin-container #admin_task .teach-task-table {
    border-collapse: collapse; }
  .admin-container #admin_task .teach-task-table td {
    text-align: center;
    border: 1px solid #eaeaea; }
  .admin-container #admin_task .teach-task-table .provider {
    position: relative; }
  .admin-container #admin_task .teach-task-table .provider-info {
    padding: 15px 30px;
    background-color: #558b9f;
    box-sizing: border-box;
    width: 304px;
    border-radius: 15px;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 30%;
    top: 145%;
    z-index: 100000000;
    color: white; }
  .admin-container #admin_task .teach-task-table .provider-info::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 10px solid #558b9f;
    top: -20px;
    left: 20px; }
  .admin-container #admin_task .teach-task-table .provider-info ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .admin-container #admin_task .teach-task-table .provider-info ul li {
    padding: 10px 0;
    text-align: left; }
  .admin-container #admin_task .teach-task-table .no-edit-info {
    width: 95%;
    /*background-color: #55b378;*/
    background-color: #ececec;
    margin: 0 auto;
    /*padding: 15px;*/
    padding: 15px 150px;
    border-radius: 8px;
    /*color: white;*/
    /*color: #3396db;*/
    color: #333333;
    text-align: left;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px; }
  .admin-container #admin_task .teach-task-table .no-edit-info:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    /*border-bottom: 10px solid #55b378;*/
    border-bottom: 10px solid #ececec;
    left: 30px;
    bottom: 100%; }
  .admin-container .no-edit-info .col-md-6.left-info {
    padding-left: 200px; }
  .admin-container #admin_task .teach-task-table .no-edit-info .button_default {
    /*transform: translateX(-50%);*/ }
  .admin-container #admin_task .teach-task-table .no-edit-info .info {
    /*color: white;*/
    color: #333333; }
  .admin-container #admin_task .teach-task-table .no-edit-info .text {
    border: none;
    background-color: transparent;
    /*color: white;*/
    color: #333333; }
  .admin-container #admin_task .teach-task-table .no-edit-info .comment {
    background-color: #fff; }
  .admin-container #admin_task .teach-task-table label.css-label-radio, .admin-container #technic_task label.css-label-radio {
    /*color: white;*/
    color: #333333; }
  .admin-container #admin_task .teach-task-table .no-edit-info .title_work {
    /*color: white;*/
    color: #333333; }
  .admin-container #admin_task .teach-task-table .no-edit-info .history .answer {
    width: 50.1%;
    float: right; }
  .admin-container #admin_task .teach-task-table .no-edit-info.no-edit-info .history .message {
    width: 50.1%;
    float: left; }
  .admin-container #admin_task .teach-task-table .no-edit-info.no-edit-info .history .comment-wrapper {
    border-radius: 5px;
    padding: 15px 20px;
    color: #909090;
    margin-top: 25px;
    position: relative; }
  .admin-container #admin_task .teach-task-table .no-edit-info.no-edit-info .history .comment-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid white;
    bottom: 100%;
    left: 15px; }
  .admin-container #admin_task .teach-task-table .no-edit-info.no-edit-info .history .answer .comment-wrapper::after {
    border-bottom: 10px solid #cbe5e4;
    left: auto;
    right: 15px; }
  .admin-container #admin_task .teach-task-table .no-edit-info.no-edit-info .history .message .comment-wrapper {
    background: white; }
  .admin-container #admin_task .teach-task-table .no-edit-info.no-edit-info .history .answer .comment-wrapper {
    background-color: #cbe5e4;
    text-align: left; }
  .admin-container #admin_task .teach-task-table .no-edit-info.no-edit-info .history .message .answer p {
    text-align: left; }
  .admin-container #admin_task .teach-task-table .close-button {
    position: absolute;
    right: 20px;
    top: 5px;
    cursor: pointer;
    font-weight: bold;
    background-color: transparent;
    border: none;
    outline: none; }
  .admin-container #admin_task .datepicker {
    width: 200px; }
  .admin-container #admin_task .head-bar {
    display: flex;
    flex-wrap: wrap; }
  .admin-container div.toggler_wrapper {
    display: flex; }
  .admin-container #admin_task .head-bar > * {
    margin-right: 30px; }
  .admin-container #admin_task .later-task {
    background-color: #e0714f;
    border: none;
    color: white;
    width: 154px;
    max-height: 36px; }
  .admin-container #admin_task .markers {
    display: flex;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    height: 36px;
    align-items: center; }
  .admin-container #admin_task .markers li {
    margin-right: 20px;
    display: flex;
    align-items: center; }
  .admin-container #admin_task .markers li::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    vertical-align: middle; }
  .admin-container #admin_task .marker-new::before {
    background-color: #6dd0f7; }
  .admin-container #admin_task .marker-finish::before {
    background-color: #6af2ae; }
  .admin-container #admin_task .marker-in-work::before {
    background-color: #fcb05d; }
  .admin-container #admin_task .marker-in-work::before {
    background-color: #fcb05d; }
  .admin-container #admin_task .marker-statement::before {
    background-color: #9b9b9b; }
  .admin-container #admin_task .marker-miting::before {
    background-color: #f6a7c9; }
  .admin-container #admin_task .teach-task-table .status-new {
    background-color: rgba(109, 208, 247, 0.1); }
  .admin-container #admin_task .teach-task-table .status-finish {
    background-color: rgba(106, 242, 174, 0.1); }
  .admin-container #admin_task .teach-task-table .status-in-work {
    background-color: rgba(252, 176, 93, 0.1); }
  .admin-container #admin_task .teach-task-table .status-statement {
    background-color: rgba(155, 155, 155, 0.1); }
  .admin-container #admin_task .teach-task-table .status-miting {
    background-color: rgba(246, 167, 201, 0.1); }
  .admin-container #technic_task table.task_technic_table tr td a:hover {
    cursor: pointer;
    text-decoration: none; }
  .admin-container #technic_task table.task_technic_table {
    width: 100%;
    margin-bottom: 20px; }
  .admin-container #technic_task table.task_technic_table thead tr th {
    color: #697e8d;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0; }
  .admin-container #technic_task .task_technic_table tbody tr {
    border: 1px solid #d6e8f3; }
  .admin-container #technic_task .task_technic_table tbody tr td {
    padding: 8px; }
  .admin-container label.info {
    display: block; }
  .admin-container #admin_task label.css-label-radio,
  .admin-container #technic_task label.css-label-radio {
    font-size: 13px;
    color: #6290a7; }
  .admin-container #admin_task input[type='text'],
  .admin-container #technic_task input[type='text'] {
    height: 36px; }
  .admin-container #admin_task input,
  .admin-container #admin_task textarea,
  .admin-container #technic_task input,
  .admin-container #technic_task textarea {
    width: 100%;
    padding-left: 10px;
    margin-bottom: 15px; }
  .admin-container #admin_task .col-md-5.col-md-offset-1,
  .admin-container #technic_task .col-md-5.col-md-offset-1 {
    padding-right: 30px; }
  .admin-container #admin_task .col-md-5.col-md-offset-1 > div,
  .admin-container #technic_task .col-md-5.col-md-offset-1 > div {
    padding: 0; }
  .admin-container #role legend {
    margin-top: 25px;
    border-bottom: transparent; }
  .admin-container #role label {
    font-size: 14px;
    font-weight: 400;
    color: #697f8e; }
  .admin-container .user select {
    margin: 0 10px; }
  .admin-container .buttons button {
    margin-right: 20px;
    margin-top: 20px; }
  .admin-container .no_all {
    margin-top: 15px; }
  .admin-container #statistic table tr th {
    padding: 0 10px; }
  .admin-container #statistic label {
    margin-right: 15px; }
  .admin-container #statistic input.datepicker.block {
    display: inline-block; }
  .admin-container #statistic button#save_absent {
    margin-left: 20px; }
  .admin-container #statistic table {
    width: 100%;
    margin-top: 20px; }
  .admin-container #statistic table thead tr th {
    color: #697e8d;
    text-transform: uppercase;
    font-weight: 600; }
  .admin-container #statistic table tbody tr {
    border: 1px solid #e9edf3; }
  .admin-container #statistic table:not(.timeList) tbody tr:hover {
    background: #ecf4fb; }
  .admin-container #statistic table tbody tr.active {
    background: #75b6ed !important; }
  .admin-container #statistic table tbody tr.late {
    background: #FBECEC !important; }
  .admin-container #statistic table tr td {
    color: #697e8d;
    padding: 10px; }
  .admin-container #statistic table tbody tr.active td {
    color: #ffffff; }
  .admin-container .edit_img {
    height: 16px; }
  .admin-container #statistic select {
    margin-right: 20px; }
  .admin-container #statistic select.fio_teach,
  .admin-container #role select.fio_teach {
    width: 350px; }
  .admin-container #statistic .margin_top {
    margin-top: 20px; }
  .admin-container #statistic .calendar-header {
    margin-top: 20px;
    text-transform: uppercase;
    color: #697E8D; }
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable {
    margin: 0;
    border: none; }
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable thead tr,
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable tr th {
    border: none; }
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable tr td {
    border: 1px solid #e9edf3;
    height: 66px;
    min-height: 63px; }
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable tr td div span {
    font-size: 18px; }
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable tr td.monthview-primary-with-event {
    background-color: #d2fbd4;
    color: #006700; }
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable tr td.monthview-selected {
    background-color: #ececec; }
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable tr td.monthview-current {
    background-color: #d6edfb;
    color: #000067; }
  .admin-container #statistic .table.table-bordered.table-fixed.monthview-datetable.monthview-datetable tr td.empty-day {
    background-color: #fbe4df;
    color: #670000; }
  .admin-container #statistic table.table.table-bordered.table-fixed.monthview-datetable.monthview-datetable tbody tr:hover {
    background: none; }
  .admin-container .edit_task,
  .admin-container .confirm_task,
  .admin-container .delete_task {
    height: 18px; }
  .admin-container caption {
    font-size: 0; }
  .admin-container caption .legend {
    display: inline-block;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding-left: 24px;
    position: relative; }
  .admin-container caption .legend:before {
    content: '';
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    left: 0; }
  .admin-container caption .enter.legend:before {
    background-color: #d2fbd4;
    border: 1px solid #006700; }
  .admin-container caption .not.legend:before {
    background-color: #fbe4df;
    border: 1px solid #670000; }
  .admin-container caption .current.legend:before {
    background-color: #d6edfb;
    border: 1px solid #000067; }
  .admin-container caption .select.legend:before {
    background-color: #ececec;
    border: 1px solid #676767; }
  .admin-container .animate-show {
    transition: 0.1s linear all; }
  .admin-container .animate-show.ng-hide {
    line-height: 0;
    opacity: 0;
    padding: 0 10px; }
  .admin-container .check-element {
    padding: 10px;
    border: 1px solid black;
    background: white; }
  .admin-container .info img:not(.foto) {
    height: 20px; }
  .admin-container .email-wrapper input, .admin-container .social-wrapper input {
    width: 360px;
    height: 34px;
    display: inline-block;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    margin-bottom: 5px;
    margin-right: 4px; }
  .admin-container .email-wrapper .address {
    border: 2px solid #3b95e1;
    font-weight: bold; }
  .admin-container .email-wrapper .mb-20 {
    margin-bottom: 20px; }
  .admin-container .email-wrapper.indent {
    margin-bottom: 50px; }
  .admin-container .email-title-wrapper {
    font-size: 16px;
    width: 388px;
    padding-bottom: 15px;
    padding-top: 15px; }
    .admin-container .email-title-wrapper .title {
      font-weight: bold;
      padding-bottom: 10px; }
  .admin-container .email-title-wrapper.pt-0 {
    padding-top: 0; }
  .admin-container .email-wrapper .validation .validation-errors li {
    left: 0% !important;
    top: -8px !important;
    padding: 7px;
    width: 360px;
    display: inline-block; }
  .admin-container .social-links {
    margin-top: 25px;
    padding: 15px;
    border-top: 1px solid #697f8e;
    border-bottom: 1px solid #697f8e; }
  .admin-container .social-category-name {
    margin-top: 12px;
    font-weight: bold;
    font-size: 16px; }
  .admin-container .review-links-title {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase; }
  .admin-container .social-wrapper {
    width: 360px;
    display: flex;
    flex-direction: column; }
    .admin-container .social-wrapper span {
      padding: 15px 0; }
  .admin-container input[type=checkbox].css-checkbox-subject {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .admin-container input[type=checkbox].css-checkbox-subject + label.css-label-subject, .admin-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.clr {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    cursor: pointer;
    position: relative; }
  .admin-container input[type=checkbox].css-checkbox-subject + label.css-label-subject:before, .admin-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.clr:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer; }
  .admin-container input[type=checkbox].css-checkbox-subject:checked + label.css-label-subject:before, .admin-container input[type=checkbox].css-checkbox-subject + label.css-label-subject.chk:before {
    background-position: 0 -18px; }
  .admin-container label.css-label-subject:before {
    content: '';
    height: 18px;
    width: 25px;
    background-image: url(/image/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .admin-container .parts ul.subj_list {
    padding: 5px 15px 0 0; }
  .admin-container .permissions-title {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-size: 20px;
    color: #697E8D; }
  .admin-container .user input[type="text"] {
    width: 250px;
    height: 34px;
    display: inline-block;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    margin-bottom: 5px;
    margin-right: 4px;
    background-color: white; }
  .admin-container .ngn {
    -webkit-user-select: inherit !important; }
  .admin-container .info label.img_info .img_question {
    position: absolute;
    height: 24px;
    right: 8px;
    top: 5px; }
  .admin-container label.img_info input {
    padding-right: 35px; }
  .admin-container label.img_info {
    position: relative; }
  .admin-container .img_info_popover {
    height: auto !important; }
  .admin-container .popover {
    max-width: none !important; }
  .admin-container .inline {
    display: inline-block; }
  .admin-container .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px; }
  .admin-container .switch input {
    display: none; }
  .admin-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .admin-container .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .admin-container input:checked + .slider {
    background-color: #3b95e1; }
  .admin-container input:focus + .slider {
    box-shadow: 0 0 1px #3b95e1; }
  .admin-container input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .admin-container .slider.round {
    border-radius: 34px; }
  .admin-container .slider.round:before {
    border-radius: 50%; }
  .admin-container .fake-label {
    background-image: none !important;
    border: none;
    min-width: 150px;
    display: inline-block;
    padding-right: 10px; }
  .admin-container .comment-form pre.text {
    padding: 0;
    font-family: inherit;
    border: none;
    background: none;
    word-break: normal;
    word-wrap: normal;
    font-size: inherit;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }
  .admin-container pre.comment-wrapper {
    font-family: inherit;
    border: none;
    word-break: normal;
    word-wrap: break-word;
    max-width: 1000px;
    word-wrap: normal;
    font-size: inherit;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }
  .admin-container .css-label-notification {
    background-color: #f0fbff; }
  .admin-container .mt-20 {
    margin-top: 20px; }
  .admin-container .display_block {
    display: block; }
  .admin-container .validation-errors .ng-scope {
    z-index: 10; }

/*layout*/
.gaming-container {
  padding-top: 62px;
  /*all style*/ }
  .gaming-container .aside {
    z-index: 5; }
  .gaming-container .main {
    padding: 87px 25px 25px !important; }
  .gaming-container table {
    width: 100%;
    border: none; }
  .gaming-container table thead tr th {
    text-transform: uppercase;
    font-weight: 600; }
  .gaming-container table thead tr th,
  .gaming-container table tr td {
    font-size: 13px;
    color: #697e8d;
    border-bottom: 1px solid #e9edf3;
    padding: 10px 5px; }
  .gaming-container .present_image {
    height: 25px;
    width: 25px; }
  .gaming-container .svg-img {
    height: 18px;
    margin-right: 15px; }
  .gaming-container label.new-label {
    font-weight: 600 !important;
    font-size: 15px;
    margin-right: 25px; }
  .gaming-container .panel.panel-default {
    margin-top: 20px; }
  .gaming-container .panel-default > .panel-heading {
    color: #697e8d; }
  .gaming-container input[type="text"],
  .gaming-container input[type="number"] {
    width: 360px;
    height: 34px;
    display: block;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    margin-bottom: 20px; }
  .gaming-container input[type="number"] {
    display: inline-block;
    margin-left: 15px;
    max-width: 100px; }
  .gaming-container textarea {
    resize: none;
    width: 360px;
    border: 1px solid #3b95e1;
    color: #3b95e1;
    padding: 7px;
    display: block;
    margin-bottom: 20px; }
  .gaming-container .present_image_input {
    height: 25px;
    display: inline-block; }
  .gaming-container .present_image_input_mini {
    height: 15px;
    position: relative;
    top: -1px;
    left: 2px; }
  .gaming-container .save_button {
    margin-left: 42px; }
  .gaming-container .gradation .change_ball {
    font-size: 25px;
    text-align: center;
    border-width: 2px;
    height: 46px; }
  .gaming-container .gradation input[type="number"] {
    margin-left: 0;
    margin-right: 15px; }
  .gaming-container .gradation table {
    width: auto; }
  .gaming-container .gradation table input[type="number"] {
    margin-bottom: 0; }
  .gaming-container .gradation img.img-svg {
    height: 20px;
    margin-right: 15px; }
  .gaming-container .gradation .period-divider {
    display: inline-block;
    margin-right: 15px;
    width: 15px;
    border-top: 2px solid #3b95e1;
    border-bottom: 2px solid #fff; }
  .gaming-container hr {
    width: 100%; }
  .gaming-container .image-info {
    padding: 8px 0;
    color: #697e8d;
    display: block; }
  .gaming-container .graduation-controls {
    width: 20px;
    height: 20px; }

.consolidated-report-container {
  /*.fade.tooltip.in:after {*/
  /*content: '';*/
  /*height: 0;*/
  /*width: 0;*/
  /*z-index: 99999;*/
  /*display: block;*/
  /*border-top: 5px solid transparent;*/
  /*border-right: none;*/
  /*border-bottom: 5px solid transparent;*/
  /*border-left: 7px solid #515E67;*/
  /*position: absolute;*/
  /*top: 10px;*/
  /*left: 100%;*/
  /*}*/
  /* Large screens
    @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
  /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
  /* XLarge screens
    @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
  /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
  /* XXLarge screens
    @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */
  /**
    .auditory-hours tr td:first-child {
        text-align: center;
        width: 70px;
    }
    **/
  /*table.false tr td:first-child{*/
  /*padding-left: 10px;*/
  /*}*/ }
  .consolidated-report-container select {
    margin-right: 20px; }
  .consolidated-report-container .flaticon-back28,
  .consolidated-report-container .flaticon-right127 {
    float: right;
    color: #478bca; }
  .consolidated-report-container .flaticon-right127::before {
    margin-left: 10px; }
  .consolidated-report-container .tooltip.tooltip-info .tooltip-inner {
    color: #000000;
    background-color: white;
    border: 1px solid #515E67; }
  .consolidated-report-container .tooltip.tooltip-info {
    text-overflow: clip;
    white-space: normal; }
  @media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .consolidated-report-container .content > .large-12 {
      padding: 25px 30px 100px; }
    .consolidated-report-container select {
      font-size: 12px; }
    .consolidated-report-container .points div {
      font-size: 13px; }
    .consolidated-report-container .groups tr th {
      font-size: 11px;
      padding: 7px; }
    .consolidated-report-container .groups tr td {
      font-size: 12px; } }
  .consolidated-report-container .for_select {
    padding-top: 10px;
    padding-right: 5px;
    display: inline-block; }
  .consolidated-report-container .for_select label {
    display: block; }
  .consolidated-report-container #hour table {
    color: #697e8d; }
  .consolidated-report-container table {
    width: 100%; }
  .consolidated-report-container table {
    background-color: transparent; }
  .consolidated-report-container table {
    border-spacing: 0;
    border-collapse: collapse; }
  .consolidated-report-container table.branch tr td {
    border: 1px solid #e1e9ee;
    padding: 8px 5px;
    text-align: center;
    color: #000; }
  .consolidated-report-container .form-ft {
    background: rgba(59, 149, 225, 0.21); }
  .consolidated-report-container .form-pt {
    background: #ffe8a0; }
  .consolidated-report-container .form-jca {
    background: rgba(113, 204, 146, 0.27); }
  .consolidated-report-container .form-eco {
    background: rgba(180, 169, 255, 0.23); }
  .consolidated-report-container .form-sc {
    background: rgba(215, 91, 95, 0.22); }
  .consolidated-report-container .form-scc {
    background: rgba(8, 108, 162, 0.21); }
  .consolidated-report-container .form-jsc {
    background: rgba(121, 85, 72, 0.21); }
  .consolidated-report-container .form-default {
    background: #ffffff; }
  .consolidated-report-container .form-shape-ft {
    border: 1px solid #3b95e1 !important; }
  .consolidated-report-container .form-shape-pt {
    border: 1px solid #ffae57 !important; }
  .consolidated-report-container .form-shape-jca {
    border: 1px solid #71cc92 !important; }
  .consolidated-report-container .form-shape-eco {
    border: 1px solid #b4a9ff !important; }
  .consolidated-report-container .form-shape-sc {
    border: 1px solid #d75b5f !important; }
  .consolidated-report-container .form-shape-scc {
    border: 1px solid #086CA2 !important; }
  .consolidated-report-container .form-shape-jsc {
    border: 1px solid #795548 !important; }
  .consolidated-report-container .form-shape-default {
    border: 1px solid #697e8d !important; }
  .consolidated-report-container .form-fill-ft {
    background: #3b95e1; }
  .consolidated-report-container .form-fill-pt {
    background: #ffe8a0; }
  .consolidated-report-container .form-fill-jca {
    background: #71cc92; }
  .consolidated-report-container .form-fill-eco {
    background: #b4a9ff; }
  .consolidated-report-container .form-fill-sc {
    background: #d75b5f; }
  .consolidated-report-container .form-fill-scc {
    background: #086CA2; }
  .consolidated-report-container .form-fill-jsc {
    background: #795548; }
  .consolidated-report-container .form-fill-default {
    background: #ffffff;
    border: 2px solid #697e8d !important; }
  .consolidated-report-container .form-legend-item {
    padding: 0 5px;
    font-size: 8px;
    margin-right: 5px; }
  .consolidated-report-container .form-legend {
    display: inline-block;
    margin-right: 20px; }
  .consolidated-report-container .points {
    padding-top: 15px;
    padding-bottom: 20px; }
  .consolidated-report-container .counters-wrapper {
    display: flex;
    justify-content: center; }
  .consolidated-report-container .report-title {
    position: relative;
    bottom: 100px;
    padding: 0;
    font-size: 18px;
    color: #697e8d;
    background-color: #fff; }
  .consolidated-report-container .auditory-hours tr th:first-child {
    width: 125px;
    text-align: left; }
  .consolidated-report-container .auditory-hours tr th:nth-child(2) {
    width: 75px;
    text-align: center; }
  .consolidated-report-container table tr td {
    border: 1px solid #dee9f7; }
  .consolidated-report-container .auditory-hours tr th {
    text-align: center; }
  .consolidated-report-container table tr th {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #697e8d;
    padding: 8px 10px 5px; }
  .consolidated-report-container .branch tr:nth-child(odd):not(:nth-child(1)) {
    background: rgba(236, 236, 236, 0.75); }
  .consolidated-report-container .branch th:nth-child(2),
  .consolidated-report-container .branch th:nth-child(4),
  .consolidated-report-container .branch td:nth-child(2),
  .consolidated-report-container .branch td:nth-child(7),
  .consolidated-report-container .branch td:nth-child(12),
  .consolidated-report-container .branch th:nth-child(3) {
    border-left: 2px solid #02aadb; }
  .consolidated-report-container .branch {
    border: 2px solid #02aadb;
    margin-top: 20px;
    font-size: 16px !important; }
  .consolidated-report-container .nav-tabs.nav-justified > li {
    display: table-cell;
    width: initial !important; }
  .consolidated-report-container .nav-tabs.nav-justified > .active > a {
    border-bottom-color: #fff;
    background: #02aadb;
    color: white; }
  .consolidated-report-container .nav > li > a:hover, .consolidated-report-container .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #697e8d; }
  .consolidated-report-container .arrow-btn {
    left: 30px; }
  .consolidated-report-container .was {
    text-align: right;
    font-size: 22px;
    color: #697e8d; }
  .consolidated-report-container .total {
    text-align: right;
    font-size: 22px;
    color: #31ba9c; }
  .consolidated-report-container .numberOfStudents {
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    position: relative;
    min-width: 95px; }
    .consolidated-report-container .numberOfStudents .form-indicator {
      position: absolute;
      top: -4px;
      opacity: 0.4;
      left: 1px;
      color: #333; }
      .consolidated-report-container .numberOfStudents .form-indicator-wrap {
        display: flex;
        justify-content: center;
        width: 100%;
        position: relative; }
  .consolidated-report-container .yellow-count {
    color: #e09411; }
  .consolidated-report-container .green-count {
    color: #3c763d; }
  .consolidated-report-container .auditory-hours tr td:first-child {
    width: 60px;
    text-align: left;
    padding: 0 2px; }
  .consolidated-report-container .auditory-hours tr td:nth-child(2) {
    width: 75px;
    text-align: center; }
  .consolidated-report-container .content {
    padding: 15px 10px 25px 10px !important; }
  .consolidated-report-container .not-changed {
    background-color: rgba(241, 49, 6, 0.21); }
  .consolidated-report-container .change-font .numberOfStudents {
    font-size: 18px !important; }
  .consolidated-report-container .change-font.tarde {
    font-size: 16px !important; }
  .consolidated-report-container .tarde {
    height: auto;
    font-size: 18px;
    overflow: hidden;
    text-align: center; }
  .consolidated-report-container .lesson-number {
    width: 60px !important;
    padding: 8px 0 5px;
    position: relative; }
    .consolidated-report-container .lesson-number-value {
      font-size: 18px;
      line-height: 1.5; }
  .consolidated-report-container .lesson-time {
    text-align: center;
    width: 56px; }
  .consolidated-report-container .lesson-info {
    width: 65px;
    position: relative; }
  .consolidated-report-container .change-font.lesson-info {
    width: 100px; }
  .consolidated-report-container .shed_img {
    height: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px; }
  .consolidated-report-container .next {
    padding-top: 10px; }
  .consolidated-report-container .arrow-btn {
    height: 10px;
    width: 20px;
    position: absolute;
    background-image: url("/image/arrow.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 998; }
  .consolidated-report-container .table-report-style {
    position: relative;
    bottom: 70px; }
  .consolidated-report-container .hide-report {
    transition: 0.3s;
    bottom: 100px;
    opacity: 0; }
  .consolidated-report-container .show-report {
    transition: 0.3s;
    bottom: 0;
    opacity: 1; }
  .consolidated-report-container .hide-report-tab .nav-tabs {
    transition: 0.3s;
    height: 0;
    opacity: 0;
    margin: 0 0 0 50px; }
  .consolidated-report-container .show-report-tab .nav-tabs {
    transition: 0.3s;
    height: 42px;
    opacity: 1;
    margin: 0 0 0 50px; }
  .consolidated-report-container .to-bottom {
    transition: 0.3s;
    bottom: 0; }
  .consolidated-report-container .to-top {
    transition: 0.3s;
    bottom: 70px; }
  .consolidated-report-container .rotate {
    transform: rotate(180deg); }
  .consolidated-report-container .rotate-back {
    transform: rotate(0deg); }
  .consolidated-report-container .content {
    overflow: hidden; }
  .consolidated-report-container .problem-bg {
    background: #eb5757; }
  .consolidated-report-container .children-bg {
    background: #ffd5d5; }
  .consolidated-report-container .pko-bg {
    background: #ffe6b5; }
  .consolidated-report-container .gk-bg {
    background: #fffcb5; }
  .consolidated-report-container .vyz-bg {
    background: #caffc0; }
  .consolidated-report-container .school-bg {
    background: #c0fff7; }

.consolidated-report-container {
  color: #333; }
  .consolidated-report-container .hide-elem {
    display: none !important; }
  .consolidated-report-container .show-elem {
    display: block; }
  .consolidated-report-container .lesson-duration {
    position: absolute;
    opacity: 0.4;
    top: -2px;
    left: 3px; }
  .consolidated-report-container .double-cell {
    position: absolute;
    height: 50%;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%; }
    .consolidated-report-container .double-cell .numberOfStudents {
      height: auto; }
  .consolidated-report-container .double-cell:nth-child(2) {
    top: 50% !important; }
  .consolidated-report-container .solo-cell {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
  .consolidated-report-container .mark-problem {
    background: #eb5757;
    border-radius: 17px;
    min-width: 70px;
    height: 18px;
    color: #fff; }
  .consolidated-report-container .tooltip.tooltip-info .tooltip-inner {
    min-width: 200px; }

.consolidated-report__filter {
  height: 38px;
  display: flex; }
  .consolidated-report__filter-wrap {
    display: flex;
    justify-content: space-between; }
    .consolidated-report__filter-wrap .filter_elem-all {
      background: url("/image/summary-report/back-arrow.svg");
      background-repeat: no-repeat;
      background-position: center; }
  .consolidated-report__filter-dummy {
    width: 1px;
    flex-grow: 1; }
  .consolidated-report__filter_elem {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.5; }
    .consolidated-report__filter_elem:hover {
      opacity: 1; }
    .consolidated-report__filter_elem-active {
      opacity: 1; }
  .consolidated-report__filter_time {
    margin-left: 20px;
    opacity: 1; }

.tasks-menu {
  background: white; }
  .tasks-menu__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px; }

.tasks-container *, .tasks-container p, .tasks-menu *, .tasks-menu p {
  margin: 0;
  padding: 0;
  color: #1A1919;
  font-family: 'Inter', sans-serif; }

.tasks-container .cg-busy-default-text, .tasks-menu .cg-busy-default-text {
  margin: 13px 12px 6px 49px;
  font-size: 16px; }

.tasks-container .cg-busy-default-sign, .tasks-menu .cg-busy-default-sign {
  padding-bottom: 6px; }

.tasks-container .d-flex, .tasks-menu .d-flex {
  display: flex; }

.tasks-container .justify-content-between, .tasks-menu .justify-content-between {
  justify-content: space-between; }

.tasks-container .justify-content-center, .tasks-menu .justify-content-center {
  justify-content: center; }

.tasks-container .justify-content-flex-end, .tasks-menu .justify-content-flex-end {
  justify-content: flex-end; }

.tasks-container .align-items-center, .tasks-menu .align-items-center {
  align-items: center; }

.tasks-container .margin-top-18, .tasks-menu .margin-top-18 {
  margin-top: 18px; }

.tasks-container .margin-top-12, .tasks-menu .margin-top-12 {
  margin-top: 12px; }

.tasks-container .margin-r-12, .tasks-menu .margin-r-12 {
  margin-right: 12px; }

.tasks-container .height-100-percent, .tasks-menu .height-100-percent {
  height: 100%; }

.tasks-container .hover-scale, .tasks-menu .hover-scale {
  transition: 0.3s;
  cursor: pointer; }
  .tasks-container .hover-scale:hover, .tasks-menu .hover-scale:hover {
    transform: scale(1.2); }

.tasks-container .red-color, .tasks-menu .red-color {
  color: #F04E58 !important; }

.tasks-container .red-border, .tasks-menu .red-border {
  border: 1px solid #F04E58 !important; }

.tasks-container .text-ellipsis, .tasks-menu .text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tasks-container .tasks-container, .tasks-menu .tasks-container {
  height: calc(100% - 89px); }

.tasks-container .new-menu ul, .tasks-menu .new-menu ul {
  display: flex;
  margin: 24px 0 10px 0;
  padding: 0; }
  .tasks-container .new-menu ul li, .tasks-container .new-menu ul .counter, .tasks-menu .new-menu ul li, .tasks-menu .new-menu ul .counter {
    list-style: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #858585;
    position: relative; }
    .tasks-container .new-menu ul li a, .tasks-container .new-menu ul .counter a, .tasks-menu .new-menu ul li a, .tasks-menu .new-menu ul .counter a {
      text-decoration: none;
      color: inherit; }
      .tasks-container .new-menu ul li a:hover, .tasks-container .new-menu ul .counter a:hover, .tasks-menu .new-menu ul li a:hover, .tasks-menu .new-menu ul .counter a:hover {
        text-decoration: none; }
      .tasks-container .new-menu ul li a:focus, .tasks-container .new-menu ul .counter a:focus, .tasks-menu .new-menu ul li a:focus, .tasks-menu .new-menu ul .counter a:focus {
        outline: none;
        text-decoration: none; }
  .tasks-container .new-menu ul li:hover, .tasks-menu .new-menu ul li:hover {
    text-decoration: none;
    color: #258AED; }
    .tasks-container .new-menu ul li:hover .counter, .tasks-menu .new-menu ul li:hover .counter {
      color: #258AED; }
  .tasks-container .new-menu ul li:not(:first-child), .tasks-menu .new-menu ul li:not(:first-child) {
    margin-left: 48px; }
  .tasks-container .new-menu ul li.active, .tasks-menu .new-menu ul li.active {
    color: #258AED; }
    .tasks-container .new-menu ul li.active .counter, .tasks-menu .new-menu ul li.active .counter {
      color: #258AED; }
    .tasks-container .new-menu ul li.active:before, .tasks-menu .new-menu ul li.active:before {
      content: '';
      width: 100%;
      height: 2px;
      display: block;
      position: absolute;
      background: #258AED;
      bottom: -12px; }

.tasks-container .new-menu .submenu_underline, .tasks-menu .new-menu .submenu_underline {
  height: 0;
  border: 1px solid #D6D8DA;
  margin-bottom: 30px; }

.tasks-container .new-page-title, .tasks-menu .new-page-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px; }

.tasks-container .blue-btn, .tasks-container .light-blue-btn, .tasks-container .light-red-btn, .tasks-container .red-btn, .tasks-container .grey-btn, .tasks-container .white-btn, .tasks-menu .blue-btn, .tasks-menu .light-blue-btn, .tasks-menu .light-red-btn, .tasks-menu .red-btn, .tasks-menu .grey-btn, .tasks-menu .white-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 12px;
  outline: none;
  border: none;
  font-weight: 500;
  font-size: 14px;
  border-radius: 6px;
  transition: all 0.3s; }
  .tasks-container .blue-btn.big-btn, .tasks-container .light-blue-btn.big-btn, .tasks-container .light-red-btn.big-btn, .tasks-container .red-btn.big-btn, .tasks-container .grey-btn.big-btn, .tasks-container .white-btn.big-btn, .tasks-menu .blue-btn.big-btn, .tasks-menu .light-blue-btn.big-btn, .tasks-menu .light-red-btn.big-btn, .tasks-menu .red-btn.big-btn, .tasks-menu .grey-btn.big-btn, .tasks-menu .white-btn.big-btn {
    height: 44px;
    min-width: 125px; }

.tasks-container .blue-btn, .tasks-menu .blue-btn {
  background: #E0E9FF;
  color: #258AED; }

.tasks-container .light-blue-btn, .tasks-menu .light-blue-btn {
  background: #258AED;
  color: white; }
  .tasks-container .light-blue-btn:hover, .tasks-menu .light-blue-btn:hover {
    background: #258AED;
    color: white; }
  .tasks-container .light-blue-btn[disabled], .tasks-menu .light-blue-btn[disabled] {
    background: #EDEDED;
    color: #858585; }

.tasks-container .light-red-btn, .tasks-menu .light-red-btn {
  background: rgba(240, 78, 88, 0.1);
  color: #F04E58; }
  .tasks-container .light-red-btn:hover, .tasks-menu .light-red-btn:hover {
    background: rgba(240, 78, 88, 0.3); }

.tasks-container .red-btn, .tasks-menu .red-btn {
  background: #E95E5E;
  color: white; }
  .tasks-container .red-btn:hover, .tasks-menu .red-btn:hover {
    background: #E95E5E; }

.tasks-container .grey-btn, .tasks-menu .grey-btn {
  background: rgba(210, 212, 214, 0.5);
  color: #5A6274; }
  .tasks-container .grey-btn:hover, .tasks-menu .grey-btn:hover {
    background: rgba(210, 212, 214, 0.7); }

.tasks-container .white-btn, .tasks-menu .white-btn {
  background: white;
  color: #5A6274;
  border: 1px solid #D2D4D6; }
  .tasks-container .white-btn:hover, .tasks-menu .white-btn:hover {
    color: #5A6274; }

.tasks-container .datepiker-new-style, .tasks-menu .datepiker-new-style {
  position: relative; }
  .tasks-container .datepiker-new-style span.dateimg, .tasks-menu .datepiker-new-style span.dateimg {
    padding-right: 0;
    margin-left: 9px; }
    .tasks-container .datepiker-new-style span.dateimg img, .tasks-menu .datepiker-new-style span.dateimg img {
      height: 17px; }
  .tasks-container .datepiker-new-style input[type="text"][readonly], .tasks-container .datepiker-new-style input.datepicker, .tasks-menu .datepiker-new-style input[type="text"][readonly], .tasks-menu .datepiker-new-style input.datepicker {
    width: 155px;
    background: #EDEDED;
    padding-right: 0;
    padding-left: 30px;
    color: #1A1919;
    border-radius: 4px;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0; }
  .tasks-container .datepiker-new-style .dropdown-menu, .tasks-menu .datepiker-new-style .dropdown-menu {
    left: auto !important;
    right: 0; }
    .tasks-container .datepiker-new-style .dropdown-menu .btn-info, .tasks-menu .datepiker-new-style .dropdown-menu .btn-info {
      background: #CDDEFE;
      border-radius: 50%;
      min-width: initial !important;
      padding: 0 !important;
      width: 35px;
      height: 35px; }
      .tasks-container .datepiker-new-style .dropdown-menu .btn-info span, .tasks-menu .datepiker-new-style .dropdown-menu .btn-info span {
        color: #397DFB; }
    .tasks-container .datepiker-new-style .dropdown-menu .btn-default.active, .tasks-menu .datepiker-new-style .dropdown-menu .btn-default.active {
      min-width: initial !important;
      border-radius: 50%;
      padding: 0 !important;
      width: 35px;
      height: 35px; }
  .tasks-container .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td, .tasks-menu .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td {
    padding: 0 !important;
    width: 40px;
    height: 40px; }
  .tasks-container .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td .btn-info.active, .tasks-menu .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td .btn-info.active {
    min-width: initial !important;
    background: #CDDEFE;
    padding: 0 !important;
    width: 35px;
    height: 35px; }

.tasks-container .cg-busy, .tasks-menu .cg-busy {
  z-index: 99999;
  height: 100vh;
  margin: 0;
  position: fixed; }
  .tasks-container .cg-busy-default-wrapper, .tasks-menu .cg-busy-default-wrapper {
    position: fixed;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0; }
    .tasks-container .cg-busy-default-wrapper .cg-busy-default-sign, .tasks-menu .cg-busy-default-wrapper .cg-busy-default-sign {
      margin-top: -25px;
      top: 0 !important;
      z-index: 999999; }

.tasks-container .loader, .tasks-menu .loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 100000; }

.tasks-menu {
  background: white; }
  .tasks-menu__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px; }

.tasks-container *, .tasks-container p, .tasks-menu *, .tasks-menu p {
  margin: 0;
  padding: 0;
  color: #1A1919;
  font-family: 'Inter', sans-serif; }

.tasks-container .cg-busy-default-text, .tasks-menu .cg-busy-default-text {
  margin: 13px 12px 6px 49px;
  font-size: 16px; }

.tasks-container .cg-busy-default-sign, .tasks-menu .cg-busy-default-sign {
  padding-bottom: 6px; }

.tasks-container .d-flex, .tasks-menu .d-flex {
  display: flex; }

.tasks-container .justify-content-between, .tasks-menu .justify-content-between {
  justify-content: space-between; }

.tasks-container .justify-content-center, .tasks-menu .justify-content-center {
  justify-content: center; }

.tasks-container .justify-content-flex-end, .tasks-menu .justify-content-flex-end {
  justify-content: flex-end; }

.tasks-container .align-items-center, .tasks-menu .align-items-center {
  align-items: center; }

.tasks-container .margin-top-18, .tasks-menu .margin-top-18 {
  margin-top: 18px; }

.tasks-container .margin-top-12, .tasks-menu .margin-top-12 {
  margin-top: 12px; }

.tasks-container .margin-r-12, .tasks-menu .margin-r-12 {
  margin-right: 12px; }

.tasks-container .height-100-percent, .tasks-menu .height-100-percent {
  height: 100%; }

.tasks-container .hover-scale, .tasks-menu .hover-scale {
  transition: 0.3s;
  cursor: pointer; }
  .tasks-container .hover-scale:hover, .tasks-menu .hover-scale:hover {
    transform: scale(1.2); }

.tasks-container .red-color, .tasks-menu .red-color {
  color: #F04E58 !important; }

.tasks-container .red-border, .tasks-menu .red-border {
  border: 1px solid #F04E58 !important; }

.tasks-container .text-ellipsis, .tasks-menu .text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tasks-container .tasks-container, .tasks-menu .tasks-container {
  height: calc(100% - 89px); }

.tasks-container .new-menu ul, .tasks-menu .new-menu ul {
  display: flex;
  margin: 24px 0 10px 0;
  padding: 0; }
  .tasks-container .new-menu ul li, .tasks-container .new-menu ul .counter, .tasks-menu .new-menu ul li, .tasks-menu .new-menu ul .counter {
    list-style: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #858585;
    position: relative; }
    .tasks-container .new-menu ul li a, .tasks-container .new-menu ul .counter a, .tasks-menu .new-menu ul li a, .tasks-menu .new-menu ul .counter a {
      text-decoration: none;
      color: inherit; }
      .tasks-container .new-menu ul li a:hover, .tasks-container .new-menu ul .counter a:hover, .tasks-menu .new-menu ul li a:hover, .tasks-menu .new-menu ul .counter a:hover {
        text-decoration: none; }
      .tasks-container .new-menu ul li a:focus, .tasks-container .new-menu ul .counter a:focus, .tasks-menu .new-menu ul li a:focus, .tasks-menu .new-menu ul .counter a:focus {
        outline: none;
        text-decoration: none; }
  .tasks-container .new-menu ul li:hover, .tasks-menu .new-menu ul li:hover {
    text-decoration: none;
    color: #258AED; }
    .tasks-container .new-menu ul li:hover .counter, .tasks-menu .new-menu ul li:hover .counter {
      color: #258AED; }
  .tasks-container .new-menu ul li:not(:first-child), .tasks-menu .new-menu ul li:not(:first-child) {
    margin-left: 48px; }
  .tasks-container .new-menu ul li.active, .tasks-menu .new-menu ul li.active {
    color: #258AED; }
    .tasks-container .new-menu ul li.active .counter, .tasks-menu .new-menu ul li.active .counter {
      color: #258AED; }
    .tasks-container .new-menu ul li.active:before, .tasks-menu .new-menu ul li.active:before {
      content: '';
      width: 100%;
      height: 2px;
      display: block;
      position: absolute;
      background: #258AED;
      bottom: -12px; }

.tasks-container .new-menu .submenu_underline, .tasks-menu .new-menu .submenu_underline {
  height: 0;
  border: 1px solid #D6D8DA;
  margin-bottom: 30px; }

.tasks-container .new-page-title, .tasks-menu .new-page-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px; }

.tasks-container .blue-btn, .tasks-container .light-blue-btn, .tasks-container .light-red-btn, .tasks-container .red-btn, .tasks-container .grey-btn, .tasks-container .white-btn, .tasks-menu .blue-btn, .tasks-menu .light-blue-btn, .tasks-menu .light-red-btn, .tasks-menu .red-btn, .tasks-menu .grey-btn, .tasks-menu .white-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 12px;
  outline: none;
  border: none;
  font-weight: 500;
  font-size: 14px;
  border-radius: 6px;
  transition: all 0.3s; }
  .tasks-container .blue-btn.big-btn, .tasks-container .light-blue-btn.big-btn, .tasks-container .light-red-btn.big-btn, .tasks-container .red-btn.big-btn, .tasks-container .grey-btn.big-btn, .tasks-container .white-btn.big-btn, .tasks-menu .blue-btn.big-btn, .tasks-menu .light-blue-btn.big-btn, .tasks-menu .light-red-btn.big-btn, .tasks-menu .red-btn.big-btn, .tasks-menu .grey-btn.big-btn, .tasks-menu .white-btn.big-btn {
    height: 44px;
    min-width: 125px; }

.tasks-container .blue-btn, .tasks-menu .blue-btn {
  background: #E0E9FF;
  color: #258AED; }

.tasks-container .light-blue-btn, .tasks-menu .light-blue-btn {
  background: #258AED;
  color: white; }
  .tasks-container .light-blue-btn:hover, .tasks-menu .light-blue-btn:hover {
    background: #258AED;
    color: white; }
  .tasks-container .light-blue-btn[disabled], .tasks-menu .light-blue-btn[disabled] {
    background: #EDEDED;
    color: #858585; }

.tasks-container .light-red-btn, .tasks-menu .light-red-btn {
  background: rgba(240, 78, 88, 0.1);
  color: #F04E58; }
  .tasks-container .light-red-btn:hover, .tasks-menu .light-red-btn:hover {
    background: rgba(240, 78, 88, 0.3); }

.tasks-container .red-btn, .tasks-menu .red-btn {
  background: #E95E5E;
  color: white; }
  .tasks-container .red-btn:hover, .tasks-menu .red-btn:hover {
    background: #E95E5E; }

.tasks-container .grey-btn, .tasks-menu .grey-btn {
  background: rgba(210, 212, 214, 0.5);
  color: #5A6274; }
  .tasks-container .grey-btn:hover, .tasks-menu .grey-btn:hover {
    background: rgba(210, 212, 214, 0.7); }

.tasks-container .white-btn, .tasks-menu .white-btn {
  background: white;
  color: #5A6274;
  border: 1px solid #D2D4D6; }
  .tasks-container .white-btn:hover, .tasks-menu .white-btn:hover {
    color: #5A6274; }

.tasks-container .datepiker-new-style, .tasks-menu .datepiker-new-style {
  position: relative; }
  .tasks-container .datepiker-new-style span.dateimg, .tasks-menu .datepiker-new-style span.dateimg {
    padding-right: 0;
    margin-left: 9px; }
    .tasks-container .datepiker-new-style span.dateimg img, .tasks-menu .datepiker-new-style span.dateimg img {
      height: 17px; }
  .tasks-container .datepiker-new-style input[type="text"][readonly], .tasks-container .datepiker-new-style input.datepicker, .tasks-menu .datepiker-new-style input[type="text"][readonly], .tasks-menu .datepiker-new-style input.datepicker {
    width: 155px;
    background: #EDEDED;
    padding-right: 0;
    padding-left: 30px;
    color: #1A1919;
    border-radius: 4px;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0; }
  .tasks-container .datepiker-new-style .dropdown-menu, .tasks-menu .datepiker-new-style .dropdown-menu {
    left: auto !important;
    right: 0; }
    .tasks-container .datepiker-new-style .dropdown-menu .btn-info, .tasks-menu .datepiker-new-style .dropdown-menu .btn-info {
      background: #CDDEFE;
      border-radius: 50%;
      min-width: initial !important;
      padding: 0 !important;
      width: 35px;
      height: 35px; }
      .tasks-container .datepiker-new-style .dropdown-menu .btn-info span, .tasks-menu .datepiker-new-style .dropdown-menu .btn-info span {
        color: #397DFB; }
    .tasks-container .datepiker-new-style .dropdown-menu .btn-default.active, .tasks-menu .datepiker-new-style .dropdown-menu .btn-default.active {
      min-width: initial !important;
      border-radius: 50%;
      padding: 0 !important;
      width: 35px;
      height: 35px; }
  .tasks-container .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td, .tasks-menu .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td {
    padding: 0 !important;
    width: 40px;
    height: 40px; }
  .tasks-container .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td .btn-info.active, .tasks-menu .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td .btn-info.active {
    min-width: initial !important;
    background: #CDDEFE;
    padding: 0 !important;
    width: 35px;
    height: 35px; }

.tasks-container .cg-busy, .tasks-menu .cg-busy {
  z-index: 99999;
  height: 100vh;
  margin: 0;
  position: fixed; }
  .tasks-container .cg-busy-default-wrapper, .tasks-menu .cg-busy-default-wrapper {
    position: fixed;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0; }
    .tasks-container .cg-busy-default-wrapper .cg-busy-default-sign, .tasks-menu .cg-busy-default-wrapper .cg-busy-default-sign {
      margin-top: -25px;
      top: 0 !important;
      z-index: 999999; }

.tasks-container .loader, .tasks-menu .loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 100000; }

.tasks-container {
  height: calc(100% - 89px); }
  .tasks-container .processing_student {
    height: 100%; }
    .tasks-container .processing_student .tooltip.tooltip-info.in {
      opacity: 1; }
    .tasks-container .processing_student .tooltip.tooltip-info .tooltip-arrow {
      border-left-color: #515E67; }
    .tasks-container .processing_student .tooltip.tooltip-info .tooltip-inner {
      max-width: 600px;
      background-color: white;
      border: 1px solid #515E67;
      text-align: left; }
      .tasks-container .processing_student .tooltip.tooltip-info .tooltip-inner div {
        display: flex; }
        .tasks-container .processing_student .tooltip.tooltip-info .tooltip-inner div span.dot {
          font-weight: 400;
          font-size: 10px;
          padding: 3px;
          border-radius: 4px;
          display: inline-block;
          margin-right: 6px; }
        .tasks-container .processing_student .tooltip.tooltip-info .tooltip-inner div span {
          color: #000; }
      .tasks-container .processing_student .tooltip.tooltip-info .tooltip-inner .tooltip-info_wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px; }
    .tasks-container .processing_student .tooltip.tooltip-info {
      text-overflow: clip;
      white-space: normal;
      word-break: break-word; }
    .tasks-container .processing_student__block {
      height: 100%;
      padding: 12px 6px 12px 12px;
      background: #EDEDED;
      border-radius: 8px 8px 0 0;
      width: 100%;
      min-width: 367px;
      overflow: hidden; }
      .tasks-container .processing_student__block__header {
        margin-bottom: 12px;
        padding-right: 9px; }
      .tasks-container .processing_student__block__search {
        display: flex;
        align-items: center;
        padding: 3px 12px;
        background: #FFF;
        border-radius: 6px;
        margin-right: 10px;
        margin-bottom: 12px;
        height: 40px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
        .tasks-container .processing_student__block__search--label {
          padding-top: 4px;
          flex-shrink: 0; }
        .tasks-container .processing_student__block__search a.clear-search {
          display: inline-block;
          flex-shrink: 0; }
        .tasks-container .processing_student__block__search--input {
          flex-grow: 1;
          margin: 0;
          border: none;
          outline: none;
          height: 38px;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px; }
          .tasks-container .processing_student__block__search--input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #999999; }
          .tasks-container .processing_student__block__search--input::-moz-placeholder {
            /* Firefox 19+ */
            color: #999999; }
          .tasks-container .processing_student__block__search--input:-ms-input-placeholder {
            /* IE 10+ */
            color: #999999; }
          .tasks-container .processing_student__block__search--input:-moz-placeholder {
            /* Firefox 18- */
            color: #999999; }
      .tasks-container .processing_student__block__wrap {
        display: grid;
        height: 100%;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 24px;
        justify-items: center; }
      .tasks-container .processing_student__block__title {
        display: flex;
        align-items: center;
        color: #000000;
        margin-bottom: 12px; }
        .tasks-container .processing_student__block__title__wrap {
          display: flex;
          min-height: 24px;
          justify-content: space-between;
          align-items: center; }
          .tasks-container .processing_student__block__title__wrap .show-filter {
            display: flex;
            align-items: center;
            gap: 24px; }
            .tasks-container .processing_student__block__title__wrap .show-filter .filter-toggle {
              cursor: pointer; }
              .tasks-container .processing_student__block__title__wrap .show-filter .filter-toggle img {
                width: 24px;
                height: 24px;
                object-fit: contain; }
            .tasks-container .processing_student__block__title__wrap .show-filter button {
              padding: 0 6px;
              outline: none;
              border: none;
              background: none;
              color: #258AED;
              font-family: inherit; }
            .tasks-container .processing_student__block__title__wrap .show-filter .sort-type {
              cursor: pointer;
              width: 20px;
              display: flex;
              align-items: center; }
              .tasks-container .processing_student__block__title__wrap .show-filter .sort-type img {
                width: 100%; }
              .tasks-container .processing_student__block__title__wrap .show-filter .sort-type .rotate {
                transform: rotate(180deg); }
        .tasks-container .processing_student__block__title_count {
          display: flex;
          align-items: center;
          height: 24px;
          background: #D6D6D6;
          margin-left: 12px;
          color: #858585;
          font-weight: 500;
          font-size: 16px;
          border-radius: 4px;
          padding: 0 6px; }
      .tasks-container .processing_student__block__filter {
        position: relative;
        display: flex;
        justify-content: space-between; }
        .tasks-container .processing_student__block__filter > div {
          margin-right: 8px;
          padding: 4px 6px; }
          .tasks-container .processing_student__block__filter > div:last-child {
            margin-right: 0; }
        .tasks-container .processing_student__block__filter .teach-filter {
          padding: 0; }
          .tasks-container .processing_student__block__filter .teach-filter > div {
            padding: 4px 6px; }
          .tasks-container .processing_student__block__filter .teach-filter .chosen-fio {
            margin-right: 6px; }
            .tasks-container .processing_student__block__filter .teach-filter .chosen-fio__close {
              cursor: pointer;
              transition: 0.3s; }
              .tasks-container .processing_student__block__filter .teach-filter .chosen-fio__close:hover {
                transform: scale(1.2); }
        .tasks-container .processing_student__block__filter .problem-type {
          display: flex;
          height: 36px;
          align-items: center;
          border-radius: 4px;
          transition: 0.3s; }
          .tasks-container .processing_student__block__filter .problem-type.active-filter {
            background: #D6D6D6; }
          .tasks-container .processing_student__block__filter .problem-type:hover {
            background: #D6D6D6;
            cursor: pointer; }
        .tasks-container .processing_student__block__filter .filter_absent-today {
          display: flex; }
          .tasks-container .processing_student__block__filter .filter_absent-today label {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 6px; }
            .tasks-container .processing_student__block__filter .filter_absent-today label input[type="checkbox"] {
              margin-top: 0; }
      .tasks-container .processing_student__block__tasks {
        margin-bottom: 12px; }
        .tasks-container .processing_student__block__tasks:last-child {
          margin-bottom: 0; }
      .tasks-container .processing_student__block .new-tasks-infinite-scroll,
      .tasks-container .processing_student__block .completed-tasks-infinite-scroll,
      .tasks-container .processing_student__block .processing_student-infinite-scroll {
        padding-right: 3px;
        overflow: auto; }
        .tasks-container .processing_student__block .new-tasks-infinite-scroll::-webkit-scrollbar,
        .tasks-container .processing_student__block .completed-tasks-infinite-scroll::-webkit-scrollbar,
        .tasks-container .processing_student__block .processing_student-infinite-scroll::-webkit-scrollbar {
          width: 5px; }
        .tasks-container .processing_student__block .new-tasks-infinite-scroll::-webkit-scrollbar-thumb,
        .tasks-container .processing_student__block .completed-tasks-infinite-scroll::-webkit-scrollbar-thumb,
        .tasks-container .processing_student__block .processing_student-infinite-scroll::-webkit-scrollbar-thumb {
          background: #a9a9a9;
          border-radius: 4px; }
      .tasks-container .processing_student__block .new-tasks-infinite-scroll {
        height: calc(100% - 104px); }
      .tasks-container .processing_student__block .processing_student-infinite-scroll,
      .tasks-container .processing_student__block .completed-tasks-infinite-scroll {
        height: calc(100% - 104px + 52px); }
      .tasks-container .processing_student__block__tasks__container {
        height: initial;
        padding-right: 3px;
        overflow-y: initial; }
      .tasks-container .processing_student__block .task-block {
        padding: 12px;
        background: #FFFFFF;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
        border-radius: 12px; }
        .tasks-container .processing_student__block .task-block__hover {
          cursor: pointer; }
        .tasks-container .processing_student__block .task-block__dont-touch {
          cursor: no-drop; }
        .tasks-container .processing_student__block .task-block__is-not-answer {
          border: 1px solid red; }
        .tasks-container .processing_student__block .task-block__title {
          font-weight: 500;
          font-size: 16px;
          margin-right: 5px; }
          .tasks-container .processing_student__block .task-block__title-icon {
            width: 20px;
            height: 20px; }
        .tasks-container .processing_student__block .task-block__study-info {
          margin-top: 6px;
          display: flex;
          flex-wrap: wrap; }
          .tasks-container .processing_student__block .task-block__study-info .study-form {
            margin-right: 12px; }
        .tasks-container .processing_student__block .task-block__status {
          font-weight: 400;
          font-size: 12px;
          padding: 4px;
          border-radius: 4px; }
          .tasks-container .processing_student__block .task-block__status__wrap {
            display: flex;
            margin-top: 12px;
            flex-wrap: wrap;
            gap: 12px; }
          .tasks-container .processing_student__block .task-block__status.absence {
            color: #FF911B;
            background: #FEEBCE; }
          .tasks-container .processing_student__block .task-block__status.debtor {
            color: #F04E58;
            background: #FEDDDB; }
          .tasks-container .processing_student__block .task-block__status.potential-loss {
            color: #277ACD;
            background: #CCE5FE; }
          .tasks-container .processing_student__block .task-block__status.done {
            color: #858585;
            background: #EDEDED; }
        .tasks-container .processing_student__block .task-block__footer {
          display: flex;
          justify-content: space-between;
          margin-top: 12px; }
        .tasks-container .processing_student__block .task-block__take-to-work a {
          color: #258AED;
          text-decoration: underline; }
        .tasks-container .processing_student__block .task-block__author {
          display: flex;
          align-items: center;
          gap: 7px; }
        .tasks-container .processing_student__block .task-block__date.red {
          color: red; }
        .tasks-container .processing_student__block .task-block__border_red {
          border: 1px solid red; }
      .tasks-container .processing_student__block.open_filter .new-tasks-infinite-scroll,
      .tasks-container .processing_student__block.open_filter .completed-tasks-infinite-scroll,
      .tasks-container .processing_student__block.open_filter .processing_student-infinite-scroll {
        padding-right: 3px; }
      .tasks-container .processing_student__block.open_filter .new-tasks-infinite-scroll {
        height: calc(100% - 140px); }
      .tasks-container .processing_student__block.open_filter .completed-tasks-infinite-scroll,
      .tasks-container .processing_student__block.open_filter .processing_student-infinite-scroll {
        height: calc(100% - 140px + 52px); }
    .tasks-container .processing_student .custom-select-checkbox__arrow {
      margin-left: 8px; }
    .tasks-container .processing_student .custom-select-checkbox .select-overlay {
      position: fixed;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 0;
      z-index: 100; }
    .tasks-container .processing_student .custom-select-checkbox .select-dropdown {
      width: calc(100% - 5px);
      display: flex;
      flex-direction: column;
      gap: 16px;
      position: absolute;
      padding: 12px;
      top: 120%;
      left: 0;
      background: white;
      box-shadow: 0 1px 12px rgba(0, 0, 0, 0.12);
      border-radius: 8px;
      z-index: 1111; }
      .tasks-container .processing_student .custom-select-checkbox .select-dropdown.right {
        width: 100%;
        left: unset;
        right: 0; }
      .tasks-container .processing_student .custom-select-checkbox .select-dropdown label {
        display: flex;
        align-items: flex-start;
        min-width: 200px;
        margin: 0;
        gap: 8px;
        color: #1A1919;
        cursor: pointer; }
        .tasks-container .processing_student .custom-select-checkbox .select-dropdown label:hover {
          color: #258AED; }
    .tasks-container .processing_student .custom-select-checkbox .select-dropdown-multi {
      max-height: 500px;
      overflow-y: auto; }
      .tasks-container .processing_student .custom-select-checkbox .select-dropdown-multi::-webkit-scrollbar {
        width: 5px; }
      .tasks-container .processing_student .custom-select-checkbox .select-dropdown-multi::-webkit-scrollbar-thumb {
        background: #a9a9a9;
        border-radius: 4px; }

.tasks-menu {
  background: white; }
  .tasks-menu__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px; }

.tasks-container *, .tasks-container p, .tasks-menu *, .tasks-menu p {
  margin: 0;
  padding: 0;
  color: #1A1919;
  font-family: 'Inter', sans-serif; }

.tasks-container .cg-busy-default-text, .tasks-menu .cg-busy-default-text {
  margin: 13px 12px 6px 49px;
  font-size: 16px; }

.tasks-container .cg-busy-default-sign, .tasks-menu .cg-busy-default-sign {
  padding-bottom: 6px; }

.tasks-container .d-flex, .tasks-menu .d-flex {
  display: flex; }

.tasks-container .justify-content-between, .tasks-menu .justify-content-between {
  justify-content: space-between; }

.tasks-container .justify-content-center, .tasks-menu .justify-content-center {
  justify-content: center; }

.tasks-container .justify-content-flex-end, .tasks-menu .justify-content-flex-end {
  justify-content: flex-end; }

.tasks-container .align-items-center, .tasks-menu .align-items-center {
  align-items: center; }

.tasks-container .margin-top-18, .tasks-menu .margin-top-18 {
  margin-top: 18px; }

.tasks-container .margin-top-12, .tasks-menu .margin-top-12 {
  margin-top: 12px; }

.tasks-container .margin-r-12, .tasks-menu .margin-r-12 {
  margin-right: 12px; }

.tasks-container .height-100-percent, .tasks-menu .height-100-percent {
  height: 100%; }

.tasks-container .hover-scale, .tasks-menu .hover-scale {
  transition: 0.3s;
  cursor: pointer; }
  .tasks-container .hover-scale:hover, .tasks-menu .hover-scale:hover {
    transform: scale(1.2); }

.tasks-container .red-color, .tasks-menu .red-color {
  color: #F04E58 !important; }

.tasks-container .red-border, .tasks-menu .red-border {
  border: 1px solid #F04E58 !important; }

.tasks-container .text-ellipsis, .tasks-menu .text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tasks-container .tasks-container, .tasks-menu .tasks-container {
  height: calc(100% - 89px); }

.tasks-container .new-menu ul, .tasks-menu .new-menu ul {
  display: flex;
  margin: 24px 0 10px 0;
  padding: 0; }
  .tasks-container .new-menu ul li, .tasks-container .new-menu ul .counter, .tasks-menu .new-menu ul li, .tasks-menu .new-menu ul .counter {
    list-style: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #858585;
    position: relative; }
    .tasks-container .new-menu ul li a, .tasks-container .new-menu ul .counter a, .tasks-menu .new-menu ul li a, .tasks-menu .new-menu ul .counter a {
      text-decoration: none;
      color: inherit; }
      .tasks-container .new-menu ul li a:hover, .tasks-container .new-menu ul .counter a:hover, .tasks-menu .new-menu ul li a:hover, .tasks-menu .new-menu ul .counter a:hover {
        text-decoration: none; }
      .tasks-container .new-menu ul li a:focus, .tasks-container .new-menu ul .counter a:focus, .tasks-menu .new-menu ul li a:focus, .tasks-menu .new-menu ul .counter a:focus {
        outline: none;
        text-decoration: none; }
  .tasks-container .new-menu ul li:hover, .tasks-menu .new-menu ul li:hover {
    text-decoration: none;
    color: #258AED; }
    .tasks-container .new-menu ul li:hover .counter, .tasks-menu .new-menu ul li:hover .counter {
      color: #258AED; }
  .tasks-container .new-menu ul li:not(:first-child), .tasks-menu .new-menu ul li:not(:first-child) {
    margin-left: 48px; }
  .tasks-container .new-menu ul li.active, .tasks-menu .new-menu ul li.active {
    color: #258AED; }
    .tasks-container .new-menu ul li.active .counter, .tasks-menu .new-menu ul li.active .counter {
      color: #258AED; }
    .tasks-container .new-menu ul li.active:before, .tasks-menu .new-menu ul li.active:before {
      content: '';
      width: 100%;
      height: 2px;
      display: block;
      position: absolute;
      background: #258AED;
      bottom: -12px; }

.tasks-container .new-menu .submenu_underline, .tasks-menu .new-menu .submenu_underline {
  height: 0;
  border: 1px solid #D6D8DA;
  margin-bottom: 30px; }

.tasks-container .new-page-title, .tasks-menu .new-page-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px; }

.tasks-container .blue-btn, .tasks-container .light-blue-btn, .tasks-container .light-red-btn, .tasks-container .red-btn, .tasks-container .grey-btn, .tasks-container .white-btn, .tasks-menu .blue-btn, .tasks-menu .light-blue-btn, .tasks-menu .light-red-btn, .tasks-menu .red-btn, .tasks-menu .grey-btn, .tasks-menu .white-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 12px;
  outline: none;
  border: none;
  font-weight: 500;
  font-size: 14px;
  border-radius: 6px;
  transition: all 0.3s; }
  .tasks-container .blue-btn.big-btn, .tasks-container .light-blue-btn.big-btn, .tasks-container .light-red-btn.big-btn, .tasks-container .red-btn.big-btn, .tasks-container .grey-btn.big-btn, .tasks-container .white-btn.big-btn, .tasks-menu .blue-btn.big-btn, .tasks-menu .light-blue-btn.big-btn, .tasks-menu .light-red-btn.big-btn, .tasks-menu .red-btn.big-btn, .tasks-menu .grey-btn.big-btn, .tasks-menu .white-btn.big-btn {
    height: 44px;
    min-width: 125px; }

.tasks-container .blue-btn, .tasks-menu .blue-btn {
  background: #E0E9FF;
  color: #258AED; }

.tasks-container .light-blue-btn, .tasks-menu .light-blue-btn {
  background: #258AED;
  color: white; }
  .tasks-container .light-blue-btn:hover, .tasks-menu .light-blue-btn:hover {
    background: #258AED;
    color: white; }
  .tasks-container .light-blue-btn[disabled], .tasks-menu .light-blue-btn[disabled] {
    background: #EDEDED;
    color: #858585; }

.tasks-container .light-red-btn, .tasks-menu .light-red-btn {
  background: rgba(240, 78, 88, 0.1);
  color: #F04E58; }
  .tasks-container .light-red-btn:hover, .tasks-menu .light-red-btn:hover {
    background: rgba(240, 78, 88, 0.3); }

.tasks-container .red-btn, .tasks-menu .red-btn {
  background: #E95E5E;
  color: white; }
  .tasks-container .red-btn:hover, .tasks-menu .red-btn:hover {
    background: #E95E5E; }

.tasks-container .grey-btn, .tasks-menu .grey-btn {
  background: rgba(210, 212, 214, 0.5);
  color: #5A6274; }
  .tasks-container .grey-btn:hover, .tasks-menu .grey-btn:hover {
    background: rgba(210, 212, 214, 0.7); }

.tasks-container .white-btn, .tasks-menu .white-btn {
  background: white;
  color: #5A6274;
  border: 1px solid #D2D4D6; }
  .tasks-container .white-btn:hover, .tasks-menu .white-btn:hover {
    color: #5A6274; }

.tasks-container .datepiker-new-style, .tasks-menu .datepiker-new-style {
  position: relative; }
  .tasks-container .datepiker-new-style span.dateimg, .tasks-menu .datepiker-new-style span.dateimg {
    padding-right: 0;
    margin-left: 9px; }
    .tasks-container .datepiker-new-style span.dateimg img, .tasks-menu .datepiker-new-style span.dateimg img {
      height: 17px; }
  .tasks-container .datepiker-new-style input[type="text"][readonly], .tasks-container .datepiker-new-style input.datepicker, .tasks-menu .datepiker-new-style input[type="text"][readonly], .tasks-menu .datepiker-new-style input.datepicker {
    width: 155px;
    background: #EDEDED;
    padding-right: 0;
    padding-left: 30px;
    color: #1A1919;
    border-radius: 4px;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0; }
  .tasks-container .datepiker-new-style .dropdown-menu, .tasks-menu .datepiker-new-style .dropdown-menu {
    left: auto !important;
    right: 0; }
    .tasks-container .datepiker-new-style .dropdown-menu .btn-info, .tasks-menu .datepiker-new-style .dropdown-menu .btn-info {
      background: #CDDEFE;
      border-radius: 50%;
      min-width: initial !important;
      padding: 0 !important;
      width: 35px;
      height: 35px; }
      .tasks-container .datepiker-new-style .dropdown-menu .btn-info span, .tasks-menu .datepiker-new-style .dropdown-menu .btn-info span {
        color: #397DFB; }
    .tasks-container .datepiker-new-style .dropdown-menu .btn-default.active, .tasks-menu .datepiker-new-style .dropdown-menu .btn-default.active {
      min-width: initial !important;
      border-radius: 50%;
      padding: 0 !important;
      width: 35px;
      height: 35px; }
  .tasks-container .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td, .tasks-menu .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td {
    padding: 0 !important;
    width: 40px;
    height: 40px; }
  .tasks-container .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td .btn-info.active, .tasks-menu .datepiker-new-style .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled table tbody tr td .btn-info.active {
    min-width: initial !important;
    background: #CDDEFE;
    padding: 0 !important;
    width: 35px;
    height: 35px; }

.tasks-container .cg-busy, .tasks-menu .cg-busy {
  z-index: 99999;
  height: 100vh;
  margin: 0;
  position: fixed; }
  .tasks-container .cg-busy-default-wrapper, .tasks-menu .cg-busy-default-wrapper {
    position: fixed;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0; }
    .tasks-container .cg-busy-default-wrapper .cg-busy-default-sign, .tasks-menu .cg-busy-default-wrapper .cg-busy-default-sign {
      margin-top: -25px;
      top: 0 !important;
      z-index: 999999; }

.tasks-container .loader, .tasks-menu .loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 100000; }

.tasks-container .task-edit__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  background: white;
  border-bottom: 1px solid #EDEDED;
  position: sticky;
  top: 0;
  z-index: 1111; }
  .tasks-container .task-edit__header .buttons-wrap {
    display: flex;
    align-self: center; }
    .tasks-container .task-edit__header .buttons-wrap .blue-btn {
      margin-right: 12px; }
  .tasks-container .task-edit__header .come-back-btn {
    cursor: pointer; }

.tasks-container .task-edit__body {
  display: flex; }
  .tasks-container .task-edit__body .task__contact-history {
    width: 30%;
    min-width: 340px;
    overflow: hidden;
    height: calc(100vh - 79px);
    padding: 24px 12px 24px 24px;
    background: #EDEDED; }
    .tasks-container .task-edit__body .task__contact-history__title {
      font-weight: 500;
      font-size: 18px; }
    .tasks-container .task-edit__body .task__contact-history .comments ul {
      overflow-y: auto;
      padding-right: 12px; }
      .tasks-container .task-edit__body .task__contact-history .comments ul::-webkit-scrollbar {
        width: 5px; }
      .tasks-container .task-edit__body .task__contact-history .comments ul::-webkit-scrollbar-thumb {
        background: #a9a9a9;
        border-radius: 4px; }
      .tasks-container .task-edit__body .task__contact-history .comments ul li {
        list-style: none; }
    .tasks-container .task-edit__body .task__contact-history__block {
      display: flex;
      gap: 12px;
      padding: 16px;
      background: #FFFFFF;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
      border-radius: 12px; }
      .tasks-container .task-edit__body .task__contact-history__block:not(:first-child) {
        margin-top: 16px; }
      .tasks-container .task-edit__body .task__contact-history__block__icon {
        width: 18px;
        background-repeat: no-repeat; }
      .tasks-container .task-edit__body .task__contact-history__block__img {
        margin-top: -6px; }
      .tasks-container .task-edit__body .task__contact-history__block__wrap {
        height: 100%;
        padding-top: 24px; }
        .tasks-container .task-edit__body .task__contact-history__block__wrap .task-hash {
          display: inline-block;
          padding: 6px;
          margin-top: 12px;
          background: #FEEBCE;
          border-radius: 6px;
          color: #FF911B; }
      .tasks-container .task-edit__body .task__contact-history__block__head {
        display: flex;
        justify-content: space-between;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px; }
        .tasks-container .task-edit__body .task__contact-history__block__head div {
          color: #858585; }
        .tasks-container .task-edit__body .task__contact-history__block__head .task-stud-fio,
        .tasks-container .task-edit__body .task__contact-history__block__head .task-stud-position {
          margin-right: 10px; }
      .tasks-container .task-edit__body .task__contact-history__block .task-comment {
        margin-top: 12px;
        word-break: break-word; }
        .tasks-container .task-edit__body .task__contact-history__block .task-comment__attach {
          margin-top: 12px; }
          .tasks-container .task-edit__body .task__contact-history__block .task-comment__attach-link {
            display: flex;
            align-items: end;
            color: #3b95e1;
            text-decoration: none; }
          .tasks-container .task-edit__body .task__contact-history__block .task-comment__attach img {
            margin-right: 16px; }
  .tasks-container .task-edit__body .task__stud-info {
    display: flex; }
    .tasks-container .task-edit__body .task__stud-info__block {
      width: 35%;
      min-width: 395px;
      padding: 24px;
      border-right: 1px solid #EDEDED; }
    .tasks-container .task-edit__body .task__stud-info__contacts__wrap {
      width: 100%; }
    .tasks-container .task-edit__body .task__stud-info__contacts__row {
      flex-wrap: wrap;
      gap: 20px; }
    .tasks-container .task-edit__body .task__stud-info__photo {
      width: 60px;
      min-width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #EDEDED;
      margin-right: 24px; }
      .tasks-container .task-edit__body .task__stud-info__photo img {
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
        height: 100%; }
    .tasks-container .task-edit__body .task__stud-info__fio {
      font-weight: 500;
      font-size: 18px;
      text-decoration: underline;
      color: #258AED;
      cursor: pointer; }
    .tasks-container .task-edit__body .task__stud-info__1c {
      color: #858585;
      font-weight: 400;
      font-size: 14px;
      white-space: nowrap; }
    .tasks-container .task-edit__body .task__stud-info__contacts {
      margin-top: 20px; }
    .tasks-container .task-edit__body .task__stud-info__buttons {
      margin-top: 38px; }
    .tasks-container .task-edit__body .task__stud-info__msg-btn {
      margin-right: 12px; }
      .tasks-container .task-edit__body .task__stud-info__msg-btn:before {
        content: '';
        display: block;
        background-image: url("/image/tasks/mail.svg");
        height: 12px;
        width: 16px;
        margin-right: 6px; }
    .tasks-container .task-edit__body .task__stud-info__group-info {
      margin-top: 46px; }
      .tasks-container .task-edit__body .task__stud-info__group-info__line {
        width: 100%;
        height: 1px;
        background: #EDEDED; }
      .tasks-container .task-edit__body .task__stud-info__group-info__title {
        font-weight: 500;
        font-size: 16px;
        margin-top: -13px;
        background: white;
        width: fit-content;
        padding: 0 12px;
        cursor: pointer; }
      .tasks-container .task-edit__body .task__stud-info__group-info__arrow {
        margin-top: -11px; }
        .tasks-container .task-edit__body .task__stud-info__group-info__arrow.hidden-content {
          transform: rotate(-90deg); }
      .tasks-container .task-edit__body .task__stud-info__group-info__table {
        margin-top: 29px; }
        .tasks-container .task-edit__body .task__stud-info__group-info__table .table-title {
          color: #858585;
          padding: 5px 16px 5px 0; }
          .tasks-container .task-edit__body .task__stud-info__group-info__table .table-title:first-letter {
            text-transform: uppercase; }
    .tasks-container .task-edit__body .task__stud-info__statistics {
      margin-top: 46px; }
      .tasks-container .task-edit__body .task__stud-info__statistics__table__wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 19px; }
      .tasks-container .task-edit__body .task__stud-info__statistics table {
        height: fit-content; }
        .tasks-container .task-edit__body .task__stud-info__statistics table .table-title {
          color: #858585;
          padding: 5px 16px 5px 0; }
          .tasks-container .task-edit__body .task__stud-info__statistics table .table-title:first-letter {
            text-transform: uppercase; }
    .tasks-container .task-edit__body .task__stud-info__class_attendance {
      margin-top: 46px; }
      .tasks-container .task-edit__body .task__stud-info__class_attendance .arrows {
        display: flex;
        justify-content: center;
        margin-top: 24px; }
        .tasks-container .task-edit__body .task__stud-info__class_attendance .arrows .prev {
          margin-right: 10px; }
        .tasks-container .task-edit__body .task__stud-info__class_attendance .arrows .next {
          margin-left: 10px; }
        .tasks-container .task-edit__body .task__stud-info__class_attendance .arrows .shed_img {
          transition: all 0.3s; }
          .tasks-container .task-edit__body .task__stud-info__class_attendance .arrows .shed_img:hover {
            transform: scale(1.2); }
      .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table {
        width: 100%;
        margin-top: 24px;
        border-collapse: separate; }
        .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table th {
          font-weight: 400;
          font-size: 12px;
          color: #858585;
          text-align: center; }
        .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td {
          border: 6px solid transparent;
          vertical-align: top;
          font-weight: 600;
          font-size: 12px; }
          .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td:first-child {
            border-left: none; }
          .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .marks-block {
            display: flex;
            min-height: 24px;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 100%; }
            .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .marks-block__wrap {
              margin: 12px 0; }
            .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .marks-block__mark {
              height: 24px;
              align-items: center; }
              .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .marks-block__mark .mark {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 22px;
                width: 22px;
                border: 1px solid #E5F6FF;
                border-radius: 50%;
                font-weight: 500;
                font-size: 12px;
                color: #FFF; }
              .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .marks-block__mark.firstmark .mark {
                background: #aa91fc; }
              .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .marks-block__mark.secondmark .mark {
                background: #1bd2c7; }
              .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .marks-block__mark.thirdmark .mark {
                background: #ffc730; }
          .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .was, .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .tarde, .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .novisit {
            border-radius: 4px;
            min-height: 24px; }
          .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .was {
            background: #D6D8DA; }
          .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .tarde {
            background: #FF911B; }
          .tasks-container .task-edit__body .task__stud-info__class_attendance .attendance__table td .novisit {
            background: #F04E58; }
    .tasks-container .task-edit__body .task__stud-info__legend {
      display: flex;
      gap: 24px;
      margin-top: 24px; }
      .tasks-container .task-edit__body .task__stud-info__legend .legend-elem {
        margin-left: 16px;
        position: relative; }
        .tasks-container .task-edit__body .task__stud-info__legend .legend-elem:after {
          content: '';
          display: block;
          width: 10px;
          height: 10px;
          position: absolute;
          left: -16px;
          top: 0;
          bottom: 0;
          margin: auto;
          border-radius: 50%; }
        .tasks-container .task-edit__body .task__stud-info__legend .legend-elem.grey:after {
          background: #D6D8DA; }
        .tasks-container .task-edit__body .task__stud-info__legend .legend-elem.orange:after {
          background: #FF911B; }
        .tasks-container .task-edit__body .task__stud-info__legend .legend-elem.red:after {
          background: #F04E58; }
  .tasks-container .task-edit__body .task__processing {
    width: 35%;
    min-width: 395px;
    padding: 24px; }
    .tasks-container .task-edit__body .task__processing__title {
      font-weight: 500;
      font-size: 18px; }
    .tasks-container .task-edit__body .task__processing__line-decor {
      width: 100%;
      height: 1px;
      background: #EDEDED; }
    .tasks-container .task-edit__body .task__processing__description {
      margin-top: 18px;
      color: #1A1919;
      font-weight: 500;
      font-size: 15px; }
    .tasks-container .task-edit__body .task__processing__done-description {
      font-weight: 400;
      font-size: 14px;
      color: #858585; }
    .tasks-container .task-edit__body .task__processing__last-payment {
      margin-right: 5px; }
    .tasks-container .task-edit__body .task__processing__send-payment {
      color: #258AED;
      cursor: pointer; }
    .tasks-container .task-edit__body .task__processing__textarea {
      overflow-y: hidden;
      height: 60px;
      margin-bottom: 0;
      border: 1px solid #D6D8DA;
      border-radius: 4px;
      resize: none;
      padding: 5px; }
      .tasks-container .task-edit__body .task__processing__textarea__wrap {
        position: relative; }
        .tasks-container .task-edit__body .task__processing__textarea__wrap:has(textarea.editable) textarea {
          padding-right: 30px; }
        .tasks-container .task-edit__body .task__processing__textarea__wrap:has(textarea.editable):hover .task__processing__textarea-edit {
          opacity: 1; }
      .tasks-container .task-edit__body .task__processing__textarea-count {
        position: absolute;
        right: 5px;
        bottom: -15px;
        font-size: 11px; }
      .tasks-container .task-edit__body .task__processing__textarea-edit {
        opacity: .47;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 28px;
        right: 12px;
        border: none;
        outline: none;
        background: none;
        transition: opacity ease-in-out .37s; }
        .tasks-container .task-edit__body .task__processing__textarea-edit img {
          width: 100%;
          height: auto; }

.tasks-container .tooltip-inner {
  padding: 3px 8px; }
  .tasks-container .tooltip-inner div, .tasks-container .tooltip-inner span {
    color: white; }

.modal-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.refusal-modal .ngdialog-content, .send-payment-modal .ngdialog-content {
  max-width: 550px;
  border: 1px solid #D2D4D6;
  border-radius: 8px;
  padding: 24px;
  z-index: 11; }
  .refusal-modal .ngdialog-content .modal-title, .send-payment-modal .ngdialog-content .modal-title {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    color: #232E46; }
  .refusal-modal .ngdialog-content .modal-bottom-btns, .send-payment-modal .ngdialog-content .modal-bottom-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48px; }
  .refusal-modal .ngdialog-content .modal-text-grey, .send-payment-modal .ngdialog-content .modal-text-grey {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5A6274; }

.send-payment-modal .ngdialog-content .payment-modal-body {
  margin-top: 12px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px; }

.send-payment-modal .ngdialog-content .modal-email {
  word-break: break-word; }

.send-payment-modal .ngdialog-content .modal-bottom-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px; }
  .send-payment-modal .ngdialog-content .modal-bottom-btns .white-btn {
    margin-right: 12px; }

.send-msg-modal .ngdialog-content {
  display: flex;
  flex-direction: column;
  width: 600px;
  height: 350px;
  border-radius: 12px;
  z-index: 11;
  overflow: hidden; }
  .send-msg-modal .ngdialog-content .modal-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    margin: 0;
    background: #1A1919;
    color: white;
    font-weight: 500;
    font-size: 16px; }
    .send-msg-modal .ngdialog-content .modal-title p {
      color: white;
      margin: 0; }
  .send-msg-modal .ngdialog-content label {
    margin-bottom: 0;
    margin-right: 10px; }
  .send-msg-modal .ngdialog-content .del-file {
    cursor: pointer; }
  .send-msg-modal .ngdialog-content .send-msg-form {
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
  .send-msg-modal .ngdialog-content .file-name {
    max-width: 300px; }
  .send-msg-modal .ngdialog-content textarea {
    flex-grow: 1;
    resize: none;
    border: none; }
    .send-msg-modal .ngdialog-content textarea:focus-visible {
      outline: none; }
  .send-msg-modal .ngdialog-content .modal-bottom-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px; }
  .send-msg-modal .ngdialog-content .line-decor {
    width: 100%;
    height: 1px;
    background: #EDEDED; }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.send-msg-modal .d-flex, .send-payment-modal .d-flex, refusal-modal .d-flex {
  display: flex; }

.send-msg-modal .justify-content-between, .send-payment-modal .justify-content-between, refusal-modal .justify-content-between {
  justify-content: space-between; }

.send-msg-modal .align-items-center, .send-payment-modal .align-items-center, refusal-modal .align-items-center {
  align-items: center; }

.send-msg-modal .blue-btn, .send-msg-modal .light-blue-btn, .send-msg-modal .light-red-btn, .send-msg-modal .red-btn, .send-msg-modal .grey-btn, .send-msg-modal .white-btn, .send-payment-modal .blue-btn, .send-payment-modal .light-blue-btn, .send-payment-modal .light-red-btn, .send-payment-modal .red-btn, .send-payment-modal .grey-btn, .send-payment-modal .white-btn, refusal-modal .blue-btn, refusal-modal .light-blue-btn, refusal-modal .light-red-btn, refusal-modal .red-btn, refusal-modal .grey-btn, refusal-modal .white-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 12px;
  outline: none;
  border: none;
  font-weight: 600;
  font-size: 14px;
  border-radius: 6px;
  transition: all 0.3s; }
  .send-msg-modal .blue-btn.big-btn, .send-msg-modal .light-blue-btn.big-btn, .send-msg-modal .light-red-btn.big-btn, .send-msg-modal .red-btn.big-btn, .send-msg-modal .grey-btn.big-btn, .send-msg-modal .white-btn.big-btn, .send-payment-modal .blue-btn.big-btn, .send-payment-modal .light-blue-btn.big-btn, .send-payment-modal .light-red-btn.big-btn, .send-payment-modal .red-btn.big-btn, .send-payment-modal .grey-btn.big-btn, .send-payment-modal .white-btn.big-btn, refusal-modal .blue-btn.big-btn, refusal-modal .light-blue-btn.big-btn, refusal-modal .light-red-btn.big-btn, refusal-modal .red-btn.big-btn, refusal-modal .grey-btn.big-btn, refusal-modal .white-btn.big-btn {
    height: 44px;
    min-width: 125px; }

.send-msg-modal .light-blue-btn, .send-payment-modal .light-blue-btn, refusal-modal .light-blue-btn {
  background: #E0E9FF;
  color: #258AED; }
  .send-msg-modal .light-blue-btn:hover, .send-payment-modal .light-blue-btn:hover, refusal-modal .light-blue-btn:hover {
    background: #258AED;
    color: white; }
  .send-msg-modal .light-blue-btn[disabled], .send-payment-modal .light-blue-btn[disabled], refusal-modal .light-blue-btn[disabled] {
    background: #EDEDED;
    color: #858585; }

.send-msg-modal .blue-btn, .send-payment-modal .blue-btn, refusal-modal .blue-btn {
  background: #258AED;
  color: white; }
  .send-msg-modal .blue-btn:hover, .send-payment-modal .blue-btn:hover, refusal-modal .blue-btn:hover {
    background: #1372cf;
    color: white; }
  .send-msg-modal .blue-btn[disabled], .send-payment-modal .blue-btn[disabled], refusal-modal .blue-btn[disabled] {
    background: #EDEDED;
    color: #858585; }

.send-msg-modal .light-red-btn, .send-payment-modal .light-red-btn, refusal-modal .light-red-btn {
  background: rgba(240, 78, 88, 0.1);
  color: #F04E58; }
  .send-msg-modal .light-red-btn:hover, .send-payment-modal .light-red-btn:hover, refusal-modal .light-red-btn:hover {
    background: rgba(240, 78, 88, 0.3); }

.send-msg-modal .red-btn, .send-payment-modal .red-btn, refusal-modal .red-btn {
  background: #E95E5E;
  color: white; }
  .send-msg-modal .red-btn:hover, .send-payment-modal .red-btn:hover, refusal-modal .red-btn:hover {
    background: #E95E5E; }

.send-msg-modal .grey-btn, .send-payment-modal .grey-btn, refusal-modal .grey-btn {
  background: rgba(210, 212, 214, 0.5);
  color: #5A6274; }
  .send-msg-modal .grey-btn:hover, .send-payment-modal .grey-btn:hover, refusal-modal .grey-btn:hover {
    background: rgba(210, 212, 214, 0.7); }

.send-msg-modal .white-btn, .send-payment-modal .white-btn, refusal-modal .white-btn {
  background: white;
  color: #5A6274;
  border: 1px solid #D2D4D6; }
  .send-msg-modal .white-btn:hover, .send-payment-modal .white-btn:hover, refusal-modal .white-btn:hover {
    color: #5A6274;
    background: #f5f5f5; }

.SumoSelect {
  width: 100%; }
  .SumoSelect:has(select:disabled) + .input-select-icon {
    display: none; }
  .SumoSelect select:disabled + .CaptionCont {
    opacity: .65; }
  .SumoSelect:hover select:disabled + .CaptionCont, .SumoSelect:focus select:disabled + .CaptionCont {
    border-color: #DEDEDE; }
  .SumoSelect .SelectBox {
    position: relative;
    min-height: 14px;
    background-color: #fff;
    margin: 0;
    font-size: 14px;
    padding: 10px 6px 10px 10px;
    border: 1px solid #DEDEDE;
    border-radius: 6px; }
    .SumoSelect .SelectBox.error {
      border-color: red; }
  .SumoSelect .CaptionCont span {
    color: #000000;
    font-size: 14px; }
    .SumoSelect .CaptionCont span.placeholder {
      color: #0B0B0B;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      text-transform: initial; }
  .SumoSelect .CaptionCont label i {
    background-image: url("/image/select-arrow.svg");
    margin-right: 11px; }
  .SumoSelect .optWrapper .options li.opt.selected:not(.disabled) {
    background-color: #DADADA; }
  .SumoSelect .optWrapper.multiple .options li.opt {
    padding-top: 10px;
    padding-bottom: 10px; }
    .SumoSelect .optWrapper.multiple .options li.opt span i {
      width: 16px;
      height: 16px;
      border: 1px solid #DADADA;
      border-radius: 3px; }
    .SumoSelect .optWrapper.multiple .options li.opt label {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #000000; }
    .SumoSelect .optWrapper.multiple .options li.opt.selected span i {
      background-color: #397DFB; }
    .SumoSelect .optWrapper.multiple .options li.opt.disabled {
      padding-left: 6px; }
      .SumoSelect .optWrapper.multiple .options li.opt.disabled span {
        display: none; }
  .SumoSelect:focus .CaptionCont, .SumoSelect:hover .CaptionCont, .SumoSelect.open .CaptionCont {
    box-shadow: none; }
  .SumoSelect.disabled .CaptionCont span.placeholder {
    cursor: not-allowed; }

html,
body,
.container-fluid,
.container-fluid > .row,
.main > .tab-content,
.main > .tab-content > .tab-pane {
  height: 100%; }

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important; }

body {
  background: #ebeef3;
  font-family: "Open Sans", sans-serif; }

.main {
  padding: 25px;
  min-height: 100%;
  height: 100%; }

.reg-time-wrapper {
  color: white;
  text-decoration: none;
  font-size: 13px;
  padding-top: 0px; }

.reg-time-wrapper-min {
  padding-left: 40px; }

.reg-time-wrapper-max {
  padding-left: 25px; }

.about-link-max {
  padding-top: 118px;
  padding-left: 30px; }

.about-link-min {
  padding-top: 140px;
  padding-left: 44px;
  font-size: 13px; }

.about-link > div > a {
  color: white;
  font-size: 13px;
  text-decoration: underline; }

.wrapper {
  height: 100%;
  max-width: 100%; }

.content {
  background: #fff;
  height: auto;
  min-height: 100%;
  padding: 25px 10px 25px 10px;
  margin: 0 0 20px !important; }

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px; }

/**************** MY STYLE  *****************/
.main-menu ul li.active_part > a {
  color: #ffffff; }

.couner_in_menu {
  color: black;
  margin-left: 10px;
  padding: 4px 8px 4px 8px;
  background-color: #ff764a;
  border-radius: 15px; }

.clear {
  clear: both; }

.cursor_pointer {
  cursor: pointer; }

.button_default,
.button_delete {
  height: 36px;
  border: none;
  outline: none;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  padding: 0 15px; }

.button_default {
  background-color: #3396db; }

.button_delete {
  background-color: #fb5146; }

.button_delete:hover {
  opacity: 0.78;
  color: #ffffff; }

.button_default:hover {
  background-color: #2a8adb;
  color: #ffffff; }

.button_default:active {
  background-color: #2a8adb !important;
  color: #ffffff !important; }

.button_delete:active {
  opacity: 0.78 !important;
  color: #ffffff !important; }

.button_default:active,
.button_delete:active,
.button_close:active {
  box-shadow: inset 0 3px 7px 0 rgba(0, 0, 0, 0.3); }

.button_close {
  height: 36px;
  background-color: #e6e6e6;
  border: none;
  outline: none;
  color: #777676;
  border-radius: 3px;
  font-weight: 700;
  padding: 0 15px; }

.button_close:hover {
  background-color: #c7c7c7; }

.button_excel {
  background-color: transparent;
  background-image: url("");
  border: 1px solid #207245;
  color: #207245;
  border-radius: 4px;
  padding: 3px 10px 3px;
  line-height: 1.75;
  cursor: pointer; }

.header-position {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 10000; }

button[disabled].button_excel {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.button_download {
  background-color: transparent;
  background-image: url("");
  border: 1px solid #207245;
  color: #207245;
  border-radius: 4px;
  padding: 7px 10px 7px;
  line-height: 1.75; }

a.button_download:hover {
  text-decoration: none;
  color: #207245; }

select {
  height: 36px;
  min-width: 200px;
  border: 1px solid #3b95e1;
  padding-left: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  -ms-text-overflow: "";
  text-overflow: "";
  background-image: url("/image/arrow.svg") !important;
  background-position: 97% 50%;
  background-repeat: no-repeat; }

/***   ***   check radio   ***   ***/
input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type="checkbox"].css-checkbox + label.css-label,
input[type="checkbox"].css-checkbox + label.css-label.clr {
  padding-left: 25px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 18px;
  vertical-align: middle;
  cursor: pointer; }

input[type="checkbox"].css-checkbox:checked + label.css-label,
input[type="checkbox"].css-checkbox + label.css-label.chk {
  background-position: 0 -18px; }

label.css-label {
  background-image: url("/image/csscheckbox.png");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/******radio*/
input[type="radio"].css-checkbox-radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type="radio"].css-checkbox-radio + label.css-label-radio {
  padding-left: 21px;
  height: 16px;
  display: inline-block;
  line-height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer; }

input[type="radio"].css-checkbox-radio:checked + label.css-label-radio {
  background-position: 0 -16px; }

label.css-label-radio {
  background-image: url("/image/css_radio.svg");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/***   ***   datepicker   ***   ***/
input[type="text"][readonly],
input.datepicker {
  width: 280px;
  height: 36px;
  padding-top: 1px;
  padding-left: 55px;
  font-size: 15px;
  color: #3b95e1;
  border: 1px solid #3b95e1;
  background: #fff url("/image/arrow_right.svg") no-repeat;
  background-position: 97% 50%; }

span.dateimg {
  position: absolute;
  padding-right: 10px;
  border-right: 1px solid #e9edf3;
  margin-top: 8px;
  margin-left: 11px; }

span.dateimg img {
  height: 20px; }

.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled {
  padding: 5px;
  /*width: inherit;*/ }

.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table {
  width: 350px; }

.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table:focus {
  outline: none; }

.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table
thead {
  border: none; }

.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table
thead
tr
th,
.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table
tbody
tr
td {
  padding: 0;
  border: none; }

.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table
tbody
tr
td
.btn {
  border: none;
  padding: 10px 5px; }

.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table
tbody
tr
td
.btn-info:active,
.dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table
tbody
tr
td
.btn-info.active,
.open
> .dropdown-menu.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-date-disabled
table
tbody
tr
td
.dropdown-toggle.btn-info {
  background-color: #3396db; }

/*           *            aside            *          */
.aside {
  position: fixed;
  height: 100%;
  overflow: hidden;
  background: #2a2e35;
  padding: 40px 0 0;
  z-index: 6000; }

.settings {
  position: absolute;
  margin-top: -30px;
  left: 90%; }

.logOut {
  position: absolute;
  margin-top: -27px;
  left: 12px; }

.setting_img {
  height: 20px;
  width: 20px; }

.avatar {
  height: 100px;
  margin: 0 auto;
  text-align: center; }

.avatar img {
  width: auto;
  height: 85px;
  display: inline; }

.name {
  text-align: center;
  color: #69707e;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 15px; }

.main-menu {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 40px;
  width: 110%; }

.main-menu ul {
  list-style: none;
  margin: 0 -15px;
  padding: 0; }

.main-menu ul li {
  border-bottom: 1px solid #23262c;
  padding: 0 0 0 45px;
  font-size: 16px; }

.main-menu ul li:last-child {
  border: none; }

.main-menu ul li a {
  color: #69707e;
  padding: 10px; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color: #ffffff; }

.main-menu ul li.active,
.main-menu ul li.focus {
  background: #1a1c21; }

.main-menu ul li.active a,
.main-menu ul li.focus a {
  color: #ffffff; }

.main-menu ul li.active {
  border-left: 35px solid #02aadb;
  padding-left: 10px; }

/***       ***   top menu   ***       ***/
.nav.nav-tabs.top_menu {
  margin-bottom: 35px;
  border: none;
  background-color: #fff;
  background-image: url(/image/fon.jpg);
  background-position: 0 100%;
  background-repeat: repeat-x;
  z-index: 5000;
  top: 0;
  width: 100%;
  margin: -30px;
  padding-left: 30px;
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap; }

.nav.nav-tabs.top_menu li {
  margin-right: 20px;
  min-width: 100px;
  float: none; }

.nav.nav-tabs.top_menu li a {
  text-align: center;
  font-weight: 600;
  color: #697e8d; }

.nav.nav-tabs.top_menu > li > a:hover,
.nav.nav-tabs.top_menu > li > a:focus,
.nav.nav-tabs.top_menu > li.active > a,
.nav.nav-tabs.top_menu > li.active > a:hover,
.nav.nav-tabs.top_menu > li.active > a:focus {
  border: 1px solid transparent;
  color: #79b1ea;
  background: transparent; }

.nav.nav-tabs.top_menu li.active {
  min-width: 170px;
  height: 0;
  border-bottom: 50px solid #ebeef3;
  border-left: 0 solid transparent;
  border-right: 15px solid transparent;
  display: inline-block;
  border-radius: 4px 0 0 0; }

.nav.nav-tabs.top_menu li.active a {
  box-shadow: inset 2px 2px 2px #ccc !important;
  padding: 13px 15px;
  color: #79b1ea; }

.loader .alert {
  left: 50%;
  top: 50%;
  position: fixed;
  z-index: 99999999999; }

.loader .mask {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: black;
  z-index: 1049; }

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important; }

.button_default[disabled] {
  cursor: default;
  background-color: #81aadb;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

label {
  font-weight: 400 !important;
  color: #697e8d; }

.toggle_aside,
.toggle_aside img {
  display: none; }

/*Large screens*/
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .name {
    font-size: 16px; }
  .main-menu ul li {
    padding-left: 35px;
    font-size: 14px; } }

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
/* XLarge screens*/
/* min-width 1441px, xlarge screens */
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
/* XXLarge screens */
/* min-width 1921px, xxlarge screens */
/*@media (min-width: 960px) and (max-width: 1599px) {*/
/*/!*.aside {*!/*/
/*/!*display: none;*!/*/
/*/!*}*!/*/
/*.toggle_aside {*/
/*position: fixed;*/
/*left: 0;*/
/*top: 50%;*/
/*height: 100px;*/
/*margin-top: -50px;*/
/*width: 25px;*/
/*padding: 4px;*/
/*background-color: rgba(0,0,0,0.05);*/
/*-webkit-transition: all 0.3s;*/
/*-moz-transition: all 0.3s;*/
/*-ms-transition: all 0.3s;*/
/*-o-transition: all 0.3s;*/
/*transition: all 0.3s;*/
/*display: block;*/
/*z-index: 999;*/
/*cursor: pointer;*/
/*}*/
/*.toggle_aside:hover {*/
/*background-color: rgba(0,0,0,0.25);*/
/*}*/
/*.toggle_aside img {*/
/*display: block;*/
/*height: 20px;*/
/*position: absolute;*/
/*top: 50%;*/
/*margin-top: -10px;*/
/*}*/
/*}*/
@media (max-width: 1599px) {
  .aside {
    display: none; }
  .toggle_aside {
    position: fixed;
    left: 0;
    top: 50vh;
    height: 100px;
    margin-top: -50px;
    width: 25px;
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    z-index: 999;
    cursor: pointer; }
  .toggle_aside:hover {
    background-color: rgba(0, 0, 0, 0.35); }
  .toggle_aside img {
    display: block;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px; } }

.menuBtn {
  background-image: url(/image/menu-button.svg);
  background-size: cover;
  height: 23px;
  width: 20px;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer; }

.aside .toggle_aside {
  position: fixed;
  left: 0;
  top: 50%;
  height: 100px;
  margin-top: -50px;
  width: 25px;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
  cursor: pointer; }

.aside .toggle_aside:hover {
  background-color: rgba(0, 0, 0, 0.35); }

.aside .toggle_aside img {
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px; }

.slideLeft {
  left: -320px;
  /*transition: 0.3s;*/ }

.slideRight {
  left: 0;
  /*transition: 0.3s;*/ }

@media (min-width: 1599px) {
  .col-xl-2.aside.slideLeft {
    width: initial; }
    .col-xl-2.aside.slideLeft .name {
      display: none; } }

.show {
  display: block !important; }

.close-notification {
  color: black !important; }

/* cyrillic */
@font-face {
  font-family: "Underdog";
  font-style: normal;
  font-weight: 400;
  src: local("Underdog"), local("Underdog-Regular"), url(https://fonts.gstatic.com/s/underdog/v5/thWJDzy1UjK06XRjmzEKThTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* latin-ext */
@font-face {
  font-family: "Underdog";
  font-style: normal;
  font-weight: 400;
  src: local("Underdog"), local("Underdog-Regular"), url(https://fonts.gstatic.com/s/underdog/v5/Rx4_7tcum7JGMGPXuzyqZBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: "Underdog";
  font-style: normal;
  font-weight: 400;
  src: local("Underdog"), local("Underdog-Regular"), url(https://fonts.gstatic.com/s/underdog/v5/fPpMUMVrRRd1orrwWrTE4PesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

.cg-busy-default-sign {
  top: 50% !important;
  color: #31708f;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px; }

.validation-success {
  display: none; }

.stud_pp_info {
  width: fit-content;
  margin-top: 10px;
  cursor: pointer; }

.stud_pp_info:hover {
  background-color: #e5d1d1; }

.w-300 {
  width: 300px;
  min-width: 300px;
  max-width: 300px; }

.w-60 {
  width: 60px !important;
  min-width: 60px !important; }

.form-field .SumoSelect {
  width: 100%; }

.form-field > * {
  width: 100%; }

.form-field input.error,
.form-field select.error {
  border: 1px solid #c00640 !important; }

.form-field .form-field__error {
  color: #c00640;
  font-size: 13px;
  padding: 0 10px;
  margin-top: 2px; }

/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/
@media (min-width: 1200px) and (max-width: 1599px) {
  .hidden-lg {
    display: none !important; } }

.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
  display: none !important; }

@media (min-width: 1600px) {
  .container {
    width: 1570px; }
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-11 {
    width: 91.66666667%; }
  .col-xl-10 {
    width: 83.33333333%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-8 {
    width: 66.66666667%; }
  .col-xl-7 {
    width: 58.33333333%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-5 {
    width: 41.66666667%; }
  .col-xl-4 {
    width: 33.33333333%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-2 {
    width: 16.66666667%; }
  .col-xl-1 {
    width: 8.33333333%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-pull-11 {
    right: 91.66666667%; }
  .col-xl-pull-10 {
    right: 83.33333333%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-8 {
    right: 66.66666667%; }
  .col-xl-pull-7 {
    right: 58.33333333%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-5 {
    right: 41.66666667%; }
  .col-xl-pull-4 {
    right: 33.33333333%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-2 {
    right: 16.66666667%; }
  .col-xl-pull-1 {
    right: 8.33333333%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-push-11 {
    left: 91.66666667%; }
  .col-xl-push-10 {
    left: 83.33333333%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-8 {
    left: 66.66666667%; }
  .col-xl-push-7 {
    left: 58.33333333%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-5 {
    left: 41.66666667%; }
  .col-xl-push-4 {
    left: 33.33333333%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-2 {
    left: 16.66666667%; }
  .col-xl-push-1 {
    left: 8.33333333%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-offset-12 {
    margin-left: 100%; }
  .col-xl-offset-11 {
    margin-left: 91.66666667%; }
  .col-xl-offset-10 {
    margin-left: 83.33333333%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-8 {
    margin-left: 66.66666667%; }
  .col-xl-offset-7 {
    margin-left: 58.33333333%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-5 {
    margin-left: 41.66666667%; }
  .col-xl-offset-4 {
    margin-left: 33.33333333%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-2 {
    margin-left: 16.66666667%; }
  .col-xl-offset-1 {
    margin-left: 8.33333333%; }
  .col-xl-offset-0 {
    margin-left: 0; }
  .visible-xl {
    display: block !important; }
  table.visible-xl {
    display: table; }
  tr.visible-xl {
    display: table-row !important; }
  th.visible-xl, td.visible-xl {
    display: table-cell !important; }
  .visible-xl-block {
    display: block !important; }
  .visible-xl-inline {
    display: inline !important; }
  .visible-xl-inline-block {
    display: inline-block !important; }
  .hidden-xl {
    display: none !important; } }