/**
* CV. ILMION KREATIF = ILMION STUDIO 
* https://ilmion.com - hi@ilmion.com
* 
* STYLE
* version      : 1.0.0
* Realeased    : 30 Juli 2020 - Singosari - Mirza Ramadhany
* Last Updated : - 
*/
/* NEW TEMPLATE */
.btn-animated.fa-file-pdf-o::before{content: ''}
.btn-animated.fa-file-pdf-o > span:first-child{height: auto;}
select[readonly].select2-hidden-accessible + .select2-container {pointer-events: none;touch-action: none;}select[readonly].select2-hidden-accessible + .select2-container .select2-selection {background: #eee;box-shadow: none;}select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {display: none;}
.horizontal-app-menu .menu-bar ul li .sub-menu{left: 65%;}
.horizontal-app-menu .menu-bar > ul > li.opening > a{z-index: 1000;}
.jumbotron{padding-top: 0;}
hr{ margin: 1rem 0; }
.nav-tabs-simple:after, .nav-tabs-simple > li > a:after{ z-index: 0; }
.bwrap-content{ position: relative;}
.header{z-index: 99;}
#search .select2-container .select2-selection{ border: none !important;}
#search .select2-selection__arrow{display: none;}
.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple{
    overflow-y: auto;
    max-height: 200px !important;
}
.select2-results__option[aria-selected=true] {
    display: none;
} 
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear{
color: #333 !important;
right: 0 !important;
}

.btn.btn-grid{padding: 5px 7.5px ;font-size: 12.5px; display: block;width: 100%; }
.btn-xs, .btn-group-xs > .btn{ font-size: 12px !important;}
.label-form{
    font-family: 'Montserrat';
    font-size: 10.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 500;
}
.italic{font-style:italic !important;}
.mark, mark{font-size: 10.5px;}
.min-height-auto{min-height: 100% !important;}
.no-radius{border-radius: 0px !important;}
.card-shadow{ box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1); }

.image-wrap {
    width:100%;
    border: dashed 1px #d5d5d5;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow:hidden;
}
.image-wrap ._pre{display: none; font-size: 10px;}
.image-wrap ._pre.active{margin-bottom: 10px; display: block;}
.image-wrap img{
    width:100%;
    width: 100%;
    max-width: 180px;
    max-height: 152px;
    object-fit: contain;
}
.file-upload { width: 100%; color: transparent;}
.file-upload::-webkit-file-upload-button {
    visibility: hidden;
    position: absolute;
}
.image-wrap ._pre.active + .file-upload::before{
    content: 'Ubah Berkas' !important;
}
.file-upload::before {
    align-items: center;
    display: block;
    text-align: center;
    position: relative;
    content: 'Pilih Berkas';
    border-radius: 4px;
    padding: 5px 0;
    cursor: pointer;
    font-size: 12px;
    color: #333;
}
.file-upload:required::before{
    content: 'Pilih Berkas *';
    color: #E42C3E;
}
.file-upload.error::before { background-color: #E42C3E; color: #fff;}

/*File Galeri*/
.bfile-upload{
    max-height: 125px !important;
    max-width: 19% !important;
    display: inline-block;
    margin: 5px;
    text-align: center;
    background-color: #ebebeb;
    border-radius: 3px;
}
    .bfile-upload a{color: #212529 !important;}
    .bfile-upload i.fa{
        font-size: 48px;
        color: #48b0f7;
        margin-top: 32px;
    }
    .bfile-upload .btn{
        position: absolute;
        top: 5px;
        right: 5px;;
    }

/*Absensi*/
.text-abs-s{color: #F8D053 !important;} 
.text-abs-i, .text-poin-1{color: #48B0F7 !important;} 
.text-abs-a, .text-poin-0{color: #F55753 !important;}

.bg-abs-s{background-color: #F8D053 !important;} 
.bg-abs-i{background-color: #10CFBD !important;} 
.bg-abs-a{background-color: #F55753 !important;}

/*Datatable scrool*/
.dataTables_scrollBody thead .sorting, 
.dataTables_scrollBody thead .sorting:after,
.dataTables_scrollBody thead .sorting_asc, 
.dataTables_scrollBody thead .sorting_asc:after,
.dataTables_scrollBody thead .sorting_desc, 
.dataTables_scrollBody thead .sorting_desc:after{background: none !important;}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{
margin-top: 20px !important;
}
.dataTables_paginate.paging_bootstrap.pagination{
padding-right: 0;
}
.dataTables_wrapper .dataTables_paginate ul > li > a > i.pg-icon{
font-size: 11px;
}


/**
* Author: Zalog (http://www.zalog.ro/)
* License: MIT
**/
.ph-item, .ph-item *,
.ph-item ::after, .ph-item ::before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
.ph-item::before {
    content: " ";
    position: absolute; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    -webkit-animation: phAnimation .8s linear infinite;
            animation: phAnimation .8s linear infinite;
    background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.35)), color-stop(54%, rgba(255, 255, 255, 0))) 50% 50%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; }
.ph-item > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;}

@-webkit-keyframes phAnimation {
    0% {
        -webkit-transform: translate3d(-30%, 0, 0);
                transform: translate3d(-30%, 0, 0); }
    100% {
        -webkit-transform: translate3d(30%, 0, 0);
                transform: translate3d(30%, 0, 0); } }

@keyframes phAnimation {
    0% {
        -webkit-transform: translate3d(-30%, 0, 0);
                transform: translate3d(-30%, 0, 0); }
    100% {
        -webkit-transform: translate3d(30%, 0, 0);
                transform: translate3d(30%, 0, 0); } }