@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i');

a, img{border: none; outline: none; color: #192126; text-decoration: none;}
a:hover{color:#5fcac6; text-decoration: underline;}
input { outline: none;}
.clear {
    clear: both;
}

html {
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: #fff;
    font-size: 76%;
    font-family: Arial, Sans-Serif;
}

body {
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: 'proxima_novalight';
    color: #666;
    font-size: 14px;
}
.ui-widget,
.ui-widget input{font-family: 'proxima_novalight';}

.body_login {
    /*background:#fff url(../img/layout/bg_login.png);*/
    background:#fff url(../img/layout/bg-login.jpg);
    background-repeat: no-repeat;  
    background-position: center 160px;
    background-size: 90%;
}
.body_form {
    background:#fff url(../img/layout/bg-login.jpg);
    background-repeat: no-repeat;  
    background-position: 50% 50%;
    background-size: cover;
}
.header {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    /*height:110px;*/
    background: #000;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 5;
    /*overflow: hidden;*/
    color: #fff;
}

.footer {
    position: fixed;
    margin: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height:36px;
    font-size: 1em;
    z-index: 5;
    overflow: hidden;
    background: url(../img/layout/bg_footer.jpg);
    color: #fff;
}

.inner_footer {
    color: #fff;
    text-align: center;
    font-family: 'proxima_nova_regular';
    font-size: 12px;
    padding-top: 12px;
}

.content {
    overflow: auto;
    position:absolute;
    z-index: 4;
    top: 100px;
    bottom: 36px;
    left: 260px;
    right: 0;
    display: inline-block;
   /* height: 100%;*/
    vertical-align: top;
    /*width: 80%;*/
   }

.content_login {
    position: relative;
    z-index: 3;
    margin:0 auto;
    top:104px;
    margin-bottom: 140px;
}
.content_apps {
    position: relative;
    z-index: 3;
    margin:0 auto;
    top:104px;
    width:40%;
}
.inner_content {
    padding: 2px;
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
    text-align: justify;
}
.nav {
    position: absolute;
    left: 0;
    top: 100px;
    bottom: 36px;
    width:259px;
    background:#e8e6e2; /*url(../img/layout/bg_emblema.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;*/
    font-size: 1.2em;
    z-index: 4;
    overflow: auto;
    padding-top: 1px;
    display: inline-block;
    /*height: 100%;*/
}

#sidemenu {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#divinner_content {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 20px;
}

.navEffect {
    left: -250px!important;
    width: 0px!important;
}

.contentEffect {
    width: 100%!important;
    left: 0px;
}

/* Estilos del Header */
.bar_user {
    background:#1e353b;
    height:37px;
    display: block;
    padding-top:5px;
    padding-right: 20px;
}

.list_iconbar {
    margin: 0px;
    padding: 0px;
    height: 30px;
    position: absolute;
    right: 10px;
    /*min-width:160px;*/
    top:6px;
}

    .list_iconbar li {
       /* float: left;
        margin: 0px 10px 0px 0px;
        list-style: none;
        min-height: 22px;
        min-width: 120px;*/
    }

        .list_iconbar li.location {
            background: url(../img/icons/iconbar_location.png);
            background-repeat: no-repeat;
            background-position: 0% 0%;
        }

        .list_iconbar li.user {
            /*background: url(../img/icons/iconbar_user.png);
            background-repeat: no-repeat;
            background-position: left;*/
        }

        .list_iconbar li.date {
            background: url(../img/icons/iconbar_date.png) !important;
            background-repeat: no-repeat !important;
            background-position: left !important;
        }

        .list_iconbar li.session {
            background: url(../img/icons/iconbar_logout.png);
            background-repeat: no-repeat;
            background-position: left;
        }

        .list_iconbar li a {
           /* height: 20px;
            color: #ffffff;
            font-size: 12px;
            font-family: 'proxima_novalight';
            margin: 0px;
            padding: 4px 8px 7px;
            text-align: left;
            text-decoration: none;
            display: block;*/
        }

.inner-header {
    background:#263d43 url(../img/layout/bg_header.jpg);
    background-position: 100% 0%;
    background-repeat:no-repeat;
    height:60px;
    width: 100%;
}

.logo_app {
    float: left;
    /*height:74px;*/
    padding-left: 10px;
}

.app_name {
    float: right;
    height: 100px;
}
.app_icons{
    float: right;
    height: 64px;
    padding-right: 16px;
    margin-top: 20px;
}
.app_icons a:hover{
    background: #22464e;
    opacity: 0.8;
}
.app_icons a.a_home, .app_icons a.a_soporte{
    border-right: 1px dashed #fff;
    padding:0px 4px;
    display: inline-block;
}
.app_icons a.a_ayuda{
    padding:0px 4px;
    display: inline-block;
}

.bardiv_header {
    background: url(../img/layout/div_header.jpg);
    background-repeat: repeat-x;
    height: 4px;
    display: block;
}
.intro_divider {
    width: 600px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #b8b8b5;
}
.intro_message_a{
    margin: 0;
    font-size: 3em;
    text-shadow: 2px 2px 3px #192126;
    text-align: center;
    color:#035d67;
    font-family: 'proxima_novalight';
    letter-spacing: -1px;
}
.intro_message_b{
    margin: 0;
    font-size: 2.5em;
    text-shadow: 2px 2px 3px #b8b8b5;
    text-align: center;
    color:#192126;
    font-family: 'proxima_novalight';
    letter-spacing: -1px;
}
.message_error{
    margin: 0;
    font-size: 1.5em;
    text-shadow: 2px 2px 3px #b8b8b5;
    text-align: center;
    color:#192126;
    font-family: 'proxima_novalight';
    letter-spacing: -1px;
}
.message_error_desp{
    margin: 0;
    font-size: 1.4em;
    text-align: center;
    color:#5fcac6;
    font-family: 'proxima_novalight';
    letter-spacing: -1px;
    display: block;
    margin: 5px;
}
table tbody tr td .sub-opt {
    background:#5fcac6;
    display:inline-block;
    border:1px solid #54aca9;
    padding:6px 4px;
    margin:5px;
    border-radius: 6px;
    color:#fff;
    min-width:180px;
    text-align: center;
}
 .sub-opt:hover{ 
    color:#215761; 
    border:1px solid #54aca9;
    background:#a4e9e6;
    cursor: pointer; 
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
 }
 .access-label {
     margin:0px 0px 0px 6px;
 }
 .borderless div.ui-widget-content{ border-style: none; background-color: transparent; }
 
 .separate-pick-list{
     padding:0px 5px;     
 }
 /*New Vane CSS*/
 .titlesite {
     font-family: 'Raleway', sans-serif;
     color:#fff;
     font-size: 20px;
     margin:0;
     line-height: 60px;
 }
 .titlesite strong {
     font-weight: 600;
 }
 .logo_app a:hover {
     text-decoration: none;
 }
 .logo_app a:hover .titlesite {
     color: #85aab3;
 }
 .title-login {
     font-size: 16px;
     text-transform: uppercase;
     color:#263D43;
     border-bottom: 1px dashed #ccc;
     text-align: center;
     padding-top: 60px;
     padding-bottom: 20px;
     background: #fff;
     margin-bottom: 40px;
 }
 .leftalign {
     text-align: left!important;
 }
 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
     background: none!important;
     color:#000!important;
     font-weight: bold!important;
 }
 /*End Vane CSS*/ 

.ui-datatable .ui-widget-content{ font-weight:normal !important;}
.ui-datatable .ui-column-filter{ width:100%;}

table th{width:auto !important; background:red;}
table td:fisrt-child{text-align: left !important;}

.ui-tabs-nav .ui-state-default a{ color:#327886 !important;}
.ui-tabs-nav .ui-state-default{background:#dee9ec !important;}

.ui-tabs-nav .ui-state-default:hover{ background:#7da8ae !important;}
.ui-tabs-nav .ui-state-default a:hover{ color:#fff !important; text-shadow:none !important; }

.ui-tabs-nav .ui-state-selected,
.ui-tabs-nav .ui-state-active,
.ui-tabs-nav .ui-state-focus { background:#38434a !important; }

.ui-tabs-nav .ui-state-selected a,
.ui-tabs-nav .ui-state-active a,
.ui-tabs-nav .ui-state-focus a{ color:#ffffff !important;}


/*Data Tablas*/