﻿.staff-block, .student-block {
    display: none !important;
    margin: !important;
}

    .staff-block a, .student-block a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
    }

.show {
    display: block !important;
}

.azure {
    background: #1dc0ff;
    line-height: 25px;
}

    .azure img {
        max-width: 22px;
    }



.btn-primary {
    color: #fff;
    background-color: #7BA43F !important;
    border-color: #7BA43F !important;
}

body.authentication-bg {
    background-color: #506A28 !important;
    background-size: cover;
    background-position: center;
}



.ie-panel {
    display: none;
    background: #212121;
    padding: 10px 0;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);
    clear: both;
    text-align: center;
    position: relative;
    z-index: 1;
}

html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {
    display: block;
}

.page {
    opacity: 1;
}

.field-validation-error {
    color: #ff3d00;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 25px;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);
    border-radius: 5px;
    margin: 11px 0 0;
    text-align: center;
    background: #f9f9f9;
    position: relative;
}

    .field-validation-error:before {
        content: "";
        position: absolute;
        top: 0;
        left: 30px;
        margin-top: -11px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #ececec transparent;
    }

.validationError {
    margin-top: 20px;
    text-align: left;
}

.login-error {
    color: #ff3d00;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 25px;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);
    border-radius: 5px;
    margin: 11px 0 0;
    text-align: center;
    background: #f9f9f9;
    position: relative;
}

    .login-error:before {
        content: "";
        position: absolute;
        top: 0;
        left: 30px;
        margin-top: -11px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #ececec transparent;
    }

.layout-2 {
    padding: 20px 15px;
}

@media (min-width: 768px) {
    .box-shadow-1 {
        padding: 30px 30px;
    }
}

@media (min-width: 992px) {
    .section-md {
        padding: 10px 0 25px;
    }
}

@media (min-width: 768px) {
    * + .box-shadow-1-main {
        margin-top: 10px;
    }
}

.form-wrap {
    position: relative;
    margin-bottom: 15px;
}

.page {
    min-height: 50vh !important;
}

.section-layout-3 {
    min-height: 50vh !important;
}

* + .text-decoration-lines {
    margin-top: 5px;
}

@media (min-width: 768px) {
    * + .button {
        margin-top: 0px;
    }
}

.SubsExpire {
    height: 120px;
    width: 450px;
    padding: 10px;
    position: relative;
    top: -500px;
    margin:auto;
    text-align: center;
    color: #FFFFFF;
    background-color:red!important;
}
a {
    transition: all 0.3s ease-in-out;
}

    a, a:focus, a:active, a:hover {
        text-decoration: none;
    }

        a, a:focus, a:active {
            color: inherit;
        }

            a:hover {
                color: #8ac449;
            }

            a[href*='tel'], a[href*='mailto'] {
                white-space: nowrap;
            }

.link-hover {
    color: #3375ec;
}

.link-press {
    color: #1c65ea;
}

.privacy-link {
    display: inline-block;
}

* + .privacy-link {
    margin-top: 25px;
}

.link-default {
    letter-spacing: .01em;
    color: #262f3c;
}

    .link-default:hover {
        color: #3375ec;
    }

.link-social-1 {
    position: relative;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    background: #8491a5;
    font-size: 16px;
    line-height: 2em;
}

    .link-social-1, .link-social-1:active, .link-social-1:focus, .link-social-1:hover {
        color: #ffffff;
    }

        .link-social-1::after {
            content: '';
            pointer-events: none;
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            top: 0;
            left: 0;
            padding: 2px;
            z-index: -1;
            background: #3375ec;
            opacity: 1;
            transform: scale(1);
        }

        .link-social-1[class*='twitter'] {
            background: #63c9eb;
        }

            .link-social-1[class*='twitter']::after {
                background: #63c9eb;
            }

        .link-social-1[class*='facebook'] {
            background: #4970bf;
        }

            .link-social-1[class*='facebook']::after {
                background: #4970bf;
            }

        .link-social-1[class*='google']::after {
            background: #ec4823;
        }

        .link-social-1[class*='office']::after {
            background: #ff4545;
        }

        .link-social-1[class*='google-glass']::after {
            background: red;
        }

        .link-social-1[class*='instagram'] {
            background: #ff6f80;
        }

            .link-social-1[class*='instagram']::after {
                background: #ff6f80;
            }

        .link-social-1[class*='linkedin'] {
            background: #3078bb;
        }

            .link-social-1[class*='linkedin']::after {
                background: #3078bb;
            }

        .link-social-1:hover::after {
            transition: transform 0.2s, opacity 0.3s;
            transform: scale(1.3);
            opacity: 0;
        }

.link-social-2 {
    color: #262f3c;
}

    .link-social-2:hover {
        color: #3375ec;
    }

    .link-social-2[class*='twitter']:hover {
        color: #63c9eb;
    }

    .link-social-2[class*='facebook']:hover {
        color: #4970bf;
    }

    .link-social-2[class*='instagram']:hover {
        color: #ff6f80;
    }

.link-underline {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    text-align: center;
    letter-spacing: .01em;
}

    .link-underline::before, .link-underline::after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #262f3c;
    }

    .link-underline::before {
        transition: .22s .22s ease-in;
        transform: translateX(-110%);
    }

    .link-underline::after {
        left: 0;
        transition: .22s ease-in;
    }

    .link-underline, .link-underline:active, .link-underline:focus, .link-underline:hover {
        color: #262f3c;
    }

        .link-underline:hover::after {
            right: 0;
            left: auto;
            width: 0;
        }

        .link-underline:hover::before {
            transform: translateX(0);
        }

.link-icon {
    position: relative;
    display: inline-block;
    padding: 3px;
    white-space: nowrap;
    letter-spacing: 0;
    transition: .22s ease-in;
}

    .link-icon > * {
        display: inline-block;
        vertical-align: middle;
    }

    .link-icon .icon {
        position: relative;
        top: 1px;
        transition: transform .22s ease-in;
    }

    .link-icon > * + * {
        margin-left: 5px;
    }

    .link-icon, .link-icon:active, .link-icon:focus, .link-icon:hover {
        color: #262f3c;
    }

        .link-icon:hover {
            opacity: .5;
        }

.link-icon-left .icon + span {
    transition: transform .22s ease-in;
}

.link-icon-left:hover .icon {
    transform: translateX(-8px);
}

    .link-icon-left:hover .icon + span {
        transform: translateX(-6px);
    }

.link-image-1 {
    display: block;
    opacity: .3;
    transition: .25s ease-in-out opacity;
}

    .link-image-1 img {
        display: block;
    }

    .link-image-1:hover {
        opacity: .8;
    }

.link-image-2 {
    display: block;
    opacity: .6;
    transition: .25s ease-in-out opacity;
}

    .link-image-2 img {
        display: block;
    }

    .link-image-2:hover {
        opacity: .99;
    }

.link-modern {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    color: #262f3c;
    letter-spacing: .075em;
}

    .link-modern .icon {
        order: 10;
        margin-left: 7px;
        color: #ff6f80;
    }

    .link-modern:hover {
        color: #ff6f80;
    }

.icon.link-waypoint-icon {
    font-size: 26px;
}

* + .link-waypoint-icon {
    margin-top: 15px;
}

.context-dark .link-waypoint-icon, .bg-gray-900 .link-waypoint-icon, .bg-accent .link-waypoint-icon {
    color: rgba(255, 255, 255, 0.6);
}

    .context-dark .link-waypoint-icon:hover, .bg-gray-900 .link-waypoint-icon:hover, .bg-accent .link-waypoint-icon:hover {
        color: #ffffff;
    }


