body {
    background-color: #F0F0F0;
}

.white {
    background-color: white;
}

.logo {
    max-width: 264px;
    max-height: 120px;
}

.leftPanel {
    color: white;
    font-size: 50px;
    background-color: #ff0000;
    background-image: url(../assets/image/bg_sm_red.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 695px !important;
}

.panel {
    border-right: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
}

.v-middle {
    margin-top: auto;
    margin-bottom: auto;
}


.appPanel {
    color: white;
    background-color: #232323;
    border-bottom: 1px solid #F1F1F1;
}

.dark-item {
    color: white !important;
    background-color: #232323 !important;
}

    .dark-item:hover {
        background-color: rgb(84, 84, 84) !important;
    }

.box-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}