/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito+Sans:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito+Sans:wght@200&family=Poppins:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito+Sans:wght@200&family=Poppins:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

body {
    overflow-x: hidden;
    background-color: #E5E5E5 !important;

}

#login-container {
    width: 100%;
    max-width: 540px;
    background-color: #F4F4F4 !important;
    border:1px transparent !important;
    border-radius: 20px !important;
    margin-bottom: 140px;
    margin-top:140px;
    padding-bottom: 100px !important;
}

.inlog {
    border-color:black;
    font-family:Balsamiq Sans;
    margin-bottom: 35px;
    border-radius:10px;
}

.b_log{
    background-color: #6792B9;
    font-family:Balsamiq Sans; 
    border-color:#6792B9;
    border-radius:10px;
    margin-bottom:35px;
}
.bkun{
    font-family:Balsamiq Sans; 
    margin-bottom: 2px;
}
#regist-container {
    width: 100%;
    max-width: 540px;
    background-color: #F4F4F4 !important;
    border:1px transparent !important;
    border-radius: 20px !important;
    margin-bottom: 40px;
}

.labelnama{
    font-family: Balsamiq Sans; font-weight: bold;
}
.inin{
    border-radius:10px;
}
.inin::placeholder{
    font-family:Balsamiq Sans;
}

#wrapper {
    border: 0;
}

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    border: 0;
    -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;
}

#menu-toggle {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
    border-right: 1px solid #dee2e6;
}

@media (min-width: 992px) {
    #wrapper {
        max-width: 1140px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    #sidebar-wrapper {
        margin-left: 0;
        border-right: 1px solid #dee2e6;
    }

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

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

@media (min-width: 1141px) {
    #wrapper {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
    }
}