/**************************************************************************
**
**								HTML EM GERAL
**
***************************************************************************/

@import url('../global_style.css?ts=20191018');

@import url('jquery_ui_theme.css');
@import url('styles_tabs.css');
@import url('styles_icons.css');
@import url('styles_qtip.css');
@import url('styles_navbar.css?ts=20190402');
@import url('styles_menubar.css');

.top_username a, .top_support a {
	color: #0078AE;
}

.top_username a:hover, .top_support a:hover {
	color: #06F;
}

.nav_options_links a {
	color: #0078ae;
}

.nav_options_links a:hover {
	color: #003366;
	background-color: #E2F1F3;
}

#middle_table_login {
	border: 1px solid #003366;
}

.nav_options_links.activated a {
	background-color:#2F91BD;
	color:#FFFFFF;
	font-weight:bold;
}

.nav_options_cat {
    background-color: #E6E6E6;
	color: #2B8DB8;
}

/*****************************************************************************
**
**							  RESULTA TABLES
**
******************************************************************************/

.res_online_title {
	color: #003366;
}

.result_table_1_first a {
	color: #003366;
}

.result_table_1_first a:hover {
	background-color: #c2ddec;
}

.result_table_1_second a {
	color: #003366;
}

.result_table_1_second_no_highlight a {
	color: #003366;
}

.result_table_1_second a:hover {
	color: #FFFFFF;
	background-color: #c2ddec;
}

.result_table_1_second_no_highlight a:hover {
	color: #FFFFFF;
	background-color: #c2ddec;
}

.result_table_1_second tr.highlight td{
  background-color: #C2DDED !important;
}

.result_table_1_second table tr:hover > td { 
  background-color: #C2DDED !important;
}

.result_1_add a {
	color: #003366;
}
.result_1_add a:hover {
	color: #FFFFFF;
	background-color: #c2ddec;
}

/*****************************************************************************
**
**							 COMBOBOX + PAGLINKS
**
******************************************************************************/

.styles_search_form_input {
	background-image:url(navbar/search_input.png); 
}

/*****************************************************************************
**
**						MENUBAR + HEADER FICHA RESERVA
**
*****************************************************************************/

ul.menubar-header > li {
	background-color:#6FB8D8;
	border-left:1px solid #6FB8D8;
	border-right:1px solid #EBEBEB;
}

ul.menubar li:hover {
	background-color:#298DBB;
}

ul.menubar > li > .ui-icon {
	background-image:url("images/ui-icons_ffffff_256x240.png");
}

/*****************************************************************************
**
**							  JQUERY UI
**
******************************************************************************/

/* CALENDAR -> Datepicker */

.ui-datepicker {
	font-size:11px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	color:#09F;
}

div.ui-widget-overlay {
	background:url("images/ui-bg_diagonals-thick_20_666666_40x40.png") repeat scroll 50% 50% #666666;
	opacity:0.5;
}

.ui-widget-header {
	background:none;
	background-color: #454545;
	color: #FFF;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 1px;
	background-color: #454545;
	color: #FFF;
}

.ui-dialog .ui-dialog-content {
	padding: 2px;
}


.ui-dialog .ui-dialog-title {
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #0073EA;
}

a .ui-state-focus {
	color: #FFF;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
	color: #0073EA;
}

div.subtabs ul.ui-tabs-nav {
	/*background-color:#6FB8D8 !important;*/
	background-color: #f5f5f5 !important;
	border-bottom: 1px solid #0078ae !important;
}

.error{padding: 10px;width: 90%;color: #333;background: #f8d7da; font-weight: 600;text-align: center;display: block;border-radius: 5px;margin: 0 auto;}

/* Blue Loading */
.hide_debug {
    display:none;
    max-width: 97vw;
    overflow: auto;
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
    box-sizing: border-box;
}
#blue_loading {
    display: none;
    position: fixed;
    height: 100vh;
    overflow: hidden;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 25%;
}
#blue_loading .load-div {
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}
#blue_loading .loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #76b9e4;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    top: 20%;
    left: 45%;
    position: absolute;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


#blue_loading_text {
    display: block;
    position: fixed;
    height: 100vh;
    overflow: hidden;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    text-align: center;
}

#blue_loading_text .load-div {
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}


#blue_loading_text .loader {
    z-index: 999;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #76b9e4;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    top: 30%;
    left: 48%;
    position: absolute;
    transform: translate(-50%, -50%);
}

#blue_loading_text .loading-text {
    position: absolute;
    top: 53%;
    left: 48%;
    /*transform: translate(-50%, -50%);*/
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    z-index: 999;
}

.align_elements{display:inline-flex;align-items:center;gap:5px}
.align-middle{display:inline-block;padding-top:0px;position:absolute;padding-left:10px}