:root {
    --outer-dark:#398f69;
    --outher-light:#8ad0b1;
    --inner-dark:#0094c8;
    --inner-light:#D1F3FF;
}


/* Stopping Chrome's autofill from changing the colour of our input fields (username/passwords) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s; /* fallback solution for older versions of Chrome */
    box-shadow: inset 0 0 20px 20px #23232329;
}

.cycle_day {
    margin:auto;
}

.cycle_day.today {
    background-color:#333;
}

.cycle_grid {
    display:grid;
    grid-column-gap: 6px;
}

.cycle .cycle_day .day_header {
    text-align:center;
}

.cycle .cycle_day .day_cell {
    width:24px;
    height:24px;
    background-color:#777;
    margin:1px;
    text-align:center;
    color:#222;
}

.cycle_day.today .day_cell {
    background-color:#666;
}

.cycle_day .day_cell.inner3 {
    padding:3px;
}

.cycle_day .day_cell .circle {
    border-radius:50%;
    width:18px;
    height:18px;
    border:1px solid #005e80;
    margin:auto;
}

/* Outer */
.cycle_day .day_cell.outer:not([data-status=""]) {
    background-color:var(--outher-light);
}

.cycle_day .day_cell.outer1[data-status="2"], .cycle_day .day_cell.outer1[data-status="1"] {
    background-color: var(--outer-dark);
}
.cycle_day .day_cell.outer2[data-status="2"] {
    background-color:var(--outer-dark);
}
.cycle_day .day_cell.outer3[data-status="1"] {
    background-color:var(--outer-dark);
}

/* Inner */

.cycle_day .day_cell.inner:not([data-status=""]) {
    background-color:var(--inner-light);
}

.cycle_day .day_cell.inner1[data-status="3"], .cycle_day .day_cell.inner1[data-status="4"], .cycle_day .day_cell.inner1[data-status="5"] {
    background-color:var(--inner-dark);
}



.cycle_day .day_cell.inner2[data-status="2"], .cycle_day .day_cell.inner2[data-status="3"] {
    background-color:var(--inner-dark);
}

.cycle_day .day_cell.inner2[data-status="1"] {
    background-color:var(--inner-dark);
}

.cycle_day .day_cell.inner3[data-status="1"], .cycle_day .day_cell.inner3[data-status="2"] {
    background-color:var(--inner-dark);
}

.cycle_day .day_cell.inner4[data-status="1"], .cycle_day .day_cell.inner4[data-status="2"],.cycle_day .day_cell.inner4[data-status="3"] {
    background-color:var(--inner-dark);
}

.cycle_day .day_cell.inner3[data-status="1"] .circle {
    border-width:2px;
}
.cycle_day .day_cell.inner3[data-status="2"] .circle {
    border-width:4px;
}
.cycle_day .day_cell.inner3[data-status="3"] .circle {
    border-width:6px;
}
.cycle_day .day_cell.inner3[data-status="4"] .circle {
    border-width:2px;
    background-color:#005e80
}




.cycle_day .day_cell.edit a {
    font-size:12px;
    color:#FFF!important;
}

.cycle_day .day_cell.day_of_cycle {
    color:#FFF;
}