.main.container{
    margin-top: 4em;
}
.actionIcon{
    color: black;
}

body {
    height: calc(100% - 60px);
}

.ui.modal>.scrolling.content{
    max-height: calc(98vh - 10rem);
    overflow: auto;
}

tr.customTealBackground {
    background: #66b2b2;
}

.customCheckbox span .ui.checkbox.customCheckbox input:checked~label:before {
    border-color: #66b2b2;
}

.customCheckbox span .ui.checkbox label:before {
    border: 5px solid #66b2b2;
    width: 21px;
    height: 21px;
}

.customCheckbox span .ui.checkbox label:after {
    font-size: 21px;
    width: 21px;
    height: 21px;
}