/*
Copyright 2020 Google LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

 @import url('https://fonts.googleapis.com/css?family=Cabin|Roboto');
#navbarText {
    z-index: 3;
}

table.simpletable {
  margin-top:15px;
  border-collapse:collapse;
  border:1px solid #aaa;
  width:60%;
  align:center;
}
table.simpletable th {
  vertical-align:baseline;
  padding:5px 15px 5px 6px;
  background-color:#3F3F3F;
  border:1px solid #3F3F3F;
  text-align:center;
  color:#fff;
}
table.simpletable td {
  vertical-align:text-top;
  padding:6px 15px 6px 6px;
  border:1px solid #aaa;
  text-align:center;
}
table.simpletable tr:nth-child{
  background-color:#F5F5F5;
}

 .navbar{
     z-index:0;
     position: static;
}

 #aa{
     position: relative;
}

.headerGoogle {
    line-height: 1.9em;
    text-align: right;
    display: block;
    height: 23px;
    position: relative;
    text-decoration: none;
    font-family: Georgia,'Palatino Linotype',Palatino,'Book Antiqua',serif;
}

.top {
    margin-top: 7px;
    font-size: 33px;
    text-align: left;
    display: block;
    position: relative;
    color: #143679;
    text-decoration: none;
    font-family: "quadon","Georgia",serif;
}

.bottom {
    margin-left: 1px;
    margin-top: -9px;
    font-size: 15px;
    text-align: left;
    display: block;
    position: relative;
    color: #143679;
    text-decoration: none;
    font-family: "quadon","Georgia",serif;
}

#foot_img {
     display: inline-block;
    vertical-align: middle;
}

#loginContainer {
    background-image: url(../images/bg-ground.jpg);
    padding-top: 5%;
    padding-bottom: 18%;
}

.loginCard {
    padding: 10px;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 2px 2px 2px 10px;
    border-color: rgb(108, 154, 195);
    margin-left: 20%;
    margin-right: 20%;
}
 #partner{
     font-size: 24px;
     font-family:'Merriweather Sans', sans-serif;
     text-shadow:1px 1px;
}
 .customContainer{
     margin-left: 5%;
     margin-right:5%;
}
 .carousel-caption{
     font-size:30px;
     font-weight:bold;
}

.btn1 {
    border: 3px solid #000000
    cursor: pointer;
    display: inline-block;
    font: 700 12px/1 "gentona", "Georgia", serif;
    letter-spacing: 2px;
    padding: 15px 20px;
    text-transform: uppercase;
    background: none;
    color: #000000;
    border-radius: 0px !important;
}
.btn1:hover {
    background: #000000;
    color: #FFFFFF;
}

.btn1:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

label #login_label {
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 20px;
    line-height: 1;
    font-family: Verdana, Geneva, sans-serif;
    color: rgba(51, 49, 50, 0.6);
}

form input[type='text'], form input[type='password'], form textarea {
    background: #e8f0fe;
    color: #000000;
    display: inline-block;
    border: 0px solid;
    font-family: "quadon","Georgia",serif;
    letter-spacing: 1px;
    margin: 0 -2px;
    padding: 17px 20px 16px;
    vertical-align: top;
    width: 100%;
}

form input[type='text']:focus, form input[type='password']:focus, form textarea:focus {
    background: #e8f0fe;
    border: 2px solid #2177F3;
    color: #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-family: "quadon","Georgia",serif;
    letter-spacing: 1px;
    margin: 0 -2px;
    padding: 17px 20px 16px;
    vertical-align: top;
    width: 100%;
}

form input[type='text']:hover, form input[type='password']:hover, form textarea:hover {
    background: #e8f0fe;
    border: 2px solid #2177F3;
    color: #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-family: "quadon","Georgia",serif;
    letter-spacing: 1px;
    margin: 0 -2px;
    padding: 17px 20px 16px;
    vertical-align: top;
    width: 100%;
}

 body, h1, h2, h3, h4 {
     font-family: 'Merriweather Sans', sans-serif;
     font-weight:500;
}
 .navbar {
     margin-bottom: 0px;
     border: 0px;
}
 .navbar-default {
     background-color: #0021A5;
     border-radius: 0px;
}
 .navbar-default .navbar-nav > li > a {
     color: white;
     font-size: 1.2em;
     height: 54px;
}
 .navbar > a {
     color: white;
     font-size: 1.2em;
     height: 54px;
}
 .nav-link {
     color: white;
     font-size: 1.0em;
}
 .navbar-default .navbar-nav>li>a:focus {
     color: white;
}
 .navbar-default .navbar-nav>li>a:hover {
     color: burlywood;
}
 .navbar ul{
     float:left;
}
.nav-item {
    margin-left:20px;
    margin-right: 20px;
}
.nav-item:hover {
    background-color: #16284C;
}
.nav-item>a:hover {
    color: #FFFFFF;
}

.nav-item2:hover {
    color: white !important;
}

 .navbar-collapse {
     padding-left: 0px;
}
 .navbar-brand {
     padding: 0px;
}
 .navbar-brand > img{
     height:100%;
     padding: 7px 20px;
     width: auto;
}
 #mobileHeader{
     display:none;
}
 .navbar-nav>li>.dropdown-menu {
     margin-left: -1px;
}
 .dropdown-menu {
    background-color: #383434;
    ;
}
 .dropdown-menu > a{
     padding: 10px 10px;
     color: white;
     font-size: 1.0em;
}
 .dropdown-menu > li > a {
     padding: 10px 10px;
     color: white;
     font-size: 1.0em;
}
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
     color: black;
}
 .bgimage{
     background-color: #0021A5;
     background-position:center center;
     background-size: cover;
     height: 280px;
     margin-top:50px;
}
 .bgimage .col-sm-4{
     margin-top:30px;
}
 .bannerheading{
     margin-top:75px;
     text-align:center;
}
 .bannerheading h1{
     color: white;
}
 .bannerheading h2{
     color: yellow;
}
 .headerbox {
     background-color: #607D8B;
}
 #footer{
    float:left;
    width:100%;
    color:#FFFFFF;
    font-size:85%;
    padding:10px 0px 15px 0px;
    text-align:center;
    background-color: #1265E5;
}
 #footer a{
    color:#FFFFFF;
}
 #footer a:hover{
    color:#1265E5;
}
 #footer ul{
    padding-right:390px;
}
 #footer ul a:hover{
    color:#1265E5;
}
 #footer li{
    display:inline;
    padding-right:1px;
    padding-top:15px;
    font-size:95%;
}
 .margin5{
    margin:5px !important
}
 .marginTop5{
    margin-top:5px !important
}
 .marginBottom5{
    margin-bottom:5px !important
}
 .marginRight5{
    margin-right:5px !important
}
 .marginLeft5{
    margin-left:5px !important
}
 .footer {
     background-color: #1265E5;
     width: 100%;
     border-top: 1px solid #1265E5;
     min-height: 150px;
     color: #1265E5;
     padding-bottom: 15px;
}
 .footer2 {
     margin-top: 15px;
     border-top: 1px solid #1265E5;
     border-width: thin;
     padding-left: 10px;
     width: 100%;
     font-size: 11px;
}
 .footer2 ul li a:link, .footer2 ul li a:visited {
     text-decoration: none;
     color: #1265E5;
}
 .footer2 ul li a:hover {
     text-decoration: underline;
     color: #1265E5;
}
 .footer2 ul {
     list-style-type: none;
     padding-left: 0 !important;
     margin-bottom: 5px;
}
 .footer2 ul li {
     display: inline;
     border-left: 1px solid #1265E5;
     padding-left: 10px;
     margin-left: 10px;
}
 .footer2 ul li:nth-child(1) {
     border-left: 0;
     padding-left: 0;
     margin-left: 0;
}
 .footlogo {
     margin-top: 25px;
}
 .index-content a:hover{
     color:black;
     text-decoration:none;
}
 .index-content{
     margin-bottom:20px;
     padding:50px 0px;
}
 .index-content .row{
     margin-top:20px;
}
 .index-content a{
     color: black;
}
 .index-content .card{
     background-color: #FFFFFF;
     padding:0;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius:4px;
     box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
 .index-content .card:hover{
     box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
     color:black;
}
 .index-content .card img{
     width:100%;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
 .index-content .card h4{
     margin:20px;
}
 .index-content .card p{
     margin:20px;
}
 .index-content .blue-button{
     width: 100px;
     -webkit-transition: background-color 1s , color 1s;
     transition: background-color 1s , color 1s;
     min-height: 20px;
     background-color: #002E5B;
     color: #ffffff;
     border-radius: 4px;
     text-align: center;
     font-weight: lighter;
     margin: 0px 20px 15px 20px;
     padding: 5px 0px;
     display: inline-block;
}
 .index-content .blue-button:hover{
     background-color: #dadada;
     color: #002E5B;
}
 input {
     outline: none;

}
 .carousel-caption {
     left: 5%;
     text-align: left;
     background-color: transparent;
     max-width: 550px;
     right:  auto;
     padding:5px;
}

 .btn-outlined.btn-success {
     background: none;
     border: 3px solid #5cb85c;
     color: #5cb85c;
}
 .btn-outlined.btn-success:hover, .btn-outlined.btn-success:active {
     color: #FFF;
     background: #47a447;
}
 .btn-outlined.btn-info {
     background: none;
     border: 3px solid #5bc0de;
     color: white;
     padding-left: 90px;
}
 .btn-outlined.btn-info:hover, .btn-outlined.btn-info:active {
     color: #FFF;
     background: #EEF9EE;
     padding-left: 90px;
}
body {
    background:#f9f9f9;
}
.header-top {
    box-shadow: 0 3px 5px rgba(0,0,0,.1)
}