:root {
    --color-proaxis: rgb(228, 0, 43);
    --navbar-height: 58px;
    --footer-height: 36.88px;
}

html {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

body {
    font-size: 0.87rem;
}

.custom-height {
    --height-titulo: 76.8px;
    --height-dragdrop: 85px;
    height: calc(100% - var(--height-titulo) - var(--height-dragdrop));
}

.custom-height.without-drag {
    --height-titulo: 76.8px;
    height: calc(100% - var(--height-titulo));
}

.height-vista {
    height: calc(100vh - 86.39px);
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .7);
}

.lista .card.selected {
	/* transform: scale(1.02) rotate(-1deg); */
    /* width: 90%;
    margin: 0 auto; */
	box-shadow: 0px 0px 20px rgba(149, 153, 159, .16);
    background-color: #ccc;
}

.lista .card.ghost {
	border: 2px dashed black;
}

.lista .card.drag {
	opacity: 0;
}

.handle {
    cursor: move;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-grab {
    cursor: grab;
}

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

.drag-icon {
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}

.card:hover:nth-child(n) .drag-icon {
    visibility: visible !important;
    color: grey;
}

.three-dots {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    transition: all 0.2s ease-in-out;
}

.three-dots:hover {
    background-color: #dbdbdb;
    border-color: #a3a3a3;
}

.custom-shadow {
    box-shadow: 2px 4px 10px rgb(0 0 0 / 60%) !important;
}

.titulo {
    /* margin-bottom: 5px; */
    margin-top: 10px;
    border-bottom: solid;
    /* font-family: 'Helvetica', 'Arial', 'Sans'; */
    color: rgb(45,45,45);
}

.parrafo {
    color: black;
    border: none;
    margin-left: 15px;
    margin-bottom: 0;
    text-decoration: none;
    line-height: 1.7em;
    user-select: none;
    transition: all 0.2s ease-in-out;
}

.parrafo.cursor-pointer:hover {
    color: var(--color-proaxis);
    font-weight: 600;
    padding-left: 5px;
}

.custom-vh {
    height: calc(100vh - var(--navbar-height) - var(--footer-height));
}

.custom-vh-without-footer {
    height: calc(100vh - var(--navbar-height));
}

.teatro {
    width: 100% !important;
    height: 85vh !important;
}

.drop_zone {
    outline: 2px dashed #92b0b3;
    outline-offset: -7px;
    /* border: 1px solid black; */
    /* background-color: #c8dadf; */
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.drop-zone-active {
    outline-offset: -10px;
    outline-color: #c8dadf;
    background-color: #fff;
    /* outline: 2px dashed #92b0b3; */
}

.h-90 {
    height: 90%;
}

.link-vista:hover {
    color: var(--color-proaxis);
}