/**
 * pagination
 */

.pagination{
	margin-top: 10px;
}	

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

/**
 * tables
 */

/*
.table thead th {
	vertical-align: middle;
}

.table-header {
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 2px solid rgba(0,0,0,.1);
	padding: 10px 0 10px 0;
}

.table-content {
	border-bottom: 1px solid rgba(0,0,0,.05);;
}  

.row-striped div.row.table-content:nth-child(odd){
  	background-color:rgba(0,0,0,.04);
}

.row-striped div.row.table-content:nth-child(odd):hover{
  	/*background-color:#A1F2FC;
	background-color:#CCFCD3;
	background-color:#E5E5E5;
}

.row-striped div.row.table-content:nth-child(even){
 	background-color:#FFF;
}

.row-striped div.row.table-content:nth-child(even):hover{
  	/*background-color:#A1F2FC;
	background-color:#E5E5E5;
}
*/


/*
.login-clean {
	background-color: #4421B5 !important;
}*/


/* hover over div in view data */
div.col-sm-6 > div > div.row:hover {
    background: rgba(0,0,0,.075);
}

.btn-dark {
    margin-top: 5px;
}

.modal-header {
    color: white; 
    background-color: #343a40;
}

.close {
    color: white;
}

/* change butiran to uppercase */    
div.col-auto div.row {
    text-transform: uppercase;
}  

/*
div.col-auto div div.row {
    text-transform: uppercase;
}  */


.g-recaptcha { 
    margin-left: 15px; 
}

@media print {
  
    
    .bg-primary th {
        background-color: transparent !important;
        /*box-shadow: 0 0 0 1000px #095075 inset !important;*/
        
        
    }
    
}


@media (max-width: 400px) {  
    .table-responsive {
        font-size:20px !important;
    }
}


.custom-table {
  border: 2px solid black;
}

.custom-table thead th {
  border-top: 1px solid #000!important;
  border-bottom: 1px solid #000!important;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.custom-border {
  border-left: 2px solid #000;
  /*border-right: 1px solid #000;*
  border-top: none!important;/
}


.custom-thead-light th {
	border-color: #000;
	border-left: 2px solid #000;
	}


.custom-table td {
  border-bottom: 1px solid #FFF!important;
}

.custom-table th {
  background-color: lightgreen;
}

 

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table td,.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #FFF;
}

.justified {
            text-align: justify;
        }
        
.spaceAbove {
    padding-top: 180px;
    margin-top: 180px;
}