html,
body,
.site_wrapper {
    height: 100% !important;
    font-size: var(--font-body);
}

body {
    font-family: var(--font-family);
    background: linear-gradient(var(--color-bg-main-gradient1), var(--color-bg-main-gradient2));
    background-color: var(--color-bg-main-gradient2);
    background-repeat: no-repeat;
    background-image: var(--body-bg-image);
    color: var(--color-forms-text);
}

.alert-message {
    margin-bottom: 0;
    text-align: center;
} 

.alert-message p {
    margin-bottom: 3px;
}

.header-logo {
    max-height: var(--header-logo-height);
    max-width: var(--header-logo-width);
}

p {
    color: var(--color-text);
}

.table td,
.table th {
    border-top: 1px solid var(--color-table-lg-td);
}

a.text-dark:focus,
a.text-dark:hover {
    color: var(--color-primary-label-headers-btns) !important;
}

.modal-content {
    background-color: var(--color-modal-bg);
    color: var(--color-forms-text);
}

.btn-link {
    color: var(--color-control-labels);
}

.card-title {
    color: var(--color-card-title);
}

.modal-body {
    color: var(--color-text-basic);
}

#confirm-detail-m-content{
    text-transform: uppercase;
}

.po-terms {
    text-align: justify;
}

/*.text {*/

/*color: var(--color-dropdown-currency);*/

/*}*/

h2 {
    color: var(--color-headers);
}

main {
    /*background: linear-gradient(var(--color-bg-main-gradient1), var(--color-bg-main-gradient2));*/
    background-repeat: no-repeat;
}

.btn-light {
    background-color: var(--color-primary-label-bg);
}

.dropdown-item {
    /*color: yellow;*/
}

.dropdown-item:active {
    color: var(--color-primary-label-bg);
}

/*.dropdown-item.active, .dropdown-item:active {*/

/*!*color: yellow;*!*/

/*background-color: var(--color-dropdown-item-active);*/

/*}*/

.dropdown-item:hover {
    background-color: var(--color-dropdown-item-hover);
    color: var(--color-white) !important;
}

.dropdown-item:focus {
    color: var(--color-dropdown-item-hover-text);
}

.dropdown-menu {
    background-color: var(--color-primary-label-bg);
    min-width: 100% !important;
    /* Making the drop-down responsive */
}

.form-control:focus {
    background-color: var(--color-primary-label-bg-darker);
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--color-buy-sell-lighter);
}

.filter-option-inner {
    color: var(--color-forms-text);
}

.btn-warning:hover {
    color: var(--color-forms-text);
    background-color: var(--color-buy-sell-btn);
    border-color: var(--color-buy-sell-btn);
    opacity: 0.9;
}

.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: var(--color-buy-sell-focus);
}

.btn-warning:disabled {
    color: var(--color-text-basic);
    background-color: var(--color-buy-sell-btn);
    border-color: var(--color-buy-sell-btn);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}

.nav-tabs {
    border-bottom: 0px;
}

.nav-tabs .nav-link.active {
    background-color: var(--color-primary-label-bg);
    color: var(--color-secondary-label);
}

.text-dark {
    color: var(--color-secondary-label) !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: black !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

.form-control {
    background-color: var(--color-primary-label-bg);
    color: var(--color-forms-text) !important;
}

.btn-primary:hover {
    background-color: var(--color-primary-label-headers-btns-lighter);
    border-color: var(--color-primary-label-headers-btns-lighter);
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: var(--button-focus-shadow);
}

.site_wrapper {
    display: flex;
    flex-direction: column;
}

header {
    flex: var(--header-flex);
    width: var(--header-width);
    height: var(--header-height);
    background-color: var(--color-primary-label-bg);
    background-color: var(--color-navbar);
    border-bottom: var(--header-border);
}

.date-picker-wrapper .month-wrapper {
    background-color: var(--color-primary-label-bg);
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
    /*background-color: var(--color-datapicker-selected)!important;*/
    color: var(--color-datapicker-selected-number) !important;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: var(--color-datapicker-range);
}

.month-wrapper table .day.real-today.hovering {
    background-color: #70ccd5;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: var(--color-datapicker-hovering-range);
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
    background-color: var(--color-datapicker-hover-circle);
}

.alert-warning {
    color: var(--color-alert-warning-text);
    background-color: var(--color-alert-warning-bg);
}

a {
    color: var(--color-links);
}

a:hover {
    color: var(--color-link-hover);
}

.container-fluid {
    max-width: var(--container-fluid-max-width);
}

main {
    flex: 1;
}

main.offset-top {
    margin-top: var(--main-margin-top);
}

ul.errors,
ul.messages {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer {
    flex: 0 0 54px;
    width: 100%;
    background-color: var(--color-primary-label-bg);
}

.text-primary-400 {
    color: var(--color-primary-400);
}

.text-primary,
.text-primary:hover {
    color: var(--color-text-theme) !important;
}

.text-link {
    color: var(--color-text-theme) !important;
}

.text-link:hover {
    text-decoration: underline;
}

footer .row {
    height: 54px;
}

.pointer {
    cursor: pointer;
}

.prevent-click {
    pointer-events: none;
}

.not-allowed {
    cursor: not-allowed;
}

.card-sm {
    width: 100%;
    max-width: 410px;
}

.card-md {
    width: 100%;
    max-width: 760px;
}

.m-block {
    background-color: var(--color-primary-label-bg);
    border: 1px solid var(--color-border-common);
    border-radius: 5px;
    height: 100%;
    padding: 15px;
}

.alert {
    border-radius: var(--border-radius);
    border: none;
    font-size: var(--font-medium);
}

.alert a {
    color: var(--color-alert-warning-text);
    text-decoration: underline;
}

.alert-danger {
    color: var(--color-white);
    font-size: var(--font-medium);
    background-color: var(--color-bg-danger);
}

.btn-lg {
    padding: 12px 1rem;
    font-size: 1.33333rem;
}

h1.card-title {
    font-weight: 700;
    font-size: 2.0833333333333335rem;
    color: var(--color-text-theme);
}

.dot-buy-order,
.dot-deposit,
.dot-withdraw,
.dot-sell-order,
.dot-login {
    display: inline-block;
    margin-right: 1em;
    margin-top: 2px;
}

.dot-buy-order:before,
.dot-deposit:before,
.dot-withdraw:before,
.dot-sell-order:before,
.dot-login:before {
    font-size: .7em;
}

.dot-buy-order {
    color: var(--color-bg-theme);
}

.dot-deposit {
    color: var(--color-success);
}

.dot-withdraw {
    color: var(--color-emphasis);
}

.dot-sell-order {
    color: var(--color-bg-orange);
}

.dot-login {
    color: var(--color-black);
}

/* Buttons */

.btn {
    font-weight: 400;
    font-size: var(--font-medium);
    border-radius: var(--button-border-radius);
    white-space: normal;
}

.btn-lg {
    padding: 12px 1rem;
    font-size: var(--font-lg-sm);
}

.btn-gradient {
    background: linear-gradient(var(--color-primary-label-bg), var(--color-primary-label-bg-darker));
    border: 1px solid var(--color-border-common);
}

.btn-warning {
    background-color: var(--color-buy-sell-btn);
    color: var(--color-text-basic);
    border-color: var(--color-buy-sell-btn);
}

.btn-warning.sell_process {
    background-color: var(--color-buy-sell-btn-selling);
    color: var(--color-text-basic);
    border-color: var(--color-buy-sell-btn-selling);
}

.btn-primary {
    background-color: var(--color-primary-label-headers-btns);
    color: var(--color-btn-disabled-text);
    border-color: var(--color-primary-label-headers-btns);
}

.btn-primary:disabled {
    background-color: var(--color-primary-label-headers-btns-lighter);
    border-color: var(--color-primary-label-headers-btns-lighter);
}

.btn-primary.disabled {
    background-color: var(--color-primary-label-headers-btns-lighter);
    border-color: var(--color-primary-label-headers-btns-lighter);
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: var(--color-text-basic);
    background-color: var(--color-buy-sell-btn);
    border-color: var(--color-buy-sell-btn);
}

/* Coins Icons */

.coin-BTC {
    background: url("../img/coins/Bitcoin.png");
}

.coin-ETH {
    background: url("../img/coins/Ethereum.png");
}

.coin-DASH {
    background: url("../img/coins/Dash.png");
    background-position-y: 48%;
}

.coin-LTC {
    background: url("../img/coins/Litecoin.png");
}

.coin-BCH {
    background: url("../img/coins/BitCash.png");
}

.coin-EUR {
    background: url("../img/coins/Euro.png");
}

.coin-USD {
    background: url("../img/coins/USD.png");
}

.coin-AUD {
    background: url("../img/coins/AUD.png");
}

.coin-CAD {
    background: url("../img/coins/CAD.png");
}

.coin-TRX {
    background: url("../img/coins/TRX.png");
}

.coin-EOS {
    background: url("../img/coins/EOS.png");
}

.coin-XLM {
    background: url("../img/coins/XLM.png");
}

.coin-XMR {
    background: url("../img/coins/XMR.png");
}

.coin-XRP {
    background: url("../img/coins/XRP.png");
}

.coin-GBP {
    background: url("../img/coins/GBP.png");
}

.coin-BAT {
    background: url("../img/coins/BAT.png");
}

.coin-EDR {
    background: url("../img/coins/EDR.png");
}

.coin-NPXS {
    background: url("../img/coins/NPXS.png");
}

.coin-OMG {
    background: url("../img/coins/OMG.png");
}

.coin-PMA {
    background: url("../img/coins/PMA.png");
}

.coin-REP {
    background: url("../img/coins/REP.png");
}

.coin-SRN {
    background: url("../img/coins/SRN.png");
}

.coin-ZRX {
    background: url("../img/coins/ZRX.png");
}

.coin-ZDC {
    background: url("../img/coins/ZDC.png");
}

.coin-ORBS {
    background: url("../img/coins/ORBS.png");
}

.coin-BTC,
.coin-ETH,
.coin-DASH,
.coin-LTC,
.coin-BCH,
.coin-EUR,
.coin-USD,
.coin-CAD,
.coin-AUD,
.coin-TRX,
.coin-XMR,
.coin-XRP,
.coin-XLM,
.coin-GBP,
.coin-BAT,
.coin-EDR,
.coin-NPXS,
.coin-OMG,
.coin-PMA,
.coin-REP,
.coin-SRN,
.coin-ZRX,
.coin-ZDC,
.coin-ORBS,
.coin-EOS {
    display: inline-flex;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

/*  Table  */

.table td,
.table th {
    /*font-size: var(--font-medium-sm);*/
}

.table-lg {
    color: var(--color-table-lg);
}

.table-lg td {
    height: 66px;
    vertical-align: middle;
    border-bottom: 1px solid var(--color-table-lg-td);
}

.table-lg thead th {
    border-top: 0px;
    border-bottom: 1px solid var(--color-table-lg-td);
}

/* Plagin DataTables for tables */

.dataTables_wrapper {
    overflow-x: auto;
    padding: 0;
}

.dataTables_wrapper .table td {
    white-space: nowrap;
}

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

table.dataTable tr th {
    white-space: nowrap;
}

table.dataTable td,
table.dataTable th {
    box-sizing: border-box;
}

.dataTables_length {
    float: left;
}

.dataTables_length .form-control {
    font-size: 1em;
}

.dataTables_paginate .page-link {
    border: 0px;
}

/*  Special classes */

.is-fall {
    color: var(--color-error);
}

.is-raise {
    color: var(--color-success);
}

.text-grey {
    color: var(--color-text-gray5);
}

.clickable {
    cursor: pointer;
}

.comment {
    color: var(--color-text-gray1);
    font-size: 1.0833333333333333rem;
}

.comment--sm {
    color: var(--color-text-gray1);
}

.f-16 {
    font-size: var(--font-lg-sm);
}

.text-medium {
    font-size: var(--font-medium);
}

.f-14 {
    font-size: var(--font-medium);
}

.f-13 {
    font-size: 1.0833333333333333rem;
}

/* Chart */

#tv_chart_container {
    position: relative;
    clear: both;
}

/* Hero */

.hero {
    background: var(--hero-background);
    background-size: cover;
    background-position: bottom;
    padding: var(--hero-padding);
}

.hero h1 {
    background: var(--hero-h1-color-webkit);
    background: var(--hero-h1-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero .lead {
    font-size: var(--font-xxlg);
}

.hero .btn {
    margin-top: 4em;
    font-size: var(--font-xxlg);
}
/**
* Progress Bar
*/

.js-pwindicator {
    display: none;
}

.progress {
    height: 6px;
}

.pw-very-weak .progress-bar {
    background-color: var(--color-error);
    width: 20%;
}

.pw-very-weak .label,
.pw-weak .label {
    color: var(--color-error);
}

.pw-weak .progress-bar {
    background-color: var(--color-error);
    width: 40%;
}

.pw-mediocre .progress-bar {
    background-color: var(--color-emphasis);
    width: 60%;
}

.pw-mediocre .label {
    color: var(--color-emphasis);
}

.pw-strong .progress-bar {
    background-color: var(--color-success);
    width: 80%;
}

.pw-very-strong .progress-bar {
    background-color: var(--color-success);
    width: 100%;
}

.pw-strong .bar {
    background: var(--color-success);
    width: 120px;
}

.pw-strong .label,
.pw-very-strong .label {
    color: var(--color-success);
}

.pw-very-strong .bar {
    background: var(--color-success);
    width: 150px;
}

/*
******************
 Chanks
******************
*/

/* Details */

.buy-sell-details {
    display: flex;
    --color-text-sell-details: var(--color-text-basic);
    --color-bg-sell-details: var(--color-bg-white);
}

.buy-sell-details_left {
    flex: 1;
}

.buy-sell-details_right {
    flex: 0 0 70px;
}

.buy-sell-details_right div {
    white-space: nowrap;
    text-align: right;
}

.buy-sell-details_line {
    font-size: var(--font-medium);
    /*color: var(--color-text-sell-details);*/
    margin-bottom: 5px;
    white-space: nowrap;
}

.buy-sell-details_left .buy-sell-details_line {
    background: radial-gradient(var(--color-dots-buy-sell) 15%, transparent 16%) 0px 90%;
    background-size: 7px 7px;
    background-repeat: repeat-x;
    margin-right: 15px;
    margin-left: 15px;
}

@media only screen and (max-width: 378px) {
    .buy-sell-details_left .buy-sell-details_line {
        margin-left: 0;
        margin-right: 5px;
    }
}

.buy-sell-details_line span {
    padding-right: 5px;
    background-color: var(--color-buy-sell-bg-for-dots);
}

.buy-sell-summury .btn {
    margin: 0 auto;
    display: block;
    width: 70%;
}

/* Details Modifiers */

.buy-sell-details.buy-sell-details--white-blue {
    /*--color-text-sell-details: var(--color-trading-buy-sell-summary-text);*/
    /*--color-bg-sell-details: var(--color-bg-theme);*/
    color: var(--color-trading-buy-sell-summary-text);
}

.buy-sell-details.buy-sell-details--blue-white {
    /*--color-text-sell-details: var(--color-text-theme);*/
}

/* Deposit */

@media only screen and (max-width: 355px) {
    #js_copy-crypto-address {
        float: none;
        display: block;
        margin-top: 1em;
    }
}

.manage-account__container {
    width: 100%;
    display: inline-block;
}

.manage-account__text {
    font-size: var(--font-medium-sm);
    margin-top: 8px;
    display: inline-block;
}

.manage-account__container a {
    color: var(--color-secondary-label);
}

.fiat-deposit__line {
    background: radial-gradient(var(--color-dots) 15%, transparent 16%) 0px 90%;
    background-size: 7px 7px;
    background-repeat: repeat-x;
    margin-right: 15px;
}

.fiat-deposit__line_text {
    background-color: var(--color-primary-label-bg);
}

.fiat-deposit__container {
    display: flex;
    font-size: var(--font-medium);
    color: var(--color-secondary-label);
}

.deposit__fiat-instructions-list {
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: var(--font-medium-sm);
}

.deposit__fiat-instructions-list-item {
    margin-bottom: 5px;
}

/* Withdraw */

.withdraw-bitcoin__available-currency {
    bottom: 8px;
    position: absolute;
    float: right;
    z-index: 10;
    right: 30px;
    color: var(--color-text-theme);
    font-size: var(--font-small);
}

/* Tabs */

.card-tabs__container {
    background-color: var(--color-card-tabs-container-bg);
    border: 1px solid var(--color-card-tabs-container-border);
    border-radius: 5px;
}

.card-tabs__tabs-container {
    font-size: 1.25rem;
    text-align: center;
    background-color: var(--color-buy-sell-lighter);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card-tabs__tabs-container .nav-link {
    color: var(--color-nav-link-buy-sell);
}

.card-tabs__tab-item-link {
    background-color: var(--color-buy-sell-lighter);
    padding: 15px;
}

.nav-link {
    color: var(--color-navbar-link);
}

.nav-link.active {
    opacity: 1;
    border-color: transparent !important;
    /*color: var(--color-text-basic)!important;*/
}

.nav-link.disabled {
    color: var(--color-navbar-link-disabled);
}

.card-tabs__tab-content {
    background-color: var(--color-card-tabs-container-bg);
    border-top: none;
    border-radius: 0 0 5px 5px;
}

/* Input group */

.input-group__container {
    border: 1px solid var(--color-border-inputs);
    border-radius: 5px;
}

.input-group__left-input {
    border: none;
    border-right: 1px solid;
    z-index: 2;
}

.input-group__right-input .dropdown-toggle {
    border: none;
}

.copyright {
    color: var(--color-copyright);
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: var(--color-datapicker-valid-dates) !important;
}

.date-picker-wrapper .month-wrapper table .day {
    color: var(--color-datapicker-invalid-dates);
}

.page-link {
    color: var(--color-secondary-label);
    background-color: var(--color-pagination-bg) !important;
}

.page-link:hover {
    color: var(--color-link-hover) !important;
}

.page-item.active .page-link {
    background-color: var(--color-pagination-bg-active) !important;
}

.page-item.active .page-link {
    border: var(--color-dropdown-a-hover) !important;
}

.file-caption-name {
    color: var(--color-forms-text) !important;
}

.site-icons {
    fill: var(--color-forms-text);
}

.text-muted {
    color: var(--color-text-muted) !important;
}

.btn-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: white;
    background-color: var(--color-primary);
    box-shadow: none !important;
}

.btn-outline-secondary {
    color: white !important;
    background-color: var(--color-cancel) !important;
    border-color: var(--color-cancel) !important;
}

.btn-outline-secondary:hover {
    background-color: var(--color-cancel-hover) !important;
    border-color: var(--color-cancel-hover) !important;
}

.red-circle {
    position: absolute;
    width: 60px;
    height: auto;
    top: -3px;
    right: 80px;
    padding: 10px;
    box-sizing: border-box;
}

.wpwl-target {
    background-color: aliceblue !important;
}

.trading-disclaimer ul {
    padding-left: 15px;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--color-primary-label-headers-btns) !important;
    border-color: var(--color-primary-label-headers-btns) !important;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--color-primary-label-bg) !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--color-primary-label-headers-btns-lighter) !important;
}

.d-hotline {
    background-color: var(--color-secondary-label) !important;
    border-color: transparent var(--color-secondary-label) transparent transparent !important;
}

.cursor-pointer {
    cursor: pointer;
}

.bg-inherit {
    background-color: inherit;
}

.font-monospace {
    font-family: var(--font-family-monospace);
}

.text-success {
    color: var(--color-success) !important;
}

/* Custom scrollbar styling */

.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar--deep *::-webkit-scrollbar {
    width: 4px;
    height: 0.4rem;
    background: var(--color-primary-label-bg);
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar--deep *::-webkit-scrollbar-thumb {
    background: var(--color-primary-label-headers-btns);

}

/* Custom scrollbar styling for FireFox */

.custom-scrollbar,
.custom-scrollbar--deep * {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary-label-headers-btns) transparent;
}

/* Striped table styling for dark theme */

.dark .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.15);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.d-grid {
    display: grid;
}

.d-contents {
    display: contents;
}

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

.font-size-md {
    font-size: 1.3rem;
}

.card {
    border-radius: var(--card-border-radius) !important;
    margin: auto;
    background-color: var(--color-primary-label-bg);
    box-shadow: var(--card-box-shadow);
    border: var(--card-border);
}

.card-footer {
    background-color: var(--card-footer-background);
    border-top: var(--card-footer-border-top);
}

.bg-primary-300 {
    background-color: var(--color-primary-300) !important;
}

.card-header {
    border-bottom: var(--card-header-border);
    background-color: var(--card-header-background);
}

.main-footer {
    background-color: var(--color-main-footer-background);
}

.ui-pnotify {
    right: 15px !important;
}

@media only screen and (max-width: 600px) {
    .ui-pnotify {
        left: 15px !important;
    }

    .ui-pnotify-container {
        width: 100% !important;
    }
}

.input-group>.input-group-append>.btn {
    border-radius: 0 var(--form-control-border-radius) var(--form-control-border-radius) 0;
}

/**
Widget CSS
 */
.price-graph-price-primary{
    font-size: 3rem;
}
.price-graph-price-symbol{
    vertical-align: super;
}
.price-graph-footer-info-title{
    color: var(--color-card-title);
}
/**
Widget CSS
 */


@media (max-width:767px) {
    .mt-xs-5{
        margin-top: 3rem !important;
    }
    .mt-xs-4{
        margin-top: 1.5rem !important;
    }
    .mt-xs-3{
        margin-top: 1rem !important;
    }
    .mt-xs-2{
        margin-top: .5rem !important;
    }
    .mt-xs-1{
        margin-top: .25rem !important;
    }
}

/* ------------------------------------------------------------------------------
*
*  # Header elements
*
*  Display default and custom components in page header, card header and breadcrumbs
*
* ---------------------------------------------------------------------------- */
.card-header .header-elements {
    padding-top: 0.9375rem; }

.header-elements .form-group:last-child {
    margin-bottom: 0; }

.header-elements-toggle,
.footer-elements-toggle {
    margin-left: auto;
    -ms-flex-item-align: center;
    align-self: center; }

.header-elements-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
.header-elements-inline .header-elements {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-left: 0;
    margin-right: 0; }
.header-elements-inline .card-header-tabs .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem; }

@media (min-width: 576px) {
    .header-elements-sm-inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .header-elements-sm-inline .header-elements {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0; }
    .header-elements-sm-inline .card-header-tabs .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem; }
}

@media (max-width:768px) {
    .display-2 {
        font-size: 3rem;
    }
    .card-header .card-title {
        font-size: 1.4rem;
    }
}

@media (min-width: 768px) {
    .header-elements-md-inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .header-elements-md-inline .header-elements {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0; }
    .header-elements-md-inline .card-header-tabs .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem; }
}

@media (min-width: 992px) {
    .header-elements-lg-inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .header-elements-lg-inline .header-elements {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0; }
    .header-elements-lg-inline .card-header-tabs .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem; }
}

@media (min-width: 1200px) {
    .header-elements-xl-inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .header-elements-xl-inline .header-elements {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0; }
    .header-elements-xl-inline .card-header-tabs .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem; }
}

/** Spinner CSS **/
.icon-spin-animate {
    -animation: spin 1.9s infinite linear;
    -webkit-animation: spin2 1.9s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/** Spinner CSS **/

.div-gen-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}