@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow');

/*normalize*/
html,
body,
form {
    width: 100%;
    padding: 0;
    overflow-x: hidden;
    background-color: #BBBBC6;
}

html {
    display: block;
}

body {
    font: normal 15px "Segoe UI", Arial, sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 1400px;
    margin: 0px auto 0px auto;
}

html .t-container-fluid,
html .t-row-wrap > .t-row {
    max-width: none;
    width: auto;
    padding: 0;
    margin: 0;
}

a {
    background: transparent;
}

img {
    border: 0;
}

input[type=checkbox] {
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
}

.chkbox input[type=checkbox] {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.MyTable {
    width: 100%;
    font-size: 1.8em;
    border-collapse: collapse;
    line-height:24px;
}

table {
    clear: left;
}

hr {
    border-width: 3px 0 0 0;
    border-color: #3D85C6;
    border-style: solid;
}


/*typography*/
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}

h1, h2, h3 {
    font-weight: normal;
    margin: .25em 0;
}

h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 2.25em;
}

h2 {
    font-size: 1.875em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: .875em;
}

.button {
    padding: 5px 40px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #FFFFFF;
    background-color: #1092d0;
    border-radius: 15px;
    border: solid 2px #36e0ab;
}

    .button:hover {
        background-color: #36e0ab;
        color: #000000;
    }

.button:active {
    background-color: #FDDD67;
    color: #00274C;
    border: solid 1px #00274C;
}

.PopupTable {
    border: solid 4px #3D85C6;
    background-color: #E9EAEC;
    padding: 0 0.5em 0 0.5em;
    border-radius: 8px;
    font-size: 1.4em;
}

    .PopupTable th {
        background-color: #E9EAEC;
        border-bottom: solid 2px #3D85C6;
        color: #18181A;
        text-align: center;
    }

    .PopupTable td {
        background-color: #E9EAEC;
        color: #18181A;
    }

.modalPopup {
    background-color: #008080;
    border-width: 3px;
    border-style: solid;
    border-color: #F5F5F5;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    padding: 3px;
    height: 150px;
    width: 250px;
}

.modalPopupResult {
    background-color: #16305D;
    color: #FFFFFF;
}

.modalBackground {
    background-color: #18181A;
    filter: alpha(opacity=85);
    opacity: 0.85;
    z-index: 5000 !important;
}

.modalBackgroundHighZ {
    background-color: #999999;
    filter: alpha(opacity=85);
    opacity: 0.85;
    z-index: 9999990 !important;
}

.LandingDiv {
    Width: 742px;
    margin: 50px auto 50px auto;
    color:white;
}

.parent-container {
    display: flex;
    align-items: center; /* Centers children vertically */
    justify-content: center; /* Centers children horizontally (optional) */
    height: 100vh; /* Example: full viewport height */
}

.LoginTable {
    font-size: 26px;
    border-collapse: collapse;
    Width: 400px;
    margin: 0px auto 0px auto;
}

    .LoginTable .LoginTextBox {
        Height: 30px;
        font-size: 16pt;
        Width: 400px;
        border: solid 1px #00274C;
    }

.MainDiv {
    min-height: 800px;
    margin: 0px auto 0px auto;
    width: 1400px;
}


.Nav {
    background: #90C640;
    color: #F5F5F5;
    font-size: 1.2em;
    padding: 0;
    width: 1200px;
    margin: 0px auto 0px auto;
    width: 1024px;
}

    .Nav a:hover, a:active, a:link, a:visited {
        color: #F5F5F5;
    }

.rscenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a:link {
    color: #0A5A7F;
    background-color: transparent;
}

a:visited {
    color: #007F7F;
    background-color: transparent;
}

a:hover {
    color: #1F7F61;
    background-color: transparent;
}

a:active {
    color: #567F48;
    background-color: transparent;
}

.MyCalendar {
    border: none;
    background-color: #FFFAAF; /*#FFFACD*/
    line-height: 16px;
}

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #FFFAAF;
    color: #8B0000;
    z-index: 1000;
    text-align: center;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day {
    border: none;
    color: #FFFAAF;
    background-color: #8B0000;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day {
    border: none;
    font-weight: bold;
    font-size: 1.1em;
}

.MyCalendar .ajax__calendar_days .ajax__calendar_dayname {
    border: none;
    background-color: #FFFAAF;
}

.MyCalendar .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year {
    border: none !important;
    margin: 0px;
    color: #8B0000;
    background-color: #FFFAAF;
    z-index: 1000;
}

.RSWrapper {
    background-color: #C8B8B0; 
    color: #000000; 
    width: 1360px; 
    margin: 1.0em auto 0.5em auto; 
    border: solid #0E92CF 4px; 
    min-height: 400px; 
    text-align: left; 
    font-size: 1.0em;
}

.ProgressImage {
    z-index: 9999999 !important;
}