/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/

.form-control.error{
    color: #3c4d62;
    background-color: #fff;
    border-color: #d12a2a;
    outline: 0;
    box-shadow: 0 0 0 3px rgb(255 101 101 / 10%);
}

.form-control.error:focus{
    color: #3c4d62;
    background-color: #fff;
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: 0 0 0 3px rgb(var(--bs-primary-rgba) / 10%);
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color:  var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color:  var(--bs-primary);
    --bs-btn-active-bg:  var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-primary);
}

.form-control:focus, .dual-listbox .dual-listbox__search:focus, div.dataTables_wrapper div.dataTables_filter input:focus {
    color: #3c4d62;
    background-color: #fff;
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: 0 0 0 3px rgb(var(--bs-primary-rgba) / 10%);
}

.nk-header.is-theme:not([class*=bg-]) {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.nk-menu-link {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: initial !important;
    letter-spacing: -0.01rem !important;
}
.nk-menu .nk-menu-item.active > .nk-menu-link {
    color: var(--bs-primary);
}
.nk-menu-link:hover,  .nk-menu .nk-menu-item.active:hover{
    color: var(--bs-secondary) !important;
}

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 20px auto;
}

.avatar-upload .avatar-edit {
    position: absolute;
    z-index: 1;
    bottom: 0px;
    right: 31px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
}

.avatar-upload .avatar-edit label:hover {
    background: #F1F1F1;
    border-color: #D6D6D6;
}

.avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 50%;
    border: 6px solid #e4e4e4;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-preview div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.copytextDiv {
    cursor: pointer;
}

.profile-settings .form-group{
    margin-bottom: 15px;
}