/*
html { font-family: Verdana; font-size: 26px; }
body { font-family: Verdana; font-size: 26px; }
*/
html { font-family: Verdana; font-size: 1.1em; }
body { font-family: Verdana; font-size: 1.1em; }

div.clr_fix { clear: both; float: none }

.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */
	display: flex;
	align-items: center;
}

/* For IE Browsers */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .vertical-center {
    padding-top:40px;
  }
}

#central 
{
	text-align: center;
	margin-top: 27px;
	width: 100%;
    position: relative;
}

#central img { max-width: 100%; height: auto; }

#launch_buttons, #current_user { display: none; width: 80%; max-width: 800px; }
#launch_buttons #welcome { margin-bottom: 20px; text-align: right }
#launch_log { display: none; margin-top: 20px; }
#launch_log_icon { margin-right: 10px; display: inline-block; }
#launch_log_text { line-height: 35px; display: inline-block; vertical-align: bottom; }

#current_user_container { width: 100%; margin-bottom: 10px }
#current_user { display: inline-block }

#official-version { font-size: 0.8em }

/* Acceso directo a escenario */

.panel-ted {
    border-width: 3px;
    border-style: solid; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;  
    text-align: left;  
}

.panel-ted p {
    font-size: 14px;
}

.panel-ted img.panel-image {
    float: left;
    border-width: 1px;
    border-style: solid;
    padding: 1px;
    margin-right: 15px;
}

/* Botones de la portada */
a#logo {
    display: inline-block;
    margin: 0 10px 46px;
    width: 95%;
}
a#logo img { max-width: 100%; }
a.btn {
    border: 2px solid #3E477D; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	behavior: url(css/border-radius.htc);
	-webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.24);
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.24);
	display: inline-block;
	margin: 10px;
	text-decoration: none;
	width: 350px;
	padding: 0 !important;
} 
a.btn .btn-inner, a.btn .btn-inner-alternative {
    background: transparent;
	border: 1px solid #ECECEA;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	behavior: url(css/border-radius.htc);
	-webkit-box-shadow: 0 -25px 25px -10px rgba(0, 0, 0, 0.24) inset, 0 25px 25px -12px rgba(128, 128, 128, 0.5) inset;
	box-shadow: 0 -25px 25px -10px rgba(0, 0, 0, 0.24) inset, 0 25px 25px -12px rgba(128, 128, 128, 0.5) inset;
	display: block;
	padding: 20px 100px 20px 50px;
	position: relative;
	text-align: left;
}
a.btn .btn-inner-alternative {
	text-align: center;
	padding: 20px 0 20px;
}
a.btn .btn-text {
    color: #FFF;
	/*font: normal 50px/1 Helvetica, Arial, sans-serif;*/
    font-size: 50px;
    line-height: 1;
	text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.6);
}
a.btn .btn-icon {
    background: url(../images/launch_btn_icon.png) no-repeat top left;
	height: 56px;
	position: absolute;
	right: 16px;
	top: 17px;
	width: 76px;
}
a.btn:hover {
    border-color: #333;
	-webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.4);
}
a.btn:hover .btn-inner { border-color: #EEEEEC; }
a.btn:hover .btn-text { text-shadow: -1px -1px 3px rgba(0, 0, 0, 0.6), -1px -1px 6px rgba(0, 0, 0, 0.6); }

a[disabled] { cursor: default; pointer-events: none  }

span.btn_block { width:370px; display:inline-block; vertical-align:top }
span#btn_alternative_launch { display:none }
div.btn_message { font-size: 0.9em }
div.btn_message_big { font-size: 1.1em }
div.btn_message_big span.emphasis { font-weight: bold; color: #FF0000 }

#btn_alternative_launch a.btn .btn-inner {
	padding: 10px 100px 10px 50px;
}

#btn_alternative_launch a.btn .btn-text {
	font-size:35px;
}

/* fin Botones de la portada */

/* Current version */

div#current_version { font-size: 0.9em;margin: 15px 0; }

/* fin Current Version */

/* Language selector */

div#language_selector { margin-bottom: 10px }

/* fin Language selector */

div.message {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(css/border-radius.htc);
    border-color: #333;
    border-style: solid; 
    border-width: 1px;
    padding: 15px;
    margin: 0 auto 20px;
    width: 60%;
    line-height: 24px;
	text-align: left;
}
div.message.notice {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}
div.message.warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
div.message.error {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}

div#mac_execution_instructions {
    display: none;
    text-align: left;
}
div#mac_execution_instructions ul li {
    font-size: 0.8em;
    margin-bottom: 4px;
}

#help {
    margin: 1.4em auto 30px;
    margin-bottom: 10px;
    /*overflow: hidden;*/
    text-align: center;
}
#help > div {
    background: #FFF;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(css/border-radius.htc);
    border-style: solid; 
    border-width: 3px; 
    padding: 12px;
    display: inline-block;
	margin-bottom: 1em !important;
}
#help .two_col { overflow: hidden; }
#help .two_col a.glchecker, #help .two_col div.ntrlink { float: left; }
#help .two_col h3 { float: left; }
#help .two_col a { float: left; }
#help .two_col a#islpronto_link_lang { float: left; }

#help > div h3 {
    /*font: normal 1.1em Arial, sans-serif;*/
    font-size: 1.1em;
    font-weight: normal;
	margin: 0;
	text-decoration: underline;
	width: 140px;
}
#help > div a {
	/*font: normal 1.1em Arial, sans-serif;*/
    font-size: 1.1em;
    font-weight: normal;
	margin: 0;
	text-decoration: underline;
	width: inherit;
}
#help > div h3.oneline { line-height: 2.4; }
#help > div p {
	color: #343434;
	/*font: normal 0.86em Arial, sans-serif;*/
    font-size: 0.86em;
    font-weight: normal;
	line-height: 1.2;
	margin: 10px 0 0 0;
}
#help #glchecker, #help #ntrsupport { margin: 0 20px; text-align: left; display: inline-table; width: 95%; vertical-align: top }

#help #glchecker a.glchecker {
    background: url(../images/installation_help_box.png) no-repeat top left; 
	color: #FFF;
	font: bold 11px Arial, sans-serif;
	height: 46px; 
	padding: 9px 25px 0px 53px;
	text-decoration: none;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, .6);
	width: 149px;
	display: none;
}

#help #ntrsupport div.ntrlink {display: none }

#development_warning {
	position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    background-color: #F00;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: #FFF;
    overflow: hidden;
    line-height: 80px;
    z-index: 10000;
}

#development_warning .development_warning_left,
#development_warning .development_warning_right {
	margin-top: -8px;
}

#development_warning .development_warning_left {
	margin-right: 10px;
}
#development_warning .development_warning_right {
	margin-left: 10px;
}

#language_selector .filter-option, #language_selector .dropdown-menu { font-size: 24px !important }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 320px !important }

/* Previous Version */
#previous-versions {
    width: 800px;
    margin: 50px auto 0;
    text-align: left;
	font-size: 0.9em;
}

.panel-custom {
	border-color: #F7941E;
}

.panel-custom > .panel-heading {
	color: #fff;
    background-color: #F7941E;
    border-color: #F7941E;
}

#previous-versions  a {
	color: #CA7817 !important;
}

/* Login form */
div.login-panel {
    display: table;
	border: 1px solid #333;
	border-radius: 6px;
	padding: 30px;
	background-color: #fff;   
}

div.container-left div.login-panel { float: right }
div.container-center div.login-panel { margin: 0 auto; min-width: 450px }

div.login-panel div.form-separator {
    border-bottom: 1px solid #eee;
    margin: 0 auto 12px;
    float: left;
    width: 100%;
}

form.form-guest-access, form.form-create-user, form.form-update-user, form.form-request-change-password, form.form-force-change-password {
	float: none;
	margin: 0 auto;
	border: 1px solid #333;
	border-radius: 6px;
	padding: 30px;
	background-color: #fff;
}

form.form-signin, form.form-change-language {
    display: block;
    width: 100%;
}

button.btn-lg, form.form-signin button.btn-lg, form.form-guest-access button.btn-lg, form.form-create-user button.btn-lg, form.form-update-user button.btn-lg, form.form-request-change-password button.btn-lg, form.form-force-change-password button.btn-lg {
	font-size: 1.5em;
}

a.btn-lg, form.form-signin a.btn-lg, form.form-guest-access a.btn-lg, form.form-create-user a.btn-lg, form.form-update-user a.btn-lg, form.form-request-change-password a.btn-lg, div.login-additional-actions a.btn-lg {
	width: 100%;
	padding: 10px 16px !important;
	margin: 0;
	border-radius: 6px;
	font-size: 1.5em;
	box-shadow: unset;
    box-shadow: none;
}

form.form-create-user, form.form-update-user, form.form-force-change-password {
	width: 100%;
	max-width: 800px;
}

form.form-create-user a.btn-lg, form.form-update-user a.btn-lg, form.form-request-change-password a.btn-lg {
	width: auto;
    width: initial;
}

form.form-update-user a.show_details, form.form-update-user a.hide_details {
    display: block;
    margin-top: -15px;
}

form.form-update-user a.show_details {
    margin-bottom: -15px;
}

div#change_password_pane {
    margin-top: 25px;
}

form.form-create-user ul.checkbox_list, form.form-update-user ul.checkbox_list { list-style-type: none; padding-left: 0 }
form.form-create-user ul.checkbox_list li, form.form-update-user ul.checkbox_list li { float: left; margin-right: 1.2em }
form.form-create-user ul.checkbox_list li label, form.form-update-user ul.checkbox_list li label { font-weight: normal }

/*******************************************/
/* 	  			DEFAULT					   */
/*******************************************/

div.container-left, div.container-right {
	float: left;
	padding: 0 20px;
	margin-bottom: 1.4em;
}

div.container-left {
	text-align: right;
}

div.container-right {
	text-align: left;
}

div.container-center {
	width: 100%;
	margin: 0 auto 1.4em;
}

div.container-left form.form-signin, div.container-right form.form-signin {
	margin: 0;
}

div.container-left form.form-signin, div.container-left form.form-change-language {
	float: right;
	text-align: left;
}

div.container-right form.form-signin {
	float: left;
	text-align: left;
}

div.container-right div.login-additional-actions {
	float: left;
	margin: 0 auto;
	border: 1px solid #333;
	border-radius: 6px;
	padding: 30px;
	background-color: #fff;	
}

div.container-left h2, div.container-right h2, div.container-center h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;	
}

div.container-left p, div.container-right p, div.container-center p {
	/*font-size: 14px;*/
}

form.form-guest-access ul.radio_list, form.form-create-user ul.radio_list, form.form-update-user ul.radio_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form.form-guest-access ul.radio_list li, form.form-create-user ul.radio_list li, form.form-update-user ul.radio_list li {
	display: inline;
	float: left;
	margin-right: 20px;
}

form.form-guest-access ul.radio_list input[type=radio], form.form-create-user ul.radio_list input[type=radio], form.form-update-user ul.radio_list input[type=radio] {
	width: auto;
    width: initial;
	height: 18px;	
	float: left;
	margin-right: 10px;	
}

form.form-guest-access ul.radio_list label, form.form-create-user ul.radio_list label, form.form-update-user ul.radio_list label {
	float: left;
	font-weight: normal;
}

form.form-create-user div.checkbox, form.form-update-user div.checkbox {
	float: left;
	margin-left: 20px;
}

form.form-create-user input[type=checkbox], form.form-update-user input[type=checkbox] {
	width: auto;
    width: initial;
    height: auto;
	height: initial;
	float: left;
}

form.form-create-user div.privacy-policy-title, form.form-update-user div.privacy-policy-title {
    margin-bottom: -20px;
}

form.form-create-user div.privacy-policy-checkbox, form.form-update-user div.privacy-policy-checkbox {
    margin-left:1em !important;
    margin-bottom: 20px;
}

div.privacy-policy-checkbox a {
	color: #F7941E;
	text-decoration: underline;
}

.form-control { font-size: 0.9em !important; height: 40px }

.btn-back, .btn-back:hover, .btn-back:visited {
	background-color: #d9534f;
	border-color: #d9534f !important;
}

form .help-alert
{
	font-size: 0.7em;
    font-weight: bold;
    margin-top: 0.2em;    
}

form .help-alert-danger { color: #a94442; }

ul.error_list {
    margin: 0;
    padding: 0;
    list-style-type: none;	
}

div.request-change-password {
    margin-top: 10px;
    border-top: 1px solid #eee;
    float: right;
    width: 100%;
    padding-top: 10px;   
    text-align: right;
}

div.request-change-password a { text-decoration: underline }

/*Lightbox para los Términos y Condiciones */
#terms_and_conditions {
	display: none; 
	width: 90%; 
	max-width: 1000px; 
	padding-left: 1em
}

#terms_and_conditions h1 { border-bottom: 1px solid; margin-bottom: 0.8em }

div.dropdown-container .btn, div.dropdown-container ul.dropdown-menu { font-size: 1em }

@media (min-width: 810px) and (max-width: 990px) {
/*    
	html { font-family: Verdana; font-size: 20px; }
	body { font-family: Verdana; font-size: 20px; }	
*/    

	html { font-family: Verdana; font-size: 1.0em; }
	body { font-family: Verdana; font-size: 1.0em; }
	
	#help > div { max-width: 330px; }
	#help .two_col a { float: left }
	#help > div a { width: inherit }
	
	#language_selector .filter-option, #language_selector .dropdown-menu { font-size: 18px !important }
	.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 260px !important }
	
	/*div.login-panel, */form.form-guest-access { max-width: 450px; }
	form.form-create-user, form.form-update-user, form.form-force-change-password { max-width: 800px; }
	.form-control { height: 34px }
	
	/*div.container-left, div.container-right { width: 50%; }*/
}

@media (min-width: 991px) {
/*    
	html { font-family: Verdana; font-size: 16px; }
	body { font-family: Verdana; font-size: 16px; }	
*/    

	html { font-family: Verdana; font-size: 1.0em; }
	body { font-family: Verdana; font-size: 1.0em; }
	
	#help > div { max-width: 330px; }
	#help .two_col a { float: right; }
	#help > div a { width: 140px }
	
	#language_selector .filter-option, #language_selector .dropdown-menu { font-size: 14px !important }
	.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 192px !important }
	
	#help #glchecker a.glchecker { display: block }
	#help #ntrsupport div.ntrlink { max-width: 149px; display: block }
	
	div.login-panel, form.form-guest-access { max-width: 450px; }
	form.form-create-user, form.form-update-user, form.form-force-change-password { max-width: 800px; }
	.form-control { height: 34px }
	
	div.container-left, div.container-right { width: 50%; }
	div.container-right div.login-additional-actions { max-width: 450px; }
	
	form.form-create-user div.checkbox, form.form-update-user div.checkbox { margin-left: 8.5em; }
    
    div.dropdown-container .btn, div.dropdown-container ul.dropdown-menu { font-size: 0.9em }
}

.instructions { text-align: center; }
.instructions img {
    display: inline-block;
    max-width: 100%;
    height: auto;    
}
.instructions img#ipad { margin-top: 30px; }
.instructions img#headphones { margin-top: 10px; }
.instructions .image_foot { font-size: 0.8em; font-weight: bold }
.instructions .panel { 
    margin: 0 auto;
    margin-top: 30px;
    display: table;
	border: 1px solid #333;
	border-radius: 6px;
	padding: 20px 30px;
	background-color: #f0f0f0; 
}
.instructions .panel a { 
    padding: 10px 16px !important;
    margin: 10px 0 0 0;
    border-radius: 6px;
    font-size: 1.5em;
    box-shadow: unset;
    box-shadow: none;
}
.instructions .change_language { text-align: right }
.instructions .description, .instructions .change_language { margin: 0 }

@media (min-width: 810px) and (max-width: 990px) {
    .instructions .description, .instructions .change_language { margin: 0 }
}

@media (min-width: 991px) {
    .instructions .description, .instructions .change_language { margin: 0 100px }
}

/* ddSlick dropdowns: */
.dd-container { width: 100% !important; margin-bottom: 5px; }
.dd-container .dd-select { width: 100% !important; border-color: #ddd; }
.dd-container .dd-select img { max-width: 110px; }
.dd-container .dd-select label { line-height: 1 !important; padding-top: 3px; width: auto; font-size: 1em; font-weight: normal }
.dd-container .dd-select img + label { padding-top: 45px; float: left !important; font-size: 1em; font-weight: normal }
.dd-container .dd-select, .dd-container .dd-option-selected { background-color: #efefef; }
.dd-container .dd-options { max-height: 400px; width: 160% !important; overflow: auto; }
.dd-container .dd-select, .dd-container .dd-options > li { text-align: center; }
.dd-container .dd-options > li { float: left; overflow: hidden; width: 25%; list-style-type: none; }
.dd-container .dd-option { min-height: 150px; }
.dd-container .dd-option label { float: none !important; line-height: 1 !important; display: block; padding: 0; width: auto; text-align: center; font-size: 0.9em; font-weight: normal }
.dd-container .dd-option-image { float: none !important; margin: 0 0 5px 0; max-width: 110px; }
.dd-option-image, .dd-selected-image { margin-right: 10px !important }
@media (max-width: 1440px) {
  .dd-container { width: 100% !important; }
  .dd-container .dd-options { width: 100% !important; max-height: 300px}
  .dd-container .dd-options > li { width: 33.3%; }
}
@media (max-width: 1024px) {
  .dd-container { width: 100% !important; }
  .dd-container .dd-options { width: 100% !important; }
  .dd-container .dd-options > li { width: 50%; }
}
@media (max-width: 800px) {
  .dd-container .dd-options > li { width: 100%; }
}
/* end ddSlick dropdowns: */

div.login-additional-actions .btn.disabled, div.login-additional-actions .btn[disabled], div.login-additional-actions fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #eee !important;
    border-color: #ddd !important;
    color: #bbb !important;
    opacity: .90 !important;
    filter: alpha(opacity=90) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Password policy */
.password_policy_description {
    font-size:0.7em;
    margin-bottom: 20px;
}

div.password-policy-help-small { display: inline-block; font-size: 1.4em }
div.password-policy-help-large { display: none; font-size: 1.8em }

@media (min-width: 768px) {
    div.password-policy-help-small { display: none }
    div.password-policy-help-large { display: inline-block }    
}

/* Tooltip */
.tooltip-inner {
    max-width: 500px;
    /* If max-width does not work, try using width instead */
    width: 500px; 
    text-align: left;    
}

/* Botón de lanzar el video con el manual de usuario */
.user-manual { padding: 0 20px;}
@media (min-width: 810px) {
	.user-manual {max-width: 500px }
}
.user-manual a.btn {}
.user-manual a.btn:hover { box-shadow: inherit;  -webkit-box-shadow: inherit;  -moz-box-shadow: inherit; }

/* Concurso iPad mini */
.highlight { margin: 0 20px }
@media (min-width: 1200px) {
	.highlight { margin: 0 90px }
}