/* Estilos específicos de jsf */

* {
    margin: 0;
    padding: 0;
}
html {
    min-height: 100%;
    height: 100%;
    overflow-y: hiden;
}
body {
    font-size: 12px;
    min-height: 100%;
    height: 100%;
    font-family: Arial, Verdana, sans-serif;
    color: #333333;
}
/* header */

#headerWrapper.shadow .header-escudo {
    background-color: none;
}
#headerWrapper.shadow {
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    background-color: rgba(255, 255, 255, 0.85);
}
.header-app {
    width: 100%;
    height: 40px;
    text-align: center;
}
.header-escudo {
    float: left;
    height: 40px;
}
.header-escudo a {
    width: 280px;
    height: 40px;
    display: block;
    background-image: url(img/ajuntament-de-valencia_logo.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 43px;
    background-color: rgba(255, 0, 0, 0);
    background-image: url(/apps/siga-portal/javax.faces.resource/ajuntament-de-valencia_app.svg.xhtml?ln=img);
}
#header-session {
    position: relative;
    float: right;
    text-align: left;
    margin-top: 5px;
    margin-right: 20px;
}
.header-session-label {
    position: relative;
    float: left;
    display: block;
    width: 145px;
    font-weight: bold;
    text-align: right;
    margin-right: 5px;
}
.header-session-data {
    text-align: left;
}
.header-title-app {
    font-size: 12px;
    font-weight: bold;
    margin-left: 44px;
    margin-top: -18px;
    text-align: left;
}
.header-toolbar {
    position: relative;
    float: right;
    top: 3px;
}
.header-toolbar a.home-button {
    text-decoration: none;
    text-indent: -99999px;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(/apps/siga-portal/javax.faces.resource/home.png.xhtml?ln=img) center center no-repeat;
}
.header-toolbar a.home-button:hover {
    width: 28px;
    height: 28px;
    border: #a8a8a8 solid 1px;
    border-radius: 3px;
    background: #f8f8f8 url(/apps/siga-portal/javax.faces.resource/home.png.xhtml?ln=img) center center no-repeat;
}
.threeLineIcon {
    position: relative;
    text-indent: -99999px;
    float: left;
    width: 30px;
    height: 30px;
    display: block;
    border: none;
    background: #ffffff url(/apps/siga-portal/javax.faces.resource/menu.png.xhtml?ln=img) center center no-repeat;
}
.threeLineIcon:hover {
    border: #a8a8a8 solid 1px;
    border-radius: 3px;
    background: #f8f8f8 url(/apps/siga-portal/javax.faces.resource/menu.png.xhtml?ln=img) center center no-repeat;
}
/** Blocks **/

#outerWrapper {
    position: relative;
    overflow-x: auto;
    border: none;
}
#headerWrapper,
#contentWrapper,
#footerWrapper {
    width: 100%;
    position: relative;
    float: left;
    display: block;
}
#headerWrapper {
    width: 100%;
    top: 0;
    position: fixed;
    float: none;
    padding: 5px 10px;
    box-sizing: border-box;
    z-index: 1000;
    background-color: white;
}
#contentWrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 50px 5px 5px 5px;
    float: none;
    position: absolute;
    min-height: 80%;
}
#footerWrapper {
    height: 30px;
    margin: 10px auto 0;
    text-align: center;
    font-size: 11px;
}
#loginWrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
}
#headerLogin,
#footerLogin,
#contentLogin {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    display: block;
}
#headerLogin {
    height: 99px;
    min-height: 99px;
    background: #ffffff url(/apps/siga-portal/javax.faces.resource/escudo_header_login.png.xhtml?ln=img) top center no-repeat;
    margin-top: 10px;
}
#footerLogin {
    height: 26px;
    color: #555555;
    font-size: 15px;
    margin: 80px auto 0;
}
#contentLogin {
    min-height: 100%;
   /* background: #ffffff url(/apps/siga-portal/javax.faces.resource/escudo_web.jpg.xhtml?ln=img) center 110px no-repeat fixed;*/
}
#modalPanel {
    background: none;
}
#dialogContentWrapper{
    padding: 10px;
}
.basicPanelWrapper {
    padding: 5px;
}
.crudModalWrapper {
    padding: 5px;
}
a img {
    border: none;
}
h1 {
    font-size: 1.6em;
    margin-top: 0;
}
input[type=submit],
input[type=button] {
    font-size: 10px;
    margin: 5px 5px 5px 0;
    cursor: pointer;
    margin: 5px 5px 5px 0;
    padding: 3px 10px;
    border: 1px solid #A8A8A8;
    border-radius: 3px;
    -webkit-padding-before: 5px;
    -webkit-padding-after: 5px;
    -webkit-padding-start: 12px;
    -webkit-padding-end: 12px;
    background: url(/apps/siga-portal/javax.faces.resource/gradientA.png.xhtml?ln=img) repeat-x left top;
}
input[type=text],
input[type=password],
textarea {
    font-size: 12px;
    padding: 3px;
    border: 1px solid #A8A8A8;
    border-radius: 3px;
}
#combobox-footer {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    text-align: center;
}
.name {
    vertical-align: top;
    font-weight: bold;
    width: 115px;
    float: left;
    padding: 5px;
    margin-top: 3px;
    clear: left;
}
.value {
    float: left;
    padding: 5px;
}
.error {
    float: left;
    padding: 5px;
}
.errors {
    color: red;
    vertical-align: middle;
}
img.errors {
    padding-right: 5px;
}
.errors input,
.errors textarea {
    border: 1px solid red !important;
}
.required {
    color: red;
    padding-left: 2px;
}
.oneColumn {
    width: 100%;
}
.twoColumns {
    width: 50%;
}
.threeColumns {
    width: 33%;
}
.fourColumns {
    width: 25%;
}
.fiveColumns {
    width: 20%;
}
.counterTextArea {
    float: left;
    margin: 1px 0 0 130px;
    font-size: 10px;
    width: 200px;
}
/* the specificity here is necessary to override the defaults */

select {
    font-size: 12px;
}
/* I don't know why this is necessary, but the select is off by a pixel on the top and is padding too much on the left */

.actionButtons {
    padding-left: 1px;
}
.actionButtons select {
    margin: 5px 5px 5px 0;
    vertical-align: bottom;
}
div.info {
    font-size: 1.2em;
}
ul.bullets {
    list-style: square;
}
ul.bullets li {
    padding-bottom: 2px;
}
/* Datatable */

.footerDataTable {
    display: block;
    width: 100%;
}
.footerDataTable table {
    margin: 0 auto;
}
.dataTableSubPanel {
    width: 50%;
    border: none;
}
/* DropDown menu principal */

#menuAppForm {
    width: 750px;
}
/* Botones acciones */

.commonActionButton {
    color: #233755;
    text-decoration: none;
    width: 50px;
    padding-left: 20px;
    display: inline;
    margin: 0 10px;
}
.acceptButton {
    background: url(/apps/siga-portal/javax.faces.resource/accept.png.xhtml?ln=img) left no-repeat !important;
}
.insertButton {
    background: url(/apps/siga-portal/javax.faces.resource/add.png.xhtml?ln=img) left no-repeat !important;
}
.editButton {
    background: url(/apps/siga-portal/javax.faces.resource/page_edit.png.xhtml?ln=img) left no-repeat !important;
}
.printButton {
    background: url(/apps/siga-portal/javax.faces.resource/print.png.xhtml?ln=img) left no-repeat !important;
}
.deleteButton,
a.cancelButton {
    background: url(/apps/siga-portal/javax.faces.resource/remove.png.xhtml?ln=img) left no-repeat !important;
}
.searchButtonlnk {
    background: url(/apps/siga-portal/javax.faces.resource/search.png.xhtml?ln=img) left no-repeat !important;
}
.resetButtonlnk {
    background: url(/apps/siga-portal/javax.faces.resource/reset.png.xhtml?ln=img) left no-repeat !important;
}
.closeSessionButton {
    width: 85px;
    height: 18px;
    padding-top: 2px;
    -webkit-padding-before: 4px;
    display: block;
    float: left;
    margin: 2px 10px 0 10px;
    -webkit-margin-before: 1px;
    background: url(/apps/siga-portal/javax.faces.resource/power_off.png.xhtml?ln=img) left no-repeat;
}
.relationTableButton {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/apps/siga-portal/javax.faces.resource/table.png.xhtml?ln=img) no-repeat;
}
button.menuAdm {
    float: left;
}
input.searchButton,
input.resetButton {
    width: 80px;
    padding: 0px 0 2px 5px;
    margin: 0;
    height: 22px;
    border-radius: 5px;
    -ms-border-radius: 5px;
}
input.searchButton {
    background: url(/apps/siga-portal/javax.faces.resource/search.png.xhtml?ln=img) #f1eee9 3px no-repeat;
}
input.resetButton {
    background: url(/apps/siga-portal/javax.faces.resource/reset.png.xhtml?ln=img) #f1eee9 3px no-repeat;
}
input.searchButton:hover,
input.resetButton:hover {
    background-color: #f9f8f7;
}
img.closeTab {
    display: block;
    margin: -15px 0 0 45px;
}
img.closeTab:hover {
    cursor: pointer;
}
/* pestañas */

.center {
    text-align: center;
}
div.mpButtons {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
}
/* messages modal box */

span.imageWarning {
    background: url(/apps/siga-portal/javax.faces.resource/warning.png.xhtml?ln=img) left no-repeat;
}
span.imageAccept {
    background: url(/apps/siga-portal/javax.faces.resource/ok.png.xhtml?ln=img) left no-repeat;
}
span.imageError {
    background: url(/apps/siga-portal/javax.faces.resource/error.png.xhtml?ln=img) left no-repeat;
}
span.imageInfo {
    background: url(/apps/siga-portal/javax.faces.resource/info.png.xhtml?ln=img) left no-repeat;
}
span.imageQuestion {
    background: url(/apps/siga-portal/javax.faces.resource/comment.png.xhtml?ln=img) left no-repeat;
}
span.imageQuestionDelete {
    background: url(/apps/siga-portal/javax.faces.resource/comment_remove.png.xhtml?ln=img) left no-repeat;
}
/* paneles */
/* login */

.panelLogin {
    position: relative;
    margin: 0 auto;
    border: #C4C0C9 solid 1px;
    border-radius: 7px;
    -ms-border-radius: 7px;
    text-align: left;
}
.panelLoginTable {
    width: 100%;
    height: 300px;
}
.loginColumnIcon {
    width: 60%;
    text-align: center;
}
.loginColumnCredenciales {
    width: 40%;
}
.loginCredencialesContent {
    border: none;
    background: none;
    text-align: left;
    padding-left: 30px !important;
    width: 260px;
    margin: auto;
}
.loginCredencialesContent #username,
.loginCredencialesContent #password {
    height: 20px;
    width: 200px;
    margin-bottom: 20px;
}
.loginCredencialesIcon {
    vertical-align: middle;
    margin-left: 5px;
    padding-bottom: 3px;
}
.loginCredencialesContent #username:-webkit-autofill,
.loginCredencialesContent #username:-webkit-autofill:hover,
.loginCredencialesContent #username:-webkit-autofill:focus,
.loginCredencialesContent #username:-webkit-autofill:active,
.loginCredencialesContent #password:-webkit-autofill,
.loginCredencialesContent #password:-webkit-autofill:hover,
.loginCredencialesContent #password:-webkit-autofill:focus,
.loginCredencialesContent #password:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px #E1E7F3 inset;
    -moz-box-shadow: 0 0 0 100px #E1E7F3 inset;
    box-shadow: 0 0 0 100px #E1E7F3 inset;
}
.loginCredencialesContent #loginEs {
    height: 30px;
    width: 103px;
    margin: 0 0 0 0;
    border-right-width: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.loginCredencialesContent #loginVa {
    height: 30px;
    width: 105px;
    margin: 0 0 0 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.loginCredencialesContent #loginVa .ui-button-text {
    padding: 4px 35px 0.3em 8px;
}
.loginCredencialesContent #loginEs .ui-button-text {
    padding: 4px 8px 0.3em 30px;
}
.loginCredencialesContent .loginIconEs {
    left: 0px;
    top: 0px !important;
    margin-top: 0px !important;
    background-color: rgba(136, 136, 136, 0.22);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 25px;
    height: 28px;
    background-image: none;
    border: 0px 1px 0px 0px;
    border-top: 0px;
    border-right: 1px;
    border-left: 0px;
    border-bottom: 0px;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    background-position-y: 7px;
    background-position-x: 5px;
    background-image:url(/apps/siga-portal/javax.faces.resource/flag_spain_rounded.png.xhtml?ln=img);
}
.loginCredencialesContent .loginIconVa {
    left: auto;
    right: 0px;
    top: 0px !important;
    margin-top: 0px !important;
    background-color: rgba(136, 136, 136, 0.22);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    width: 25px;
    height: 28px;
    background-image: none;
    border: 0px 1px 0px 0px;
    border-top: 0px;
    border-right: 0px;
    border-left: 1px;
    border-bottom: 0px;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    background-position-y: 7px;
    background-position-x: 5px;
    background-image:url(/apps/siga-portal/javax.faces.resource/flag_valencia_rounded.png.xhtml?ln=img);
}
.loginCredencialesContent #inputId:-webkit-autofill {
    background-color: white !important;
}
#contentLogin label {
    margin-top: 20px;
    display: block;
}
.loginAreaApp,
.loginTitleApp {
    position: relative;
    width: 700px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #555555;
    margin: 10px auto 0;
}
.loginAreaApp {
    margin-bottom: 10px;
}
.loginTitleApp {} #headerLogin .languageSwitch {
    position: absolute;
    top: 0;
    right: 0;
}
#headerLogin .languageSwitch a {
    display: block;
    position: relative;
    float: left;
    margin-left: 15px;
    color: #555555;
}
.header-toolbar a.spanish,
#headerLogin .languageSwitch a.spanish {
    text-decoration: none;
    height: 18px;
    padding: 2px 0 0 24px;
    -webkit-padding-before: 5px;
    margin: 2px 10px 0 10px;
    -webkit-margin-before: 0px;
    display: block;
    float: left;
    background: url(/apps/siga-portal/javax.faces.resource/spain-flag.jpg.xhtml?ln=img) center left no-repeat;
}
.header-toolbar a.valencia,
#headerLogin .languageSwitch a.valencia {
    text-decoration: none;
    height: 18px;
    padding: 2px 0 0 24px;
    -webkit-padding-before: 5px;
    margin: 2px 10px 0 10px;
    -webkit-margin-before: 0px;
    display: block;
    float: left;
    background: url(/apps/siga-portal/javax.faces.resource/valencia-flag.jpg.xhtml?ln=img) center left no-repeat;
}
.ui-icon-spanish {
    background: url(/apps/siga-portal/javax.faces.resource/spain-flag.jpg.xhtml?ln=img) 1px 1px no-repeat !important;
}
.ui-icon-valencia {
    background: url(/apps/siga-portal/javax.faces.resource/valencia-flag.jpg.xhtml?ln=img) 1px 1px no-repeat !important;
}
.ui-icon-closeSession {
    background: url(/apps/siga-portal/javax.faces.resource/close-session.png.xhtml?ln=img) 3px 1px no-repeat !important;
}
.basicPanel {
    position: relative;
    min-height: 441px;
    border: #C4C0B9 solid 1px;
    border-radius: 3px;
    background: #ffffff url(/apps/siga-portal/javax.faces.resource/escudo_web.jpg.xhtml?ln=img) center -15px no-repeat;
}
.basicPanel .errorList {
    padding: 145px 0 0 265px;
    font-size: 14px;
    font-weight: bold;
    width: 720px;
}
.basicPanel .errorList span {
    display: block;
    line-height: 35px;
    clear: both;
    margin-bottom: 20px;
}
/* home */

.basicPanel .homeTitleApp {
    position: absolute;
    width: 100%;
    bottom: 55px;
}
/* body */

#contentPanel {
    border: none;
}
#contentPanel .tablePanel,
.popupPanel .tablePanel {
    border: none;
}
.popupPanel .criteriaPanel {
    padding: 0;
    margin-bottom: 10px;
}
.criteriaBody,
.relCriteriaBody {
    position: relative;
    width: 95%;
    padding: 15px;
    min-height: 20px;
    display: block;
}
.criteriaBodyLabel,
.relCriteriaBodyLabel {
    position: relative;
    float: left;
    margin: 3px 0 15px 15px;
    display: block;
    text-align: right;
}
.criteriaBodyInput,
.relCriteriaBodyInput {
    position: relative;
    float: left;
    margin-right: 20px;
}
.criteriaBodyLabel > label,
.relCriteriaBodyLabel > label {
    display: block;
    margin: 1px 10px 0 0;
}
.relCriteriaBodyLabel {
    margin-right: 10px;
}
.criteriaBodyButton {
    position: relative;
    float: left;
    margin: -3px 15px;
}
.detailPanelGrid {
    display: block;
    height: 373px;
    padding: 20px;
    border: #C4C0C9 solid 1px;
}
.detailPanelGrid tr {
    display: block;
    margin-bottom: 15px;
}
.detailPanelGrid tr td label {
    display: block;
    width: 125px;
}
.detailPanelGrid .detailItem {
    position: relative;
    float: left;
    margin: 0 20px 10px 0;
}
.detailPanelGrid .detailItem > label {
    width: 110px;
    text-align: right;
    margin: 4px 20px 0 0;
    display: block;
    float: left;
    color: #666;
}
.detailPanelGrid .detailItemRelation {
    margin: 0 10px 10px 0;
}
.detailPanelGrid .detailItemRelation button {
    float: left;
    height: 22px;
    margin-right: 10px;
}
.detailPanelGrid .detailItemRelationDesc span {
    margin: 4px 0 0;
    display: block;
}
.item-check {
    display: block;
    width: 15px;
    height: 10px;
    margin: 0 auto;
    background: url(/apps/siga-portal/javax.faces.resource/ui-icons_grey1.png.xhtml?ln=img) -64px -148px no-repeat;
}
.dataTableSubPanel {
    padding: 0;
}
.reportViewForm {
    padding: 30px;
}
.reportItemCriteria {
    position: relative;
    float: left;
    display: block;
    margin: 5px 0;
}
.reportItemCriteria label {
    width: 100px;
    margin-right: 10px;
    position: relative;
    float: left;
}
.reportItemCriteriaButton {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.reportItemCriteriaButton button {
    margin: 0 auto;
}
.selectRadioCriteria {} .selectRadioCriteria label {
    width: 200px;
    margin: 5px 0;
}
/* menu administrator */

.detailItemInternal table tr td > label,
.detailItemDialog table tr td > label {
    width: 30px;
}
.detailItemSecurityExpression textarea {
    resize: none;
}
.no-wrap {
    white-space: nowrap;
}
.px10 {
    width: 10px;
}
.px20 {
    width: 20px;
}
.px30 {
    width: 30px;
}
.px40 {
    width: 40px;
}
.px50 {
    width: 50px;
}
.px60 {
    width: 60px;
}
.px70 {
    width: 70px;
}
.px80 {
    width: 80px;
}
.px90 {
    width: 90px;
}
.px95 {
    width: 95px;
}
.px100 {
    width: 100px;
}
.px125 {
    width: 125px;
}
.px150 {
    width: 150px;
}
.px175 {
    width: 175px;
}
.percent10 {
    width: 10%;
}
.percent20 {
    width: 20%;
}
.percent30 {
    width: 30%;
}
.percent40 {
    width: 40%;
}
.percent50 {
    width: 50%;
}
.percent60 {
    width: 60%;
}
.percent70 {
    width: 70%;
}
.percent80 {
    width: 80%;
}
.percent90 {
    width: 90%;
}
.percent95 {
    width: 95%;
}
.percent99 {
    width: 99%;
}
.percent100 {
    width: 100%;
}
.font8px {
    font-size: 8px;
}
.font9px {
    font-size: 9px;
}
.font10px {
    font-size: 10px;
}
.font11px {
    font-size: 11px;
}
.font12px {
    font-size: 12px;
}
.alignTop {
    vertical-align: top;
}
.alignTopTable>tbody>tr>td {
    vertical-align: top;
}
.alignTextRight {
    text-align: right;
}
.alignTextCenter {
    text-align: center;
}
.alignTextLeft {
    text-align: left;
}
.info-button {
    background: url(/apps/siga-portal/javax.faces.resource/information.png.xhtml?ln=img
) left no-repeat ! important;
}
/*Diálogos de Excepciones*/

.dialog-exception-icon {
    top: 25px;
    left: 50px;
    position: absolute;
    font-size: 50px;
    text-align: center;
    color: #b94a48;
}
.dialog-exception-message {
    width: 450px;
    text-align: justify;
    margin: 25px auto;
}
.dialog-exception-accept {
    text-align: right;
    margin-right: 20px;
    margin-bottom: 10px;
}
.dialog-exception-fieldset {
    border-bottom: none;
    border-radius: 0px;
    border-left: none;
    border-right: none;
}
.dialog-exception-fieldset .ui-fieldset-legend {
    background: none;
    border: none;
}
.dialog-exception-fieldset .ui-fieldset-content {
    max-height: 300px;
    width: 685px;
    overflow: overlay;
}
.ui-datatable .ui-datatable-data {
    border: none;
}
.ui-datatable .ui-datatable-data tr.ui-widget-content.ui-datatable-empty-message {
    border: none;
}
.ui-datatable tbody.ui-datatable-data {
    border: 1px solid #ddd;
}

.ui-datatable .ui-datatable-scrollable-body tbody.ui-datatable-data{
    border: none;
}

.ui-datatable .ui-datatable-data tr.ui-widget-content {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
}
.ui-datatable .ui-datatable-scrollable-body .ui-datatable-data tr.ui-widget-content {
    border-left: 0px;
}
.ui-datatable .ui-datatable-data tr.ui-widget-content td {
    border: none;
}
.ui-datatable tbody:first-of-type > tr.ui-state-highlight > td:first-child {
    -webkit-box-shadow: inset 3px 0px 0 0 #3C667C;
    box-shadow: inset 3px 0px 0 0 #3C667C;
}
.ui-datatable tr.ui-state-highlight td.principalColumn_leida:first-child {
    padding-left: 7px !important;
}
.ui-datatable tr.ui-datatable-odd {
    background-color: rgba(241, 241, 241, 0.69);
    background-image: none;
}
.ui-datatable tr.ui-state-highlight,
.ui-datatable tr.ui-state-highlight {
    font-weight: inherit;
    background-color: #D0E0E8;
    background-image: none;
}
.ui-datatable .ui-datatable-data tr.ui-state-hover {
    background-color: #D0E0E8;
    background-image: none;
    border: 1px solid;
    border-color: #ddd !important;
}
.ayfwk-tab-view .ui-tabs-nav {
    border-bottom: 1px solid #A8A8A8;
    margin-bottom: 5px !important;
}
.ayfwk-tab-view .ui-tabs-nav li.ui-state-default {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #A8A8A8 !important;
    margin-bottom: 0px;
}
.ayfwk-tab-view .ui-tabs-nav li.ui-state-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid white !important;
    margin-bottom: 0px;
}
.hideFilter {
    display: none !important;
    visibility: hidden;
}
.ayfwk-toolbar-ajaxprogress {
    display: none;
    float: left;
    margin: 4px 0px 0px 5px;
}
.ayfwk-fa-progreso {
     display: inline-block;
    font: normal normal normal 14px/1 'Font Awesome 5 Free';
    font-size: inherit;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
.ayfwk-fa-progreso:before {
    content: "\f110";
}
.arquetipo-globalFilter {
    width: 250px;
}
.arquetipo-globalFilter.ui-state-focus {
    background: white;
}
.table-headerprogress-left {
    position: relative;
    float: left;
}
.ayfwk-blockui {
    vertical-align: middle;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background-image: none;
    background-color: rgb(252,
    254,
    255);
    opacity: .90;
    filter: Alpha(Opacity 90);
    z-index: 10000;
}

[data-p-required=true]:not(.ui-state-error), .ayto-required:not(.ui-state-error):not(.ui-colorpicker):not(.ui-autocomplete),
span.ui-colorpicker.ayto-required button{
	border-left: 3px solid #e72e2e !important;
}
.ui-autocomplete.ayto-required input.ui-autocomplete-input{
	border-left: 3px solid #e72e2e !important;	
}

.ui-selectoneradio.ayto-required{
	border-left: 3px solid red;
    border-radius: 3px;
}

span.ui-colorpicker.ayto-required:not(.ui-state-error){
 border-left: none;    
}