/* Html replace style */
body {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #388BD4;
    text-decoration: none;
}

a:hover {
    color: #388BD4;
}

a:visited {
    color: #388BD4;
}

a:active {
    color: #388BD4;
}

/* Remove Arrows/Spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { /* Chrome, Safari, Edge, Opera */
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] { /* Firefox */
  -moz-appearance: textfield;
}

.nav-link.active {
    font-weight: bold;
}

.bg-lightgray {
    background-color: #ddd;
}

.btn-blue {
    background-color: #388BD4;
    color: #fff;
    font-size: small;
}

.btn-blue:hover {
    background-color: #fff;
    border-color: #388BD4;
    color: #388BD4;
    font-size: small;
}

.btn-white {
    background-color: #fff;
    border-color: #888;
    color: #888;
    font-size: small;
}

.btn-white:hover {
    background-color: #888;
    color: #fff;
    font-size: small;
}

.btn-gray {
    background-color: #888;
    color: #fff;
    font-size: small;
}

.btn-gray:hover {
    background-color: #fff;
    border-color: #888;
    color: #888;
    font-size: small;
}

.btn-green {
    background-color: #71BC78;
    color: #fff;
    font-size: small;
}

.btn-green:hover {
    background-color: #fff;
    border-color: #71BC78;
    color: #71BC78;
    font-size: small;
}

.btn-red {
    background-color: #f00;
    color: #fff;
    font-size: small;
}

.btn-red:hover {
    background-color: #fff;
    border-color: #f00;
    color: #f00;
    font-size: small;
}

.btn-trans {
    background-color: transparent;
    border-color: #888;
    color: #888;
    font-size: small;
}

.btn-trans:hover {
    background-color: #888;
    border-color: #888;
    color: white;
    font-size: small;
}

.chk-gray { accent-color: #888; }

.border-blue { border-color: #388BD4!important; }
.border-green { border-color: #71BC78!important; }
.border-gray { border-color: #888!important; }
.border-darkgray { border-color: #555!important; }
.border-lightgray { border-color: #ddd!important; }
.border-white { border-color: #fff!important; }
.border-red { border-color: #f00!important; }
.border-yellow { border-color: #FDDD5C!important; }

.txt-blue { color: #388BD4; }
.txt-green { color: #71BC78; }
.txt-gray { color: #888; }
.txt-darkgray { color: #555; }
.txt-lightgray { color: #ddd; }
.txt-white { color: #fff; }
.txt-red { color: #f00; }
.txt-yellow { color: #FDDD5C; }

/* Datatables */
/* Move search box to left side */
.dataTables_filter { 
    color: #888;
    font-size: small;
    padding-bottom: 20px;
 }

 .dataTables_filter input {
     color: #888;
     font-size: small;
     width: 300px;
 }

 .dataTables_empty {
    color: #888;
    font-size: small;
 }

 .dataTables_info {
    color: #888!important;
    font-size: small;
    padding-top: 20px!important;
 }

 .dataTables_paginate {
    color: #888!important;
    font-size: small;
    padding-top: 20px!important;
 }
 
 .paginate_button {
    background: none!important;
    border: none!important;
    color: #888!important;
    font-size: small;
    padding-top: 5px!important;
    padding-right: 10px!important;
    padding-bottom: 5px!important;
    padding-left: 10px!important;
 }

 .paginate_button:hover {
    background: #888!important;
    border: none!important;
    color: #888!important;
    font-size: small;
 }

 .paginate_button.current {
    background: none!important;
    border: none!important;
    color: #888!important;
    font-size: small;
    font-weight: bold;
 }

/* Row Selected Style */
table.dataTable tbody tr.selected {
    color: white!important;
    background-color: #eeeeee!important;
}

/* Login Page */
.bg-login {
    background-color: #a42765;
}

.txt-login{
    background-color: transparent;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0%;
    color: white;
}

.txt-login::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
}

.txt-login:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
  
.txt-login::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
} 

.txt-login:focus {
    background-color: transparent;
    color: #fff;
  }

.btn-login {
    background-color: #a42765;   
}

/* Layout Master */
.bg-menu {
    /* background-color: #a42765; */
    background-color: #b62b70;
    color: #fff;
}