table.table {
    width: 100% !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 50%;
    left: 50%;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: #525252;
    border: 0px solid white;
    border-radius: 0px;
    box-shadow: 0 0 0px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 0px;
    font-family: FontAwesome;
    content: "\f055";
    background-color: #ffffff00;
    font-size: x-large;
    top: 50%;
    left: 50%;
    transform: translate(0, 50%);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    font-family: FontAwesome;
    content: "\f056";
    background-color: #ffffff00;
}

table.dataTable.dtr-column > tbody > tr > td.control-app:before, table.dataTable.dtr-column > tbody > tr > th.control-app:before {
    top: 50%;
    left: 50%;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: #525252;
    border: 0px solid white;
    border-radius: 0px;
    box-shadow: 0 0 0px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 0px;
    font-family: FontAwesome;
    content: "\f055";
    background-color: #ffffff00;
    font-size: x-large;
    top: 50%;
    left: 50%;
    transform: translate(0, 50%);
}

table.dataTable.dtr-column > tbody > tr.parent td.control-app:before, table.dataTable.dtr-column > tbody > tr.parent th.control-app:before {
    font-family: FontAwesome;
    content: "\f056";
    background-color: #ffffff00;
}
th.dt-center, td.dt-center {
    text-align: center;
}

@@media screen and (max-width: 767px) {
    .btn, .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }
}


@@media screen and (max-width: 220px) {
    .card-body {
        padding: 0.2rem;
    }
}

/*dialog ini*/
.dialog {
    position: absolute;
}

.ui-widget-header {
    background-color: #467fcf !important;
    color: #ffffff !important;
    font-size: 1.3rem;
}

.ui-dialog-buttonset {
    display: contents;
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
}
.ui-autocomplete.ui-widget {
    font-size: 20px;
}

.ui-front {
    z-index: 100;
}

#motivo {
    width: 100%;
}
/*dialog fini*/

/*tabla cruazada ini*/
.table-striped tbody tr.cruzada:nth-of-type(odd) {
    background-color: rgba(222, 246, 194, 0.3);
}

.table-striped tbody tr.cruzada:nth-of-type(even)  {
    background-color: rgba(222, 246, 194, 0.8);
}

/*cruzadaResult*/
.table-striped tbody tr.cruzadaResult:nth-of-type(odd) {
    background-color: rgba(246, 194, 194, 0.3);
}

.table-striped tbody tr.cruzadaResult:nth-of-type(even) {
    background-color: rgba(246, 194, 194, 0.8);
}

/*cruzadaResumen*/
.table-striped tbody tr.cruzadaResumen:nth-of-type(odd) {
    background-color: rgba(194, 242, 246, 0.3);
}

.table-striped tbody tr.cruzadaResumen:nth-of-type(even) {
    background-color: rgba(194, 242, 246, 0.8);
}
/*tabla cruazada fini*/





/*rebeca ini*/
.incorrecto {
    color: red;
}

.correcto {
    color: seagreen;
}

.hide {
    display: none;
}

.recibido {
    color:seagreen;
}

/*rebeca fin*/

