/********* Colors *********/
:root {
    --main-white-color: #fff;
    --main-darkblue-color: #043371;
    --main-gold-color: #fba82d;
    --main-black-color: #000;
    --main-background-color: #BBD0DB;
}

html body {
    font-family: 'liberation-sans', sans-serif;
}
/*$darkBlue {
    color: #043371;
}

$gold {
    color: #fba82d;
}

$white {
    color: #fff;
}

$black {
    color: #000;
}
$lightBlue {
    background-color: #BBD0DB;
}

*/

/* Alternate Background Color */
.Impersonate {
    font-size: 16px !important;
    line-height: 3px !important;
    color: var(--main-white-color) !important;
    font-weight: 700 !important;
    font-family: 'liberation-sans', sans-serif !important;
    background-color: var(--main-darkblue-color) !important;
    padding: .8em 1.004em !important;
    height: inherit !important;
    display: inherit !important;
    padding-left: 0px;
    padding-left: 0px;
    padding-right: 0px; /* border:0; */ /* text-align:center; */ /* background-position:right -88px; */ /* overflow:visible; */
}

.rbDecorated {
    font-size: 16px !important;
    line-height: 9px !important;
    color: var(--main-white-color) !important;
    font-weight: 700 !important;
    font-family: 'liberation-sans', sans-serif !important;
    background-color: var(--main-darkblue-color) !important;
    padding: 1.2em 2.004em !important;
    height: inherit !important;
    display: inherit !important;
    padding-left: 0px;
    padding-left: 0px;
    padding-right: 0px; /* border:0; */ /* text-align:center; */ /* background-position:right -88px; */ /* overflow:visible; */
}



.radfieldcontainer div {
    font-size: 23px !important;
    color: var(--main-darkblue-color) !important;
    font-weight: 400 !important;
    font-family: 'liberation-sans', sans-serif !important;
}
.radfieldcontainer{
    padding:0px !important;
}
.riSingle .riTextBox {
    font-size: 23px !important;
    line-height: 27px !important;
    color: var(--main-darkblue-color) !important;
    font-weight: 400 !important;
    font-family: 'liberation-sans', sans-serif !important;
    margin:5px !important;
}
input {
    font-size: 23px !important;
    line-height: 27px !important;
    color: var(--main-darkblue-color) !important;
    font-weight: 400 !important;
    font-family: 'liberation-sans', sans-serif !important;
}

.RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft {
    background-image: none !important;
}
.rbSkinnedButton{
    height:inherit !important;
}

.masterpagecontainer #uxpMainMenuLinks a {
    font-size: 19px !important;
    line-height: 19px !important;
    color: var(--main-darkblue-color) !important;
    font-weight: 400 !important;
    font-family: 'liberation-sans', sans-serif !important;
}

.masterpagecontainer #uxpMainMenuLinks a:hover {
    font-size: 19px !important;
    line-height: 19px !important;
    color: var(--main-darkblue-color) !important;
    font-weight: 400 !important;
    font-family: 'liberation-sans', sans-serif !important;
}
.masterpagecontainer #uxpMainMenuLinks{
    margin-right:20px;
}
form{
    top:0;
    left:0;
    position:absolute;
    width:100%;
}

.impersonateContainer {
    margin-top:15px;
    display: block;
    margin-right:20px;
}
/*header nav*/
/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

    /* Style the links inside the navigation bar */
body{
    background-image:none !important;
    
}
.header {
    height: 40px;
    padding:5px;
    background-color: var(--main-background-color);
    width:100%;
    border-top:2px solid var(--main-gold-color);

}
.leftmenu {
    font-family: 'liberation-sans', sans-serif !important;
    clear: both;
    position: relative;
    top: 2px;
    color: var(--main-darkblue-color) !important;
    font-weight:400 !important;
    font-size: 13px;
}

.HomePageHeadings {
    font-weight: bold;
    font-size: 20px;
    color: var(--main-black-color) !important;
    font-family: 'liberation-sans', sans-serif !important;
    background-color: var(--main-background-color) !important;
}

/*nav #2*/
*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    font-family: 'liberation-sans', sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    height: 65px;
    background-color: var(--main-background-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

    .container .logo {
        max-width: 250px;
        padding: 0 10px;
        overflow: hidden;
    }

        .container .logo a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 60px;
        }

            .container .logo a img {
                max-width: 100%;
                max-height: 60px;
            }

    .container .navbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 10px;
    }

        .container .navbar ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .container .navbar ul li a {
                text-decoration: none;
                color: var(--main-darkblue-color);
                font-size: 14px;
                text-transform: uppercase;
                display: block;
                height: 60px;
                line-height: 60px;
                cursor: pointer;
                padding: 0 10px;
            }

                .container .navbar ul li a:hover {
                    color: #ffffff;
                    background-color: rgba(23, 23, 23, 0.9);
                }

            .container .navbar ul .close {
                display: none;
                text-align: right;
                padding: 10px;
            }

                .container .navbar ul .close span {
                    font-size: 40px;
                    display: inline-block;
                    border: 1px solid var(--main-gold-color);
                    padding: 0 10px;
                    cursor: pointer;
                }

        .container .navbar .icon-bar {
            padding: 18px 8px;
            width: 50px;
            height: 60px;
            display: none;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            cursor: pointer;
        }

            .container .navbar .icon-bar i {
                background-color: #ffffff;
                height: 2px;
            }

@media only screen and (max-width: 650px) {
    .container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .container .logo {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

        .container .navbar {
            -webkit-box-flex: 0;
            -ms-flex: 0;
            flex: 0;
        }

            .container .navbar ul {
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                position: fixed;
                left: 100%;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                background: #ffffff;
                width: 100%;
                height: 100%;
                overflow: auto;
                -webkit-transition: left .3s;
                -o-transition: left .3s;
                transition: left .3s;
            }

                .container .navbar ul li a {
                    padding: 10px;
                    font-size: 16px;
                    height: auto;
                    line-height: normal;
                    color: var(--main-darkblue-color);
                }

                .container .navbar ul .close {
                    display: block;
                }

            .container .navbar .icon-bar {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            .container .navbar ._Menus-show {
                left: 0;
            }
}

.body {
    max-width: 700px;
    margin: 0 auto;
    padding: 10px;
}