/* general */
.main-header {
    border-bottom: 1px solid #fff;
    box-shadow: 0 0 18px 0 rgba(82,63,105,.13);
}
.sidebar .user-panel {
    background: #343434;
    padding: 15px 8px;
    margin: 0 -8px;
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
    border: none;
}
.sidebar .user-panel .image {
    padding-top: 3px;
}
.sidebar .user-panel .info a {
    color:#c83439;
    line-height: 12px;
}
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active {
    background: #c83439;
}
.main-sidebar  .nav-sidebar>.nav-item>.nav-link.active>i {
    color: #fff;
}
.nav-sidebar>.nav-item .nav-icon {
    color:#c83439;
    /* margin-right: 10px; */
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
.nav-sidebar .nav-link p {
    margin-left: 8px;
}
.layout-footer-fixed .wrapper .content-wrapper {
    margin-bottom: 43px;
}
.dropdown-notif i {
    width: 16px;
    text-align: center;
}
.dropdown-notif .dropdown-item {
    font-size: 13px;
}
.main-footer {
    padding: 12px;
    font-size: 12px;
}
.account-dropdown {
    padding: 15px 30px !important;
}
.d-hidden,.hide {
    display: none;
}
.btn-add {
    margin-top: 3px;
    vertical-align: top;
    margin-left: 10px;
}
.text-xxs {
    font-size: 9px;
}

/* LOGIN & REGISTER */
.login-page {
    background: #fff;
}
.login-logo, .register-logo {
    height: 90px;
    margin-top: -50px;
    margin-bottom: 30px;
}
.login-box, .register-box {
    width: 450px;
}
.login-box > .card, .register-box > .card {
    border-radius: 20px;
    background: #fff;
    /* box-shadow:  41px 41px 82px #cfcfcf, -41px -41px 82px #ffffff; */
    /* box-shadow:  19px 19px 38px #d9d9d9, -19px -19px 38px #ffffff; */
    box-shadow: 5px 5px 20px 10px #8989890f;
}
.login-card-body, .register-card-body {
    padding: 40px 60px;
    border-radius: 20px;
    background: #fff;
}
.btn-register {
    padding: 6px 25px;
}

/* form components */
/* .form-group>label {
    font-size: 80%;
    color: #0062cc;
} */
.form-search {
    float: right;
    width: 100%;
}
.form-search input,
.form-search .btn,
.form-search .input-group-text {
    border: none;
    border-bottom: #bbb solid 1px;
    border-radius: 0 !important;
    background: none;
}
.form-search input:focus {
    background: none;
    border-bottom: #bbb solid 1px;
}
.form-search .icon-search {
    font-size: 11px;
    color: #bbb;
    padding: 0 0 0 4px;
}
.custom-checkbox {
    margin-bottom: 5px;
}
.custom-checkbox label {
    cursor: pointer;
    font-weight: 400 !important;
    padding-left: 5px;
    padding-top: 1px;
}
.custom-radio label {
    cursor: pointer;
}
.title-loading {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border-width: 4px;
    vertical-align: unset;
}

/* table */
.table thead th {
    font-size: 13px;
}
table td.wrap,
table th.wrap {
    width: 1px;
    white-space: nowrap
}
.datatable-scan td {
    padding: 7px 6px;
}
.dataTables_filter {
    float: left;
}
.dataTables_filter input {
    width: 300px;
}

/* select2 */
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
}
.select2-results__option {
    padding: 6px 12px;
}
.select2-selection__placeholder {
    color: #999 !important;
}
.select2-hidden-accessible {
    margin-top: 36px;
    margin-left: 120px;
}
.select2-container--bootstrap4 .select2-selection__clear {
    padding-top: 1px;
    padding-left: 4px;
}

/* ckeditor */
.ck-editor__editable_inline {
    min-height: 500px;
}
.is-invalid ~ .ck-editor {
    border: 1px solid #dc3545 !important;
    border-radius: 4px;
}

/* tagsinput validation helper */
.is-invalid ~ .bootstrap-tagsinput {
    border: 1px solid #dc3545 !important;
    border-radius: 4px;
}

/* validation helper for form components with plugins */
.is-invalid ~ .invalid-feedback {
    display: block;
}

/* nav menu - profile */
.media .img-circle {
    margin-top: 8px;
}
/* .media a {
    color: grey;
} */
.dropdown-item.active, .dropdown-item:active {
    color: inherit;
    background-color: unset;
}

/* profile page */
.widget-user-header {
    /* background: rgb(23,162,184);
    background: linear-gradient(10deg, rgba(23,162,184,1) 20%, rgb(0, 204, 255) 100%); */
    color: white;
}
.widget-user .widget-user-image {
    margin-left: -55px;
    top: 70px;
}
.widget-user .widget-user-image>img {
    width: 110px;
    height: 110px;
    object-fit: cover;
}
.box-profile .btn-upload,
.widget-user-image .btn-upload {
    position: absolute;
    left: calc(50% + 20px);
    bottom: 0;
    background: indianred;
    color: white;
    padding: 4px 8px;
    border-radius: 50%;
    cursor: pointer;
}
.box-profile .btn-upload:hover,
.widget-user-image .btn-upload:hover {
    background: rgb(204, 76, 76);
}
.input-file-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 50px;
    left: 50px;
    z-index: -99;
}

@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.blink {
    animation: blinker .5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

@media only screen and (max-width: 600px) {
    .login-logo, .register-logo {
        height: 70px;
        margin-top: -80px;
        margin-bottom: 40px;
    }
    .login-box, .register-box {
        width: 90%;
    }
    .login-card-body, .register-card-body {
        padding: 25px 35px;
    }
    .col-form-label {
      text-align: left !important;
    }
}

/* ELEMENT PUSH */
.mt-0{margin-top:0 !important}.mt-10{margin-top:10px !important}.mt-15{margin-top:15px !important}.mt-18{margin-top:18px !important}.mt-20{margin-top:20px !important}.mt-25{margin-top:25px !important}.mt-30{margin-top:30px !important}.mt-35{margin-top:35px !important}.mt-40{margin-top:40px !important}.mt-45{margin-top:45px !important}.mt-50{margin-top:50px !important}.mr-0{margin-right:0 !important}.mr-10{margin-right:10px !important}.mr-15{margin-right:15px !important}.mr-20{margin-right:20px !important}.mr-25{margin-right:25px !important}.mr-30{margin-right:30px !important}.mr-35{margin-right:35px !important}.mr-40{margin-right:40px !important}.mr-45{margin-right:45px !important}.mr-50{margin-right:50px !important}.ml-0{margin-left:0 !important}.ml-10{margin-left:10px !important}.ml-15{margin-left:15px !important}.ml-20{margin-left:20px !important}.ml-25{margin-left:25px !important}.ml-30{margin-left:30px !important}.ml-35{margin-left:35px !important}.ml-40{margin-left:40px !important}.ml-45{margin-left:45px !important}.ml-50{margin-left:50px !important}.mb-0{margin-bottom:0 !important}.mb-10{margin-bottom:10px !important}.mb-15{margin-bottom:15px !important}.mb-20{margin-bottom:20px !important}.mb-25{margin-bottom:25px !important}.mb-30{margin-bottom:30px !important}.mb-35{margin-bottom:35px !important}.mb-40{margin-bottom:40px !important}.mb-45{margin-bottom:45px !important}.mb-50{margin-bottom:50px !important}.margin-0{margin:0 !important}.margin-10{margin:10px !important}.margin-20{margin:20px !important}.pt-0{padding-top:0 !important}.pt-10{padding-top:10px !important}.pr-0{padding-right:0 !important}.pr-10{padding-right:10px !important}.pl-0{padding-left:0 !important}.pl-10{padding-left:10px !important}.pb-0{padding-bottom:0 !important}.pb-10{padding-bottom:10px !important}.padding-0{padding:0 !important}.padding-10{padding:10px !important}.padding-20{padding:20px !important}.padding-30{padding:30px !important}.padding-40{padding:40px !important}.padding-50{padding:50px !important}.padding-side-10{padding-left:10px !important;padding-right:10px !important}.padding-side-20{padding-left:20px !important;padding-right:20px !important}