*{
    padding: 0;
    margin: 0;
}
    .form-check-input:focus {
        border-color: rgb(246 199 17) !important;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(246 199 17 / 25%) !important;
    }
    .btn-check:focus+.btn-primary, .btn-primary:focus {
        color: #fff;
        border-color: rgb(246 199 17) !important;
        box-shadow: 0 0 0 0.25rem rgb(246 199 17 / 25%) !important;
    }
    .form-control:focus {
        color: #212529;
        background-color: #fff;
        border-color: rgb(246 199 17) !important;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(246 199 17 / 25%) !important;
    }
    .form-set{
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .form-left{
        width: 75%;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .form-right {
        background-color: #bb8d20;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
}
.form-set a{
    width: 50%;
    padding: 8px 0;
    font-size: 18px;
}
input.otp-form__code-input {
    height: 70px;
    width: 70px;
    background: #F5F8FF;
    border: 1px solid #E5ECFA;
    border-radius: 10px;
    /* margin-top: 30px; */
    text-align: center;
    font-weight: 700;
    font-size: 28px;
}
a{
    text-decoration: none !important;
}
    @media (max-width:767px){
        .form-left{
            width: 100%;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .form-set a{
            width: 75%;
        }
        .form-set{
            height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: inherit;
        }
    }
    #body-row {
        margin-left:0;
        margin-right:0;
    }
    #sidebar-container {
        min-height: 100vh;   
        background-color: #333;
        padding: 0;
    }
    
    /* Sidebar sizes when expanded and expanded */
    .sidebar-expanded {
        width: 230px;
    }
    .sidebar-collapsed {
        width: 60px;
    }
    
    /* Menu item*/
    #sidebar-container .list-group a {
        height: 50px;
        color: white;
    }
    
    /* Submenu item*/
    #sidebar-container .list-group .sidebar-submenu a {
        height: 45px;
        padding-left: 30px;
    }
    .sidebar-submenu {
        font-size: 0.9rem;
    }
    
    /* Separators */
    .sidebar-separator-title {
        background-color: #333;
        height: 35px;
    }
    .sidebar-separator {
        background-color: #333;
        height: 25px;
    }
    .logo-separator {
        background-color: #333;    
        height: 60px;
    }
    
    /* Symbol für geschlossenes Untermenü */
    #sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
      content: " \f0d7";
      font-family: FontAwesome;
      display: inline;
      text-align: right;
      padding-left: 10px;
    }
    /* Geöffnetes Untermenüsymbol */
    #sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
      content: " \f0da";
      font-family: FontAwesome;
      display: inline;
      text-align: right;
      padding-left: 10px;
    }