.text-primary {
    color: var(--academy-primary-color)!important
}

.navbar .navbar-collapse.collapse.show {
    display: block !important;
}

.navbar .navbar-toggler .icon-bar {
    background: var(--academy-primary-contrast-color) !important
}

.icon32{
    width:32px!important;
    height:32px!important;
}

.icon16 {
    width: 16px !important;
    height: 16px !important;
}

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

    .wrapper:after {
        display: table;
        clear: both;
        content: " ";
    }

    .wrapper.wrapper-full-page {
        height: auto;
        min-height: 100vh;
    }

.header-filter {
    position: relative;
}

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

    .header-filter .container {
        z-index: 2;
        height: 100%;
        text-align: center;
    }

.page-header {
    height: 100%;
    min-height: stretch;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
}

.page-header .container > .content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    max-width: 880px;
    z-index: 3;
}

.header-filter {
    position: relative;
} .header-filter::before, {
        background: rgba(0,0,0,.5);
    } .page-header .title {
font-weight: 700;
line-height: 1.15em;
color: #FFFFFF;
    } .page-header .title small {
            color: #FFFFFF;
        }
/*.login-page {
    background-image: url('/academy/master/images/login-1.jpg');
    background-size: cover;
    background-position: top center;
}*/
.login-page > .content, .lock-page > .content {
    padding-top: 18vh;
} .login-page .page-header {
    min-height: 100vh;
    display: inherit;
} .login-page .card-login {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    padding-bottom: 20px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
} .login-page .card-login.card-hidden {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        -moz-transform: translate3d(0, -60px, 0);
        -o-transform: translate3d(0, -60px, 0);
        -ms-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0);
    } .login-page .card-login .btn-wd {
        min-width: 180px;
    } .login-page .card-login .card-header {
        margin-top: -40px;
        margin-bottom: 20px;
    } .login-page .card-login .card-header .title {
            margin-top: 10px;
        } .card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
} .card .card-height-indicator {
        margin-top: 100%;
    } .card.row-space .header {
        padding: 15px 20px 0;
    } .card .card-title {
        margin-top: 0;
        margin-bottom: 3px;
    } .card .card-title:not(.card-calendar .card-title) {
            margin-top: 0;
            margin-bottom: 5px;
        } .card .card-content {
        padding: 15px 20px;
        position: relative;
    } .card .card-content .category {
            margin-bottom: 0;
        } .card .card-actions {
        position: absolute;
        z-index: 1;
        top: -50px;
        width: calc(100% - 30px);
        left: 17px;
        right: 17px;
        text-align: center;
    } .card .card-actions .btn {
            padding-left: 12px;
            padding-right: 12px;
        } .card .card-actions .fix-broken-card {
            position: absolute;
            top: -65px;
        } .card .card-header {
        padding: 15px 20px 0;
        z-index: 3;
    } .card .card-header .category {
            margin-bottom: 0;
        } .card .card-header.card-header-text {
            display: inline-block;
        } .card .card-header.card-header-text:after {
                content: "";
                display: table;
            } .card .card-header.card-header-icon {
            float: left;
        } .card .card-header.card-header-icon i {
                width: 33px;
                height: 33px;
                text-align: center;
                line-height: 33px;
            } .card .card-header.card-header-tabs .nav-tabs {
            background: transparent;
            padding: 0;
        } .card .card-header.card-header-tabs .nav-tabs-title {
            float: left;
            padding: 10px 10px 10px 0;
            line-height: 24px;
        } .card .card-header.card-header-icon + .card-content .card-title {
            padding-bottom: 15px;
        } .card .social-line {
        margin-top: 15px;
        text-align: center;
        padding: 0;
    } .card .social-line .btn {
            color: #FFFFFF;
            margin-left: 5px;
            margin-right: 5px;
        } .card [data-background-color] {
        box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
        margin: -20px 15px 0;
        border-radius: 3px;
        padding: 15px;
        background-color: #999999;
        position: relative;
    } .card [data-background-color] .card-title {
            color: #FFFFFF;
        } .card [data-background-color] .category {
            margin-bottom: 0;
            color: rgba(255, 255, 255, 0.62);
        } .card [data-background-color] .ct-label {
            color: rgba(255, 255, 255, 0.7);
        } .card [data-background-color] .ct-grid {
            stroke: rgba(255, 255, 255, 0.2);
        } .card [data-background-color] .ct-series-a .ct-point, .card [data-background-color] .ct-series-a .ct-line, .card [data-background-color] .ct-series-a .ct-bar, .card [data-background-color] .ct-series-a .ct-slice-donut {
            stroke: rgba(255, 255, 255, 0.8);
        } .card [data-background-color] .ct-series-a .ct-slice-pie, .card [data-background-color] .ct-series-a .ct-area {
            fill: rgba(255, 255, 255, 0.4);
        } .card .chart-title {
        position: absolute;
        top: 25px;
        width: 100%;
        text-align: center;
    } .card .chart-title h3 {
            margin: 0;
            color: #FFFFFF;
        } .card .chart-title h6 {
            margin: 0;
            color: rgba(255, 255, 255, 0.4);
        } .card .ct-chart ~ .card-footer i:nth-child(1n+2) {
        width: 18px;
        text-align: center;
    } .card .card-footer {
        margin: 0 20px 10px;
        padding-top: 10px;
        border-top: 1px solid #eeeeee;
    } .card .card-footer .form-group {
            margin: 5px 0 0;
        } .card .card-footer .content {
            display: block;
        } .card .card-footer div {
            display: inline-block;
        } .card .card-footer .author {
            color: #999999;
        } .card .card-footer .stats {
            line-height: 22px;
            color: #999999;
            font-size: 12px;
        } .card .card-footer .stats .material-icons {
                position: relative;
                top: 4px;
                font-size: 16px;
            } .card .card-footer .stats .category {
                padding-top: 7px;
                padding-bottom: 7px;
                margin-bottom: 0;
            } .card .card-footer h4 {
            margin: 5px 0;
        } .card .card-footer .btn {
            margin-top: 5px;
            margin-bottom: 5px;
        } .card .card-footer h6 {
            color: #999999;
        } .card form .card-footer {
        border: none;
    } .card img {
        width: 100%;
        height: auto;
    } .card .category-social .fa {
        font-size: 24px;
        position: relative;
        margin-top: -4px;
        top: 2px;
        margin-right: 5px;
    } .card [data-background-color="purple"] {
        background: linear-gradient(60deg, #ab47bc, #8e24aa);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
    } .card [data-icon-bg-color="purple"] i {
        color: #9c27b0;
    } .card [data-background-color="blue"] {
        background: linear-gradient(60deg, #26c6da, #00acc1);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
    } .card [data-icon-bg-color="blue"] i {
        color: #00bcd4;
    } .card [data-background-color="green"] {
        background: linear-gradient(60deg, #66bb6a, #43a047);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    } .card [data-icon-bg-color="green"] i {
        color: #4caf50;
    } .card [data-background-color="orange"] {
        background: linear-gradient(60deg, #ffa726, #fb8c00);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    } .card [data-icon-bg-color="orange"] i {
        color: #ff9800;
    } .card [data-background-color="red"] {
        background: linear-gradient(60deg, #ef5350, #e53935);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
    } .card [data-icon-bg-color="red"] i {
        color: #f44336;
    } .card [data-background-color="rose"] {
        background: linear-gradient(60deg, #ec407a, #d81b60);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
    } .card [data-icon-bg-color="rose"] i {
        color: #e91e63;
    } .card [data-header-animation="true"] {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    } .card:hover [data-header-animation="true"] {
        -webkit-transform: translate3d(0, -50px, 0);
        -moz-transform: translate3d(0, -50px, 0);
        -o-transform: translate3d(0, -50px, 0);
        -ms-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
    } .card [data-background-color] {
        color: #FFFFFF;
    } .card [data-background-color] a {
            color: #FFFFFF;
        } .card-raised {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
} .card-background {
    background-position: center center;
    background-size: cover;
    text-align: center;
} .card-background .content {
        position: relative;
        z-index: 2;
        min-height: 280px;
        padding-top: 40px;
        padding-bottom: 40px;
        max-width: 440px;
        margin: 0 auto;
    } .card-background .category, .card-background .card-description, .card-background small {
        color: rgba(255, 255, 255, 0.7);
    } .card-background .card-title {
        color: #FFFFFF;
        margin-top: 10px;
    } .card-background:not(.card-pricing) .btn {
        margin-bottom: 0;
    } .card-background:after {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.56);
        border-radius: 6px;
    } .card-login .card-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
} .card-login .text-divider {
    margin-top: 30px;
    margin-bottom: 0px;
    text-align: center;
} .card-login .card-content {
    padding: 0px 30px 0px 10px;
} .card-login .checkbox {
    margin-top: 20px;
} .card-login .checkbox label {
        margin-left: 17px;
    } .card-login .checkbox .checkbox-material {
        padding-right: 12px;
    } .card-login .social-line {
    margin-top: 15px;
    text-align: center;
    padding: 0;
} .card-login .social-line .btn {
        color: #FFFFFF;
        margin-left: 5px;
        margin-right: 5px;
    } .mat-checkbox-inner-container {
    display: inline-block;
    height: 16px;
    line-height: 0;
    margin: auto;
    margin-right: 8px;
    order: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 16px;
    flex-shrink: 0;
}
/*C.G Angular Cards*/
.icon-card {
    box-shadow: var(--box-shadow);
    border-radius: var(--icon-card-border-radius);
} .icon-card .card-header.card-header-icon .card-icon {
    box-shadow: var(--box-shadow);
    border-radius: var(--icon-border-radius);
} .image-card {
    box-shadow: var(--box-shadow);
    border-radius: var(--image-card-border-radius);
} .image-card .card-header.card-header-image img, .image-card img {
        box-shadow: var(--box-shadow);
        border-radius: var(--image-border-radius);
    } .summary-card {
    box-shadow: var(--box-shadow);
    border-radius: var(--summary-card-border-radius);
} .card-header.card-header-primary {
    background-image: linear-gradient(60deg, var(--academy-primary-color), var(--academy-primary-darker-color));
    color: var(--academy-primary-contrast-color);
}
/*CG Angular Matching Misc*/
a {
    color: black;
} a:hover,a:focus {
    color: black;
    text-decoration: underline;
}
/*CG Angular Buttons*/
.btn {
    border: none;
} .btn-primary {
    background-color: var(--academy-primary-color) !important;
    color: var(--academy-primary-contrast-color) !important;
    box-shadow: none;
    border:none;
} .btn-primary:not(.btn-round):hover:before {
        visibility: visible;
        transform: scaleX(1);
    } .btn-primary:hover {
        color: var(--academy-primary-contrast-color) !important;
        background-color: var(--academy-primary-color) !important;
        box-shadow: var(--box-shadow) !important;
    } .btn-primary.disabled {
        opacity: 0.5;
    } .btn-secondary.disabled {
    background-color: var(--academy-secondary-color);
    color: var(--primary-secondary-highlight-color);
    box-shadow: none;
} .btn-secondary.disabled.disabled {
        opacity: 0.5;
    } .btn-info.disabled {
    background-color: var(--academy-info-color);
    color: var(--primary-info-highlight-color);
    box-shadow: none;
} .btn-info.disabled.disabled {
        opacity: 0.5;
    } .form-control, .is-focused .form-control {
    background-image: linear-gradient(to top, var(--academy-secondary-color) 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #ced4da 1px, rgba(206, 212, 218, 0) 1px);
} .nav-link {
    margin: 0 5px !important;
} .nav-item {
    color: var(--academy-secondary-contrast-color)
} .nav-link {
        background-color: var(--academy-secondary-color) !important;
        color: var(--academy-secondary-contrast-color) !important;
    } .nav-link:hover, .nav-link.active {
        background-color: var(--academy-primary-color);
        color: var(--academy-primary-contrast-color);
    }
/*.nav-item,active {
        background-color: var(--academy-primary-color);
        color: var(--academy-primary-contrast-color);
    }*/
.nav-link {
    background-color: var(--academy-secondary-color);
} .nav-pills .nav-item .nav-link {
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    transition: all 0.3s;
    border-radius: 3px;
    padding: 10px 15px;
} .invisible-link > a {
    display:block;
    height: 20px;
    width: 100%;
    cursor:default!important;
} .navbar .navbar-brand {
    font-size: 20px !important;
}