@import url("/stylesheets/opensans-1df51c66.css");
body {
  font-family: 'Open Sans', sans-serif;
  background: #f1f1f1; }

.lk-line.container {
  margin-top: 45px; }

.grey.lighten-3 {
  background-color: #f1f1f1 !important; }

.front-info {
  padding: 30px; }

.front-info-center {
  text-align: center; }

nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  line-height: 38px; }

nav ul a:hover {
  color: #FFF; }

.brand-logo {
  font-size: 30px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }

.company_name_header {
  font-size: 2.1rem;
  color: #000;
  margin-left: .5em; }

.row .col.my-pull-s1 {
  right: 0%; }

.row .col.my-s10 {
  width: 100%; }

.ban_img {
  padding: 7px;
  margin-left: 0px; }

@media only screen and (min-width: 993px) {
  .container {
    width: 95%; }
  .row .col.my-pull-l2 {
    right: 0%; }
  .row .col.my-l8 {
    width: 76%; }
  .ban_img {
    margin-left: -20px; } }

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .nav-wrapper .right {
    float: none !important;
    margin-top: 20px; } }

.side-info {
  padding-bottom: 60px; }

.side-info h5 {
  font-size: 14px;
  color: #808080; }

.side-info h6 {
  font-size: 23px;
  color: #000; }

.progress {
  background-color: #cbcbcb;
  overflow: visible; }

.progress .determinate {
  background-color: #26a69a; }

.progress-item {
  margin: 20px 0; }

.progress-item h6 {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: bold;
  margin-bottom: 20px; }

.progress-deskription h6 {
  font-size: 12px;
  color: gray;
  margin-top: 20px; }

.ct-legend.ct-legend-inside {
  position: inherit;
  left: auto;
  bottom: auto;
  top: auto; }

.ct-legend li {
  display: block;
  margin-right: 30px;
  margin-left: 16px;
  white-space: nowrap; }

.ct-legend li:before {
  position: absolute;
  left: 0;
  top: 4px;
  content: '';
  border: 3px solid transparent;
  margin-right: -10px; }

table {
  margin: 20px 0; }

thead {
  background-color: #FFF; }

td, th {
  padding: 15px 20px; }

table.striped > tbody > tr:nth-child(even) {
  background-color: #FFF; }

table.striped > tbody > tr:nth-child(odd) {
  background-color: #f5f5f5; }

table.tariff_description > tbody > tr {
  background-color: #f5f5f5; }

table.tariff_description_group_attribute > tbody > tr {
  background-color: #FFF; }

table.tariff_description_group_attribute > tbody > tr > td {
  min-width: 0; }

#filters {
  margin: 0 15px; }

#filters input {
  background-color: #fff;
  padding: 5px;
  margin-top: 5px;
  border-bottom: none;
  padding-left: 10px;
  padding-right: 10px; }

#filters .btn {
  margin-top: 12px; }

.select-wrapper span.caret {
  z-index: 10; }

.btn, .btn-large {
  margin-top: 5px; }

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 14px; }

.picker--opened .picker__holder {
  background: rgba(255, 255, 255, 0.75); }

.picker__weekday-display, .picker__month-display, .picker__day-display {
  font-size: 1rem;
  margin-top: 10px; }

.picker__box {
  border: none;
  box-shadow: 0 0px 100px 10px rgba(0, 0, 0, 0.24); }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  border-radius: 0; }

.picker__close, .picker__today, .picker__clear {
  font-size: 1rem;
  padding: 0 1rem; }

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  background-color: #e5f5ff; }

.picker__container__wrapper {
  padding: 20px; }

.picker__date-display {
  padding: 25px; }

.option-btn,
.plan-description-btn,
.change-plan-btn {
  color: #FFF;
  padding: 3px 6px;
  background-color: #8bb0c7;
  font-size: .8rem;
  border-radius: 3px; }

.confirm-info-btn {
  color: #FFF !important;
  background-color: #8bb0c7 !important; }

.info-btn-group {
  display: flex;
  flex-direction: column; }

.ct-chart-donut .ct-series .ct-slice-donut {
  stroke-width: 10px !important; }

.chart {
  min-height: 300px; }

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
  stroke: #d70206; }

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
  stroke: #F05B4F; }

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
  stroke: #F4C63D; }

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
  stroke: #453D3F; }

.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
  stroke: #e6d4b6; }

.top-line {
  background-image: url("/img/top-line-bg.jpg");
  background-repeat: repeat-x;
  background-position: center top;
  padding: 20px 0 0;
  color: #FFF; }

.top-line a {
  color: #FFF; }

.top-line a:hover {
  opacity: .8; }

.top-line i.material-icons {
  float: right;
  margin-top: 25px;
  color: #888; }

.top-line #navbar ul {
  display: inline-block; }

.top-line #navbar li {
  display: inline-block; }

.top-line #navbar li a {
  padding: 5px 15px; }

.top-line .brand-logo {
  float: left;
  margin-top: -10px;
  margin-right: 30px; }

.page-footer.grey.lighten-3 {
  background: #444;
  background-repeat: repeat-x;
  background-position: center top;
  padding-bottom: 20px;
  color: #FFF; }

@media only screen and (max-width: 992px) {
  .top-line .brand-logo {
    float: none;
    margin-top: 0; }
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    overflow-x: auto; }
  table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: visible;
    white-space: nowrap; } }

.tariff_plan_info_message_row {
  display: none; }

.tinkoffPayRow {
  display: block;
  margin: 1%;
  width: 160px;
  color: #000000; }

@media only screen and (max-width: 992px) {
  .tinkoffPayRow {
    margin-left: 10% !important;
    margin-right: 10% !important;
    width: 80% !important; } }

.tinkoffPayRow.btn {
  margin-top: 30px; }

.container > .row {
  margin-bottom: 0; }

.tinkoff_phone_number_row {
  font-size: 150%; }

.tinkoff_phone_number {
  font-weight: bold; }

.yandexKassaPayRow {
  display: block;
  margin: 1%;
  width: 160px;
  color: #000000; }

@media only screen and (max-width: 992px) {
  .yandexKassaPayRow {
    margin-left: 10% !important;
    margin-right: 10% !important;
    width: 80% !important; } }

.change-password label {
  color: #000000 !important; }

.modal {
  max-height: 90%; }

.tariff-description {
  font-size: 0.9em;
  background-color: transparent; }
  .tariff-description td, .tariff-description th {
    padding: 0 5px 0 0;
    background-color: transparent; }

.bold-text {
  font-weight: bold; }

.column {
  float: left;
  padding: 10px; }

.form {
  padding-top: 4em;
  margin-bottom: 2em; }

.support-svg-size {
  width: 32px;
  height: 32px; }

.banner-after-logon {
  position: absolute;
  width: 900px;
  height: 600px;
  background: url("/img/banner_after_logon-107807f8.svg"); }

.close-banner-after-logon {
  position: absolute;
  right: 52.64px;
  top: 48px;
  width: 35.36px;
  height: 35.36px;
  background: url("/img/close-be54bef5.svg"); }

.banner-after-logon-payment-btn {
  position: absolute;
  left: 51px;
  bottom: 90px;
  top: 487px;
  width: 387px;
  height: 57px;
  background: linear-gradient(92.5deg, #FA008F 14.48%, #BD00DF 95.08%);
  box-shadow: 2px 4px 6px rgba(246, 0, 148, 0.3);
  border-radius: 30px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 33px;
  text-align: center;
  text-decoration-line: underline;
  padding-top: .5em;
  color: #FFFFFF; }

.banner-after-logon-sberpay-btn {
  position: absolute;
  left: 38px;
  bottom: 90px;
  top: 376px;
  width: 270px;
  height: 93px;
  background: url("/img/sberpay_btn-5609dc08.svg"); }

.banner-after-logon-main-text {
  position: absolute;
  width: 432px;
  height: 20px;
  left: 51px;
  right: 400px;
  bottom: 193px;
  top: 125px;
  margin-bottom: 9px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-size: 66px;
  color: #FFFFFF; }

.banner-after-logon-header-text {
  position: absolute;
  width: 524px;
  height: 117px;
  left: 51px;
  right: 308px;
  bottom: 193px;
  top: 10px;
  margin-bottom: 9px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 42px;
  color: #FFFFFF; }

.banner-after-logon-payment-btn-label {
  position: absolute;
  width: 290px;
  height: 10px;
  left: 51px;
  right: 515px;
  bottom: 156px;
  top: 405px;
  margin-bottom: 9px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 10px;
  color: #000000; }

@media only screen and (max-width: 430px) {
  .banner-after-logon {
    position: absolute;
    width: 307px;
    height: 547px;
    background: url("/img/banner_after_logon_mobile-7baa4eb1.svg"); }
  .close-banner-after-logon {
    position: absolute;
    right: 19.64px;
    top: 21px;
    width: 17px;
    height: 17px;
    background: url("/img/close_mobile-4311c543.svg"); }
  .banner-after-logon-payment-btn {
    position: absolute;
    left: 23px;
    bottom: 36px;
    top: 257px;
    width: 210.47px;
    height: 31px;
    font-size: 15px;
    line-height: 33px;
    padding-top: .0em; }
  .banner-after-logon-sberpay-btn {
    position: absolute;
    left: 17px;
    top: 198px;
    width: 130px;
    height: 45px;
    background: url("/img/sberpay_mobile_btn-73a0a1f8.svg"); }
  .banner-after-logon-main-text {
    position: absolute;
    height: 52px;
    left: 16px;
    right: 15px;
    bottom: 193px;
    top: 380px;
    margin-bottom: 9px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 29px;
    line-height: 40px;
    color: #FFFFFF; }
  .banner-after-logon-header-text {
    position: absolute;
    width: 225px;
    height: 42px;
    left: 37px;
    bottom: 193px;
    top: 330px;
    margin-bottom: 9px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF; }
  .banner-after-logon-payment-btn-label {
    position: absolute;
    width: 300px;
    height: 10px;
    left: 45.33px;
    right: 9px;
    bottom: 83px;
    top: 448px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    color: #000000; } }