/*
*************************************************
Copyright (C) 2020 Earworks.                    *
Codeigniter Project Template Modification       *
Please contact our email for more information : *
contact@earworks.co.id                          *
*************************************************
*/
/* 
    Created on : Sep 4, 2020, 3:09:55 PM
    Author     : andhy
*/
body {
    overflow-x:hidden;
}
.page-data {
    position:relative;
}
.btn-header {
    position:absolute;
    top:0;
    display:block;
    width:100%;
    text-align: right;
    margin-bottom:15px;
}
.search {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    margin-bottom:15px;
}
/* grid table */
.table.sort td {
    vertical-align: middle;
}
.table.sort thead th {
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px !important;
}
.table.sort thead th.both {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}

.table.sort thead th.asc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
}

.table.sort thead th.desc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
}
.table tr {
    position:relative;
}
.table tr:hover .table-button {
    display:block !important;
    position:absolute;
    top:-10px;
    right:-0.5px;
    background-color:#fff;
    border: 1px solid #ccc;
}
.table-button-action {
    padding: 2px 5px;
    display: inline-block;
    color: #7c7c7c;
    font-size:1.1em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.table-button-action:hover,
.table-button-action:active,
.table-button-action:focus {
    color: #333;
    background-color: #f8f8f8;
}
.table-button-action-2 {
    padding: 2px 5px;
    display: inline-block;
    color: #7c7c7c;
    font-size:1.1em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.table-button-action-2:hover,
.table-button-action-2:active,
.table-button-action-2:focus {
    color: #fff;
    background-color: #888;
}
.pagination-wrapper {
    display:flex;
    width:100%;
    justify-content:center;
    align-items:center;
}
.login-title {
    display:block;
    width:100%;
    text-align: center;
    margin-bottom:15px;
    font-weight:bold;
    font-size:18px;
}
/* end grid table */
/* message */
.message-wrapper {
    position: fixed;
    top: 10vh;
    right: 2vw;
    min-width: 20vw;
    max-width:50vw;
    z-index: 1000;
    display: inline-block;
}
.message-wrapper > .message {
    max-width: 100%;
    display: block;
    border-radius: 5px;
    padding-left: 5px;
    margin-bottom:15px;
    position:relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(130%);
    -moz-transform: translateX(130%);
    -o-transform: translateX(130%);
    -ms-transform: translateX(130%);
    transform: translateX(130%);
}
.message-wrapper > .message.open {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.message-wrapper > .message > .close-message {
    position:absolute;
    top:5px;
    right:5px;
    background-color: transparent;
    border: none;
}
.message-wrapper > .message ul,
.message-wrapper > .message p {
    margin: 0px;
    padding: 0px;
    padding:8px 25px;
}
.message.message-danger {
    color:white;
    background-color:#a40303;
}
.message.message-success {
    color:white;
    background-color:#03a40d;
}
.message.message-info {
    /*color:white;*/
    background-color:#03a49c;
}
.message.message-warning {
    /*color:white;*/
    background-color:#b79c04;
}
.message ul,
.message p {
    background-color: rgba(255,255,255,0.35);
}
/* end message */
.table-report th,
.table-report td {
    font-size: 13px;
    padding-top:5px !important;
    padding-bottom:5px !important;
    vertical-align: middle !important;
}
.fix-td {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    width:120px;
}
table { page-break-after:auto !important; }
tr    { page-break-inside:avoid !important; page-break-after:auto !important }
td    { page-break-inside:avoid !important; page-break-after:auto !important }
thead { display: table-row-group !important; }
tfoot { display:table-footer-group !important }

.row.less-border {
    margin-left:-7px;
    margin-right:-7px;
}
.row.less-border .col-xs-1, .row.less-border .col-sm-1, .row.less-border .col-md-1, .row.less-border .col-lg-1, 
.row.less-border .col-xs-2, .row.less-border .col-sm-2, .row.less-border .col-md-2, .row.less-border .col-lg-2, 
.row.less-border .col-xs-3, .row.less-border .col-sm-3, .row.less-border .col-md-3, .row.less-border .col-lg-3, 
.row.less-border .col-xs-4, .row.less-border .col-sm-4, .row.less-border .col-md-4, .row.less-border .col-lg-4, 
.row.less-border .col-xs-5, .row.less-border .col-sm-5, .row.less-border .col-md-5, .row.less-border .col-lg-5, 
.row.less-border .col-xs-6, .row.less-border .col-sm-6, .row.less-border .col-md-6, .row.less-border .col-lg-6, 
.row.less-border .col-xs-7, .row.less-border .col-sm-7, .row.less-border .col-md-7, .row.less-border .col-lg-7, 
.row.less-border .col-xs-8, .row.less-border .col-sm-8, .row.less-border .col-md-8, .row.less-border .col-lg-8, 
.row.less-border .col-xs-9, .row.less-border .col-sm-9, .row.less-border .col-md-9, .row.less-border .col-lg-9, 
.row.less-border .col-xs-10, .row.less-border .col-sm-10, .row.less-border .col-md-10, .row.less-border .col-lg-10, 
.row.less-border .col-xs-11, .row.less-border .col-sm-11, .row.less-border .col-md-11, .row.less-border .col-lg-11, 
.row.less-border .col-xs-12, .row.less-border .col-sm-12, .row.less-border .col-md-12, .row.less-border .col-lg-12 {
    padding-left: 7px;
    padding-right: 7px;
}
.portlet.less-border{
    padding:5px;
}
.tab-item {
    position:relative;
    display:block;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:5px;
    background-color:#f5f5f5;
    padding-left:15px;
}
.tab-item:hover,
.tab-item:active,
.tab-item:focus {
    text-decoration: none;

}
.tab-item.active {
    color:#23527c;
    background-color:#ddd;
}
.tab-item.active:hover,
.tab-item.active:active,
.tab-item.active:focus {
    color:#23527c;
}
.blank-panel {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

.table-report > thead > tr > th,
.table-report > tbody > tr > td,
.table-report > tfoot > tr > td {
    font-size:11.5px;
    padding:2px 5px;
}
.table-report > thead > tr > th {
    text-align:center;
    vertical-align: middle;
}
.currency {
    text-align: right;
}
.loadingio {
    display:flex;
    width:100%;
    height:auto;
    justify-content:center;
    align-items:center;
}
.loadingio > .loadingio-spinner-dual-ring-6tlihebqrnr {
    width:100px;
    height:100px;
}
/* generated by https://loading.io/ */
@keyframes ldio-n3ie7x8tqo {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}
.ldio-n3ie7x8tqo div { box-sizing: border-box !important }
.ldio-n3ie7x8tqo > div {
    position: absolute;
    width: 75%;
    height: 75%;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    border-radius: 50% !important;
    border: 5.91px solid #000;
    border-color: #1d3f72 transparent #1d3f72 transparent;
    animation: ldio-n3ie7x8tqo 0.819672131147541s linear infinite;
}
.ldio-n3ie7x8tqo > div:nth-child(2) { border-color: transparent }
.ldio-n3ie7x8tqo > div:nth-child(2) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}
.ldio-n3ie7x8tqo > div:nth-child(2) div:before, .ldio-n3ie7x8tqo > div:nth-child(2) div:after { 
    content: "";
    display: block;
    position: absolute;
    width: 5.91px;
    height: 5.91px;
    top: -5.91px;
    left: 61.07px;
    background: #1d3f72;
    border-radius: 50% !important;
    box-shadow: 0 133.96px 0 0 #1d3f72;
}
.ldio-n3ie7x8tqo > div:nth-child(2) div:after { 
    left: -5.91px;
    top: 61.07px;
    box-shadow: 133.96px 0 0 0 #1d3f72;
}
.loadingio-spinner-dual-ring-6tlihebqrnr {
    display: inline-block;
    overflow: hidden;
    background: none;
}
.ldio-n3ie7x8tqo {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ldio-n3ie7x8tqo div { box-sizing: content-box !important; }
/* generated by https://loading.io/ */