.boton-nav{
    padding-left: 50px;
}

.icon-nav{
    font-size: 17px;
}

.contenedor{
    margin-left: 80px;
    margin-top: 160px;
    margin-right: 90px;
}

.herramientas{
    margin-left: 50px;
    margin-top: 1px;
}

.area{
    margin-left: 50px;
    margin-top: 70px;
    margin-right: 50px;
}

.parrilla{
    margin-top: 40px;
    font-size: 20px;
}

.centrado{
    text-align: center;
}

.texto-error{
    color: #c9302c;
    font-weight: bold;
}

.xlg{
  width: 95% !important;
}

.table > thead,
.table > tbody,
.table > thead > tr,
.table > tbody > tr,
.table > thead > tr > th,
.table > tbody > tr > td {
    display: block;
}

.table > tbody > tr:after,
.table > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.table > tbody {
    overflow-y: auto;
    height: 350px;
}

.detalle > tbody {
    overflow-y: auto;
    max-height: 150px;
}

.table > thead > tr > th {
    height: 60px;
}

.dos > tbody > tr > td,
.dos > thead > tr > th {
    width: 33%;
    float: left;
}

.tres > tbody > tr > td,
.tres > thead > tr > th {
    width: 33%;
    float: left;
}


.cuatro > tbody > tr > td,
.cuatro > thead > tr > th {
    width: 25%;
    float: left;
}

.cinco > tbody > tr > td,
.cinco > thead > tr > th {
    width: 20%;
    float: left;
}

.seis > tbody > tr > td,
.seis > thead > tr > th {
    width: 16.6%;
    float: left;
}

.siete > tbody > tr > td,
.siete > thead > tr > th {
    width: 14.2%;
    float: left;
}

.ocho > tbody > tr > td,
.ocho > thead > tr > th {
    width: 12.5%;
    float: left;
}

.nueve > tbody > tr > td,
.nueve > thead > tr > th {
    width: 11.1%;
    float: left;
}

.diez > tbody > tr > td,
.diez > thead > tr > th {
    width: 10%;
    float: left;
}

.once > tbody > tr > td,
.once > thead > tr > th {
    width: 9%;
    float: left;
}

.doce > tbody > tr > td,
.doce > thead > tr > th {
    width: 8%;
    float: left;
}

.trece > tbody > tr > td,
.trece > thead > tr > th {
    width: 7.5%;
    float: left;
}

.catorce > tbody > tr > td,
.catorce > thead > tr > th {
    width: 7.14%;
    float: left;
}

.modal-body{
    max-height: 630px;
    overflow-y: auto;
}




.btn {
    margin-right: 8px;
}

.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;
}

tr.angular-ui-tree-empty {
    height:100px
}

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


/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}

.nodrop {
    background-color: #f2dede;
}

.tree-node-content {
    margin: 10px;
}
.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

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