﻿.body {
    min-height: calc(100vh - 490px) !important
}

@media(max-width:767px) {
    .body {
        min-height: calc(100vh - 379px) !important
    }
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 58px 0 0;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%),0 2px 10px 0 rgb(0 0 0 / 5%);
    width: 240px;
    z-index: 600
}

.position-sticky {
    width: 100%
}

.list-group-item {
    margin: 3px 0;
    background-color: transparent !important
}

    .list-group-item.active, .list-group-item:hover {
        background-color: #ec5622 !important;
        border-color: #ec5622 !important
    }

@media (max-width:991.98px) {
    .sidebar {
        width: 100%
    }
}

.sidebar .active {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%),0 2px 10px 0 rgb(0 0 0 / 12%)
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto
}

.left-nav-seperation {
    width: 10px;
    background-color: #ec5622;
    border-radius: 15px 15px 0 0
}

.row-code {
    display: flex;
    max-width: 178px;
    margin: 15px auto auto
}

    .row-code .form-control {
        width: 38px;
        height: 60px;
        margin: 0 4px;
        padding: 5px;
        text-align: center;
        font-size: 15px;
        border-radius: 3px;
        border-color: #c4c4c4
    }

.radzen-email:disabled {
    background-color: transparent !important;
    color: #fff !important
}

#AccountEmail.valid.modified:not([type=checkbox]) {
    outline: 0 !important
}

.div-center {
    transform: translate(-50%,-50%);
    position: absolute !important;
    top: 50%;
    left: 50%
}

.width-height-alignment {
    width: 100vw;
    height: 100vh
}

.close-button {
    align-self: end;
    margin: 1rem 1rem 0 0;
    color: red;
    font-size: 23px
}

.icon-eye {
    background-position: 4px -1047px
}

.icon-eyeslash {
    background-position: 3px -992px
}

.input-icon.icon-pwd {
    position: relative;
    top: -37px;
    right: -425px
}
