.bold{
    font-weight:bold;
}

.no-laborables {
    background-color: rgba(208,98,33,0.1);
}

.no-laborables h6 {
    color: #888888;
    background-color: transparent;
}

.app-logo-sm {
    height: 63px;
    width: 177px;
    background: url("../../img/logoATV-nobg-md.png") 50% 50% no-repeat;
    background-size: contain;
    display:inline-block;
}
.app-logo-sm-go {
    height: 63px;
    width: 177px;
    background: url("../../img/logo-go.png") 50% 50% no-repeat;
    background-size: contain;
    display: inline-block;
}
.form-control-sm {
    font-size: .75rem !important;
}


/*Estilos del detalle de los contactos*/

.contentLayout {
    position: relative;
    background-color: #FFF;
    padding: 15px
}

    .contentLayout .contentLayout-details {
        text-align: left;
        font-size: 0.8em;
    }

        .contentLayout .contentLayout-details span {
            font-weight: bold;
        }

        .contentLayout .contentLayout-details p {
            margin: 3px 0px;
        }

        .contentLayout .contentLayout-details .contentLayout-id {
            margin-top: 0;
            color: #3989c6
        }

    .contentLayout main {
        padding-bottom: 50px
    }

    .contentLayout .contentLayout-to {
        font-size: 18px;
    }

        .contentLayout .contentLayout-to i {
            display: inline-grid;
            width: 30px;
            text-align: center;
            padding-top: 8px;
        }

    .contentLayout .contacto {
        padding: 30px 0px;
    }

    .contentLayout .historial {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 20px
    }

        .contentLayout .historial .fecha {
            width: 10%;
        }

        .contentLayout .historial .monto {
            width: 20%;
            color: #fff;
            font-size: 0.92em;
            background: rgba(208,98,33,1);
            text-align: center;
        }

        .contentLayout .historial .detalle {
            width: 50%;
            background: #ddd;
        }

        .contentLayout .historial .comentarios {
            width: 40%;
            font-size: 0.82rem;
        }

        .contentLayout .historial div, .contentLayout .historial th {
            padding: 15px;
            background: #eee;
        }


.round-process small, .circle-progress .small {
    position: absolute;
    height: 100%;
    width: 100%;
    font-weight: bold;
    left: 0;
    top: 0;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
}

.round-process canvas {
    display: block;
}
.round-process {
    position: relative;
}

.round-process small span, .circle-progress .small span {
    margin: 0 auto;
}

.btn-orange {
    color: #fff;
    background-color: #e76000;
    border-color: #cf5700;
}

.draggable_header {
    cursor:grab;
}
.draggable_header:active {
    cursor: grabbing;
}

.fa-copy {
    cursor: pointer;
}

.bg-redgreen-gradient {
    background: linear-gradient(90deg, var(--bs-red), var(--bs-green)) !important;
}

.bg-alternatered-gradient {
    background: linear-gradient(90deg, var(--bs-alternate), var(--bs-red)) !important;
}
.bg-orange {
    background-color: #FF4000;
}

.bg-DarkRed {
    background-color: DarkRed;
}

.disabledLink {
    pointer-events: none;
    cursor: default;
    color:unset;
}

.disabled-button {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #ccc;
    color: #888;
}

.leader-line {
    z-index:8;
}

i.metismenu-icon {
    color: black !important;
    font-weight: 600 !important;
}

.clickable:hover {
    cursor: pointer;
}