#loadnya {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #fff;
    opacity: .4;
}
.ajax-loader {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    display: block;
}


#loader {
    display: none;
}

.notif_top {
    position: fixed;
    z-index: 6001;
    top: 0;
    left: 0;
    right: 0;
}

.message-alert {
    position: fixed;
    width: 30%;
    right: 0;
    left: 0;
    margin: auto;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    text-align: center;
    z-index: 9999;
    /* opacity: .8; */
}

.dropify-infos-message, .dropify-filename-inner, .dropify {
    font-size: 13px;
}

.dataTables_processing {
    background-color: rgb(10, 70, 105);
    color: #ffff;    
}

table.wrap {
    white-space: normal;
}

span.notes {
    color: rgb(242, 102, 102);
    font-size: 12px;
    font-style: italic;
}

.dataTables_filter input { width: 500px }

.switcher-body .headercolor8 {
    background: linear-gradient(90deg, rgba(5,38,77,1) 0%, rgba(11,117,154,1) 50%, rgba(7,48,108,1) 100%);
}

html.headercolor8 .topbar {
    /* background: linear-gradient(90deg, rgba(9,79,121,1) 0%, rgba(21,178,232,1) 46%, rgba(7,114,154,1) 100%); */
    background: linear-gradient(90deg, rgb(8, 116, 184) 0%, rgb(69, 189, 196) 46%, rgb(8, 125, 167) 100%);
}

html.color-sidebar.sidebarcolor2 .sidebar-wrapper {
    /* background: linear-gradient(100deg, rgba(1,29,46,1) 0%, rgb(36, 109, 148) 30%, rgba(1,44,60,1) 100%); */
    background: linear-gradient(100deg, rgb(1, 84, 107) 0%, rgb(37, 139, 153) 30%, rgb(3, 127, 152) 100%);
}

         
.btn-info-grad {
    background-image: linear-gradient(to right, #3b80ab 0%, #39b3ec  51%, #607e91  100%);
    padding: 5px 15px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-info-grad:hover {
    background-position: right center; 
    color: #fff;
    text-decoration: none;
}
 
.btn-warning-grad {
    background-image: linear-gradient(to right, #ab9c3b 0%, #ecc839  51%, #918960  100%);
    padding: 5px 15px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-warning-grad:hover {
    background-position: right center; 
    color: #fff;
    text-decoration: none;
}
         
.btn-primary {
    background-image: linear-gradient(to right, #1A2980 0%, #26D0CE  51%, #1A2980  100%);margin: 10px;
    padding: 5px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-primary:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

         
     
.btn-warning {
    background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);
    padding: 5px 20x;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-warning:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

         
.btn-danger {
    background-image: linear-gradient(to right, #C04848 0%, #480048  51%, #C04848  100%);
    padding: 5px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-danger:hover {
    background-position: right center; 
    color: #fff;
    text-decoration: none;
}

         
.btn-success {
    background-image: linear-gradient(to right, #26c683 0%, #061700  51%, #97c234  100%);
    padding: 5px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-success:hover {
    background-position: right center; 
    color: #fff;
    text-decoration: none;
}
     
     
.btn-info {
    background-image: linear-gradient(to right, #3188ba 0%, #093e6b  51%, #67a9e3  100%);
    padding: 5px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-info:hover {
    background-position: right center; 
    color: #fff;
    text-decoration: none;
}

.btn-snow {
    background-image: linear-gradient(to right, #c25c03 0%, #b59b06  51%, #c25c03  100%);
    padding: 5px 20px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-snow:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.bg-gradient-primary {
    background-image: linear-gradient(to right, #005AA7 0%, #53befb  51%, #005AA7  100%);
    transition: 0.5s;
    background-size: 200% auto;
}

.bg-gradient-primary:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.bg-gradient-danger {
    background: linear-gradient(to left, #a72a00, #f8b73e, #a72a00);
    transition: 0.5s;
    background-size: 200% auto;
}

.bg-gradient-danger:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.bg-gradient-success {
    background: linear-gradient(to left, #00a75c, #c9eea6, #00a75c);
    transition: 0.5s;
    background-size: 200% auto;
}

.bg-gradient-success:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.bg-gradient-warning {
    background: linear-gradient(to left, #c17e0a, #f4dbad, #c17e0a);
    transition: 0.5s;
    background-size: 200% auto;
}

.bg-gradient-warning:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}
.bg-table-header {
    /* background: linear-gradient(to top, #D7DDE8, #8992aa); */
    background: linear-gradient(to top, #d6ebf5, #65b1d4);
}

.animate-charcter
{
    text-transform: uppercase;
    background-image: linear-gradient(
        -225deg,
        #231557 0%,
        #44107a 29%,
        #ff1361 67%,
        #fff800 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

#myTable thead tr th,
#myTable tfoot tr th,
#displayTable thead tr th {
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
}

.select2-results__option { 
    font-size: 1.1em;
}

span.notes {
    color: red;
}

.badges .back {
    background: linear-gradient(90deg, rgb(146, 211, 216) 0%, rgb(229, 241, 228) 50%, rgb(146, 211, 216) 100%);
    height: 130px;
}

.badges-color {
    background-color: #c46e05;
}