/* top banner start page - blue */
.navbar-inverse-blue {
    background-color: #1e8e99;
    border-bottom: 10px solid #023a4d;
    color: white;
}

/* top banner assessment - orange */
.navbar-inverse-orange  {
    background-color: #1e8e99;
    border-bottom: 10px solid #023a4d;
    color: white;
}

/* top banner form - green */
.navbar-inverse-green  {
    background-color: #1e8e99;
    border-bottom: 10px solid #023a4d;
    color: white;
}

.navbar-brand {
    float: left;
    height: 60px;
    padding: 21px 15px;
    font-size: 26px;
    line-height: 20px;
}

.navbar-inverse .navbar-brand {
    position: absolute;  bottom: 0;
}

.logo {
    padding: 10px 0px 10px 0px; 
}

.logo-container {
    background: white;
    height: 130px;
    width: 130px;
    float: right;
    text-align: center;
}

.starter-template {
    margin-top: 90px;
}

h1 {
    color: #023a4d;
}

p{ 
    font-size: 16px;
    color: #023a4d;
    line-height: 1.5;
    padding: 0px; 
}

li { 
    font-size: 16px;
    color: #023a4d;
    line-height: 1;
    padding: 5px 0px 5px 0px; 
}

hr {
    border: 1px solid #023a4d;
}

#buttonYellow {
    color: #ffffff;
    font-size: 18px;
    background-color: #ffa900;
    padding: 10px 10px 13px 5px;
    border-radius: 10px; 
}

#buttonYellow  a, a:hover, a:focus  {
    text-decoration:none;
    color: #ffffff;
}

#buttonGreen {
    color: #ffffff;
    font-size: 18px;
    background-color: #5ea954;
    padding: 10px 10px 13px 5px;
    border-radius: 10px; 
}
.buttonGreen{
    color: #ffffff;
    font-size: 18px;
    background-color: #5ea954;
    padding: 0px 10px 0px 45px;
    border-radius: 10px; 
    height: 44px;
    background-image: url("../images/arrow.png");
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

#buttonGreen a, a:hover, a:focus  {
    text-decoration:none;
    color: #ffffff;
}

#buttonBlue {
    color: #ffffff;
    font-size: 18px;
    background-color: #27acc4;
    padding: 10px 10px 13px 5px;
    border-radius: 10px; 
}

#buttonBlue a, a:hover, a:focus  {
    text-decoration:none;
    color: #ffffff;
}

#linkThree a, a:hover, a:focus {
    text-decoration: none;
    color: #007ad4;
}

.panel-heading1 {
    color: #023a4d;
    background-color: #fdb933;
    border-color: #ddd;
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
}

.panel-heading2 {
    color: #023a4d;
    background-color: #27acc4;
    border-color: #ddd;
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
}

.panel-heading3 {
    color: #023a4d;
    background-color: #f9843e;
    border-color: #ddd;
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading4 {
    color: #023a4d;
    background-color: #7cc473;
    border-color: #ddd;
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}
.panel-headingGrey{
    color: #023a4d;
    background-color: #e2e2e2;
    border-color: #ddd;
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
}


.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-body {
    padding: 15px;
}

.highlight {
background-color: #FDE2CC;
padding: 10px;
border: 2px solid #f9843e;
}

.big {
    font-weight: bold;
    color: #023a4d;  
    font-size: 21px;
}

.panel-title a {
    color: #023a4d; 
    font-size: 21px;
    text-decoration: none;
    font-weight: bold;
}
.panel-title .span {
    color: #023a4d; 
    font-size: 21px;
    text-decoration: none;
    font-weight: bold;
}
.panel-title a:hover{
    color: #024c65;  
    font-size: 21px;
    text-decoration: none;
}

.circle {
    color: #444f94;
    background-color: #ffffff;
    padding: 5px 15px 5px 10px;
    border-radius: 50px;
}

.banking table, th, td {
    border: 1px solid #023a4d;
    padding: 5px;
    font-size: 16px;
    color: #023a4d;
}

.banking tr.alt td {
    background-color: #c8f0f7;
}

.banking th {
    background-color: #5cc5d8;
}

#blocktext {
    border: 2px solid #ff9c00;
    padding: 20px;
}

#blocktextBlue {
    border: 2px solid #27acc4;
    padding: 20px;
}

#blocktextGreen {
    border: 2px solid #7cc473;
    padding: 20px;
}

#blocktextsmall {
    border: 2px solid #ff9c00;
    padding: 5px 10px 0px 10px;
}

#smalltext {
    font-size: 14px;
    color: #023a4d;
    line-height: 1.5;
    padding: 0px; 

}

.navbar-inverse {
    background-color: #5ea954!important;
    border-bottom: 10px solid #023a4d;
}

h3 {
    background-color: #5ea954!important;
    color: white!important;
    font-size: 22px!important;
    padding: 10px;
}

.tableForm{
    width: 100%;
}

.tableForm table, td, tr {
    border: none!important;

}

.tableForm input{
    width: 300px;
}

.tableForm tr:nth-child(even) {
    background-color: #e7e7e7;
}


.tableForm tr:nth-child(odd) {
    background-color: white;
}

/* Styles for form */

.form-group {
    /*background-color: #d3e8d0;*/
    border: 2px solid #5ea954;
    padding: 10px;
}

fieldset{
    border: 2px solid #000;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    margin-left:50px;
    margin-right:50px;
    width:inherit;
}
legend {
    width:inherit; 
    padding:0 10px;

}

.form-group.required .control-label:after { 
    color: #d00;
    content: "*";
}
h1{
    margin-left:5px;
}


h5{
    margin-left:50px;
}
.form-horizontal .control-label{
    text-align:left;
}

/* Styles for assessment */

#buttons-below {
    text-align: right;
    padding-right: 30px;
    padding-bottom: 30px;
}

.no-button {
    color: #ffffff;
    font-size: 18px;
    background-color: #c13600;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    border: none;
    width: 100px;
}

.yes-button {
    color: #ffffff;
    font-size: 18px;
    background-color: #5ea954;
    padding: 5px 5px 5px 5px;
    margin: 20px;
    border-radius: 10px;
    border: none;
    width: 100px;
}

.checkBoxDiv{
    position: relative;
    left: 25px;
}

.inComplete{
    border: 1px solid red;
}

#qualification {
    border-bottom: 1px solid #4295df!important;
    font-weight: bold;
    background: #e4f2ff;
    padding: 5px;
}

.radio label { 
    font-size: 16px;
    color: #023a4d;
    line-height: 1.5;
    margin-left: 15px; 
}