﻿/*template*/
#wrapper {
    max-width:1200px;
    height: 100%;
    margin-left:auto;
    margin-right:auto;
}

#wrapper .t-container-fluid {
    max-width: 100%;
    height: 100%;
}

#wrapper .RadButton {
    font-size: 1em;
}

#wrapper .RadMenu, div.RadMenuPopup,
#wrapper .RadMenu_Default, #wrapper .RadMenu_Default a.rmLink {
    font-size: 1em;
}

#wrapper .header {
    background-color: #384F86;
    padding: 5px 0;
    margin-bottom: 0px;
    color: #ffffff;
    text-align: right;
}

#wrapper .header_Simple {
    background-color: #eaeaea;
    padding: 5px 0;
    margin-bottom: 0px;
    color: #ffffff;
    text-align: right;
}

#wrapper .header_Bootstrap {
    background-color: #e4e4e4;
    padding: 5px 0;
    margin-bottom: 0px;
    color: #ffffff;
    text-align: right;
}

#wrapper .header_Black {
    background-color: #2c2c2c;
    padding: 5px 0;
    margin-bottom: 0px;
    color: #ffffff;
    text-align: right;
}

#wrapper .header_Silk {
    background-color: #0092AB;
    padding: 5px 0;
    margin-bottom: 0px;
    color: #ffffff;
    text-align: right;
}

    #wrapper .header_Silk svg
    {
        margin-top: 5px;
        fill: white;
    }

    #wrapper .header_WebBlue {
        background-color: #5a7892;
        padding: 5px 0;
        margin-bottom: 0px;
        color: #ffffff;
        text-align: right;
    }

#wrapper .header a,
.header_Simple a,
.header_Bootstrap a {
    text-decoration: none;
    color: #000000;
    font-size: 15px;
}

#wrapper .header a,
.header_Black a,
.header_Silk a,
.header_WebBlue a {
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
}

#wrapper .header_Simple a:visited,
.header_Bootstrap a:visited {
    text-decoration: none;
    color: #000000;
}

#wrapper .header_Simple a:hover,
.header_Bootstrap a:hover,
.header_Black a:hover,
.header_Silk a:hover,
.header_WebBlue a:hover
{
    text-decoration: underline;
}

#wrapper .header a:visited,
.header_Black a:visited,
.header_Silk a:visited,
.header_WebBlue a:visited {
    text-decoration: none;
    color: #ffffff;
}

#wrapper .header .RadMenu {
    margin: 0;
    padding: 0;
    float: none;
    text-align: right;
}

#wrapper .mainmenu .RadMenu {
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    line-height: normal;
}

#wrapper .mainmenu .RadMenu .right-menu {
    position: absolute !important;
    right: 0px;
    /*float:right;*/
}

#wrapper .logo {
    margin: 5px 0;
    width: 100%;
    display: inline-block;
    text-align: left;
}

    #wrapper .logo img {
        max-width: 100%;
    }

#wrapper .jumbotron {
    padding: 1.875em;
    padding-top: 1em;
    background-color: #e9eaea;
}

    #wrapper .jumbotron .RadButton {
        float: right;
        margin-top: .667em;
        font-size: .5em;
    }

#wrapper .footer {
    width: 100%;
    padding:0;
    line-height: 30px;
    position: absolute;
    bottom: 0;
}

#wrapper .footer div{
    padding:0;
}


#wrapper .container {
    min-height: 100%;
    position: relative;
}


#wrapper .allContentWithFooter {
    padding-top: 0px;
    padding-bottom: 155px; /* Height of the footer */
}

#wrapper .allContentWithoutFooter {
    padding-top: 0px;
    padding-bottom: 0px; /* Height of the footer */
}

#wrapper .RadMenu .rmGroup .rmLink {
    padding-top: 5px;
    padding-bottom: 5px;
}

#wrapper .RadMenu .rmGroup .rmIcon {
    line-height: normal;
}

.LoginForm {
    margin-top: 15px;
    width:90%;
}

    .LoginForm tr.separator {
        height: 10px;
    }

    .LoginForm input {
        width: 200px !important;
    }

    .Login2FACodeInput
    {
        width: 65px !important;
        max-width: 65px !important;
    }

    .LoginForm label {
        width: 120px;
        display: inline-block;
    }

    .LoginForm .RememberMe {
        margin-top: 20px;
        margin-bottom: 10px;
    }

        .LoginForm .RememberMe label {
            width: auto;
            margin-left: 10px;
        }


.mainmenu .t-col {
    padding:0px;
}

.content .t-col {
    padding:0px;
}

.footer .t-container .t-col {
    padding:0px;
}


.rbClearButton,
.rbClearButton:hover {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    color: #000 !important; /* optional, depending on the background */
}
 
.rbHyperlinkButtonPwdReset {
    border-bottom: 1px solid blue !important;
    color:blue !important;
    border-radius:0 !important;
    line-height:normal !important;
    padding:0 !important;
}

/* 2FA Modal Window */
.TFALoginValidationTable {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
}

.validationTextLogin {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 15px;
}

.codeLabelLogin {
    font-weight: bold;
    vertical-align: middle;
    text-align: left !important;
}

.centered-text {
    text-align: center;
}

.tfaInputRow {
    text-align: center;
    padding-bottom: 20px !important;
}

.validationLoginCodeInput {

}

.tfaLoginButton {
    margin-top: 0px;
}

.ErrorMessage2FALogin {
    color: red !important;
    vertical-align: top !important;
}
/* End 2FA Modal Window */