<commit_before>

.alert .btn{
  margin-top: 15px;
}

.salud-img img{
  width: 130px;
  float: right;
}

.align-right {
  float: right;
}

/********PANELES**********/


.panel-body .list-group {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}


.alert .btn-close {
  margin-top: -7px;
}

a.btn-collapse i {
  margin-top: 12px;
  transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
}

a.btn-collapse i.collapseGira {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.btn-volver {
  padding-right: 0px;
  margin-top: 5px;
  max-width: 120px;
}

.panels-row-miargentina .panel-default {
  width: 100%;
}


.panels-row-miargentina .panel-default>.panel-heading {
  min-height: 0;
  background-color: transparent;
  border-bottom: 1px solid #ccc;
  color: #333;
}

.panels-row-miargentina .media-left {
  padding-right: 20px;
}

.panels-row-miargentina .panel-body .media-left .fa {
  margin-top: 8px;
}

.panels-row-miargentina .panel-nolink {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.panels-row-miargentina .panel h2 {
  font-size: 1.3em !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important
}

.panels-row-miargentina .panel .item-panel {
  font-weight: 600 !important;
  display: block !important;
}

.panels-row-miargentina .panel.panel-default, .panels-row-miargentina .list-group {
  box-shadow: none !important;
}

.credential-danger-state {
  border: 1px #cccccc solid;
  padding: 40px 20px;
}

.credential-danger-state p.text-danger {
  font-size: 30px !important;
  text-transform: uppercase;
  font-weight: 500;
}



.panels-row-miargentina .panel h3 {
  font-size: 1.3em;
}

.panels-row-miargentina .list-group-item {
  padding: 10px 25px;
  color: #333;
}

.panels-row-miargentina .panel-content-padding {
  padding: 10px 15px;
}



.panels-row-miargentina .panel-body .table {
  margin-bottom: 0px;
}

.panels-row-miargentina .panel-table td {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.panels-row-miargentina .list-group {
  margin-bottom: 0px !important;
  margin: -10px -20px;
}

.state-loading>.panel-body, .panel-body .state-loading {
  min-height: 70px;
}

.state-loading:after, .icon-load.progress-disabled:after {
  border-radius: 0px !important;
}

.btn-close i {
  cursor: pointer;
}

.panel-activar-cuenta{
  max-width: 800px;
}

.panel-footer .pagination{
  margin: 10px;
}

@media (min-width: 991px) {
  .panel-table tr:first-child>td {
    border-top: 0px;
  }
}

@media(max-width: 992px) {
  .panel-table tr td:first-child {
    font-weight: bolder;
  }

  .panel-table tr td:last-child {
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 10px;
    padding-bottom: 20px !important;
  }

  .panel-table tr td, .panel-table tr:last-child td:last-child {
    border: 0px !important;
    padding-bottom: 0px !important;
  }

  .panel-table td {
    display: block;
    width: 100%;
  }
}

.panels-row-miargentina form h3{
  margin-bottom: 15px;
}
.panels-row-miargentina label{
  margin-bottom: 15px;
}

/************************************* NUEVO DASHBOARD**************************************/

h1.title-dashboard{
  font-size: 1.5em;
  margin-top: 35px;
}

.max-w-img{
    max-width: 350px;
  }

.brand-icon{
  width: 300px;
}
.icon-init{
  font-size: 21px;
}
.icon-header{
  color: #CACBC5;
}



.navbar-left-mobile, .navbar-left-mobile ul li{
  float: left;
}

.navbar-right-header{
  float: right;
  margin-top: 2em!important;
}
.nav-header-dashboard{
  box-shadow: none;
  border-bottom: 2px #dee2e6 solid;
}
.nav-header-dashboard li:first-child{
  margin-top: -10px;
}

#dashboard-sidebar .panel-sidebar{
  border: 0;
  margin-bottom: 0px;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16)!important;
}
.navbar ul li .dropdown-micuenta, .nav .open > a, .navbar ul li .dropdown-notificaciones{
  background-color: #ffffff!important;
}
.navbar-right .dropdown-micuenta{
  right: 3px;
  width: 275px;
  left: initial;
}

.navbar-right .dropdown-micuenta h3{
  margin-top: 20px;
}
.navbar .open > .dropdown-menu{
  border: 1px #dbdbdb solid;
}


#dashboard-sidebar{
    height: 100vh;
    width: 100%;
    min-width: 260px;
    min-height: 100%;
    background-color: white;
    display: block;
    margin-bottom: 0px!important;
}


#dashboard-sidebar ul li > a:hover{
  background: #F4F4F4;
}
 #dashboard-sidebar ul li > a:active{
  background: #f2f3f4;
}
#dashboard-sidebar ul li > a:hover, #dashboard-sidebar ul li > a:active,  #dashboard-sidebar ul li > a.active {
  border-radius: 0px!important;
}
 #dashboard-sidebar ul li.active > a{
  border-left: 5px solid #0072bb;
  background-color: #f2f3f4;
  border-radius: 0px;
  
 }
#dashboard-sidebar ul li.active > a, #dashboard-sidebar ul li.active > a i{
  color: #0072bb!important;
}
#dashboard-sidebar ul li.active > a .media{
  margin-left: -7px;
}
#dashboard-sidebar i{
  text-align: center;
  width: 35px;
  display: inline-block!important;
  color: #CACBC5;
}

#dashboard-sidebar .media-body{
  vertical-align: middle;
}

.dropdown-micuenta, .dropdown-notificaciones{
  top: 50px;
}
.dropdown-micuenta ul, .dropdown-notificaciones ul{
  padding-left: 0px;
}
.dropdown-micuenta li h3,  .dropdown-micuenta li small, .dropdown-notificaciones li h3, .dropdown-notificaciones li h3{
  padding: 12px 15px 0px 15px;
  margin-bottom: 0px;
}
.dropdown-micuenta li h4, .dropdown-notificaciones li h4{
  padding: 5px 15px;
  margin-top: 0px;  
}
.dropdown-micuenta hr, .dropdown-notificaciones hr{
  margin: 20px 10px 15px 10px;
}
.dropdown-micuenta li, .dropdown-notificaciones li{
  list-style-type: none;  
}
.dropdown-micuenta a, .dropdown-notificaciones a{
  border-bottom: 0px!important;
}

.dropdown-micuenta li a, .dropdown-notificaciones li a{
  border-left: 4px transparent solid!important;
  color: #000000!important;
}

.dropdown-micuenta li a:hover, .dropdown-notificaciones li a:hover { 
  background-color: #F2F3F4!important;
  border-left: 4px #0072bb solid!important;
  
}
.page-sidebar .nav-pills li>a:visited{
  color: #333;
}
.dropdown-micuenta .media, .dropdown-notificaciones .media{
  width: 240px;
}

.navbar-right .dropdown-notificaciones{
  right: 175px;
}



.nav-dashboard > li{
  float: left!important;
}


.nav-dashboard li img{
  width: 50%;
  min-width: 80px;
  margin: auto;
}
.sidebar{
    min-height: 100%;
    max-width: 320px;
    min-width: 320px;
    padding-left: 0px;

  }
  .sidebar nav{
    width: 100%;
  }
.dashboard{
  display: flex;
}




@media(max-width: 1200px){
  .salud-title{
  min-width: 100%;
}
.salud-img img{
  float: left;
}
}

/************************************************NUEVO DASHBOARD MOBILE***********************************************/



@media (max-width: 767px){
  .brand-icon{
    width:116px;
  }
  .navbar-header .nav{
    margin-left: -8px!important;
  }
  .navbar-right-header{
    margin-top: 1.3em!important;
  }
  .sidebar{
    padding: 0px;
    width: 100%;
    max-width: 100%!important;
  }
  #dashboard-sidebar{
    background-color: #f2f3f4;
    margin: auto;
    max-width: 100%!important;

  }
  #dashboard-sidebar ul{
    padding: 0px 15px!important;

  }


  .nav-dashboard li{
    margin-top: 0px!important;
  }
  .nav-dashboard li a, .nav-dashboard h1{
    padding: 5px!important;
  }
  
  .nav-dashboard > li > a:hover{
    background-color: initial!important;
  }
  .nav-dashboard li a p{
    font-size: 0.9em;
  }

  .dropdown-micuenta .media-body{
    display: table-cell;
  }
  .notificaciones{
    margin-right: 15px;
  }

  .dropdown-notificaciones{
    float: right;
    left: initial;
    right: 60px!important;
    max-width: 350px;
  }
#dashboard-sidebar ul li.active > a{
  border: 0px;
  margin-left: 0px;
  background-color: #f2f3f4;
}

}
@media (max-width: 560px){
  #dashboard-sidebar p{
    font-size: 0.8em;
  }
  .sidebar{
    max-width: 100%!important;
  }
  #dashboard-sidebar{
    width: 100%;
    max-width: 100%!important;
  }


  .navbar-right .dropdown-micuenta{
    right: 5px;
  }
}

@media (max-width: 358px){
  .nav-dashboard li{
    width: 100%;
  }
}


/****************************************************LOADING*********************************************************/
 .loading{
    margin-top: 28%;
  }
@media (orientation: portrait){
  .loading{
    margin-top: 60%;
  }
}

@media (max-width: 768px) and (orientation: portrait){
  .loading{
    margin-top: 50%;
  }
}

@media(orientation: landscape){
  .loading{
    margin-top: 15%;
  }
}


}

/*********************************************ONBOARDING**************************************************/


.onboarding-img{
  width: 300px;
  height: 200px;
  margin: auto;
}
.onboarding-img img{
  margin-top: 10%;
}
.onboarding-control{
  background: rgba(0,0,0,0)!important;
}

.onboarding-content{
  margin-bottom: 50px;
}
.carousel-indicators-onboarding li{
  width: 14px;
  height: 14px;
}
.carousel-indicators-onboarding li.active{
  width: 16px;
  height: 16px;
  border: 1px solid #e5e8eb;
      -webkit-font-smoothing: antialiased;
}
.carousel-indicators-onboarding li{
  border: 2px solid #e5e8eb;
 
}

.carousel-indicators-onboarding li.active{
   background-color: #0072bb;
}

.modal-content-onboarding{
  width: 900px;
  margin-top: 10%;

}

.onboarding-items{
  min-height: 750px;
}
@media (max-width: 998px){
  
  .modal-content-onboarding{
    width: 90%;


  }
  .onboarding-content{
    height: 100%;
    width: 80%;
    margin: auto;
  }

  
}
@media (max-width: 550px){
  .onboarding-img img{
    max-width: 300px;
  }
}

@media (max-width: 400px){
  .onboarding-img img{
    max-width: 220px;
  }
  .modal-content-onboarding{
    min-height: 650px;
    max-height: 650px;
  }
  .onboarding-items{
    min-height: 650px;
    height: 100%;
  }
}


/***  licencia de conducir **/
.container-licencia {
  padding-top: 10%;
}

.control-licencia.right, .control-licencia.left {
  background-image: none;
}

.control-licencia, .control-licencia:hover, .control-licencia:focus {
  color: #101010;
  opacity: 1;
}

.licencia {
  width: 85%;
  margin: auto;
}

.panels-row-licencia {
  align-items: center;
  justify-content: center;
}

.panel-licencia {
  display: block;
}

.display-panel-licencia {
  display: block;
}

.item-licencia img {
  height: auto !important;
  width: 100%;
}

.item-licencia:last-child img {
  width: auto;
  max-height: 500px;
}

.panel-licencia{
   margin-bottom: 0px!important; 
  }

@media (max-width: 991px) {
  .container-licencia {
    padding-top: 0;
  }

  .item-licencia img, .item-licencia:last-child img {
    max-height: 250px !important;
    width: auto !important;
  }

  #lic-carousel .body-licencia {
    width: 100%;
  }

  .display-panel-licencia {
    display: none !important;
  }

  .panels-row-licencia .panel-border-primary {
    border-top: none;
  }
 
  .container-licencia{
    padding: 0px;
  }
}

@media (max-width: 767px) {
  .licencia p {
    margin-top: 7px;
  }
}
@media (max-width: 670px) {
   .item-licencia img, .item-licencia:last-child img {
    max-height: 228px !important;
   
  }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .body-licencia{
    height: 470px;
  }
  .licencia img{
    margin-top: 15px;
  }
  .item-licencia:last-child img{
    margin-top: 50px!important;
  }
}

@media (max-width: 1200px) and (min-width: 991px) and (orientation: landscape) {
  .container-licencia{
    height: 530px;
  }

  .panels-row-licencia, .panel-licencia{
    height: 100%;
  }
}
@media (max-width: 1200px) and (min-width: 991px) and (orientation: portrait) {
  .container-licencia{
    height: 530px;
  }

  .panels-row-licencia, .panel-licencia{
    width: 100%;
  }
}


@media (max-width: 991px) and (orientation: landscape) {
  .padding-panel-licencia {
    padding: 10px !important;
  }

  .licencia img {
    margin-top: 10px;
  }
}



@media (min-width: 767px) and (orientation: landscape){
   a.control-licencia{
    max-height: 100%;
  }
 
}
@media (max-width: 767px) and (orientation: landscape){
   a.control-licencia{
    margin-top: 70px;
    min-height: 100%;
  }
  a.control-licencia span{
    margin-top: -50px!important;

  }
}
@media (orientation: portrait){
   a.control-licencia{
    margin-top: 70px;
    min-height: 100%;
    
  }
  a.control-licencia span{
    margin-top: -50px!important;

  }
}


@media (max-width: 991px) and (orientation: portrait) {

  .padding-panel-licencia {
    padding: 0px !important;
  }

  .panel-licencia {
    transform-origin: left top;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 100vh !important;
    height: 100vw !important;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    margin-bottom: 0px;
  }

  .licencia img {
    width: 100%;
    margin-top: 10px;
  }

  #lic-carousel .panel-body {
    width: 100% !important;
  }

  .panels-row-licencia .panel-border-primary {
    border-top: none;
  }

  .display-panel-licencia {
    display: none !important;
  }
 
}

@media(max-width: 991px){
  .container-licencia{
    height: 100vh;
  }
  .panels-row-licencia, .panel-licencia{
    height: 100%;
  }

}
@media (min-width: 991px) {
  
  .panel-licencia {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .item-licencia:last-child img {
    max-height: 258px;
    width: auto;
  }
}



/***----------------------FOOTER Y HEADER---------------------------------***/
@media only screen and (max-width: 768px) {
  .main-footer img.image-responsive {
    max-width: 250px !important;
    float: none !important;
  }
}

@media (max-width: 420px) {
  .navbar .container .navbar-header .navbar-brand {
    padding: 14px 0 14px !important;
    width: 160px !important;
  }
}


/******STATE LOADING*********/

.state-loading:before, .icon-load.progress-disabled:before{
      border-color: #0072BB #F2F3F4 #F2F3F4!important;
}

/***************switches**********************/

.switch input{
  display: none;
}

.switch {
    display:inline-block;
    width:40px;
    height:20px;
    margin:8px;
    transform:translateY(50%);
    position:relative;
}
.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:0 0 0 2px #777, 0 0 4px #777;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
     transition:.4s;
}

.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-20px);
    transition:.4s;
}

input:checked + .slider:before {
    transform:translateX(20px);
    background:#2e7d33;
}
input:checked + .slider {
    box-shadow:0 0 0 2px #2e7d33,0 0 2px #2e7d33;
}

<commit_msg>actualización mi argentina nuevo registro<commit_after>

.alert .btn{
  margin-top: 15px;
}

.salud-img img{
  width: 130px;
  float: right;
}

.align-right {
  float: right;
}

/********PANELES**********/


.panel-body .list-group {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}


.alert .btn-close {
  margin-top: -7px;
}

a.btn-collapse i {
  margin-top: 12px;
  transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
}

a.btn-collapse i.collapseGira {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.btn-volver {
  padding-right: 0px;
  margin-top: 5px;
  max-width: 120px;
}

.panels-row-miargentina .panel-default {
  width: 100%;
}


.panels-row-miargentina .panel-default>.panel-heading {
  min-height: 0;
  background-color: transparent;
  border-bottom: 1px solid #ccc;
  color: #333;
}

.panels-row-miargentina .media-left {
  padding-right: 20px;
}

.panels-row-miargentina .panel-body .media-left .fa {
  margin-top: 8px;
}

.panels-row-miargentina .panel-nolink {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.panels-row-miargentina .panel h2 {
  font-size: 1.3em !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important
}

.panels-row-miargentina .panel .item-panel {
  font-weight: 600 !important;
  display: block !important;
}

.panels-row-miargentina .panel.panel-default, .panels-row-miargentina .list-group {
  box-shadow: none !important;
}

.credential-danger-state {
  border: 1px #cccccc solid;
  padding: 40px 20px;
}

.credential-danger-state p.text-danger {
  font-size: 30px !important;
  text-transform: uppercase;
  font-weight: 500;
}



.panels-row-miargentina .panel h3 {
  font-size: 1.3em;
}

.panels-row-miargentina .list-group-item {
  padding: 10px 25px;
  color: #333;
}

.panels-row-miargentina .panel-content-padding {
  padding: 10px 15px;
}



.panels-row-miargentina .panel-body .table {
  margin-bottom: 0px;
}

.panels-row-miargentina .panel-table td {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.panels-row-miargentina .list-group {
  margin-bottom: 0px !important;
  margin: -10px -20px;
}

.state-loading>.panel-body, .panel-body .state-loading {
  min-height: 70px;
}

.state-loading:after, .icon-load.progress-disabled:after {
  border-radius: 0px !important;
}

.btn-close i {
  cursor: pointer;
}

.panel-activar-cuenta{
  max-width: 800px;
}

.panel-footer .pagination{
  margin: 10px;
}

@media (min-width: 991px) {
  .panel-table tr:first-child>td {
    border-top: 0px;
  }
}

@media(max-width: 992px) {
  .panel-table tr td:first-child {
    font-weight: bolder;
  }

  .panel-table tr td:last-child {
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 10px;
    padding-bottom: 20px !important;
  }

  .panel-table tr td, .panel-table tr:last-child td:last-child {
    border: 0px !important;
    padding-bottom: 0px !important;
  }

  .panel-table td {
    display: block;
    width: 100%;
  }
}

.panels-row-miargentina form h3{
  margin-bottom: 15px;
}
.panels-row-miargentina label, .panels-row-miargentina .help-block{
  margin-bottom: 15px;
}

/************************************* NUEVO DASHBOARD**************************************/

h1.title-dashboard{
  font-size: 1.5em;
  margin-top: 35px;
}

.max-w-img{
    max-width: 350px;
  }

.brand-icon{
  width: 300px;
}
.icon-init{
  font-size: 21px;
}
.icon-header{
  color: #CACBC5;
}



.navbar-left-mobile, .navbar-left-mobile ul li{
  float: left;
}

.navbar-right-header{
  float: right;
  margin-top: 2em!important;
}
.nav-header-dashboard{
  box-shadow: none;
  border-bottom: 2px #dee2e6 solid;
}
.nav-header-dashboard li:first-child{
  margin-top: -10px;
}

#dashboard-sidebar .panel-sidebar{
  border: 0;
  margin-bottom: 0px;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16)!important;
}
.navbar ul li .dropdown-micuenta, .nav .open > a, .navbar ul li .dropdown-notificaciones{
  background-color: #ffffff!important;
}
.navbar-right .dropdown-micuenta{
  right: 3px;
  width: 275px;
  left: initial;
}

.navbar-right .dropdown-micuenta h3{
  margin-top: 20px;
}
.navbar .open > .dropdown-menu{
  border: 1px #dbdbdb solid;
}


#dashboard-sidebar{
    height: 100vh;
    width: 100%;
    min-width: 260px;
    min-height: 100%;
    background-color: white;
    display: block;
    margin-bottom: 0px!important;
}


#dashboard-sidebar ul li > a:hover{
  background: #F4F4F4;
}
 #dashboard-sidebar ul li > a:active{
  background: #f2f3f4;
}
#dashboard-sidebar ul li > a:hover, #dashboard-sidebar ul li > a:active,  #dashboard-sidebar ul li > a.active {
  border-radius: 0px!important;
}
 #dashboard-sidebar ul li.active > a{
  border-left: 5px solid #0072bb;
  background-color: #f2f3f4;
  border-radius: 0px;
  
 }
#dashboard-sidebar ul li.active > a, #dashboard-sidebar ul li.active > a i{
  color: #0072bb!important;
}
#dashboard-sidebar ul li.active > a .media{
  margin-left: -7px;
}
#dashboard-sidebar i{
  text-align: center;
  width: 35px;
  display: inline-block!important;
  color: #CACBC5;
}

#dashboard-sidebar .media-body{
  vertical-align: middle;
}

.dropdown-micuenta, .dropdown-notificaciones{
  top: 50px;
}
.dropdown-micuenta ul, .dropdown-notificaciones ul{
  padding-left: 0px;
}
.dropdown-micuenta li h3,  .dropdown-micuenta li small, .dropdown-notificaciones li h3, .dropdown-notificaciones li h3{
  padding: 12px 15px 0px 15px;
  margin-bottom: 0px;
}
.dropdown-micuenta li h4, .dropdown-notificaciones li h4{
  padding: 5px 15px;
  margin-top: 0px;  
}
.dropdown-micuenta hr, .dropdown-notificaciones hr{
  margin: 20px 10px 15px 10px;
}
.dropdown-micuenta li, .dropdown-notificaciones li{
  list-style-type: none;  
}
.dropdown-micuenta a, .dropdown-notificaciones a{
  border-bottom: 0px!important;
}

.dropdown-micuenta li a, .dropdown-notificaciones li a{
  border-left: 4px transparent solid!important;
  color: #000000!important;
}

.dropdown-micuenta li a:hover, .dropdown-notificaciones li a:hover { 
  background-color: #F2F3F4!important;
  border-left: 4px #0072bb solid!important;
  
}
.page-sidebar .nav-pills li>a:visited{
  color: #333;
}
.dropdown-micuenta .media, .dropdown-notificaciones .media{
  width: 240px;
}

.navbar-right .dropdown-notificaciones{
  right: 175px;
}



.nav-dashboard > li{
  float: left!important;
}


.nav-dashboard li img{
  width: 50%;
  min-width: 80px;
  margin: auto;
}
.sidebar{
    min-height: 100%;
    max-width: 320px;
    min-width: 320px;
    padding-left: 0px;

  }
  .sidebar nav{
    width: 100%;
  }
.dashboard{
  display: flex;
}




@media(max-width: 1200px){
  .salud-title{
  min-width: 100%;
}
.salud-img img{
  float: left;
}
}

/************************************************NUEVO DASHBOARD MOBILE***********************************************/



@media (max-width: 767px){
  .brand-icon{
    width:116px;
  }
  .navbar-header .nav{
    margin-left: -8px!important;
  }
  .navbar-right-header{
    margin-top: 1.3em!important;
  }
  .sidebar{
    padding: 0px;
    width: 100%;
    max-width: 100%!important;
  }
  #dashboard-sidebar{
    background-color: #f2f3f4;
    margin: auto;
    max-width: 100%!important;

  }
  #dashboard-sidebar ul{
    padding: 0px 15px!important;

  }


  .nav-dashboard li{
    margin-top: 0px!important;
  }
  .nav-dashboard li a, .nav-dashboard h1{
    padding: 5px!important;
  }
  
  .nav-dashboard > li > a:hover{
    background-color: initial!important;
  }
  .nav-dashboard li a p{
    font-size: 0.9em;
  }

  .dropdown-micuenta .media-body{
    display: table-cell;
  }
  .notificaciones{
    margin-right: 15px;
  }

  .dropdown-notificaciones{
    float: right;
    left: initial;
    right: 60px!important;
    max-width: 350px;
  }
#dashboard-sidebar ul li.active > a{
  border: 0px;
  margin-left: 0px;
  background-color: #f2f3f4;
}

}
@media (max-width: 560px){
  #dashboard-sidebar p{
    font-size: 0.8em;
  }
  .sidebar{
    max-width: 100%!important;
  }
  #dashboard-sidebar{
    width: 100%;
    max-width: 100%!important;
  }


  .navbar-right .dropdown-micuenta{
    right: 5px;
  }
}

@media (max-width: 358px){
  .nav-dashboard li{
    width: 100%;
  }
}


/****************************************************LOADING*********************************************************/
 .loading{
    margin-top: 28%;
  }
@media (orientation: portrait){
  .loading{
    margin-top: 60%;
  }
}

@media (max-width: 768px) and (orientation: portrait){
  .loading{
    margin-top: 50%;
  }
}

@media(orientation: landscape){
  .loading{
    margin-top: 15%;
  }
}


}

/*********************************************ONBOARDING**************************************************/


.onboarding-img{
  width: 300px;
  height: 200px;
  margin: auto;
}
.onboarding-img img{
  margin-top: 10%;
}
.onboarding-control{
  background: rgba(0,0,0,0)!important;
}

.onboarding-content{
  margin-bottom: 50px;
}
.carousel-indicators-onboarding li{
  width: 14px;
  height: 14px;
}
.carousel-indicators-onboarding li.active{
  width: 16px;
  height: 16px;
  border: 1px solid #e5e8eb;
      -webkit-font-smoothing: antialiased;
}
.carousel-indicators-onboarding li{
  border: 2px solid #e5e8eb;
 
}

.carousel-indicators-onboarding li.active{
   background-color: #0072bb;
}

.modal-content-onboarding{
  width: 900px;
  margin-top: 10%;

}

.onboarding-items{
  min-height: 750px;
}
@media (max-width: 998px){
  
  .modal-content-onboarding{
    width: 90%;


  }
  .onboarding-content{
    height: 100%;
    width: 80%;
    margin: auto;
  }

  
}
@media (max-width: 550px){
  .onboarding-img img{
    max-width: 300px;
  }
}

@media (max-width: 400px){
  .onboarding-img img{
    max-width: 220px;
  }
  .modal-content-onboarding{
    min-height: 650px;
    max-height: 650px;
  }
  .onboarding-items{
    min-height: 650px;
    height: 100%;
  }
}


/***  licencia de conducir **/
.container-licencia {
  padding-top: 10%;
}

.control-licencia.right, .control-licencia.left {
  background-image: none;
}

.control-licencia, .control-licencia:hover, .control-licencia:focus {
  color: #101010;
  opacity: 1;
}

.licencia {
  width: 85%;
  margin: auto;
}

.panels-row-licencia {
  align-items: center;
  justify-content: center;
}

.panel-licencia {
  display: block;
}

.display-panel-licencia {
  display: block;
}

.item-licencia img {
  height: auto !important;
  width: 100%;
}

.item-licencia:last-child img {
  width: auto;
  max-height: 500px;
}

.panel-licencia{
   margin-bottom: 0px!important; 
  }

@media (max-width: 991px) {
  .container-licencia {
    padding-top: 0;
  }

  .item-licencia img, .item-licencia:last-child img {
    max-height: 250px !important;
    width: auto !important;
  }

  #lic-carousel .body-licencia {
    width: 100%;
  }

  .display-panel-licencia {
    display: none !important;
  }

  .panels-row-licencia .panel-border-primary {
    border-top: none;
  }
 
  .container-licencia{
    padding: 0px;
  }
}

@media (max-width: 767px) {
  .licencia p {
    margin-top: 7px;
  }
}
@media (max-width: 670px) {
   .item-licencia img, .item-licencia:last-child img {
    max-height: 228px !important;
   
  }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .body-licencia{
    height: 470px;
  }
  .licencia img{
    margin-top: 15px;
  }
  .item-licencia:last-child img{
    margin-top: 50px!important;
  }
}

@media (max-width: 1200px) and (min-width: 991px) and (orientation: landscape) {
  .container-licencia{
    height: 530px;
  }

  .panels-row-licencia, .panel-licencia{
    height: 100%;
  }
}
@media (max-width: 1200px) and (min-width: 991px) and (orientation: portrait) {
  .container-licencia{
    height: 530px;
  }

  .panels-row-licencia, .panel-licencia{
    width: 100%;
  }
}


@media (max-width: 991px) and (orientation: landscape) {
  .padding-panel-licencia {
    padding: 10px !important;
  }

  .licencia img {
    margin-top: 10px;
  }
}



@media (min-width: 767px) and (orientation: landscape){
   a.control-licencia{
    max-height: 100%;
  }
 
}
@media (max-width: 767px) and (orientation: landscape){
   a.control-licencia{
    margin-top: 70px;
    min-height: 100%;
  }
  a.control-licencia span{
    margin-top: -50px!important;

  }
}
@media (orientation: portrait){
   a.control-licencia{
    margin-top: 70px;
    min-height: 100%;
    
  }
  a.control-licencia span{
    margin-top: -50px!important;

  }
}


@media (max-width: 991px) and (orientation: portrait) {

  .padding-panel-licencia {
    padding: 0px !important;
  }

  .panel-licencia {
    transform-origin: left top;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 100vh !important;
    height: 100vw !important;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    margin-bottom: 0px;
  }

  .licencia img {
    width: 100%;
    margin-top: 10px;
  }

  #lic-carousel .panel-body {
    width: 100% !important;
  }

  .panels-row-licencia .panel-border-primary {
    border-top: none;
  }

  .display-panel-licencia {
    display: none !important;
  }
 
}

@media(max-width: 991px){
  .container-licencia{
    height: 100vh;
  }
  .panels-row-licencia, .panel-licencia{
    height: 100%;
  }

}
@media (min-width: 991px) {
  
  .panel-licencia {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .item-licencia:last-child img {
    max-height: 258px;
    width: auto;
  }
}



/***----------------------FOOTER Y HEADER---------------------------------***/
@media only screen and (max-width: 768px) {
  .main-footer img.image-responsive {
    max-width: 250px !important;
    float: none !important;
  }
}

@media (max-width: 420px) {
  .navbar .container .navbar-header .navbar-brand {
    padding: 14px 0 14px !important;
    width: 160px !important;
  }
}


/******STATE LOADING*********/

.state-loading:before, .icon-load.progress-disabled:before{
      border-color: #0072BB #F2F3F4 #F2F3F4!important;
}

/***************switches**********************/

.switch input{
  display: none;
}

.switch {
    display:inline-block;
    width:40px;
    height:20px;
    margin:8px;
    transform:translateY(50%);
    position:relative;
}
.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:0 0 0 2px #777, 0 0 4px #777;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
     transition:.4s;
}

.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-20px);
    transition:.4s;
}

input:checked + .slider:before {
    transform:translateX(20px);
    background:#2e7d33;
}
input:checked + .slider {
    box-shadow:0 0 0 2px #2e7d33,0 0 2px #2e7d33;
}


{'fraction_non_alphanumeric': 0.17799170124481328, 'fraction_numerical': 0.04487966804979253, 'mean_word_length': 3.10659760087241, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 41, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '322484', 'n_tokens_mistral': 12902, 'n_tokens_neox': 11577, 'n_words': 2358}