/* color variables */
:root {
    --primary-blue: rgb(42 53 80);
    --secondary-blue: rgb(183 110 121);
    --background-blue: #f8faff;
    --background-white: #fff;
    --text-color: #0e1952;
    --light-blue: #DEE8F7;
}

html{overflow-y: scroll;}
body {
    margin: 0px auto;
    padding: 0px;
    font-weight: 300;
    background-color: var(--background-blue);
    font: 300 15px/20px 'Montserrat', 'Helvetica', sans-serif;
    color: var(--text-color);
    line-height: 140%;
}



a{text-decoration:underline;color:inherit}
a:hover{text-decoration:none;color:inherit}

#container {
}
#header{position:relative;}
#navigation {
    background-color: var(--secondary-blue);
    position: fixed;
    top: 0px;color:#fff;
    left: 0px;
    right: 0px;
    height: 50px;
    z-index: 10;
}
#navigation .thinContent{position:relative;}
#navigation_title{position:absolute;left:0px;top:15px;font-size:16px;}
#navigation_links{position:absolute;right:0px;overflow:hidden;font-size:14px;}
#navigation_links a{padding:15px 20px 14px 20px;text-decoration:none;display:inline-block;text-transform:uppercase;font-weight:300}
    #navigation_links a:hover, #navigation_links a.selected {
        background-color: var(--primary-blue);
    }

#title .thinContent{margin-top:50px;height:120px;position:relative;}
#title_title{position:absolute;bottom:20px;left:0px;}
#title_title h5{font-size:90%;font-weight:100;}
/*#title_title a:after {content:' > ';}*/
#title_actions{position:absolute;bottom:20px;right:0px;}

#content{min-height:400px;margin-top:40px;padding:40px 0px 40px 0px;background-color:#fff;position:relative;}

#footer{padding:20px 0px;font-size:90%;opacity:0.6;text-align:right;}


#content h3{font-weight:400;}


/*#content .statBlock h3{color:#fff;font-size:20px;line-height:50px;}
.statBlock hr{border-color:#6D7292;margin-bottom:10px;}*/

/* inputs*/
input,select,textarea{outline: none;}
input[type=text],input[type=date]{padding:5px;}
input[type=checkbox]{height:14px;width:14px;vertical-align:middle}
select{padding:5px 5px;}
input[type=text]::placeholder, input[type=password]::placeholder, select {
    font-style: italic;
    color: #ccc;
}
select:focus{font-style:normal;color:inherit}
input[type=button], input[type=submit],#title_actions a {
    border-width: 0px;text-decoration:none;
    background-color: var(--primary-blue);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
    input[type=button]:hover, input[type=submit]:hover {
        background-color: var(--secondary-blue);
        color: #fff;
    }
    #title_actions a {
        background-color: var(--secondary-blue);
        color: #fff;
    }
        #title_actions a:hover {
            background-color: var(--primary-blue);
            color: #fff;
        }
    .literalBox {
        border: 1px solid #fff;
    }
.literalBox[disabled],.literalBox.aspNetDisabled {background-color:#fff;color:#999 !important;}

select:disabled{background-color:#eaeaea;border-color:#eaeaea;color:#999 !important;}
/* forms */
.tabContent_Body .form{min-height:400px;}
    .tabContent_Body .form label {
        display: inline-block;
        width: 50%;
        margin-top: 14px;
        color: #333;
    }
    .tabContent_Body .form input[type=text], .tabContent_Body .form input[type=date], .tabContent_Body .form textarea {
        width: 45%;
        margin-top: 10px
    }
.tabContent_Body .form select{width:47%;margin-top:10px;display:inline-block}
.tabContent_Body .form input[type=checkbox]{width:55%;margin-top:10px}
    .tabContent_Body .form input[type=text],.tabContent_Body .form input[type=date], .tabContent_Body .form input[type=checkbox], .tabContent_Body .form select {
        font-style: normal;
        color: #2C3362;
        border-radius: 3px;
        background-color: #fff;
        outline: none;
        border: 1px solid #ccc;
    }
        .tabContent_Body .form input[type=text]:focus, .form input[type=date]:focus, .tabContent_Body .form input[type=checkbox]:focus, .tabContent_Body .form select:focus, .filterActions select:focus, .filterActions input[type=text]:focus {
            background-color: var(--primary-blue);
            color: #fff;
            border-color: var(--primary-blue);
            border-style: solid
        }
        .tabContent_Body .form input[type=text]:disabled, .form input[type=date]:disabled, .tabContent_Body .form input[type=checkbox]:disabled, .tabContent_Body .form select:disabled {
            background-color: #efefef;
        }
.tabContent_Body .form hr{margin:10px 0px 5px 0px;}
.tabContent_Body .form .dataTable{margin-top:0px;}

    .tabContent_Body .form .grid_three input[type=text], .form .grid_three input[type=date], .tabContent_Body .form .grid_three textarea, .tabContent_Body .form .grid_three select {
        width: 100%;
    }

.form .inlineControl{position:relative;}
.form .inlineControlElements{position:absolute;right:19px;top:12px;height:29px;overflow:hidden}
.form .inlineControlElements input{display:inline-block;padding:5px 10px;background-color:#999;margin-left:1px;}
.form .inlineControlElements input:hover{background-color:red}

/* alerts */
#systemAlertContainer {
    z-index: 50;
}
#systemAlertPlaceholder {
    background-color: #fff;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.4;
    
}
#systemAlert {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -100px;
    padding: 0px 10px 0px 120px;
    opacity: 1;z-index:20;
}
.systemAlertOptions {
    display:block;margin-top:10px;
}
.systemAlertOptions input{
    margin-left:10px;background-color:#fff;
}
.systemAlertGood, .systemAlertWarn, .systemAlertBad {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 20px;
}
.systemAlertGood{background-color:green;color:#fff;}
.systemAlertBad{background-color:red;color:#fff;}
.systemAlertWarn{background-color:orange;color:#fff;}
.systemAlertGood .systemAlertOptions input {
    color: green;
}
.systemAlertBad .systemAlertOptions input {
    color: red;
}
.systemAlertWarn .systemAlertOptions input {
    color: orange;
}
.systemAlertGood h3, .systemAlertWarn h3, .systemAlertBad h3 {
    margin-top: 0px;
}
/* inputs */
#systemInput {
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.3;
}
.systemInput {
    z-index:10;position:fixed;bottom:50%;left:0px;right:0px;text-align:center;padding:20px;
    background-color:var(--primary-blue);color:#fff;
}
.systemInput h3{color:#fff !important;}
.systemInput input[type=text],.systemInput input[type=date]{color:#2C3362;border-width:0px;}
.systemInput input[type=submit]{margin-top:10px;background-color:#fff;color:var(--secondary-blue);}
.systemInput input[type=submit]:hover{background-color:var(--secondary-blue);color:#fff;}


/* sub menus*/
.navSubMenu {
    position: fixed;
    margin-top: -1px;
    top: 50px;z-index:10;
    background-color: var(--primary-blue);
}
.navSubMenu a{text-decoration:none;display:block;padding:10px 20px;color:#fff;}
    .navSubMenu a:hover {
        background-color: var(--secondary-blue);
    }
    .navSubMenu hr {
        border-color: var(--secondary-blue);
    }

/* tabs */
.tabsContainer{position:relative;}
.tabLinks_Container{float:right;width:20%;z-index:1;}
.tabLinks_Container a{display:block;padding:30px 25px;background-color:var(--primary-blue);color:#fff;text-decoration:none;margin-bottom:2px;font-size:140%;border-left:10px solid white;}
.tabLinks_Container a:hover{cursor:pointer;background-color:var(--secondary-blue);border-left-width:2px;}
.tabLinks_Container a.selected{background-color:#fff;color:var(--primary-blue);border-left-width:0px;border:1px solid #ccc;border-right:2px solid white;}
.tabLinks_Container a em{font-size:55%;display:block;opacity:0.5}
.tabContent_Container{background-color:#fff;float:right;width:79%;border:1px solid #ccc;margin-left:-1px;z-index:-1;}
.tabContent_Body{}

.tabContent_Body .actions{border-top:1px solid #ccc;text-align:right;padding:30px 20px;background-color:#eaeaea;}
.tabContent_Body .actions select{padding:9px 20px 9px 10px;}

/* Ajax panels */
#tabCurrent{display:none;}
.updateProgressHolder {
    opacity: 0.8;
    z-index: 10;
    position: fixed;
    bottom: 0%;
    top: 0%;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 20px;
    background-color: var(--primary-blue);
    color: #fff;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}
.updateProgress {
    /*opacity: 0.6;*/
    z-index: 10;
    position: fixed;
    bottom: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    color: #2C3362;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}