* {
    font-family: 'Roboto';
    font-style: normal;
}


body {
    overflow: hidden
}

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -5rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

    #sidebar-wrapper .sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
    }

    #sidebar-wrapper .list-group {
        width: 5rem;
        -webkit-transition: width .25s ease-out;
        -moz-transition: width .25s ease-out;
        -o-transition: width .25s ease-out;
        transition: width .25s ease-out;
    }

        #sidebar-wrapper .list-group.main {
            height: calc(100vh - 120px);
            overflow: auto;
        }

        #sidebar-wrapper .list-group a {
            text-align: center;
        }

            #sidebar-wrapper .list-group a span {
                font-size: 12px;
                display: block;
            }

            #sidebar-wrapper .list-group a i {
                font-size: 30px;
            }

#page-content-wrapper {
    min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}

.sidebar-heading {
    border-bottom: 2px solid black;
}

    .sidebar-heading img {
        width: 64px;
        height: 64px;
        border: 3px solid black;
        cursor: pointer;
        -webkit-box-shadow: .5px .5px 2px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: .5px .5px 2px 0px rgba(0,0,0,0.75);
        box-shadow: .5px .5px 2px 0px rgba(0,0,0,0.75);
        user-select: none;
        -moz-user-select: none;
        -webkit-user-drag: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -webkit-transition: width .25s ease-out,height .25s ease-out;
        -moz-transition: width .25s ease-out,height .25s ease-out;
        -o-transition: width .25s ease-out,height .25s ease-out;
        transition: width .25s ease-out,height .25s ease-out;
    }

.page-content-heading, .sidebar-heading, .modal-header, .bg-tiled {
    
    background-size: 80px;
}

@media (min-width: 1024px) {
    #sidebar-wrapper .list-group {
        width: 10rem;
    }

        #sidebar-wrapper .list-group a {
            text-align: left;
        }

            #sidebar-wrapper .list-group a i {
                font-size: 16px;
            }

            #sidebar-wrapper .list-group a span {
                font-size: 16px;
                display: inline;
            }

    .sidebar-heading img {
        width: 100px;
        height: 100px;
    }

    .list-group.submenu i {
        display: inline-block !important;
    }
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -5rem;
    }

    #responsive-menu {
        display: none;
    }

    .list-group.submenu i {
        display: none;
    }
}


#db-label {
    position: fixed;
    right: -120px;
    bottom: 80px;
    z-index: 999;
    opacity: 0.5;
    pointer-events: none;
    width: 450px;
    transform: rotate(-45deg);
}

.page-content-heading img.avatar {
    margin: 1px;
}

body[data-function="ProjectWorklogReport"] #FilterTaskId-select button {
    width: 300px;
}

body[data-function="ProjectKanban"] #DisplayStatusId-multiselect button {
    width: 240px;
}

input.nano-datepicker.ui-datepicker-trigger:not(.form-control) {
    width: 90px !important;
}

.datepicker-disabled {
    opacity: 0.8;
    pointer-events: none;
}

span.nano-multiselect-menu {
    max-height: 233px !important;
}

.bg-important {
    background-color: rgb(191, 60, 51);
}

.bg-hourlyFee {
    background-color: rgb(185, 191, 51);
}

.bg-commission {
    background-color: rgb(224, 152, 51);
}

.bg-branch {
    background-color: rgb(51, 151, 191);
}

.bg-normal {
    background-color: rgb(230, 230, 230);
}

.bg-iRent-dark {
    background-color: rgb(65, 65, 65) !important;
}

.bg-iRent-hover {
    background-color: rgb(97, 97, 97);
}

.bg-iRent-light {
    background-color: rgb(245, 245, 245) !important;
}

.text-iRent-light {
    color: rgb(180, 180, 180);
}

.text-important {
    color: rgb(191, 60, 51);
}

.iRent-progressbar {
    background-color: rgb(179, 179, 179);
}

#content-partial {
    max-height: calc(100vh - 180px)
}