/*==============================================
    DASHBOARD STYLES     
    =============================================*/

.bg-color-blue {
background-color: #9A86EB;
color: #fff;
}
.no-boder {
border: 1px solid #f3f3f3;
}
.back-footer-blue {
background-color: #7479E6;
border-top: 0px solid #fff;
}
.title_count{
  margin: 0px !important;
}
.tile_count .tile_stats_count span{
  font-size:13px;
}
.tile_count .tile_stats_count .count_bottom i{
  width:12px;
}
.tile_count .tile_stats_count,ul.quick-list li{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tile_count .tile_stats_count{border-bottom:1px solid #D9DEE4;padding:0 10px 0 10px;position:relative}
.tile_count .tile_stats_count:before{content:"";position:absolute;left:0;height:65px;border-left:2px solid #ADB2B5;margin-top:10px}

@media (min-width:992px){
  .tile_count .tile_stats_count{margin-bottom:0px;border-bottom:0;padding-bottom:10px}
  .tile_count .tile_stats_count:first-child:before{border-left:0}}
  .tile_count .tile_stats_count .count{font-size: 23px;line-height:47px;font-weight:600}
}
@media (min-width:768px){
  .tile_count .tile_stats_count .count{font-size:20px}
}
@media (min-width:992px) and (max-width:1100px){
.tile_count .tile_stats_count .count{font-size:20px}
}
.tile_count .tile_stats_count span{font-size:12px}
@media (min-width:768px){
  .tile_count .tile_stats_count span{font-size:13px}
}
.tile_count .tile_stats_count .count_bottom i{width:12px}

/*==============================================
    BOOTSTRAP STYLE CHANGES     
    =============================================*/
.progress {
     border-radius: 0px;
  -webkit-border-radius:  0px;
-moz-border-radius: 0px;
}
.image-user {
  height: 30px;
  width: 30px;
  border-radius: 45px;
  border: 1px solid #ccc;
}
.login {
    border: 1px #e2e2e2;
    background-color: #e2e2e2;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 15%;
    min-width: 100px;
    min-height: 200px;
    text-align: center;
}
.readonly{
  cursor: not-allowed;
  box-shadow: none;
  opacity: .65;
}
.fade-in{
    position: relative;
    animation: fade 2s;
}
@keyframes fade{
    0% {
        top: -100px;
    }
    100%{
        top: 0px;
    }
}
.fade-login{
    position: relative;
    animation: down 0.7s;
}
@keyframes down{
    0% {
        top: -100px;
        opacity: -1;
    }
    100%{
        top: 0px;
        opacity: 1;
    }
}
.fade-div-login{
    position: relative;
    animation: div-login 0.7s;
}
@keyframes div-login{
    0% {
        height: 165px;
    }
    100%{
        height: 265px;
    }
}
.display{
  display: none;
}
.menuativado{
  background: #F3F3F3;
  outline: 0;
}
.rotate{
  transform: rotate(45deg);
}
/*==============================================
    MEDIA QUERIES     
    =============================================*/
 
 @media(min-width:768px) {
    .desktop{ display: none !important; 
    }   
    .tb-right{
      position: relative;
      min-height: 1px;
      padding-right: 0px;
    }
    .tb-left{
      position: relative;
      min-height: 1px;
      padding-left: 0px;
      max-width: 50% !important;
    }
    .widget{
      overflow: auto;
      margin-top: 50px;
      width: 100%;
      position: absolute;
      z-index: 9999;
    }
    .body{
      margin-top: 175;
    }
}
 @media (max-width: 767px) {
    .mobile{ display: none !important; 
    }
    .blank-page{
    margin-left: 0px;
    }  
}

/*==============================================
    Loading    
    =============================================*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #3b4d71;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 5px;
}

/*==============================================
    Cores    
    =============================================*/
.blue {
  color:#3498DB
}
.purple {
  color:#9B59B6
}
.green {
  color:#1ABB9C
}
.aero {
  color:#9CC2CB
}
.red {
  color:#E74C3C
}
.dark {
  color:#34495E
}
.blue{
  color:#3b4d71
}
/*==============================================
    Select2    
    =============================================*/

.form-control .select2-choice {
    border: 0;
    border-radius: 2px;
}

.form-control .select2-choice .select2-arrow {
    border-radius: 0 2px 2px 0;   
}

.form-control.select2-container {
    height: auto !important;
    padding: 0px;
}

.form-control.select2-container.select2-dropdown-open {
    border-color: #ccc;
    border-radius: 3px 3px 0 0;
}

.form-control .select2-container.select2-dropdown-open .select2-choices {
    border-radius: 3px 3px 0 0;
}

.form-control.select2-container .select2-choices {
    border: 0 !important;
    border-radius: 3px;
}

.progress {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 0px;
    z-index: -1;    
    background: #8F8;    
    transition:left 1s;
}