.card-header {
    background-color: #5c95c547 !important;
}

.iCardInfo {
    border-radius: 4px;
    background: #dddddda6;
    padding: 5px;
}

 
.iCardGroupInput {
    border-radius: 6px;
    background: rgb(248 252 255 / 81%);
    padding: 5px;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
 
    background-color: #c4d5e5 !important;
 
}

.dx-tab {
    background-color: #c4d5e5 !important; 
}

.dx-tab.dx-tab-selected {
    background-color: rgb(255 255 255 / 61%) !important;
}


/*.dx-selection td {
    background: #ddd !important;
    border-style: solid !important;
    border-width: 2px 0px 2px 0px !important;
    border-color: #008d7296 !important;
}
*/

/*.dx-selection td {
    background: red !important;
    border-style: solid !important;
    border-width: 2px 0px 2px 0px !important;
    border-color: #008d7296 !important;
}*/

.dx-selection td {
    background: rgba(0,0,0,.04) !important;
    border-style: solid !important;
    border-width: 2px 0px 2px 0px !important;
    border-color: #008d7296 !important;
}

.clsPayfI {
    background-color: #3333336b !important;
}
 
.clsPayfP {
    background-color: #eb4e4e70 !important;
}

.clsPayfC {
    background-color: #ffff005c !important;
}


.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: #ddd !important;
    color: #000015 !important;
}

.cardFolioGuest {
   /* background-color: #282933;*/
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 90px;
}


.ClsblankPic {
    opacity: 0.9 !important;
}


/*BackGround*/
.dx-toolbar {
    /*  background-color: #f3f6f8 !important;*/
    background-color: rgb(235 235 235 / 100%) !important;
   
}

.header {
    background: #f3f6f8 !important;
}


.dx-datagrid-headers {
    color: #4f575e !important;
    font-weight: 600 !important;
}

.dx-datagrid-headers .dx-header-row {
    background-color: rgb(235 235 235 / 100%);
}

.dx-datagrid {
    color: #333;
    background-color: #f7f7f7 !important;
    line-height: inherit;
}