body {
    font-family: 'Lato';
    padding-top: 80px;
}

.school-thumnail {
  position: relative;
  top: -7px;
  float: left;
  left: -5px;
  height: 35px;
  width: 35px;
}

.fa-btn {
    margin-right: 6px;
}


.navbar-default {
  background-color: #ffffff;
  border-color: #a2d6ff;
}
.navbar-default .navbar-brand {
  color: #5a5a5a;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #0016bd;
}
.navbar-default .navbar-text {
  color: #5a5a5a;
}
.navbar-default .navbar-nav > li > a {
  color: #5a5a5a;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0016bd;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #5a5a5a;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #0016bd;
  background-color: #a2d6ff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #a2d6ff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #0016bd;
  background-color: #a2d6ff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #0016bd;
  background-color: #a2d6ff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #0016bd;
  background-color: #a2d6ff;
}
.navbar-default .navbar-toggle {
  border-color: #a2d6ff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #a2d6ff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #5a5a5a;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #5a5a5a;
}
.navbar-default .navbar-link {
  color: #5a5a5a;
}
.navbar-default .navbar-link:hover {
  color: #0016bd;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #5a5a5a;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #0016bd;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0016bd;
    background-color: #a2d6ff;
  }
}
.navbar {
    -webkit-box-shadow: 0 3px 3px -3px #999;
    -moz-box-shadow: 0 3px 3px -3px #999;
    box-shadow: 0 3px 3px -3px #999;

    /* the rest of your styling */
}

nav .navbar-brand {
  font-size: 23px;
}
nav .navbar-toggle {
  margin: 13px 15px 13px 0;
  transition: all 0.3s ease;
}
nav a {
  font-size: 15px;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  transition: all 0.3s ease;
}

nav.navbar.shrink {
  min-height: 35px;
}
nav.navbar.shrink .navbar-brand {
  font-size: 20px;
}
nav.navbar.shrink a {
  font-size: 13px;
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}
nav.navbar.shrink .navbar-toggle {
  margin: 15px 15px 15px 0;
  padding: 4px 5px;
  transition: all 0.3s ease;
}

.btn, .form-control, .label, .alert, .input-group-addon {
  border-radius: 0 !important;
}
.alert {
    border-style: none !important;
}
.left{
  float: left;
}
.right{
  float: right;
}

.text-muted {
    color: #777;
}
.well {
  background-color: #ffffff;
}
.shadow {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.6) !important;
  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.6) !important;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.6) !important;
}
.shadow-without-bottom {
  -webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.6);
  box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.6);
}
.panel-heading {
  font-weight: bold;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.panel, .well, .table-responsive{
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5) !important;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5) !important;
    border-radius: 0px !important;
    border: 0px solid transparent !important;
}
.panel-default>.panel-heading {
    color: #fff !important;
    background-color: #0097a7 !important;
    border-color: #ddd;
}
.btn-primary, .panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #3949ab;
    border-color: #3949ab;
}
.btn-success, .panel-success>.panel-heading {
    color: #ffffff;
    background-color: #4caf50;
    border-color: #4caf50;
}
.btn-info, .panel-info>.panel-heading {
    color: #000051;
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.btn-warning, .panel-warning>.panel-heading {
    color: #fff;
    background-color: #f2711c;
    border-color: #CE5810;
}
.btn-warning:hover {
    background-color: #CE5810;
    border-color: #CE5810;
}
.link {
    text-decoration: none !important;
}
.bold {
    font-weight: bold;
}
.deleteModalHeader, .btn-danger, .panel-danger>.panel-heading {
    color: #ffffff;
    background-color: #f44336;
    border-color: #f44336;
}
.tab-content{
    padding: 10px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.6) !important;
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.6) !important;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.6) !important;
    border-radius: 0px !important;
}

.pagination > li, .pagination>li:first-child>a, .pagination > li:first-child > span, .pagination>li:last-child>a, .pagination>li:last-child>span {
  border-radius: 0px !important;
}

.progress-bar-period {
    background-color: #f00;
}
.progress, .progress>.progress-bar, .progress .progress-bar, .progress>.progress-bar .progress-bar {
    border-radius: 0px !important;
}
.table>thead>tr>th {
    border-bottom: 3px solid #ddd !important;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #3C8DBC !important;
    vertical-align: middle !important;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table>thead th {
    background-color: #3C8DBC !important;
    color: white !important;
}
.table>tbody td {
    background-color: #FFFFFF !important;
}
.table-responsive {
        overflow-x: visible; 
}

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #00a65a;
}

.modal-header-primary {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
}

.modal-header-danger {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #dd4b39;
}

.margin-top {
    margin-top: 20px;
}
.center{
    margin: auto !important;
}

.btn-brown {
    background: #965A33;
    color: #fff;
}
.btn-brown:hover {
    background: #A52A2A;
    color: #fff;
}
.btn-grey {
    background: #A0A0A0;
    color: #fff;
}
.btn-grey:hover {
    background: #828282;
    color: #fff;
}
.btn-dark {
    background: #000000;
    color: #fff;
}
.btn-dark:hover {
    background: #262829;
    color: #fff;
}
.btn-violet {
    background: #6435c9;
    color: #fff;
}
.btn-violet:hover {
    background: #592AB9;
    color: #fff;
}
@media (min-width: 767px) {
  .container-fluid > .row, .navbar {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.footer {
  background-color: #2f2f2f;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.footer a {
  color: #fff;
  font-size: 17px;
}

.featurebox {
  background: #fefefe;
  color: #555;
  min-height: 230px;
}
.featurebox:hover {
  background: #EDEDED;
  transition: 0.5s;
  transition-timing-function: ease-in-out;
  cursor: pointer;
}

/*social icons css*/
.fa-social {
  padding: 13px;
  font-size: 20px !important;
  width: 45px;
  height: 45px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.5;
    transition: .5s;
}

.facebook-footer {
  background: #3B5998;
  color: white;
}

.twitter-footer {
  background: #55ACEE;
  color: white;
}

.google-footer {
  background: #dd4b39;
  color: white;
}

.linkedin-footer {
  background: #007bb5;
  color: white;
}

.youtube-footer {
  background: #bb0000;
  color: white;
}

.instagram-footer {
  background: #125688;
  color: white;
}
.data-box-monogram {
  width: 120px;
  height: 120px;
  border: 1px solid #555;
  padding: 2px;
}