﻿body, html {
    height: 100%;
    margin: 0;
    font-family: 'Source Sans Pro',Arial;
}

.bg {
    /* The image used */
    background-image: url('/insight/home/images/Parsons_BG.png'); /* Replace with your image URL */
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.loginbox {
    background-color: white;
    border-radius: 12px;
    height: 550px;
    padding: 48px;
    padding-top: 32px;
    padding-left: 34px;
}

.cellLabel {
    position: relative;
    top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #04325B;
    font-size: 14px;
    padding-top: 23px;
}

.cellLabelText {
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.inputFld {
    border: none;
    width: 95%;
    color: #8D8D8D;
    font-size: 13px;
    outline: none;
    position: relative;
    top: 4px;
}

input[type="text"], input[type="password"], input[type="file"] {
    border-radius: 4px;
    padding: 1px;
    margin: 0;
    -webkit-appearance: none;
}

.cellBorder {
    border: solid 1px #c9c9c9;
    display: inline-block;
    padding: 10px;
    padding-left: 18px;
    border-radius: 4px;
    width: 100%;
    height: 40px;
}

    .cellBorder[a='0'] {
        border: solid 1px #c9c9c9;
    }

    .cellBorder[red] {
        border: solid 1px #C00812;
    }

.rememberInfo {
    color: #0069AA;
    font-size: 13px;
    padding-top: 25px;
    width: 307px;
    margin-left: -5px;
}

input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}

.loginBtn {
    width: 100%;
    height: 35px;
    background: linear-gradient(#04325B,#0069AA);
    border: 1px solid #334255;
    color: #ffffff;
    margin-top: 21px;
    border-radius: 4px;
    cursor: pointer;
}

input[type="button"], input[type="submit"], button {
    border-radius: 4px;
}

.headerLogos {
    padding-top: 35px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.copyLink {
    position: absolute;
    bottom: 30px;
    right: 100px;
    color: #ffffff;
    font-size: 13px;
}

hr.vertical {
    border-left: 1px solid white;
    height: 50px;
    position: absolute;
    left: 50%;
}

.errorMsgDiv {
    display: none;
    position: absolute;
    top: 30%;
    left: 40%;
    color: #C00812;
    font-size: 14px;
    padding: 30px;
    background-color: #f2f2f2;
    border-radius: 8px;
    width: 300px;
    min-height: 100px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    z-index: 201;
}

.errNose {
    content: '';
    position: absolute;
    left: -14px;
    top: 40%;
    border-style: solid;
    border-width: 10px 14px 10px 0;
    border-color: rgba(0, 0, 0, 0) #f2f2f2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.errMsgHeader {
    font-size: 18px;
}

.errMsgIcon {
    padding-left: 16px;
    padding-right: 6px;
    position: relative;
    top: 3px;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEVSURBVHgBlVLLUcMwEN21JYajKAAQHZAOkiMzcKAC3AElhA4oIUMFYSAZjtABJWAqIJySiSxtpMia+CcneRfvaNfvPb0VQA/Uuxyu5/K6bwZjjeWHlKmmTzsgmMIrvM8XXXNJjIBrM7Y/S1sKzc0zHOPAqTNNP7YMqgIIR/wu/zrIgbPuvoQ4YmgyL0VjOOQK67fzrLQOPIFFYdL/sjUsZhcPewkgSTqVPPCJplJECdRchuA6QbZXnJjHGmUoKsFVsQuxcsZSHOBNntccuLVBS5JeEOi1cSoKTZOaA/fakOi7qc5vf89coWaXfw0XENbKSqUptCFs6hPy1xCtrl9rSRABAWaxXgh7S8AVDuC0Q6UPKx/wBiBuYVdKFC92AAAAAElFTkSuQmCC');
}

.closeLegal {
    float: right;
    padding-left: 16px;
    height: 16px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADnSURBVHgBjZI9EoIwEIWzmwtYWuINuIHkGFZSWnIDJjSU6gmU0o4bwFG4hgWDuwyZiWGDvhmG/LwvLG+jFKmu60T9KeeFqqqu9C7oGcZxNNbaQQLKskwQsQMABm+4QKxEa92x4QfEKnCapsbzrGABUsTcgQdU3pM2zt4Bc9k8EKCGDsvBLUgwmZQEzeH4/yLASoJY2t/s+77NsuxAcBpwLUEnfwH9yRLKUa2VhmmDD4VBBPrqM8Qg1yYpbYYhBrkgYq3CLWipJhcuyQMJ2sWgDTjTxpg3Le5p8iLDRUXErSLvjr30MfsBNl6YMU3cOpYAAAAASUVORK5CYII=');
}

.errMsgText {
    padding-top: 15px;
    font-size:13px;
    color: red;
}
