html,body{ height:100%}

body { 
	background: url(../img/doctor_appointment.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.navbar {
	color: #315952;
}

.form-container{
	padding: 6% 0 0 0;
}

.panel-default {
	margin-top:30px;
}
.form-group.last { margin-bottom:0px; }

.panel-default > .panel-heading{
	background: rgba(245,245,245,0.7);
	font-size: 20px;
}

.panel {
	background: rgba(255,255,255,0.9);
}
.panel-footer{
	background: rgba(245,245,245,0.7);
}

.navbar-brand {
	/*padding: 3px 0 0 0;*/
}

.navbar-brand > img{
	height: 45px;
}

.modal-backdrop{z-index: -1;}

#formNoClient, #formClient{
	display: none;
}

#username{
	margin: 0;
}

.step-description {
  background: white;
  padding: 5px 10px;
  border-radius: 3px;
}

/* Validation Classes */

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

    @media screen  
      and (max-device-width: 800px) {
          .navbar-brand {
            padding: 10px 5px;
            font-size: 20px;   
          }
          .navbar-brand > img {
                height: 30px;   
          }
    }

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 1s linear infinite;
    font-weight: bolder;
}

#dataLoader {
    text-align: center;   
}

@media screen  
  and (max-device-width: 800px) {
      .navbar-brand {
        padding: 10px 5px;
        font-size: 20px;   
      }
      .navbar-brand > img {
            height: 30px;   
      }
}

@media (min-width: 768px) {
    .col-md-5ths {
    .col-xs-2;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
    .col-sm-2;
    }
}

@media (min-width: 1200px) {
    .col-md-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-md-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        width: 20%;
        float: left;
    }
}