/* custom CSS starts here */

/* badge */

.badge-secondary {  
    background-color: #2bbdb3!important;
	}
	.badge-primary {
    background-color: #fed444!important;
}
/* icon grid */

.box-icon-grid {text-align:center;transition: all ease-in-out 0.2s;}
#icon-grid a:hover{text-decoration:none;}
.box-icon-grid:hover{-webkit-box-shadow: 0px 0px 42px -1px rgba(130,130,130,0.35);
-moz-box-shadow: 0px 0px 42px -1px rgba(130,130,130,0.35);
box-shadow: 0px 0px 42px -1px rgba(130,130,130,0.35);}
.box-icon-grid {padding:30px; border: 2px solid #dedede;margin-bottom:20px;}
.box-icon-grid i {font-size:40px; }
.box-icon-grid h4 {font-size:20px; font-weight:800;color:#222;}
/* modal */

.modal {
    border-radius: 0px!important;

}
.modal a.close-modal {
    top: 20px!important;
    right: 12px!important;
    border: none!important;
    line-height: 2!important;
	transition: all ease in-out 0.2s;

}
.modal a.close-modal:hover {
    transform: scale(1.2);
}
/*search field */

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    border: 2px solid #cecece;
}
.dataTables_wrapper .dataTables_filter input:focus {
    
    border: 2px solid #fed444;
}
/*buttons and navigation */

button.dt-button, div.dt-button, a.dt-button{background-image:none!important;
background-color:#333!important;
color:#fff!important;
transition: all ease-in-out 0.2s; border:0px!important;}

button.dt-button:hover, div.dt-button:hover, a.dt-button:hover{background-image:none!important;
background-color:#fed444!important;
color:#333!important;}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background-image:none!important;
background-color:#fed444!important;
color:#fff!important;
transition: all ease-in-out 0.2s; border:0px!important;}