* { 
    margin: 0;
}

html.one-page, body.one-page {
    height: 100%;
    overflow: hidden;
    width:100%;
}

.hidden {
    visibility: hidden !important;
}

.visible {
    visibility: visible !important;
}

.quinde-white-bg-light {
    background: url(fondo_top_home.png) repeat-x;
}

.quinde-white-bg-dark {
    background-color: #3853a4 !important;
}

.quinde-white-fg-light {
    color: #fff !important;
}

.quinde-all-bg-dark {
    background-color: #3853a4 !important;
}

.quinde-all-fg-light {
    color: #f4f4f4!important;
}


.quinde-white-fg-dark {
    color: #26455A !important;
}

.quinde-green-bg-light {
    background-color: #f4f4f4 !important;
}

.quinde-green-bg-dark {
    background-color: #00A352 !important;
}

.quinde-green-fg-light {
    color: #f4f4f4 !important;
}

.quinde-green-fg-dark {
    color: #26455A !important;
}

.quinde-red-bg-light {
    background-color: #f4f4f4!important
}

.quinde-red-bg-dark {
    background-color: blue  !important;
}

.quinde-red-fg-light {
    color: #f4f4f4 !important
}

.quinde-red-fg-dark {
    color: #26455A !important;
}

.quinde-blue-bg-light {
    background-color: #f4f4f4 !important;
}

.quinde-blue-bg-dark {
    background-color: #3468af !important;
}

.quinde-blue-fg-light {
    color: #f4f4f4 !important;
}

.quinde-blue-fg-dark {
    color: #26455A !important;
}

.ico {
    position: relative;
    width: 32px;
    height: 32px;
    margin-left: 1px;
    margin-right: 1px;
    z-index: 1;
}

.quinde-ico {
    width: 80px;
    height: 70px;
}

.quinde-ico-small {
    width: 32px;
    height: 28px;
}

.quinde-ico-big {
    width: 300px;
    height: 290px;
}

@-moz-document url-prefix() {
    h1.center-container { 
        width: 300px !important;
    }
}

.error {
    font-size: 13px;
    color: #e51400;
}

.warning {
    font-size: 13px; 
    color: #f0a30a;
}

.normal {
    font-size: 13px; 
}

.alignTop {
    vertical-align: top;
}

.noBorder {
    padding: 0;
    margin: 0;
}

.noBorder tr, .noBorder td {
    border: none;
    padding: 0;
    margin: 0;
}

.quinde-context-menu.ui-menu {
    background: none !important;
    background-color: #f4f4f4!important;
    font-size: 11px !important;
}

.quinde-context-menu.ui-menu .ui-menuitem-link.ui-state-hover{
    background: none !important;
    background-color: #3468af !important;
    opacity: 0.65;
    /*    box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;*/
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, .75);
    box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, .75); 
}

.quinde-context-menu.ui-menu .ui-menuitem-link.ui-state-hover .ui-menuitem-text{
    color: #f4f4f4!important;
}

.quinde-context-menu.ui-menu .ui-menuitem-text {
    color: #3468af !important;
}

.quinde-context-menu.ui-menu ul {
    padding-left: 6px !important;
}

.noBackground {
    background-color: transparent !important;
}

.quinde-slider {
    width: 220px;
    height: 475px;
    position: absolute;
    left: 20px;
    top: 27px;
}

.quinde-slider-factura {
    width: 220px;
    height: 435px;
    position: absolute;
    left: 20px;
    top: 84px;
}

.quinde-slider-right {
    width: 220px;
    height: 435px !important;
    position: absolute;
    right: 20px;
    top: 27px;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, .75);
    box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, .75); 
}

.quinde-slider-factura-right {
    width: 220px;
    height: 435px;
    position: absolute;
    right: 20px;
    top: 27px;
}

.quinde-close-slider-button {
    position: absolute;
    top: 2px;
    right: 2px;
    font-weight: 900;
}

.center-container {
    
   
    /* Internet Explorer 10 */
    display:-ms-flexbox !important;
    -ms-flex-direction:column;
    -ms-flex-orient:vertical;
    -ms-flex-pack:center;
    -ms-flex-align:center;

    /* Firefox */
    display:-moz-box;
    -moz-box-orient:vertical;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    /*display:-webkit-box !important;*/
    -webkit-box-orient:vertical;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box !important;
    box-orient:vertical;
    box-pack:center;
    box-align:center;

    width: 100%;
    height: 100%;
}

.center-containerpn {
    
    background-image: url("/quinde/javax.faces.resource/images/backg2.png.xhtml?ln=puntonet");
    background-size: 100% 100%;
    
    /* Internet Explorer 10 */
    display:-ms-flexbox !important;
    -ms-flex-direction:column;
    -ms-flex-orient:vertical;
    -ms-flex-pack:center;
    -ms-flex-align:center;

    /* Firefox */
    display:-moz-box;
    -moz-box-orient:vertical;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box !important;
    box-orient:vertical;
    box-pack:center;
    box-align:center;

    width: 100%;
    height: 100%;
}

.center-container-full {
    /* Internet Explorer 10 */
    display:-ms-flexbox !important;
    -ms-flex-orient:vertical;
    -ms-flex-pack:center;
    -ms-flex-align:center;

    /* Firefox */
    display:-moz-box;
    -moz-box-orient:vertical;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box !important;
    box-orient:vertical;
    box-pack:center;
    box-align:center;
}

legend.quinde-white-fg-dark {
    border-bottom-color: #3468af !important;
}

legend.quinde-green-fg-dark {
    border-bottom-color: #00A352 !important;
}

legend.quinde-red-fg-dark {
    border-bottom-color: #dd352a !important;
}

legend.quinde-blue-fg-dark {
    border-bottom-color: #2C70D5 !important;
}

.quinde-white-bg-light tr {
    background-color: transparent !important;
}

/* Pantalla Login */
#social-login {
    margin-right: 10px;
    margin-left: 0;
    margin-bottom: 10px;
    padding-top: 0;
    height: 32px;
    text-align: right;
}

#outer-login {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
}

#login fieldset {
    padding-left: 5% !important;
    padding-right: 12% !important;
}

#register-login label {
    padding-left: 30px !important;
    padding-right: 15px !important;
    padding-bottom: 20px !important;
}

#login legend {
    padding-top: 4%;
}

#login-submit-container {
    padding-top: 1%;    
}

#login-items.tile-group {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
}

/* Pantalla Register */
#outer-register {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
    -webkit-box-shadow: 0px 0px 1000px 1px rgba(255, 255, 255, .75);
    -moz-box-shadow: 0px 0px 1000px 1px rgba(255, 255, 255, .75);
    box-shadow: 0px 0px 1000px 1px rgba(255, 255, 255, .75); 
}

#register label {
    color: #000000;
    margin-top: 0;
}

/* Main */
#main-title-container {
    height: 55px;
    max-height: 55px;
}

#main-title {
    float: right;
    font-size: 30px;
    padding-top: 5px;
    padding-right: 20px;
    color: #4390df;
}

#main-breadcrumbs {
    float: left;
    padding-top: 10px;
    padding-left: 20px;
    width: 60%;
    min-width: 60%;
}

#main-container {
    min-height: 100%;
    height: 100%;
    margin: 0 auto -30px;
    min-width: 960px;
}

#content-container {
    overflow:auto;
    height: 100%;
    position: relative;
    z-index: 1;
}

#footer-container, .push {
    height: 30px;
    text-align: center;
    position: relative;
    z-index: 2;
}

#footer-content {
    padding-top: 5px;
    color: #4390df;
}

#footer-login {
    padding-top: 30px;
    color: #000000;
    font-size: 15px;
    text-align: center;
}

#footer-login legend {
    width: 400px;
    border-bottom-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

/* Pivot Control */
#main-pivot{
    position:relative;
    overflow:hidden;
    height:100%;
    width:100%;
    margin: 0 auto -30px;
}

#main-pivot>.slide{
    display:block;
    height:100%;
    padding:2%;
    width:100%;
    position:absolute;
}

a.pivotButton {
    cursor:pointer;
    transition:all .2s ease;
}

/* Lateral Slides */
.buzon-slide {
    position: relative;
    margin: 1em 0;
    overflow: hidden;
    position: relative;
}

.buzon-slide .buzon-inner {
    position: absolute;
    right: 0;
    top: 10%;
    width: 100%;
    padding: 6px;
    background-color: transparent;
}

.js .buzon-slide .buzon-inner {
    display: none;
}

.quinde-calendar input {
    width: 280px;
}

.quinde-calendar-pequenio input {
    width: 240px;
}

/* Primefaces Overrides */
.ui-widget {
    font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;;
    font-size: 1em;
}

.ui-inputfield, 
.ui-widget-content .ui-inputfield, 
.ui-widget-header .ui-inputfield {
    -webkit-box-shadow: none !important; 
    box-shadow: none !important;
}

.ui-corner-all {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.ui-icon-bullet {
    background-position: -82px -146px;
    color: black;
}

.ui-radiobutton .ui-radiobutton-box {
    background-color: #FFFFFF;
    border: 2px solid #D9D9D9;
    font-weight: normal;
    font-size: 0.5em;
}

.ui-radiobutton-box.ui-state-active, .ui-widget-content .ui-radiobutton-box.ui-state-active, .ui-widget-header .ui-radiobutton-box.ui-state-active {
    border: 2px solid #919191 !important;
    background: none;
}

.ui-radiobutton-box.ui-state-hover, .ui-widget-content .ui-radiobutton-box.ui-state-hover, .ui-widget-header .ui-radiobutton-box.ui-state-hover {
    border: 2px solid #000000 !important;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.ui-chkbox-box.ui-state-hover {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #D9D9D9 !important;
    border-color: #D9D9D9 !important;
}

.ui-chkbox-box.ui-state-active {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #D9D9D9 !important;
    border-color: #D9D9D9 !important;
}

.ui-chkbox-box.ui-state-focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #D9D9D9 !important;
    border-color: #D9D9D9 !important;
}

.ui-icon-check {
    background-position: -65px -147px !important
}
/*Seccion overrides calendar*/
.ui-datepicker-calendar{
    background-color: #f4f4f4!important;    
}

.ui-datepicker-calendar th{
    color:#313131 !important;

}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    color:#fff !important;
    border: none;
    background: #313131 !important;

}

.ui-datepicker .ui-datepicker-calendar .ui-state-default{
    color: #313131 ;
    border: 1px solid;
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default{
    background-color: #313131 !important;
    color: #f4f4f4!important;
}


.ui-datepicker .ui-datepicker-next{
    border: none !important;
    background: none;
    font-weight: bold;
    color: #313131;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}

.ui-datepicker .ui-datepicker-prev {
    border: none !important;
    background: none;
    font-weight: bold;
    color: #313131;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; 

}

.ui-datepicker .ui-datepicker-header{
    background: #313131 !important;
    color: white !important;

}

.ui-dialog .ui-dialog-titlebar {
    background: #313131 !important;
    color: #f4f4f4;
}

.ui-dialog .ui-dialog-content{
    background: #f4f4f4;
}

.ui-dialog .ui-dialog-titlebar-close:hover{
    border: none !important;
    background: none;
    font-weight: bold;
    color: #313131;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
    background-image: url("/quinde/javax.faces.resource/images/ui-icons_898989_256x240.png.xhtml?ln=primefaces-aristo");

}

/* acerca de */
#acerca-titulo{
    font-weight: bold;
    font-size:30px;
}


#acerca-derechos{
    padding-top: 20px;
    font-size:13px;
    margin-left: auto;
    margin-right: auto;

}

#acerca-terminos{
    padding-top: 20px;
}

/* Ayuda de */
#ayuda-titulo{
    font-weight: bold;
    font-size:30px;
}

.texto-pad{


}

.metro .input-control.text input, .metro .input-control.password input, .metro .input-control.file input {
    border: 1px #d9d9d9 solid;
    width: 100%;
    height: 100%;
    padding: 5px;
    z-index: 1;
}

/* metro ui css overrides */
.metro .breadcrumbs.quinde-white-bg-light ul a {
    background-color: #3468af;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-white-bg-light ul a:hover {
    background-color: #f4f4f4;
    color: #3468af;
}

.metro .breadcrumbs.quinde-white-bg-light ul .active a {
    font-weight: bolder;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-white-bg-light ul .active:hover a {
    font-weight: bolder;
    color: #3468af;
}

.metro .breadcrumbs.quinde-white-bg-light ul li:last-child a {
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-white-bg-light ul li:last-child a {
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-white-bg-light ul li:hover:last-child a {
    color: #3468af;
}

.metro .breadcrumbs.quinde-white-bg-light ul a:before {
    border-color: #3468af #3468af #3468af transparent;
}

.metro .breadcrumbs.quinde-white-bg-light ul a:hover:before {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
}

.metro .breadcrumbs.quinde-white-bg-light ul a:after {
    border-left: 1em solid #3468af;
}

.metro .breadcrumbs.quinde-white-bg-light ul a:hover:after {
    border-left: 1em solid #f4f4f4;
}


.metro .breadcrumbs.quinde-red-bg-light ul a {
    background-color: #dd352a;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-red-bg-light ul a:hover {
    background-color: #f4f4f4;
    color: #dd352a;
}

.metro .breadcrumbs.quinde-red-bg-light ul .active a {
    font-weight: bolder;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-red-bg-light ul .active:hover a {
    font-weight: bolder;
    color: #dd352a;
}

.metro .breadcrumbs.quinde-red-bg-light ul li:last-child a {
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-red-bg-light ul li:last-child a {
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-red-bg-light ul li:hover:last-child a {
    color: #dd352a;
}

.metro .breadcrumbs.quinde-red-bg-light ul a:before {
    border-color: #dd352a #dd352a #dd352a transparent;
}

.metro .breadcrumbs.quinde-red-bg-light ul a:hover:before {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
}

.metro .breadcrumbs.quinde-red-bg-light ul a:after {
    border-left: 1em solid #dd352a;
}

.metro .breadcrumbs.quinde-red-bg-light ul a:hover:after {
    border-left: 1em solid #f4f4f4;
}


.metro .breadcrumbs.quinde-red-bg-light ul a {
    background-color: #dd352a;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-red-bg-light ul a:hover {
    background-color: #f4f4f4;
    color: #dd352a;
}

.metro .breadcrumbs.quinde-green-bg-light ul .active a {
    font-weight: bolder;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-green-bg-light ul .active:hover a {
    font-weight: bolder;
    color: #00A352;
}

.metro .breadcrumbs.quinde-green-bg-light ul li:last-child a {
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-green-bg-light ul li:last-child a {
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-green-bg-light ul li:hover:last-child a {
    color: #00A352;
}

.metro .breadcrumbs.quinde-green-bg-light ul a:before {
    border-color: #00A352 #00A352 #00A352  transparent;
}

.metro .breadcrumbs.quinde-green-bg-light ul a:hover:before {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
}

.metro .breadcrumbs.quinde-green-bg-light ul a:after {
    border-left: 1em solid #00A352;
}

.metro .breadcrumbs.quinde-green-bg-light ul a:hover:after {
    border-left: 1em solid #f4f4f4;
}

.metro .breadcrumbs.quinde-green-bg-light ul a {
    background-color: #00A352;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-green-bg-light ul a:hover {
    background-color: #f4f4f4;
    color: #00A352;
}


/**/

.metro .breadcrumbs.quinde-blue-bg-light ul a {
    background-color: #3468af;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-blue-bg-light ul a:hover {
    background-color: #f4f4f4;
    color: #3468af;
}

.metro .breadcrumbs.quinde-blue-bg-light ul .active a {
    font-weight: bolder;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-blue-bg-light ul .active:hover a {
    font-weight: bolder;
    color: #3468af;
}

.metro .breadcrumbs.quinde-blue-bg-light ul li:last-child a {
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-blue-bg-light ul li:last-child a {
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-blue-bg-light ul li:hover:last-child a {
    color: #3468af;
}

.metro .breadcrumbs.quinde-blue-bg-light ul a:before {
    border-color: #3468af #3468af #3468af transparent;
}

.metro .breadcrumbs.quinde-blue-bg-light ul a:hover:before {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
}

.metro .breadcrumbs.quinde-blue-bg-light ul a:after {
    border-left: 1em solid #3468af;
}

.metro .breadcrumbs.quinde-blue-bg-light ul a:hover:after {
    border-left: 1em solid #f4f4f4;
}


.metro .breadcrumbs.quinde-blue-bg-light ul a {
    background-color: #3468af;
    color: #f4f4f4;
}

.metro .breadcrumbs.quinde-blue-bg-light ul a:hover {
    background-color: #f4f4f4;
    color: #3468af;
}
/**/
.metro .carousel {
    background-color: transparent;
}

.metro form {
    margin: 0;
}

.metro .tile-group:first-child {
    margin-left: auto;
}

.metro .tile-group {
    margin-right: auto;
    padding-top: 0;
}

.metro .navigation-bar.quinde-white-bg-dark {
    background-color: #3468af !important;
}

.metro .navigation-bar.quinde-white-bg-dark .navigation-bar-content .element:hover {
    background-color: #f4f4f4!important;
    color: #3468af!important;
}

.metro .navigation-bar.quinde-red-bg-dark .navigation-bar-content .element:hover {
    background-color: #f4f4f4!important;
    color: #dd352a!important;
}

.metro .navigation-bar.quinde-green-bg-dark .navigation-bar-content .element:hover {
    background-color: #f4f4f4!important;
    color: #00A352!important;
}

.metro .navigation-bar.quinde-green-bg-dark .navigation-bar-content .element:hover {
    background-color: #f4f4f4!important;
    color: #3468af !important;
}
.metro .navigation-bar.quinde-white-fg-light {
    color: #f4f4f4!important;
}

.metro .dropdown-menu.quinde-white-fg-dark li:hover {
    background-color: #3468af!important;
    color: #f4f4f4!important;
}

.metro .dropdown-menu.quinde-red-fg-dark li:hover {
    background-color: #dd352a!important;
    color: #f4f4f4!important;
}
.metro .dropdown-menu.quinde-green-fg-dark li:hover {
    background-color: #00A352!important;
    color: #f4f4f4!important;
}

/* Metro JS overrides */
.live-tile .tile-title, .list-tile .tile-title, .copy-tile .tile-title {
    padding-left: 10px;
}

#main-pivot>.slide {
    padding: 0;
}

.quinde-red-bottom{ 
    background-color:  #dd352a !important;
}

.quinde-blue-bottom{
    background-color:  #3468af !important;
}

.quinde-green-bottom{
    background-color:  #00A352 !important;
}


.quinde-redd-bottom{
    background-color:  #dd352a  !important;
}

.quinde-blued-bottom{
    background-color:  #2A538C !important;
}

.quinde-greend-bottom{
    background-color: #008242 !important;
}

/*Tablas Verde*/

.quinde-table-border-verde {
    background: #fff !important;
    color: #313131 !important;
    border: 1px solid #ddd !important;
}

.quinde-table-border-verde  tr, .quinde-table-border-verde td{
    background: none !important;
    background-color: #ffffff !important;
    border:  1px solid #ddd;    
    padding: 4px;
    margin: 4px;
    color: #777 !important;
    font-size: 13px !important;
}

.quinde-table-border-verde  tr.ui-state-highlight {
    text-shadow: none !important;
    border: 1px solid #ddd !important;
}

.quinde-table-border-verde  tr.ui-state-highlight td{
    background-color: #F5F5F5 !important;
    color: #000 !important;
    border: 1px solid #ddd !important; 
    text-shadow: none !important;
    font-size: 13px !important;
}

.quinde-table-border-verde tr.ui-state-hover {
    border: 1px solid #ddd !important;
    font-weight: normal !important;
}

.quinde-table-border-verde  tr.ui-state-hover td{
    background-color: #F5F5F5 !important;
    color: #000 !important;
    border: 1px solid #ddd !important; 
    text-shadow: none !important;
    font-size: 13px !important;
}

.quinde-table-border-verde  th {

    color:  #fff !important;
    background: none !important;
    background-color: #313131 !important;
    border: 0px !important;
    padding: 10px !important;
    margin: 15px;
    text-shadow: none !important;
    font-size: 13px !important;
    font-weight: bold !important;

}

.quinde-table-border-verde .ui-paginator {
    border: 0px solid #313131 !important;
    background: none !important;
    background-color: #313131 !important;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-first {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-verde  .ui-paginator .ui-paginator-first.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
    color: white;
}

.quinde-table-border-verde  .ui-paginator .ui-paginator-prev {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-prev.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-next {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-verde  .ui-paginator .ui-paginator-next.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-last {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-verde  .ui-paginator .ui-paginator-last.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-page {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-page.ui-state-active {
    border: 0px solid #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    color: #FFFFFF!important;
    text-shadow: none !important;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-page.ui-state-default {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-page.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
    text-shadow: none !important;
    color: #FFFFFF !important;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-first .ui-icon-seek-first {
    background-position: -80px -162px;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-prev .ui-icon-seek-prev {
    background-position: -49px -162px;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-next .ui-icon-seek-next {
    background-position: -32px -162px;
}

.quinde-table-border-verde .ui-paginator .ui-paginator-last .ui-icon-seek-end {
    background-position: -64px -162px;
}

/*Tablas Azul*/

.quinde-table-border-azul {
    padding: 4px;
    margin: 4px;
}

.quinde-table-border-azul tr, .quinde-table-border-azul td{
    background: none !important;
    background-color: #f4f4f4!important;
    border: 1px solid #313131 ;
    padding: 4px;
    margin: 4px;
    color: #000000 !important;
    font-size: 13px !important;
}

.quinde-table-border-azul tr.ui-state-highlight {
    text-shadow: none !important;
    border: 1px solid #313131 !important;
}

.quinde-table-border-azul tr.ui-state-highlight td{
    background-color: #E0DFDD !important;
    color: #1A1A1A !important;
    font-weight: bold;
}

.quinde-table-border-azul tr.ui-state-hover {
    border: 1px solid #313131 !important;
    font-weight: normal !important;
}

.quinde-table-border-azul tr.ui-state-hover td{
    background-color: #E0DFDD !important;
}

.quinde-table-border-azul th {
    background: none !important;
    background-color: #313131 !important;
    color: #f4f4f4!important;
    border: 0px solid #f4f4f4!important;
    padding: 4px;
    margin: 4px;
    text-shadow: none !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

.quinde-table-border-azul .ui-paginator {
    border: 0px solid #f4f4f4 !important;
    background: none !important;
    background-color: #313131 !important;
    padding: 2px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-first {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-first.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-prev {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-prev.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-next {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-next.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-last {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-last.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-page {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-page.ui-state-active {
    border: 0px solid #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    color: #f4f4f4!important;
    text-shadow: none !important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-page.ui-state-default {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-page.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
    text-shadow: none !important;
    color: #f4f4f4!important;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-first .ui-icon-seek-first {
    background-position: -80px -162px;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-prev .ui-icon-seek-prev {
    background-position: -49px -162px;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-next .ui-icon-seek-next {
    background-position: -32px -162px;
}

.quinde-table-border-azul .ui-paginator .ui-paginator-last .ui-icon-seek-end {
    background-position: -64px -162px;
}

/*Tablas Rojo*/

.quinde-table-border-rojo {
    background: #fff !important;
    color: #313131 !important;
    border: 1px solid #ddd !important;
}

.quinde-table-border-rojo  tr, .quinde-table-border-rojo td{
    background: none !important;
    background-color: #ffffff !important;
    border:  1px solid #ddd;    
    padding: 4px;
    margin: 4px;
    color: #777 !important;
    font-size: 13px !important;
}

.quinde-table-border-rojo  tr.ui-state-highlight {
    text-shadow: none !important;
    border: 1px solid #ddd !important;
}

.quinde-table-border-rojo  tr.ui-state-highlight td{
    background-color: #F5F5F5 !important;
    color: #000 !important;
    border: 1px solid #ddd !important; 
    text-shadow: none !important;
    font-size: 13px !important;
}

.quinde-table-border-rojo tr.ui-state-hover {
    border: 1px solid #ddd !important;
    font-weight: normal !important;
}

.quinde-table-border-rojo  tr.ui-state-hover td{
    background-color: #F5F5F5 !important;
    color: #000 !important;
    border: 1px solid #ddd !important; 
    text-shadow: none !important;
    font-size: 13px !important;
}

.quinde-table-border-rojo  th {

    color:  #fff !important;
    background: none !important;
    background-color: #313131 !important;
    border: 0px !important;
    padding: 10px !important;
    margin: 15px;
    text-shadow: none !important;
    font-size: 13px !important;
    font-weight: bold !important;

}

.quinde-table-border-rojo .ui-paginator {
    border: 0px solid #313131 !important;
    background: none !important;
    background-color: #313131 !important;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-first {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-rojo  .ui-paginator .ui-paginator-first.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
    color: white;
}

.quinde-table-border-rojo  .ui-paginator .ui-paginator-prev {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-prev.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-next {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-rojo  .ui-paginator .ui-paginator-next.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-last {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-rojo  .ui-paginator .ui-paginator-last.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-page {
    border: 0px solid #f4f4f4!important;
    background: none !important;
    background-color: #f4f4f4!important;
    color: #313131 !important;
    padding: 2px 6px !important;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-page.ui-state-active {
    border: 0px solid #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    color: #FFFFFF!important;
    text-shadow: none !important;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-page.ui-state-default {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-page.ui-state-hover {
    box-shadow: 0px 0px 8px #313131 !important;
    -webkit-box-shadow: 0px 0px 8px #313131 !important;
    -moz-box-shadow: 0px 0px 8px #313131 !important;
    background: none !important;
    background-color: #313131 !important;
    opacity: 0.65;
    text-shadow: none !important;
    color: #FFFFFF !important;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-first .ui-icon-seek-first {
    background-position: -80px -162px;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-prev .ui-icon-seek-prev {
    background-position: -49px -162px;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-next .ui-icon-seek-next {
    background-position: -32px -162px;
}

.quinde-table-border-rojo .ui-paginator .ui-paginator-last .ui-icon-seek-end {
    background-position: -64px -162px;
}
/*butones*/

.quinde-green-button-light{
    background-color:  #00bd5f !important;
}
.quinde-green-button-strong{
    background-color:  #007038 !important;
}
.quinde-green-button-medium{
    background-color:  #008a45 !important;
}
.quinde-green-button-dark{
    background-color:  #00572c !important;
}
.quinde-green-button-soft{
    background-color:  #00a352 !important;
}

/*butones Rojo*/

.quinde-rojo-button-light{
    background-color:  #cd2c21 !important;
}
.quinde-rojo-button-strong{
    background-color:  #771913 !important;
}
.quinde-rojo-button-medium{
    background-color:  #a9241b !important;
}
.quinde-rojo-button-dark{
    background-color:  #661610 !important;
}
.quinde-rojo-button-soft{
    background-color:  #ba281e !important;
}

/*butones Azul*/

.quinde-blue-button-light{
    background-color:  #608fd0 !important;
}
.quinde-blue-button-strong{
    background-color:  #285188 !important;
}
.quinde-blue-button-medium{
    background-color:  #2e5c9b !important;
}
.quinde-blue-button-dark{
    background-color:  #224574 !important;
}
.quinde-blue-button-soft{
    background-color:  #4c81ca !important;
}

.radioSeparadosRetencion label{
    width: 200px;
}