/* Estilos responsive */

@media only screen and (max-width: 1280px) {
	.justify-content-end-responsive {
	justify-content: center;
}
	
	body .ui-selectonemenu {
    width:100%;
    height:auto!important;
    max-width: 120px;
}
	
	.mt-15-responsive {
	margin-top:15px;
	}
	
	.d-flex-responsive-filtro {
    display: flex;
    flex-direction: column;
    align-items: center;

}
	
	
	
	  .max-width-responsive {
   max-width:50%;
   }
    .d-flex-responsive {
        display: flex;
        flex-direction: column;

        
    
    }
.d-flex-responsive-lista-botones {
        display: flex;
        flex-direction: row;
        align-items: center;
        
    
    }

    h1 {
        margin-bottom: 10px;
        margin-top: 0px;
    }


    .select-option-colum-responsive {
    min-width: unset;
    max-width: unset;
    width: 100%;
    height: 44px;
    padding: 0px;
    gap: 10px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(197, 202, 217);
    border-image: initial;
    border-radius: 8px;
    text-align: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #474D61;
    margin-bottom: 34px;

}

.row-gap-20-responsive {
    row-gap: 20px;
  }
  .align-items-center-responsive {
    align-items: unset;

}

    
  }




@media only screen and (max-width: 992px) {
	
  
.flex-login {
display:flex;
flex-direction: column-reverse;	
}



    .panel-login {
padding-left: 60px !important;
padding-top: 100px;
padding-right: 60px !important;
padding-bottom: 100px;
width: auto;
height: auto;
background: #F6F8FE;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

.panel-login-img {
padding-left: 60px !important;
padding-top: 100px;
padding-right: 60px !important;
padding-bottom: 100px;
width: auto;
height: auto;
background: #212945;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

    
  }


@media only screen and (max-width: 960px) {
	
    .d-flex-responsive {
        display: flex;
        flex-direction: column;
        
    
    }
    
    .line-none {
	display:none;
}

.d-flex-responsive-filtro{
    display: flex;
    flex-direction: column !important;

}
    
  

    h1 {
        margin-bottom: 10px;
        margin-top: 0px;
    }


    .select-option-cu1-colum {
    min-width: unset;
    max-width: unset;
    width: 100%;
    height: 44px;
    padding: 0px;
    gap: 10px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(197, 202, 217);
    border-image: initial;
    border-radius: 8px;
    text-align: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #474D61;
    margin-bottom: 34px;

}

.row-gap-20-responsive {
    row-gap: 20px;
  }
  .align-items-center-responsive {
    align-items: unset;

}


    
  }




  @media only screen and (max-width: 640px) {
  .estados-panel-aviso {
    background-color:white!important;
}
  
  .modal-cambiarEstado {
  width:100%!important;
  }
  
  .d-flex-responsive-filtro{
    display: flex;
    flex-direction: column !important;
    width:90%;

}
  
  .panel-login {
    padding-left: 20px !important;
    padding-top: 100px;
    padding-right: 20px !important;
    padding-bottom: 100px;
    width: auto;
    height: auto;
    background: #F6F8FE;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


    .d-flex-responsive-barra {
        display: flex;
        flex-direction: column;
    
    }

    .align-items-center-responsive {
        align-items: unset;

    }
    
    .d-flex-responsive-certificaciones {
    display: flex;
    flex-direction: column;

}
.mt-20-responsive-certificaciones {
	margin-top:20px;
}
    body .ui-inputfield {
    width:100%!important;
    }
    
    
    .d-flex-responsive-filtro-datos {
    display: flex;
    flex-direction: column;
    align-items: unset;

}

.decorado-icon-tarjeta-grande {
	height:200px;
	border-radius:5px;
	width:200px;
	margin: 0 auto;
	padding:10px;
}


   
  }




  @media only screen and (max-width: 320px) {
  
  .panel-login {
    padding-left: 10px !important;
    padding-top: 100px;
    padding-right: 10px !important;
    padding-bottom: 100px;
    width: auto;
    height: auto;
    background: #F6F8FE;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
  
  
  
    .d-flex-responsive-barra {
        display: flex;
        flex-direction: column;
    
    }
    .align-items-center-responsive {
        align-items: unset;

    }
    .d-flex-responsive-img{
	display:unset;
}

.decorado-icon-tarjeta-grande {
	height:150px;
	border-radius:5px;
	width:150px;
	margin: 0 auto;
	padding:10px;
}

   
  }