/**
 * Description of custom
 *
 * Created on : 12/05/2016, 07:17:39 PM
 * Author     : Antonio Huaman <antoniohf@gmail.com>
 */

#grid0 tr.row-selected {
    /*  background-color: yellow!important;*/
}

#filter-panel-39 select#seguro112, #filter-panel-39 select#seguropaciente112, #filter-panel-39 select#tarifaID112 {
    width: 100px;
}
.ajax-spin {
    background-image: url("../img/ajax-loader.gif");
    background-repeat: no-repeat;
    position:absolute;
    height:32px;
    width:32px;
    border:none;
    z-index:10;
}

.td-table-container {
    padding: 0;
}

table.flexgrid {
    background-color: #ffffcc;
    width:100%;
    border-collapse: collapse
}

.blue {
    color:blue;
}

.modal {
    max-width: 90%;
}


.colorMain {
    color: #FF6961;
}
.bgColor0 {
    background-color: #ffb3ba;
}
.bgColor1 {
    background-color: #ffdfba;
}
.bgColor2 {
    background-color: #ffffba;
}
.bgColor3 {
    background-color: #baffc9;
}
.bgColor4 {
    background-color: #bae1ff;
}
.bgColor5 {
    background-color: #3A32D9;
}
.bgColor6 {
    background-color: #8D87FF;
}
.fontColor0 {
    color: #FF6961;
}
.fontColor1 {
    color: #61FF69;
}
.fontColor2 {
    color: #32D93A;
}
.fontColor3 {
    color: #87FF8D;
}
.fontColor4 {
    color: #6961FF;
}
.fontColor5 {
    color: #3A32D9;
}
.fontColor6 {
    color: #8D87FF;
}


.grid-ext-body tr.selected {
    background-color: #FCDD82;
}

@media (min-width:768px){
    #478 {
        width: 100% !important;
    }
}

.formLabel {
    border:1px inset;
    padding:2px;
    background-color: #f0f0f0;
    display:inline-block;
}

td.hide {
    visibility: hidden
}

.td-red {
    color: red;
}

.td-orange {
    color: orangered;
}

.form_content form td h3.group-label {
    padding: 2px 5px;
    border-bottom: 1px inset #a0a0a0;
    margin: 0;
    margin-top: 10px;
    font-size: 11px;
}

button.btn-query  {
    border: 1px solid #878C90;
    font-family: Tahoma;
    font-size: 8pt;
    padding: 1px;
    background: -moz-linear-gradient(#FFFFE9, #F9EA9F);
    padding: 3px;
    margin: 2px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* select2 */
.select2-container .select2-selection--single {
    height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 18px;
}

/* Estilos para la lista de resultados */
#autocomplete-results {
    list-style: none;
    padding: 0;
    margin: 0;
}

#autocomplete-results li {
    padding: 5px;
    cursor: pointer;
}

#autocomplete-results li:hover {
    background-color: #f2f2f2;
}

/* Agrega una animación CSS al botón cuando está deshabilitado */
.form-button-accept-progress {
    cursor: not-allowed;
    background-color: #ccc;
    pointer-events:none;
    animation: spin 1s infinite linear;
}

/* Define la animación de rotación */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.form-err-message {
    color: red;
    font-weight:  bold;
    font-size: 12px;
    text-align: right;
}

.msg-validator {
    color: red;
    font-size: 10px;
    display: block;
    margin-top: 3px
}

.ui-widget .ui-widget {
    font-size: 1.3em;
}

span.red {
    color: red;
    font-weight: bold;
}

span.blue {
    color: blue;
    font-weight: bold;
}

span.green {
    color: green;
    font-weight: bold;
}

td span.checked {
    /* Estilo específico para <td> que contiene "&#10004;" */
    font-weight: bold;
    font-size: 12px; /* Tamaño de fuente 18px */
    color: green; /* Color de fuente verde */
}