@charset "UTF-8";

:root {
--navbar-height: 13vh; /* Change this value and it will update everywhere */
--footer-height: 12vh; /* Change this value and it will update everywhere */
}


/* Shining effect */
@keyframes shine {
0% {
left: -150%;
}

100% {
left: 150%;
}
}

.saturate {
filter: saturate(7);
}

.cell-highlight {
background-color: gold;
font-weight: bold;
}

.ellipsis-multiline {
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
}

.container-multiline {
overflow: hidden;
width: fit-content;
height: fit-content;
}

.pull-right {
margin-right: 60px;

}

.box:before {
content: '';
position: absolute;
top: 0;

width: 100%;
height: 100%;

transform: skewX(-30deg);
transition: 0.3s;
left: 250px;
background: rgba(255, 255, 255, 0.2);
}

.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

sup {
color: red;
}

select {
width: auto;
margin: 10px;
}

select:focus {
min-width: 10px;
width: auto;
}

small.prjplan {
font-weight: bolder;
font-size: small;
}

/* FOR multiple selects and select all in low-level-plan (or) plan-phs-dlvrbl-tsk screen */
.submit-input {
background-color: #1560bd;
border: 0;
color: #fff;
font-family: "Trebuchet Ms", serif;
margin: 0 auto;
padding: 0.5em;
width: 30%;
display: block;
}

.submit-input:hover {
background-color: #8AB0DE;
cursor: pointer;
box-shadow: 0 2px 3px #1560bd;
font-weight: bold;
}

.highlighted {
background-color: #bbbbbb;
}

.visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

.embossed-icon {
    text-shadow:
        3px 3px 6px rgba(0, 0, 0, 0.4), /* Stronger bottom-right shadow for more depth */
        -3px -3px 6px rgba(255, 255, 255, 0.8), /* More intense top-left highlight */
        0px 0px 3px rgba(0, 0, 0, 0.3), /* Slight blur for a smooth transition */
        2px 2px 2px rgba(0, 0, 0, 0.3); /* Extra shadow for deeper effect */
    box-shadow:
        0px 6px 12px rgba(0, 0, 0, 0.5), /* Stronger outer shadow for deeper depth */
        inset 0px -3px 6px rgba(255, 255, 255, 0.5), /* Brighter inner highlight for more pronounced embossing */
        inset 3px 3px 7px rgba(0, 0, 0, 0.4); /* Deeper inner dark shadow for a more pressed look */
}
/*
.alert {
    text-align: center;
    padding: 1rem;
}
*/