/***************************/
/****** BIAS STANDARDS *****/
/***************************/
@charset "UTF-8";


/*** VARIABLES ***/
:root {
    /* banner styles */
    --MVS-logo-height: 60px;
    --MVS-logo-height-mobile: 50px;
    --MVS-logo-container-width: 200px;
    --MVS-logo-container-width-collapsed: 50px;
    --MVS-logo-container-width-mobile: 50px;
    --MVS-header-height: 65px;
    --MVS-header-height-offset: -65px;
    --MVS-header-height-mobile: 50px;
    --MVS-banner-height: 60px;
    --MVS-banner-height-mobile: 45px;
    --MVS-banner-line-height: 24px;
    --MVS-banner-line-height-mobile: 18px;
    --MVS-banner-padding-bottom: 19px;
    --MVS-banner-padding-bottom-mobile: 12px;
    --MVS-banner-padding-top: 17px;
    --MVS-banner-padding-top-mobile: 10px;
    --MVS-colour-header-black: #363636;
    --MVS-colour-logo-bg: #363636;
    /* colour palette */
    --MVS-colour-transparent-white: rgba(255,255,255,0.79);
    --MVS-colour-semi-transparent-white: rgba(255,255,255,0.90);
    --MVS-colour-data-highlight: #618929;
    --MVS-colour-green: #7db135;
    --MVS-colour-green-hover: #618929;
    --MVS-colour-green-shadow: rgba(151, 212, 67, 0.25);
    --MVS-colour-green-active: #618929;
    --MVS-colour-darker-grey: #464646;
    --MVS-colour-dark-grey: #9d9d9d;
    --MVS-colour-dark-grey-hover: #808080;
    --MVS-colour-dark-grey-active: #808080;
    --MVS-colour-light-grey: #acacac;
    --MVS-colour-background-grey: #e6e6e6;
    --MVS-colour-background-grey-text: #a6a6a6;
    --MVS-colour-ghosted-grey: #d9d9d9;
    --MVS-colour-blue: #28a9d7;
    --MVS-colour-blue-hover: #2087ac;
    --MVS-colour-blue-active: #2087ac;
    --MVS-colour-dark-blue: cadetblue;
    --MVS-colour-yellow: #e7be5b;
    --MVS-colour-red: #d9595e;
    --MVS-colour-red-hover: #e38286;
    --MVS-colour-purple: #8f78a5;
    --MVS-colour-orange: #F79008;
    --MVS-colour-gold: #C3B00C;
    --MVS-colour-gold-hover: #9a8b09;
    /* card styling*/
    --MVS-card-header-bg: #f3f3f3;
    --MVS-card-header-bg-dark: #9d9d9d;
    --MVS-card-top-title-bg: #464646;
}

html,
body {
    overflow-x: hidden !important;
    font-family: arial;
    -webkit-font-smoothing: antialiased;
    margin-top: 0px;
    background-color: #333333;
    color: #666666;
    min-height: 100%;
    min-height: 100vh;
}

    

    body.MVS-body-external {
        background-color: #fff;
        background-attachment: fixed;
        background-image: url('../../images/MVS_desktop_pc1.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding-left: 0px;
        padding-right: 0px;
        min-height: 100%;
        min-height: 100vh;
    }

    body.MVS-body-internal {
        background-color: #fff;
        background-attachment: fixed;
        background-image: url('../../images/MVS_desktop_pc1.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding-left: 0px;
        padding-right: 0px;
        min-height: 100%;
        min-height: 100vh;

        overflow-x: hidden !important;
        -webkit-font-smoothing: antialiased;
        margin-top: 0px;      
        color: #666666;     
        min-width: unset;
    }

@media (max-width: 768px) {
    body.MVS-body-external {
        background-image: url('../../images/MVS_desktop_mobile_dark.jpg');
    }
    body.MVS-body-external {
        background-image: url('../../images/MVS_desktop_mobile_dark.jpg');
    }
}


.MVS-login-top-spacer {
    height: 50px;
}

.MVS-branded-header-image {
    background-image: none; 
    background-repeat: no-repeat;
    background-color: transparent;
    background-position:center;
    background-size:contain;
    color: #fff;
    border: none;
    padding: 0px;
    display: none; 

}

.MVS-branded-address-container {   
    display: none;
    padding: 15px;
    padding-left: 5px;
}

.MVS-branded-login-container {
   
}

.MVS-branding-loginform-icon-container{
    padding:initial;
    display:none;
}


.MVS-branded-address {
    background-color: #000;
    min-height: 180px;   
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 15px;
    font-size: 12px;
    color: #fff;
}

    .MVS-branded-address-title {
        font-size: 15px;
    }

    .MVS-branded-address-subtitle {
        font-size: 15px;
        font-weight:600;
    }

    .MVS-branded-link {
        color: #fff;
        font-size: 14px;
    }

        .MVS-branded-link:focus,
        .MVS-branded-link:hover {
            box-shadow: none;
            color: #a46b41;
        }

    .MVS-branded-login-col {
        display: unset;
    }

    .MVS-branded-btm-spacer {
        height: 5px;
    }

    .MVS-input-xl {
        max-width: 450px;
    }

    .MVS-menu-logo {
        background-image: url('../../images/MVS_logo.png');
        width: 200px;
        height: 53px;
        color: #fff;
        background-color: transparent;
        border: none;
        padding: 0px;
        margin-top: 7px;
        box-sizing: content-box;
        display: inline-flex;
        background-repeat: no-repeat;
    }

    .product-logo-card {
        display: flex;
    }

    .product-logo {
        color: #fff;
        background-color: transparent;
        width: 200px;
        height: 60px;
        border: none;
        padding: 0px;
        box-sizing: content-box;
        display: inline-flex;
        margin-right: 15px;
        margin-left: 15px;
        background-repeat: no-repeat;
        background-size: initial;
        background-position: left;
    }

    .product-logo-large {
        width: unset;
        height: 150px;
        display: inline-flex;
        background-position: center;
    }

    .product-logo.CAMS {
        height: 60px;
        background-image: url('../../images/product_CAMS_small2.png');
    }

    .product-logo-large.CAMS {
        width: 389px;
        background-image: url('../../images/product_CAMS_large.png');
    }

    .product-logo.AE {
        height: 60px;
        background-image: url('../../images/product_AE_small.png');
    }

    .product-logo-large.AE {
        width: 327px;
        background-image: url('../../images/product_AE_large.png');
    }

    .card-body {
        padding-bottom: 15px;
    }

    .bg-semi-transparent-white {
        background-color: var(--MVS-colour-semi-transparent-white);
    }



    .MVS-login-container {
        margin-left: 5px;
        margin-right: 5px;
        border: none;
        background: none;
        padding: 25px;
        padding-top: 15px;
        width: 600px;
    }

    @media (max-width: 768px) {
        .MVS-login-container {
            padding: 15px;
            padding-top: 5px;
            width: 95%;
            max-width: 450px;
        }
    }

    @media (max-width: 576px) {
        .MVS-login-container {
            padding: 15px;
            padding-top: 5px;
            width: 95%;
            max-width: 450px;
        }
    }

    .rowspacer-5px {
        line-height: 5px;
        height: 5px;
    }

    .rowspacer-10px {
        line-height: 10px;
        height: 10px;
    }

    .rowspacer-15px {
        line-height: 15px;
        height: 15px;
    }

    .rowspacer-20px {
        line-height: 20px;
        height: 20px;
    }

    .rowspacer-30px {
        line-height: 30px;
        height: 30px;
    }

    @media (max-width: 768px) {
        .MVS-login-top-spacer {
            height: 15px;
        }
    }


    /*** START CARDS ***/


    .MVS-body .card-header {
        background-color: var(--MVS-card-header-bg-dark);
        background-image: none;
        color: #fff;
        border: none;
        padding-top: 6px;
        padding-bottom: 6px;
        min-height: 36px;
    }

    .MVS-body .MVS-app-info .card {
    }

    .MVS-body .MVS-app-info .card-body {
        width: 500px;
        height: 270px;
    }



    /*** END CARDS ***/

    /*** BOOTSTRAP BUTTONS ***/
    button {
        -webkit-appearance: none;
        border-style: none;
    }

    .btn-container {
        padding: 4px;
    }

    .MVS-page-content .btn-sm,
    .MVS-body .btn-sm,
    .MVS-page-content .btn,
    .MVS-body .btn {
        min-width: 30px;
        height: 28px;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding-bottom: 8px;
        padding-top: 6px;
        padding-left: 12px;
        padding-right: 12px;
        text-shadow: none;
        color: #fff;
        word-wrap: normal;
        text-decoration: none;
        cursor: pointer;
    }


    .input-group-append .btn-sm,
    .input-group-append .btn {
        height: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 24px;
        padding-bottom: 6px;
        padding-top: 6px;
    }


    .MVS-page-content .btn-sm,
    .MVS-body .btn-sm,
    button.MVS-btn.btn-sm {
        height: unset;
        min-height: 26px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        margin-top: 4px;
        margin-bottom: 4px;
        border: none;
    }

    .MVS-page-content .btn-sm,
    .MVS-body .btn-sm {
        padding-top: 6px;
        padding-bottom: 4px;
    }

    .MVS-page-content .btn-xs,
    .MVS-body .btn-xs {
        height: 20px;
        width: 20px;
        min-width: 20px;
        padding: 2px 2px 2px 2px;
        font-size: 14px;
        line-height: 16px;
    }

    button.MVS-btn.btn-sm {
        height: unset;
        min-height: 26px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .MVS-page-content .btn-xs,
    .MVS-body .btn-xs {
        height: 20px;
        width: 20px;
        min-width: 20px;
        padding: 2px 2px 2px 2px;
        font-size: 14px;
        line-height: 16px;
    }

    .MVS-page-content .btn-sm i.btn-icon-only,
    .MVS-body .btn-sm i.btn-icon-only {
        min-width: 14px;
        text-align: center;
    }

    .MVS-page-content .btn-sm i,
    .MVS-body .btn-sm i,
    .MVS-page-content a.btn i,
    .MVS-body a.btn i,
    .MVS-page-content .btn-sm span,
    .MVS-body .btn-sm span,
    .MVS-page-content a.btn span,
    .MVS-body a.btn span {
        color: #fff;
    }

    .MVS-btn.btn,
    .MVS-btn.btn-sm {
        font-weight: 600;
    }

    .MVS-page-content .btn-success,
    .MVS-page-content .btn-primary,
    .MVS-page-content .btn-default,
    .MVS-body .btn-success,
    .MVS-body .btn-primary {
        background-color: var(--MVS-colour-green);
        border-color: var(--MVS-colour-green);
        text-shadow: none;
    }

        .MVS-page-content .btn-success:hover,
        .MVS-page-content .btn-success:focus,
        .MVS-page-content .btn-success.focus,
        .MVS-body .btn-success:hover,
        .MVS-body .btn-success:focus,
        .MVS-body .btn-success.focus,
        .MVS-page-content .btn-primary:hover,
        .MVS-page-content .btn-primary:focus,
        .MVS-page-content .btn-primary.focus,
        .MVS-page-content .btn-default:hover,
        .MVS-page-content .btn-default:focus,
        .MVS-page-content .btn-default.focus,
        .MVS-body .btn-primary:hover,
        .MVS-body .btn-primary:focus,
        .MVS-body .btn-primary.focus {
            background-color: var(--MVS-colour-green-hover);
            border-color: var(--MVS-colour-green-hover);
            text-decoration: none;
        }

        .MVS-page-content .btn-success:active,
        .MVS-page-content .btn-success.active,
        .MVS-body .btn-success:active,
        .MVS-body .btn-success.active,
        .MVS-page-content .btn-primary:active,
        .MVS-page-content .btn-primary.active,
        .MVS-page-content .btn-default:active,
        .MVS-page-content .btn-default.active,
        .MVS-body .btn-primary:active,
        .MVS-body .btn-primary.active {
            background-color: var(--MVS-colour-green-active);
            border-color: var(--MVS-colour-green-active);
            text-decoration: none;
        }

    .MVS-page-content .btn-secondary,
    .MVS-body .btn-secondary {
        background-color: var(--MVS-colour-gold);
        border-color: var(--MVS-colour-gold);
        text-shadow: none;
    }

        .MVS-page-content .btn-secondary:hover,
        .MVS-page-content .btn-secondary:focus,
        .MVS-page-content .btn-secondary.focus,
        .MVS-body .btn-secondary:hover,
        .MVS-body .btn-secondary:focus,
        .MVS-body .btn-secondary.focus {
            background-color: var(--MVS-colour-gold-hover);
            border-color: var(--MVS-colour-gold-hover);
            text-decoration: none;
        }

        .MVS-page-content .btn-secondary:active,
        .MVS-page-content .btn-secondary.active,
        .MVS-body .btn-secondary:active,
        .MVS-body .btn-secondary.active {
            background-color: var(--MVS-colour-gold-hover);
            border-color: var(--MVS-colour-gold-hover);
            text-decoration: none;
        }

    .MVS-page-content .btn-info,
    .MVS-body .btn-info {
        background-color: var(--MVS-colour-dark-grey);
        border-color: var(--MVS-colour-dark-grey);
        text-shadow: none;
    }

        .MVS-page-content .btn-info:hover,
        .MVS-page-content .btn-info:focus,
        .MVS-page-content .btn-info.focus,
        .MVS-body .btn-info:hover,
        .MVS-body .btn-info:focus,
        .MVS-body .btn-info.focus {
            background-color: var(--MVS-colour-dark-grey-hover);
            border-color: var(--MVS-colour-dark-grey-hover);
            text-decoration: none;
        }

        .MVS-page-content .btn-info:active,
        .MVS-page-content .btn-info.active,
        .MVS-body .btn-info:active,
        .MVS-body .btn-info.active {
            background-color: var(--MVS-colour-dark-grey-active);
            border-color: var(--MVS-colour-dark-grey-active);
            text-decoration: none;
        }


    .btn-sm > i.btn-icon-only,
    .btn > i.btn-icon-only {
        color: #fff;
    }

    .btn-sm > i.btn-icon,
    .btn > i.btn-icon {
        margin-right: 5px;
    }

    .MVS-btn-col {
        line-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .MVS-btn-container {
        display: inline-block;
        text-align: center;
        min-width: 50px;
        padding: 0px;
        margin: 0px;
    }

        .MVS-btn-container .MVS-btn br {
            display: none;
        }

        .MVS-btn-container .MVS-btn .btn-icon {
            margin-right: 5px;
        }

    @media (max-width: 768px) {

        .MVS-btn-container {
            text-align: center;
            margin-right: 0px;
        }

            .MVS-btn-container .MVS-btn {
                font-size: 10px;
                line-height: 16px;
                width: 50px;
                height: 50px;
                margin-left: 2px;
                margin-right: 2px;
                margin-top: 2px;
                margin-bottom: 0px;
                text-align: center;
                vertical-align: central;
                float: left;
                padding: 6px 3px 3px 3px;
            }

        button.MVS-btn.btn-sm {
            font-size: 10px;
            line-height: 16px;
            width: 50px;
            height: 50px;
            margin-left: 2px;
            margin-right: 2px;
            margin-top: 2px;
            margin-bottom: 0px;
            text-align: center;
            vertical-align: central;
            float: left;
            padding: 6px 3px 3px 3px;
        }

        .MVS-btn-container .MVS-btn span {
            font-size: 10px;
        }

        .MVS-btn-container .MVS-btn i {
            font-size: 20px;
            line-height: 20px;
        }

        .MVS-btn-container .MVS-btn br {
            display: inline-block;
        }

        .MVS-btn-container .MVS-btn .btn-icon {
            margin-right: 0px;
        }
    }

    @media (max-width: 576px) {

        .MVS-btn-col {
            line-height: 1px;
            padding-left: 1px;
            padding-right: 1px;
        }

        button.MVS-btn.btn-sm {
            font-size: 9px;
            line-height: 16px;
            width: 45px;
            height: 45px;
            padding: 6px 2px 2px 2px;
            margin-left: 1px;
            margin-right: 1px;
        }

        .MVS-btn-container .MVS-btn {
            font-size: 9px;
            line-height: 16px;
            width: 45px;
            height: 45px;
            padding: 6px 2px 2px 2px;
            margin-left: 1px;
            margin-right: 1px;
        }

            .MVS-btn-container .MVS-btn span {
                font-size: 9px;
            }

            .MVS-btn-container .MVS-btn i {
                font-size: 18px;
                line-height: 18px;
            }
    }

    button.MVS-btn i,
    button.btn-sm i,
    button.btn i,
    button.MVS-btn span,
    button.btn-sm span,
    button.btn span,
    a.MVS-btn i,
    a.btn-sm i,
    a.btn i,
    a.MVS-btn span,
    a.btn-sm span,
    a.btn span {
        cursor: pointer;
    }


    /*** END BOOTSTRAP BUTTONS ***/