.w3-seagreen,
.w3-hover-seagreen:hover {
    color: #fff!important;
    background-color: seagreen!important;
}

.w3-text-seagreen,
.w3-hover-text-seagreen:hover {
    color: seagreen!important;
}

.w3-border-seagreen,
.w3-hover-border-seagreen:hover {
    border-color: seagreen!important;
}

.w3-seagreen-pale,
.w3-hover-seagreen-pale:hover {
    color: #000!important;
    background-color: #d9f2e4!important;
}

.w3-text-seagreen-pale,
.w3-hover-text-seagreen-pale:hover {
    color: #d9f2e4!important;
}

.w3-border-seagreen-pale,
.w3-hover-border-seagreen-pale:hover {
    border-color: #d9f2e4!important;
}

.w3-junglegreen,
.w3-hover-junglegreen:hover {
    color: #fff!important;
    background-color: #1a2421!important;
}

.w3-text-junglegreen,
.w3-hover-text-junglegreen:hover {
    color: #1a2421!important;
}

.w3-border-junglegreen,
.w3-hover-border-junglegreen:hover {
    border-color: #1a2421!important;
}

.w3-junglegreen-pale,
.w3-hover-junglegreen-pale:hover {
    color: #000!important;
    background-color: #eaf0ee!important;
}

.w3-text-junglegreen-pale,
.w3-hover-text-junglegreen-pale:hover {
    color: #eaf0ee!important;
}

.w3-border-junglegreen-pale,
.w3-hover-border-junglegreen-pale:hover {
    border-color: #eaf0ee!important;
}

.w3-olive,
.w3-hover-olive:hover {
    color: #fff!important;
    background-color: #6b8e23!important;
}

.w3-text-olive,
.w3-hover-text-olive:hover {
    color: #6b8e23!important;
}

.w3-border-olive,
.w3-hover-border-olive:hover {
    border-color: #6b8e23!important;
}

.w3-olive-pale,
.w3-hover-olive-pale:hover {
    color: #000!important;
    background-color: #e8f3d0!important;
}

.w3-text-olive-pale,
.w3-hover-text-olive-pale:hover {
    color: #e8f3d0!important;
}

.w3-border-olive-pale,
.w3-hover-border-olive-pale:hover {
    border-color: #e8f3d0!important;
}

.w3-pinegreen,
.w3-hover-pinegreen:hover {
    color: #fff!important;
    background-color: #01796f!important;
}

.w3-text-pinegreen,
.w3-hover-text-pinegreen:hover {
    color: #01796f!important;
}

.w3-border-pinegreen,
.w3-hover-border-pinegreen:hover {
    border-color: #01796f!important;
}

.w3-pinegreen-pale,
.w3-hover-pinegreen-pale:hover {
    color: #000!important;
    background-color: #dbfffc!important;
}

.w3-text-pinegreen-pale,
.w3-hover-text-pinegreen-pale:hover {
    color: #dbfffc!important;
}

.w3-border-pinegreen-pale,
.w3-hover-border-pinegreen-pale:hover {
    border-color: #dbfffc!important;
}

.w3-amber,
.w3-hover-amber:hover {
    color: #fff!important;
    background-color: #ffbf00!important;
}

.w3-text-amber,
.w3-hover-text-amber:hover {
    color: #ffbf00!important;
}

.w3-border-amber,
.w3-hover-border-amber:hover {
    border-color: #ffbf00!important;
}

.w3-amber-pale,
.w3-hover-amber-pale:hover {
    color: #000!important;
    background-color: #fff5d8!important;
}

.w3-text-amber-pale,
.w3-hover-text-amber-pale:hover {
    color: #fff5d8!important;
}

.w3-border-amber-pale,
.w3-hover-border-amber-pale:hover {
    border-color: #fff5d8!important;
}

.w3-darkorange,
.w3-hover-darkorange:hover {
    color: #fff!important;
    background-color: #ff8c00!important;
}

.w3-text-darkorange,
.w3-hover-text-darkorange:hover {
    color: #ff8c00!important;
}

.w3-border-darkorange,
.w3-hover-border-darkorange:hover {
    border-color: #ff8c00!important;
}

.w3-darkorange-pale,
.w3-hover-darkorange-pale:hover {
    color: #000!important;
    background-color: #fff6eb!important;
}

.w3-text-darkorange-pale,
.w3-hover-text-darkorange-pale:hover {
    color: #fff6eb!important;
}

.w3-border-darkorange-pale,
.w3-hover-border-darkorange-pale:hover {
    border-color: #fff6eb!important;
}

.w3-tomato,
.w3-hover-tomato:hover {
    color: #fff!important;
    background-color: tomato!important;
}

.w3-text-tomato,
.w3-hover-text-tomato:hover {
    color: tomato!important;
}

.w3-border-tomato,
.w3-hover-border-tomato:hover {
    border-color: tomato!important;
}

.w3-tomato-pale,
.w3-hover-tomato-pale:hover {
    color: #000!important;
    background-color: #ffe8e4!important;
}

.w3-text-tomato-pale,
.w3-hover-text-tomato-pale:hover {
    color: #ffe8e4!important;
}

.w3-border-tomato-pale,
.w3-hover-border-tomato-pale:hover {
    border-color: #ffe8e4!important;
}

.w3-crimson,
.w3-hover-crimson:hover {
    color: #fff!important;
    background-color: crimson!important;
}

.w3-text-crimson,
.w3-hover-text-crimson:hover {
    color: crimson!important;
}

.w3-border-crimson,
.w3-hover-border-crimson:hover {
    border-color: crimson!important;
}

.w3-crimson-pale,
.w3-hover-crimson-pale:hover {
    color: #000!important;
    background-color: #fef1f4!important;
}

.w3-text-crimson-pale,
.w3-hover-text-crimson-pale:hover {
    color: #fef1f4!important;
}

.w3-border-crimson-pale,
.w3-hover-border-crimson-pale:hover {
    border-color: #fef1f4!important;
}

.w3-indianred,
.w3-hover-indianred:hover {
    color: #fff!important;
    background-color: indianred!important;
}

.w3-text-indianred,
.w3-hover-text-indianred:hover {
    color: indianred!important;
}

.w3-border-indianred,
.w3-hover-border-indianred:hover {
    border-color: indianred!important;
}

.w3-indianred-pale,
.w3-hover-indianred-pale:hover {
    color: #000!important;
    background-color: #f6e3e3!important;
}

.w3-text-indianred-pale,
.w3-hover-text-indianred-pale:hover {
    color: #f6e3e3!important;
}

.w3-border-indianred-pale,
.w3-hover-border-indianred-pale:hover {
    border-color: #f6e3e3!important;
}

.w3-persianpink,
.w3-hover-persianpink:hover {
    color: #fff!important;
    background-color: #f77fbe!important;
}

.w3-text-persianpink,
.w3-hover-text-persianpink:hover {
    color: #f77fbe!important;
}

.w3-border-persianpink,
.w3-hover-border-persianpink:hover {
    border-color: #f77fbe!important;
}

.w3-persianpink-pale,
.w3-hover-persianpink-pale:hover {
    color: #000!important;
    background-color: #fddbed!important;
}

.w3-text-persianpink-pale,
.w3-hover-text-persianpink-pale:hover {
    color: #fddbed!important;
}

.w3-border-persianpink-pale,
.w3-hover-border-persianpink-pale:hover {
    border-color: #fddbed!important;
}

.w3-mediumpurple,
.w3-hover-mediumpurple:hover {
    color: #fff!important;
    background-color: mediumpurple!important;
}

.w3-text-mediumpurple,
.w3-hover-text-mediumpurple:hover {
    color: mediumpurple!important;
}

.w3-border-mediumpurple,
.w3-hover-border-mediumpurple:hover {
    border-color: mediumpurple!important;
}

.w3-mediumpurple-pale,
.w3-hover-mediumpurple-pale:hover {
    color: #000!important;
    background-color: #f2edfb!important;
}

.w3-text-mediumpurple-pale,
.w3-hover-text-mediumpurple-pale:hover {
    color: #f2edfb!important;
}

.w3-border-mediumpurple-pale,
.w3-hover-border-mediumpurple-pale:hover {
    border-color: #f2edfb!important;
}

.w3-indigo,
.w3-hover-indigo:hover {
    color: #fff!important;
    background-color: indigo!important;
}

.w3-text-indigo,
.w3-hover-text-indigo:hover {
    color: indigo!important;
}

.w3-border-indigo,
.w3-hover-border-indigo:hover {
    border-color: indigo!important;
    padding: 0.5rem;
}

.w3-indigo-pale,
.w3-hover-indigo-pale:hover {
    color: #000!important;
    background-color: #f4e4ff!important;
}

.w3-text-indigo-pale,
.w3-hover-text-indigo-pale:hover {
    color: #f4e4ff!important;
}

.w3-border-indigo-pale,
.w3-hover-border-indigo-pale:hover {
    border-color: #f4e4ff!important;
}

.w3-byzantium,
.w3-hover-byzantium:hover {
    color: #fff!important;
    background-color: #702963!important;
}

.w3-text-byzantium,
.w3-hover-text-byzantium:hover {
    color: #702963!important;
}

.w3-border-byzantium,
.w3-hover-border-byzantium:hover {
    border-color: #702963!important;
}

.w3-byzantium-pale,
.w3-hover-byzantium-pale:hover {
    color: #000!important;
    background-color: #f9eef7!important;
}

.w3-text-byzantium-pale,
.w3-hover-text-byzantium-pale:hover {
    color: #f9eef7!important;
}

.w3-border-byzantium-pale,
.w3-hover-border-byzantium-pale:hover {
    border-color: #f9eef7!important;
}

.w3-darkcyan,
.w3-hover-darkcyan:hover {
    color: #fff!important;
    background-color: darkcyan!important;
}

.w3-text-darkcyan,
.w3-hover-text-darkcyan:hover {
    color: darkcyan!important;
}

.w3-border-darkcyan,
.w3-hover-border-darkcyan:hover {
    border-color: darkcyan!important;
}

.w3-darkcyan-pale,
.w3-hover-darkcyan-pale:hover {
    color: #000!important;
    background-color: #edffff!important;
}

.w3-text-darkcyan-pale,
.w3-hover-text-darkcyan-pale:hover {
    color: #edffff!important;
}

.w3-border-darkcyan-pale,
.w3-hover-border-darkcyan-pale:hover {
    border-color: #edffff!important;
}

.w3-bluegreen,
.w3-hover-bluegreen:hover {
    color: #fff!important;
    background-color: #0d98ba!important;
}

.w3-text-bluegreen,
.w3-hover-text-bluegreen:hover {
    color: #0d98ba!important;
}

.w3-border-bluegreen,
.w3-hover-border-bluegreen:hover {
    border-color: #0d98ba!important;
}

.w3-bluegreen-pale,
.w3-hover-bluegreen-pale:hover {
    color: #000!important;
    background-color: #effbfe!important;
}

.w3-text-bluegreen-pale,
.w3-hover-text-bluegreen-pale:hover {
    color: #effbfe!important;
}

.w3-border-bluegreen-pale,
.w3-hover-border-bluegreen-pale:hover {
    border-color: #effbfe!important;
}

.w3-bistre,
.w3-hover-bistre:hover {
    color: #fff!important;
    background-color: #3d2b1f!important;
}

.w3-text-bistre,
.w3-hover-text-bistre:hover {
    color: #3d2b1f!important;
}

.w3-border-bistre,
.w3-hover-border-bistre:hover {
    border-color: #3d2b1f!important;
}

.w3-bistre-pale,
.w3-hover-bistre-pale:hover {
    color: #000!important;
    background-color: #f6f1ee!important;
}

.w3-text-bistre-pale,
.w3-hover-text-bistre-pale:hover {
    color: #f6f1ee!important;
}

.w3-border-bistre-pale,
.w3-hover-border-bistre-pale:hover {
    border-color: #f6f1ee!important;
}

.w3-coffee,
.w3-hover-coffee:hover {
    color: #fff!important;
    background-color: #6f4e37!important;
}

.w3-text-coffee,
.w3-hover-text-coffee:hover {
    color: #6f4e37!important;
}

.w3-border-coffee,
.w3-hover-border-coffee:hover {
    border-color: #6f4e37!important;
}

.w3-coffee-pale,
.w3-hover-coffee-pale:hover {
    color: #000!important;
    background-color: #f5efeb!important;
}

.w3-text-coffee-pale,
.w3-hover-text-coffee-pale:hover {
    color: #f5efeb!important;
}

.w3-border-coffee-pale,
.w3-hover-border-coffee-pale:hover {
    border-color: #f5efeb!important;
}

.w3-Cerulean,
.w3-hover-Cerulean:hover {
    color: #fff!important;
    background-color: #2a52be!important;
}

.w3-text-Cerulean,
.w3-hover-text-Cerulean:hover {
    color: #2a52be!important;
}

.w3-border-Cerulean,
.w3-hover-border-Cerulean:hover {
    border-color: #2a52be!important;
}

.w3-Cerulean-pale,
.w3-hover-Cerulean-pale:hover {
    color: #000!important;
    background-color: #ecf0fb!important;
}

.w3-text-Cerulean-pale,
.w3-hover-text-Cerulean-pale:hover {
    color: #ecf0fb!important;
}

.w3-border-Cerulean-pale,
.w3-hover-border-Cerulean-pale:hover {
    border-color: #ecf0fb!important;
}

.w3-dimgray,
.w3-hover-dimgray:hover {
    color: #fff!important;
    background-color: dimgray!important;
}

.w3-text-dimgray,
.w3-hover-text-dimgray:hover {
    color: dimgray!important;
}

.w3-border-dimgray,
.w3-hover-border-dimgray:hover {
    border-color: dimgray!important;
}

.w3-dimgray-pale,
.w3-hover-dimgray-pale:hover {
    color: #000!important;
    background-color: #f2f2f2!important;
}

.w3-text-dimgray-pale,
.w3-hover-text-dimgray-pale:hover {
    color: #f2f2f2!important;
}

.w3-border-dimgray-pale,
.w3-hover-border-dimgray-pale:hover {
    border-color: #f2f2f2!important;
}

.w3-outerspace,
.w3-hover-outerspace:hover {
    color: #fff!important;
    background-color: #414a4c!important;
}

.w3-text-outerspace,
.w3-hover-text-outerspace:hover {
    color: #414a4c!important;
}

.w3-border-outerspace,
.w3-hover-border-outerspace:hover {
    border-color: #414a4c!important;
}

.w3-outerspace-pale,
.w3-hover-outerspace-pale:hover {
    color: #000!important;
    background-color: #e1e5e6!important;
}

.w3-text-outerspace-pale,
.w3-hover-text-outerspace-pale:hover {
    color: #e1e5e6!important;
}

.w3-border-outerspace-pale,
.w3-hover-border-outerspace-pale:hover {
    border-color: #e1e5e6!important;
}

.w3-Cadet,
.w3-hover-Cadet:hover {
    color: #fff!important;
    background-color: #536872!important;
}

.w3-text-Cadet,
.w3-hover-text-Cadet:hover {
    color: #536872!important;
}

.w3-border-Cadet,
.w3-hover-border-Cadet:hover {
    border-color: #536872!important;
}

.w3-Cadet-pale,
.w3-hover-Cadet-pale:hover {
    color: #000!important;
    background-color: #dde4e7!important;
}

.w3-text-Cadet-pale,
.w3-hover-text-Cadet-pale:hover {
    color: #dde4e7!important;
}

.w3-border-Cadet-pale,
.w3-hover-border-Cadet-pale:hover {
    border-color: #dde4e7!important;
}

/*  */
.main-column {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 0.5rem;
}

.half-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5rem;
}

.four-column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 0.5rem;
}

.lbig-column {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 0.5rem;
}

.rbig-column {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 0.5rem;
}

.item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 25vh;
}

.item-footer {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    min-height: 25vh;
}

.mainmenu {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.menu-item {
    color: black;
    margin: 0.3rem 0.5rem;
    padding: 0rem 0.75rem;
    border: 0px;
}

.mainmenu a.menu-item:hover {
    color: black;
    font-weight: bold;
    background-color: rgba(0,0,0,0.2);
}

a {
    color: black;
    cursor: pointer;
    text-decoration: none;
}

a:visited {
    color: black;
    cursor: pointer;
    text-decoration: none;
}

a:link {
    color: black;
    cursor: pointer;
    text-decoration: none;
}

a:active {
    color: black;
    cursor: pointer;
    text-decoration: none;
}

.cv-frame {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cv {
    margin-top: 10rem;
    margin-bottom: 10rem;
    width: 75%;
    min-height: 50vh ;
    background-color: #ffffff;
}

.photo-frame {
    font-size: 12rem;
    text-transform: uppercase;
    line-height: 0.7;
    padding-top: 0rem;
    padding-bottom: 0rem;
    color: rgba(255, 255, 255, 0.03);
    overflow: hidden;
    display: flex;
    height: 20rem;
    background-color: #212121;
    align-items: center;
    justify-content: flex-start;
}

.photo {
    position: absolute;
    width: 12rem;
    height: 12rem;
    margin-left: 2rem;
}

.main-section {
    text-transform: capitalize;
    overflow: hidden;
    margin-top: clamp(2.2rem,1.9rem,1rem);
    font-size: clamp(8rem,6rem,4rem);
}

.cv-block {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    height: 10rem;
    margin-top: -2rem;
    overflow: hidden;
}

.cv-block-free {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.cv-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.record-frame {
    background-color: rgba(222, 222, 222, 0.3);
    margin: 0.5rem;
    padding: 0.5rem;
    display: flex;
}

.record-frame-even {
    background-color: rgba(222, 222, 222, 0.8);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-white {
    background-color: rgba(255, 255, 255, 1);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-gray {
    background-color: rgba(0, 0, 0, 0.02);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-in {
    background-color: rgba(125, 206, 160, 0.1);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-out {
    background-color: rgba(133, 193, 233, 0.1);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-command {
    background-color: rgba(195, 155, 211, 0.1);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-plan {
    background-color: rgba(255, 153, 0, 0.1);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-light-plan {
    background-color: rgba(255, 153, 0, 0.05);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-daily {
    background-color: rgba(18, 218, 217, 0.1);
    margin: 0.5rem;
    padding: 0.5rem;
}

.record-frame-refer {
    background-color: rgba(255, 191, 0, 0.1);
    margin: 0.5rem;
    padding: 0.5rem;
}

.title-main {
    font-family: 'Questrial', sans-serif;
    color: rgba(0, 0, 0, 0.5);
    font-size: 5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.title-tag {
    font-family: 'Questrial', sans-serif;
    background-color: #000000;
    color: #ffffff;
    padding: 0.2rem 1rem;
    width: auto;
}

.cvs-badge {
    position: absolute;
    background-color: #c9c9c9;
    padding: 0.5rem;
    border-radius: 50%;
    right: 17.5rem;
    top: 31.5rem;
}

.site-title {
    font-size: calc(5rem + 1.5vw);
    line-height: 0.8;
    margin-top: 25px;
    opacity: 0.6;
}

.name-title {
    font-size: calc(3rem + 1.5vw);
    line-height: 0.8;
}

.name-title-frame ::before {
    content: '';
    width: 2rem;
    height: 2rem;
    display: absolute;
    background: rgba(207, 59, 59, 0.1);
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.pic-frame {
    aspect-ratio: 16/9;
    object-fit: fill;
}

.dep-tag {
    font-size: 1rem;
    background-color: #ffd414;
    color: #000000;
    padding: 0.2rem 1rem;
    width: auto;
}

.row-grid {
    display: grid;
    grid-template: columns;
    gap: 0.5rem;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.row-grid-doc-out {
    display: grid;
    grid-template: columns;
    grid-template-columns: 25% 30% 15% 10% 10% 5%;
    align-items: center;
}

.row-grid-document-refer {
    display: grid;
    grid-template: columns;
    grid-template-columns: 10% 50% 5% 10% 10% 15%;
    align-items: center;
}

.row-grid-document-in-refer {
    display: grid;
    grid-template: columns;
    grid-template-columns: 10% 50% 5% 10% 10% 15%;
    align-items: center;
}

.row-grid-document-in {
    display: grid;
    grid-template: columns;
    grid-template-columns: 7% 53% 5% 10% 10% 8% 7%;
    align-items: center;
}

.row-grid-document-in-report {
    display: grid;
    grid-template: columns;
    grid-template-columns: 5% 40% 10% 20% 10% 8% 7%;
    align-items: center;
}

.row-grid-document-in-main {
    display: grid;
    grid-template: columns;
    grid-template-columns: 7% 5% 63% 5% 10% 10%;
    align-items: center;
}

.row-grid-document-out {
    display: grid;
    grid-template: columns;
    grid-template-columns: 7% 43% 5% 10% 10% 10% 8% 7%;
    align-items: center;
}

.row-grid-plan {
    display: grid;
    grid-template: columns;
    grid-template-columns: 7% 48% 20% 10% 10% 5%;
    align-items: center;
}

.row-grid-daily {
    display: grid;
    grid-template: columns;
    grid-template-columns: 7% 48% 35% 10%;
    align-items: center;
}

.row-grid-daily-main {
    display: grid;
    grid-template: columns;
    grid-template-columns: 7% 5% 45% 35% 8%;
    align-items: center;
}

.row-grid-document-out-report {
    display: grid;
    grid-template: columns;
    grid-template-columns: 5% 35% 5% 20% 10% 8% 7% 5% 5%;
    align-items: center;
}

.row-grid-document-out-main {
    display: grid;
    grid-template: columns;
    grid-template-columns: 7% 5% 40% 5% 10% 10% 8% 8% 7%;
    align-items: center;
}

.row-grid-document-in-response {
    display: grid;
    grid-template: columns;
    grid-template-columns: 25% 47% 20% 8%;
    align-items: center;
}

.row-number {
    width: 2rem;
    height: 2rem;
    display: flex;
    aspect-ratio: 1/1;
    background-color: rgba(0, 0, 0, 0.15);
    align-items: center;
    justify-content: center;
}

.row-number-edit {
    width: 2rem;
    height: 2rem;
    display: flex;
    aspect-ratio: 1/1;
    background-color: rgba(123, 223, 254, 0.55);
    align-items: center;
    justify-content: center;
}

.row-number-in {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    aspect-ratio: 1/1;
    background-color: rgba(125, 206, 160, 0.55);
    color: rgba(0,0,0, 0.8);
    align-items: center;
    justify-content: center;
}

.row-number-out {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    aspect-ratio: 1/1;
    background-color: rgba(133, 193, 233, 0.55);
    color: rgba(0,0,0, 0.8);
    align-items: center;
    justify-content: center;
}

.row-number-command {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    aspect-ratio: 1/1;
    background-color: rgba(195, 155, 211, 0.55);
    color: rgba(0,0,0, 0.8);
    align-items: center;
    justify-content: center;
}

.row-number-plan {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    aspect-ratio: 1/1;
    background-color: rgba(255, 153, 0, 0.55);
    color: rgba(0,0,0, 0.8);
    align-items: center;
    justify-content: center;
}

.row-number-small-plan {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    font-size: 1.2rem;
    display: flex;
    aspect-ratio: 1/1;
    background-color: rgba(255, 153, 0, 0.2);
    color: rgba(0,0,0, 0.8);
    align-items: center;
    justify-content: center;
}

.row-number-daily {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    aspect-ratio: 1/1;
    background-color: rgba(18, 218, 217, 0.55);
    color: rgba(0,0,0, 0.8);
    align-items: center;
    justify-content: center;
}

.row-number-refer {
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: rgba(255, 191, 0, 0.55);
    color: rgba(0,0,0, 0.8);
    align-items: center;
    justify-content: center;
}

.row-number-refer-in {
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid rgba(125, 206, 160, 0.55);
    align-items: center;
    justify-content: center;
}

.row-number-refer-out {
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: rgba(133, 193, 233, 0.55);
    align-items: center;
    justify-content: center;
}

.row-number-show {
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: rgba(86, 101, 115, 0.55);
    align-items: center;
    justify-content: center;
}

.row-label-big-in {
    height: 2.5rem;
    font-size: 1.3rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid rgba(125, 206, 160, 0.5);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: center;
}

.row-label-big-out {
    height: 2.5rem;
    font-size: 1.3rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid rgba(133, 193, 233, 0.5);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: center;
}

.row-label-big-command {
    height: 2.5rem;
    font-size: 1.3rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid rgba(195, 155, 211, 0.5);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: center;
}

.row-label-big-plan {
    height: 2.5rem;
    font-size: 1.3rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid rgba(255, 153, 0, 0.5);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: center;
}

.row-label-big-daily {
    height: 2.5rem;
    font-size: 1.3rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid rgba(18, 218, 217, 0.5);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: center;
}

.row-label-small-in {
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid rgba(125, 206, 160, 0.5);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: center;
}

.row-label-small-out {
    height: 2.5rem;
    font-size: 1.2rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid rgba(133, 193, 233, 0.5);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: center;
}

.frame-label-plan {
    font-size: 1.2rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border: 1px solid rgba(255, 153, 0, 0.5);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: flex-start;
}

.frame-label-light-plan {
    font-size: 1.2rem;
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border: 1px solid rgba(255, 153, 0, 0.2);
    color: rgba(0, 0, 0, 1);
    align-items: center;
    justify-content: flex-start;
}

.row-flex {
    display: flex;
    gap: 1rem;
    margin: 0.5rem;
    padding: 0rem 1rem;
    align-items: center;
}

.button {
    background-color: #4c5baf;

    /* Green */
    border: none;
    color: white;
    padding: 0.25rem 1.5rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem;
    transition-duration: 0.4s;
    cursor: pointer;
    margin: 1rem;
}

.button1 {
    background-color: #4c5baf;
    color: #ffffff;
    border: 2px solid #4c5baf;
}

.button1:hover {
    background-color: #ffffff00;
    color: #4c5baf;
    border: 2px solid #4c5baf;
}

.record-frame-d2 {
    background-color: #fdc11f;
    color: #000000;
}

.record-frame-d1 {
    background-color: #fdc11f;
    margin: 0.5rem;
    color: #000000;
}

.row-number-d1 {
    background-color: rgba(255, 255, 255, 0.5);
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
    display: flex;
}

.row-flex-d2 {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    align-items: center;
    padding: 0.5rem 1rem;
}

.row-flex-d1 {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0.5rem 1rem;
}

.record-frame-d1:hover {
    background-color: #fbda7e;
}

.col-flex-d1 {
    align-content: stretch;
    display: flex;
}

.footer-start {
    text-transform: uppercase;
    color: lightgrey;
    height: 6rem;
    font-size: 5rem;
    overflow: hidden;
}

.footer-end {
    color: lightgrey;
    height: 6.2rem;
    font-size: 6.5rem;
    overflow: hidden;
    margin-top: 4rem;
}

.column-top {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

/* NEW SET for each Faculty Section */
.pad-5 {
    padding: 0.5rem;
}

.text-in {
    color: rgba(125, 206, 160, 1);
}

.bg-in {
    background-color: rgba(125, 206, 160, 1);
}

.text-out {
    color: rgba(133, 193, 233, 1);
}

.bg-out {
    background-color: rgba(133, 193, 233, 1);
}