body { padding-top: 100px !important;  }
.logo-default {
    width:50px;
    height:50px;
    margin-top:-15px;
}
.validation-info {
    color:red;
    font-size:x-small;
}

.center-page {
text-align:center;
}

.center-div {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-image {
    display:inline !important;
    margin-bottom:10px;
}

.margin-top-25 {
    margin-top:25px;
}

.margin-left-right-25 {
    margin-left:25px;
    margin-right:25px;
}

.modal-dialog {
    position:fixed !important;
    top:45% !important;
    left:30% !important;
    margin-top:-50px !important;
    /*margin-left:-50px !important;*/
}

#loadingProcessReport {
	left:50%; 
	top:40%; 
	position:absolute;
	position:fixed;    
}

.custom-loader {
    width:75px;
    height:75px;
}

.login-box {
    width:450px;
    height:200px; 
    background-color:#f8f8f8;
    border:1px solid #e7e7e7; 
    border-radius:6px
}
.form-group input[type="text"] {
    width:95%;
}
.form-group input[type="password"] {
    width:95%;
}
.form-group select {
    width:95%;
}

.modal-dialog-custom {
    position:fixed !important;
    top:50% !important;
    left:12% !important;
    margin-top:-50px !important;
    /*margin-left:-50px !important;*/
}

/* update CSS */
#loadingProcess > .modal-dialog {
    width:150px !important;
    left:45% !important;
}

/*NALFAJRI PAGINATION*/
.holder {
margin:15px 0;
}
.holder a {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 10px;
    background: #fff;
    text-decoration: none;
    cursor:pointer;
    height:25px;
    line-height:25px;
    border-radius: 25px !important;
    border: none;
    color: #868c93;
}
.holder a:hover {
    background-color:#f0f0f0;
    color:#717171;
    cursor:pointer;
}
.holder a.jp-previous {
    margin-right:5px;
}
.holder a.jp-next {
    margin-left:5px;
}
.holder a.jp-current,a.jp-current:hover 
{
    background-color:#717171;
    color:#fff;
    font-weight:bold;
}
.holder a.jp-disabled,a.jp-disabled:hover {
    color:#bbb;
}
.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover {
    cursor:default;
}
.holder span {
    margin: 0 5px;
}


/*CUSTOM DATATABLE CSS*/
.dataTables_filter {
    float:right;
    margin:20px;
}
.dataTables_length {
    width:20%;
    float:left;
    margin:20px;
}
.dataTables_info {
margin:5px;
float:left;
}

.dataTables_paginate {
margin:10px;
float:right;
/*margin-top:-25px;*/
}

.dataTables_paginate a {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 10px;
    background: #fff;
    text-decoration: none;
    cursor:pointer;
    height:25px;
    line-height:25px;
    border-radius: 25px !important;
    border: none;
    color: #868c93;
}

.dataTables_paginate a:hover {
    background-color:#f0f0f0;
    color:#717171;
    cursor:pointer;
}

.dataTables_paginate a.previous {
    margin-right:5px;
}

.dataTables_paginate a.next {
    margin-left:5px;
}
.dataTables_paginate a.current,a.current:hover 
{
    background-color:#717171;
    color:#fff;
    font-weight:bold;
}
.dataTables_paginate a.disabled,a.disabled:hover {
    color:#bbb;
}
.dataTables_paginate a.current,a.current:hover,.holder a.disabled,a.disabled:hover {
    cursor:default;
}
.dataTables_paginate span {
    margin: 0 5px;
}

.tblMemberDetail {
    width : 100%;
}


.tblMemberDetail td:nth-child(1) {
    width:30%;
}
.tblMemberDetail td:nth-child(2) {
    width:10px;
}

.tblMemberDetail th, td {
    padding: 5px;
}