/*
    Autores: Roberto Chajin Ortiz - Ricardo Suarez Vera
    Versión: 1.0
    Revisión: 1
*/

html, body {
    height: 100%;
}
body {
    font-family: verdana;
    font-size: 12px!important;
    margin:0;
}

body, nav, ul, li, a {
    margin: 0;
    padding: 0;
}

body{font-size: 12px !important;}

.modal-header {
    color: #fff;
    background-color: #428bca; 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.compite {
    background: url("../images/logo-compite.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 30px;
    width: 225px;
    clear: both;
    float: left;
    padding: 15px 10px 5px;
    box-sizing: content-box;
}

.moduleName {
    clear: both;
    color: #2b54ad;
    font-weight: bold;
    padding-left: 10px;
}

input{font-weight: normal;}

.loginBox input, .titleTable {
    text-align: center;
}

header{ 
    border-bottom: 1px solid #b8cef7;
    height:91px;
    background:url(../images/headerLogoLogin.png) no-repeat top right;

    -webkit-box-shadow: 0 2px 2px #bbcef4;
    -moz-box-shadow:0 2px 2px #bbcef4;  
    box-shadow:0 2px 2px #bbcef4;
}


.containerPage {
    margin: 0 auto;
    max-width: 1000px;
    /*padding:10px;*/
}

.clearSpan{clear:both;}


#wrap {
    height: auto !important;
    margin: 0 auto -59px;
    max-width: 1000px;
    min-height: 100%;
    background:url(../images/contentBkg.jpg) repeat-x #ffffff;
    box-shadow: 0 0 20px 10px #ccc;
}

#push, footer {
    height: 58px;

}

.indBody header{ 
    border-bottom: 1px solid #b8cef7;
    height:91px;
    background:url(../images/benchmarkingHead3.png) no-repeat top right;

    -webkit-box-shadow: 0 2px 2px #bbcef4;
    -moz-box-shadow:0 2px 2px #bbcef4;  
    box-shadow:0 2px 2px #bbcef4;
}

header{ 
    border-bottom: 1px solid #b8cef7;
    height:91px;
    background:url(../images/headerLogo.png) no-repeat top right;

    -webkit-box-shadow: 0 2px 2px #bbcef4;
    -moz-box-shadow:0 2px 2px #bbcef4;  
    box-shadow:0 2px 2px #bbcef4;
}

footer{
    max-width: 1000px; 
    margin:0 auto; 
    border-top: 1px solid #CCC;
    background:url(../images/footerBkg.png)repeat-x #ffffff left bottom;
}

footer img{float:right;}

.compite{	
    font-size:14px;
    height:30px;
    width:225px;
    background:url(../images/logo-compite.png) no-repeat 10px 10px;
}


.compite{float:left; clear: both; padding:15px 10px 5px;}

.moduleName{padding-left:10px; clear: both; color: #2b54ad; font-weight: bold;}

.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}

.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}

.arbolReportes {
    width: 280px;
    height: 550px;
    margin-left: 15px;
    background: whitesmoke;
    border:1px solid lightgray;
    border-radius: 5px;    
}

.data{
    margin:0 5px; 
    padding:10px;
}

.table-bordered {
    border: 1px solid #6699ff;
}

.table-striped > thead >tr> th{border:1px solid #BCD2FF;} 

.table-striped > thead >tr> th:first-child{border-left:1px solid #6699ff;}

.table-striped > thead >tr> th:last-child{border-right:1px solid #6699ff;}

.table-striped > tbody > tr > td:first-child{border-left:1px solid #6699ff;}

.table-striped > tbody > tr > td:last-child{border-right:1px solid #6699ff;}

.table-striped > tbody > tr:last-child > td{border-bottom:1px solid #6699ff;}

.table-striped .btn {padding: 3px 6px; background:none;}

.table-striped .btn .glyphicon{color:#EF7828;}

.table-striped .btn .glyphicon:hover {color:#7097E3}

.table-striped {margin-top: 10px;}

.btn-success, .btn-primary, .btn-default { 
    background-color: #85b22a; 
    border-color:#83AF2B; 
    color:white; 
    font-weight: bold; 
    padding: 5px;
    font-size: 12px;
}

.btn-success:hover, btn-primary:hover, .btn-default:hover {
    background-color: #7097E3; 
    border-color: #618BD8; 
    color:#fff; 
    font-weight: bold;
    padding: 5px;
    font-size: 12px;
}

.btn-default {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    color:#fff;
    margin-right:5px;
}

.btn-info{
    font-size: 12px;
    font-weight: bold;
    padding: 5px;}

.moduleName .btn-default{float:right; border:1px solid #fff;}



.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, 
.btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, 
fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success.focus[disabled], fieldset[disabled] 
.btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] 
.btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active 
{background-color: #85b22a; border-color:#83AF2B;}

.modal-header {background:url("../images/contentBkg.jpg") repeat-x scroll 0 0 #ffffff;border-bottom: 1px solid #aac6ff;}

h3, .h3{font-size: 15px; font-weight:bold; margin-top:5px; color:#2b54ad;}

hr{
    margin-bottom: 10px;
    margin-top: 8px;
    border: 1px solid #aac6ff;
}

/*.modal-dialog{width: 600px;}*/

select{width:250px;}

.filtros .styled-select{float:left; margin-right: 10px;}


.styled-select select {
    background: transparent;
    width: 268px;
    padding: 5px;
    /*font-size: 16px;*/
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 30px;
    -webkit-appearance: none;
}

.styled-select {
    width: 200px;
    height: 30px;
    overflow: hidden;
    background: url(../images/arrowSel.png) no-repeat 160px #fff;
    border: 1px solid #6699ff;
    border-radius:5px;
    /*margin:0 auto;*/
    background-position: right;

}

.table-bordered > tfoot > tr > td {
    border: 1px solid #6699ff;
}

.cajaTexto {
    border: 1px solid #6699ff;
    border-radius: 5px;
    font-weight: normal;
    padding: 5px;
    //width: 100%;
}

.modal-body input {
    border: 1px solid #6699ff;
    border-radius: 5px;
    font-weight: normal;
    padding: 5px;
    width: 100%;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {

    background-color: #7097E3;
    border-color: #618BD8;
}

.modal-body .input-group{display:block; width: 160px;}

.modal-body .input-group .form-control {width:75%;}

.form-control {border-color: #618BD8;}

.input-group-btn > .btn-default {border-color: #618BD8;}

.btn-danger{
    background-color: #ef7828;
    border-color: #ce7a42;
}

.btn-info {
    background-color: #7097E3;
    border-color: #618BD8;
    color: #fff;
}

.arbol {
    float: left;
    margin: 10px;    
}


.btn-info:hover{background-color:#597DBF; border-color: #466296;}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color: #4170C6;
    border-color: #3A63AD;
    color: #fff;
}

.btn-info .text-info{color: #fff;}

textArea{width:100%;}

.checkbox{width:auto;}

.table p{margin:5px 10px;}

.opcionesSup{}

.opcionesSup .styled-select 
{
    background-position: 150px center;
    display: inline-block;
    position: relative;
    top: 10px;
    width: 170px;
}

.opcionesSup .styled-select select{ width: 190px;}

.opcionesSup> *{margin: 0 5px 0 0}

.opcionesSup .btn-success{float:right;} 

.input-group{margin:0!important;}

.modal-content .opcionesSup > label, .modal-content .opcionesSup > span{float:left;}

.modal-content .opcionesSup > label{margin-top:8px}

.redText{color:red;}

.divTable{max-height:400px;}

.tab-content > .active{
    padding:10px; 
    border:1px solid #6699ff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.nav-tabs > li > a {

    border:1px solid #6699ff;
    color:#000;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border:1px solid #6699ff;
    background:#3D70D6;
    color:#fff;
}

.ng-valid-date-disabled{width:280px;}

.ng-valid-date-disabled .btn-default{
    background: #fff; 
    color:#6D6D6D; 
    font-weight: normal; 
    border-color: #ccc;
}

.ng-valid-date-disabled .btn-info{
    background-color: #4170c6;
    border-color: #3a63ad;
    color: #fff;
}

.formPopUp {width:100%}

.formPopUp>tbody>tr>td{padding:10px 5px;}


.tableDate>tbody>tr>td {
    padding: 0 0 20px 5px;
}


.modal-body .styled-select {
    margin: 0 auto;
    width:100%;
    background-position: right 13px;
}

.modal-body .styled-select select{
    width:100%;
}

.form-horizontal .control-label{text-align: left;}

.table-striped > tbody > tr:first-child > td {border-top: 1px solid #6699ff;}


button[disabled], html input[disabled] {
    background: none repeat scroll 0 0 #e0ebff;
    border-color: #adc5f7;
    cursor: default;
}


.comboEmp{
    position:relative;
    top:-4px;
    width: auto;
    right: -3px;
    float:right;
}


.comboEmp select{
    width:auto;
}



@media (max-width: 560px) {
    .opcionesSup .btn-success{float:none;}

    .opcionesSup .cajaTexto{margin-bottom:10px;}

    .formPopUp>tbody>tr{text-align:center;}

    .formPopUp>tbody>tr>td{float:left; clear: both; width: 100%;}

    .modal-body .input-group .form-control {
        float: right;
        width: 90%;
    }

    .modal-body .input-group-btn > .btn-default {
        float: right;
        border-radius: 5px;
    }

    .modal-body .input-group{
        width: auto; 
        border-radius: 5px;
    }

    .modal-body .styled-select {
        margin: 0 auto;
        width:100%;
        background-position: right 13px;
    }

    .modal-body .styled-select select{
        width:100%;
    }



}

@media (max-width: 640px) {

    .modal-dialog {width:auto;}
}



@media (max-width: 540px) {

    header{ 
        height:70px;
        background:url(../images/headerLogo2.png) no-repeat top right;}

    .compite{	
        height:19px;
        width:140px;
        background:url(../images/logo2.png) no-repeat 10px 10px;   

    }
    .moduleName .btn{position: relative; top:-10px;}

}

@media (max-width: 480px) { 
    .loginBox {width:auto!important;}
}

@media (max-width: 490px) { 
    .nav-tabs > li{ float:none;}
    .nav-tabs > li a{text-align: center; font-size: 14px;}
}