/*
    RGB TINTS
R102 G051 B153 100% #663399
R140 G102 B179  75% #AE5CA1
R179 G153 B204  50% #C993C0
R217 G204 B230  25% #E4C9E0
*/

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Roboto',Arial,"Helvetica Neue",Helvetica,sans-serif;    
    color: #697F8B;
    
    height: 100%;
    /* Margin bottom by footer height */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Ajax Loading style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#loading_div {  
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(207,229,241,0.9);
    z-index: 99;    
}

.loading { 
    /*border:1px solid #ddd; 
    padding:20px; 
    margin:40px 5px; 
    width:80px;*/
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;         
    width:100%;
}

.header-logo {
    margin: 0 auto;
    text-align: center;
    background: #FFFFFF;
    padding: 5px 5px 5px 5px;
    width: 200px;
    height: 150px;
    border-radius: 25px;
}

.header-logo img {
    width: 180px;    
    height: 140px;
}

#dier-top-navbar{
    background-color: #697F8B;    
    color: #FFFFFF;
    text-align:center;
}

#dier-nav-bar-header{
    color: #FFFFFF;
}

#dier-lang-header{    
    text-align:right;    
}

#dier-lang-header a{        
    color: #FFFFFF;
}

.selectedLanguage{
    font-weight:bold;
}

.navbar-default .navbar-nav>li>a {
    color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #FFFFFF;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #FFFFFF;
    background-color: #697F8B;
}

.navbar-default .nav-item .nav-link:hover { color: #FFFFFF!important; } 
.navbar-default .nav-item .nav-link:focus { color: #FFFFFF!important; font-weight:bold;} 
.navbar-default .nav-item .nav-link:active { color: #FFFFFF!important; } 
.navbar-default .nav-item .nav-link:visited { color: #FFFFFF!important; } 

.navbar-default .dropdown .dropdown-toggle:hover { color: #FFFFFF!important; } 
.navbar-default .dropdown .dropdown-toggle:focus { color: #FFFFFF!important; } 
.navbar-default .dropdown .dropdown-toggle:active { color: #FFFFFF!important; } 
.navbar-default .dropdown .dropdown-toggle:visited { color: #FFFFFF!important; } 
















.footer {
    position: absolute;
    width: 100%;
    /* Set the fixed height of the footer here rgb(156,178,190)*/
    background-color: rgb(105,127,139);    
    color: #FFF;
	padding-top: 10px;
}
#footerCOA {
    width: 40px;
}
#footerDIERLogo {
    /*width: 40px;*/
}

.footerText{
    color:#FFFFFF;    
    font-size: 15px;
    font-weight: 100px;
}

.box {
    background-color: rgb(233,255,255);
    padding: 30px 20px;
    text-align: center;
    margin: 0px;
    border-left: solid 1px rgb(131,153,165);
    border-top: solid 1px rgb(131,153,165);
    border-bottom: solid 1px rgb(131,153,165);
    height:350px;
}

.last .box {
    border-right: solid 1px rgb(131,153,165);
}

.box h3 strong {
    font-size: 18px;
    font-weight: 200px;
}

.generalText {
    font-size: 18px;
    font-weight: 200px;
    text-align:justify;
}


.custom-page-intro {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    color: #AE5CA1;
    font-size: 24px;
    font-weight: 200px;
    text-align:justify;    
    font-style:italic;
}

.custom-page-body {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    color: #AE5CA1;
    font-size: 18px;
    font-weight: 200px;
    text-align:justify;    
}

.lb-lg {
  /*font-size: 1.05vw;*/
  font-size:18px;
}

.application-checkbox {width: 25px; height: 25px;}


.row-no-padding {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.btn-primary {
    background-image: none;
    border-color: #fff;
    background-color: #1D333F;
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active ,.btn-primary.active, .open .dropdown-toggle.btn-primary{
    background-color: #697F8B!important;
    border-color: #697F8B;
}



.application-overview-content{
    display: block !important;
    font-family: "Roboto",Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 15px !important;
    font-weight: 400;
    color: #58595b;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility;
    padding-top: 0.2em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Tabs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}