/*============================================================================================*/
/* Assessment Santander X */
/*============================================================================================*/

.content-sx{
    background: url(../img/bgSx1.png);
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    background-attachment: scroll; 
    overflow-y: hidden;
    padding:10px;
    padding-left:0px
}

.btnSx-B {
  color: #ec0000;
  text-decoration: none;
  transition: background .5s ease;
  -moz-transition: background .5s ease;
  -webkit-transition: background .5s ease;
  -o-transition: background .5s ease;
  display: inline-block;
  cursor: pointer;
  outline: none;
  text-align: center;
  background: #fff;
  /*border: 1px solid #ec0000;*/
  border:none;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 24px;
  line-height: 1;
  padding: 13px 40px;
  font-family: OpenSans-Bold,sans-serif;
}


.btnSx-B:hover{
  background: #F24C4C;
  color: #fff;
}

.btnSx-B:focus {
  outline: none;
  box-shadow: none;
}

@media (max-width: 890px) {
  .content-sx{
      background: url(../img/portadasx-m.png);
      background-repeat: no-repeat; 
      background-size: 100% 100%; 
      background-attachment: scroll; 
      overflow-y: hidden;
      padding:10px;
      padding-left:0px
  }

}

@media (max-width: 991px) {
  .content-sx-2{
      background: url(../img/portadasx-m.png);
      background-repeat: no-repeat; 
      background-size: 100% 100%; 
      background-attachment: scroll; 
      overflow-y: hidden;
      padding:10px;
      padding-left:0px
  }

}

@media (max-width: 767px) {
  .content-left-sx {
    padding: 0px 15px 35px 15px;
  }
}

.centrado-sx {
   display: flex;
   align-items: center;
}

/* LOADER SX */
.app-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    border-right: 4px solid #f2f2f2;
    border-top: 4px solid #f2f2f2;
    border-left: 4px solid #f2f2f2;
    border-bottom: 4px solid transparent;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    animation: spin 1.6s linear infinite;
    margin: -76px 0 0 -76px;
}
            
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}  
            
.app-loading_img {
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 6px;
    right: 0;
    margin: auto;
    width: 36px;
    height: 36px
}