@font-face {
	font-family: Roboto-Bold;
	src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Regular.ttf);
}

::selection {
	color: #fff;
	background: #0099cc;
	text-shadow: 1px 1px 2px #b040b0;
}
/* For Mozilla Firefox */
::-moz-selection {
	color: #fff;
	background: #0099cc;
	text-shadow: 1px 1px 2px #b040b0;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#cabecera img{
    height: 60px;
    margin-bottom: 12px;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #e5e5e5;
}

body::-webkit-scrollbar {
	width: 10px;
	background-color: #e5e5e5;
}

body::-webkit-scrollbar-thumb {
	background-color: #0099cc;
	border: 2px solid #e5e5e5;
}

input, textarea {
	border-radius: 0 !important;
}

input[type=checkbox] {
    box-shadow: none;
}

.header {
	position: relative;
	z-index: 99;
	background: #fff;
	padding: 0.5rem;
	color: #0099cc;
}

.header .header-left {
	float: left;
}

.header .header-right {
	float: right;
	padding-top: 1.5rem;
}

@media screen and (min-width: 48em) {
	.header {
		padding-right: 0;
		padding-left: 0
	}
}



footer a {
	color: #FFF;
}

footer a:hover, footer a:focus {
	color: #c5c5c5;
}

@media ( max-width : 767px) {
	footer {
		padding-left: 0em;
		padding-right: 0em;
	}
}

footer .footer-informacion-legal {
	float: left;
}

footer .footer-ejgv {
	float: right;
}

footer .footer-row-1 {
	clear: both;
	background: #0099cc;
	line-height: 3rem;
	height: 3rem;
}

footer .footer-row-2 {
	clear: both;
	text-align: center;
	height: 15rem;
	padding-top: 2rem;
}

/*******/
/* RUP */
/*******/
.y41e-content .rup-enlaceCancelar {
	color: #0099cc;
	padding: 0;
	margin-left: 1rem;
}

/********************/
/* RUP AUTOCOMPLETE */
/********************/
.rup-autocomplete_label {
	border: 1px solid rgba(0, 0, 0, .15);
	background-position: 0.5rem 0.25rem;
	padding-left: 2.1rem!important;
}

.ui-menu-item{
	background-color: #fff!important;
}

/*************/
/* RUP COMBO */
/*************/
.form-control-sm.ui-multiselect, .form-control-sm.ui-selectmenu-dropdown,
	.form-control.ui-multiselect, .form-control.ui-selectmenu-dropdown,
	.ui-multiselect, .ui-selectmenu-dropdown, select, select.form-control,
	select.form-control-sm {
	border-radius: 0;
	background-color: #FFF!important;
}

.ui-multiselect.ui-state-active span, .ui-selectmenu-dropdown.ui-state-active span
	{
	color: #FFF;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
	background: #a1c6e5;
	color: #000;
}

/****************/
/* RUP VALIDATE */
/****************/
form.rup_validate input.error, .y41e-content form.rup_validate textarea.error {
    padding-right: 2rem;
    border: 0.1rem solid #d9534f !important;
}

div.error, label.error {
    color: #fff;
    background: #d9534f;
    padding: 0 5px;
}

form.rup_validate .input-group input.error {
	border: 0.1rem dotted red !important;
	background-color: rgba(255, 0, 0, 0.05) !important;
}

form.rup_validate .input-group .rup-validate-field-error+div[generated].error
	{
	left: 0;
	margin-top: 3rem;
}

form.rup_validate .input-group .rup-validate-field-error
	{
	position: initial;
}

form.rup_validate .input-group .rup-validate-error-icon {
	right: 3.5rem;
	top: 0.25rem;
}

.rup-validate-field-error .rup-validate-error-icon {
	top: 0.25rem;
	display: none;
}

input.error {
	background-image: none;
}

div.error, label.error {
	font-size: x-small !important;
    position: absolute;
	width: max-content;
}

.rup-date-input-group .rup-validate-field-error {
	display: table-cell;
	width: auto !important;
	float: none;
}

.rup-date-input-group div.error {
	position: absolute;
	top: 4.25rem;
	left: 1.25rem;
}

form.rup_validate input.error.hasDatepicker, form.rup_validate textarea.error.hasDatepicker {
	padding-right: 0.5rem;
}

/**************/
/* RUP BUTTON */
/**************/
.rup-dropdown-btn-group .rup-dropdown-button, .rup-wizard .rup-wizard_submitButton,
	.rup-wizard a.rup-wizard_next, .rup-wizard a.rup-wizard_prev,
	.ui-button.rup-button, a.rup-toolbar_menuButton.ui-button, button,
	button.ui-button, input[type=button], input[type=submit] {
	border-radius: 0;
}

button:focus {
	border-color: rgba(0, 153, 204, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(0, 153, 204, 0.6);
	outline: 0 none;
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover,
	.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover,
	.ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
	border-color: rgba(0, 153, 204, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(0, 153, 204, 0.6);
	outline: 0 none;
}

.y41e-content .rup-table-container .rup-mbutton .rup-mbutton-container {
	right: 3.75rem;
	z-index: 1;
}

.y41e-content .rup-table-container .rup-toolbar .rup-mbutton .rup-mbutton-container button
	{
	margin-top: 0.5rem;
}

.y41e-content .rup-table-container .rup-toolbar .rup-mbutton .rup-mbutton-container .columnasDiv ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
}

.y41e-content .rup-table-container .rup-toolbar .rup-mbutton .rup-mbutton-container .columnasDiv ul li
	{
	padding: 0.25rem;
}

.y41e-content .rup-table-container .rup-toolbar .rup-mbutton .rup-mbutton-container .columnasDiv ul li:hover
	{
	background: rgba(0, 0, 0, 0.10);
}

.y41e-content .rup-table-container .rup-toolbar .rup-mbutton .rup-mbutton-container .columnasDiv ul input
	{
	margin-right: 0.5rem;
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active,
	.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	a.ui-button:active {
	border: 1px solid #0099cc;
	background: #0099cc;
	font-weight: 400;
	color: #fff;
}

/***************/
/* RUP TOOLBAR */
/***************/
.y41e-content .rup-toolbar {
	width: 100% !important;
	margin-bottom: 1rem;
	padding: 0.25rem;
	background: #666;
}

/**************/
/* RUP DIALOG */
/**************/
.rup-message.rup-message-confirm .ui-dialog-titlebar {
	background: #0099cc;
}

.rup-message.rup-message-confirm .ui-dialog-titlebar .ui-dialog-title {
	color: #ffffff;
}

.ui-widget.ui-widget-content {
	border: 1px solid #0099cc;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close:hover
	{
	box-shadow: none;
}

/* .ui-dialog { */
/* 	width: 70% !important; */
/* 	left: 15% !important; */
/* 	top: 20%; */
/* 	max-width: none; */
/* } */

.ui-dialog .ui-dialog-title {
	width: 100%;
	padding-right: 3rem;
	white-space: initial;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close:focus
	{
	outline: none;
}

@media ( max-width : 768px) {
	.ui-dialog {
		width: 90% !important;
		left: 5% !important;
		margin: 0 !important;
	}
}



/************/
/* RUP DATE */
/************/
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	background: #0099cc !important;
	border: .1em solid #0099cc !important;
	color: #fffcfb;
}

.ui-datepicker .ui-datepicker-calendar td:hover a {
	background: #0099cc !important;
	border: .1em solid #0099cc !important;
	color: #fffcfb;
	padding: 0.2rem 0;
}

.rup-date-input-group {
	display: table-row;
	width: 100%;
}

.rup-date-input-group .ui-datepicker-trigger i{
	line-height: 0.25rem;
}

.rup-date-input-group .hasDatepicker {
	display: table-cell;
	width: auto !important;
    max-width: 10rem;
	float: none;
}

.y41e-content .table .rup-date-input-group .hasDatepicker {
	display: block;
	float: left;
	width: 10rem !important;
}

.rup-date-input-group .ui-datepicker-trigger {
    display: table-cell;
    float: none;
    vertical-align: top;
    height: 2rem;
}

.y41e-content .table .rup-date-input-group .ui-datepicker-trigger {
	display: block;
	float: right;
}

.y41e-content .rup-date-input-group .ui-datepicker-trigger i {
	margin-top: 29%;
	margin-bottom: 25%;
}

.y41e-content .table .rup-date-input-group .ui-datepicker-trigger i {
	margin-top: 35%;
	margin-bottom: 25%;
}

/************ */
/* RUP TABLE */
/************ */
.y41e-content .rup-table-filter-toggle-label {
	color: #666 !important;
}

.y41e-content .collapse_label {
	color: #666 !important;
}

.y41e-content .ui-jqgrid-view, .y41e-content .ui-jqgrid-hdiv,
	.y41e-content .ui-jqgrid-bdiv, .y41e-content .ui-jqgrid-pager,
	.y41e-content .ui-jqgrid-htable, .y41e-content .ui-jqgrid-btable {
	width: 100% !important;
	    overflow-x: hidden;
}

.y41e-content .ui-widget-content {
	width: 100% !important;
}


.y41e-content .ui-jqgrid-htable thead th {
	height: auto !important;
	min-height: 2rem;
	padding: 0.25rem;
	vertical-align: middle;
}

.y41e-content .jqgfirstrow, .y41e-content .jqgfirstrow td {
	height: 0 !important;
	visibility: hidden;
	border: none;
}

.y41e-content .ui-state-highlight, .y41e-content .ui-widget-content .ui-state-highlight,
	.y41e-content .ui-widget-header .ui-state-highlight {
	background: none;
	background-color: #0099cc !important;
	color: #FFF;
	font-weight: 500 !important;
	border: 1px solid #AAAAAA;
}

.y41e-content .ui-jqgrid-labels .ui-state-hover {
	background: none;
	background-color: #0099cc !important;
}

.y41e-content .ui-state-hover, .y41e-content .ui-widget-content .y41e-content .ui-state-hover
	{
	background: none;
	background-color: rgba(100, 100, 100, 0.25) !important;
}

.y41e-content .ui-jqgrid .ui-jqgrid-htable th div {
	height: auto;
}

.y41e-content .ui-jqgrid .ui-jqgrid-htable .search_nav_layer {
	padding-left: 2rem;
}

.y41e-content .ui-jqgrid .ui-search-toolbar input {
	margin: 0;
	height: 2.25rem;
}

.y41e-content .address-header, .y41e-content .rup_menu_horizontal .rup_menu_horizontal_children.ui-state-focus a.rup_menu_horizontal_children_entry,
	.y41e-content .rup_menu_horizontal_children_entry:hover,
	.y41e-content .ui-jqgrid .ui-jqgrid-htable th.ui-th-column,
	.y41e-content .ui-th-column {
	font-weight: 400;
	background-color: #666 !important;
	color: #FFF;
}

.ui-dialog .ui-th-column {
    font-weight: 400;
    background-color: #666 !important;
    color: #FFF;
}

.ui-dialog .ui-jqgrid-labels .ui-state-hover {
    background: none;
    background-color: #0099cc !important;
}

.y41e-content .ui-search-toolbar th {
	background-color: #F8F8F8 !important;
}

.y41e-content .table .ui-grid-ico-sort {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: none !important;
	text-indent: 0.25rem;
	margin-top: 0.3rem;
	height: auto;
}

.y41e-content .table .ui-grid-ico-sort:before {
	content: "\f0dc";
	position: relative;
	color: #0099cc;
	left: 2px;
}

.y41e-content .table .ui-grid-ico-sort.ui-state-disabled {
	display: none;
}

.y41e-content .table .ui-grid-ico-sort.ui-icon-asc:after {
	content: "\f0de";
	position: relative;
	left: -0.5rem;
}

.y41e-content .table .ui-grid-ico-sort.ui-icon-desc:after {
	content: "\f0dd";
	position: relative;
	left: -0.5rem;
}

.y41e-content .table .linkPaginacion {
	color: #666 !important;
}

.y41e-content .table .ui-button.ui-state-active:hover, .y41e-content .table .ui-button:active,
	.y41e-content .table .ui-state-active, .y41e-content .table .ui-widget-content .ui-state-active,
	.y41e-content .table .ui-widget-header .ui-state-active,
	.y41e-content .table a.ui-button:active {
	font-size: 1.8rem;
}

.y41e-content .ui-button.ui-state-active:hover, .y41e-content .ui-button:active,
	.y41e-content .ui-state-active, .y41e-content .ui-widget-content .ui-state-active,
	.y41e-content .ui-widget-header .ui-state-active, .y41e-content a.ui-button:active
	{
	border: 1px solid #0099cc;
	background: #0099cc;
	font-weight: 400;
	color: #fff;
}

.y41e-content .tableFilter-buttons {
	display: inline-block;
	width: 100%;
	padding: 1rem 1rem 0 1rem;
	margin-top: 1rem;
	border-top: 1px solid #ddd;
	background-color: #f3f3f3;
}

footer .footer-ejgv {
    float: right;
    color: white;
}

.y41e-content .rup-table-filter-fieldset {
    padding-left: 0;
    padding-right: 0;
}

.y41e-content .derecho{
	right: 0.75rem!important;
	position: relative!important;
}
/******************/
/* RUP BREADCRUMB */
/******************/
.y41e-content .rup-breadCrumb_root {
	background: #e5e5e5;
	padding: 0.7rem 0rem;
}

.y41e-content .rup-breadCrumb_root .rup-breadCrumb_main>li span.rup-icon
	{
	margin: 0rem 0.5rem;
	width: 0.25rem;
}

/**************/
/* RUP NAVBAR */
/**************/
.y41e-content .rup-navbar {
	background: #0099cc;
	box-shadow: none;
	padding: 0;
	top: 0;
	height: auto;
	min-height: 4rem;
	color: #FFF;
}

.rup-navbar .navbar-nav>.nav-item {
    background: #0099cc;
    border: none;
    border-right: 1px solid #ffffff24;
    padding-left: 0px;
    padding-right: 5px;
}

.rup-navbar .navbar-nav>.nav-item.nav-item .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #236a80;
    margin-right: 5px;
}

.y41e-content .btn{border-radius:5px!important;}

.rup-navbar .navbar-nav>.nav-item.dropdown.active {
	background: rgba(0, 153, 204, 0.98);
	box-shadow: inset 1px 4px 24px #0099cc;
}

.rup-navbar .navbar-nav>.navbar-text {
	padding: 0.5rem 1rem;
}

.rup-navbar .navbar-nav>.navbar-text:hover {
	background: #ba1945 !important;
}

.rup-navbar .navbar-nav>.nav-item .nav-link:focus, .rup-navbar .navbar-nav>.nav-item .nav-link:hover,
	.rup-navbar .navbar-nav>.nav-item.open, .rup-navbar .navbar-nav>.nav-item:hover
	{
	background: #000;
}

.navbar-nav>.nav-item .nav-link:hover, .navbar-nav>.nav-item:hover {
	background: #000;
}

.rup-navbar .navbar-nav>.nav-item a {
	text-decoration: none;
	display: inline-block;
	height: 100%;
}

@media ( max-width : 991px) {
	.y41e-content nav .container {
		margin: 0;
		padding: 0;
		min-height: 4rem;
	}
	.y41e-content .navbar-toggleable-md {
		left: 0;
		position: absolute;
	}
	.y41e-content .nav.navbar-nav {
		margin: 0;
	}
	.y41e-content .navbar-toggleable-md .navbar-nav.rup-nav-tools .nav-item
		{
		display: block;
		text-align: left;
	}
	.navbar-toggleable-md .navbar-nav.rup-nav-tools {
		display: block;
		width: 100%;
		border: 1px solid #c32660;
		border-right: 0;
	}
}

.y41e-content .rup-navbar .dropdown-menu {
	position: absolute;
	top: 4rem;
	padding: 0 0.25rem;
}

.y41e-content .rup-nav-user {
	padding: 0 1rem !important;
	text-align: right;
}

.y41e-content .nav-user-menu .nav-user {
	font-size: 1.6rem;
}

.y41e-content .nav-user-menu .rup-nav-user small {
	display: block;
	line-height: 1rem;
	margin-top: -0.5rem;
    padding-right: 2rem;
}



.y41e-content #workByDropdown {
	left: auto;
	right: 0;
}

.y41e-content #workByDropdown::before {
	left: auto;
	right: 2rem;;
}

.y41e-content #workByDropdown::after {
	left: auto;
	right: 2rem;
}



.y41e-content .rup-navbar .navbar-nav>.nav-item>.dropdown-menu .dropdown-item:hover
	{
	background: #0099cc;
	color: #fffcfb;
}

/**************/
/** CONTAINER */
/**************/
.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px
}

@media ( min-width : 576px) {
	.container {
		width: 540px;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px
	}
}

@media ( min-width : 768px) {
	.container {
		width: 720px;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px
	}
}

@media ( min-width : 992px) {
	.container {
		width: 1024px;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px
	}
}

@media ( min-width : 1200px) {
	.container {
		width: 1100px;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px
	}
}

@media ( min-width : 1500px) {
	.container {
		width: 1400px;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px
	}
}

.container-fluid {
    padding-left: 3rem;
    padding-right: 3rem;
}

.content {
	clear: both;
	background: transparent;
	display: block;
	padding: 1rem 0rem 15rem 0rem;
}

@media ( max-width : 767px) {
	.content {
		margin: 0em;
	}
}

section>h1, section>h2, section>h3, section>h4, section>h5, section>h6 {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

#rwdExampleSection {
	background-color: #eaeaea;
}

#rwdExample div.row>div>p {
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	padding: 1em;
}

/* FORMULARIOS */
.formulario_legend {
	color: #000000 !important;
	font-size: 0.96em;
}

.formulario_columna_cnt {
	color: #666666;
	float: left;
	width: 99%;
}

.formulario_linea_izda_float {
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 2em;
	float: left;
}

.formulario_linea_label {
	float: left;
	width: 8em;
}

.formulario_linea_input:not (.ui-selectmenu-menu ){
	border: 0 .1em solid #D1D1D1;
	color: #666666;
	font-size: 100%;
	height: 16 px;
}

.formulario_required {
	color: #FF0000;
}

.floating_left_pad_right {
	float: left;
	padding-right: 10px;
	font-size: 11px;
	text-align: left;
	margin-top: 5px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	background:
		url("../../rup/css/images/ui-bg_glass_55_fffeda_1x400.png")
		repeat-x scroll 50% 50% #0099cc;
	border: 1px solid #AAAAAA;
}

a.ui-selectmenu {
	text-decoration: none;
	color: black
}

a.ui-selectmenu:focus {
	border-color: rgba(0, 153, 204, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(0, 153, 204, 0.6);
	outline: 0 none;
}

/**********/
/*btn-link*/
/**********/
.y41e-content .btn-link {
	color: #0099cc
}

/**********/
/*checkbox*/
/**********/
.y41e-content .custom-control-input:checked ~.custom-control-indicator
	{
	color: #fff;
	background-color: #0099cc;
}

.y41e-content .custom-control-input:active ~.custom-control-indicator {
	color: #fff;
	background-color: #f5bccc;
}

.y41e-content .custom-checkbox .custom-control-indicator {
	margin-top: 0.2rem;
}
/**********/
/* Radios */
/**********/
.custom-control-input:checked ~.custom-control-indicator {
	color: #fff;
	background-color: #0099cc;
}
/*************************/
/* sin label de cabecera */
/*************************/
.sinLabel {
	padding-top: 2.5rem;
}
padding: 0.5rem;

/*********/
/* Ayuda */
/*********/

.tlypageguide-open #tlyPageGuideWrapper .tlypageguide_toggle.tlyPageGuideToggleActive
	{
	background: #0080ff;
}

#tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_close {
	background: #0080ff;
}

#tlyPageGuideWrapper #tlyPageGuideMessages span {
	background: #0080ff;
}

.tlypageguide_shadow {
	background-color: rgba(1, 127, 255, 0.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(155, 205, 255, 0.25);
	-moz-box-shadow: 0 0 1px 1px rgba(155, 205, 255.25);
	-o-box-shadow: 0 0 1px 1px rgba(155, 205, 255, 0.25);
	box-shadow: 0 0 1px 1px rgba(155, 205, 255, 0.25)
}

.tlyPageGuideStepIndex {
	background: #9bcdff;
}

.tlyPageGuideStepIndex.tlypageguide_bottom:after {
	border-bottom: 15px solid #9bcdff;
}

.tlyPageGuideStepIndex.tlypageguide_right:after {
	border-top: 15px solid #9bcdff;
}

.tlyPageGuideStepIndex.tlypageguide_left:after {
	border-top: 15px solid #9bcdff;
}

.tlyPageGuideStepIndex.tlypageguide_top:after {
	border-top: 15px solid #9bcdff;
}

.tlyPageGuideStepIndex:hover {
	background: #0080ff;
}

.tlyPageGuideStepIndex:hover.tlypageguide_bottom:after {
	border-bottom: 15px solid #0080ff;
}

.tlyPageGuideStepIndex:hover.tlypageguide_right:after,
	.tlyPageGuideStepIndex:hover.tlypageguide_left:after,
	.tlyPageGuideStepIndex:hover.tlypageguide_top:after {
	border-top: 15px solid #0080ff;
}

.tlypageguide-active .tlyPageGuideStepIndex {
	background: #0080ff;
}

.tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_bottom:after {
	border-bottom: 15px solid #0080ff;
}

.tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_right:after,
	.tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_left:after,
	.tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_top:after {
	border-top: 15px solid #0080ff;
}

.tlyPageGuideStepIndex {
    width: 1.25rem;
    height: 1.25rem;
    max-height: 1.25rem;
    min-height: 1.25rem;
    font-size: 1rem;
    line-height: 1.4rem;
}

.tlyPageGuideStepIndex.tlypageguide_left {
    left: -2.5rem;
}

.tlyPageGuideStepIndex.tlypageguide_right {
    right: -2.5rem;
}

.tlyPageGuideStepIndex.tlypageguide_top {
    top: -2.5rem;
}

.tlyPageGuideStepIndex.tlypageguide_bottom {
    bottom: -2.5rem;
}

/***********/
/*  y41e  */
/***********/
.y41e-fade.in {
	opacity: 1;
}
.y41e-content .fa {
	line-height: 1.5rem;
}

.y41e-content h1 .fa {
	font-size: 3rem;
	margin-top: 20px !important;
}

.y41e-content .fa-asterisk {
	color: #0099cc;
}
.y41e-content h1 {
	color: #0099cc;
}


.y41e-content h2 small {
	text-transform: none;
	font-family: inherit;
}

.y41e-content .btn {
    background-color: #0099cc;
    border-color: #0099cc;
    border-width: 3px!important;
    color: #fff!important;
    font-size: 1rem;
    text-transform: uppercase;
    moz-user-select: none;
    background-image: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-shadow: none;
    outline-color: transparent!important;
    padding: 0.5rem 0.75rem 0.4rem;
    text-decoration: none!important;
}

.y41e-content .btn:hover {
	background-color: #0099cc;
	border-color: #0099cc;
	outline-color: transparent!important;
}
.y41e-content .y41e-item-actions .btn:hover {
		background-color: transparent;
		border-color: transparent;
}
.y41e-content .y41e-item-actions .btn {
		background-color: transparent;
		border-color: transparent;
}

.y41e-content .btn-primary {
	background-color: #444a57;
	border-color: #444a57;
}

.y41e-content .text-header {
	border-top: 1px dotted #ccc;
	padding-top: 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0 !important;
}
.y41e-content .y41e-bg {
	padding: 1rem;
	padding-right: 3rem;
	font-family: inherit;
	box-shadow: 1px 1px 32px 1px #ccc;
}
.y41e-content .y41e-header-bg {
	padding: 1rem 2rem;
	background-color: #ffffff;
}
.y41e-content .y41e-subcontent {
	padding: 2rem;
	background: #EBEBEB;
	padding-bottom: 0;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
 .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, 
 .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, 
 .open>.btn-primary.dropdown-toggle:hover {
     color: #fff;
    background-color: #0099cc;
    border-color: #0099cc;
 }
.y41e-fade {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.y41e-content {
	min-height: 100%;
	position: relative;
	font-family: Roboto, Verdana, sans-serif, -apple-system, system-ui;
	font-size: 1.2rem;
	color: #5b5b5b;
	line-height: 20px;
	position: relative;
}

.y41e-content .label, .y41e-content label, .y41e-content label.label
	{
	font-size: 1.1rem;
	font-weight: normal;
	color: #555;
	padding-top: .25rem;
	padding-bottom: .25rem;
	line-height: 1.5rem;
}

.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 99;
}

.welcome-bg {
	background-image: none;
	background-size: cover;
}

.y41e-content .jumbotron {
	overflow: hidden;
	border-radius: 0;
	padding: 2rem;
	color: #000;
	background: rgba(0, 0, 0, 0.7);
}

.y41e-content .jumbotron h2 {
	color: #FFF;
	font-family: Roboto-Bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	margin-bottom: 2rem;
	font-size: 10vh;
}

.y41e-content .jumbotron p {
	color: #FFF;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	line-height: 28px;
	font-size: 1.5rem;
}

.y41e-content .jumbotron p b {
	font-size: 2.5rem;
	font-weight: 700;
}

.y41e-content .jumbotron p.lead {
	font-size: 2.2rem;
}

.y41e-content .jumbotron .y41e-figure {
	margin: 0;
	padding: 0;
	display: none;
}

@media ( max-width : 768px) {
	.y41e-content .jumbotron, .y41e-content .jumbotron+hr+.lead,
		.y41e-content .jumbotron+hr+.lead+.lead {
		padding: 0.6rem 2rem;
	}
	.y41e-content .jumbotron {
		margin: 0;
	}
	.y41e-content .jumbotron .pull-right {
		padding-left: 0;
	}
	.y41e-content .hidden-xs {
		display: none;
	}
}

.y41e-content .filterForm, .y41e-content .table {
	background-color: rgba(215, 46, 108, 0);
	padding: 0.5rem 0rem 0.5rem 0rem;
	width: 100% !important;
}

.y41e-content .filterForm .formulario_legend {
	padding: 0.25rem;
	margin-bottom: 0.25rem;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.y41e-content .filterForm .rup-maint_searchCriteria {
	background-color: transparent;
}

.input-group-btn>.ui-button.rup-button, .input-group-btn>a.rup-toolbar_menuButton.ui-button,
	.input-group-btn>button, .rup-dropdown-btn-group .input-group-btn>.rup-dropdown-button,
	.rup-wizard .input-group-btn>.rup-wizard_submitButton, .rup-wizard .input-group-btn>a.rup-wizard_next,
	.rup-wizard .input-group-btn>a.rup-wizard_prev {
	height: auto;
}

.btn, .rup-dropdown-btn-group .rup-dropdown-button, .rup-wizard .rup-wizard_submitButton,
	.rup-wizard a.rup-wizard_next, .rup-wizard a.rup-wizard_prev,
	.ui-button.rup-button, a.rup-toolbar_menuButton.ui-button, button,
	button.ui-button, input[type=button], input[type=submit] {
	line-height: normal;
}

.form-control:focus {
	border-color: #0099cc;
}

.input-group-lg input {
	height: auto !important;
	padding: 0.91rem !important;;
}

.input-group-lg input.error {
	height: 3.47rem !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
	input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus,
	input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
	input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
	input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
	.uneditable-input:focus, select:focus {
	border-color: rgba(0, 153, 204, 0.8) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(0, 153, 204, 0.6) !important;
	outline: 0 none !important;
}

.custom-control-input:focus ~.custom-control-indicator {
	-webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0099cc;
	box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0099cc;
}

.blockUI .loadText {
	line-height: 10vw;
	font-size: 6vw;
	color: #0099cc;
}

label.label-left {
	float: left;
}

.infoLegalText p {
	text-align: justify;
	text-decoration: none;
	margin-top: 3px !important;
	margin-bottom: 3px !important;
	line-height: 150%;
	padding: 0 0 18px 0;
}

div.tablaRdos {
	font-size: 0.8em;
}

div.tablaRdos tr {
	line-height: 1;
}

div.tablaRdos th {
	background-color: #0070c0;
	border: solid thin black;
}

div.tablaRdos td {
	border: solid thin black;
}

.ui-selectmenu-item-content span.valor {
	font-style: italic;
	display: inline;
}

.y41e-content .bg-dark {
	background-color: #343a40 !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.form-control{
	padding: 0.3rem 0.5rem;
}

.form-group {
    margin-bottom: 0.75rem;
}

.input-group-addon {
    padding: .3rem .5rem;
}

.form-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
    margin-bottom: 1rem;
}

.form-row>.col, .form-row>[class*=col-] {
	padding-right: 5px;
	padding-left: 5px;
}

.collapsed {
	max-height: 0;
	overflow: hidden;
}

input[type=radio], input[type=checkbox]{
	vertical-align: middle;
}

.mayuscula{
	text-transform:uppercase;
}

label .fa-asterisk {
    color: #0099cc;
    font-size: 12px;
    top: 10px;
    margin-right: 10px;
}

.y41e-content label .fa {
    line-height: 0;
    margin-left: 0.4rem;
}

.ui-dialog-content.ui-widget-content form.form-horizontal.rup_form{
	width: 99%;
}
textarea.form-control {
    height: 4rem;
}
/********************************/
/* para input demasiado grandes */
/********************************/

.col-66por{
	width: 66%!important;
}
.col-50por{
	width: 50%!important;
}
.col-40por{
	width: 40%!important;
}
.col-30por{
	width: 30%!important;
}
.col-20por{
	width: 20%!important;
}
.col-10por{
	width: 10%!important;
}
.accessDenied{
	margin: 5rem !important;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 5s infinite linear;
}

.y41e-content .y41e-animate {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.y41e-content .y41e-body-bg {
    margin: 0;
    background-color: #EBEBEB;
}

.d-none {
    display: none !important;
}

.ui-sortable div span { 
    position: absolute;
/*     margin-left: -1.3em;  */
}

.ui-sortable div:hover {
    cursor: move;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #0099cc;
    border-color: #0099cc;
}

form.rup_validate label.error {
    display: table-cell;
    width: auto !important;
    float: none;
}

.ui-dialog .tableFilter-buttons {
    display: inline-block;
    width: 100%;
    padding: 1rem 1rem 0 1rem;
    margin-top: 1rem;
    border-top: 1px solid #ddd;
    background-color: #f3f3f3;
}

.ui-dialog .rup-table-filter-toggle-label {
    color: #666 !important;
}

.ui-dialog .rup-table-filter-fieldset {
    padding-left: 0;
    padding-right: 0;
}
.ui-multiselect  {
    padding: 4px 6px 4px 14px;
    height: 24px;
    width: 100% !important;
}



//** rup styles override **//

.rup-breadCrumb_root {
    width: 100%;
    float: left;
    margin-bottom: 0em;
}

.content {
    clear: both;
    background: #f5f5f5;
    display: block;
    padding: 0;
    min-height: 720px;
}

.rup-table-filter {
    margin-top: .2em;
    margin-bottom: .3em;
    border: none;
    background: #028FBC;
    border-radius: 10px;
    padding: 15px 10px;
        margin-bottom: 12px;
        width: 100%!important;
}

.container{
    padding-top: 1.2rem;
    padding-bottom: 1rem;
}
.ui-jqgrid .ui-jqgrid-pager{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Open Sans",sans-serif;
    margin-top: 10px!important;
    border: none;
    font-size: 1.2rem;
}

.rup-enlaceCancelar {
    float: right;
    margin: .7em .4em .5em 0;
    padding: .2em .6em .3em;
    line-height: 1.4em;
    width: auto;
    overflow: visible;
    color: #999!important;
}

.botonEnlace {
    float: right;
    margin: .7em .4em .5em 0!important;
    padding: .2em .6em .3em!important;
    line-height: 1.4em!important;
    width: auto!important;
    overflow: visible!important;
    color: #999!important;
    background-color:transparent!important;
    border: none!important;
}

.botonEnlace span{
    visibility:hidden !important;
}

#busqEncuesta_filter_fieldset label{color:#fff!important;}

.rup-table-filter fieldset {border:none;}

.y41e-content .rup-table-filter-toggle-label {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.y41e-content .tableFilter-buttons {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-top: 1rem;
    border-top: none;
    background-color: transparent;
}

div#ui-datepicker-div {
    background: #FFF;
}

.ui-selectmenu-menu-dropdown{background:#FFF;}

.titulo-pregunta{
    font-size: 1.2em!important;
}

.y41e-content .rup-enlaceCancelar {
    color: #FFF!important;
    padding: 0;
    margin-left: 1rem;
    float: none;
    padding: 5px 10px 5px;
    text-decoration: none;
    text-transform:uppercase;
}

.y41e-content .rup-breadCrumb_root {
    background: #e5e5e5;
    padding: 0.7rem 0rem;
    box-shadow: none;
        margin-bottom: 0px;
}



.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 0.4rem;
}

.lista-encuestas h2 {
    color: #028FBC;
    font-size: 1.5em;
    display: block;
    margin-left: 35px!important;
    margin-top: -20px;
}


.lista-encuestas .enc-id{
    font-size: 1.6em;
    font-weight: bold;
    background: #eee;
    padding: 1px 7px;
    border-radius: 5px;
    display:inline-block;
    margin-left: -6px;
}

.lista-encuestas label{
    color: #aaa;
    margin-bottom: 0;
}

.lista-encuestas div{
    font-size: 12px;
}


.lista-encuestas .campo{
    font-size: 1.2em;
    line-height: 15px!important;
}

#rup-list-feedback {
    color: #000;
    font-weight: normal !important;
    background-color: #ececec !important;
    border: none!important;
    background-color: #ececec !important;
    box-shadow: none;
    padding: 8px;
}

.tableFilter-buttons button{
    background: #014359;
    color: #FFF;
    border: none;
    border-radius: 5px;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
}

fieldset {
    border: none!important;}
    
    .list-group-item-action:focus, .list-group-item-action:hover {
    color: #555;
    text-decoration: none;
    background-color: #fbffb2;
    cursor:pointer;
}

.ui-widget.ui-widget-content {
    border: none;
    background: transparent;
}

.ui-dialog.ui-widget.ui-widget-content {
    border: none;
    background: #FFF;
    border-radius:5px;
    overflow:hidden;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header {
    padding: 1rem;
    background-color: #028FBC;
    color: #eceeef;
    border-bottom: 1px solid #eceeef;
}

.rup-table-filter label {
    color: white!important;
}

.ui-dialog .tableFilter-buttons {
    display: inline-block;
    width: 100%;
    padding: 1rem 1rem 0 1rem;
    margin-top: 1rem;
    border-top: none;
    background-color: transparent;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close {
    margin-right: 2rem;
    background-color: transparent;
    border-color: transparent;
    opacity: 1;
    color: #ffffff;
    text-shadow: none;
}

.rup-tabs_container.ui-tabs .rupRandomLayerId.ui-tabs-panel {
    padding: 0 .4rem;
    background: #FFF;
}

.rup-tabs_container.ui-tabs ul.ui-tabs-nav {
    padding: 0;
    background: 0 0;
    border: none;
}

.ui-widget-content {
    border: none!important;
    background: #fff;
    color: #333;
}

.ui-dialog .ui-jqgrid .ui-jqgrid-pager {
    font-size:0.9rem;
}

.rup-table-filter {
    margin-top: .2em;
    margin-bottom: .3em;
    border: none;
    background: #028FBC;
    border-radius: 5px;
    padding: 9px 10px;
    margin-bottom: 12px;
    width: 100%!important;
}


.rup-maint_searchCriteria {
    background-color: transparent;
}

.rup-tabs_container.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab.ui-tabs-active {
    background: #fff;
    border: none;
    border-bottom: none;
    font-weight: bold;
}
.rup-tabs_container.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab.ui-tabs-active a {
    color: #fff;
    background: #0099cc;
    font-size: 1.2em;
        margin-top: 0;
}

.ui-jqgrid tr.jqgrow td {
    overflow: hidden;
    padding: 6px 3px;
}

.ui-jqgrid tr.jqgrow td {
    overflow: hidden;
    padding: 6px 3px;
    border-color: #ddd!important;
}

.rup-tabs_loading {
    float: left;
    display: none;
}

.ui-tabs-anchor{
    background: #ccc;
    margin-top: 7px;
    color: #FFF;
}

.ui-state-hover{background:transparent;}

.y41e-item-actions{
    position: absolute;
    left: 47px;
    top: 25px;
    border-radius: 5px;
    padding: 5px;
}


/*** bloque visualizacion encuesta ***/

.bloque-visualizacion-encuesta{}

.bloque-visualizacion-encuesta h2 {
    font-size: 1.8rem;
    border-bottom: 3px solid #0099cc;
    color: #555;
    padding: 5px 5px 7px 10px;
}

.respuesta-block {
    background: #FFF;
    padding: 10px 10px 30px 10px;
    box-sizing: border-box;
    margin-top: 10px;
    border-radius: 10px;
}

.respuesta-block h3 span{
    font-weight: bold;
    margin-left: 1em;
}

.respuesta-block canvas {
    margin-left: 50%;
}

.tabla-grafico-bloque {
    outline: 1px solid #0099cc;
    display: inline-block;
    width: 8%;
    text-align: center;
}

.n-resp {
    background: #0099cc;
    color: #FFF;
    font-weight: bold;
}

.porcentaje-votos{
    border-top: 1px solid #CCC;
    margin: 4px;
    padding-top: 2px;
}

.n-num-votos {
    font-size: 18px;
    color: #000;
}

.resp-si-no {
    outline: 1px solid #0099cc;
    display: inline-block;
    width: 30%;
    margin: 0 8%;
    text-align: center;
    margin-top: 1em;
}

.resultado-texto {
    background: #eee;
    display: inline-block;
    padding: 10px 17px;
    border-radius: 5px;
}

.bloque-resumen-datos{
	background:#eceeef;
	padding: 15px;
    border-radius: 5px;}

.bloque-resumen-datos h3 {
    color: #666;
    font-weight: bold;
}

.bloque-interior {
    min-height: 70px;
}


.bloque-interior .actions button{
    background: #0099cc;
    color: white;
    border: none;
    border-radius: 5px;
}

.bloque-interior .actions button.eliminar{
background:#d9534f;}


.bloque-interior .actions{
    margin-top: 5px;
}

.bloque-interior .fa-arrows-alt {
    font-size: 3em;
    margin-top: 10px;
    margin-left: 9px;
    color: #236a80;
}

.ui-widget.ui-widget-content.ui-selectmenu-menu-dropdown.ui-corner-bottom{background:#FFF!important;}

.line-height-none{line-height:0px;}



/*** gestor bloques preguntas **/

.bloque-item{overflow:hidden; background: #eee;}

.bloque-item:hover{background: #eee;}

.bloque-item .ui-sortable{
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

.header-bloque {
    background: #09c;
    display: block;
    height: auto;
    margin: -15px;
    min-height: 50px;
    width: auto;
    color: #FFF!important;
}

.mover-bloque {
    width: 50px;
    display: block;
    margin-top: 15px;
    float: left;
    padding-left: 10px;
}

.titulo-bloque {
    width: 60%;
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 16px;
    margin-top: 7px;
    margin-bottom: 9px;
}

.titulo-bloque .normal-font{font-weight:normal!important;}

.preguntas-bloque {
    width: 14%;
    display: inline-block;
    text-align: center;
    position: absolute;
}

.preguntas-bloque label {
    font-weight: bold;
    color: #FFF;
    margin-bottom: 0px;
}

.bloque-item .actions{
    position: absolute;
    right: 0;
    top: 0;
}

.bloque-item #botones {
    margin: 29px 20px 0 40px;
}

.item-menu {
    position: absolute;
    font-size: 2em!important;
    top: 18px;
    left: 13px;
    color: #028fbc;
    width: 30px;
    padding-left: 14px;
    height: 54px;
    padding-top: 18px;
}

.y41e-item-actions  .btn:hover {
    
    background: #0b7090!important;
}

.item-menu:hover{color:#000;}

#divBusqEncuestas #rup-list-header, #divBusqEncuestas #rup-list-footer{
    padding: 0 0 0 20px;
    background: none;
}

.pl-4{padding-left:4rem!important}

.bloque-item .header-bloque .actions > button {
    background: none;
    border: none;
    font-size: 22px;
    color: white;
    margin-top: 6px;
    border-right: 1px solid rgba(255, 255, 255, 0.1607843137254902);
}

.col-md-1.mover-pregunta {
    width: 5%;
}

.col-md-1.mover-pregunta i{
    margin-left: 2px;
    font-size: 2.5em;
}

.p-enlazada {
    background: #52b952;
    color: white;
    padding-left: 5px;
    width: 140px;
    border-radius: 13px;
    position: absolute;
    top: -5px;
    margin-left: -26px;
    text-transform: uppercase;
    left: 8%;
}

.bloque-enlazado {
    background: #52b952;
    color: white;
    padding: 5px;
    width: 73px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    margin-left: -26px;
    text-transform: uppercase;
    left: 81%;
    z-index: 9;
    line-height: 10px;
    text-align: center;
    font-weight: bold;
}

.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all{background:#FFF!important;}



.espacio-disponible{border:2px dashed #028fbc; height:50px;width:100%; border-radius:10px;}

#configuracion_form #nav-tabContent {
    background: white!important;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 15px 5px;
}

#configuracion_form label.error {
    color: #fff;
}

#resulEncuestaGraf_filter_form label.error {
    color: #fff;
    position: absolute;
    top: 4.50rem;
    left: 0.25rem;
}

/*** home ***/
.fondo-home {padding:0;}
.fondo-home img{width:100%;}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    border-radius: .25rem;
}

div.error, label.error {
    font-size: x-small !important;
    position: relative;
    width: max-content;
    margin-bottom: 0px;
    padding: 0!important;
    display: block;
}

.ui-jqgrid tr.jqgrow td {
   white-space: normal !important;
}

.jstree-default .jstree-closed a, .jstree-default .jstree-open a {
	text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
}