.treeview {
    width: 100%;
}

    .treeview i {
        display: inline-block;
    }

.relatorio .treeview .btn, .relatorio .treeview .auxInformativoDuvidas {
    display: none;
}

.relatorio .treeview #informativoTelaFinal {
    display: block !important;
}

.relatorio .treeview a:hover {
    text-decoration: none !important;
}

.treeview > .control-label {
    font-weight: 700;
    margin-left: 0px !important;
    padding-bottom: 2px;
}

    .treeview > .control-label > a > b {
        font-weight: 700;
    }

.treeview .control-label {
    display: block;
    position: relative;
    margin-top: 2px;
    padding-bottom: 0px;
    font-size: 14px !important;
    margin-left: 35px;
    line-height: 7px;
    white-space: nowrap;
    overflow-y: clip;
    overflow-x: auto;
}

    .treeview .control-label > span:before {
        content: " ";
        height: 100%;
        margin-left: 15px;
        margin-top: -9px;
        width: 1px;
        background-color: transparent;
        border-left: 1px dotted #777;
        position: absolute;
    }

    .treeview .control-label .tIcon:before {
        content: " ";
        background-color: transparent;
        border-bottom: 1px dotted #777;
        margin-top: 10px;
        margin-left: -55px;
        height: 1px;
        width: 39px;
        position: absolute;
        z-index: 0;
    }

    .treeview .control-label > .fa {
        z-index: 1;
    }

        .treeview .control-label > .fa:after {
            content: " ";
            background-color: #fff;
            margin-top: -4px;
            margin-left: -17px;
            height: 23px;
            width: 25px;
            border-radius: 100%;
            position: absolute;
            z-index: -1;
        }

        .treeview .control-label > .fa.text-white {
            z-index: 0;
        }

    .treeview .control-label a {
        color: #000;
    }

    .treeview .control-label .children {
        padding-bottom: 10px;
    }

        .treeview .control-label .aCliente {
        top: 3px;
        margin-right: 5px;
        margin-left: 5px;
        position: relative;
        display: inline-block;
    }

    .treeview .control-label .sTipo {
        color: #0d5fa0;
        font-weight: 700;
        font-size: 12px;
        margin-left: 4px;
        top: -1px;
        position: relative;
        display: inline-block;
    }

    .treeview .control-label > span {
        display: block;
        position: relative;
    }

    .treeview .control-label .fa-angle-right:not(.text-white):hover {
        transition: 0.15s linear all;
        transform: rotate(90deg);
        cursor: pointer;
    }

    .treeview .control-label .fa-angle-down:not(.text-white):hover {
        transition: 0.25s linear all;
        transform: rotate(-180deg);
        cursor: pointer;
    }

    .treeview .control-label .fa-angle-right, .treeview .control-label .fa-angle-down {
        top: 2px;
        right: -4px;
        position: relative;
    }

    .treeview .control-label .text-white.fa-angle-down:hover, .treeview .control-label .text-white.fa-angle-right:hover {
        cursor: default;
    }

    .treeview .control-label i {
        font-size: 15px;
        transition: 0.15s linear all;
        margin-right: 0px;
        width: 23px;
        text-align: center;
        top: 5px;
        position: relative;
    }

    .treeview .control-label > span > .control-label:last-child:before {
        content: " ";
        background-color: white;
        margin-top: 16px;
        margin-left: -21px;
        height: 100%;
        width: 4px;
        position: absolute;
        z-index: 0;
    }

.usu {
    background-image: url(../img/user5.png);
    width: 23px;
    height: 15px;
    display: inline-block;
    background-size: 15px 15px;
    background-position: 3px 1px;
    background-repeat: no-repeat;
    top: 2px;
    position: relative;
}

.comp {
    background-image: url(../img/comp4.png);
    width: 23px;
    height: 15px;
    display: inline-block;
    background-size: 11px 15px;
    background-position: 6px 0px;
    background-repeat: no-repeat;
    top: 2px;
    position: relative;
}

.btn-xsm {
    padding: 2px 9px;
    font-size: 12px;
    line-height: 23px;
    border-radius: 3px;
    background-color: #64a9e8 !important;
    border-color: #4492da !important;
    color: #000 !important;
}

    .btn-xsm:hover {
        background-color: #408fd6 !important;
        border-color: #408fd6 !important;
        color: #000 !important;
    }

    .btn-xsm i {
        font-size: 12px;
        margin-right: 7px !important;
    }

.form-control {
    font-size: 13px;
    padding: 4px 4px;
    max-width: 100%;
    margin: 1px 0;
    color: #394263;
    border-color: #dbe1e8;
}

.formDivider {
    border-bottom: 1px dotted #ccc;
    margin: 0px;
}

.btn-xs {
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-add {
    margin-left: 0px;
    margin-right: 4px;
    top: 2px;
    position: relative;
    font-size: 10px;
    color: #fff !important;
    font-weight: 500;
    padding: 2px 0px;
    background-color: #528cbb;
    border-color: #1572bd;
    text-align: left;
}

    .btn-add:hover {
        background-color: #1572bd !important;
        border-color: #1572bd !important;
        color: #fff !important;
    }

.btn-edit {
    margin-left: 0px;
    margin-right: 4px;
    top: 2px;
    position: relative;
    font-size: 10px;
    color: #fff !important;
    font-weight: 500;
    padding: 2px 0px;
    background-color: #e8ae3c;
    border-color: #e89a02;
    text-align: left;
}

    .btn-edit:hover {
        background-color: #e89a02 !important;
        border-color: #e89a02 !important;
        color: #fff !important;
    }

.btn-remove {
    margin-left: 0px;
    margin-right: 4px;
    top: 2px;
    position: relative;
    font-size: 10px;
    color: #fff !important;
    font-weight: 500;
    padding: 2px 0px;
    background-color: #ec584d;
    border-color: #ca2c20;
    text-align: left;
}

    .btn-remove:hover {
        background-color: #ca2c20 !important;
        border-color: #ca2c20 !important;
        color: #fff !important;
    }

    .btn-remove i, .btn-edit i, .btn-add i, .btn-open i {
        font-size: 12px !important;
        top: 0px !important;
        width: 23px;
        text-align: center;
    }

.btn-open {
    margin-left: 0px;
    margin-right: 4px;
    top: 2px;
    position: relative;
    font-size: 10px;
    color: #fff !important;
    font-weight: 500;
    padding: 2px 0px;
    background-color: #e8ae3c;
    border-color: #e89a02;
    text-align: left;
}

    .btn-open:hover {
        background-color: #e89a02 !important;
        border-color: #e89a02 !important;
        color: #fff !important;
    }

.btn-excluir {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
    color: #000;
}

.text-md {
    font-size: 13px;
}

.alert-warning {
    color: #e0781c !important;
    background-color: #ffecdb !important;
    border-color: #ffd6b2 !important;
}

.mybuttonTooltipPep2 {
    font-weight: bold;
    background-color: #c1c1c1;
    color: red;
    padding: 7px 15px;
    border-radius: 45px;
    border-color: transparent;
    opacity: 0.6;
    font-size: 20px;
}

    .mybuttonTooltipPep2:hover {
        background-color: #31B0D5;
        color: white !important;
        border-color: transparent;
        opacity: 0.6;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    /*width: 1100px !important;*/
    max-width: 100% !important;
    padding: 1px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    white-space: normal;
}

.all-white *, .all-white *:before, .all-white *:after, .all-white:before, .all-white:after {
    color: #fff !important;
    background-color: #fff !important;
    border: 0px solid #fff !important;
    background-image: none !important;
}