@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
body, body.body {
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
  margin-top: 3.5625rem;  
}
a,
a:hover,
a:focus {
	color: #E20019;
    text-decoration: none;
    transition: all 0.3s;
}

.fondoLogin{	
	background:url('[[@{/img/Molinon.jpg}]]') no-repeat; background-size:cover;
}
.content {
    width: 100%;
    min-height: calc(100vh - 3.5625rem);
    transition: all 0.3s;
}
.custom-select {
    padding: .375rem;
}

.dashboard-icon {
	font-size: 2rem;
	color: #E20019;
}

.bg-light-transparent {
    background-color: rgba(255, 255, 255, 0.82)!important;
}
.mt-n4-5, .my-n4-5 {
    margin-top: -1.75rem!important;
}
.inputSporting, 
.inputSporting:focus, 
.inputSporting:active{
	border-color:#E20019;
	border-radius: 0.5rem !important;
	background-color: rgba(255, 255, 255, 0.9)!important;
	color:#E20019;
}
.inputSporting:-webkit-autofill,
.inputSporting:-webkit-autofill:hover, 
.inputSporting:-webkit-autofill:focus,
.inputSporting:-webkit-autofill:active,
.inputSporting:-internal-autofill-selected{	
	color:#E20019 !important;
}
.inputSporting::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #E20019;
  opacity: 1; /* Firefox */
}
.inputSporting:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #E20019;
}
.inputSporting::-ms-input-placeholder { /* Microsoft Edge */
  color: #E20019;
}
#carouselComunicados{
    padding-left: 50px!important;
    padding-right: 50px!important;
}
#carouselComunicados .carousel-control-prev {
    left: -50px;
}
#carouselComunicados .carousel-control-next {
    right: -50px;
}
.modal .modal-content.alert-danger {
    color: #E20019;
    background-color: #f1f1f1;
    border-color: #E20019;
}
.modal .modal-content.alert-success {
    color: #155724;
    background-color: #f1f1f1;
    border-color: #155724;
}
.btn {
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		padding:14px;
		background-color:#E20019;
		border:0px;
		border-radius:10px;
		cursor:pointer;
	}
	
	.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,
	.btn-secondary:hover,
	.btn-secondary:focus,
	.btn-secondary:active{
		background-color:transparent !important;
		color:#ccc;		
		box-shadow:none;
		border:0px;
	}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.btn-danger {
    color: #fff;
    background-color: #E20019;
    border-color: #E20019;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
/***BOTON SPORTING - INICIO****/
.btn-sporting {
    color: #fff;
    background-color: #E20019;
    background-image: -webkit-linear-gradient(top,#E20019 0,#E20019 100%);
    background-image: -moz-linear-gradient(top,#E20019 0,#E20019 100%);
    background-image: -ms-linear-gradient(top,#E20019 0,#E20019 100%);
    background-image: -o-linear-gradient(top,#E20019 0,#E20019 100%);
    background-image: linear-gradient(top bottom,#E20019 0,#E20019 100%);
    border-color: #E20019;
    box-shadow:none;
  }
.btn-sporting:hover,
button.btn-sporting.active:not(.disabled):hover:not(.disabled), 
button.btn-sporting:active:not(.disabled):hover:not(.disabled) {
    color: #fff;
    background-color: #d7204b;
    background-image: -webkit-linear-gradient(top,#d7204b 0,#d7204b 100%);
    background-image: -moz-linear-gradient(top,#d7204b 0,#d7204b 100%);
    background-image: -ms-linear-gradient(top,#d7204b 0,#d7204b 100%);
    background-image: -o-linear-gradient(top,#d7204b 0,#d7204b 100%);
    background-image: linear-gradient(top bottom,#d7204b 0,#d7204b 100%);    
    border-color: #d7204b;
    box-shadow: 0 0 0 0.2rem rgba(241,0,67,0.3);
  }
.btn-sporting:focus,
.btn-sporting.focus {
    box-shadow: 0 0 0 0.2rem rgba(241,0,67,0.3);
  }
.btn-sporting.disabled,
.btn-sporting:disabled {
    color: #fff;
    background-color: rgba(241,0,67,0.3);
    background-image: -webkit-linear-gradient(top,rgba(241,0,67,0.3) 0,rgba(241,0,67,0.3) 100%);
    background-image: -moz-linear-gradient(top,rgba(241,0,67,0.3) 0,rgba(241,0,67,0.3) 100%);
    background-image: -ms-linear-gradient(top,rgba(241,0,67,0.3) 0,rgba(241,0,67,0.3) 100%);
    background-image: -o-linear-gradient(top,rgba(241,0,67,0.3) 0,rgba(241,0,67,0.3) 100%);
    background-image: linear-gradient(top,rgba(241,0,67,0.3) 0,rgba(241,0,67,0.3) 100%);
    border-color: rgba(241,0,67,0.3);
}
div.dt-button-collection button.btn-sporting:active:not(.disabled),
div.dt-button-collection button.btn-sporting.active:not(.disabled),
div.dt-button-collection div.btn-sporting:active:not(.disabled),
div.dt-button-collection div.btn-sporting.active:not(.disabled),
div.dt-button-collection a.btn-sporting:active:not(.disabled),
div.dt-button-collection a.btn-sporting.active:not(.disabled),
.btn-sporting:not(:disabled):not(.disabled):active,
.btn-sporting:not(:disabled):not(.disabled).active,
button.btn-sporting.active:not(.disabled),
.show > .btn-sporting.dropdown-toggle {
    color: #fff;
    background-color: #E20019;
    background-image: -webkit-linear-gradient(top,#E20019 0,#E20019 100%);
    background-image: -moz-linear-gradient(top,#E20019 0,#E20019 100%);
    background-image: -ms-linear-gradient(top,#E20019 0,#E20019 100%);
    background-image: -o-linear-gradient(top,#E20019 0,#E20019 100%);
    background-image: linear-gradient(to bottom,#E20019 0,#E20019 100%);
    border-color: #E20019;
    box-shadow:none;
  }
.btn-sporting:not(:disabled):not(.disabled):active:focus,
.btn-sporting:not(:disabled):not(.disabled).active:focus,
.show > .btn-sporting.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(241,0,67,0.3);
}
.btn:hover{
		background-color:#eee;
	 	color:#E20019;
	}
.texto-rojo-sporting{
	color: #E20019;
}
.color-ccc{
	color:#cccccc;
}
.color-ddd{
	color:#dddddd;
}
.color-333{
	color:#333333;
}
.btn.disabled{
    background-color: #eeeeee;
    color: #E20019;
}
.readmore{
	font-size:0.8rem;
	font-style:italic;
	position: absolute;
    right: 10px;
    bottom: 10px;
}
/* INPUT CALENDARIO */
.gj-datepicker-md [role=right-icon] {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 24px;
    background: #e20019;
    padding: 7px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.gj-textbox-md {
    border: none ;    
    height: calc(1.5em + .75rem + 2px);
    display: block;    
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;;
    margin:initial;
    width: 100%;
    color: #495057;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.r-0{right:0px;}
.r-1{right:0.25rem !important;}
.r-2{right:0.5rem !important;}
.r-3{right:1rem !important;}
.r-4{right:1.5rem !important;}
.r-5{right:2rem !important;}
.t-0{top:0px;}
.t-1{top:0.25rem !important;}
.t-2{top:0.5rem !important;}
.t-3{top:1rem !important;}
.t-4{top:1.5rem !important;}
.t-5{top:2rem !important;}
.b-0{bottom:0px;}
.b-1{bottom:0.25rem !important;}
.b-2{bottom:0.5rem !important;}
.b-3{bottom:1rem !important;}
.b-4{bottom:1.5rem !important;}
.b-5{bottom:2rem !important;}
.l-0{left:0px;}
.l-1{left:0.25rem !important;}
.l-2{left:0.5rem !important;}
.l-3{left:1rem !important;}
.l-4{left:1.5rem !important;}
.l-5{left:2rem !important;}
.d-table-caption{display:table-caption;}

/* INPUT BOOTSTRAP*/
.form-control, .form-control:active, .form-control:focus{
	background: #f1f1f1;
	border:none;	
}
.form-control:active, .form-control:focus{
	box-shadow: 0px 0px 3px rgb(234, 0, 26,0.8);
}
.page-link {   
    color: #E20019;        
}
.page-link:hover {    
    color: #E20019;    
}
/* DASHBOARD CAROUSEL */
.font-size1-5{
	font-size: 1.5rem;
}
.font-size0-8{
	font-size: 0.8rem;
}
.nav-footer-login li{
	font-size: 0.6rem;
	margin-right:1.5rem;
}
.footer-login{
	position:absolute;
	bottom:10px;
}
.btn {
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		padding:14px;
		background-color:#E20019;
		border:0px;
		border-radius:10px;
		cursor:pointer;
	}
	.btn:hover{
		background-color:#eee;
	 	color:#E20019;
	}
	.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,
	.btn-secondary:hover,
	.btn-secondary:focus,
	.btn-secondary:active{
		background-color:transparent !important;
		color:#ccc;		
		box-shadow:none;
		border:0px;
	}
.page-item.active .page-link{
	border-color:#E20019;
}
#botonesDashboard .card{
	background-color:#f5f5f5;
	border:none;
	line-height:1rem;
	padding:0.25rem;	
	margin-bottom:10px;
}
#botonesDashboard .card-body{
	padding:0.25rem;
}
#carouselComunicados {
  object-fit: cover;
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
     padding-left: 10%!important;
     padding-right: 10%!important;
}
#carouselComunicados::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: white;
}
#carouselComunicados::-webkit-scrollbar
{
  width: 6px;
  background-color: #E20019;
}
#carouselComunicados::-webkit-scrollbar-thumb
{
  background-color: #E20019;
}
.carousel{
	position: absolute;
}
.carousel-control-next-icon{
	background-color: #E20019;
	padding: 6%;
}
.carousel-control-prev-icon{
	background-color: #E20019;
	padding: 6%;
}
.owl-carousel .item {      
    padding: 1rem;
    background: #f5f5f5;
}
.owl-carousel .item h4 {
    color: #E20019;
    font-weight: 400;
    margin-top: 0rem;
    font-size:1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.owl-carousel .item p.infoComunicado{
	line-height:0.8rem;
}
.owl-carousel .item date {
	font-size:0.7rem;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
    margin-top: 10px;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-carousel .carouselContent{
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
    color:#a7a7a7;
    margin-bottom:0px;
}
.owl-carousel .carouselContent,
.owl-carousel .carouselContent p,
.owl-carousel .carouselContent span,
.owl-carousel .carouselContent a{
	font-size:0.8rem !important;
	font-family: "Montserrat", sans-serif !important;
	text-align:left !important;
}
.owl-carousel .item.activo{
	background-color: #c7c7c7;
}

.owl-carousel .item.activo:after {
	content:"Seleccionado";
	background-color: #E20019;
	color:#ffffff;
	padding:0.25rem;
	position:absolute;
	top:-2px;
	right:5px;
	border-radius:0.25rem;
}
.owl-carousel .item.activo a,
.owl-carousel .item.activo h4{
	color:#ffffff;
}
.owl-carousel .item.activo p{
	color:#404040;
}
#carouselComunidados:after{
	height:1px;
	background:#eeeeee;
	width:80%;
	display:block;
	margin:30px auto 10px;
	content:" ";
}    
.bottom10{
	bottom:10px;
}
/* DASHBOARD CAROUSEL */

/* DRAG AND DROP */
.file-upload {
  background-color: #ffffff;
  width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  margin-top: 20px;
  border: 4px dashed #E20019;
  position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #9b9b9b;
  border: 4px dashed #ffffff;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}
image-upload-wrap h3:hover{
	color: white;
}
.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-weight: 30;
  color: #E20019;
  font-weight: bold;
  padding: 60px 0;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #9b9b9b;
  border: 4px dashed #ffffff;
}

.image-dropping,
.image-upload-wrap:hover h3 {
	color: white;	
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
  color: white;
}

/* DRAG AND DROP  */
 /* RESPONSIVE */ 
 @media (max-width: 768px){
 	#botonesDashboard .card{
		margin-bottom:10px;
	}
}
 @media (max-width: 475px){
 	#botonNuevo{
 		position:inherit !important;
	 	background: #e20019;
	    border-radius: 0.5rem;
	    color: #fff;
    }
    #botonNuevo a{
	    color: #fff;
	    padding: 0.5rem;
	    font-size: 1.25rem;
	    margin-bottom: 1.5rem;
    }
    #botonNuevo a svg{
        background: #fff;
	    border-radius: 3rem;
	    color: #e20019;
	    border: 1px solid #e20019;
    }
	
 } 
  @media (max-width: 375px){ 	
    #botonNuevo a{	    
	    font-size: 1rem;	    
    }
    .dashboard-icon {
    	font-size: 1rem;    	
	}
	#botonesDashboard .card-body span:last-child{
		font-size:0.8rem;
	}	
  }
@media (max-height: 700px) and (max-width: 700px) and (orientation: landscape) {
	.footer-login {
    	position: inherit;    	
	}
	.loginFondo{
		height:auto !important;		
	}
	#loginSidebar{
		padding:3rem 15px;
	}
}

#labelNominaRButton{
	display: inline-block;
} 

#labelCertRButton {
	float: right;
}

#labelTipoRButton {
	display: block;
}


/* RESPONSIVE*/