@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
-------- VWMotiva ----------------------------------------------
0.0 Declaracion de fuentes


*/

html, body {
    overflow-x: hidden; 
}

@font-face {
    font-family: 'VWHeadRegular';
    src: url('../fonts/vwhead-regular.eot');
    src: url('../fonts/vwhead-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/vwhead-regular.woff') format('woff'), url('../fonts/vwhead-regular.ttf') format('truetype'), url('../fonts/vwhead-regular.svg#vwhead-regular') format('svg');
}
@font-face {
    font-family: 'VWHeadLight';
    src: url('../fonts/vwhead-light.eot');
    src: url('../fonts/vwhead-light.eot?#iefix') format('embedded-opentype'), url('../fonts/vwhead-light.woff') format('woff'), url('../fonts/vwhead-light.ttf') format('truetype'), url('../fonts/vwhead-light.svg#vwhead-light') format('svg');
}
@font-face {
    font-family: 'VWHeadBold';
    src: url('../fonts/vwhead-bold.eot');
    src: url('../fonts/vwhead-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/vwhead-bold.woff') format('woff'), url('../fonts/vwhead-bold.ttf') format('truetype'), url('../fonts/vwhead-bold.svg#vwhead-bold') format('svg');
}
@font-face {
    font-family: 'VWHeadExtraBold';
    src: url('../fonts/vwhead-extrabold.eot');
    src: url('../fonts/vwhead-extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/vwhead-extrabold.woff') format('woff'), url('../fonts/vwhead-extrabold.ttf') format('truetype'), url('../fonts/vwhead-extrabold.svg#vwhead-extrabold') format('svg');
}
@font-face {
    font-family: 'VWHeadOfficeBold';
    src: url('../fonts/vwheadoffice-bold.eot');
    src: url('../fonts/vwheadoffice-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/vwheadoffice-bold.woff') format('woff'), url('../fonts/vwheadoffice-bold.ttf') format('truetype'), url('../fonts/vwheadoffice-bold.svg#vwheadoffice-bold') format('svg');
}
@font-face {
    font-family: 'VWTextBold';
    src: url('../fonts/vwtext-bold.eot');
    src: url('../fonts/vwtext-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/vwtext-bold.woff') format('woff'), url('../fonts/vwtext-bold.ttf') format('truetype'), url('../fonts/vwtext-bold.svg#vwtext-bold') format('svg');
}
@font-face {
    font-family: 'VWTextRegular';
    src: url('../fonts/vwtext-regular.eot');
    src: url('../fonts/vwtext-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/vwtext-regular.woff') format('woff'), url('../fonts/vwtext-regular.ttf') format('truetype'), url('../fonts/vwtext-regular.svg#vwtext-regular') format('svg');
}
@font-face {
    font-family: 'VWTextLight';
    src: url('../fonts/vwtext-light.eot');
    src: url('../fonts/vwtext-light.eot?#iefix') format('embedded-opentype'), url('../fonts/vwtext-light.woff') format('woff'), url('../fonts/vwtext-light.ttf') format('truetype'), url('../fonts/vwtext-light.svg#vwtext-light') format('svg');
}
@font-face {
    font-family: 'VWHeadItalic';
    src: url('../fonts/vwhead-italic.eot');
    src: url('../fonts/vwhead-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/vwhead-italic.woff') format('woff'), url('../fonts/vwhead-italic.ttf') format('truetype'), url('../fonts/vwhead-italic.svg#vwhead-italic') format('svg');
}

.no-margin {
    margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-left {
    margin-left: 0 !important;
}
.no-margin-right {
    margin-right: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.no-padding-left {
    padding-left: 0 !important;
}
.centered {
	text-align: center !important;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.img-responsive.img-centered {
	margin: 0 auto;
}
.img-responsive.img-all {
	width: 100%;
}
.text-left {
	text-align: left !important;
}

/**
 *14.0 - LOGIN Y SELECCION PROGRAMA
 *
 * Definicion de clases para el login
 */
 #divLogin{
 	min-height: 100%; 
 	position: relative;
 }

 #divLogin h1 {
	font-family: 'VWTextLight', Arial, sans-serif;
    font-size: 27px;
    color: #001843;
    text-transform: uppercase;
 }
 
 .backlogo-motiva{
 	height: 100%;
	width: auto;
 
 }

@media(min-width:1280px){
	.backlogo-motiva{
		height: auto;
	}
	.vw-gala-cta-image{
		transform: translateX(-5px);
	}
}
@media(min-width:1480px){
	.vw-gala-cta-image{
		transform: translateX(-5px);
	}
}
  @media(min-width:2000px){
 	 .backlogo-motiva{
 	 	height: 100vh;
 	 }
 }
 
 .loginBackground {
	background-image: url('../images/vwmotiva-background.jpg?v0.1');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	
}

#form-login input{
	font-family: 'VWTextLight', Arial, sans-serif; 
	font-size: 17px;
}

.form-horizontal-custom .form-control {
	background-color: transparent;
	border: 1px solid #001843;
	padding-left: 0;
	height: 45px;
	padding: 10px 0px;
	border-radius: 20px;
	text-align: center;
	
}
#form-login input::placeholder {
	color: #001843;
	letter-spacing: 0.2em;
}

#form-recuperar-password input{
	font-family: 'VWTextLight', Arial, sans-serif; 
	font-size: 17px;
}
#form-recuperar-password input::placeholder {
	color: #001843;
	letter-spacing: 0.2em;
}


.form-horizontal-custom .checkbox-small input[type="checkbox"] + label span:not(.puntos) {
	
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: -3px 4px 0 0;
    vertical-align: middle;
    width: 10px;
    border-radius: 16px;
    border: 1px solid;
    color: #001843;
}
#divLogin .login_remember {

    font-family: 'VWHeadLight', Arial, sans-serif;
    color: #001843;
    font-size: 12px;
    font-weight: normal;
    cursor:pointer;

}

#divLogin .login_link {
    font-family: 'VWHeadLight', Arial, sans-serif;
    color: #001843;
    font-size: 12px;
    text-decoration: underline;
}
.loginPoliticaPrivacidad {

    font-family: 'VWTextRegular', Arial, sans-serif;
    color: #001843;
    font-size: 9.5px;
    text-align: justify;
    text-justify: inter-word;

}
#divLogin a.custom-button {

    font-family: 'VWHeadRegular', Arial, sans-serif;
    font-size: 17px;
    color:#fff;
	background-color: #001843;
    width: 100%;
    padding: 10px;
    display: block;
    border-radius: 30px;
    letter-spacing: 0.2em;

}
.form-horizontal-custom .checkbox-small input[type="checkbox"]:checked + label span:not(.puntos) {

    border: 5px solid #001843;

}

.footer-login ul > li > a{
	color: #001843;
	font-family: 'VWHeadLight', Arial, sans-serif;
	font-size: 12px;
}
 .backlogo-motiva-mobile{
 	display:none;
 
 }
 .mobile-background{
 	background-color: #fff;
 }
 #divLogin .form-horizontal-custom input{
 	color: #001843;
 	letter-spacing: 0.2em;
 	
 }
 
 .margin-login-buttons{
 	margin-bottom:50px;
 }
 .mobile-space-remember{
 		margin-bottom: 30px;
 }
 .footer-login ul > li {

    border-right: 1px solid #001843;
    display: inline;
    padding-right: 5px;
}

/*----POP UP-------------*/

.fancybox-skin p, .fancybox-skin a, .fancybox-inner p {

    color: #001e50;
    font-family: 'VWHeadBold', Arial, sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-align: center;

}
.popUp-correo{
	 color: #00b0f0 !important;
    font-family: 'VWHeadBold', Arial, sans-serif;
    /* font-size: 20px !important; */
    font-weight: normal;
    text-align: center;
}
.popUp-margins{
	margin-top: 45px;
	margin-bottom: 60px;
	margin-left: 20px;
	margin-right: 20px;
	
}

.form-horizontal-custom .help-block {
    background-color: #cb032f;
	color:    #ffffff;
    cursor: default;
    font-family: "VWTextRegular",Arial,sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 10px;
    position: absolute;
    right: -30px;
    text-align: center;
    top: -40px;
    user-select: none;
}
#id_login_privacidad-error{
	top: 30px;
}
/*----MOBILE LOGIN-------*/

@media(max-width: 768px){

	#divLogin h1 {
	    font-size: 21px;
	    color: #fff;
	    text-align: center;
	}
	.form-horizontal-custom .form-control {	
	    background-color:#fff;
		border: 1px solid #001843;
	    padding-left: 0;
	    padding: 25px 0px;
	    border-radius: 10px;
	    text-align: center;
	
	}
	#divLogin a.custom-button {
	    font-family: 'VWHeadRegular', Arial, sans-serif;
	    font-size: 17px;
	    color: #fff;
		background-color: transparent;
	    width: 100%;
	    padding: 10px;
	    display: block;
	    border-radius: 10px;
	    letter-spacing: 0.2em;
	    border: 1px solid;

	}
	 .backlogo-motiva{
	 	display:none;
	 	
 	}
 	 .backlogo-motiva-mobile{
 	 	display:block;
 		height: 100%;
		width: 100%;
 	}
 	.mobile-background{
 		background-color:#001843;
 		padding: 0 !important;
 	}
 	.background-mobile-logo{
 		padding: 0 !important;
 	}
 	#divLogin .login-sp-welcome{
 		margin-top:35px;
 		margin-bottom: 35px;
 	}
 	.form.form-horizontal-custom{
 		padding-left: 45px;
 		padding-right: 60px;
 	}
 	 .margin-login-buttons{
 		margin-bottom:30px;
 	}
 	#divLogin .login_remember{
 		color: #fff;
 		font-size: 20px;
 		display: flex;
 		align-items: center;
		margin-left: 0px;
 	}
 	.mobile-space-remember{
 		margin-bottom: 30px;
 	}
 	.loginPoliticaPrivacidad{
 		color: #fff;
 	}
 	.form-horizontal-custom .checkbox-small input[type="checkbox"] + label span:not(.puntos){
 		color: #fff;
 		height: 30px;
 		min-width: 30px;
 		background-color: #fff;
 		display: flex;
 		margin: 0px 15px 0 0;
 	}
 	.form-horizontal-custom .checkbox-small input[type="checkbox"]:checked + label span:not(.puntos) {
    	border: 5px solid white;
    	background: #00b0f0;
 	}
 	.loginPoliticaPrivacidad-title{
 		font-family: 'VWHeadBold',Arial,sans-serif;
 		text-align: center;
 		font-size: 14px; 		
 	}
 	.footer-login ul > li > a {
 		color: #fff;
 	}
 	 .footer-login ul > li {
	    border-right: 1px solid #fff;
	    display: inline;
	    padding-right: 5px;
	}
	#divLogin .login_link {
	    font-family: 'VWHeadLight', Arial, sans-serif;
	    color: #fff;
	    font-size: 20px;
	    text-decoration: underline;
	}
	.popUp-margins{
		margin-top: 45px;
		margin-bottom: 60px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.form-horizontal-custom .help-block {
	    font-size: 10px;
	    padding: 6px;
	    right: 0;
	    top: -28px;

	}
	#j_username-error{
		top: 108px;
	}
	#id_login_privacidad-error{
		top: 0px;
	}
 	
 	
}

/*----MFA -------*/

#form-mfa-code input {
    font-family: 'VWTextLight', Arial, sans-serif;
    font-size: 17px;
}
#form-mfa-code input::placeholder {
    color: #001843;
    letter-spacing: 0.2em;
}
.mfa-subtitle {
    font-family: 'VWHeadBold', Arial, sans-serif;
    color: #001843;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: left;
    max-width: 100%; 
}

/*----MFA MOBILE -------*/

@media(max-width: 768px){
    .mfa-subtitle {
        text-align: center;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
    }
}

/*------DASHBOARD--------*/

.main-dashboard-2018-container{
    display: flex;
	background: url('../images/vwmotiva-background.jpg?v0.1') no-repeat right bottom;
/* 	overflow:hidden; 
	height: 100vh; */
	background-size: cover;
}

.footer {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999;

}
.footer ul > li > a {
    color: #fff;
    font-family: 'VWHeadLight', Arial, sans-serif;
    font-size: 12px;

}

.footer ul > li {
    border-right: 1px solid #fff;
    display: inline;
    padding-right: 5px;

}

.navbar-audi {
    background-color: transparent;
	border-color: transparent;
    border-radius: 0px;
    height: auto;
    left: 0;
    margin-bottom: 0px;
    position: fixed;
    right: 0;
    z-index: 999;

}

.backlogo-motiva-dash{
 	 height: 100vh;
 	 width: auto;

}

.dashboard-button{
	border: 1px solid #fff;
	width: auto;
	height: calc(100vh / 5 - 59px);
	background: transparent;
	/*padding: 50px 100px 60px;*/
	display: flex;
	border-radius: 20px;
	min-height: 80px
}

.dashboard-options{
	margin: auto;
}

.background-mobile-logo,
.vw-gala-cta {
	padding: 0;
}

.span-bold {
    color: #fff;
    font-family: 'VWHeadBold', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.logout-header{
    color: #ef5a57;
    font-family: 'VWHeadRegular', Arial, sans-serif;
    font-size: 8px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: right;
}

.header-centro {

    right: -3%;

}
.menu-desplegable-ga5{
	display:none;
	
}
.background-mobile-logo-dash{
	display:none;

}

.notificaciones-block {

    background: #001e50;
    left: -190px;
    padding: 15px;
    position: absolute;
    top: -72px;
    width: 400px;
    z-index: 999;
    left: -351px;
	border-radius: 20px;
}
.logout-header:hover {

    color: #ef5a57;

}

/*----DASHBOARD MOBILE------*/

@media(max-width: 768px){
	.footer{
		display:none;
	}
	.backlogo-motiva-dash {
    	height: auto;
    	width: 100vw;
	}
	.main-dashboard-2018-container{
		padding-left:0px !important;
		padding-right: 0px !important;	
		flex-wrap: wrap;
	}
	.background-mobile-logo-dash{
	    object-fit: contain;
		padding: 0 !important;
		margin-top: 60px;
		display: block;
	}
	.main-dashboard-2018-container{
		overflow: auto;
	}
	.background-mobile-logo{
		/*position:fixed;*/
	}
	.first-button-space{
		margin-top: 35px !important;
	}
	.dashboard-column-space{
		margin-bottom: 100px;
	}
	.button-mobile{
		margin-right: 25px;
		margin-left: 25px;
		
	}
	.dashboard-options{
		transform: scale(0.6);
	}
	.dashboard-options.margin-left-mobile {
		margin-left: -35px;
	}
	.dashboard-button {
		height: calc(100vh / 3 - 130px);
		min-height: 90px;

	}
	.menu-ga5 {
 	   height: 100vh;
	}
	.mostrar-menu-ga5 {
    	width: 100%;
    	margin-right: 0 !important;
	}
	.menu-ga5 {
   		background-color: #001e50;
	}
	.logout-header-mobile {
	    color: #ef5a57;
	    font-family: 'VWHeadRegular', Arial, sans-serif;
	    font-size: 14px;
	    font-weight: normal;
	    text-transform: uppercase;
	    text-align: right;
	    padding: 15px 40px; 
	    border: 1px solid #ef5a57;
	}
	#enlaces-ga5 > ul > li > a {
	    color: #fff;
	    font-family: 'VWHeadLight', Arial, sans-serif;
	    font-size: 20px;
	    text-transform: uppercase;
	}
	#enlaces-ga5 > ul > li {
    	list-style: none;
    	width: auto;
	}
	.sep {
    	padding-bottom: 15px;
    	border-bottom: 0px solid #d0d0d0;
	}
	.menu-desplegable-ga5{
		display: unset;
	}
	
	.dashboard-overflow-mobile{
		overflow: auto;
	}
	
	.backlogo-motiva-dash{
		display: none;
	}
	
	.logout-header-mobile:hover{
		color: #ef5a57;
	}
	
	
	
}

@media(max-width: 370px){
	
	.logout-header-mobile {

	 	padding: 15px 10px;
	

	}
}

/*---RENEW PASSWORD-----*/

#frmPassword input{
	font-family: 'VWTextLight', Arial, sans-serif; 
	font-size: 17px;
}

#frmPassword input::placeholder {
	color: #001843;
	letter-spacing: 0.2em;
}

@media(max-width: 768px){
	
	#frmPassword{
 		padding-left: 15px;
    	padding-right: 30px;
 	}
 	
 	#frmPassword input {
    font-family: 'VWTextLight', Arial, sans-serif;
    font-size: 14px;
    }
}
/*-----FORMULARIO DE INSCRIPCIÓN-----*/

h1.custom-font {
    color: #001843;
    font-family: 'VWTextLight', Arial, sans-serif;
    font-size: 27px;
}
.base-div-inscription{
	background-color: rgba(255,255,255,1);
    max-width: 100%;
    padding: 25px 25px 0px 25px;
    position: relative;

}
.inscription-buttons-active{
	color: #172982;
	background-color: #00b0f0;
	font-family: 'VWHeadRegular', Arial, sans-serif;
	font-size: 16px;
	border-radius: 60px;
    text-decoration: none;
    padding: 15px 0px;
    border: none;
    width: 200px;
    letter-spacing: 2px;
}
.inscription-buttons-disabled{
	color: #acbbd9;
	background-color: #a5e3fa;
	font-family: 'VWHeadRegular', Arial, sans-serif;
	font-size: 16px;
	border-radius: 60px;
    text-decoration: none;
    padding: 15px 0px;
    border: none;
    width: 200px;
    letter-spacing: 2px;
}

#form-registrar .registro-subtitle {
	font-family: 'VWTextBold',Arial,sans-serif;
	padding: 5px 15px;
	background-color: #00b0f0;
	border-radius: 15px;
}

#form-registrar .form-control, #form-registrar-instalaciones .form-control {
    background-color: transparent;
    padding-left: 0;
    padding-top: 15px;
    height:45px;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #00b0f0;
    text-align: left;
    
}

#form-registrar .label-over-input, #form-registrar-instalaciones .label-over-input{
    color: #172982;
    font-family: 'VWTextBold', Arial, sans-serif;
    font-size: 12px;
    left: 15px;
    position: absolute;
    top: -10px;
}
#form-registrar .cajaselect, #form-registrar-instalaciones .cajaselect{
	background-color: rgba(0, 0, 0, 0);
    background-image: url(../images/select-arrow.png);
    background-position: right center;
    background-repeat: no-repeat;    
    cursor: pointer;
    height: 34px;
	border-bottom: 2px solid #00b0f0;
	padding: 0px;
}

#form-registrar .cajaselect span, #form-registrar-instalaciones .cajaselect span {
    color: #172982;
    font-family: "VWTextRegular",Arial,sans-serif;
    font-size: 18px;
}
#form-registrar input, #form-registrar-instalaciones input{
	color: #172982;
    font-family: "VWTextRegular",Arial,sans-serif;
    font-size: 18px;
}
#form-registrar .form-group, #form-registrar-instalaciones .form-group {
    margin-bottom: 25px;
}
#form-registrar .blue-button-photo{
	color: #172982;
    background-color: #00b0f0;
    font-family: 'VWHeadRegular', Arial, sans-serif;
    font-size: 12px;
    border-radius: 60px;
    text-decoration: none;
    padding: 10px 0px 0px 0px;
    border: none;
    min-width: 180px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 2px;
    font-weight: 100;
}
#form-registrar a.custom-button, #form-registrar-instalaciones a.custom-button {
    font-family: 'VWHeadRegular', Arial, sans-serif;
    font-size: 17px;
    color: #fff;
    background-color: #001843;
    width: 100%;
    padding: 10px;
    display: block;
    border-radius: 30px;
    letter-spacing: 0.2em;
}

#form-registrar .login_remember {

    font-family: 'VWHeadLight', Arial, sans-serif;
    color: #001843;
    font-size: 12px;
    font-weight: normal;
    cursor:pointer;
	margin-left: 0px;
}
.choose-field-form{
	font-family: 'VWTextRegular', Arial, sans-serif;
	font-size: 20px;
	color: #172982;
}
.underline-borrar{
	
}
#subir_foto_pv, #subir_foto_vn, #subir_video {
    cursor: pointer;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.light-blue-background{
	background: #edf9fe; 
	border-radius: 20px; 
	padding: 50px; 
	margin-bottom: 20px;
}

#form-registrar .help-block, #form-registrar-instalaciones .help-block {
    background-color: #cb032f;
    color: #ffffff;
    cursor: default;
    font-family: "VWTextRegular",Arial,sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 10px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -20px;
    user-select: none;
}

@media(max-width: 1550px){
	.inscription-buttons-active{
		width: 160px;
	}
	.inscription-buttons-disabled{
		width: 160px;
	}
}

@media(max-width: 1369px){
	.inscription-buttons-active{
		font-size: 14px;
		width: 125px;
	}
	.inscription-buttons-disabled{
		font-size: 14px;
		width: 125px;
	}
}

@media(max-width: 991px){
	.mobile-layout{
		padding: 0px;
	}
	.mobile-title-form{
		margin-bottom: 25px !important;
	}
	.mobile-field-form{
		margin-bottom: 20px;
		text-align: center;
	}
	#ventas-select-button, #posventa-select-button{
		margin-bottom: 20px;
	}
	.light-blue-background{
		padding: 25px; 
	}
	.inscription-buttons-disabled{
		width: 125px;
	}

	.mobile-padding-sections{
		padding: 0 !important;
	}
	.mobile-upload-photo{
		display: none;
	}
	.mobile-preview{
		left: 50% !important;
	}
	.preview-image, .preview-image2{
		position: relative;
		left: -50%;
	}
	.preview-image-upload, .preview-image-upload2{
		position: relative;
/* 		left: -50%; */
	}
	#form-registrar .login_remember{
		display: flex;
	}

	#form-registrar .login_remember {
    
    	font-size: 20px;
	}
	.custom-file-upload{
		margin-right: 0px;
	}
	.mobile-delete{
		left: 0px;
		justify-content: center
	}

}

.avatar{
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-size: cover;
}

.avatar2{
	width: 120px;
	height: 120px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-size: cover;
}

.avatar3{
	width: 180px;
	height: 180px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-size: cover;
}


.boton-tipo1{
	border: 1px solid #01b0f1;
	color: #01b0f1;
	width: 130px;
	text-align: center;
	padding: 7px;
	font-family: 'VWHeadBold', Arial, sans-serif;
}

.boton-tipo2{
	color: #001e50;
	background-color: #01b0f1;
	width: 130px;
	text-align: center;
	padding: 7px;
	font-family: 'VWHeadBold', Arial, sans-serif;
}

.boton-tipo3{
	color: #001e50;
	background-color: #ef5a56;
	width: 130px;
	text-align: center;
	padding: 7px;
	font-family: 'VWHeadBold', Arial, sans-serif;
}

.boton-tipo4{
	border: 1px solid #ef5a56;
	color: #ef5a56;
	width: 130px;
	text-align: center;
	padding: 7px;
	font-family: 'VWHeadBold', Arial, sans-serif;
}			

.boton-tipo5{
	border: 1px solid #fff;
	color: #fff;
	width: 130px;
	text-align: center;
	padding: 7px;
	font-family: 'VWHeadBold', Arial, sans-serif;
	border-radius: 7px;
	padding: 20px 40px;
}

#divConcInst {
	background-color: white;
	opacity: 0.9;
	padding-left: 30px;
	padding-right: 30px;
}

#divConcInst-titulo {
  background-color: #001e50;
  color: #ffffff;
  font-family: 'VWHeadLight', Arial, sans-serif;
  font-weight: normal;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 10px;
  padding-left: 50px;
  font-size: 16px;
}

#divConcInst-input {
  background-image: url('../images/lupa.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #00b0f0; /* Add a grey border */
  color: #00b0f0;
  margin-bottom: 12px; /* Add some space below the input */
  margin-top: 12px;
  font-family: "VWTextRegular",Arial,sans-serif;
}

#tablaConcInst {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 0px;
}

#tablaConcInst th, #tablaConcInst td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
}

#tablaConcInst tr {
  /* Add a bottom border to all table rows */
  border: 0px;
  border-bottom: 1px solid #00b0f0;
}

#tablaConcInst tr.header, #tablaConcInst tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
  cursor: pointer;
}

#divConcInst-datos {
	/* height: calc(100vh - 270px); */
	min-height: 90px;
	overflow-x: auto;
    overflow-y: auto;
	font-family: "VWTextRegular",Arial,sans-serif;
	font-size: 14px;
	max-height: 600px;
}

#tablaConcInst tr.seleccionado {
	font-family: 'VWHeadExtraBold',Arial,sans-serif;
}