.navbar-default.sidebar{
    background-color: #212121;
}
.navbar-default.sidebar a{
    color: #fff !important;
}
.sidebar ul li a.active {
    background-color: #666!important;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: #666!important;
}

body{
    font-family: "Segoe UI",Segoe,Tahoma,Helvetica,Arial,Sans-Serif,SegoeUI-Regular-final;
    margin-bottom: 0px;
}
.navbar-brand {
    padding: 0px 15px;
}
.rights {
    margin-top:5px;
    font-size:12px;
    padding-bottom:3px;
    text-align: right;
}
.navbar{
    min-height: 80px;
}
.navbar-brand img{
        max-width: 231px;
    }
.h1, h1 {
    font-size: 32px;
}
.proxTurnos a{
    font-size: 12px;
}
.proxTurnos a b{
    font-size: 14px;
}

@media (min-width: 1200px){
   /* html, body, #wrapper, #page-wrapper{
        height: 102%;
    }*/
}

@media (min-width: 768px){
    .sidebar {
        margin-top: 79px;
    }
    .navbar-brand img{
        max-width: 278px;
    }
    .h1, h1 {
        font-size: 36px;
    }
    .proxTurnos a{
        font-size: 14px;
    }
    .proxTurnos a b{
        font-size: 14px;
    }
    
}

.navbar-default{
    background-color: #ffffff;
}
.nav>li>a>img {
    margin-right: 10px; 
}
.nav>li>a{
    font-size: 16px;
}
.footer{
    background-color: #ffffff;
    border-color: #e7e7e7;
}
.footer {
position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
  background-color: #f5f5f5;
}
.navbar-toggle{
    margin-top: 20px;
    margin-bottom: 20px;
}

.navbar-top-links {
    text-align: center;
    font-size: 15px;
}
@media (min-width: 768px){
.navbar-right {
    float: right !important;
    margin-top:26px;
    }
}
.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}
.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .65em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}
.floating-label-form-group input, .floating-label-form-group textarea, .floating-label-form-group select {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: none;
    border-radius: 0;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    color: #3d88e0;
}
.btn-success:hover{
    color: #fff;
    background-color: #666!important;
    border-color: #666!important;
}
.btn-success{
    color: #fff;
    background-color: #212121;
    border-color: #212121;
    margin-top: 5px;
    width: 120px;
}
.search-bar .btn{
    height: 30px;
}
.search-bar input{
    height: 30px;
}
.panel-default>.panel-heading {
    font-size: 20px;
    background-color:white;
}
.appointment-bar btn{
    padding-top: 3px;
    padding-bottom: 3px;
}
select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../../img/arrow_down.png);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}
.floating-label-form-group select {
    padding-top: 2px;
}
.select-line {
    height: 58px;
}
.cs-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.loadingModal {
    top:45%;
}
.modal-backdrop.in {
    opacity:0.98;
}
.loadingModal .modal-content{
    border:none;
}
.cs-loader-inner {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: 100%;
  color: #FFF;
  padding: 0 100px;
  text-align: center;
}

.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display:inline-block;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }


.inputdemoErrors .inputErrorsApp {
  min-height: 48px; }

.inputdemoErrors md-input-container > p {
  font-size: 0.8em;
  text-align: left;
  width: 100%; }
md-input-container {
    margin-bottom:10px;
}
md-input-container .md-errors-spacer{
    min-height:0px;
}
.alert-danger, .alert-success {
    border:none;
}
.alert{
    border-radius:0px;
}
.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
  .selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
  .selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
  .selectdemoSelectHeader md-content._md {
    max-height: 240px; }

.control-group{
    padding:0px 15px;
}
#wrapper{
    background: #212121;
}
.ng-table-pagination, .ng-table-counts button {
    margin-top:10px !important;
}
.user-menu {
    padding:3px;
    font-size:13px !important;
    color:black !important;
}
.nav>li>a.user-menu:hover {
    background-color:transparent !important;
}