.app{
    margin-top:70px;
    margin-bottom:70px;
    padding:20px;
}
.box {
    height: 215px;
    width: 100%;
    text-align: center;
    margin-bottom:10px;
}
.blue {
    background-color: blue;
}
.red {
    background-color: red;
}
.green {
    background-color: green;
}
.yellow {
    background-color: yellow;
}
.custom-select {
    background-color: lightgray;
    border-color: lightgray !important;
}

.custom-select-md{
    background-color: lightgray;
    border-color: lightgray !important;
}
.custom-select:hover{
    background-color: darkgray;
}

.custom-select:focus{
    background-color: white;
    border-color: lightgrey !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.custom-select.is-invalid{
    border-color: lightgrey !important;
}
.custom-select.is-invalid:focus{
    border-color: lightgrey !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.custom-select.is-valid{
    border-color: lightgrey !important;
}
.custom-select.is-valid:focus{
    border-color: lightgrey !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.form-control{
    background-color: lightgray;
    border-color: grey !important;
    background-image: none !important;
}

.form-control:hover{
    background-color: darkgray;
    background-image: none !important;
}
.form-control:focus{
   background-color: white;
   border-color: lightgrey !important;
   box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
   background-image: none !important;

}
.form-control.is-invalid{
    border-color: lightgrey !important;
    background-image: none !important;
}
.form-control.is-invalid:focus{
    border-color: lightgrey !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    background-image: none !important;
}
.form-control.is-valid{
    border-color: lightgrey !important;
    background-image: none !important;
}
.form-control.is-valid:focus{
    border-color: lightgrey !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    background-image: none !important;
}

#wrapper {
    overflow-x: hidden;
}

#sidebar-wrapper a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: rgba(0,0,0,.5);
    display: block;
    transition: 0.3s;
}

#sidebar-wrapper a:hover {
    color: rgba(0,0,0,.7);
}



#sidebar-wrapper {
    z-index: 1040;
    background-color: #039be5;
    min-height: 100vh;
    margin-left: -15rem;
    -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: 15rem;
}

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

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

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

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

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

.rrcMenu {
    cursor: default;
    margin-left:10px;
}