/*
Copyright(c) 2016 Alerbios Soluciones de Software CIA Ltda. All Rights Reserved.
This software is the proprietary information of Alerbios Soluciones de Software CIA Ltda.
http://www.alterbios.com
Created on: Mar 15, 2017, 11:14:51 AM
Author: Dennys Quiroz
Project: quindeUI
*/

body .ui-button.neutral-btn {
    background-color: transparent;
    color: gray;
    border: 1px solid gray;  }

body .ui-button.neutral-btn.ui-state-hover {
    border: 1px solid gray; 
}

body .ui-button.neutral-btn.ui-state-focus {
    outline: 0 none;
    background-color: #cccccc; }

body .ui-button.neutral-btn.ui-state-active {
    background-color: #cccccc;
    border: 1px solid black; 
    color: black;
}

.ui-panelgrid.ui-panelgrid-nopad td {
    padding: 0px 0px ;
}

table.nopadding {
    padding: 0;
}

table.nopadding td {
    padding: 0;
}

/*ui-widget-header.ui-datatable-scrollable-header.headerless{
    display: none;
}

ui-datatable-header.ui-widget-header.ui-corner-top.headerless {
    background: transparent;
}*/

.ui-datatable.headerless thead {
    display: none;
}

@media (min-width: 641px) {
    video { 
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        transform: translateX(-50%) translateY(-50%);   
        background-size: cover;
        transition: 1s opacity;
    }
}

@media (max-width: 640px) { 
    #bgvid { display: none; }
}

.stitched {
    position: relative !important;
    padding: 1px !important;
    background: #fff !important;
    font-size: 110% !important;

    /*line-height: 1.5em !important;*/
    border: 2px dashed;
    border-radius: 10px !important;
    font-weight: normal !important;
}

/*.ui-panelgrid td {
    padding: 2px ;
}*/

.titulo-documento{text-align: center; padding: 0px;margin: 0px;}
/*.ui-outputlabel-rfi{
  display: none;
}*/
.ui-outputlabel
{
    font-size: 90%;
    /*     overflow: hidden;  to hide anything that doesn't fit in the containing element. 
        white-space: nowrap;  to make sure the line doesn't break when it is longer than the containing div. 
        text-overflow: ellipsis;  to do what you want. */
}

.label
{
    font-size: 80%;
    overflow: hidden; /* to hide anything that doesn't fit in the containing element. */
    white-space: nowrap; /* to make sure the line doesn't break when it is longer than the containing div. */
    text-overflow: ellipsis; /* to do what you want. */
}

.button-wrapper{
    max-width: 250px;
    margin: 5px;


    float: right;
}

.button-wrapper-left{
    max-width: 250px;
    margin: 5px;


    float: left;
}

.button-wrapper-dlg{
    max-width: 150px;
    float: right;
    margin: 5px;

}

.button-wrapper-dlg-sm{
    max-width: 150px;
    float: right;

}

.button-wrapper-dlg-left{
    max-width: 150px;
    float: left;
    margin: 5px;

}

.action-icon{
    padding-top: 8px;

}

#nonAjaxLoad {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 128px;
    height: 128px;
}

#ajaxLoad {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 128px;
    height: 128px;
}

.ui-dialog.transparent{
    background: transparent;
    box-shadow: none;
    border: none;
}

.ui-panel.borderless {
    border: none;

}

.fa-stack[data-count]:before{
    position:absolute;
    right:0%;
    top:0%;
    content: attr(data-count);
    font-size:50%;
    padding:.6em;
    border-radius:999px;
    line-height:.75em;
    color: white;
    background:rgba(255,0,0,.85);
    text-align:center;
    min-width:.75em;
}

div.centerContainer
{ 
    top: 0; left: 0; width: 100%; height: 100%;
    position: absolute; display: table
}

div.centerContent {
    display: table-cell; vertical-align: middle
}

.ui-panel.nopadding .ui-panel-content{
    padding: 0;
}

.ui-icon-quinde{
    background-image: url("/quinde/javax.faces.resource/images/quinde-white-xs-18.png.xhtml?ln=quinde") !important;
    background-position: center !important;

}

.ui-wizard .ui-wizard-content .ui-wizard-step-titles .ui-wizard-step-title{
    color:blue;
    background-color: white;
}

.ui-fieldset.clear .ui-fieldset-legend{
    background-color: white;
    color: black;
    font-weight: bold;
    border: 1px;
}

.ui-panelgrid.nopadding .ui-panelgrid-cell{
    padding-top: 0;
    padding-bottom: 0;
}

.ui-panelgrid.nopadding-all .ui-panelgrid-cell{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.colum-nopad .padd{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.bold-text{
    font-weight: bold;

}

@media (max-width: 640px) {
    .too-much-text {
        font-size: .75em;
    }
}

@media (max-width: 480px) {
    .too-much-text {
        font-size: .5em;
    }
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}

.ui-wizard.black-titles .ui-wizard-step-titles .ui-wizard-step-title {
    border-color: black;
    border-width: 1px;
}

.ui-wizard.black-titles .ui-wizard-step-titles .ui-wizard-step-title:last-child{
    border-color: black;
    border-width: 1px;
}

.ui-wizard.black-titles .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight{
    background: black;
    border-color: black;
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 5em;
    line-height: 4em;
    vertical-align: middle;
}

.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: right;
}

.icon-stack-1x {
    line-height: inherit;
}

.icon-stack-2x {
    font-size: 1.5em;
}

.icon-stack-3x {
    font-size: 2em;
}

.empty-border{
    border: none !important;   
}

.word_border{
    outline: 2px solid;
    outline-offset: 2px;
}

body .ui-datatable .ui-datatable-data tr td{
    padding: 4px 10px;
}

/*.ui-button.stitched {
    position: relative;
    padding: 10px;
    margin: 120px auto;
    width: 310px;
    background: #ff0030;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5em;
    border: 4px dashed #fff;
    border-radius: 15px;
    box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
    text-shadow: -1px -1px #aa3030;
    font-weight: normal;
}*/

/*.ui-inputfield.product:after{
    content: "\f095";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}*/

/* Overrides menu */
.layout-wrapper .topbar .logo {
    background-size: 175px 41px;
}

.layout-wrapper .topbar .topbar-left {
    padding: 17px 20px 0px 35px;
}

.layout-wrapper .topbar .topbar-right #menu-button:hover {
}

@media (min-width: 1025px) {
    .layout-wrapper .topbar-items {
        padding: 0;
        vertical-align: -0.2%;
    }
}

.profile-icon {
    font-size: 250%;
}

@media (min-width: 1025px) {
    .layout-wrapper .topbar-items > li > ul {
        right: -20px;
    }
}

@media (max-width: 1024px) {
    .layout-wrapper .topbar .topbar-right .topbar-items {
        padding: 0;
        right: 0;
        top: 75px;
    } 

    .profile-icon {
        display: none;
    }

    .footer {
        width: 99%;
    }
}

@media (max-width: 640px) {
    .layout-wrapper.menu-layout-static .topbar .topbar-left .logo, .layout-wrapper.menu-layout-overlay .topbar .topbar-left .logo, .layout-wrapper.menu-layout-overlay.layout-menu-overlay-active .topbar .topbar-left .logo {
        display: none;
    }

    .footer {
        width: 97%;
        font-size: 90%;
    }
}

.card {
    margin-bottom: 0px;
}

.label_icono_buzon {
    font-family: "Open Sans", "Helvetica Neue", sans-serif; 
    font-size: 12.5px;
    font-weight: bolder;
    margin-left: 4px;
    vertical-align: 2px;
}

.ui-overlaypanel-content {
    padding: 0.1em 0.1em;
}

.dialog-style-quinde {
    max-width: 50%;  
}
body .ui-growl {
    z-index: 999999 !important;
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image::before {
    content: "\f05a";
}

body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image::before {
    content: "\f071";
}

body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image::before {
    content: "\f057";
}

body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image::before {
    content: "\f056";
}

body .ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

.colorCard1{
    color: white;
    background-color: #00acac;   
    font-weight: bold;
}
.colorCard2{
    color: white;
    background-color: #6c76af; 
    font-weight: bold;
}

.colorCard3{
    color: white;
    background-color: #007979; 
    font-weight: bold;
}