.main-panel > .content {
    margin-top: 0;
    padding-top: 0;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.hw-welcome-dashboard-card .card-header-icon .card-icon i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
    padding-top: 18px;
}

.material-icons.head{
  font-size: 36px;
  line-height: 56px !important;
  width: 56px !important;
  height: 56px !important;
}

/* Remove ordering arrows for datatables tables */
.no-sort::after { display: none!important; }
.no-sort::before { display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important; }

/* Vertical tabs with buttons */
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show>.btn-primary.dropdown-toggle {
    color: #2A2A2A;
    background-color: #B97172 !important;
    border-color: #701c7e;
}

.btn-badge-lg {
    min-width: 100%;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    height: 40px;
    text-align: left;
}

.btn-badge-lg .badge {
    top: 0;
}

.default-label {
    font-size: 14px;
}

.medium-label {
    font-size: 17px;
}

.dropdown-toggle.hc-between::after {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.dropdown-toggle {
    font-size: 17px;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.color-default {
    color: #5E6566 !important;
}
.color-lightred {
    color: #CF8A71 !important;
}
.color-midred {
    color: #B97172 !important;
}
.color-darkred {
    color: #8A5967 !important;
}
.color-lightblue {
    color: #2F8393 !important;
}
.color-darkgreen {
    color: #688375 !important;
}
.hw-dashboard-sms-link {
    color: #688375 !important;
    font-weight: 600;
    text-decoration: none;
}

.hw-dashboard-sms-link:hover,
.hw-dashboard-sms-link:focus {
    color: #688375 !important;
    text-decoration: underline;
}
.color-darker-green {
    color: #5E6566 !important;
}
.color-dark-purple {
    color: #807096 !important;
}
.color-grey {
    color: #aeb2b3 !important;
}


.badge-white {
    color: #000;
    background-color: #212529;;
}

.badge-white[href]:hover,
.badge-white[href]:focus {
    color: #000;
    text-decoration: none;
    background-color: #5E6566;
}

.hc-nav {
    border-radius: 0.2rem !important;
    background: linear-gradient(60deg, #B97172, #B97172);
}

.hc-nav-rose {
    border-radius: 0.2rem !important;
    background: linear-gradient(60deg, #E1AD69, #E1AD69);
}



.dropdown-menu.yellow .dropdown-item:hover,
.dropdown-menu.yellow .dropdown-item:focus,
.dropdown-menu.yellow a:hover,
.dropdown-menu.yellow a:focus,
.dropdown-menu.yellow a:active {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
    background-color: #E1AD69;
    color: #FFFFFF;
}

.c-vocal-status-1 {
    color: #8A5967 !important;
}

.c-vocal-status-3 {
    color: #688375 !important;
}

.c-vocal-status-2 {
    color: #807096 !important;
}

.bg-vocal-status-0 {
    background-color: #444 !important;
}


.hw-dashboard-modem-card__wrapper {
    display: block;
    height: 70%;
}

.hw-dashboard-modem-card {
    position: relative;
    overflow: hidden;
    color: #fff;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 18px 32px -18px rgba(15, 23, 42, 0.45);
    min-height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: #5e728c;
    background-image: linear-gradient(135deg, rgba(204, 166, 161, 0.94), rgba(94, 114, 140, 0.96));
    background-size: cover;
    background-position: center;
}

.hw-dashboard-modem-card:after {
    border-radius: 1rem;
    background: linear-gradient(120deg, rgba(94, 114, 140, 0.78), rgba(128, 112, 150, 0.78));
}

.hw-dashboard-modem-card__body {
    position: relative;
    z-index: 2;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0rem;
    height: 100%;
    min-height: 256px;
}

.hw-dashboard-modem-card.card-background .hw-dashboard-modem-card__body {
    height: auto;
    max-width: none;
    text-shadow: none;
}

@media (max-width: 575.98px) {
    .hw-dashboard-modem-card__body {
        padding: 2rem;
        gap: 1.25rem;
    }
}

.hw-dashboard-modem-card__wrapper:hover .hw-dashboard-modem-card,
.hw-dashboard-modem-card__wrapper:focus-within .hw-dashboard-modem-card {
    transform: translateY(-6px);
    box-shadow: 0 32px 48px -24px rgba(15, 23, 42, 0.55);
}

.hw-dashboard-modem-card__header {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .hw-dashboard-modem-card__header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.hw-dashboard-modem-card__title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.hw-dashboard-modem-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hw-dashboard-modem-card__badge {
    margin: 0;
}

.hw-dashboard-modem-card__badge .badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: 999px;
    box-shadow: 0 6px 16px -12px rgba(15, 23, 42, 0.65);
/*    background-color: rgba(255, 255, 255, 0.18);*/
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.hw-dashboard-modem-card__badge .badge-info {
    background-color: rgba(125, 211, 252, 0.25);
    color: #000000;
    border-color: rgba(125, 211, 252, 0.45);
}

.hw-dashboard-modem-card__details {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    color: rgba(0, 0, 0, 0.85);
}

.hw-dashboard-modem-card__detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.hw-dashboard-modem-card__detail-label {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 600;
}

.hw-dashboard-modem-card__detail-value {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
}

.hw-dashboard-modem-card__detail--text {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.9);
}

.hw-dashboard-modem-card__meta {
    font-size: 0.78rem;
    color: rgba(0, 0, 0, 0.7);
}

.hw-dashboard-modem-card__footer {
    margin-top: auto;
    padding-top: 1.25rem;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.hw-dashboard-modem-card__cta {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    border-color: rgba(0, 0, 0, 0.6);
}

.hw-dashboard-modem-card__cta:hover,
.hw-dashboard-modem-card__cta:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.85);
}

.bg-vocal-status-1 {
    background-color: #8A5967 !important;
}

.bg-vocal-status-3 {
    background-color: #688375 !important;
}

.bg-vocal-status-2 {
    background-color: #807096 !important;
}

.bg-hw-blu {
    background-color: #5e728c !important;
    color: #fff !important;;
}

.fs-mini {
    font-size: .75rem;
}

.play-vocal-preview-btn,
.vocal-preview-container.playing .pause-vocal-preview-btn {
    display: block;
}

.vocal-preview-container .pause-vocal-preview-btn,
.vocal-preview-container.playing .play-vocal-preview-btn {
    display: none;
}

#horizontal-tab-bar {
    background-color: transparent;
    /*box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.4);*/
}

#horizontal-tab-bar .nav-tabs .nav-item .nav-link {
    width: 100%;
}

#horizontal-tab-bar .tab-bar-btn {
    font-size: 1rem;
    font-weight: 300;
    color: #000 !important;
    transition: all .3s ease-in;
    width: 100%;
    height: 100%;
}

#horizontal-tab-bar .tab-bar-btn .nav-link {
    background-color: #8c8c8c !important;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: transform .1s ease-in, height .1s ease-in;
    height: 91%;
    transform: scale(1);
    z-index: 1;
}

#horizontal-tab-bar .tab-bar-btn .nav-link.disabled {
    background-color: #B7B7B7 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: transform .1s ease-in, height .1s ease-in;
    height: 91%;
    transform: scale(1);
    z-index: 1;
}

#horizontal-tab-bar .tab-bar-btn .nav-link.completed {
    color: #688375 !important;
}

#horizontal-tab-bar .tab-bar-btn .nav-link.disabled i.material-icons {
    font-size: 20px;
    line-height: 1;
    color: #688375;
}

#horizontal-tab-bar .tab-bar-btn:hover .nav-link:not('.disabled') {
    transform: scale(1.07);
    z-index: 3;
    height: 100%;
}

#horizontal-tab-bar .tab-bar-btn .nav-link.active {
    transform: scale(1.07);
    z-index: 2;
    height: 100%;
}

#horizontal-tab-bar.hw-tab-bar-yellow .tab-bar-btn:hover .nav-link:not('.disabled') {
    background: linear-gradient(60deg, #E1AD69, #E1AD69);
    color: #fff !important;
    box-shadow: 0 4px 20px 0 rgba(225, 173, 105, 0.14), 0 7px 10px -5px rgba(225, 173, 105, 0.4);
}

#horizontal-tab-bar.hw-tab-bar-yellow .tab-bar-btn .nav-link.active {
    background: linear-gradient(60deg, #E1AD69, #E1AD69);
    box-shadow: 0 4px 20px 0 rgba(225, 173, 105, 0.14), 0 7px 10px -5px rgba(225, 173, 105, 0.4);
    color: #fff !important;
}

#horizontal-tab-bar.hw-tab-bar-red .tab-bar-btn:hover .nav-link:not('.disabled') {
    background: linear-gradient(60deg, #B97172, #B97172);
    color: #fff !important;
    box-shadow: 0 4px 20px 0 rgba(185,113,114, 0.14), 0 7px 10px -5px rgba(185,113,114, 0.4);
}

#horizontal-tab-bar.hw-tab-bar-red .tab-bar-btn .nav-link.active {
    background: linear-gradient(60deg, #B97172, #B97172);
    box-shadow: 0 4px 20px 0 rgba(185,113,114, 0.14), 0 7px 10px -5px rgba(185,113,114, 0.4);
    color: #fff !important;
}

#new-vocal-tooltip i {
    width: 31px !important;
    height: 33px !important;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 30px !important;
}

.filter-option-inner-inner {
    color:  #AAAAAA;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
}

.hw-select-group .filter-option-inner-inner {
    color:  #fff;
}

.hw-select .btn.dropdown-toggle {
    padding-top: 3px !important;
    padding-right: 3px !important;
}


.hw-select .dropdown.bootstrap-select {
    min-width: 250px;
}

.hw-progress {
    height: 30px;
}

.hw-form-select .dropdown-toggle {
    min-width: 250px;
}


.hw-progress-status-1 {
    background-color: #8A5967 !important;
}

.hw-progress-status-3 {
    background-color: #688375 !important;
}

.hw-progress-status-2 {
    background-color: #807096 !important;
}

.hw-legend-list li {
    padding: 5px 5px 5px 0;
}

.hw-legend-item-bullet {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 15px;
}

.hw-rounded-icon {
    width: 31px !important;
    height: 33px !important;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 30px !important;
}

.card .card-header.card-header-icon i, .card .card-header.card-header-text i {
    width: 17px;
    height: 25px;
    text-align: center;
    line-height: 23px;
}

#user-pref-form .select2-container,
.hw-select2-container,
#user-management-form .select2-container {
    top: 5px;
    width: 100% !important;
}

#user-pref-form .select2-container .select2-choice,
#user-management-form .select2-container .select2-choice {
    width: 100%;
    height: 50px !important;
    line-height: 50px !important;
    background: linear-gradient(60deg, #CCA6A1, #CCA6A1) !important;
    box-shadow: 0 4px 20px 0 rgba(185,113,114, 0.14), 0 7px 10px -5px rgba(185,113,114, 0.4) !important;
    background-color: #CCA6A1 !important;
    border-color: #CCA6A1 !important;
    color: #fff !important;
    border-radius: 50px !important;
    margin-right: 0 !important;
}

.hw-select2-container .select2-choice {
    width: 100%;
    height: 50px !important;
    line-height: 50px !important;
    background: linear-gradient(60deg, #5c646d, #5c646d) !important;
    box-shadow: 0 4px 20px 0 rgba(143,146,147, 0.14), 0 7px 10px -5px rgba(143,146,147, 0.4) !important;
    background-color: #5c646d !important;
    border-color: #5c646d !important;
    color: #fff !important;
    border-radius: 50px !important;
    margin-right: 0 !important;
}

#user-pref-form  .select2-search input,
#user-pref-form .select2-search-choice-close,
#user-pref-form .select2-container .select2-choice abbr,
#user-pref-form .select2-container .select2-choice .select2-arrow b,
.hw-select2-container  .select2-search input,
.hw-select2-container .select2-search-choice-close,
.hw-select2-container .select2-choice abbr,
.hw-select2-container .select2-choice .select2-arrow b,
#user-management-form  .select2-search input,
#user-management-form .select2-search-choice-close,
#user-management-form .select2-container .select2-choice abbr,
#user-management-form .select2-container .select2-choice .select2-arrow b {
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
    background-position: -1px 150% !important;
}

.select2-container .select2-choice .select2-arrow {
    width: 20px  !important;
    border-left: 0  !important;
    background: #CCA6A1  !important;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CCA6A1), color-stop(0.6, #f5f6f8))  !important;
    background-image: -webkit-linear-gradient(center bottom, #CCA6A1 0%, #f5f6f8 60%)  !important;
    background-image: -moz-linear-gradient(center bottom, #CCA6A1 0%, #f5f6f8 60%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f6f8', endColorstr = '#CCA6A1', GradientType = 0)  !important;
    background-image: linear-gradient(to top, #CCA6A1 0%, #f5f6f8 60%)  !important;
}

.hw-select2-container .select2-choice .select2-arrow {
    width: 20px  !important;
    border-left: 0  !important;
    background: #fff  !important;
    color: #fff !important;

}


.card.card-hw .card-header .card-icon,
.card.card-hw .card-header:not(.card-header-icon):not(.card-header-text),
.card.card-hw .card-header .card-text {
    background: linear-gradient(60deg, #CCA6A1, #CCA6A1) !important;
    box-shadow: 0 4px 20px 0 rgba(185,113,114, 0.14), 0 7px 10px -5px rgba(185,113,114, 0.4) !important;
    background-color: #CCA6A1 !important;
    border-color: #CCA6A1 !important;
    color: #fff !important;
}
.card.card-hw,
.card.card-hw .card-body {
    background-color: #f7ede7 !important;
}

.card.card-hw .card-header .card-title,
.card.card-hw .card-header.card-header-icon .card-title,
.card.card-hw .card-header.card-header-text .card-title {
    color: #fff !important;
    font-size: 2rem;
    margin: 0;
}

.card-header-contain,
.card-hw-body-container {
    width: 90%;
}

.hw-info-horizontal .icon {
    float: left;
    margin-top: 0;
    margin-right: 40px;
}

.hw-info-horizontal .icon i {
    text-align: center;
    line-height: 1;
    font-size: 3rem;
}

.hw-info-horizontal .description .vocal-preview-btn i {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 23px;
}

.hw-input-mini {
    max-width: 70px;
    margin: 0 10px;
}

.cursor-pointer {
    cursor: pointer;
}

.hw-welcome-dashboard-card {

}

.hw-welcome-dashboard-card .card-header-icon .card-icon {
    padding: 10px;
}

.hw-welcome-dashboard-card .card-header-icon .card-icon i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
}




.hw-progress-draft {
    background-color: #8A5967 !important;
}

.hw-progress-sent {
    background-color: #c26d5a !important;
}

.hw-progress-scheduled {
    background-color: #688375 !important;
}

.hw-progress-completed {
    background-color: #807096 !important;
}

.hw-progress-failed {
    background-color: #2F8393 !important;
}

.hw-progress-inprogress {
    background-color: #5e728c !important;
}

.hw-progress-received {
    background-color: #4f86b5 !important;
}

.hw-sidebar-user-avatar {
    width: 80px;
    height: 80px;
    display: block;
    overflow: hidden;
    text-align: center;
    z-index: 5;
    margin-right: auto;
    border-radius: 50%;
    margin-left: auto;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.hw-sidebar-user-avatar-1 {
    background-color: #8A5967 !important;
}

.hw-sidebar-user-avatar-2 {
    background-color: #688375 !important;
}

.hw-sidebar-user-avatar-3 {
    background-color: #807096 !important;
}

.hw-sidebar-user-avatar-4 {
    background-color: #2F8393 !important;
}

.hw-sidebar-user-avatar-label {
    color: #fff;
    font-size: 2rem;
}

@media (min-width: 320px) {
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .btn-badge-lg {
        min-width: 250px;
    }
}

.hw-btn-fav-small i {
    font-size: 24px !important;
}

.hw-select-group.yellow .dropdown-menu .dropdown-item:hover,
.hw-select-group.yellow .dropdown-menu .dropdown-item.selected,
.hw-select-group.yellow .dropdown-menu .dropdown-item.active {
    background: #E1AD69 !important;
    color: #fff;
}

.form-check.hw-check-yellow .form-check-input:checked+.form-check-sign .check {
    background: #E1AD69;
}

.form-check.hw-check-yellow .form-check-input:checked ~ .circle {
    border-color: #E1AD69;
}
.form-check.hw-check-yellow .form-check-label .circle .check {
    background-color: #E1AD69;
}

.form-check.hw-chek-red .form-check-input:checked+.form-check-sign .check {
    background: #CCA6A1;
}

.form-check.hw-chek-red .form-check-input:checked ~ .circle {
    border-color: #CCA6A1;
}
.form-check.hw-chek-red .form-check-label .circle .check {
    background-color: #CCA6A1;
}

.hw-select-warning .dropdown-item.active {
    background: #E1AD69;
    color: #fff;
}

.hw-select-warning .dropdown-menu .dropdown-item:hover,
.hw-select-warning .dropdown-menu .dropdown-item:focus,
.hw-select-warning .dropdown-menu a:hover,
.hw-select-warning .dropdown-menu a:focus,
.hw-select-warning .dropdown-menu a:active {
    background-color: #E1AD69;
    color: #FFFFFF;
}

.hw-select-warning .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(to top, #E1AD69 2px, rgba(225, 173, 105, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
     background-color: #3c4858 !important;
}

.form-control-warning, .is-focused .form-control-warning {
    background-image: linear-gradient(to top, #E1AD69 2px, rgba(225, 173, 105, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.hw-select-default .dropdown-item.active {
    background: #CCA6A1;
    color: #fff;
}

.hw-grid-btn {
    position: relative;
    padding: 0;
}

.hw-grid-btn.hw-grid-btn-warning {
    color: #FF9D00;
}

.hw-grid-btn.hw-grid-btn-warning:hover {
    color: #E1AD69;
}

#message {
    min-width: 280px;
    width: 100% !important;
}

.fw-select .dropdown.bootstrap-select {
    width: 100% !important;
}

.hw-widget-title-label {
    position: relative;
    margin: 0;
    color: #fff;
    font-weight: 400;
    padding: 0 15px 0 5px;
    line-height: 1;
    font-size: 1.25rem;
}

.hw-pagination-nav {
    position: relative;
    display: inline-block;
}

.card-background.card-disabled::after {
    background-color: rgba(0, 0, 0, 0.56) !important;
    background: linear-gradient(68deg, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.10)) !important;
}


#user-management-form .playsms-select.select2-dropdown-open .select2-choice,
.hw-select2-container.select2-dropdown-open .select2-choice {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}

.select2-drop {
    padding-top: 5px;
    background-color: #f9f9f9 !important;
    color: #5c646d !important;
    border: 1px solid #5c646d !important;
}

.select2-search .select2-input {
    background-color: #fff;
    border: 1px solid #5c646d;
}

.select2-results .select2-highlighted {
    background: #5c646d !important;
    color: #fff !important;
}

#emulation-select-form {
    position: relative;
    width: 100%;
}

.hw-option-lvl-1 {
    font-weight: 600;
}

.hw-option-lvl-2 {
    font-weight: 400;
}

.hw-option-lvl-3 {
    font-weight: 400;
    font-style: italic;
}

.indent-1 {
    text-indent: 0;
}

.indent-2 {
    text-indent: 15px;
}

.indent-3 {
    text-indent: 30px;
}

.indent-4 {
    text-indent: 50px;
}


.hw-breadcrumbs {
    position: relative;
}


.hw-breadcrumb-link,
.hw-breadcrumb-label,
.hw-breadcrumb-separator {
    position: relative;
    margin-right: 5px;
}


.hw-breadcrumb-link {
    color: #B97172;
    text-decoration: none;
}


.hw-breadcrumb-link:hover{
    color: #CCA6A1;
    text-decoration: none;
}

.hw-breadcrumb-separator {
    position: relative;
    margin-left: 5px;
    color: #B97172;
}


.hw-breadcrumb-label {
    color: #000;
}

.logo {
    padding: 15px 25px !important;
}

.btn-dashboard {
    background-color: #5c646d;
    color: #f9f9f9;
}
.btn-dashboard:hover {
    background-color: #f9f9f9;
    color: #5c646d;
}



.modal-xl {
    max-width: 1200px;
}

.card.card-campaign-resume.layout-red .card-header .card-icon,
.card.card-campaign-resume.layout-red .card-header:not(.card-header-icon):not(.card-header-text),
.card.card-campaign-resume.layout-red .card-header .card-text {
    background: linear-gradient(60deg, #CCA6A1, #CCA6A1) !important;
    box-shadow: 0 4px 20px 0 rgba(185,113,114, 0.14), 0 7px 10px -5px rgba(185,113,114, 0.4) !important;
    background-color: #CCA6A1 !important;
    border-color: #CCA6A1 !important;
    color: #fff !important;
}

.card.card-campaign-resume.layout-yellow .card-header .card-icon,
.card.card-campaign-resume.layout-yellow .card-header:not(.card-header-icon):not(.card-header-text),
.card.card-campaign-resume.layout-yellow .card-header .card-text {
    background: linear-gradient(60deg, #E1AD69, #E1AD69) !important;
    box-shadow: 0 4px 20px 0 rgba(225, 173, 105, 0.4), 0 7px 10px -5px rgba(225, 173, 105, 0.4) !important;
    background-color: #E1AD69 !important;
    border-color: #E1AD69 !important;
    color: #fff !important;
}

.card.card-campaign-resume.layout-dark .card-header .card-icon,
.card.card-campaign-resume.layout-dark .card-header:not(.card-header-icon):not(.card-header-text),
.card.card-campaign-resume.layout-dark .card-header .card-text {
    background: linear-gradient(60deg, #CCA6A1, #CCA6A1) !important;
    box-shadow: 0 4px 20px 0 rgba(185,113,114, 0.14), 0 7px 10px -5px rgba(185,113,114, 0.4) !important;
    background-color: #CCA6A1 !important;
    border-color: #CCA6A1 !important;
    color: #fff !important;
}
.card.card-campaign-resume.layout-red,
.card.card-campaign-resume.layout-red .card-body {
    background-color: #f7ede7 !important;
}

.card.card-campaign-resume.layout-red .card-header .card-title,
.card.card-campaign-resume.layout-red .card-header.card-header-icon .card-title,
.card.card-campaign-resume.layout-red .card-header.card-header-text .card-title {
    color: #fff !important;
    font-size: 2rem;
    margin: 0;
}
.card.card-campaign-resume.layout-yellow,
.card.card-campaign-resume.layout-yellow .card-body {
    background-color: #f7f0e7 !important;
}

.card.card-campaign-resume.layout-yellow .card-header .card-title,
.card.card-campaign-resume.layout-yellow .card-header.card-header-icon .card-title,
.card.card-campaign-resume.layout-yellow .card-header.card-header-text .card-title {
    color: #fff !important;
    font-size: 2rem;
    margin: 0;
}

.card.card-campaign-resume.layout-dark,
.card.card-campaign-resume.layout-dark .card-body {
    background-color: #f7ede7 !important;
}

.card.card-campaign-resume.layout-dark .card-header .card-title,
.card.card-campaign-resume.layout-dark .card-header.card-header-icon .card-title,
.card.card-campaign-resume.layout-dark .card-header.card-header-text .card-title {
    color: #fff !important;
    font-size: 2rem;
    margin: 0;
}

.card.card-campaign-resume .card-header-contain,
.card.card-campaign-resume .card-hw-body-container {
    width: 90%;
}

.campaign-summary-modal-data {
}

.campaign-summary-modal-data-title {
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1;
    background-color: #f9f9f9;
    padding: 10px;
}

.campaign-summary-modal-data-message {
    font-size: 1.1rem;
    background-color: #f9f9f9;
    padding: 25px 10px;
}

.hw-navbar-credit-block {
    /*
    padding: 2px 15px;
    margin-left: 5px;
     */
}
/*
.hw-navbar-credit-block .hw-credit-badge {
    margin-right: 10px;
}

.hw-navbar-credit-block .hw-credit-badge:last-child {
    margin-right: 0;
}*/

.hw-credit-badge {
    background-color: #5c646d;
    color: #f9f9f9;
    padding: 3px 10px;
    margin: 2.5px 0;
}

.hw-credit-badge-icon {
    margin-right: 5px;
}

.hw-credit-badge-icon i {
    font-size: 20px;
    line-height: 1;
}

.text-hw-red {
    color: #B97172;
}

.vocal-campaign-draft-step {
    font-size: 2rem;
    color: rgba(185,113,114, 0.14);
}

.vocal-campaign-draft-step.done {
    color: rgba(185,113,114, 0.74);
}

.text-campaign-draft-step {
    font-size: 2rem;
    color: rgba(225, 173, 105, 0.14);
}

.text-campaign-draft-step.done {
    color: rgba(225, 173, 105, 0.74);
}

.hw-campaign-progress {
    height: 10px;
    border-radius: 2px;
}

.credit-icon {
    position: relative;
    top: 5px;
}

.credit-up-icon {
    font-size: 1.5rem;
    color: green !important;
}

.credit-down-icon {
    font-size: 1.5rem;
    color: red !important;
}

#emoji-picker-button {
    position: absolute;
    bottom: 0;
    right: 0;
}
#emoji-picker-button i {
    width: 30px !important;
    height: 33px !important;
}

tr.current {
    background-color: blue;
}

#hw-stats-chart-area .ct-series-a .ct-slice-pie {
    fill: #E1AD69;
    stroke: #000;
}
#hw-stats-chart-area .ct-series-b .ct-slice-pie {
    fill: #8A5967;
    stroke: #000;
}
#hw-stats-chart-area .ct-series-c .ct-slice-pie {
    fill: #688375;
    stroke: #000;
}
#hw-stats-chart-area .ct-series-d .ct-slice-pie {
    fill: #807096;
    stroke: #000;
}
#hw-stats-chart-area .ct-series-e .ct-slice-pie {
    fill: #2F8393;
    stroke: #000;
}
#hw-stats-chart-area .ct-label {
    fill: #fff;
    stroke: #fff;
    font-size: 16px;
}

.hw-stats-chart-legend-item {
    width: 25px;
    height: 25px;
    border: 1px solid black;
}

.hw-stats-chart-legend-pending {
    background-color: #E1AD69;
}

.hw-stats-chart-legend-sent {
    background-color: #8A5967;
}

.hw-stats-chart-legend-failed {
    background-color: #688375;
}

#hw-stats-chart-area-2 .ct-label {
    fill: #000;
    stroke: #000;
    font-size: 18px;
}

.hw-stats-progress .progress {
    height: 15px;
}

.hw-stats-progress .progress .progress-bar {
    height: 100%;
}

.hw-stats-chart-legend-label {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
}

#share-buttons img {
    width: 35px;
    padding: 5px;
    border: 0;
    box-shadow: none;
    display: inline;
}