/* Start Datatables Custom Styles */

.listtable {
    font-size: 0.75rem;
    border: 1px !important;
    border-width: 2px 0 0 0 !important;
    border-color: #e3e3e3 !important;
    background-color: #F7FBFC;
}

.listtable thead {
    background: rgb(255, 255, 255);
    /* background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%); */
}

.listtable thead th {
    margin: 0px 0px 0px 0px !important;
    color: #909090;
    font-size: 0.75rem;
    font-weight: 500 !important;
}

/* .listtable td {
    padding: 3px 2px 3px 2px !important;
} */

.listtable:hover {
    cursor: pointer;
}

/* .listtablevh {
    font-size: .75rem !important;
    height: 80vh;
} */

/* Start DevExpress Custom */


.dx-datagrid-rowsview .dx-master-detail-row>.dx-master-detail-cell {
    padding: 2px !important;
    /* background-color: #557C55 !important; */
}

.dx-button.dx-button-darkblue {
    color: white;
    background-color: rgba(15, 76, 117, 0.8)
}

.dx-button.dx-button-darkblue:hover {
    background-color: rgba(15, 76, 117);
}

.dx-button.dx-button-navy {
    color: white;
    background-color: rgb(41, 52, 98, 0.8)
}

.dx-button.dx-button-navy:hover {
    background-color: #293462;
}

.dx-button.dx-button-green2:hover {
    background-color: #19aa8d;
}


.dx-button.dx-button-darkgreen {
    color: white;
    background-color: rgb(28, 103, 88, 0.8)
}

.dx-button.dx-button-darkgreen:hover {
    background-color: #1C6758;
}

/* dx-button-primary */
.dx-button.dx-button-primary .dx-icon {
    color: #fff;
}

.dx-button.dx-button-primary {
    /* background-color:#0d6efd;
    border-color: #0d6efd; */
    background-color: rgb(0, 129, 201, 0.8);
    border-color: rgb(0, 129, 201, 0.8);
    color: white;
}

.dx-button.dx-button-primary:hover {
    /* background-color:#0b5ed7;
    border-color: #0a58ca; */
    background-color: rgb(0, 129, 201);
    border-color: rgb(0, 129, 201);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* dx-button-primary */

/* dx-button-green */
.dx-button.dx-button-green .dx-icon {
    color: #fff;
}

.dx-button.dx-button-green {
    background-color: #198754;
    border-color: #198754;
    color: white;
}

.dx-button.dx-button-green:hover {
    background-color: #157347;
    border-color: #146c43;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* dx-button-green */

/* dx-button-warning */
.dx-button.dx-button-warning .dx-icon {
    color: #000000;
}

.dx-button.dx-button-warning {
    /* background-color:#ffc107;
    border-color: #ffc107; */
    background-color: rgb(255, 201, 60, 0.8);
    border-color: rgb(255, 201, 60, 0.8);
    color: white;
}

.dx-button.dx-button-warning:hover {
    /* background-color:rgb(255, 202, 44);
    border-color: #ffc720; */
    background-color: rgb(255, 201, 60);
    border-color: rgb(255, 201, 60);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* dx-button-warning */

/* dx-button-red */
.dx-button.dx-button-red .dx-icon {
    color: white;
}

.dx-button.dx-button-red {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

.dx-button.dx-button-red:hover {
    background-color: rgb(187, 45, 59);
    border-color: #b02a37;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* dx-button-red */

/* dx-button-tealblue */
.dx-button.dx-button-tealblue .dx-icon {
    color: white;
}

.dx-button.dx-button-tealblue {
    background-color: #93C6E7;
    border-color: #93C6E7;
    color: white;
}

.dx-button.dx-button-tealblue:hover {
    background-color: rgb(147, 198, 231, 0.8);
    border-color: #93C6E7;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* dx-button-tealblue */


.dx-button.dx-button-pink {
    color: white;
    background-color: rgb(255, 22, 93, 0.8)
}

.dx-button.dx-button-pink:hover {
    background-color: #FF165D;
}

.dx-button.dx-button-tealblue {
    color: white;
    background-color: rgb(49, 198, 212, 0.8)
}

.dx-button.dx-button-tealblue:hover {
    background-color: #31C6D4;
}

.dx-button.dx-button-gray {
    color: white;
    background-color: rgb(127, 188, 210, 0.8);
}

.dx-button.dx-button-gray:hover {
    background-color: #7FBCD2
}

.dx-button.dx-button-dark {
    color: white;
    background-color: #222831
}

.dx-button.dx-button-dark:hover {
    background-color: rgb(34, 40, 49, 0.8)
}

.dx-button.dx-button-yellow {
    color: white;
    background-color: rgb(251, 223, 7, 0.8)
}

.dx-button.dx-button-yellow:hover {
    background-color: #FBDF07
}

/* End DevExpress Custom */

/* ----------------------------------------------------------------------------- */