:root {
    --main-orange: #ff7545;
    --deep-orange: #f15018;
    --dark-orange: #c43a0a;
}

html[is-callo-mode] {
    --main-orange: #ff6b38;
    --deep-orange: #f15018;
    --dark-orange: #c43a0a;
}

/*
 * Base structure
 */

/* Footer */
html,
body {
    margin: 0;
    width: 100%;
    height: 100%;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 52px;
    font-size: 14px;
    font-family: Inter, sans-serif;
    line-height: 1.8em;
}

/* Эти стили не трогать */
.body-inner {
    position: relative;
    overflow: auto;
    height: 100%;
}

.overflow-h {
    overflow: hidden !important;
}

:root {
    --success-color: #3eb769;
    --error-color: #dc3545;
    --base-color: var(--main-orange);
    --black-color: #212529;
}

audio {
    width: 202px;
}

/* Scrollbar for webkit */

::-webkit-scrollbar {
    width: 8px; /* ширина для вертикального скролла */
    height: 8px; /* высота для горизонтального скролла */
    background-color: #fdfdfd;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    background-color: #6e6e6e;
    border-radius: 9em;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #212529;
}

/*
 * Global add-ons
 */
.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.cabinet-content {
    overflow: auto;
    height: 100%;
}

.btn-group {
    position: relative !important;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
/*.navbar-fixed-top {*/
/*border: 0;*/
/*}*/
/*
 * Sidebar
 */
/* Hide for mobile, show later */
.sidebar {
    width: 258px;
    position: fixed;
    top: 48px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
}

#sidebar-bg {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.68);
    transition: background-color 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.cabinet-burger-icon {
    width: 32px;
    height: 32px;
}

#cabinet-menu-burger {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

#cabinet-menu-burger .cabinet-burger-icon {
    margin: 10px;
}

@media (min-width: 768px) {
    .sidebar {
        display: block;
    }

    #sidebar-bg {
        display: none !important;
    }

    #cabinet-menu-close-btn, #cabinet-menu-burger {
        display: none;
    }
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px;
    /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}

.nav-sidebar>li>a {
    padding-right: 10px;
    padding-left: 10px;
    color: #212529;
}

.nav-sidebar>li>a:hover {
    background-color: #eee;
}

.nav-sidebar>.active>a,
.nav-sidebar>.active>a:hover,
.nav-sidebar>.active>a:focus {
    color: #212529;
    background-color: #e6e8ea;
}

/*
 * Main content
 */
.main {
    padding: 20px;
}

.cabinet-content {
    width: 100%;
    will-change: width;
    transition: 0.2s width cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

.cabinet-content.active-help-panel {
    width: 100%;
}

@media (min-width: 992px) {
  .overflow-h {
     overflow: initial !important;
  }

  .cabinet-content {
      padding-top: 0;
      padding-left: 244px;
  }

  .cabinet-content.active-help-panel {
      width: calc(100% - 360px);
  }
}

.main .page-header {
    margin-top: 0;
}

/*
 * Placeholder dashboard ideas
 */
.placeholders {
    margin-bottom: 30px;
    text-align: center;
}

.placeholders h4 {
    margin-bottom: 0;
}

.placeholder {
    margin-bottom: 20px;
}

.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

/*
 * Table dashboard ideas
 */
.table-borderless>tbody>tr>td,
.table-borderless>tbody>tr>th,
.table-borderless>tfoot>tr>td,
.table-borderless>tfoot>tr>th,
.table-borderless>thead>tr>td,
.table-borderless>thead>tr>th {
    border: none;
}

.table-error {
    background-color: #ebcccc !important;
}

.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
}

.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
}

.list-group-horizontal .list-group-item-text ul {
    text-align: left;
}

.list-group-horizontal .list-group-item-text ul li {
    text-align: left;
}

.list-group-horizontal .list-group-item h4 {
    text-align: left;
}

.panel-borderless {
    border: none;
    box-shadow: none;
}

.panel-borderless>.panel-heading {
    border: 1px solid #dddddd;
    border-radius: 0;
}

.modal-body {
    max-height: 80vh;
    overflow-y: auto;
}

.main-iframe {
    overflow-x: auto;
    padding-top: 0;
}

.label-no-weight {
    font-weight: normal !important;
}

.leftbanner {
    background-color: white;
    margin: 0px;
    padding: 12px;
    position: absolute;
    bottom: 24px;
    font-size: 14px;
    line-height: 10px;
    border-radius: 8px;
    left: 50%;
    margin-left: -98px;
}

.mt30 {
    margin-top: 30px;
}

.has-error .form-control, .has-error.form-control {
    border-color: var(--error-color);
}

.has-error label {
    color: var(--error-color);
}

p.has-error {
    color: var(--error-color);
}

.has-error .invalid-feedback {
    display: block;
}

.modal-md {
    max-width: 700px;
}

.modal-xl {
    max-width: 80%;
}

h1 {
    font-size: 19px;
}

.card-header {
    background: transparent;
    border: 0;
}

::-webkit-input-placeholder {
    font-size: 14px !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px !important;
}

.form-control {
    color: #222;
}

a {
    color: #005eaa;
    /* border-bottom: 1px solid #005eaa;
  text-decoration: none; */
}

a:hover {
    color: #d84c36;
    /* border-bottom: 1px solid #d84c36;
  text-decoration: none; */
}

.abb {
    border-bottom: 1px solid #005eaa;
    text-decoration: none;
}

.abb:hover {
    border-bottom: 1px solid #d84c36;
    text-decoration: none;
}

.border-bottom-dotted {
    border-bottom: 1px dashed;
    text-decoration: none !important;
}

label.required:after {
    color: #cb2431;
    content: "*";
}

.vertical-text {
    transform: rotate(-90deg);
    transform-origin: center;
    display: table-cell;
}

.btn {
    font-size: .875rem;
    padding: .275rem .75rem;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

.align-middle {
    vertical-align: middle;
}

.card-nav-tabs .nav-link.active {
    background: 0 0;
    border-bottom: 2px solid #4285f4;
}

.card-nav-tabs .nav-link {
    color: #495057;
    border: 0;
}

.card-nav-tabs .nav-link:hover {
    color: #d84c36;
}

.card-nav-tabs {
    background-color: #fff;
    border-bottom: 2px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.pincode-numbers {
    padding: 4px 12px;
    background: #eeeef0;
    font-size: 20px;
    border-radius: 0.1rem;
}

.zvonok-orange {
    color: #d84c36;
}

.alert {
    border-radius: 0.1rem;
    margin-bottom: 0;
}

.navbar {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.btn.focus, .btn:focus {
    box-shadow: none;
    outline: none;
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--base-color);
    box-shadow: none;
    outline: none;
}

.dropdown-item:focus, .dropdown-item:hover {
    box-shadow: none;
    outline: none;
}

.dropdown-menu {
    margin-top: 10px;
    font-size: 0.9rem;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dropdown-menu ul {
    list-style: none;
}

.count {
    position: absolute;
    top: 10px;
    right: 5px;
    display: inline-block;
    width: 8px;
    height: 8px;
}

a.dashed-orange {
    color: #212529;
    position: relative;
    border-bottom: 1px dashed #212529;
}

a.dashed-orange:hover {
    color: var(--base-color);
    border-bottom: 1px dashed var(--base-color);
}

.btn {
    border-radius: .2rem;
}

.btn-success {
    background: var(--success-color);
    border: 1px solid var(--success-color);
}

.btn-outline-secondary {
    border: 1px solid #ced4da;
}

.text-sm {
    font-size: 0.8rem;
}

.simple_table th {
    font-weight: 300;
}

.simple_table td, .simple_table th {
    vertical-align: middle !important;
}

.simple_table thead th {
    border-top: 0;
}

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

.actions-buttons .btn-outline-secondary {
    padding: .475rem 1.2rem;
}

.show>.btn-outline-default.dropdown-toggle, .show>.btn-primary-outline.dropdown-toggle {
    box-shadow: 0 0 0.2rem 0.1rem rgba(38, 143, 255, 0.5);
}

.badge-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    border: 1px solid #999;
    font-weight: normal;
    padding: .45em .55em;
}

.badge-outline-success {
    color: var(--success-color);
    background-color: transparent;
    border: 1px solid var(--success-color);
    font-weight: normal;
    padding: .45em .55em;
}

.btn-outline-secondary {
    color: #42484e;
}

a.zdark {
    color: #495057;
}

a.zdark:hover {
    color: #d84c36;
}

.campaign_types {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.campaign_types .card {
    cursor: pointer;
    border: 1px solid #d8d8d8;
    border-radius: .25rem;
    text-decoration: none;
    color: #495057;
    padding-left: 0;
    padding-right: 0;
}

.campaign_types .card:hover {
    background: var(--success-color);
    border: 1px solid var(--success-color);
    color: #fff;
}

.campaign_types .card-header {
    padding: 12px 35px 12px;
}

.campaign_types .card-body {
    padding: 20px 35px 20px;
}

.campaign_types .card-sticker {
    font-size: 12px;
    text-align: center;
    color: #000000;
    background-color: #DDDDDD;
    width: 145px;
    margin-left: auto;
    margin-bottom: -25px;
    border-radius: .25rem;
}

.text-lg {
    font-size: 1.1rem;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect6:before, .effect6:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.effect6:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}


.ct-audio-player {
    min-width: 250px !important;
}

.ct-audio-player .ct-controls {
    font-size: 0.9rem !important;
}

.ct-audio-player svg {
    width: 18px !important;
}

table .btn-group-vertical {
    min-width: 200px;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-info {
    border-left-color: #94e1ff;
}

.btn-primary {
    background-color: #1f78d1;
    border-color: #1f78d1;
}

.btn-primary:hover {
    background-color: #1b69b6;
    border-color: #1b69b6;
}

h4 {
    font-size: 1.2rem;
}

.alert-danger {
    color: #ffe0d5;
    background-color: #d05f38;
    border-color: #bf502b;
}

.alert-warning, .text-warning {
    color: #bb6040 !important;
}

.alert-warning {
    background-color: #fde9e2;
    border-color: #f1dbd3;
}

.clipboard {
    position: relative;
}

.clipboard:hover .btn {
    display: inline-block !important;
    position: absolute;
}

.text-primary {
    color: #005eaa !important;
}

a.text-primary:hover, button.text-primary:hover {
    text-decoration: underline !important;
    color: #d84c36 !important;
}

@media (min-width: 992px) {
    .right-label-form label {
        text-align: right !important;
    }
}

.border-warning {
    border-color: #f1dbd3 !important;
}

.notification-close-btn {
   position:absolute;
   right: 10px;
}

.notification-close-btn i {
   font-size: 0.8rem;
}

@media (min-width: 700px) {
   .modal-xl {
      max-width: 80%;
   }
}

.cursor-pointer {
    cursor: pointer;
}

.campaign-day-label input {
    width: 1.25rem;
    margin-right: 1rem;
}

.border-transparent {
    border-color: transparent;
}

.collapse-btn:hover {
    text-decoration: none;
}

.collapse-btn[data-toggle].collapsed span:after {
    content: "▾";
    margin-left: 0.5rem;
}

.collapse-btn[data-toggle]:not(.collapsed) span:after {
    content: "▴";
    margin-left: 0.5rem;
}
.gray-link {
  border-bottom:1px solid;
  text-decoration: none;
  color:#5a5a5a !important;
}
.gray-link:hover, .gray-link:active  {
  text-decoration: none;
  border-bottom:1px solid;
  color: var(--base-color) !important;
}
.lh-sm {
  font-size: 0.7em;
  line-height: 1.4em;
}

.tooltip-inner {
    text-align: left;
}
.tg-link {
    font-size: 16px;
    color:#0088cc;
    vertical-align: text-bottom;
}
h2 {
    color: #555;
    font-size: 18px;
}
h1 {
    color: #555;
    border-bottom: 1px solid #eee;
}
h4 {
    font-size:1.1rem;
}
.zv-input-sm {
    font-size: .875rem;
}
.z-icon {
    vertical-align: text-bottom;
    height: 15px;
    width: 15px;
    background-size: cover;
}
.z-bell-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDE2IDE2IiBjbGFzcz0iYmkgYmktYmVsbCIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik04IDE2YTIgMiAwIDAgMCAyLTJINmEyIDIgMCAwIDAgMiAyeiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggMS45MThsLS43OTcuMTYxQTQuMDAyIDQuMDAyIDAgMCAwIDQgNmMwIC42MjgtLjEzNCAyLjE5Ny0uNDU5IDMuNzQyLS4xNi43NjctLjM3NiAxLjU2Ni0uNjYzIDIuMjU4aDEwLjI0NGMtLjI4Ny0uNjkyLS41MDItMS40OS0uNjYzLTIuMjU4QzEyLjEzNCA4LjE5NyAxMiA2LjYyOCAxMiA2YTQuMDAyIDQuMDAyIDAgMCAwLTMuMjAzLTMuOTJMOCAxLjkxN3pNMTQuMjIgMTJjLjIyMy40NDcuNDgxLjgwMS43OCAxSDFjLjI5OS0uMTk5LjU1Ny0uNTUzLjc4LTFDMi42OCAxMC4yIDMgNi44OCAzIDZjMC0yLjQyIDEuNzItNC40NCA0LjAwNS00LjkwMWExIDEgMCAxIDEgMS45OSAwQTUuMDAyIDUuMDAyIDAgMCAxIDEzIDZjMCAuODguMzIgNC4yIDEuMjIgNnoiLz4KPC9zdmc+)
}
.z-confirm-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDE2IDE2IiBjbGFzcz0iYmkgYmktdW5sb2NrIiBmaWxsPSJjdXJyZW50Q29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42NTUgOEgyLjMzM2MtLjI2NCAwLS4zOTguMDY4LS40NzEuMTIxYS43My43MyAwIDAgMC0uMjI0LjI5NiAxLjYyNiAxLjYyNiAwIDAgMC0uMTM4LjU5VjE0YzAgLjM0Mi4wNzYuNTMxLjE0LjYzNS4wNjQuMTA2LjE1MS4xOC4yNTYuMjM3YTEuMTIyIDEuMTIyIDAgMCAwIC40MzYuMTI3bC4wMTMuMDAxaDcuMzIyYy4yNjQgMCAuMzk4LS4wNjguNDcxLS4xMjFhLjczLjczIDAgMCAwIC4yMjQtLjI5NiAxLjYyNyAxLjYyNyAwIDAgMCAuMTM4LS41OVY5YzAtLjM0Mi0uMDc2LS41MzEtLjE0LS42MzVhLjY1OC42NTggMCAwIDAtLjI1NS0uMjM3QTEuMTIyIDEuMTIyIDAgMCAwIDkuNjU1IDh6bS4wMTItMUgyLjMzM0MuNSA3IC41IDkgLjUgOXY1YzAgMiAxLjgzMyAyIDEuODMzIDJoNy4zMzRjMS44MzMgMCAxLjgzMy0yIDEuODMzLTJWOWMwLTItMS44MzMtMi0xLjgzMy0yek04LjUgNGEzLjUgMy41IDAgMSAxIDcgMHYzaC0xVjRhMi41IDIuNSAwIDAgMC01IDB2M2gtMVY0eiIvPgo8L3N2Zz4=)
}
.z-auto-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDE2IDE2IiBjbGFzcz0iYmkgYmktdGVsZXBob25lLW91dGJvdW5kIiBmaWxsPSJjdXJyZW50Q29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMy45MjUgMS43NDVhLjYzNi42MzYgMCAwIDAtLjk1MS0uMDU5bC0uOTcuOTdjLS40NTMuNDUzLS42MiAxLjA5NS0uNDIxIDEuNjU4QTE2LjQ3IDE2LjQ3IDAgMCAwIDUuNDkgMTAuNTFhMTYuNDcgMTYuNDcgMCAwIDAgNi4xOTYgMy45MDdjLjU2My4xOTggMS4yMDUuMDMyIDEuNjU4LS40MjFsLjk3LS45N2EuNjM2LjYzNiAwIDAgMC0uMDYtLjk1MWwtMi4xNjItMS42ODJhLjYzNi42MzYgMCAwIDAtLjU0NC0uMTE1bC0yLjA1Mi41MTNhMS42MzYgMS42MzYgMCAwIDEtMS41NTQtLjQzTDUuNjQgOC4wNThhMS42MzYgMS42MzYgMCAwIDEtLjQzLTEuNTU0bC41MTMtMi4wNTJhLjYzNi42MzYgMCAwIDAtLjExNS0uNTQ0TDMuOTI1IDEuNzQ1ek0yLjI2Ny45OGExLjYzNiAxLjYzNiAwIDAgMSAyLjQ0OC4xNTNsMS42ODEgMi4xNjJjLjMwOS4zOTYuNDE4LjkxMy4yOTYgMS40bC0uNTEzIDIuMDUzYS42MzYuNjM2IDAgMCAwIC4xNjcuNjA0TDguNjUgOS42NTRhLjYzNi42MzYgMCAwIDAgLjYwNC4xNjdsMi4wNTItLjUxM2ExLjYzNiAxLjYzNiAwIDAgMSAxLjQwMS4yOTZsMi4xNjIgMS42ODFjLjc3Ny42MDQuODQ5IDEuNzUzLjE1MyAyLjQ0OGwtLjk3Ljk3Yy0uNjkzLjY5My0xLjczLjk5OC0yLjY5Ny42NThhMTcuNDcxIDE3LjQ3MSAwIDAgMS02LjU3MS00LjE0NEExNy40NyAxNy40NyAwIDAgMSAuNjM5IDQuNjQ2Yy0uMzQtLjk2Ny0uMDM1LTIuMDA0LjY1OC0yLjY5OGwuOTctLjk2OXpNMTEgLjVhLjUuNSAwIDAgMSAuNS0uNWg0YS41LjUgMCAwIDEgLjUuNXY0YS41LjUgMCAwIDEtMSAwVjEuNzA3bC00LjE0NiA0LjE0N2EuNS41IDAgMCAxLS43MDgtLjcwOEwxNC4yOTMgMUgxMS41YS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)
}
.z-incoming-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDE2IDE2IiBjbGFzcz0iYmkgYmktdGVsZXBob25lLWluYm91bmQiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjkyNSAxLjc0NWEuNjM2LjYzNiAwIDAgMC0uOTUxLS4wNTlsLS45Ny45N2MtLjQ1My40NTMtLjYyIDEuMDk1LS40MjEgMS42NThBMTYuNDcgMTYuNDcgMCAwIDAgNS40OSAxMC41MWExNi40NyAxNi40NyAwIDAgMCA2LjE5NiAzLjkwN2MuNTYzLjE5OCAxLjIwNS4wMzIgMS42NTgtLjQyMWwuOTctLjk3YS42MzYuNjM2IDAgMCAwLS4wNi0uOTUxbC0yLjE2Mi0xLjY4MmEuNjM2LjYzNiAwIDAgMC0uNTQ0LS4xMTVsLTIuMDUyLjUxM2ExLjYzNiAxLjYzNiAwIDAgMS0xLjU1NC0uNDNMNS42NCA4LjA1OGExLjYzNiAxLjYzNiAwIDAgMS0uNDMtMS41NTRsLjUxMy0yLjA1MmEuNjM2LjYzNiAwIDAgMC0uMTE1LS41NDRMMy45MjUgMS43NDV6TTIuMjY3Ljk4YTEuNjM2IDEuNjM2IDAgMCAxIDIuNDQ4LjE1M2wxLjY4MSAyLjE2MmMuMzA5LjM5Ni40MTguOTEzLjI5NiAxLjRsLS41MTMgMi4wNTNhLjYzNi42MzYgMCAwIDAgLjE2Ny42MDRMOC42NSA5LjY1NGEuNjM2LjYzNiAwIDAgMCAuNjA0LjE2N2wyLjA1Mi0uNTEzYTEuNjM2IDEuNjM2IDAgMCAxIDEuNDAxLjI5NmwyLjE2MiAxLjY4MWMuNzc3LjYwNC44NDkgMS43NTMuMTUzIDIuNDQ4bC0uOTcuOTdjLS42OTMuNjkzLTEuNzMuOTk4LTIuNjk3LjY1OGExNy40NzEgMTcuNDcxIDAgMCAxLTYuNTcxLTQuMTQ0QTE3LjQ3IDE3LjQ3IDAgMCAxIC42MzkgNC42NDZjLS4zNC0uOTY3LS4wMzUtMi4wMDQuNjU4LTIuNjk4bC45Ny0uOTY5ek0xNS44NTQuMTQ2YS41LjUgMCAwIDEgMCAuNzA4TDExLjcwNyA1SDE0LjVhLjUuNSAwIDAgMSAwIDFoLTRhLjUuNSAwIDAgMS0uNS0uNXYtNGEuNS41IDAgMCAxIDEgMHYyLjc5M0wxNS4xNDYuMTQ2YS41LjUgMCAwIDEgLjcwOCAweiIvPgo8L3N2Zz4=)
}

.email_page_wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.unsubscribe_email_page_first_wrap {
    width: 700px;
    height: 500px;
    display: flex;
    align-items: center;
    align-content: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.unsubscribe_email_page_second_wrap{
    background: #f8f8f8;
    width: 600px;
    height: 400px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    margin: auto;
    display: flex;
}
.unsubscribe_email_content{
    margin: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.unsubscribe_email_content__item {
    height: 4rem;
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}
.unsubscribe_email_content__item__mail {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 10px;
}
.content__item__form{
    height: 2rem;
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}

.email_page_wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.email_page_first_wrap {
    width: 600px;
    height: 400px;
    display: flex;
    align-items: center;
    align-content: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.email_page_second_wrap{
    background: #f8f8f8;
    width: 500px;
    height: 300px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    margin: auto;
    display: flex;
}
.email_page__content__text{
    margin: auto;
}

.col-min-width {
    padding-left: 15px;
    min-width: 100px;
}
.max-min-80 {
    min-width: 80px;
    max-width: 80px;
}

.max-min-60 {
    min-width: 60px;
    max-width: 60px;
}

.link-style {
    background: none!important;
    border: none;
    padding: 0!important;
    /*optional*/
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

.progress {
    position: relative;
}

.progress .label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 8px;
}

.border-radius-l-2 {
    /*  top-left | top-right | bottom-right | bottom-left  */
    border-radius: 0.2rem 0 0 0.2rem !important;
}

.border-radius-r-2 {
    /*  top-left | top-right | bottom-right | bottom-left  */
    border-radius: 0 0.2rem 0.2rem 0 !important;
}

.btn-without-shadow:not(:disabled):not(.disabled).active:focus, .btn-without-shadow:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.custom-bootstrap-gap-2 {
    gap: 0.5rem;
}

.balance-employee-mark {
    color: #ff0000;
    position:relative;
    left: 17%;
}

.delete-action-profile-settings {
    font-size: 1rem;
    cursor: pointer;
    padding-left: 0;
    margin-top: 3px;
}

.btn-success-no-focus {
    background: var(--success-color);
    border: 1px solid var(--success-color);
    color: white;
}

.btn-success-no-focus:hover {
    background-color: #218838;
    border-color: #1e7e34;
    color: white;
}

.align-center {
    align-items: center;
}

 /*schedule styles*/
.btn-orange {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: var(--main-orange);
  color: #ffffff;
  transition: all 0.15s ease-in-out;
  border: none;
  border-radius: 4px;
}

.btn-orange:hover {
  background-color: var(--deep-orange);
  border-color: var(--deep-orange);
  color: #ffffff;
}

.breadcrumb .breadcrumb-item a {
    color: var(--main-orange);
}

.scheduler-link a {
    color: var(--main-orange);
}