.card .card-header .card-title {
    font-size: 0.85rem;
}

.card-header:not(.bordered), .modal-header, .modal-header .close {
    padding: .789rem 0.952rem;
    border: none !important;
}
    .modal-header .close {
        outline: none;
    }
    .modal-header .close span {
        font-weight: 300;
        color: var(--discret);
    }

.card {
    /*background: #27293d;*/
    border: 0;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1);
    /*font-size: .875rem !important;*/
}

.card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: .0625rem solid rgba(34,42,66,.05);
    border-radius: .2857rem;
}

.card-body {
    padding: 1.5rem;
}

.can-toggle.demo-rebrand-2.small label .can-toggle__switch:before,
.can-toggle.can-toggle--size-small label .can-toggle__switch:before,
.can-toggle label .can-toggle__switch:before {
    opacity: 0.2;
}

/*Relative to the theme*/
.text-theme-light {
    color: #8e9ac4;
}

.text-theme-red {
    color: #ff445e !important
}

.text-small, .small, small {
    font-size: var(--small-text) !important;
}

.text-smaller {
    font-size: smaller !important;
}

.text-xx-small {
    font-size: xx-small !important;
}

mb--3 {
    margin: -0.25rem;
}

.shadow-0 {
    box-shadow: none !important;
}

.shadow-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .shadow-1:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

.shadow-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-1:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-hover-2:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-hover-3:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.shadow-hover-4:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.shadow-hover-5:hover {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

/**/

.shadow-up-1 {
    box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .shadow-up-1:hover {
        box-shadow: 0 -14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

.shadow-up-2 {
    box-shadow: 0 -3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-up-3 {
    box-shadow: 0 -10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-up-4 {
    box-shadow: 0 -14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-up-5 {
    box-shadow: 0 -19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-up-1:hover {
    box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-up-hover-2:hover {
    box-shadow: 0 -3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-up-hover-3:hover {
    box-shadow: 0 -10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.shadow-up-hover-4:hover {
    box-shadow: 0 -14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.shadow-up-hover-5:hover {
    box-shadow: 0 -19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
/**/

.border-radius-sm {
    border-radius: .2857rem !important;
}

.border-radius-md {
    border-radius: .857rem !important;
}

.border-radius-lg {
    border-radius: 1.557rem !important;
}

.btn-outline-primary, .btn-outline-success, .btn-outline-info, .btn-outline-danger, .btn-outline-warning, .btn-outline-secondary, .btn-outline-discret,
.btn-outline-important, .btn-outline-purple {
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.5);
}
/*shadow-2*/
.btn-primary, .btn-secondary, .btn-info, .btn-danger, .btn-success, .btn-discret, .btn-important, .btn-purple, .btn-warning {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border: 0
}

.btn-xsm {
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 2px 3px rgba(0,0,0,0.9);
    -moz-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 2px 3px rgba(0,0,0,0.9);
    -ms-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 2px 3px rgba(0,0,0,0.9);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 2px 3px rgba(0,0,0,0.9);
}


    .btn-xs.btn-link, .btn-xsm.btn-link, btn-sm.btn-link {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

.no-border {
    border: 0px !important;
}

.table-selection {
    background: #344061 !important;
}

/*====================================BUTTONS ====================================*/
.btn:not(.btn-link) {
    letter-spacing: 0.5px;
}

.btn {
    transition: background-color 0.2s ease-out;
    -webkit-tap-highlight-color: transparent;
    border-radius: 2px;
}

.btn-xsm, .btn-group-xsm > .btn {
    padding: 0px !important;
    height: 24px !important;
    width: 24px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    border-radius: 50% !important;
    margin: 2px;
}

    .btn-xsm.btn-text, .btn-group-xsm > .btn.btn-text {
        border-radius: 20px !important;
        width: unset !important;
        padding: 0px 8px !important;
        display: flex;
        align-items: center;
        justify-content: center
    }


.btn:not(.btn-round):not(.btn-link) i + .text {
    margin-left: 0.15rem !important;
}

.btn-round i:first-child {
    margin-left: 0.25rem !important;
}

.btn:not(.btn-link) span:first-child {
    margin-left: 0.5rem !important;
}

.btn:not(.btn-link) span:last-child {
    margin-right: 0.5rem !important;
}

.btn:not(.btn-link).btn-xs .span:last-child {
    margin-right: 0.3rem !important;
}

.btn:not(.btn-link).btn-xs .span:first-child {
    margin-left: 0px !important;
}

.btn i:only-child{
    margin: 0px !important;
}

.btn-xxsm, .btn-group-xxsm > .btn {
    padding: 0px;
    height: 24px;
    width: 24px;
    font-size: 7pt;
    line-height: 1.5;
    border-radius: 50%;
}

a.btn.btn-xsm .fas, a.btn.btn-xsm .far, a.btn.btn-xsm .fa {
    vertical-align: bottom;
}

.btn-xs, .btn-group-xs > .btn {
    padding: .25rem .3rem;
    font-size: .74rem;
    border-radius: .2rem;
    letter-spacing: unset;
}

    .btn-xs.btn-round, .btn-group-xs > .btn.btn-round {
        padding-left: 0.65rem;
        padding-right: 0.65rem;
    }


    .btn-xs i, .btn-xs span {
        margin: 0rem !important;
    }

label.btn {
    padding: .0rem .3rem !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding-top: 0px
}

.btn-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .btn-content:not(.btn-xs) i {
        margin: 0px !important;
        width: 16px;
        padding-top: 2px;
    }

    .btn-content:not(.btn-content-no-after):after {
        content: " ";
        width: 16px;
    }

    .btn-content.btn-content-no-after span {
        width: 100%;
    }

    .btn-content.btn-content-no-after:not(.btn-xs):not(.btn-sm) span {
        margin-left: 3px;
    }
/*====================================BUTTONS ENDS ====================================*/
.centered-modal.show {
    display: flex !important;
}

.centered-modal .modal-dialog {
    margin: auto;
}


.fs-18 {
    font-size: 18px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-48 {
    font-size: 48px !important;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-4-26 2:4:45
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-bottom
 * ----------------------------------------
 */
@-webkit-keyframes shake-bottom {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

@keyframes shake-bottom {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

.shake-bottom, .btn:hover i:not(.fa-spin) {
    -webkit-animation: shake-bottom 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-bottom 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}



.popover {
    color: #efefef;
    border: none;
    background-color: transparent;
}

.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::after {
    border-right-color: #151515d9;
}


.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::after {
    border-left-color: #151515d9;
}


.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::after {
    border-top-color: #151515d9;
}


.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::after {
    border-bottom-color: #151515d9;
}

.popover-header {
    background-color: #151515d9;
    border-bottom: 1px solid #151515d9;
    font-weight: normal;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popover-body {
    background-color: #1f1f1fd9;
    color: #efefef;
    font-weight: 300;
    border-radius: 5px;
}

.popover-header + .popover-body {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}