:root {
    --menubackground: #1565C0;
    --menufontcolor: #FFFFFF;
    --menuborder: 1px solid #FFFFFF;
    --submenubackground: #1565C0;
    --dropdownmenu: #E3F2FD;
    --cardbackcolor: #F5F5F5;
    --cardheaderbackcolor: #1565C0;
    --cardbordercolor: #1565C0;
    --tableheader: #1565C0;
    --tablebody: #FAFAFA;
    --tableborder: 1px solid #000;
    --tabletextheadcolor: #FFFFFF;
    --tabletextbodycolor: #000;
    --topmenucolor1: #673ab7;
    --topmenucolor2: #311b92;
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
    height: 100%;
}

body {
    height: 100%;
    margin-bottom: 60px;
    background: var(--cardbackcolor);
    /*font-size: 0.9rem;*/
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

.flex-wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
}

.footer {
    margin-top: auto;
    height: 40px;
}

.loginBox {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 120px) !important;
    justify-content: center;
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}


/* Set padding to keep content from hitting the edges */
.adminbody-content {
    padding: 150px 15px 50px 15px;
}

.body-content {
    padding: 120px 15px 50px 15px;
}

.cloud-navbar {
    padding: 0.2rem 1rem !important;
    color: var(--menufontcolor);
    background: var(--menubackground);
    border-bottom: var(--menuborder);
}

.cloud-subnavbar {
    color: var(--menufontcolor);
    background: var(--submenubackground);
    border-bottom: var(--menuborder);
}

.dropdown-item {
    font-weight: 500 !important;
}

/*.dropdown-menu {font-size: 0.9rem;}*/

.navbar-nav .dropdown:hover .dropdown-menu {
    background-color: var(--dropdownmenu);
    font-size: 0.9rem;
    display: block;
    margin-top: 0;
}

/*.nav-link:hover {border-color:black;color: #ffffff;background: linear-gradient(180deg,#673ab7,#311b92);}*/
.cloud-modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.cloud-modal-body {
    padding: .75rem;
}

.card {
    border-color: var(--cardbordercolor);
    background-color: var(--cardbackcolor) !important;
}

.card-header {
    padding: 0.1rem 1rem;
    margin: 0;
    border: 0;
    background-color: var(--cardheaderbackcolor);
    color: #ffffff;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.report-card-header {
    color: #000;
    background-color: var(--cardbackcolor) !important;
    box-shadow: 0 1px 1px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08) !important;
}

.report-title {
    display: flex;
    align-items: center;
    background: var(--cardheaderbackcolor);
    color: white;
    font-size: 1rem;
    padding: 5px;
}

.dl-horizontal dt {
    white-space: normal;
}

.hide {
    display: none;
}

.close {
    color: red;
    opacity: 0.6;
}

    .close:hover {
        color: red;
        opacity: 1;
    }

/*dataTables*/
.dt-body-right {
    text-align: right;
}

.dt-body-center {
    text-align: center;
}

li.dt-body-right {
    text-align: left;
}

li.dt-body-center {
    text-align: left;
}

span.dtr-title {
    width: 200px;
}

span.dtr-data {
    user-select: all;
    white-space: normal;
    width: 70%;
}

    span.dtr-data > i.clouduncheckbox {
        /*display: inline-block;*/
        margin-left: 0;
        margin-right: 0;
    }

    span.dtr-data > i.cloudcheckbox {
        /*display: inline-block;*/
        margin-left: 0;
        margin-right: 0;
    }

td > ul > li {
    align-items: center;
    display: flex;
}

.tworow {
    font-size: 0.8rem;
}

table.dataTable {
    border-collapse: collapse !important;
}

    table.dataTable thead th, table.dataTable tbody td {
        white-space: nowrap;
    }

    table.dataTable > tbody > tr.child ul.dtr-details > li {
        border-bottom: var(--tableborder);
        padding: 0.5em 0;
    }

.table-bordered th, .table-bordered td {
    border: var(--tableborder);
}

.table thead th {    
    font-weight: normal !important;
    vertical-align: middle;
    text-align: center;
    border-bottom: var(--tableborder);
}

.table-bordered {
    border: var(--tableborder);
}

.table th {
    border-top: var(--tableborder);
    color: var(--tabletextheadcolor);
    background: var(--tableheader) !important;
}

.table td {
    padding: 0.1rem 0.5rem;
    vertical-align: middle;
    border-top: var(--tableborder);
    color: var(--tabletextbodycolor);
    background: var(--tablebody);
}

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

div.dataTables_scrollBody {
    background: transparent !important;
}

div.table-responsive > div.dt-container > div.row {
    margin: 4px !important;
}

div.dt-container > div:nth-child(3) > div:nth-child(1) {
    display: flex;
    align-items: center !important;
    justify-content: flex-start !important;
}

div.dt-container > div:nth-child(3) > div:nth-child(2) {
    display: flex;
    align-items: center !important;
    justify-content: flex-end !important;
}

.Edit, .Cancel, .Update {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    /*-webkit-text-decoration-skip: objects;*/
}

    .Edit:hover, .Cancel:hover, .Update:hover {
        color: #0056b3;
        text-decoration: underline;
    }

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.1s;
}

.wrapper {
    position: relative;
    top: 0;
    /*height: 100vh;*/
}

.navbar.navbar-absolute {
    position: relative;
    width: 100%;
    padding-top: 10px;
    z-index: 1029;
}

.cactive {
    width: calc(100% - 80px) !important;
    position: relative;
}

.nactive {
    left: 80px !important;
}

.show {
    display: block;
}

.card-fullscreen {
    z-index: 1049;
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}

.cloudcheckbox {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../img/check.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.clouduncheckbox {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../img/uncheck.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_create {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../img/ic_create_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_profile {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_face_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_account {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_account_box_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_security {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_security_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_commission {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_settings_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_play {
    background-image: url('../img/play_white.png');
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    background-repeat: no-repeat;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.ci_pause {
    background-image: url('../img/pause_white.png');
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    background-repeat: no-repeat;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.ci_home {
    background-image: url('../img/ic_home_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_info {
    background-image: url('../img/ic_info_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_location_on {
    background-image: url('../img/ic_location_on_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_document {
    background-image: url('../img/ic_receipt_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_exit_to_app {
    background-image: url('../img/ic_exit_to_app_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_payment {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_payment_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_list_alt {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_list_alt_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_list_alt_report {
    display: block;
    margin-right: 5px;
    background-image: url('../img/outline_list_alt_white_24.png');
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
}

.ci_mobile {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_phone_android_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_dth {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_tv_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_postpaid {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_receipt_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_landline {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_phone_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_broadband {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_wifi_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_electricity {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_lightbulb_outline_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_bank {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_account_balance_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_remove {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_remove_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_refresh {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_refresh_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_fullscreen {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_fullscreen_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_fullscreen_exit {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_fullscreen_exit_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_menu_open {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_menu_open_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_menu {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_menu_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_menu1 {
    display: block;
    background-image: url('../img/ic_menu_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_notifications {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_notifications_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_add_shopping_cart {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_add_shopping_cart_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_mail {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_mail_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_account_circle {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_account_circle_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_person {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_person_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_dashboard {
    background-image: url('../img/ic_dashboard_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_dashboard1 {
    background-image: url('../img/ic_dashboard_white.png');
    /*display: inline-block;
    vertical-align: middle;*/
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_recharge {
    background-image: url('../img/ic_phone_android_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_recharge1 {
    background-image: url('../img/ic_phone_android_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_clear {
    background-image: url('../img/clear.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_mcreate {
    background-image: url('../img/ic_create_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_mcreate1 {
    background-image: url('../img/ic_create_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_event_note {
    background-image: url('../img/ic_event_note_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_event_note1 {
    background-image: url('../img/ic_event_note_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_bar_chart {
    background-image: url('../img/ic_bar_chart_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_bar_chart1 {
    background-image: url('../img/ic_bar_chart_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_settings {
    background-image: url('../img/ic_settings_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_settings1 {
    background-image: url('../img/ic_settings_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_power_settings_new {
    background-image: url('../img/ic_power_settings_new_white.png');
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    width: 28px;
    background-repeat: no-repeat;
}

.ci_power_settings_new1 {
    background-image: url('../img/ic_power_settings_new_white.png');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_visibility {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_visibility_white.png');
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
}

.ci_visibility_off {
    display: block;
    margin-right: 5px;
    background-image: url('../img/ic_visibility_off_white.png');
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
}

.ci_btn {
    display: block;
    margin-right: 5px;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}

.ci_btnsuccess {
    background-image: url('../img/baseline_check_white_24dp.png');
}

.ci_btnfailure {
    background-image: url('../img/baseline_clear_white_24dp.png');
}

.ci_btnrefund {
    background-image: url('../img/baseline_paid_white_24.png');
}

.ci_btnrerecharge1 {
    background-image: url('../img/baseline_refresh_white_24dp.png');
}

.ci_btnrerecharge2 {
    background-image: url('../img/baseline_refreshclear_white_24.png');
}

.ci_btngetstatus {
    background-image: url('../img/baseline_find_in_page_white_24dp.png');
}

.ci_btnedit {
    background-image: url('../img/ic_create_white.png');
}

.alert-cloud-info {
    background-color: #00BCD4;
    color: white;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.alert-cloud-offer {
    background-color: #4CAF50;
    color: white;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.input-validation-error {
    border: 1px solid var(--bs-danger);
}

    .input-validation-error ~ .select2 .select2-selection {
        border: 1px solid var(--bs-danger);
    }


.valid {
    border: 1px solid var(--bs-success);
}

    .valid ~ .select2 .select2-selection {
        border: 1px solid var(--bs-success);
    }

.cloud-badge {
    margin-top: -1rem;
    margin-left: -0.6rem;
}

.mi {
    font-size: 30px !important;
}

.smi {
    font-size: 1rem !important;
}

.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.badge-pill {
    position: absolute;
    margin-top: -15px;
    margin-left: 12px;
    border: 1px solid #fff;
    font-size: 9px;
    background: #f44336;
    color: #fff;
    min-width: 20px;
    padding: 0 5px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 19px;
    vertical-align: middle;
    display: inline-block;
}

.shadow {
    -webkit-box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07) !important;
    box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07) !important;
}

.spinner-border {
    color: var(--bs-danger);
}


/* Ripple effect */
.tabripple {
    background-position: center;
    transition: background 0.8s;
}

    .tabripple:hover {
        background: rgba(0,0,0,.05) radial-gradient(circle, transparent 1%, hsla(0,0%,100%,.2) 1%) center/15000%;
    }

    .tabripple:active {
        background-color: rgba(0,0,0,.05);
        background-size: 100%;
        transition: background 0s;
    }

.nav-tabs .nav-item .nav-link.active {
    background-color: hsla(0,0%,100%,.2);
    transition: background-color .3s .2s;    
    border-radius: 4px 16px;
}

.nav-tabs .nav-item .nav-link, .nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link:hover {
    border: 0 !important;
    color: #fff !important;
    /*font-weight: 500;*/
}

.nav-tabs .nav-item .nav-link {
    color: #fff;
    border: 0;
    margin: 0;
    border-radius: 3px;
    /* line-height: 24px; */
    text-transform: uppercase;
    /*font-size: 12px;*/
    /* padding: 10px 15px; */
    align-items: center;
    display: flex;
    background-color: transparent;
    transition: background-color .3s 0s;
}

.nav-tabs .nav-item .material-icons {
    margin: -1px 5px 0 0;
}

a .material-icons {
    vertical-align: middle;
}

.sts_success {
    color: #FFFFFF;
    background-color: #59981A;
}

.sts_failure {
    color: #FFFFFF;
    background-color: #F51720;
}

.sts_refund {
    color: #000000;
    background-color: #F8D210;
}

.sts_suspense {
    color: #FFFFFF;
    background-color: #0000FF;
}

.sts_pending {
    color: #FFFFFF;
    background-color: #868B8E;
}

.cloud-bg-red {
    color: #ffffff;
    background: linear-gradient(180deg,#f44336,#b71c1c);
}

.cloud-border-red {
    border-color: #f44336;
}

.cloud-bg-pink {
    color: #ffffff;
    background: linear-gradient(180deg,#e91e63,#880e4f);
}


.cloud-border-pink {
    border-color: #e91e63;
}

.cloud-bg-purple {
    color: #ffffff;
    background: linear-gradient(180deg,#9c27b0,#4a148c);
}

.cloud-border-purple {
    border-color: #9c27b0;
}

.cloud-bg-green {
    color: #ffffff;
    background: linear-gradient(180deg,#4caf50,#1b5e20);
}

.cloud-border-green {
    border-color: #4caf50;
}

.cloud-bg-orange {
    color: #ffffff;
    background: linear-gradient(180deg,#ff9800,#e65100);
}

.cloud-border-orange {
    border-color: #ff9800;
}

.cloud-bg-gray {
    color: #ffffff;
    background: linear-gradient(180deg,#9e9e9e,#212121);
}

.cloud-border-gray {
    border-color: #9e9e9e;
}

.cloud-bg-deepPurple {
    color: #ffffff;
    background: linear-gradient(180deg,#673ab7,#311b92);
}

.cloud-border-deepPurple {
    border-color: #673ab7;
}

.cloud-bg-indigo {
    color: #ffffff;
    background: linear-gradient(180deg,#3f51b5,#1a237e);
}

.cloud-border-indigo {
    border-color: #3f51b5;
}

.cloud-bg-blue {
    color: #ffffff;
    background: linear-gradient(180deg,#2196f3,#0d47a1);
}

.cloud-border-blue {
    border-color: #2196f3;
}

.cloud-bg-lightBlue {
    color: #ffffff;
    background: linear-gradient(180deg,#03a9f4,#01579b);
}

.cloud-border-lightBlue {
    border-color: #03a9f4;
}

.cloud-bg-cyan {
    color: #ffffff;
    background: linear-gradient(180deg,#00bcd4,#006064);
}

.cloud-border-cyan {
    border-color: #00bcd4;
}

.cloud-bg-teal {
    color: #ffffff;
    background: linear-gradient(180deg,#009688,#004d40);
}

.cloud-border-teal {
    border-color: #009688;
}

.bf-indigo-white {
    background-color: #6610f2;
    color: #ffffff;
}

.btn-cloud-edit, .btn-cloud-edit:hover, .btn-cloud-edit:active {
    color: #fff;
    background-color: #3f51b5;
    border-color: rgba(255,255,255,.5);
}

.btn-cloud-update, .btn-cloud-update:hover, .btn-cloud-update:active {
    color: #fff;
    background-color: #4caf50;
    border-color: rgba(255,255,255,.5);
}

.btn-cloud-cancel, .btn-cloud-cancel:hover, .btn-cloud-cancel:active {
    color: #fff;
    background-color: #e91e63;
    border-color: rgba(255,255,255,.5);
}

btn-info {
    background-color: var(--bs-success);
    color: #FFFFFF;
}

btn-offer {
    background-color: var(--bs-danger);
    color: #FFFFFF;
}

.is-hide {
    display: none;
}

.card-header-tabs {
    padding: 4px;
}

.toastsuccess {
    background: #4CAF50;
    color: #FFFFFF;
}

.toastfailure {
    background: #f44336;
    color: #FFFFFF;
}

.row > * {
    /*margin-bottom: 0.5rem;*/
}

.bi2 {
    font-size: 2rem;
    font-weight: bold;
    color: white;
    margin-right: 8px;
}

.bi {
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    margin-right: 8px;
}