/*
Template Name: Ubold Dashboard
Author: CoderThemes
Email: coderthemes@gmail.com
File: Responsive
*/
@media only screen and (max-width: 6000px) and (min-width: 700px) {
  .wrapper.right-bar-enabled .right-bar {
    right: 0;
    z-index: 99;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .email-msg {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    overflow-x: hidden;
  }
}
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
  .mobile-sidebar {
    left: 0px;
  }
  .mobile-content {
    left: 250px;
    right: -250px;
  }
  .wrapper-page {
    width: 90%;
  }
  .wizard > .steps > ul > li {
    width: 100%;
  }
  .wizard > .content {
    padding: 0px !important;
  }
  .wizard > .content > .body {
    float: none;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0%;
  }
  .wizard.vertical > .steps {
    display: inline;
    float: none;
    width: 100%;
  }
  .wizard.vertical > .content {
    display: inline;
    float: none;
    margin: 0%;
    width: 100%;
  }
  .navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    left: auto;
    position: absolute;
    right: 0;
  }
  .todo-send {
    margin-top: 10px;
    padding-left: 15px;
  }
  .chat-inputbar {
    padding-left: 15px;
  }
  .chat-send {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .dataTables_wrapper .col-xs-6 {
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .side-menu {
    z-index: 10 !important;
  }
  .button-menu-mobile {
    display: block;
  }
  .search-bar {
    display: none !important;
  }
  .side-menu.left {
    top: 110px;
  }

}
@media only screen and (min-width:600px) and (max-width:2500px){
    #ocultarweb{display:none!important;}
}

@media only screen and (min-width:100px) and (max-width:599px){
    #ocultarmovil{display:none!important;}
}

@media (max-width: 420px) {
  .hide-phone {
    display: none !important;
  }
}
/* Container-alt */
@media (min-width: 768px) {
  .container-alt {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-alt {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-alt {
    width: 1170px;
  }
}
@media (max-width: 600px) {
    
    img#logocliente {
    margin-top: 0px!important;}
    
    .titleinterno{font-size: 20px;
    color: #000;
    margin-bottom: 34px;}
    
  .ocultarimg{display:none}
  
  .topbar-left {
    width: 70px !important;
  }
  .logo .icon-c-logo {
    display: inline-block !important;
  }
  .logo span {
    display: none !important;
  }
  .menuflotante2 {
    top: 18px;
    right: 20px;}
    
    .menuflotante {
        top: 52px;
        right: 0px;
    }    
    .page-title {
    margin-top: 24px;}
    
    #observaa .jHtmlArea {
    width: 100%!important;
    height: 150px;
    overflow-y:scroll;     
    }
    
    #observaa  .ToolBar {
    display: none!important;}
    
    #observaa textarea#txtConcepto {
    display: block!important;}
    
    #observaa textarea#txtDetalle {
    display: block!important;}
    
    #observaa textarea#txtObservacion{
    display: block!important;}
    
    #observaa  textarea#txtobservacion{
    display: block!important;}
    
   #observaa2 iframe{
    width: 100%!important;}
    
    #observaa2 .jHtmlArea {
    width: 100%!important;
    height: 500px;
    overflow-y:scroll; }
    
    #observaa2  .ToolBar {
    display: none!important;}
    
    #observaa2 textarea#txtConcepto {
    display: block!important;}
    
    #observaa2 textarea#txtDetalle {
    display: block!important;}
    
    #observaa2 textarea#txtObservacion{
    display: block!important;}
    
    #observaa2  textarea#txtobservacion{
    display: block!important;}
    
    img#logocliente {
    position: fixed;
    top: 17px;
    right: 20px;}
    
    .recuadros {
    width: 100%!important;}
    
}

@media only screen and (min-width:601px) and (max-width:3000px){
    .mostrarimg{display:none;}
}

.ajustarimputsearch{float:left; width:30%; margin-right:10px}
.diviv{background-color: #0080bd; padding: 10px 50px}
.btnflotnate{display:none;}
.btnflotnate2{display:none;}
.btnflotnate3{display:none;}
.btnver{display:none;}



@media only screen and (min-width:100px) and (max-width:999px){
    .ajustarimputsearch{float:left; width:98%; margin-right:0px}
    .diviv{padding: 10px 5px}
    .btnflotnate{display:initial; position: fixed; bottom: 0px; left: 0px; width: 50px; height: 50px; background-color: #0082AD;color: #fff; font-size: 24px; font-weight: 700; text-align: center; padding-top: 11px;z-index:99999999999; border-radius: 25px;}
    .btnflotnate2{display:initial; position: fixed; bottom: 50px; left: 0px; width: 50px; height: 50px; background-color: #F79100;color: #fff; font-size: 24px; font-weight: 700; text-align: center; padding-top: 11px;z-index:99999999999; border-radius: 25px;}
    .btnflotnate3{display:initial; position: fixed; bottom: 110px; left: 0px; width: 50px; height: 50px; background-color: #0FA243;color: #fff; font-size: 24px; font-weight: 700; text-align: center; padding-top: 11px;z-index:99999999999; border-radius: 25px;}
    .btnver{display:initial}
    a.dropdown-toggle.profile { line-height: 31px!important;}
    .left.side-menu { top: 72px!important;}
    .btnnn1 {padding: 25px 0px 25px 10px!important; margin-bottom:7px!important;font-size: 18px!important;}
    .btnnn2 {padding: 25px 0px 25px 10px!important;font-size: 18px!important;}
    .btnnn3 {padding: 20px 0px 20px 10px!important;margin-bottom:7px!important;font-size: 18px!important;}
    .btnnn4 {padding: 20px 0px 20px 10px!important;font-size: 18px!important;}
    
}