@import "../bootstrap/less/bootstrap";
@import "bootstrap_custom";
@import "../mixins";

/* IndoManager CSS vars */
@gray: #666666;
@light-gray: #aaaaaa;

@font: Verdana, Arial, sans-serif;
@font-size: 0.8em;
@link-color: @gray;

@h3-size: 15px;

.menu {
    display: none;
}
#breadcrumb {
    display: none;
}
.indomanager-form {
    display: none;
}
#indomanager-logout {
    display: none;
}

.stats_datos_generales {
    width: 100%;
    border-bottom: solid 1px @light-gray;

    thead {
        tr {
            border-top: solid 1px @light-gray;
            border-bottom: solid 1px @light-gray;
            th {
                border-right: solid 1px @light-gray;
                width: 145px;
                text-align: center;
                padding: 8px 0;

                &:last-child {
                    border-right: none;
                }
            }
        }
    }

    tbody {
        tr {
            border-top: solid 1px @light-gray;

            &.separation {
                height: 20px;
            }
            &.separation:first-child {
                height: 0;
            }

            &.total {
                border-top: solid 1px @brand-primary;
                border-bottom: solid 1px @brand-primary;
                color: @brand-primary;

                td:first-child {
                    border-right: solid 1px @brand-primary;
                }
                td:nth-child(2n+3) {
                    border-right: solid 1px @brand-primary;
                }
            }

            &.toggle {
                background-color: #f5f5f5;
                cursor: pointer;
            }

            &.subelement {
                color: @light-gray;
            }

            &.big_total {
                color: #ffffff;
                background-color: @brand-primary;
            }

            td {
                padding: 3px 0 3px 2px;
                font-size: 12px;
                text-align: center;
                width: 30px;

                &:last-child {
                    border-right: none;
                }

                &.label {
                    text-align: left;
                }
                &.title {
                    color: @brand-primary;
                }

                &:first-child {
                    border-right: solid 1px @light-gray;
                }
                &:nth-child(1n+3) {
                    border-left: dotted 1px @light-gray;
                }
                &:nth-child(2n+3) {
                    border-right: solid 1px @light-gray;
                }
                &:last-child {
                    border-right: none;
                }

                .brand-primary {
                    color: @brand-primary;
                }

                &.hide_border {
                    border-top: solid 2px #ffffff;
                }
            }
        }

    }
}
h5 {
    margin-top: 40px;
    padding-top: 20px;
    border-bottom: dotted 1px @light-gray;
}


#cumplimiento_servicio {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;


    .label {
        text-align: right;
        width: 180px;
        float: left;
    }

    input {
        width: 110px;
        line-height: 12px;
    }
}

.print_datos_generales {
    display: none;
}