:root{
    /*
    |--------------------------------------------------------------------------
    | BLUE
    |--------------------------------------------------------------------------
    */
    /* 
        PANTONE: PMS 660 C
        HEX COLOR: #4285F4;
        RGB: (66,133,244)
        CMYK: (88,50,0,0) 
    */
    /*
    |--------------------------------------------------------------------------
    | RED
    |--------------------------------------------------------------------------
    */
    /* 
        PANTONE: PMS 7619 C
        HEX COLOR: #DB4437;
        RGB: (219,68,55)
        CMYK: (0,78,85,12) 
    */
    /*
    |--------------------------------------------------------------------------
    | YELLOW
    |--------------------------------------------------------------------------
    */
    /* 
        PANTONE: PMS 123 C
        HEX COLOR: #F4B400;
        RGB: (244,160,0)
        CMYK: (0,20,90,0)
    */
    /*
    |--------------------------------------------------------------------------
    | GREEN
    |--------------------------------------------------------------------------
    */
    /* 
        PANTONE: PMS 7724 C
        HEX COLOR: #0F9D58;
        RGB: (15,157,88)
        CMYK: (82,0,67,11)
    */
    /* INFO */
    --geg-info-hex: #4285F4;
    --geg-info-rgb: 66,133,244;
    --geg-info-cmyk: 88,50,0,0;
    /* ALT */
    --geg-info-alt-hex: #0057e7;
    --geg-info-alt-rgb: 0,87,231;
    /* SLOW */
    --geg-info-slow-hex: #D9E6FD;

    /* DANGER */
    --geg-danger-hex: #DB4437;
    --geg-danger-rgb: 219,68,55;
    --geg-danger-cmyk: 0,78,85,12;
    /* ALT */
    --geg-danger-alt-hex: #d62d20;
    --geg-danger-alt-rgb: 214,45,32;
    /* SLOW */
    --geg-danger-slow-hex: #E98F86;

    /* WARNING */
    --geg-warning-hex: #F4B400;
    --geg-warning-rgb: 244,160,0;
    --geg-warning-cmyk: 0,20,90,0;
    /* ALT */
    --geg-warning-alt-hex: #ffa700;
    --geg-warning-alt-rgb: 255,167,0;
    /* SLOW */
    --geg-warning-slow-hex: #FFDE85;

    /* SUCCESS */
    --geg-success-hex: #0F9D58;
    --geg-success-rgb: 15,157,88;
    --geg-success-cmyk: 82,0,67,11;
    /* ALT */
    --geg-success-alt-hex: #008744;
    --geg-success-alt-rgb: 0,135,68;
    /* SLOW */
    --geg-success-slow-hex: #DAFBEC;

    /* VIOLET */
    --geg-violet-hex: #DE0683;

    /* TEXTS */
    --geg-text-dark: #3C4858;
    --geg-text-gray: #92a1b0;
    --geg-dark: #282D31;
    --geg-gray: #DFE0E0;
    --geg-default: #F7FAFC;
    --geg-gray-alt: #f2f2f2;
    --geg-gray-down: #f8f9fc;
    

    /* BORDERS */
    --geg-border-color: #DFE0E0;
    --geg-border-color-light: #eff3f5;

    /* ALTERN */
    --geg-altern-success: #38c172;
    --geg-altern-warning: #f6993f;
    --geg-altern-danger: #f66d9b;
    --geg-altern-info: #3490dc;
    --geg-altern-purple: #9561e2;

    /*
    |--------------------------------------------------------------------------
    | SETTINGS
    |--------------------------------------------------------------------------
    */
    --nav-height: 70px;
    --width-sidebar-themes: 400px;
}

/*
|--------------------------------------------------------------------------
| BODY
|--------------------------------------------------------------------------
*/
body{
    font-size: 16px;
    min-height: 100vh;
}

p{
    font-size: 1rem;
}

.geg-title{
    font-size: 2rem;
    font-weight: 500;
    color: var(--geg-text-dark);
}

.geg-border-radius-1{
    border-radius: .2rem !important;
}

.geg-border-radius-2{
    border-radius: .25rem !important;
}

.geg-border-radius-3{
    border-radius: .5rem !important;
}
/*
|--------------------------------------------------------------------------
| APP
|--------------------------------------------------------------------------
*/
.geg-app{
    min-height: 100vh;
}

/*
|--------------------------------------------------------------------------
| NAVBAR
|--------------------------------------------------------------------------
*/

.geg-position-relative{
    position: relative !important;
}

/* SUCCESS */
.geg-bg-success{
    background-color: var(--geg-success-hex) !important;
    color: #fff;
}

/* WARNING */
.geg-bg-warning{
    background-color: var(--geg-warning-hex) !important;
    color: #fff;
}

/* INFO */
.geg-bg-info{
    background-color: var(--geg-info-hex) !important;
    color: #fff;
}

/* DANGER */
.geg-bg-danger{
    background-color: var(--geg-danger-hex) !important;
    color: #fff;
}

/*
|--------------------------------------------------------------------------
| NAVBAR
|--------------------------------------------------------------------------
*/
.navbar{
    height: var(--nav-height);
}

.navbar .navbar-nav .nav-item .nav-link{
}

.navbar .navbar-nav .nav-item .nav-link i{
    font-size: 1rem;
    margin-right: .2rem;
    font-weight: 600;
}

/*
|--------------------------------------------------------------------------
| HEADER
|--------------------------------------------------------------------------
*/

.header-filter::before{
    background: rgba(0, 0, 0, 0.7);
}

.page-header{
    height: calc(100vh - var(--nav-height));
}

.login-page .page-header .container{
    padding-top: 0;
}

.login-page .page-header{
    /* height: calc(100vh - var(--nav-height)); */
    height: auto;
    min-height: auto;
    min-height: calc(100vh - var(--nav-height));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-page .page-header{
    min-height: 20vh;
}

.product-page .main-raised{
    margin: -100px 30px 0px;
}

.product-page h2.title{
    line-height: 1.2;
}

/*
|--------------------------------------------------------------------------
| FOOTER
|--------------------------------------------------------------------------
*/
.login-page .footer{
    position: relative;
}

.login-page .footer.footer-black{
    background: radial-gradient(ellipse at center,#585858 0,#232323 100%);
    background-size: 550% 450%;
}

footer .copyright{
    padding: 15px 1rem;
}

/*
|--------------------------------------------------------------------------
| TEXTS
|--------------------------------------------------------------------------
*/
/* INFO */
.geg-text-info{
    color: var(--geg-info-hex) !important;
}

/* DANGER */
.geg-text-danger{
    color: var(--geg-danger-hex) !important;
}

/* WARNING */
.geg-text-warning{
    color: var(--geg-warning-hex) !important;
}

/* SUCCESS */
.geg-text-success{
    color: var(--geg-success-hex) !important;
}

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

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

.geg-font-small{
    font-size: .9rem !important;
}

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

.geg-font-1-2{
    font-size: 1.2rem !important;
}

.geg-font-1-5{
    font-size: 1.5rem !important;
}

.geg-line-height-1{
    line-height: 1 !important;
}

.geg-line-height-normal{
    line-height: 1.2 !important;
}

.geg-list-icons{
    display: flex;
    justify-content: center;
}

.geg-list-icons i{
    margin-right: .2rem;
}

..geg-list-icons i:last-child{
    margin-right: 0;
}
/*
|--------------------------------------------------------------------------
| BORDERS
|--------------------------------------------------------------------------
*/
/* INFO */
.geg-border-info{
    border-color: var(--geg-info-hex) !important;
}

/* DANGER */
.geg-border-danger{
    border-color: var(--geg-danger-hex) !important;
}

/* WARNING */
.geg-border-warning{
    border-color: var(--geg-warning-hex) !important;
}

.geg-border-light{
    border-color: var(--geg-border-color-light);
}

/* SUCCESS */
.geg-border-success{
    border-color: var(--geg-success-hex) !important;
}

.border-top-info{
    border-top-color: var(--geg-info-hex) !important;
}

.border-right-info{
    border-right-color: var(--geg-info-hex) !important;
}

.border-bottom-info{
    border-bottom-color: var(--geg-info-hex) !important;
}

.border-left-info{
    border-left-color: var(--geg-info-hex) !important;
}

/*
|--------------------------------------------------------------------------
| ICONS
|--------------------------------------------------------------------------
*/
.icon.geg-icon-info{
    color: var(--geg-info-hex);
}

.icon.geg-icon-danger{
    color: var(--geg-danger-hex);
}

.icon.geg-icon-warning{
    color: var(--geg-warning-hex);
}

.icon.geg-icon-success{
    color: var(--geg-success-hex);
}

/*
|--------------------------------------------------------------------------
| BUTTONS
|--------------------------------------------------------------------------
*/
.btn i{
    margin-right: .2rem;
}

/* INFO */
.btn.geg-btn-info{
    color: #fff;
    background-color: var(--geg-info-hex);
    border-color: var(--geg-info-hex);
    -webkit-box-shadow: 0 2px 2px 0 rgba(var(--geg-info-rgb), 0.14), 0 3px 1px -2px rgba(var(--geg-info-rgb), 0.2), 0 1px 5px 0 rgba(var(--geg-info-rgb), 0.12);
    box-shadow: 0 2px 2px 0 rgba(var(--geg-info-rgb), 0.14), 0 3px 1px -2px rgba(var(--geg-info-rgb), 0.2), 0 1px 5px 0 rgba(var(--geg-info-rgb), 0.12);
}

.btn.geg-btn-info:focus, .btn.geg-btn-info:active, .btn.geg-btn-info:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(var(--geg-info-rgb), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--geg-info-rgb), 0.2);
    box-shadow: 0 14px 26px -12px rgba(var(--geg-info-rgb), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--geg-info-rgb), 0.2);
}

.btn.geg-btn-info:focus, .btn.geg-btn-info.focus, .btn.geg-btn-info:hover {
    color: #fff;
    background-color: var(--geg-info-alt-hex);
    border-color: var(--geg-info-alt-hex);
}

/* SUCCESS */
.btn.geg-btn-outline-success{
    background-color: transparent;
    border-color: var(--geg-success-alt-hex);
    color: var(--geg-success-hex);
    border: 1px solid;
}

.btn.geg-btn-outline-success i{
    color: var(--geg-success-hex);
    font-size: 1rem;
}

.btn.geg-btn-outline-success:focus, .btn.geg-btn-outline-success:active, .btn.geg-btn-outline-success:hover{
    background-color: transparent;
    border-color: var(--geg-success-alt-hex);
    color: var(--geg-success-hex);
    border: 1px solid;
}

.btn.geg-btn-outline-success:focus, .btn.geg-btn-outline-success.focus, .btn.geg-btn-outline-success:hover{
    background-color: transparent;
    border-color: var(--geg-success-alt-hex);
    color: var(--geg-success-hex);
    border: 1px solid;
}   

/* INFO */
.btn.geg-btn-outline-info{
    background-color: transparent;
    border-color: var(--geg-info-alt-hex);
    color: var(--geg-info-hex);
    border: 1px solid;
}

.btn.geg-btn-outline-info i{
    color: var(--geg-info-hex);
    font-size: 1rem;
}

.btn.geg-btn-outline-info:focus, .btn.geg-outline-btn-info:active, .btn.geg-outline-btn-info:hover{
    background-color: transparent;
    border-color: var(--geg-info-alt-hex);
    color: var(--geg-info-hex);
    border: 1px solid;
}

.btn.geg-btn-outline-info:focus, .btn.geg-outline-btn-info.focus, .btn.geg-outline-btn-info:hover{
    background-color: transparent;
    border-color: var(--geg-info-alt-hex);
    color: var(--geg-info-hex);
    border: 1px solid;
}   

/* DANGER */
.btn.geg-btn-danger{
    color: #fff;
    background-color: var(--geg-danger-hex);
    border-color: var(--geg-danger-hex);
    -webkit-box-shadow: 0 2px 2px 0 rgba(var(--geg-danger-rgb), 0.14), 0 3px 1px -2px rgba(var(--geg-danger-rgb), 0.2), 0 1px 5px 0 rgba(var(--geg-danger-rgb), 0.12);
    box-shadow: 0 2px 2px 0 rgba(var(--geg-danger-rgb), 0.14), 0 3px 1px -2px rgba(var(--geg-danger-rgb), 0.2), 0 1px 5px 0 rgba(var(--geg-danger-rgb), 0.12);
}

.btn.geg-btn-danger:focus, .btn.geg-btn-danger:active, .btn.geg-btn-danger:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(var(--geg-danger-rgb), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--geg-danger-rgb), 0.2);
    box-shadow: 0 14px 26px -12px rgba(var(--geg-danger-rgb), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--geg-danger-rgb), 0.2);
}

.btn.geg-btn-danger:focus, .btn.geg-btn-danger.focus, .btn.geg-btn-danger:hover {
    color: #fff;
    background-color: var(--geg-danger-alt-hex);
    border-color: var(--geg-danger-alt-hex);
}

.btn.geg-btn-outline-danger{
    background-color: transparent;
    border-color: var(--geg-danger-alt-hex);
    color: var(--geg-danger-hex);
    border: 1px solid;
}

.btn.geg-btn-outline-danger:focus, .btn.geg-btn-outline-danger:active, .btn.geg-btn-outline-danger:hover{
    background-color: transparent;
    border-color: var(--geg-danger-alt-hex);
    color: var(--geg-danger-hex);
    border: 1px solid;
}

.btn.geg-btn-outline-danger:focus, .btn.geg-btn-outline-danger.focus, .btn.geg-btn-outline-danger:hover{
    background-color: transparent;
    border-color: var(--geg-danger-alt-hex);
    color: var(--geg-danger-hex);
    border: 1px solid;
}


/* WARNING */
.btn.geg-btn-warning{
    color: #fff;
    background-color: var(--geg-warning-hex);
    border-color: var(--geg-warning-hex);
    -webkit-box-shadow: 0 2px 2px 0 rgba(var(--geg-warning-rgb), 0.14), 0 3px 1px -2px rgba(var(--geg-warning-rgb), 0.2), 0 1px 5px 0 rgba(var(--geg-warning-rgb), 0.12);
    box-shadow: 0 2px 2px 0 rgba(var(--geg-warning-rgb), 0.14), 0 3px 1px -2px rgba(var(--geg-warning-rgb), 0.2), 0 1px 5px 0 rgba(var(--geg-warning-rgb), 0.12);
}

.btn.geg-btn-warning:focus, .btn.geg-btn-warning:active, .btn.geg-btn-warning:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(var(--geg-warning-rgb), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--geg-warning-rgb), 0.2);
    box-shadow: 0 14px 26px -12px rgba(var(--geg-warning-rgb), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--geg-warning-rgb), 0.2);
}

.btn.geg-btn-warning:focus, .btn.geg-btn-warning.focus, .btn.geg-btn-warning:hover {
    color: #fff;
    background-color: var(--geg-warning-alt-hex);
    border-color: var(--geg-warning-alt-hex);
}

.btn.geg-btn-outline-warning{
    background-color: transparent;
    border-color: var(--geg-warning-alt-hex);
    color: var(--geg-warning-hex);
    border: 1px solid;
}

.btn.disabled{
    border-color: var(--geg-border-color) !important;
    color: var(--geg-text-gray) !important;
}

.btn.disabled:hover{
    background-color: transparent !important;
    box-shadow: none !important;
    cursor: default !important;
}

.btn.geg-btn-outline-warning i{
    color: var(--geg-warning-hex);
    font-size: 1rem;
}

.btn.geg-btn-outline-warning:focus, .btn.geg-outline-btn-warning:active, .btn.geg-outline-btn-warning:hover{
    background-color: transparent;
    border-color: var(--geg-warning-alt-hex);
    color: var(--geg-warning-hex);
    border: 1px solid;
}

.btn.geg-btn-outline-warning:focus, .btn.geg-outline-btn-warning.focus, .btn.geg-outline-btn-warning:hover{
    background-color: transparent;
    border-color: var(--geg-warning-alt-hex);
    color: var(--geg-warning-hex);
    border: 1px solid;
}

/* SUCCESS */
.btn.geg-btn-success{
    color: #fff;
    background-color: var(--geg-success-hex);
    border-color: var(--geg-success-hex);
    -webkit-box-shadow: 0 2px 2px 0 rgba(var(--geg-success-rgb), 0.14), 0 3px 1px -2px rgba(var(--geg-success-rgb), 0.2), 0 1px 5px 0 rgba(var(--geg-success-rgb), 0.12);
    box-shadow: 0 2px 2px 0 rgba(var(--geg-success-rgb), 0.14), 0 3px 1px -2px rgba(var(--geg-success-rgb), 0.2), 0 1px 5px 0 rgba(var(--geg-success-rgb), 0.12);
}

.btn.geg-btn-success:focus, .btn.geg-btn-success:active, .btn.geg-btn-success:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(var(--geg-success-rgb), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--geg-success-rgb), 0.2);
    box-shadow: 0 14px 26px -12px rgba(var(--geg-success-rgb), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--geg-success-rgb), 0.2);
}

.btn.geg-btn-success:focus, .btn.geg-btn-success.focus, .btn.geg-btn-success:hover {
    color: #fff;
    background-color: var(--geg-success-alt-hex);
    border-color: var(--geg-success-alt-hex);
}

.geg-btn-rounded{
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
}

/*
|--------------------------------------------------------------------------
| CARDS
|--------------------------------------------------------------------------
*/
.card .card-category i{
    font-size: 1.5rem;
}

.card-login{
    margin-top: 70px;
}

.card-login .form{
    min-height: auto;
}

.card-login .card-header{
    /* margin-top: 0; */
}

.card-login .input-group i{
    font-size: 1.5rem;
}

/* INFO */
.card .card-header{
    z-index: 120;
}

.card .geg-card-header-info {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(var(--geg-info-rgb), 0.6);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(var(--geg-info-rgb), 0.6);
}

.card .geg-card-header-info, .card.geg-bg-info, .card.card-rotate.geg-bg-info .front, .card.card-rotate.geg-bg-info .back {
    background: linear-gradient(60deg, var(--geg-info-hex), var(--geg-info-alt-hex));
}

/* DANGER */
.card .geg-card-header-danger {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(var(--geg-danger-rgb), 0.6);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(var(--geg-danger-rgb), 0.6);
}

.card .geg-card-header-danger, .card.geg-bg-danger, .card.card-rotate.geg-bg-danger .front, .card.card-rotate.geg-bg-danger .back {
    background: linear-gradient(60deg, var(--geg-danger-hex), var(--geg-danger-alt-hex));
}

/* WARNING */
.card .geg-card-header-warning {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(var(--geg-warning-rgb), 0.6);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(var(--geg-warning-rgb), 0.6);
}

.card .geg-card-header-warning, .card.geg-bg-warning, .card.card-rotate.geg-bg-warning .front, .card.card-rotate.geg-bg-warning .back {
    background: linear-gradient(60deg, var(--geg-warning-hex), var(--geg-warning-alt-hex));
}

/* SUCCESS */
.card .geg-card-header-success {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(var(--geg-success-rgb), 0.6);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(var(--geg-success-rgb), 0.6);
}

.card .geg-card-header-success, .card.geg-bg-success, .card.card-rotate.geg-bg-success .front, .card.card-rotate.geg-bg-success .back {
    background: linear-gradient(60deg, var(--geg-success-hex), var(--geg-success-alt-hex));
}

.card-blog{
    height: calc(100% - 90px);
}

.card.card-event .card-header.card-header-image{
    margin: 0;
}

.card.card-event .card-header.card-header-image img{
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card.card-event .card-body, .card.card-event .card-footer{
    padding: 1.25rem;
}

/*
|--------------------------------------------------------------------------
| TOASTR
|--------------------------------------------------------------------------
*/
#toast-container{
    position: fixed;
    bottom: 2rem;
    left: 3rem;
    top: auto;
    right: auto;
    opacity: 1 !important;
    animation: cfFadeInLeft .35s;
}

  
@keyframes cfFadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
}

#toast-container .toast{
    background-color: #fff !important;
    border-radius: .25rem !important;
    box-shadow: 0 1px 2px 0 rgba(58, 52, 52, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    opacity: 1;
    margin: 0;
    margin-bottom: .5rem;
    background-size: 25px;
    padding: 1rem 1rem 1rem 3rem;
}

#toast-container .toast-message{
    line-height: 1.3;
    font-size: .9rem;
    color: var(--geg-text-dark);
    padding: .4rem 0;
    padding-right: 1rem;
}

#toast-container > .toast-success{
    border-top: 3px solid var(--geg-success-hex);
    background-image: url('/img/notification-success.svg') !important;
}


#toast-container > .toast-info{
    border-top: 3px solid var(--geg-info-hex);
    background-image: url('/img/notification-info.svg') !important;
}


#toast-container > .toast-error{
    border-top: 3px solid var(--geg-danger-hex);
    background-image: url('/img/notification-danger.svg') !important;
}


#toast-container > .toast-warning{
    border-top: 3px solid var(--geg-warning-hex);
    background-image: url('/img/notification-warning.svg') !important;
}

#toast-container .toast-close-button{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: .2rem .8rem;
    color: var(--geg-text-dark);
    font-size: 1.7rem;
}

#toast-container > .toast:hover{
    box-shadow: 0 1px 2px 0 rgba(58, 52, 52, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
}

#toast-container > .toast.toast-success:hover{

}

#toast-container > .toast.toast-info:hover{

}

#toast-container > .toast.toast-error:hover{

}

#toast-container > .toast.toast-warning:hover{

}

/*
|--------------------------------------------------------------------------
| LOADER
|--------------------------------------------------------------------------
*/
.loader-content{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .5);
    z-index: 100;
}

.loader {
    position: relative;
    width: 2.5em;
    height: 2.5em;
    transform: rotate(165deg);
}
.loader:before, .loader:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    transform: translate(-50%, -50%);
}
.loader:before {
    animation: before 2s infinite;
}
.loader:after {
    animation: after 2s infinite;
}

.loader-content .loader-label{
    position: absolute;
    top: calc(50% + 2em);
    left: calc(50% - 5em);
    font-size: .9rem;
    font-weight: 400;
    background-color: #fff;
    border-radius: .5rem;
    padding: .5rem;
    line-height: 1;
    color: var(--geg-info-alt-hex);
}

@keyframes before {
    0% {
        width: 0.5em;
        box-shadow: 1em -0.5em rgba(var(--geg-danger-rgb), 0.75), -1em 0.5em rgba(var(--geg-info-rgb), 0.75);
   }
    35% {
        width: 2.5em;
        box-shadow: 0 -0.5em rgba(var(--geg-danger-rgb), 0.75), 0 0.5em rgba(var(--geg-info-rgb), 0.75);
   }
    70% {
        width: 0.5em;
        box-shadow: -1em -0.5em rgba(var(--geg-danger-rgb), 0.75), 1em 0.5em rgba(var(--geg-info-rgb), 0.75);
   }
    100% {
        box-shadow: 1em -0.5em rgba(var(--geg-danger-rgb), 0.75), -1em 0.5em rgba(var(--geg-info-rgb), 0.75);
   }
}
@keyframes after {
    0% {
        height: 0.5em;
        box-shadow: 0.5em 1em rgba(var(--geg-success-rgb), 0.75), -0.5em -1em rgba(var(--geg-warning-rgb), 0.75);
   }
    35% {
        height: 2.5em;
        box-shadow: 0.5em 0 rgba(var(--geg-success-rgb), 0.75), -0.5em 0 rgba(var(--geg-warning-rgb), 0.75);
   }
    70% {
        height: 0.5em;
        box-shadow: 0.5em -1em rgba(var(--geg-success-rgb), 0.75), -0.5em 1em rgba(var(--geg-warning-rgb), 0.75);
   }
    100% {
        box-shadow: 0.5em 1em rgba(var(--geg-success-rgb), 0.75), -0.5em -1em rgba(var(--geg-warning-rgb), 0.75);
   }
}
/** * Attempt to center the whole thing! */
html, body {
    height: 100%;
}
.loader {
    position: absolute;
    top: calc(50% - 1.25em);
    left: calc(50% - 1.25em);
}

/*
|--------------------------------------------------------------------------
| PROFILE
|--------------------------------------------------------------------------
*/
.navbar .navbar-nav .nav-item .nav-link.profile-photo .profile-photo-small{
    border-radius: 50%;
    border: 1px solid var(--geg-border-color);
}

.navbar .dropdown .dropdown-menu.show{
    display: block;
}

/*
|--------------------------------------------------------------------------
| DROPDOWN
|--------------------------------------------------------------------------
*/
.dropdown-header{
    font-size: .9rem;
}

.dropdown-menu .dropdown-item, .dropdown-menu li > a{
    font-size: .9rem;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active{
    background-color: var(--geg-success-hex);
}

/*
|--------------------------------------------------------------------------
| CIRCLE ICON
|--------------------------------------------------------------------------
*/
.geg-circle-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.geg-circle-icon span{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.geg-circle-icon span.icon-lg{
    width: 7rem;
    height: 7rem;
}

.geg-circle-icon span.icon-lg i{
    font-size: 4rem;
}

/*
|--------------------------------------------------------------------------
| LINKS
|--------------------------------------------------------------------------
*/
a.geg-link{
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

/* LINK SUCCESS */
a.geg-link.geg-link-success{
    color: var(--geg-success-hex);
}

/* LINK WARNING */
a.geg-link.geg-link-warning{
    color: var(--geg-warning-hex);
}

/* LINK INFO */
a.geg-link.geg-link-info{
    color: var(--geg-info-hex);
}

/* LINK DANGER */
a.geg-link.geg-link-danger{
    color: var(--geg-danger-hex);
}

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

a.geg-link.decoration:hover{
    text-decoration: underline !important;
}

/*
|--------------------------------------------------------------------------
| FORM
|--------------------------------------------------------------------------
*/
.form-control, .is-focused .form-control {
    background-image: linear-gradient(to top, var(--geg-success-hex) 2px, rgba(var(--geg-success-rgb), 0) 2px), linear-gradient(to top, var(--geg-border-color) 1px, rgba(210, 210, 210, 0) 1px);
}

.form-control:invalid{
    background-image: linear-gradient(to top, var(--geg-danger-hex) 2px, rgba(var(--geg-danger-rgb), 0) 2px), linear-gradient(to top, var(--geg-border-color) 1px, rgba(210, 210, 210, 0) 1px);
}

.custom-file-label{
    border: 1px solid;
    border-color: var(--geg-danger-hex) !important;
    border-radius: .25rem;
    display: flex;
    align-items: center;
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before, .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before, .was-validated .custom-file-input:valid~.custom-file-label{
    border: 1px solid;
    border-color: var(--geg-success-hex) !important;
}

.custom-file-input~.custom-file-label[data-browse]:after{
    background-color: var(--geg-border-color);
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-left: inherit;
    display: flex;
    align-items: center;
}

.geg-form-group{
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.geg-form-group label{
    display: flex;
    align-items: center;
    text-align: left;
    color: var(--geg-text-dark);
    font-size: .9rem;
    font-weight: 500;
}

.geg-form-group label i{
    font-size: 1.5rem;
    color: var(--geg-text-dark);
    margin-right: .5rem;
}

.geg-form-group .geg-form-content{
    width: 100%;
    padding-left: 2rem;
}

.geg-form-group.geg-form-content-with-icon{
    position: relative;
}

.geg-form-content.geg-form-content-with-icon .geg-form-icon{
    position: absolute;
    right: 1.5rem;
    top: 2.2rem;
    cursor: pointer;
}

.geg-form-group input.geg-form-control, .geg-form-group select.geg-form-control, .geg-form-group textarea.geg-form-control{
    margin: 0;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: var(--geg-border-color);
    border-radius: .25rem;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-appearance: listbox;
}

select.form-control:not([size]):not([multiple]){
    height: auto;
    height: 36px;
    font-size: 14px;
    line-height: 1.1;
}

.geg-form-group input.geg-form-control.original, .geg-form-group select.geg-form-control.original, .geg-form-group textarea.geg-form-control.original{
    display: block;
    width: 100%;
    height: auto;
    padding: .8rem .5rem;
    font-weight: 300;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .2rem;
    background-image: none;
    font-size: 1rem;
}

.geg-form-group select.geg-form-control.original{
    -webkit-appearance: menulist;
}

.geg-form-group input.geg-form-control.original::placeholder, .geg-form-group select.geg-form-control.original::placeholder, .geg-form-group textarea.geg-form-control.original::placeholder{
    font-weight: 300;
    font-size: 1rem;
}

.geg-form-group .geg-form-content.with-icon{
    position: relative;
}

.geg-form-group .geg-form-content.with-icon input.geg-form-control.original{
    padding-right: 3.5rem;
}

.geg-form-group .geg-form-content.with-icon .geg-form-icon{
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    background-color: var(--geg-gray-down);
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
    padding: 0 1.2rem;
    background-color: #fff;
    border: 1px solid #ced4da;
}

.form-check.original .form-check-label{
    font-size: 1rem;
    font-weight: 300;
}

.form-check.original .form-check-label .circle{
    width: 1.2rem;
    height: 1.2rem;
    top: 0;
}

.form-check.original .form-check-label .form-check-input:checked + .circle:before{
    width: 1.2rem;
    height: 1.2rem;
}

.form-check.original .form-check-label .circle .check{
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--geg-warning-hex);
}

.form-check.original .form-check-input:checked ~ .circle{
    border-color: var(--geg-warning-hex);
}

.multiselect{
    min-height: auto;
    height: 36px;
}

.multiselect .multiselect__tags{
    min-height: auto;
    padding: 0;
    height: 100%;
}

.multiselect .multiselect__select{
    height: 100%;
}

.multiselect .multiselect__tags .multiselect__placeholder{
    padding: .5rem 1rem;
    margin: 0;
    height: 100%;
    line-height: 1;
    display: flex;
    align-items: center;
}

.multiselect .multiselect__tags .multiselect__input{
    height: 100%;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: .9rem;
    padding: .5rem 1rem;

}

.multiselect .multiselect__content-wrapper .multiselect__option--highlight{
    background: var(--geg-success-hex);
}

.multiselect .multiselect__tags .multiselect__single{
    padding: .5rem 1rem;
    margin: 0;
    height: 100%;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: .9rem;
}

.uppercase{
    text-transform: uppercase !important;
}
/*
|--------------------------------------------------------------------------
| PROFILE
|--------------------------------------------------------------------------
*/
.geg-avatar-profile{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    transform: translate3d(0, -50%, 0);
    margin: 0 auto;
    cursor: pointer;
}

.geg-avatar-profile .geg-pimg-profile-button{
    width: 200px;
    height: 200px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 50%;
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    /* transform: translate3d(0, -50%, 0); */
    margin: 0 auto;
}

.geg-avatar-profile img{
    cursor: pointer;
    transform: none !important;
    -webkit-transform: none !important;
    width: 200px;
    height: 200px;
    max-width: 100% !important;
}

.geg-avatar-profile:hover .geg-pimg-profile-button{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .9rem;
    font-weight: 400;
}

.geg-avatar-profile:hover .geg-pimg-profile-button:hover{
    text-decoration: underline;
}

/*
|--------------------------------------------------------------------------
| MODAL
|--------------------------------------------------------------------------
*/
.modal-open .modal{
    padding-left: 0 !important;
}

.modal .modal-dialog{
    margin-top: 1.75rem;
}

.geg-modal .modal-header{
    border-bottom: 1px solid var(--geg-border-color);
    padding: 1rem;
}

.geg-modal .modal-title{
    margin: 0;
    font-weight: 400;
}

.geg-modal .modal-footer{
    border-top: 1px solid var(--geg-border-color);
    padding: 1rem !important;
}

/*
|--------------------------------------------------------------------------
| SWEET ALERT
|--------------------------------------------------------------------------
*/
.swal2-styled.swal2-confirm{
    background-color: var(--geg-success-hex) !important;
    border-left-color: rgb(var(--geg-success-rgb)) !important;
    border-right-color: rgb(var(--geg-success-rgb)) !important;
}

.swal2-styled.swal2-cancel{
    background-color: var(--geg-danger-hex) !important;
    border-left-color: rgb(var(--geg-danger-rgb)) !important;
    border-right-color: rgb(var(--geg-danger-rgb)) !important;
}

/*
|--------------------------------------------------------------------------
| NAV TABS
|--------------------------------------------------------------------------
*/
.nav-tabs .nav-item .nav-link i {
    font-size: 1rem;
    margin-right: .2rem;
}

/*
|--------------------------------------------------------------------------
| SIDEBAR NAV
|--------------------------------------------------------------------------
*/
.sidebar[data-color="success"] li.active>a {
    background-color: var(--geg-success-hex);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(var(--geg-success-rgb), 0.4);
}

/*
|--------------------------------------------------------------------------
| HEADER
|--------------------------------------------------------------------------
*/
.geg-header{
    padding: 1rem;
    border-radius: .5rem;
}

.breadcrumb li span{
    color: var(--geg-text-dark);
}

.breadcrumb li a{
    color: var(--geg-text-dark);
}

.breadcrumb li a:not([href]):not([tabindex]){
    color: var(--geg-text-dark);
}

.geg-cursor-pointer{
    cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| DELAY ANIMATION
|--------------------------------------------------------------------------
*/
.geg-delay-03s {
    animation-duration: .3s;
    animation-delay: .2s;
}

.geg-delay-04s {
    animation-duration: .4s;
    animation-delay: .3s;
}

.geg-delay-05s {
    animation-duration: .5s;
    animation-delay: .4s;
}

/*
|--------------------------------------------------------------------------
| SCROLL
|--------------------------------------------------------------------------
*/
.geg-scroll::-webkit-scrollbar {
    width: .6rem;     /* Tamaño del scroll en vertical */
    height: .6rem;    /* Tamaño del scroll en horizontal */
    
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.geg-scroll::-webkit-scrollbar-thumb {
    background: #99989D;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.geg-scroll::-webkit-scrollbar-thumb:hover {
    background: #99989D;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
.geg-scroll::-webkit-scrollbar-thumb:active {
    background-color: #99989D;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
.geg-scroll::-webkit-scrollbar-track {
    background: #D7D8DC;
    border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.geg-scroll::-webkit-scrollbar-track:hover,
.geg-scroll::-webkit-scrollbar-track:active {
  background: #D7D8DC;
}

/*
|--------------------------------------------------------------------------
| TABLE
|--------------------------------------------------------------------------
*/
.table.b-table>tfoot>tr>[aria-sort], .table.b-table>thead>tr>[aria-sort] {
    cursor: pointer;
    background-image: none;
    background-repeat: no-repeat;
    background-size: .65em 1em;
}

.table.b-table>tfoot>tr>[aria-sort=none], .table.b-table>thead>tr>[aria-sort=none] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left), .table.b-table>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
    background-position: right .375rem center;
    padding-right: calc(.75rem + .65em);
}

.table.b-table>tfoot>tr>[aria-sort=ascending], .table.b-table>thead>tr>[aria-sort=ascending] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left), .table.b-table>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
    background-position: right .375rem center;
    padding-right: calc(.75rem + .65em);
}

.table.b-table>tfoot>tr>[aria-sort=descending], .table.b-table>thead>tr>[aria-sort=descending] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left), .table.b-table>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
    background-position: right .375rem center;
    padding-right: calc(.75rem + .65em);
}

.table th{
    background-color: var(--geg-dark);
    color: #fff;
    font-size: .8rem !important;
    text-align: center;
    white-space: nowrap;
}

.table td{
    border: none;
    border-bottom: 1px solid var(--geg-border-color) !important;
    white-space: nowrap;
}

.table tr{
    background-color: #fff;
}

.table tr:nth-child(2n){
    background-color: var(--geg-gray);
}

.table tr:hover{
    /* background-color: var(--xp-dark-ligh); */
}

.table td{
    font-size: 1rem;
}

.geg-bg-footer{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    padding: .8rem;
    background-color: var(--geg-dark);
    color: #fff;
    line-height: 1;
}

.geg-table-pagination ul{
    margin: 0;
}

.geg-table-pagination ul li{
    font-size: 2rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.geg-table-pagination .page-item button.page-link{
    font-size: 1rem;
    border-radius: .25rem;
}

.page-item.active .page-link{
    background-color: var(--geg-info-hex);
    border-color: var(--geg-info-hex);
}

.table.geg-table-radius thead tr th:first-child{
    border-top-left-radius: .75rem;
}

.table.geg-table-radius thead tr th:last-child{
    border-top-right-radius: .75rem;
}

/*
|--------------------------------------------------------------------------
| CK EDITOR
|--------------------------------------------------------------------------
*/

.ck.ck-editor{
    height: 300px !important;
}

.ck.ck-editor__main{
    height: 100%;
}

.ck.ck-content.ck-editor__editable{
    height: 100%;
}

/*
|--------------------------------------------------------------------------
| CARS THEMES
|--------------------------------------------------------------------------
*/
.geg-card-section{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: .5rem;
}

.geg-card-section .geg-card-section-header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--geg-dark);
    color: #fff;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
    border-top: 1px solid var(--geg-dark);
    border-right: 1px solid var(--geg-dark);
    border-left: 1px solid var(--geg-dark);
}

.geg-card-section .geg-card-section-header .title{
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.geg-card-section .geg-card-secion-icon{
    font-size: 1.2rem;
    font-weight: 400;
    cursor: pointer;
}

.geg-card-section .geg-card-section-body{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background-color: #fff;
    color: var(--geg-text-dark);
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-bottom: 1px solid var(--geg-border-color);
    border-right: 1px solid var(--geg-border-color);
    border-left: 1px solid var(--geg-border-color);
}

.geg-card-themes{
    width: 100%;
}

.geg-card-themes .geg-card-themes-header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
    margin-bottom: 1rem;
}

.geg-card-themes .geg-card-themes-header .title{
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--geg-text-dark);
    margin: 0;
}

.geg-card-themes .geg-card-themes-body{
    width: 100%;
}

.geg-themes-list{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    list-style: none;
    padding: 0 1rem;
}

.geg-themes-list .geg-themes-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    padding: 1rem 0;
    line-height: 1.2;
    border-bottom: 1px solid var(--geg-border-color);
}

/*
|--------------------------------------------------------------------------
| CARS THEMES
|--------------------------------------------------------------------------
*/
.geg-list-details{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    list-style: none;
}

.geg-list-details .geg-list-details-item{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 1rem;
    margin-bottom: .5rem;
}

.geg-list-details .geg-list-details-item span:first-child{
    font-weight: 400;
    color: var(--geg-success-hex);
    margin-right: .5rem;
}

.geg-list-details .geg-list-details-item span i{
    font-size: 1rem;
    min-width: 1.5rem;
}

.geg-list-details .geg-list-details-item span:nth-child(2){
    font-weight: 300;
    color: var(--geg-dark);
}

/*
|--------------------------------------------------------------------------
| CARS THEMES
|--------------------------------------------------------------------------
*/
.geg-card-line{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: .5rem;
    background-color: #fff;
    border: 1px solid var(--geg-border-color-light);
    padding: 1rem;
}

.geg-card-line.top{
    border-top-width: .25rem;
}

.geg-card-line.right{
    border-right-width: .25rem;
}

.geg-card-line.bottom{
    border-bottom-width: .25rem;
}

.geg-card-line.left{
    border-left-width: .25rem;
}

.geg-profile-photo-small{
    width: 2rem;
    border-radius: 50%;
}



/*
|--------------------------------------------------------------------------
| CARD LINE G
|--------------------------------------------------------------------------
*/

.geg-card-line-g{
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    background-color: #fff;
    border: 1px solid var(--geg-border-color-light);
    padding: 1rem;
}

.geg-card-line-g::before{
    content: "";
    position: absolute;
    width: 100%;
    height: .25rem;
    top: 0;
    left: 0;
    background-color: var(--geg-text-gray);
}

.geg-card-line-g.geg-card-line-g-info::before{
    background-color: var(--geg-info-hex);
}

.geg-card-line-g.geg-card-line-g-danger::before{
    background-color: var(--geg-danger-hex);
}

/*
|--------------------------------------------------------------------------
| CARD LINE SMALL
|--------------------------------------------------------------------------
*/  

.geg-card-line-small{
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    background-color: #fff;
    border: 1px solid var(--geg-border-color-light);
    padding: 0;
}

.geg-card-line-small .geg-card-line-small-header{
    padding: .5rem .75rem;
    background-color: var(--geg-gray);
}

.geg-card-line-small .geg-card-line-small-body{
    padding: .5rem;
}
/*
|--------------------------------------------------------------------------
| CARD THEMES COURSE
|--------------------------------------------------------------------------
*/
.geg-course-sections{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.geg-course-sections .geg-course-section{
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--geg-gray-down);
    margin-bottom: 1rem;
    border-radius: .5rem;
    padding: 1rem;
}

.geg-course-sections .geg-course-section .geg-course-section-header{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.geg-course-sections .geg-course-section-arrow{
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}

.geg-course-sections .geg-course-section-arrow:hover{
    background-color: var(--geg-gray-alt);
}

.geg-course-section-body .geg-course-section .geg-course-section-body{
    width: 100%;
}

.geg-course-sections .geg-course-section-themes{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    list-style: none;
}

.geg-course-sections .geg-course-section-themes .geg-course-section-themes-item{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
    padding: .5rem .5rem;
    border-radius: .5rem;
}

.geg-course-sections .geg-course-section-themes .geg-course-section-themes-item .geg-course-section-themes-item-time{
    display: flex;
    min-width: 4rem;
    font-size: .9rem;
}

.geg-course-sections .geg-course-section-themes .geg-course-section-themes-item a{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: var(--geg-text-dark);
    cursor: default;
}

.geg-course-sections .geg-course-section-themes .geg-course-section-themes-item.enabled a{
    cursor: pointer;
}

.geg-course-sections .geg-course-section-themes .geg-course-section-themes-item a:hover{
    color: var(--geg-text-dark);
}

.geg-course-sections .geg-course-section-themes .geg-course-section-themes-item.enabled:hover{
    background-color: var(--geg-border-color-light);
}

.geg-course-sections .geg-course-section-themes .geg-course-section-themes-item:last-child{
    margin-bottom: 0;
}

/*
|--------------------------------------------------------------------------
| CARD CLASS
|--------------------------------------------------------------------------
*/

.geg-course-content{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.geg-course-content .geg-course-content-video{
    position: relative;
    min-height: 1px;
    width: calc(100% - var(--width-sidebar-themes));
}

.geg-course-content .geg-course-content-video-filter{
    height: 100%;
}

.geg-course-content .geg-course-content-video-wrap{
    margin-top: auto;
    padding-bottom: 56.25%;
}

.geg-course-content .geg-course-content-video-release{
    width: 100%;
    position: absolute;
    max-height: 100vh;
    height: 100%;
}

.geg-course-content iframe{
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
}

.geg-course-content .geg-course-content-novideo{
    position: relative;
    min-height: 1px;
    width: calc(100% - var(--width-sidebar-themes));
    padding: 0 1rem;
    min-height: 400px;
    border-bottom: 1px solid var(--geg-border-color);
}

.geg-course-content .geg-course-content-novideo-description{
    width: 100%;
    font-size: 1rem;
}

/*
|--------------------------------------------------------------------------
| SIDEBAR THEMES COURSE
|--------------------------------------------------------------------------
*/
.geg-sidebar-course{
    width: var(--width-sidebar-themes);
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh ;
    background-color: #fff;
    border-left: 1px solid var(--geg-border-color);
    z-index: 10;
    transition: .3s;
    overflow: auto;
}

.geg-sidebar-course.geg-sidebar-course-top{
    top: 0 ;
    position: fixed;
}

.geg-sidebar-course .geg-sidebar-course-header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--geg-dark);
    color: #fff;
    border-bottom: 1px solid var(--geg-border-color);
    font-weight: 500;
    font-size: 1rem;
}

.geg-sidebar-course .geg-sidebar-course-body{
    width: 100%;
    /* height: 100%; */
}

.geg-sidebar-course-section{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--geg-border-color);
}

.geg-sidebar-course-section .geg-sidebar-course-section-header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: var(--geg-default);
    padding: 1rem;
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.2;
    cursor: pointer;
}

.geg-sidebar-course-section .geg-sidebar-course-section-header:hover{
    background-color: var(--geg-gray-alt);
}

.geg-sidebar-course-section .geg-sidebar-course-section-content{
    width: 100%;
    background-color: #fff;
}

.geg-sidebar-course-themes{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    list-style: none;
}

.geg-sidebar-course-themes .geg-sidebar-course-themes-item{
    width: 100%;
    display: flex;
    font-size: .95rem;
    font-weight: 300;
    padding: .5rem 1.5rem;
    cursor: default;
}

.geg-sidebar-course-themes .geg-sidebar-course-themes-item a{
    width: 100%;
    display: flex;
    font-size: .95rem;
    font-weight: 300;
    padding: .5rem 1.5rem;
    color: var(--geg-dark);
    cursor: default;
}

.geg-sidebar-course-themes .geg-sidebar-course-themes-item.enabled a{
    cursor: pointer;
}

.geg-sidebar-course-themes .geg-sidebar-course-themes-item a:hover{
    color: var(--geg-dark);
}

.geg-sidebar-course-themes .geg-sidebar-course-themes-item.active{
    background-color: var(--geg-dark);
    color: #fff;
}

.geg-sidebar-course-themes .geg-sidebar-course-themes-item.active a{
    background-color: var(--geg-dark);
    color: #fff;
}

.geg-sidebar-course-themes small{
    font-size: .8rem;
}

.geg-sidebar-course-themes .geg-sidebar-course-themes-item.enabled:not(.active):hover{
    background-color: var(--geg-gray-down);
}

/*
|--------------------------------------------------------------------------
| COURSE TABS
|--------------------------------------------------------------------------
*/
.geg-course-tabs{
    width: calc(100% - var(--width-sidebar-themes));
    min-height: 400px;
}

.geg-nav-tabs{
    width: 100%;
}

.geg-nav-tabs .nav.nav-tabs{
    padding: 0;
}

.geg-nav-tabs .nav-tabs .nav-item{
    padding: 0;
}

.geg-nav-tabs .nav-tabs .nav-item .nav-link, .geg-nav-tabs .nav-tabs .nav-item .nav-link:hover, .geg-nav-tabs .nav-tabs .nav-item .nav-link:focus{
    color: var(--geg-text-dark) !important;
    font-size: 1rem;
    font-weight: 300;
    text-transform: none;
    padding: 1rem;
}

.geg-nav-tabs .nav-tabs .nav-item .nav-link.active::after{
    content: "";
    position: absolute;
    height: .2rem;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: var(--geg-success-alt-hex);
}

/*
|--------------------------------------------------------------------------
| QUESTIONS
|--------------------------------------------------------------------------
*/
.geg-questions{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.geg-question{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--geg-border-color);
    cursor: pointer;
}

.geg-question:last-child{
    border-bottom: none;
}

.geg-question:not(.no-animation):hover{
    background-color: var(--geg-gray-alt);
}

.geg-question .geg-question-profile{
    width: 4rem;
    padding-right: 1rem;
}

.geg-question .geg-question-messages{
    width: 3rem;
    padding-left: 1rem;
    font-size: 1rem;
    display: flex;
    color: var(--geg-success-hex);
    line-height: 1;
    padding-top: .5rem;
}

.geg-question .geg-question-content{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.geg-question .question-header{
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    padding-top: .5rem;
}

.geg-question .geg-question-body{
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
    padding: .5rem 0;
    text-align: left;
    line-height: 1.5;
    padding-bottom: 2rem;
}

.geg-question .geg-question-footer{
    width: 100%;
    font-size: .9rem;
    font-weight: 300;
    padding: .5rem 0;
    text-align: left;
}

/*
|--------------------------------------------------------------------------
| ANSWERS
|--------------------------------------------------------------------------
*/
.geg-anwers{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.geg-answer{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--geg-border-color);
}

.geg-answer .geg-answer-content{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.geg-answer:last-child{
    border-bottom: none;
}

.geg-answer .geg-answer-profile{
    width: 4rem;
    padding-right: 1rem;
}
.geg-answer .geg-answer-header{
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
    text-align: left;
    padding-top: .5rem;
}

.geg-answer .geg-answer-body{
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
    padding: .5rem 0;
    text-align: left;
    line-height: 1.5;
    padding-bottom: 2rem;
}

.geg-answer .geg-answer-footer{
    width: 100%;
    font-size: .9rem;
    font-weight: 300;
    padding: .5rem 0;
    text-align: left;
}

/*
|--------------------------------------------------------------------------
| BUTTON DOUBLE
|--------------------------------------------------------------------------
*/
.geg-button-double{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
    padding: 0 .5rem;
}

.geg-button-double .geg-button-double-item{
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: .2rem;
    line-height: 1;
}

.geg-button-double .geg-button-double-item:last-child{
    margin-bottom: 0;
}

/*
|--------------------------------------------------------------------------
| RADIO BUTTON
|--------------------------------------------------------------------------
*/

.geg-radios{
    display: flex;
    justify-content: center;
    align-items: center;
}

.geg-radios .geg-radio{
    display: flex;
    justify-content: center;
    align-items: center;
}

.geg-radios .geg-radio label{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    cursor: pointer;
}

.geg-radios .geg-radio label input[type=radio]{
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

.geg-radios .geg-radio label span{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    color: var(--geg-text-dark);
    padding: .5rem 1rem;
    background-color: var(--geg-gray-alt);
}

.geg-radios .geg-radio:first-child label span{
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.geg-radios .geg-radio:last-child label span{
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.geg-radios .geg-radio label span i{
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: .5rem;
}

.geg-radios .geg-radio label input[type="radio"]:checked + span{
    background-color: var(--geg-success-hex);
    color: #fff;
}

/*
|--------------------------------------------------------------------------
| COLLAPSE
|--------------------------------------------------------------------------
*/
.cf-collapse-nav-dash a{
    padding-left: 4rem !important;
    color: #3C4858 !important;
    font-size: .9rem !important;
}

.cf-collapse-nav-dash a.active{
    color: var(--geg-info-hex) !important;
}

/*
|--------------------------------------------------------------------------
| CALLOUR
|--------------------------------------------------------------------------
*/

.geg-bd-callout-success{
    border-left-color: var(--geg-success-hex) !important;
}
  
.geg-bd-callout-success h4{
    color: var(--geg-success-hex) !important;
}


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

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

.bd-callout h4{
    margin-top:0;
    margin-bottom:.25rem;
    font-weight: 400;
}

.bd-callout p:last-child{
    margin-bottom:0;
}

.bd-callout code{
    border-radius:.25rem;
}

.bd-callout+.bd-callout{
    margin-top:-.25rem;
}

.bd-callout-primary{
    border-left-color:var(--geg-success-hex);
}

.bd-callout-primary h4{
    color:var(--geg-success-hex);
}

.bd-callout-success{
    border-left-color:var(--geg-success-hex);
}

.bd-callout-success h4{
    color:var(--geg-success-hex);
}

.bd-callout-info{
    border-left-color:var(--geg-info-hex);
}

.bd-callout-info h4{
    color:var(--geg-info-hex);
}

.bd-callout-warning{
    border-left-color:var(--geg-warning-hex);
}

.bd-callout-warning h4{
    color:var(--geg-warning-hex);
}

.bd-callout-danger{
    border-left-color:var(--geg-danger-hex);
}

.bd-callout-danger h4{
    color:var(--geg-danger-hex);
}

/*
|--------------------------------------------------------------------------
| CALLOUR
|--------------------------------------------------------------------------
*/
.geg-card-publication {
    cursor: pointer;
    border: 1px solid #F8F9F9;
}

.geg-card-publication:hover{
    background-color: #F8F9F9;
    box-shadow: 0 2px 2px 0 rgba(254,187,8, 0.14), 0 3px 1px -2px rgba(254,187,8, 0.2), 0 1px 5px 0 rgba(254,187,8, 0.12);
    border: 1px solid var(--geg-warning-hex);
}

/*
|--------------------------------------------------------------------------
| LIST CARDS
|--------------------------------------------------------------------------
*/

.geg-list-cards{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.geg-list-cards .geg-list-cards-item{
    display: flex;
    align-items: center;
    border-radius: .5rem;
    border: 1px solid var(--geg-info-hex);
    padding: 1rem;
    height: 100%;
    min-height: 90px;
}

.geg-list-cards .geg-list-cards-icon{
}

.geg-list-cards .geg-list-cards-icon img{
    width: 35px;
}

.geg-list-cards .geg-list-cards-content{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 .5rem;
    align-self: flex-start;
}

.geg-list-cards .geg-list-cards-title{
    font-size: .9rem;
    font-weight: 500;
    font-style: italic;
    color: var(--geg-info-alt-hex);
    line-height: 1.2;
    text-align: left;
}

.geg-list-cards .geg-list-cards-description{
    font-size: .8rem;
    font-weight: 400;
    font-style: italic;
    color: var(--geg-info-hex);
    line-height: 1.2;
    margin-top: .2rem;
    text-align: left;
}

/*
|--------------------------------------------------------------------------
| CARD CERTIFICATE
|--------------------------------------------------------------------------
*/
.geg-card-certificate{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 1rem;
    border-radius: .5rem;
    border: 1px solid var(--geg-border-color);
    border-top: 3px solid var(--geg-warning-alt-hex);
    position: relative;
}

.geg-card-certificate .geg-card-certificate-icon{
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    border-radius: 50%;
    background-color: var(--geg-warning-alt-hex);
    display: flex;
    justify-items: center;
    align-items: center;
    padding: .5rem;
    border: 1px solid var(--geg-border-color);
}

.geg-card-certificate .geg-card-certificate-icon .geg-card-certificate-icon-content{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #f5c84b;
    font-size: 2.5rem;
    display: flex;
    justify-items: center;
    align-items: center;
    padding: .2rem;
}

.geg-card-certificate .geg-card-certificate-icon .geg-card-certificate-icon-content i {
    margin: auto;
}

.geg-card-certificate .geg-card-certificate-body{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.geg-card-certificate .geg-card-certificate-description{
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*
|--------------------------------------------------------------------------
| PAGINATION
|--------------------------------------------------------------------------
*/

.geg-pagination{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.geg-pagination a{
    font-size: 1.5rem;
    padding: 0;
    margin: 0 .2rem;
    cursor: pointer;
}

.geg-pagination nav.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.geg-pagination nav.pagination li.page-item{
    font-size: 1rem;
    padding: 0;
    margin: 0 .2rem;
}

.geg-pagination ul.pagination li.page-item a.page-link{
    font-size: 1rem;
    padding: 1rem;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| PROGRESS BAR
|--------------------------------------------------------------------------
*/

.geg-progress{
    width: 100%;
    height: 1.2rem;
    border-radius: .5rem;  
}

.geg-progress .progress-label{
    font-size: .9rem;
    font-weight: 400;
    color: var(--geg-dark);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 100%;
}


/*
|--------------------------------------------------------------------------
| TOGGLE BUTTON
|--------------------------------------------------------------------------
*/

.toggle-button-cover
{
    width: 100%;
    height: 36px;
    display: table-cell;
    position: relative;
    /* width: 200px; */
    /* height: 140px; */
    box-sizing: border-box;
}

.button-cover
{
    /* height: 100px; */
    width: 100%;
    height: 36px;
    /* margin: 20px; */
    /* margin-left: 0; */
    /* background-color: #fff; */
    /* box-shadow: 0 10px 20px -8px #c5d6d6; */
    border-radius: 4px;
}

.button-cover:before
{
    /* counter-increment: button-counter; */
    /* content: counter(button-counter); */
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}

.button-cover, .knobs, .layer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button
{
    position: relative;
    top: 50%;
    width: 74px;
    height: 36px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

.button.r, .button.r .layer
{
    border-radius: 100px;
}

.checkbox
{
    position: relative;
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs
{
    z-index: 2;
}

.layer
{
    width: 100%;
    background-color: var(--geg-danger-slow-hex);
    transition: 0.3s ease all;
    z-index: 1;
}

.button .knobs:before
{
    content: 'NO';
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5px;
    left: 5px;
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: .75rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background-color: var(--geg-danger-hex);
    border-radius: 50%;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

.button .checkbox:active + .knobs:before
{
    width: 46px;
    border-radius: 100px;
}

.button .checkbox:checked:active + .knobs:before
{
    margin-left: -26px;
}

.button .checkbox:checked + .knobs:before
{
    content: 'SI';
    left: 42px;
    background-color: var(--geg-info-hex);
}

.button .checkbox:checked ~ .layer
{
    background-color: var(--geg-info-slow-hex);
}

/*
|--------------------------------------------------------------------------
| DATETIME PICKER
|--------------------------------------------------------------------------
*/
.geg-form-content-vs .b-form-btn-label-control.form-control{
    background-image: none;
    border: 1px solid #ced4da;
    padding: 0;
    border-radius: .25rem;
}

.geg-form-content-vs .b-form-btn-label-control.form-control>.btn{
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    line-height: 1;
    font-size: inherit;
    box-shadow: none !important;
    border: 0;
    cursor: pointer;
    height: auto!important;
    padding-top: .25rem !important;
}

.geg-form-content-vs .b-form-btn-label-control.form-control>label{
    word-break: break-word!important;
    outline: 0;
    padding-left: .25rem;
    margin: 0;
    border: 0;
    font-size: inherit;
    cursor: pointer;
    color: #6c757d!important;
    white-space: normal!important;
    font-weight: 400;
    line-height: 1;
    font-size: .9rem;
    background: none;
    height: auto;
}

.geg-form-content-vs .dropdown-menu{
    box-shadow: none;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    margin-top: .5rem;
}

.geg-form-content-vs .dropdown-menu header output{
    padding: .5rem !important;
}

.geg-form-content-vs .dropdown-menu header output bdi{
    font-weight: 400;
    font-size: .9rem;
}

.geg-form-content-vs .b-form-spinbutton{
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-image: none;
    height: auto;
}

.geg-form-content-vs .b-form-spinbutton .btn{
    background-color: transparent;
    box-shadow: none;
    color: #6c757d!important;
}

.geg-form-content-vs .btn.btn-outline-secondary{
    border: 1px solid #ced4da;
    color: #6c757d!important;
    background-color: #fff;
}

.geg-form-content-vs .btn.btn-outline-secondary:hover{
    background-color: #fff;
    box-shadow: none;
    text-decoration: underline;
}

/*
|--------------------------------------------------------------------------
| TIMER
|--------------------------------------------------------------------------
*/
/* geg-timer */
.geg-timer {
    text-align: center;
    perspective: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.geg-timer__piece {
    display: inline-block;
    margin: 0 0.2vw;
}

@media (min-width: 1000px) {
    .geg-timer__piece {
      margin: 0 5px;
    }
}

.geg-timer__slot {
    font-size: 1rem;
    line-height: 1.5;
    display: block;
}

.geg-timer-card {
    display: block;
    position: relative;
    padding-bottom: 0.72em;
    font-size: 2.25rem;
    line-height: 0.95;
}

@media (min-width: 1000px) {
    .geg-timer__slot {
      font-size: 1.2rem;
    }

    .geg-timer-card {
      font-size: 3rem;
    }

    .geg-timer.small .geg-timer-card{
        font-size: 1.5rem;
    }
}

.geg-timer-card__top,
.geg-timer-card__bottom,
.geg-timer-card__back-bottom,
.geg-timer-card__back::before,
.geg-timer-card__back::after {
    display: block;
    height: 0.72em;
    color: #ccc;
    background-color: #282D31;
    padding: 0.23em 0.25em 0.4em;
    border-radius: 0.15em 0.15em 0 0;
    backface-visiblity: hidden;
    transform-style: preserve-3d;
    width: 1.8em;
}

.geg-timer-card__bottom,
.geg-timer-card__back-bottom {
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 0;
    border-top: solid 1px #000;
    background-color: #53575A;
    border-radius: 0 0 0.15em 0.15em;
    pointer-events: none;
    overflow: hidden;
    z-index: 2;
}

.geg-timer-card__back-bottom {
    z-index: 1;
}

.geg-timer-card__bottom::after,
.geg-timer-card__back-bottom::after {
    display: block;
    margin-top: -0.72em;
}

.geg-timer-card__back::before,
.geg-timer-card__bottom::after,
.geg-timer-card__back-bottom::after {
    content: attr(data-value);
}

.geg-timer-card__back {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0%;
    pointer-events: none;
}

.geg-timer-card__back::before {
    position: relative;
    overflow: hidden;
    z-index: -1;
}

.geg-timer-animation .geg-timer-card .geg-timer-card__back::before {
    z-index: 1;
    animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
    animation-fill-mode: both;
    transform-origin: center bottom;
}

.geg-timer-animation .geg-timer-card .geg-timer-card__bottom {
    transform-origin: center top;
    animation-fill-mode: both;
    animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
}

.geg-timer.small .geg-timer-card{
    font-size: 2rem;
}

.geg-timer.small .geg-timer-card__top,
.geg-timer.small .geg-timer-card__bottom,
.geg-timer.small .geg-timer-card__back-bottom,
.geg-timer.small .geg-timer-card__back::before,
.geg-timer.small .geg-timer-card__back::after {
    border-radius: .35rem .35rem 0 0;
}

.geg-timer.small .geg-timer-card__bottom,
.geg-timer.small .geg-timer-card__back-bottom {
    border-radius: 0 0 .35rem .35rem;
}

.geg-timer .geg-timer-dot{
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    padding-top: .15rem;
}

@keyframes flipTop {
    0% {
      transform: rotateX(0deg);
      z-index: 2;
    }
    0%,
    99% {
      opacity: 1;
    }
    100% {
      transform: rotateX(-90deg);
      opacity: 0;
    }
}

@keyframes flipBottom {
    0%,
    50% {
      z-index: -1;
      transform: rotateX(90deg);
      opacity: 0;
    }
    51% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: rotateX(0deg);
      z-index: 5;
    }
}
  

/*
|--------------------------------------------------------------------------
| BADGE
|--------------------------------------------------------------------------
*/
.geg-badge{
    font-size: .9rem;
    font-weight: 400 !important;
    background-color: var(--geg-gray);
    padding: .25rem 1rem;
    line-height: 1;
    border: 1px solid var(--geg-text-gray);
    color: var(--geg-text-dark) !important;
    border-radius: 1rem;
}

.geg-badge.geg-badge-success{
    color: var(--geg-success-hex) !important;
    border-color: var(--geg-success-hex) !important;
    background-color: var(--geg-success-slow-hex) !important;
}

.geg-badge.geg-badge-danger{
    color: var(--geg-danger-hex) !important;
    border-color: var(--geg-danger-hex) !important;
    background-color: var(--geg-danger-slow-hex) !important;
}

.geg-badge.geg-badge-warning{
    color: var(--geg-warning-hex) !important;
    border-color: var(--geg-warning-hex) !important;
    background-color: var(--geg-warning-slow-hex) !important;
}

.geg-badge.geg-badge-info{
    color: var(--geg-info-hex) !important;
    border-color: var(--geg-info-hex) !important;
    background-color: var(--geg-info-slow-hex) !important;
}


/*
|--------------------------------------------------------------------------
| MEDIA QUERYS MIN
|--------------------------------------------------------------------------
*/

.card .card-header.geg-card-header-success .card-icon{
    background-color: var(--geg-success-hex);
}

.card.card-chart .card-header{
    margin: 0px 15px 0;
    position: relative;
    border-radius: 3px;
    margin-top: -20px;
    padding: 15px;
}


/*
|--------------------------------------------------------------------------
| CHART LINE
|--------------------------------------------------------------------------
*/
.geg-chart-line{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1rem;
}

.geg-chart-line:last-child{
    margin-bottom: 0;
}

.geg-chart-line .geg-chart-line-title{
    font-size: .9rem;
    font-weight: 400;
    color: var(--geg-text-dark);
}

.geg-chart-line .geg-chart-line-value{
    width: 100%;
    border-radius: .75rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 1rem;
}

.geg-chart-line .geg-chart-line-value span{
    font-size: .9rem;
    font-weight: 500;
    color: #fff;
}

.geg-chart-line:nth-child(1) .geg-chart-line-value{
    background-color: var(--geg-success-hex);
}

.geg-chart-line:nth-child(2) .geg-chart-line-value{
    background-color: var(--geg-info-hex);
}

.geg-chart-line:nth-child(3) .geg-chart-line-value{
    background-color: var(--geg-danger-hex);
}

.geg-chart-line:nth-child(4) .geg-chart-line-value{
    background-color: var(--geg-warning-hex);
}

.geg-chart-line:nth-child(5) .geg-chart-line-value{
    background-color: var(--geg-info-alt-hex);
}

.geg-chart-line:nth-child(6) .geg-chart-line-value{
    background-color: var(--geg-violet-hex);
}

.geg-chart-line:nth-child(7) .geg-chart-line-value{
    background-color: var(--geg-altern-purple);
}

.geg-chart-line:nth-child(8) .geg-chart-line-value{
    background-color: var(--geg-altern-success);
}

.geg-chart-line:nth-child(9) .geg-chart-line-value{
    background-color: var(--geg-altern-warning);
}

.geg-chart-line:nth-child(10) .geg-chart-line-value{
    background-color: var(--geg-altern-danger);
}

/*
|--------------------------------------------------------------------------
| PRICING
|--------------------------------------------------------------------------
*/
.price.price-new.discountable{
    position: relative;
}

.price.price-new.discountable::before{
    content: "";
    position: absolute;
    width: 100%;
    top: calc(50% - 2px);
    height: 2px;
    background-color: var(--geg-danger-hex);
}


/*
|--------------------------------------------------------------------------
| MEDIA QUERYS MIN
|--------------------------------------------------------------------------
*/

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

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
}

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

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

/*
|--------------------------------------------------------------------------
| MEDIA QUERYS MAX
|--------------------------------------------------------------------------
*/

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    .geg-main-course > .geg-sidebar-course{
        display: none;
    }

    .geg-sidebar-course{
        width: 100%;
        position: relative;
        height: auto;
    }

    .geg-sidebar-course.geg-sidebar-course-top{
        position: relative;
    }

    .geg-course-tabs{
        width: 100%;
        min-height: auto;
    }

    .geg-nav-tabs .nav-tabs .nav-item{
        border-right: 1px solid var(--geg-border-color);
    }

    .geg-nav-tabs .nav-tabs .nav-item:last-child{
        border-right: none;
    }

    .geg-nav-tabs .nav-tabs .nav-item a{
        background-color: #fff;
    }

    .geg-nav-tabs .nav-tabs .nav-item a:not(.active){
        border-bottom: 1px solid var(--geg-border-color);
        background-color: var(--geg-dark);
    }

    .geg-course-content .geg-course-content-video{
        width: 100%;
    }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) { 
    
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
    
}