html,body {
margin :0;
padding :0;
height :100%;
}

.btn-info{
    background-color: #5ebc59 !important;
}


body{
  color:black;
 font-size :16px;
}

.container {
   min-height:100%;
   position:relative;
}

.message-red  {
  color:red!important;
  font-weight: 900;
}

.checkbox input[type="checkbox"]{
  top: -0px;
}
#wrong-password{
  display: none;
}


.width-10{
  width: 10%;
}
.width-100{
  width: 100%;
}

.border-menu{
  border:1px solid black;
}

.below-menu{
  position: relative;
  top: 10px;
  padding-bottom : 70px;
}

.big-menu-icon{
  font-size:6em;
}

td.table-border {
    font-size: 18px;
padding: 5px !important;
}

.center-text{
  text-align: center;
}

.barrel{
  display:none;
}

a.navbar-brand img {
    height: 60px;
}

.navbar-inverse {
    position: relative;
    height: 80px;
}


.navbar-inverse .navbar-collapse{
margin-top : 20px;
}

i.fa.fa-arrow-left , i.fa.fa-arrow-right {
    background: black;
    color: white;
    padding: 6px;
    border-radius: 38px;
}

.rotate-box-1.square-icon.wow.zoomIn.animated {
    border: 1px solid #898686;
    margin: 10px;
    padding: 10px;
    color: #222222;
    border-radius: 3px;
}

.rotate-box-info h4 {
    background: black;
    padding: 6px;
    color: white;
    margin-top: 17px;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
}
.login-btn{
background : #222222;
display : block;
border :none;
border-radius : 30px;
}

.login-btn:hover {
     background-color: #121010;
    }
    
.footer {
    padding: 25px;
    
    height : 70px;
   position : absolute;
    width :100%;
    background: #222222;
    color: white;
    text-align: center;
    
}
.btn-success {
    background-color: #076b38 !important;}
    
.table{
    border: 2px solid lightgray;
}

.col-lg-4.col-md-4.col-sm-12.col-xs-12 :hover {
    background: #f2f2f2;
}

.col-lg-4.col-md-4.col-sm-12.col-xs-12 h4:hover {
    background: #222222;
}
.logos {
    text-align: center;
}

.logos img {
    padding: 15px;
}
.footer i.fa {
    font-size: 30px;
    margin-right: 10px;
    color: white;
}

i.fa.fa-plus {
    background: #222222;
    color: white;
    padding: 6px;
    border-radius: 44px;
}

.loginbox{
  box-shadow: 0px 0px 6px 3px #2222221c;
    margin: 40px 0px 30px;
    padding: 20px;
   
}
@media only screen and (max-width: 600px){
td {
    padding: 2px !important;
    font-size: 20px !important;
 }
}

@media (max-width: 991px) {

body{

font-size : 20px;

}

.rotate-box-info h4 {
font-size :40px;
}
  .navbar-header {
    float: none;
  }

  .navbar-left, .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
 
.navbar-nav {
    text-align: center;
    }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 10px;
    font-size :30px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }
}