/* use all same font on all element*/
*:not(.fa, .glyphicon) {
    font-family: 'Open Sans', helvetica, arial, sans-serif !important;  
}

/* use standar font-size */
body {
    font-size: 0.8em!important;
}
input, select, textarea {
    font-size: 1em!important;
}


/* render select2 height */
.select2-selection__rendered {
    line-height: 34px !important;
    border-radius:0;
}
.select2-container .select2-selection--single {
    height: 38px !important;
    border-radius:0;
}
.select2-selection__arrow {
    height: 37px !important;        
}



/* formValidator */
input.error, input.valid {
    background-image:url();
}
.form-error {
    display: block;
    color: #b94a48;
}
span.help {
    color: #999;
    font-size: 90%;
}

/* move datatable footer(column filter) to header */
.datatable tfoot {
    display: table-header-group;
}

/* fix alert close button */
button.close {
    margin-top:-5px;
}


/* replace input.error background color jquery-steps */ 
input.error {
    background:#fff !important;
}


/* change placeholder color */
.form-control::-webkit-input-placeholder { color: #999; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #999; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #999; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #999; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #999; }  /* Microsoft Edge */


/* fixed tooltip over modal form */
.tooltip {
    z-index: 100000000 !important;
}




/* custom width - boostrap */ 
.w-5 {
    width:5%;
}
.w-10 {
    width:10%;
}



/* custom font size */
.font-0_5 {
    font-size:0.5rem !important;    
}
.font-0_75 {
    font-size:0.75rem !important;    
}
.font-1_25 {
    font-size:1.25rem !important;    
}
.font-1_5 {
    font-size:1.5rem !important;    
}
.font-2 {
    font-size:2rem !important;    
}





/* fixed jquery-steps tab on small device */
@media (max-width: 600px)
{
    .wizard > .steps > ul > li
    {
        width: 50%;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active
    {
        margin-top: 0.5em;
    }

    .wizard.vertical > .steps,
    .wizard.vertical > .actions
    {
        display: block;
        float: none;
        width: 100%;
    }

    .wizard.vertical > .content
    {
        display: block;
        float: none;
        margin: 0 0.5em 0.5em;
        width: auto;
    }
}

@media (max-width: 480px)
{
    .wizard > .steps > ul > li
    {
        width: 100%;
    }
}






/* fixed login screen margin-top on small device */
@media (max-width: 800px)
{
    .loginColumns {
        padding:20px 20px 20px 20px;
    }
}











/* replace inspinia class */
.list-group.clear-list .list-group-item {
    padding: 5px 0;
}







/*start >> spinner*/
#overlay{	
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height:100%;
    display: none;
    background-color: #fefefe;
    opacity:0.8;    
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    100% { 
        transform: rotate(360deg); 
    }
}
.is-hide{
    display:none;
}
/*end >> spinner*/




ol.lcase {list-style-type: lower-alpha;}



.dataTables_wrapper .dt-buttons .dt-button {
	color: #fff;
	background-color: #23c6c8;
	border-color: #23c6c8;
	margin: 2px;
	padding: 2px;
}
}