.only-responsive {
  display: none !important;
}
@media (max-width: 1440px) {
  .dounut-chart {
    padding: 60px 30px 30px 10px;
  }
}
@media (max-width: 1049px) and (min-width: 992px) {
  .margin-botton-9 {
    margin-bottom: 10px;
  }
  .margin-left-btn {
    width: 163px !important;
  }
  .widget .row > div.row {
    padding-left: 10px !important;
  }
}
@media (max-width: 1920px) and (min-width: 1366px) {
  .main-content {
    padding: 40px 40px 40px 290px !important;
  }
  .widget .row > div.row {
    padding-left: 10px !important;
  }
}
@media (max-width: 1366px) {
  .flat-chart-detail {
    padding: 0 30px;
  }
  .quick-all-report {
    padding: 35px 20px;
  }
  .support-ticket-sec {
    padding: 30px 0 30px 20px;
  }
  .support-ticket > li {
    padding: 20px 10px 20px 0;
  }
  .side-menu-sec {
    width: 246px !important;
  }
  .main-content {
    padding: 30px 30px 30px 276px;
  }
  .weather-infos {
    padding: 0 20px;
  }
  .weather-infos > h3 {
    float: left;
    width: 100%;
  }
  .weather-infos {
    margin-top: 50px;
  }
  .dounut-chart {
    padding: 60px 30px 30px 0;
  }
  .carousal-widget ul li {
    padding: 66px 50px;
  }
  #vmap {
    float: left;
    width: 100%;
  }
  .logo {
    padding-left: 20px;
  }
  .search-dashboard > form {
    width: 204px;
  }
  .quick-flat-chart > span {
    padding-left: 20px;
  }
  .quick-flat-chart > p {
    margin-right: 20px;
  }
  .graph-container {
    padding: 0 20px;
  }
  .task-graph-chart .pie-colours {
    left: 20px;
  }
  .task-graph-chart {
    padding-left: 105px;
  }
  .widget-title > h3 {
    font-size: 16px;
  }
  .profile-widget-head > h3 {
    font-size: 18px;
  }
  .weather-infos > h3 {
    font-size: 18px;
  }
  .dounut-chart > #sparkline {
    overflow: hidden;
  }
  .admin-follow > ul > li {
    padding: 0 10px;
  }
  .admin-follow {
    padding: 47px 20px;
  }
  .our-clients-sec {
    padding: 40px 30px;
  }
  .quick-report-widget.style2 {
    padding: 30px 25px;
  }
  .heading-profile > h2 {
    font-size: 22px;
  }
  .widget-controls {
    position: absolute;
    right: 0;
    top: -1px;
  }
  .widget-controls > span {
    font-size: 10px;
    height: 26px;
    line-height: 24px;
    width: 27px;
  }
  .social-activities > ul > li {
    width: 50%;
  }
  #indicatorContainerWrap2 {
    float: left;
    position: relative;
    right: 26px;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  .blog-info > h2 {
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 11px;
  }
  .blog-info > p {
    padding-right: 0;
  }
  .team .team-info-sec {
    padding: 20px;
  }
  .team-info > h3 {
    font-size: 16px;
  }
  .square-infos {
    padding: 50px 30px;
  }
  .square-infos > i {
    font-size: 39px;
    margin-bottom: 6px;
  }
  .square-infos > h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 14px 0 8px;
  }
}
@media (max-width: 1200px) {
  /*.side-menu-sec {
       left: -246px;
      }*/
  .main-content {
    padding: 30px 30px 30px 30px;
  }
  .main-content.menu-slide {
    padding-left: 30px;
  }
  .side-menu-sec.slide-out {
    left: 0;
  }
  .side-menus {
    margin-bottom: 40px;
  }
  .logo {
    margin-right: 30px;
  }
  .search-dashboard {
    margin-left: 40px;
  }
  .logo {
    margin-right: 0;
  }
  .quick-notify-section > li > span {
    width: 60px;
  }
}
@media (max-width: 980px) {
  .logo {
    margin-right: 20px;
    padding: 18px 30px 18px 30px;
  }
  .search-dashboard {
    margin-left: 20px;
  }
  .search-dashboard > form {
    width: 194px;
  }
  .custom-dropdowns {
    margin: 9px 0 0 20px;
  }
  .name-area {
    margin-right: 20px;
  }
  .quick-notify-section > li > span {
    width: 60px;
  }
  .main-title-sec > .row > div.col-md-3 {
    float: left;
    width: auto;
  }
  .main-title-sec > .row > div.col-md-9 {
    float: right;
    width: auto;
  }
  .quick-all-report {
    padding: 30px;
    margin-top: -30px;
  }
  .quick-all-report > .row > div {
    float: left;
    width: 33.333%;
  }
  .quick-all {
    margin-top: 30px;
  }
  header.simple-normal {
    z-index: 2;
  }
  .quick-flat-chart .graph-container canvas {
    float: left;
    width: 100%;
  }
  .dounut-chart {
    padding: 30px;
  }
  .visit-table {
    padding: 30px;
  }
  .carousal-widget {
    min-height: 276px;
  }
  .support-ticket-sec {
    position: relative;
    z-index: 1;
  }
  .double-chart {
    padding: 30px;
  }
  .statistics-report {
    text-align: center;
  }
  .statistics-report > li {
    display: inline-block;
    float: none;
  }
  .all-mail {
    margin-top: 40px;
  }
  .bootstrap-tabs {
    float: left;
    width: 100%;
  }
  .tab-group section.active {
    height: auto;
    opacity: 1;
  }
  .rad-cntnt {
    vertical-align: inherit;
  }
  .widget .row > div.top {
    margin: 0 0 14px;
    padding: 0 10px;
  }
  .widget .row > div.keys > div {
    float: left;
    width: 25%;
  }
  .gallery-sec > .row > div {
    float: left;
    width: 50%;
  }
  .main-title-sec > .row > div.col-md-3 {
    width: 30%;
  }
  .heading-profile > h2 {
    font-size: 22px;
  }
  .heading-profile > span {
    font-size: 13px;
  }
  .blog-sec > .row > div {
    float: left;
    width: 50%;
  }
  .blog-info > h2 {
    font-size: 19px;
    line-height: 27px;
    margin: 0 0 4px;
  }
  .blog-sec > .row > div.col-md-12 {
    float: left;
    margin-top: 40px;
    width: 100%;
  }
  .contact-form > form .row > div {
    float: left;
    width: 100%;
  }
  .team-sec > .row > div {
    float: left;
    width: 50%;
  }
  .themify-icons-list > .icons-main-section > .icons-container {
    float: left;
    width: 50%;
  }
  .cart-item-quantity {
    width: 200px;
  }
  .flat-btn {
    font-size: 15px;
    padding: 16px 19px;
  }
  .billing-sec > .row > div {
    float: left;
    width: 100%;
  }
  .account-sec .contact-sec > .row > div {
    float: left;
    width: 100%;
  }
  .more-option {
    display: none;
  }
  .account-form > form > .row > div {
    float: left;
    width: 100%;
  }
  .creat-an-account {
    margin-top: 30px;
    padding: 0;
  }
  .account-detail {
    margin-bottom: 40px;
  }
  .name-area > a strong {
    display: none;
  }
  .quick-btn-title > a {
    margin: 0 10px;
    padding: 10px 0;
  }
  .date-range {
    padding: 10px 15px;
  }
  .main-content-area > .row > div {
    width: 100%;
    float: left;
    width: 100%;
  }
  .main-content-area > .row > div.col-sm-6 {
    width: 50%;
  }
  .btn-toolbar > .btn-group {
    height: 40px;
  }
  body.modal-open header {
    z-index: 1;
  }
  #connected > div {
    float: left;
    width: 50%;
  }
  .heading-profile > h2 {
    font-size: 18px;
  }
  .top-bar-chart {
    float: right;
    margin-left: 10px;
  }
  .bar-chart-details > p {
    font-size: 12px;
  }
  .widget-content {
    padding: 30px 20px 40px;
  }
  .portfolio-sec > li {
    float: left;
    width: 50%;
  }
  .maintainance-mode {
    padding-top: 40px;
    overflow: scroll;
  }
}
@media (max-width: 767px) {
  .parent-menu {
    overflow-x: auto;
    max-height: 400px;
  }
  .logo {
    margin-right: 10px;
    padding: 18px 20px;
  }
  .logo > a {
    font-size: 19px;
  }
  .name-area > a strong {
    display: none;
  }
  .name-area > a img {
    margin-right: 0;
  }
  .quick-notify-section > li > span {
    width: 50px;
  }
  .quick-notify-section > li > span > i {
    font-size: 11px;
  }
  .quick-notify-section > li > span > strong {
    font-size: 11px;
  }
  .main-content {
    padding: 20px;
  }
  .welcome-message {
    padding: 30px;
  }
  .search-dashboard {
    float: left;
  }
  .main-content.menu-slide {
    padding-left: 20px;
  }
  .main-title-sec > .row > div.col-md-3,
  .main-title-sec > .row > div.col-md-9 {
    float: left;
    width: 100%;
  }
  .heading-profile {
    margin-bottom: 20px;
    text-align: center;
  }
  .quick-btn-title {
    float: left;
  }
  .main-content-area > .row > div {
    float: left;
    width: 100%;
  }
  .responsive-search {
    display: block;
  }
  .search-dashboard > form > input {
    width: 100%;
  }
  .search-dashboard > form {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
  }
  .profile-avatar {
    float: left;
    max-width: 100%;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .profile-avatar > span {
    display: inline-block;
    float: none;
    position: static;
  }
  .profile-count {
    float: left;
    margin: 0;
    position: static;
    text-align: center;
    width: 100%;
  }
  .profile-count > li {
    display: inline-block;
    float: none;
    font-size: 27px;
    line-height: 22px;
  }
  .profile-name .social-btns > li {
    display: inline-block;
    float: none;
    margin-bottom: 30px !important;
  }
  .profile-connect {
    float: left;
    margin-top: 30px;
    position: static;
    text-align: center;
    width: 100%;
  }
  .profile-connect > li {
    display: inline-block;
    float: none;
  }
  blockquote {
    padding: 50px;
  }
  #connected {
    float: left;
    width: 100%;
  }
  #connected > div {
    float: left;
    width: 50%;
  }
  #keywords thead tr th {
    padding: 12px 30px 12px 19px;
  }
  .with-padding {
    padding: 20px;
  }
  .slick-slider li {
    padding: 0 10px;
  }
  .blog-info > p {
    padding: 0;
  }
  .blog-sec > .row > div {
    float: left;
    width: 100%;
  }
  .wanna-touch {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    height: auto;
    left: 0;
    margin: 0;
    padding: 30px 20px;
    position: relative;
    top: 0;

    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;

    width: 100%;
  }
  .wanna-touch-inner {
    float: left;
    position: static;

    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;

    width: 100%;
  }
  .invoice-billing .col-md-6 {
    float: left;
    width: 50%;
  }
  .description {
    display: none;
  }
  .date {
    width: 20%;
  }
  .invoice-number {
    width: 20%;
  }
  .quantity {
    width: 20%;
  }
  .vat {
    width: 20%;
  }
  .total {
    width: 20%;
  }
  .long-column {
    width: 80%;
  }
  .msg {
    float: left;
    margin: 20px auto 0;
    padding: 15px 51px;
    text-align: center;
    width: 100%;
  }
  .invoice-billing > .row > .col-md-6 {
    float: left;
    width: 50%;
  }
  .total a {
    font-size: 12px;
    line-height: 10px;
    padding: 13px 26px;
  }
  .search-result > img {
    float: left;
    width: 100%;
  }
  .team-info > p {
    padding: 0 40px;
  }
  .team .team-info-sec {
    padding: 10px;
  }
  ul.portfolio-sec > li {
    float: left;
    width: 50%;
  }
  .product-sec > .row > div {
    float: left;
    width: 50%;
  }
  .cart-lists > ul > li {
    display: inline-block;
  }
  .cart-thumb > p {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .cart-thumb {
    float: left;
    text-align: center;
    width: 100%;
  }
  .cart-thumb > span {
    display: inline-block;
    float: none;
  }
  .cart-thumb > h3 {
    float: left;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
  }
  .cart-thumb > .price-cart-item {
    float: left;
    text-align: center;
    width: 100%;
  }
  .cart-thumb > .price-cart-item > span {
    float: left;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
  }
  .cart-lists .c-input-number {
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 160px;
    width: 100%;
  }
  .cart-item-quantity {
    float: left;
    text-align: center;
    width: 100%;
  }

  .cart-thumb > a.delete-cart {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    left: 50%;
    margin-left: -20px;
    margin-top: 20px;
  }

  .coupens-area .coupon {
    float: left;
    margin: 0 0 10px;
    width: 100%;
  }
  .container {
    padding: 0 15px !important;
  }
  .close-panel-this {
    right: 80%;
  }
  #stream_table td {
    font-size: 9px;
    padding: 2px;
  }
  #stream_table th:last-child {
    display: none;
  }
  #stream_table td:last-child {
    display: none;
  }
  #stream_table tr > td:first-child {
    display: none;
  }
  #stream_table tr th:first-child {
    display: none;
  }
  .table.table-striped.table-bordered {
    display: inline;
    float: left;
    margin-top: 20px;
    overflow: hidden !important;
    width: 100% !important;
  }
  .top-bar-quick-sec {
    margin-top: -15px;
  }
  .main-content.menu-slide {
    padding-left: 10px;
  }
  .maintainance-mode {
    padding-top: 40px;
    overflow: scroll;
  }
}

@media (max-width: 1098px) and (min-width: 1024px) {
  .margin-top-15 {
    margin-top: 15px;
  }
  button.margin-top-15 {
    margin-top: 0px !important;
    float: none !important;
    margin-bottom: 5px;
  }
  label.width-50 {
    width: 46% !important;
  }

  .widget .row > div.row.md-no-padding {
    padding: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    margin: auto !important;
  }
}
@media (max-width: 424px) and (min-width: 375px) {
  label.pading-lr-10,
  label.pading-lr-10 small {
    width: auto !important;
  }
  .form-group.pading-botton-10 button {
    float: none !important;
  }
}
@media (max-width: 375px) and (min-width: 200px) {
  .filter {
    width: 67% !important;
  }
  div.buttom-filter {
    width: 33% !important;
  }
  label.pading-lr-10,
  label.pading-lr-10 small {
    padding-left: 0 !important;
    padding-top: 10px;
  }
  .btn-ver-cliente {
    margin-top: 5px;
  }
}
@media (max-width: 500px) and (min-width: 200px) {
  .display-flex {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media (max-width: 767px) and (min-width: 200px) {
  .padding-right-0 {
    padding-right: 0 !important;
  }
  .pdg-0 {
    padding: 0 !important;
  }
  .pdg-tab {
    padding: 20px 10px 20px 10px !important;
  }
  .margin-bottom-15 {
    margin-bottom: 15px !important;
  }
  input[type="checkbox"],
  input[type="radio"] {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  input.select-valor {
    width: calc(100% - 75px) !important;
  }
  a.btn.btn-default.mini,
  button.btn.btn-default.mini {
    margin-right: 0;
  }
/*   form .row > div.col-xs-12 {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  } */
  .widget .row > div.row,
  .btn-group.padding-0 {
    padding: 0px !important;
    padding-left: 10px;
  }
  .doc-empresa {
    padding: 20px !important;
  }
  #tab2 {
    padding: 30px 20px !important;
  }
  .label-docs label.pading-lr-10,
  .label-docs label.pading-lr-10 small {
    padding-left: 0px !important;
  }
  .display-flex {
    display: flex;
    flex-direction: column !important;
  }
  .label-docs,
  .input-docs,
  input.pading-lr-10.margin-botton-15.form-control,
  .btn-sm.btn-default.btn-doc,
  .btn-group.padding-0,
  .btn-group.padding-0 .input-group {
    width: 100% !important;
  }
  .margin-botton-15 {
    margin-bottom: 15px;
  }
  .btn-ver {
    margin-right: 0 !important;
  }
  .btn-sm.btn-default {
    width: auto !important;
  }
  .layout-content .padding-tab {
    padding: 20px 0 20px 0;
  }
  .widget .row > div.row.col-md-6 {
    padding-left: 0 !important;
  }
  .no-margin-botton,
  .no-margin-botton label {
    margin-bottom: 0 !important;
  }
  label.pading-lr-10,
  label.pading-lr-10 small {
    padding-left: 0 !important;
  }
  .pading-botton-10 {
    padding-bottom: 10px;
  }
  .margin-top-10 {
    margin-top: 10px !important;
  }
  .margin-botton-10 {
    margin-bottom: 10px;
  }
  .margin-top-botton {
    margin: 20px 0;
  }
  .hr-divider {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 26px !important;
    padding-bottom: 18px !important;
  }
  .heading-profile {
    padding-left: 0 !important;
  }
  .heading-profile h5 {
    text-align: center !important;
  }
  .widget-tabs > .nav > li > a {
    padding: 15px 25px;
  }
  .widget-tabs > .nav > li {
    width: 50%;
    text-align: center;
  }
  .no-border-right {
    border-right: 0 !important;
  }
  .filter {
    width: 74%;
  }
  div.buttom-filter {
    width: 26%;
    padding-right: 0 !important;
    text-align: right;
  }
  div.buttom-filter .btn-default {
    margin-right: 0 !important;
  }
  span.import,
  button.import,
  .margin-left-0 {
    margin-left: 0 !important;
  }
  .widget .row > div {
    padding: 0 5px;
  }
  .services {
    margin-bottom: 15px;
    padding: 0 !important;
  }
  .ng-confirm.ng-confirm-supervan
    .ng-confirm-box
    .ng-confirm-buttons
    button.btn-default {
    padding: 6px 75px !important;
    min-width: auto !important;
  }

  .navbar-brand {
    padding: 15px 40px !important;
  }

  .form-control-md {
    min-width: 100% !important;
  }
  .logo-responsive {
    width: 130px;
  }
  .only-responsive {
    display: block !important;
  }
  .admin_header .top-bar {
    display: none;
  }

  div#header-scroll.side-menu-sec {
    width: 100% !important;
    height: auto;
    margin: 0 !important;
    box-shadow: 0px 0px 2px grey;
  }

  .nav > li > a > img {
    max-width: 9% !important;
  }
  .main-content {
    padding: 45px 10px !important;
  }
  .myoptions {
    height: 50px !important;
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px;
  }
  .myside-menus > span.footer-line {
    bottom: 0 !important;
    position: fixed !important;
    background-color: white;
    padding: 12px !important;
    margin: 0 !important;
    width: 100% !important;
    text-align: center;
    box-shadow: 0 0 3px #d4d4d4;
  }
  .myside-menus {
    margin-bottom: 0 !important;
  }
  .myside-menus .navbar {
    margin-bottom: 0px !important;
  }
  div#bs-sidebar-navbar-collapse-1 {
    padding: 0px;
  }
  .container-fluid > .navbar-header {
    padding: 0 12px 14px 12px;
    box-shadow: 0px 2px 2px #ecebeb;
  }
  .open > .dropdown-menu2 {
    right: 6%;
  }
  .name-area {
    border: none !important;
    margin-right: 0;
  }
  span#toolFullScreen {
    display: none;
  }
  input[ng-model="busqueda"] {
    margin-left: 0 !important;
  }
  #nFile {
    margin-bottom: 8px;
  }
  .widget.with-padding {
    margin-bottom: 40px;
  }
  .tab-content,
  .nuevoForm .widget {
    background-color: white !important;
  }
  .widget {
    float: none !important;
    padding: 20px 14px 38px !important;
    border: 0;
    margin-bottom: 30px;
  }
  form[name="infoGeneral"] .widget,
  form[name="nuevoForm"] {
    background-color: transparent;
  }
  label[for="txt_text"] {
    margin-top: 11px;
    padding-left: 5px;
  }
  .btn-danger.btn-outline:not(.btn-df) {
    margin-bottom: 12px !important;
    margin-top: 12px !important;
  }
  .btn-group-sm > .btn,
  .btn-default {
    margin-right: 4px;
  }
  .form-control {
    margin-left: 0px !important;
  }
  [ng-repeat="option in separadores.documents"] .col-md-12 .col-md-7 {
    margin-bottom: 18px;
  }
  input#name1 {
    width: 100% !important;
  }
  [ng-repeat="option in separadores.documents"] .col-md-12 .col-md-5 {
    display: grid;
  }
  .row.text-center button.btn-sm.btn-default:first-child {
    margin-top: 40px !important;
  }
  .responsive-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  .responsive-flex .form-group {
    width: 70%;
    margin-top: 20px;
  }
  .main-title-sec > .row > div.col-md-3.column {
    width: 50%;
  }
  .col > .form-group {
    margin-bottom: 15px;
  }
  ul.orderable > li > label {
    padding: 8px;
    border-bottom: 1px solid #f2f2f2;
  }
  .row.row-flex {
    display: inherit;
  }
  .padding-tab .row .col-md-12 .col-xs-12 {
    padding: 0;
  }
  .main-content-area > .row,
  .widget .row {
    margin: auto;
  }
  .border-none {
    border-left: 0 !important;
    border: 0 !important;
  }
  .btn-100 {
    width: 100% !important;
  }
  .margin-top-30 {
    margin-top: 30px !important;
  }
  .btn-xs-block .btn-sm.btn-default {
    width: 100% !important;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .btn-xs-block .btn-sm.btn-default {
    width: 100% !important;
  }
  .margin-top-30 {
    margin-top: 30px !important;
  }
  .btn-100 {
    width: 100% !important;
  }
  .border-none {
    border-left: 0 !important;
    border: 0 !important;
  }
  input[type="checkbox"],
  input[type="radio"] {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  input.select-valor {
    width: calc(100% - 75px) !important;
  }
  a.btn.btn-default.mini,
  button.btn.btn-default.mini {
    margin-right: 0;
  }
  .widget .row > div.row.col-md-6 {
    padding-left: 0px !important;
  }
  .widget .row > div.row,
  .btn-group.padding-0 {
    padding: 0px !important;
    padding-left: 0 !important;
  }
/*   form .row > div.col-xs-12 {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  } */
  .doc-empresa {
    padding: 20px !important;
  }
  .hr-divider {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 26px !important;
    padding-bottom: 18px !important;
  }
  .label-docs label.pading-lr-10,
  .label-docs label.pading-lr-10 small {
    padding-left: 0px !important;
  }
  .display-flex {
    display: flex;
    flex-direction: column !important;
  }
  .label-docs,
  .input-docs,
  input.pading-lr-10.margin-botton-15.form-control,
  .btn-sm.btn-default.btn-doc,
  .btn-group.padding-0,
  .btn-group.padding-0 .input-group {
    width: 100% !important;
  }
  .margin-botton-15 {
    margin-bottom: 15px;
  }
  .btn-ver {
    margin-right: 0 !important;
  }
  .padding-left-0,
  .margin-left-0,
  .widget .row > div.padding-left-0 {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .btn-sm.btn-default {
    width: auto !important;
  }
  .margin-top-15 {
    margin-top: 15px;
  }
  .margin-bottom-15 {
    margin-bottom: 15px !important;
  }
  .width-100 .form-group.no-margin-botton {
    width: 100% !important;
  }
  input.margin-botton-10,
  .width-50 {
    width: 50% !important;
  }
  .form-group > :first-child.pading-lr-10,
  .form-group > :first-child.pading-lr-10 small {
    padding-left: 0 !important;
  }
  .pading-botton-10 {
    padding-bottom: 19px;
  }
  .widget-tabs > .nav > li {
    width: 50%;
    text-align: center;
  }
  .no-border-right {
    border-right: 0 !important;
  }
  .filter {
    width: 74%;
  }
  div.buttom-filter {
    width: 26%;
    padding-right: 0 !important;
    text-align: right;
  }
  div.buttom-filter .btn-default {
    margin-right: 0 !important;
  }
  span.import,
  button.import {
    margin-left: 0 !important;
  }
  .widget .row > div {
    padding: 0 5px;
  }
  .services {
    margin-bottom: 15px;
    padding: 0 !important;
  }
  .widget .row {
    margin: auto;
  }
  .col-md-12 .col-md-7 {
    margin-bottom: 23px;
  }

  .navbar-brand {
    padding: 15px 40px !important;
  }

  .row.row-flex {
    display: inherit;
  }
  .myside-menus > span.footer-line {
    bottom: 58px;
  }
  button[ng-click="openBrowser()"] {
    margin: 30px 10px;
  }
  .margin-top-10 {
    margin-top: 10px !important;
  }
  .pdg-0 {
    padding: 0 !important;
  }
  .pdg-tab {
    padding: 20px 10px 20px 10px !important;
  }
  .padding-right-0 {
    padding-right: 0 !important;
  }
}

/*02-05-2019*/

/*tablets*/
@media (min-width: 576px) and (max-width: 992px) {
  .billing-section-container {
    display: flex !important;
  }
  .billing-section-1 {
    width: 50% !important;
  }
  .billing-section-2 {
    width: 50% !important;
  }
}

@media (max-width: 992px) {

    .mobile-margin-bottom-5{
      margin-bottom: 5px !important;
    }
    .mobile-margin-bottom-15{
      margin-bottom: 15px !important; 
    }
    .mobile-padding-0-container .padding-services{
      padding:0 !important;
    }
    .mobile-no-padding{
      padding: 0 !important;
    }
  .myinline-form > label:not(.middle-hours-label) {
    font-size: 8px !important;
    word-spacing: 0px;
    word-break: keep-all;
    padding: 0;
  }
  .middle-hours > div {
    margin: auto;
  }
  .middle-hours {
    text-align: center;
    padding: unset;
    margin: auto;
  }

  .custom-hours-responsive {
    display: flex !important;
    border: none !important;
    align-items: baseline;
  }
  .middle-hours-label {
    font-size: 12px !important;
  }
  .custom-hours-responsive {
    display: flex !important;
    border: none !important;
  }
  .margin-top-20-mobile{
    margin-top: 10px;
  }
  .widget-tabs > .nav {
    overflow: scroll !important;
    display: flex !important;
  }
  .widget-tabs > .nav li a {
    width: 150px;
  }
  .mobile-padding-left-0 {
    padding-left: 0 !important;
  }
  .mobile-margin-top-60-px {
    margin-top: 60px !important;
  }
/*   form .row > div.col-xs-12 {
    padding: 0 1.5% !important;
} */
}
/*02-05-2019 end*/
/*desktop */
@media (min-width: 992px ) {
  .padding-0-11-desktop {
    padding: 0px 11px !important;
  }
  .padding-0-9-desktop {
    padding: 0px 9px !important; 
  }
  .h-5-mt-15{
    height: 50px;
    margin-top: 15px;
  }

}

/*30-04-2019*/
@media (max-width: 576px) {
  /*general*/
  .nd-action-buttons{
    background:white;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
  }.nd-action-buttons div {
    text-align: center !important;
  }
  .nd-action-buttons button, .btn-danger.btn-outline:not(.btn-df){
    width:100%;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
  
  .no-padding {
    padding: unset !important;
  }
  .mobile-margin-top-60-px {
    margin-top: 60px !important;
  }
  .margin-23-px {
    margin-top: unset !important;
  }
  .mobile-padding-left-0 {
    padding-left: 0 !important;
  }
    /* bloque de inputs de horas responsivos */
/*     form .row > div.col-xs-12 {
      padding: 0 1.5% !important;
 
  } */
  .mobile-margin-0-3{
    padding: 0 3% !important;
  }

  /* bloque de inputs de horas responsivos end */

  /* estas clases se colocaron en la seccion de seguros en editarguia.html*/
  .date-input-xs input {
    margin-top: 20px !important;
  }

 
  /* para que esten siempre visibles los botones de editar de los inputs*/
  .myinline-form + div a {
    /* display: none !important; */
    z-index: 9999999 !important;
    position: relative;
  }
  .btn-df{
    width:100%;
    margin-top: 10px !important;
   
  }
}

@media (max-width: 992px) {

  .mobile-padding-0-container .padding-services{
    padding:0 !important;
  }
  .mobile-no-padding{
    padding: 0 !important;
  }
 
  .horizontal-padding-5{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .hours-custom{
    display: flex;
  }.hours-custom .col-md-5 {
    padding: initial !important;
}
  .h-5-mt-15{
    height: 50px;
    margin-top: 10px;
  }
  label.checkbox-inline.mycheck {
    float: left !important;
    margin: 0;
  }
  .padding-tab.padding-tab-inner-separator{
    padding:0 !important;
    background:transparent;
    border: none !important;
  }
  .padding-tab.padding-tab-inner-separator .small-device-separator {
    border: 1px solid #e1e1e1;
    padding: 20px 25px 20px 25px;
  
  }
}



/* boton input data  */
/*30-04-2019 end*/
/*ipad*/
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .middle-hours > .myinline-form{
    margin-left: 1vh;
  }
  .widget-tabs > .nav {
    overflow: scroll !important;
    display: flex !important;
}
.widget-tabs > .nav li a {
  width: 150px;
}
.padding-tab.padding-tab-inner-separator{
  padding:0 !important;
  background:transparent;
  border: none !important;
}
.padding-tab.padding-tab-inner-separator .small-device-separator {
  border: 1px solid #e1e1e1;
  padding: 20px 25px 20px 25px;

}
}
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .myinline-form.custom-hours-responsive {
    display: flex;
}
.middle-hours > .myinline-form{
  margin-left: -1.8vh;
}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.widget-tabs > .nav {
    overflow: scroll !important;
    display: flex !important;
}
.widget-tabs > .nav li a {
  width: 150px;
}
.myinline-form > label:not(.middle-hours-label) {
    font-size: 8px !important;
    word-spacing: 0px;
    word-break: keep-all;
    padding: 0;
}
.padding-tab.padding-tab-inner-separator{
  padding:0 !important;
  background:transparent;
  border: none !important;
}
.padding-tab.padding-tab-inner-separator .small-device-separator {
  border: 1px solid #e1e1e1;
  padding: 20px 25px 20px 25px;

}
  }
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
.widget-tabs > .nav {
    overflow: scroll !important;
    display: flex !important;
}
.widget-tabs > .nav li a {
  width: 150px;
}
.myinline-form > label:not(.middle-hours-label) {
    font-size: 8px !important;
    word-spacing: 0px;
    word-break: keep-all;
    padding: 0;
}

.padding-tab.padding-tab-inner-separator{
  padding: 20px 25px 20px 25px;
  border: none !important;
}
.padding-tab.padding-tab-inner-separator .small-device-separator {

}

  }


  @media (max-width:768px){
    .main-content {
      padding: 45px 10px !important;
    }
    .left-padding-768{
      padding-left: 3rem;
    }
  }