.content-login{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.content-login .form-login{
    border-radius: 10px;
    background: #1b60ab;
    padding: 80px 80px;
}

.content-login .form-login .login-title{
    color: white;
}

.content-login .form-login .login-title h2{
    font-weight: 600;
}

.content-login .form-login .text-login{
    border: none;
    background: none;
    border-bottom: 1px solid white;
}

.content-login .form-login .password-eye{
    color: white;
    border: none;
    background: none;
    cursor: pointer;
    border-bottom: 1px solid white;
    border-radius: 0;
}

.content-login .form-login .icon-login{
    background: none;
    border: none;
    border-bottom: 1px solid white;
}

.content-login .form-login .wrapp-text ::placeholder{
    color: white;
}

.content-login .form-login .icon-login .fa-user:before{
    color: white;
}

.content-login .form-login .login-username input{
    color: white;
    border-radius: 0px;
    font-size: 17px;
    font-weight: 100;
}

.content-login .form-login .login-username span{
    border-radius: 0px;
}

.content-login .form-login .icon-login .fa-lock:before{
    color: white;
}

.content-login .form-login .submig-login {
    background: #ffffff;
    border: none;
    color: #1B60AB;
    padding: 7px 28px;
    width: 290px;
    font-weight: 600;
    transition: all .3s;
}
.content-login .form-login .submig-login:hover {
    color: #ffffff;
    transition: all .3s;
    background-color: #F28800;
}

.logout-dropdown{
    display: flex;
    justify-content: center;
    align-items: center; 
    padding: 20px;
    min-width: 0px !important;
}

/* style server management */

.wrapp-show-data .create-server{
    display: flex;
    justify-content: space-between;
    /* padding: 30px 0px; */
}

.wrapp-show-data .create-server h2{
    color: #342f2f;
    font-size: 26px;
    font-weight: 500;
    font-family: sans-serif;
}


/* style feature management */

.wrapp-show-data-feature .create-feature{
    display: flex;
    justify-content: space-between;
    /* padding: 30px 0px; */
}

.wrapp-show-data-feature .create-feature h2{
    color: #342f2f;
    font-size: 27px;
    font-weight: 500;
    font-family: sans-serif;
}

/* style server feature unavailable */

.wrapp-show-server-feature .create-server-feature{
    display: flex;
    justify-content: space-between;
}

.wrapp-show-server-feature .create-server-feature h2{   
    color: #342f2f; 
    font-size: 28px;
    font-weight: 600;
    font-family: sans-serif;
}

.server-feature .feature-data-text .select2-container{
    width:  100% !important;
}

.server-management .server-data-text .select2-container{
    width:  100% !important;
}

.server-management .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: #007bff !important;
}

.wrapp-show-data-feature .dataTables_wrapper label:not(.form-check-label):not(.custom-file-label){
    font-weight: 500 !important;
}

.wrapp-show-data .dataTables_wrapper label:not(.form-check-label):not(.custom-file-label){
    font-weight: 500 !important;
}

.wrapp-show-data .create-server .fa-question:before{
    content: "\f128";
    color: #fff;
    background: #342f2f;
    font-size: 10px;
    padding: 6px 4px;
    border-radius: 50%;
}

.wrapp-show-data-feature .create-feature .fa-question:before{
    content: "\f128";
    color: #fff;
    background: #342f2f;
    font-size: 10px;
    padding: 6px 4px;
    border-radius: 50%;
}

.wrapp-show-data .create-server .fa-plus:before{
    font-size: 15px;
}

.wrapp-show-data .create-server button{
    font-size: 16px;
    font-weight: 400;
}

.wrapp-show-data .server-table button.data_server_view{
    padding: 5px 8px;
    color: #040303;
}

.wrapp-show-data-feature .create-feature .fa-plus:before{
    font-size: 15px;
}

.content-user{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
}

.content-user .form-edit{
    background-color: #fff;
    padding: 100px 100px;
    box-shadow: 0px 0px 4px -1px #1c1a1a;
}

.content-user .form-edit .user-title h2{
    color: #342f2f;
    font-size: 23px;
    font-weight: 500;
    font-family: sans-serif;
}
.content-user .form-edit .submit-edit{
    display: flex;
    justify-content: start;
}

.content-user .form-edit .user-title .fa-question:before{
    content: "\f128";
    color: #fff;
    background: #342f2f;
    font-size: 9px;
    padding: 5px 4px;
    border-radius: 50%;
}

.wrapp-user{
    display: flex;
    justify-content: space-around;
}

.wrapp-activity .log-activity h1{
    font-size: 27px;
    font-weight: 500;
    font-family: sans-serif;

}
.wrapp-dasbord .dashbord h1{
    color: #342f2f;
    font-size: 27px;
    font-weight: 500;
    font-family: sans-serif;
}

.wrapp-user .edit-user h1{
    color: #342f2f;
    font-size: 27px;
    font-weight: 500;
    font-family: sans-serif;
}