.border-st-red {
    border-bottom-width: thick;
    border-color: #a9005e;
}

.table.st-calendar td {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    width: 15%;
    text-align: right;
    height: 90px;
    text-overflow: ellipsis;
}

.table.st-calendar td:nth-child(6), .table.st-calendar td:nth-child(7) {
    width: 9%;
}

.table.st-calendar th {
    text-align: left;
}

.table th {
    background-color: #a9005e !important;
    color: #fff!important;
    font-weight:400;
}


.btn-st {
    background-color: #a9005e !important;
    color: #fff !important;
    border-color: #a9005e !important;
}

.btn-st:hover {
    color: #fff !important;
    background-color: #d93388 !important;
    border-color: #a9005e !important;
}

.btn-st:focus, .btn-st.focus {
    box-shadow: 0 0 0 0.2rem rgb(217, 51, 136);
}

.btn-st.disabled, .btn-st:disabled {
    color: #fff !important;
    background-color: #d93388 !important;
    border-color: #d93388 !important;
}

.btn-outline-st {
    color: #a9005e !important;
    border-color: #a9005e !important;
}

.btn-outline-st:hover {
    color: #fff !important;
    background-color: #d93388 !important;
    border-color: #a9005e !important;
}

.btn-outline-st:focus, .btn-outline-st.focus {
    box-shadow: 0 0 0 0.2rem rgb(217, 51, 136) !important;
}

.btn-outline-st.disabled, .btn-outline-st:disabled {
    color: #d93388 !important;
    background-color: transparent;
    border-color: #d93388 !important;
}

.btn-outline-st:not(:disabled):not(.disabled):active, .btn-outline-st:not(:disabled):not(.disabled).active,
.show > .btn-outline-st.dropdown-toggle {
    color: #fff !important;
    background-color: #d93388 !important;
    border-color: #d93388 !important;
}

.btn-outline-st:not(:disabled):not(.disabled):active:focus, .btn-outline-st:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-st.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(217, 51, 136);
}

.btn-outline-st:active, .btn-outline-st:focus, .btn-outline-st:active:focus {
    color: #fff;
    background-color: #a9005e;
    border-color: #a9005e;
}

.btn-check:checked + .btn-outline-st {
    color: #fff !important;
    background-color: #a9005e;
    border-color: #a9005e;
}

.st-table {
    width: 100%;
    border-collapse: collapse;
}

.st-sticky-header {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 100;
}

.st-table td:nth-child(odd) {
    background-color: #f9f9f9; /* Background color for odd tds */
}

.st-table td:nth-child(even) {
    background-color: #ececec; /* Background color for even tds */
}

.st-table th.rotate {
    height: 250px;
    white-space: nowrap;
}

.st-table th.rotate div {
    transform:
        translate(15px, 0px)
        rotate(300deg);
    width: 30px;
}

.st-table td {

}

.st-table th.rotate div span {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

.st-month .h3, .st-month{
    font-size: 1.3rem;
    font-weight: 300;
    margin-right: 6px;
}

.month td{
    padding:0!important;
}

.st-calendar {
    border: 1px solid #dee2e6;
    margin-bottom: 0.5rem!important;
}

.st-calendar .btn.btn-success{
    display:none;
}

.st-calendar-new {
    border-color: #474747;
    color: #474747!important;
    margin-left:5px;
}

.st-calendar .st-weeknum{
    float: left;
    font-size:80%;
    color: #474747;
    font-weight: 400;
}

.st-day  {
    font-weight: 500;
}

.st-cal-day {
    font-size: 105%;
}

.st-day .btn.dropdown-toggle {
    margin-left: 5px;
    padding: 0;
    border: none;
}

.st-today-list {
    border-width: 0 0 0 10px !important;
    border-style: solid;
    border-color: #a9005e !important;
}

.st-today-calendar {
    border-width: 2px 10px 2px 10px !important;
    border-style: solid;
    border-color: #a9005e !important;
}

.st-day-weekend, .st-day-weekend td {
    font-size: 90%;
    color: #3f3f3f;
    background-color: whitesmoke !important;
}

.st-holiday,  .st-holiday td{
    font-size: 90%;
    color: #000!important;
    background-color: #ffedf0 !important;
}

.st-holiday .st-day-name{
    color: #c75050;
    font-size: 10pt;
    display: block;
}

.st-day-name {
    font-size: 85%;
    font-weight: 400;
}

.st-day-info {
    font-size: 85%;
    font-weight: 400;
}

.st-type{
    font-weight: 400;
    display: inline-block;
}

.st-time{
    display: block;
    font-weight: 500;
}

.st-work, .st-vacation, .st-saldo, .st-own_sickness, .st-child_sickness, .st-non-paid, .st-saldotime_dayoff, .st-overtime_dayoff, .st-default {
    padding: 1px 6px;
    border-radius: 0.375rem;
}

.st-day-info .btn {
    color: #fff;
}

.dropdown-menu .btn {
    color: #000;
}

.st-work, .st-status1 {
    background-color: #3f3f3f;
    color: #fff;
}

.st-vacation, .st-status2 {
    background-color: #00cf47;
    color: #fff;
}

.st-own_sickness, .st-child_sickness, .st-status3{
    background-color: #c10038;
    color: #fff;
}

.st-saldo, .st-status4  {
    background-color: #00c8e5;
    color: #fff;
}

.st-non-paid, .st-status5{
    background-color: #db850a;
    color: #fff;
}

.st-saldotime_dayoff, .st-overtime_dayoff, .st-status7{
    background-color: #180adb;
    color: #fff;
}

.st-default, .st-status6 {
    background-color: #d024e7;
    color: #fff;
}

.st-widget h5{
    font-size: 0.95rem;
    font-weight: 400!important;
}

.st-widget {
    font-weight: 400;
    font-size:  1.1rem;
}

.st-status1, .st-status2, .st-status3, .st-status4, .st-status5, .st-status6, .st-status7 {
    display: block;
    float: left;
    height: 8px;
    width: 100%;
}

.st-legend {
    background-color: antiquewhite;
    display: flex;
    padding: 3px 6px;
}

ul.st-legend-labels {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10.5pt;
    color: #575757;
    float: right;
}

ul.st-legend-labels li {
    margin-right: 10px;
    float: left;
}

ul.st-legend-labels li span {
    display: block;
    float: left;
    height: 10px;
    width: 8px;
    margin-top: 5px;
    margin-right: 4px;
}

.st-cal-buttons span{
    font-size: 10pt;
}

.st-cal-buttons .bi {
    font-size: 14pt;
    vertical-align: middle;
}

.st-daily > tbody > tr:hover > td {
    background-color: #ededed !important;
}

.st-daily table tr:hover td {
    background-color: initial !important;
}

.st-daily tr:first-child:hover td {
    background-color: #fff!important;
}

.st-daily tr td{
    text-align: left;
    vertical-align: middle;
}

.st-daily td:last-child, .st-daily th:last-child {
    white-space: nowrap;
}

.st-daily td:first-child {
    white-space: nowrap;
}

.st-daily .month-name {
    background-color: antiquewhite;
    padding: 4px 8px;
    font-size: large;
    display: inline-block;
    width: 100%;
    min-width: 120px;
    margin-top: 50px;
}

.st-daily .month-name.first {
    margin-top: 20px;
}

.st-daily .st-holiday td:first-child, .st-daily .st-day-weekend td:first-child {
    padding-left: 20px !important;
}

.st-daily .st-work,
.st-daily .st-vacation,
.st-daily .st-saldo,
.st-daily .st-own_sickness,
.st-daily .st-child_sickness,
.st-daily .st-non-paid,
.st-daily .st-overtime_dayoff,
.st-daily .st-saldotime_dayoff,
.st-daily .st-default {
    font-size: 10.5pt;
    width: 100px;
    display: block;
    text-align: center;
}

.st-daily .minus-flex-time, .st-daily .plus-flex-time, .st-daily .flex-time {
    font-weight: 500;
}

.plus-flex-time {
    color: #009f00;
}

.minus-flex-time {
    color: #ff0000;
}

.st-search {

}

.st-search label{
    display: d-block;
    font-size: smaller;
}

.form-select.st-cal {
    border-radius: 0;
    border-left: 0;
}

.st-description {
    color: #3f3f3f;
    text-decoration: none;
}

.st-description:hover {
    color: #000000;
    text-decoration: underline;
}

.st-modal table {
    border: none;
    font-size: 100%;
}

.st-modal input {
    text-decoration: none;
    font-weight: 400;
}

.st-modal .task-table td {
    font-weight: 400;
    border: none;
    text-align: left;
    height: 0;
}

.st-modal .sub-table td {
    font-weight: 400;
    border: none;
    height: 0;
}

@media screen and (max-width: 768px){
    .st-daily {
        font-size: 10pt;
    }

    .st-day .btn.dropdown-toggle {
        font-size: 90%;
    }

    .st-day {
        font-size: 100%;
    }

    .st-work, .st-vacation, .st-saldo, .st-own_sickness, .st-child_sickness, .st-non-paid, .st-saldotime_dayoff, .st-overtime_dayoff, .st-default {
        padding: 2px 2px;
    }

    .st-daily .st-work,
    .st-daily .st-vacation,
    .st-daily .st-saldo,
    .st-daily .st-own_sickness,
    .st-daily .st-child_sickness,
    .st-daily .st-non-paid,
    .st-daily .st-saldotime_dayoff,
    .st-daily .st-overtime_dayoff,
    .st-daily .st-default {
        font-size: 10pt;
        width:auto;
    }

    .st-daily .month-name span {
        font-size: 11pt;
    }

    .st-holiday .st-day-name{
        font-size: 90%;
    }

    .st-day-info {
        font-size: 80%;
        font-weight: 300;
    }
}