/* 
    Created on : 04-oct-2016, 16:06:31
    Author     : DuvanJ
*/
body{
    font-family:   Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666666;
} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border:0;
    font-size:100%;
    font-family:   Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
    color: #666666;
}
body {
    line-height:1;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}

.clear {
    clear:both;
    display:block;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
}
.clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1%;
}

/*-- Animación de Cargando --*/
.spiner {
    padding: 7px;
    margin: 0;
    height: 74px;
}
.ball,.ball1{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

/*-- Circulo exterior --*/
.ball {
    border: 5px solid #33bdc0;
    border-top: 5px solid rgba(51, 189, 192, 0.31);
    border-left: 5px solid rgba(51, 189, 192, 0.31);
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
/*-- Circulo interior --*/
.ball1 {
    border: 5px solid #9fcc3e;
    border-top: 5px solid rgba(159, 204, 62, 0.31);
    border-left: 5px solid rgba(159, 204, 62, 0.31);
    width: 26px;
    height: 26px;
    position: relative;
    top: -48px;
    -webkit-animation: spinoff 1s infinite linear;
    -o-animation: spinoff 1s infinite linear;
    animation: spinoff 1s infinite linear;
}
/*-- Animación de Cargando --*/
.spiner {
    padding: 7px;
    margin: 0;
    height: 74px;
}
.ball,.ball1{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

/*-- Animación Spin --*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*-- SpinOff --*/

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-moz-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

/* Dialogos
------------------------------------------------------------------------------- */
.msg-alerta, .msg-cargando{
    background-color: #FFF!important;
}
.msg-alerta .ui-dialog-titlebar,
.msg-cargando .ui-dialog-titlebar{
    display: none;
}
.msg-cargando .ui-dialog-content,
.msg-alerta .ui-dialog-content{
    border: none!important;
    text-align: center;
    background-color: #FFF!important;
}
.msg-cargando{
    position: fixed!important;
    padding: 20px !important;
}
.dialogo-fijo{
    position: fixed!important;
    top: 10px!important;
}
.dialogo-grande,
.dialogo-grande-fix{
    position: absolute!important;
}
.ui-growl .ui-growl-item-container{
    box-shadow: none;
    background: #444B54;
    border: 2px solid #444B54;
    opacity: 1;
}

.ui-growl {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
}
.ui-growl-message {
    width: 320px;
    float: right;
}
.ui-growl-title{
    font-weight:  normal;
    font-size: 1.2em;
    line-height: normal;
}
/*
* -------------------------------
* $CUSTOMS
* -------------------------------
*/


.ui-tabs .ui-tabs-nav.ui-widget-header li a {
    color: inherit;
}
.ui-tabs .ui-tabs-nav.ui-widget-header li {
    background:#f5f5f5;
}



/*
* -------------------------------
* $CRUDS
* -------------------------------
*/

.ui-panel .ui-panel-titlebar {
    margin: -2px;
    border-radius: 2px 2px 0 0;
    padding: 1em;
    background-color: #fff;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #efefef ;
}

.ui-panel .ui-panel-title {
    font-size: 1.2em;
    font-weight: normal;
}
.ui-panel .ui-panel-content {
    padding: 1em;
}
.ui-panel.border-none .ui-panel-title {
    border: none;
}
.ui-panel.border-none .ui-panel-content {
    border: none;
}
/*.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
    background-color: #cacaca;
}*/

.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.5);
    opacity: 1; 
    filter: Alpha(Opacity=1);
}
.ui-widget-content {
    color: inherit; 
}
/*.ui-corner-all {
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
}*/
/* ---------------- Generales ---------------*/

.float-left{
    float: left;
}
.float-right{
    float: right;
}
.float-none{
    float: none;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-justify{
    text-align: justify;
}
.text-bold{
    font-weight: bold;
}
.text-bolder{
    font-weight: bold;
}
.m-0{
    margin: 0 !important;
}
.mh-5{
    margin-left: 5px;
    margin-right: 5px;
}
.mv-5{
    margin-top: 5px;
    margin-bottom:  5px;
}
.p-0{
    padding: 0;
}
.pt-0{
    padding-top: 0;
}
.pb-0{
    padding-bottom: 0;
}
.b1{
    border: 1px solid;
}
.border-none{
    border: none !important;
}
.shadow{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.border-radius-0{
    border-radius: 0;
}
.bg-tr{
    background: transparent;
}
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
    outline: thin dotted #333;
    outline: 2px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* ---------------- Tablas-Columnas ---------------*/

.col-width-50{
    width: 50px;
    text-align: center;
}
.col-width-60{
    width: 60px;
    text-align: center;
}
.col-width-70{
    width: 70px;
    text-align: center;
}
.col-width-80{
    width: 80px;
    text-align: center;
}
.col-width-90{
    width: 90px;
    text-align: center;
}
.col-width-100{
    width: 100px;
    text-align: center;
}
.col-width-110{
    width: 110px;
    text-align: center;
}
.col-width-120{
    width: 120px;
    text-align: center;
}
.col-width-130{
    width: 130px;
    text-align: center;
}
.col-width-140{
    width: 140px;
    text-align: center;
}
.col-width-150{
    width: 150px;
    text-align: center;
}
.col-width-160{
    width: 160px;
    text-align: center;
}
.col-width-170{
    width: 170px;
    text-align: center;
}
.col-width-180{
    width: 180px;
    text-align: center;
}
.col-width-190{
    width: 190px;
    text-align: center;
}
.col-width-200{
    width: 200px;
    text-align: center;
}
.col-width-210{
    width: 210px;
    text-align: center;
}
.col-width-220{
    width: 220px;
    text-align: center;
}
.col-width-230{
    width: 230px;
    text-align: center;
}
.col-width-240{
    width: 240px;
    text-align: center;
}
.col-width-250{
    width: 250px;
    text-align: center;
}
.header__sub,
.header__sub>.ui-widget-content {
    background: rgb(25,158,199); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(25,158,199,1) 0%, rgba(25,158,199,1) 12%, rgba(25,158,199,1) 50%, rgba(22,140,175,1) 50%, rgba(25,158,199,1) 50%, rgba(22,140,175,1) 51%, rgba(22,140,175,1) 51%, rgba(22,140,175,1) 79%, rgba(22,140,175,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(25,158,199,1) 0%,rgba(25,158,199,1) 12%,rgba(25,158,199,1) 50%,rgba(22,140,175,1) 50%,rgba(25,158,199,1) 50%,rgba(22,140,175,1) 51%,rgba(22,140,175,1) 51%,rgba(22,140,175,1) 79%,rgba(22,140,175,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(25,158,199,1) 0%,rgba(25,158,199,1) 12%,rgba(25,158,199,1) 50%,rgba(22,140,175,1) 50%,rgba(25,158,199,1) 50%,rgba(22,140,175,1) 51%,rgba(22,140,175,1) 51%,rgba(22,140,175,1) 79%,rgba(22,140,175,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199ec7', endColorstr='#168caf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); 
    color: #ffffff !important;
}


.ui-growl-image.ui-growl-image-error ,
.ui-growl-image.ui-growl-image-warn,
.ui-growl-image.ui-growl-image-info {
    background: none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 35px;
}
.ui-growl-image-error:after {
    content: "\f057";
    color: #ec565c;
    font-size: 35px;
}
.ui-growl-image-warn:after {
    content: "\f071";
    color: #f9ed86;
    font-size: 35px;
}
.ui-growl-image-info:after {
    content: "\f058";
    color: #47f7a8;
    font-size: 35px;
}