body.login {
    background-position: 100%!important;
}


.customBrowseBox {
    box-shadow: inset 0 3px 5px 3px rgb(0 0 0 / 61%), 0 3px 6px 1px rgb(0 0 0 / 80%);
    margin-bottom:0;
    overflow:hidden;
}
.customBrowseBox h5 {
    text-shadow: rgb(0 0 0) 2px 2px 2px;
    color: #fff;
}
.customBrowseBox .topLeftText {
    position: absolute;
    top: -16px;
    left: -18px;
    z-index: 2000;
    color: #22a7f0;
    text-shadow: 1px 1px 1px #001521, 1px 1px 2px #001521, 2px 2px 2px #001521;
}
.customBrowseBox .centerCircle {
    font-style: unset!important;
    font-size: 22pt!important;
    color: #fff!important;
    line-height: 104px!important;
    text-shadow: 2px 1px 1px #000000, 1px 2px 1px #000000, 1px 3px 1px #000000!important;
}
.customBrowseSearchInput {
    display: block!important;
    border: unset!important;
}
.customBrowseSearchInput .ccol {
    padding: unset;
}
.customBrowseSearchInput select {
    width: 100%!important;
}
.customBrowseSearchInput .select2-container {
    width: 100%!important;
}
.customBrowseSearchInput .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: unset!important;
    right: 10px!important;
}
.customBrowseDataTable .selectAll {
    padding-left: 7px;
}
.customBrowseButtons a {
    background: none!important;
    border: none!important;
    border-radius: unset!important;
    margin: unset!important;
    padding: unset!important;
}
.customBrowseButtons i {
    position: absolute;
    top: -60px;
    right: -25px;
    z-index: 1000;
    font-size: 20px!important;
    width: 30px!important;
    height: 30px!important;
    color: #fff!important;
    background: none!important;
    text-shadow: 2px 2px 1px #000000, 2px 2px 2px #000000, 2px 2px 3px #000000;
}
.customBrowseButtons i.voyager-trash {
    right: -25px!important;
}
.customBrowseButtons i.voyager-edit {
    right: 5px!important;
}
.customBrowseButtons i.voyager-eye {
    right: 35px!important;
}
.customBrowseTimePeriodBtn {
    background: rgb(46 204 113 / 50%)!important;
    text-shadow: 1px 1px 2px #000000, 1px 1px 3px #000000;
}

@media (min-width: 768px) {
    .customBrowseWorkoutplanTable .col-sm-6 {
        height: 380px;
    }
}

@media (max-width: 768px) {
    .emptyHandler span {
        display: none;
    }
}

.hide768 {
    display: none;
}
@media (min-width: 768px) {
    .hide768 {
        display: block;
    }
}
.unsetMarginBottomRow>[class*=col-] {
    margin-bottom: unset;
}

.customWeek {
    color: #22a7f0;
    text-shadow: 1px 1px 1px #004971, 2px 2px 1px #004971, 3px 3px 1px #004971, 4px 4px 1px #004971, 5px 5px 1px #004971;
    font-weight: bold;
    font-family: cursive;
    margin-bottom: unset;
}

.customDay {
    color: #22a7f0;
    text-shadow: 1px 1px 2px #004165, 2px 2px 2px #002b42;
    font-family: cursive;
    margin-bottom: unset;
}