/*imagen de loading*/
/*#loading-image {
    background: url(../images/page-loading-gif-14.gif) no-repeat center center;
    height: 300px;
    left: 25%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 25%;
    width: 450px;
    z-index: 1000;
}*/
/* Fondo global sin cortes */
.site-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(60rem 30rem at 0% 0%, #eaf0ff 0%, transparent 60%), radial-gradient(50rem 25rem at 100% 10%, #dfe9ff 0%, transparent 60%),
    /* extra suavizado abajo-derecha para evitar “canto” */
    radial-gradient(35rem 20rem at 100% 100%, rgba(30,115,190,.10) 0%, transparent 70%), linear-gradient(180deg, #f7faff, #ffffff);
    background-size: cover;
}

    .site-bg::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
        background-size: 300px 300px;
    }

#loading-image {
    background: url(../images/page-loading-gif-14.gif) no-repeat center center;
    bottom: 75px;
    height: 100%;
    margin-bottom: 0;
    padding-top: 75px;
    position: fixed;
    right: 75px;
    width: 100%;
    z-index: 3000;
}

.div-inferior {
    background-color: white;
    bottom: 1px;
    height: 60px;
    position: fixed;
    right: inherit;
    width: 300px;
    /*border-color: black;
        border-style: dashed;*/
}

.div-inferior.div-guardar {
      
       
    bottom: 10px;
    padding-left: 70px;
    padding-top: 7px;
    right: 5px;
    z-index: 1
}

.div-inferior.div-borrar {
  
    bottom: 10px;
    display: inherit !important;
    padding-left: 100px;
    padding-top: 7px;
}

.riesgo-tolerable {
    background-color: yellow !important;
    color: black;
    padding: 5px !important;
}

.riesgo-trivial {
    background-color: green !important;
    color: white !important;
    padding: 5px !important;
}

.riesgo-moderado {
    background-color: rgb(185, 12, 12) !important;
    color: white !important;
    padding: 5px !important;
}

.riesgo-intederminado {
    background-color: black !important;
    color: white !important;
    padding: 5px !important;
}


.riesgo-importante {
    background-color: gray !important;
    color: white !important;
    padding: 5px !important;
}

.riesgo-intolerable {
    background-color: red !important;
    padding: 5px !important;
}

.form-control { margin-bottom: 5px !important; }

.form-label { margin-bottom: 5px !important; }

.field-validation-error {
    color: Red;
    font-size: 200%;
}

/* Overwrite your normal rows (make them light green) */

.ui-iggrid-table tr { font-size: medium !important; }

.ui-widget .ui-widget { font-size: medium !important; }

.touch .ui-iggrid .ui-iggrid-results, .touch .ui-iggrid .ui-iggrid-paging { font-size: medium !important; }

.touch .ui-igtree { font-size: 1em !important; }

/*validar forms*/

.input-validation-error {
    background: pink !important;
    border: 1px solid red !important;    
}

.historial { width: 95% !important }

.list-group-item {
    background-color: inherit !important;
    border: none !important
}

.myselect { display: block !important }

/*corrige problema del colores de la cita en calendario*/

.fc-content { background-color: inherit !important }

li.li-sin-punto { list-style-type: none }

body { font-family: sans-serif !important; }


.circle {
    background: #5cb85c;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 100px;
    line-height: 20px;
    text-align: center;
    width: 100px;
}

.circle-red {
    background: #d9534f;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 100px;
    line-height: 20px;
    text-align: center;
    width: 100px;
}

.circle-yellow {
    background: #f0ad4e;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 100px;
    line-height: 20px;
    text-align: center;
    width: 100px;
}

.inactiveRow { background: #f1b0b7 !important; }

/*celda de filtro ocupa toda la columna*/

.k-filtercell > span { padding-right: 0.1em !important; }

/*ocultar botón de filtro en grid kendo*/

.k-filtercell .k-widget.k-dropdown.k-dropdown-operator { display: none !important; }


.k-filtercell .k-select { display: none !important; }

.k-filter-row .k-dropdown-operator { right: 0.1em !important }

/*mostrar checkbox*/

.k-grid .k-checkbox {
    left: 5px !important;
    visibility: visible !important;
    width: 15px !important;
    height: 15px !important;
}

.k-numerictextbox .k-input {
    padding-right: 15px !important;
    text-align: right;
    width: 96%;
}



.k-grid .check-box {
    left: 5px !important;
    position: relative !important;
    visibility: visible !important;
}



.gridnowrap .k-virtual-scrollable-wrap tr {
    white-space: nowrap;
   
}
/*
.k-virtual-scrollable-wrap td {
    font-size: 14px;
    white-space: nowrap;
    line-height: 13px;
}*/

.grid100 .k-virtual-scrollable-wrap tr td {
    height: 100px
}
.grid50 .k-virtual-scrollable-wrap tr td {
    height: 50px
}
.grid75 .k-virtual-scrollable-wrap tr td {
    height: 75px
}

.k-grid a {
    color: blue !important;
    text-decoration: underline dotted blue !important;
}

[type="radio"], [type="checkbox"] {
    position: relative !important;
    visibility: visible !important;
    left: 0 !important;
    padding-left: 5px !important;
}

[type=checkbox]:checked + label:before {
    visibility: hidden !important;
    border: 0px !important;
}

[type=checkbox] + label:before {
    visibility: hidden !important;
    border: 0px !important;
    padding-left: 5px !important;
    position: relative !important;
}
[type=checkbox] + label {
   
    padding-left: 5px !important;
    position: relative !important;
}

/*label   {
    padding-left: 5px !important;
    position: relative !important;
}
*/
.k-checkbox-wrap + label {
    margin-left: 10px;
}
.k-radio-wrap + label {
    margin-left: 10px;
}