:root { 
    --main-color: #6B1B31; 
    --main-secundary-color: #F9F9F9;
    --second-color: #b99262;
    --second-color-basic: #7F7F7F;
    --third-color: #F0F0F0;
    --required-color: #FFFFCC; 
    --border-input-color: #9f9f9f; 
    --padding-0: 0; --displayNone: none; 
    --displayBlock: block; 
    --mayusculas: uppercase; 
    --minusculas: lowercase; 
}
html, body { height:100% }
.text-usuario-main { color:var(--main-color)!important; }
.text-usuario-second { color: var(--second-color-basic); }
.accordion-button:not(.collapsed), .footer span, .iconsCustom, .mainTitle { color: var(--main-color) !important }
.scrollMaster { overflow-y: scroll; height: 500px; overflow-x: hidden }
.upper input, .upper textarea, table.text-uppercase textarea { text-transform: uppercase !important; text-transform: uppercase !important }
#aspnetForm, Minified CSS Output #aspnetForm, body { margin: 0 }
.btnISESALUD, .btnISESALUD1, .btnISESALUD_Acciones div.dxb, .dxeListBoxItemSelected_MetropolisBlueModified, .dxmLite_iOS .dxm-popup .dxm-checked, .dxscSel, .imgButtonIsesalud, .tablePendiente th, .uploadFileCustom .dxucBrowseButtonHover_Material, .uploadFileCustom .dxucButton_Material a, a.btnISESALUD_Acciones, a.btnISESALUD_CardView, div.btnISESALUD_Acciones { background-color: var(--main-color) !important }
.container-login, .firefoxe { background-color: var(--main-color)!important; }
.modalCenter, .modalCustoms, .modalCustomsExistencias, div .modalCustoms, div .modalCustomsSALUS { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; border: 2px solid var(--main-color) !important; border-radius: 5px; width: 850px !important }
.modalCustoms-noWidth { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; border: 2px solid var(--main-color) !important; border-radius: 5px; }
.modalPopUpEditForm, .modalUrgencias { border: 2px solid var(--main-color) !important }
.container-login { display: flex; justify-content: space-between; flex-direction: column; align-items: center }
.colorGold { color: #b99262; }
.fontSize_xSmall { 
    font-size: x-small;
}
.dxgvFocusedRow_Office2010Silver { background: #e5e5e5 none!important; color: black;}
@media (max-width:1366px) { div .LabModal { width: 1300px !important }
    .planTratamiento, .tblPlanTratamiento .dxgv, .tblPlanTratamiento .dxpnlControl_MetropolisBlueModified { width: 100% !important }
    .gridLabs td.dxgv:first-child { width: .1% !important }
    .popTratamientos div.dxpc-content table.dxgv { width: 820px !important }
    .gvRefFont table.dxgvTable_MetropolisBlueModified { font-size: 12px !important }
    .gvRefFont td.dxgvHeader_MetropolisBlueModified table { font-size: 9.5px !important }
}

.divBottomPaciente, .validarCurp { display: flex; justify-content: space-between; align-items: center }
.cardViewsCustoms { border: 1px solid var(--main-color) !important }
.dataPaciente svg, .header, .linkSalus a:hover { color: var(--main-color) }
.dataPaciente svg, .header, .linkSalusUneme a:hover {color: var(--main-color)}
.contenedorNotas, .contenedorNotasUrg { flex: 0 0 auto }

@media (min-width:992px) { .modalPopUpEditForm { width: 850px }
    .notaEnfUrgencias { height: 120px !important }
}

@media (max-width:800px) {
    .listBoxCustom { width: 80% !important }
    div .modalCustoms { width: 720px !important }
    .contenedorVitalesUrg { width: 36.666667% !important }
}

.bguniversalColor { background: var(--main-color) !important; border: 2px solid #972443; color: white }
.bgSecundarioColor { background: var(--main-secundary-color) !important; border: 2px solid #e1e1e1; color: var(--main-color) !important; }

.flex-grow-1 { flex-grow: 1; }
.cursor-pointer { cursor:pointer; }
.collapsible, .error_mensaje, .hr-text, .table thead, .tbl-login, .txtCenter, .visitasAgenda { text-align: center }
html { min-height: 100% !important }
body { font-family: 'Segoe UI','Lucida Grande',Verdana,Helvetica,Helvetica-Narrow,sans-serif; background: #fff; font-size: .8em }
.footer span, .mainTitle { color: var(--main-color) !important; font-weight: 700 !important }
.mainTitleNoBold { color: var(--main-color) !important; }
.bgSalus { background-color: var(--main-color) !important; color: #fff !important }
.bgSalusSecond { background-color: var(--second-color) !important; color: #fff !important }
.bgSalusThird { background-color: var(--third-color) !important; color: black !important }
.bgSalusFourth { background-color: #912642!important; color: black !important }
.isRequired { background-color: var(--required-color) !important }
.bgConsultado { background-color: #deebdd; background-image: linear-gradient(315deg,#deebdd 0,#bbdbbe 74%) }
.bgConsultado:hover { background-color: #b8f3b5; background-image: none; cursor: pointer }
.borderCustom { border: 1px solid #f3f3f3 }
.scrollY { overflow-y: scroll; height: 600px }
.col-custom { flex: 0 0 auto !important; width: 10% !important }
.navbarCustom div.dxnb-header, .navbarCustom div.dxnb-headerCollapsed { background-color: #f8f9fa !important; border: 1px solid #b9b7b7 !important; border-radius: 5px }
.navbarCustom div.dxnb-content { background-color: #fff !important }
.navbarCustom button { border-radius: .25rem; font-weight: 700; background-color: #ebebeb !important; color: #000; border: 1px solid #e1e1e1 !important }
    .navbarCustom button.active { color: #fff; background-color: #b9b9b9 !important; font-weight: 700 }
.col-custom1 { flex: 0 0 auto !important; width: 16.66666667% !important }

@media screen and (max-width:1300px) {
    .col-custom, .col-custom1 { width: 25% !important }
}

.hr-text { line-height: 1em; position: relative; outline: 0; border: 0; color: #000; height: 1.5em; opacity: .5 }
    .hr-text:before { content: ''; background: linear-gradient(to right,transparent,#818078,transparent); position: absolute; left: 0; top: 50%; width: 100%; height: 1px }
    .hr-text:after { content: 'HISTORIAL'; position: relative; display: inline-block; padding: 0 .5em; line-height: 1.5em; color: #818078; background-color: #fcfcfa }
.btnFixer .dxb, .btnFixer:hover { display: block !important }
.bgAsignadoVisita { background: linear-gradient(to bottom,#fff,#fff,#ddd) }
    .bgAsignadoVisita:hover { background: linear-gradient(to bottom,#fbf6f6,#e1e1e1,#bbb9b9); cursor: pointer }
.bgNoPresentado { background-color: #f6cece }
    .bgNoPresentado:hover { background-color: #ef9e9e; cursor: pointer }
.contentCustom, .contentGraficas, .contentTables, .imgEnlace img, .tblPlanTratamiento, contentTablesDetecciones { width: 100% }
.fillGray { fill: #A19E9E!important; font-weight:bold; }
.fillGuinda { fill: #912642 !important; font-weight: bold; }
.divGrouper .dxgvTable_MetropolisBlueModified tr:first-child td:not(.bgSalus) { border: none !important; }
@media (min-width:1081px) {
    .contentCustom { width: 50% !important }
}

@media (min-width:1537px) {
    .contentTables { width: 50% !important }
}

.long-text-cell { 
    white-space: nowrap;         /* Mantiene el texto en una sola línea */
    overflow: hidden;            /* Oculta el contenido que se desborda */
    text-overflow: ellipsis;     /* Muestra "..." al final del texto cortado */
    max-width: 300px;            /* Ancho máximo de la celda o contenedor */
    /*display: block;               Asegura que funcione en spans/divs */ 
}

@media (max-width:800px) {
    .long-text-cell { 
    max-width: 100px;            /* Ancho máximo de la celda o contenedor */
    }
}

.noPaddingLeft-Right { padding-right: 0 !important; padding-left: 0 !important }
.noBorder { border: none !important }
.listBoxCustom { width: 30% !important }
.bradius, .dxbButtonSys.dxbTSys:hover, .dxeButtonEdit_Office2010Silver, .dxeTextBox_Office2010Silver { border-radius: 5px !important }
.divFrm { border: 1px solid #e1e1e1; border-radius: 5px; padding: 1rem }
.contentMargin { border-radius: 5px; border: 1px solid #e1e1e1 }
.titleGrl { font-weight: 700; font-size: large!important; color: var(--main-color) }
.titleGrlMini { font-weight: 500; font-size: medium!important; color: var(--main-color) }
.contentMargin1 { border-radius: 5px; border: 1px solid var(--main-color); background-color: #fafafa }
.marginTop-80 { margin-top: 80px !important }
.content ul, .divBtnSearchPaciente, .marginTop-15 { margin-top: 15px }
.contentModal { border: 1px solid #e1e1e1; border-radius: 5px }
.toUpper { text-transform: var(--mayusculas) !important }
.toLower { text-transform: var(--minusculas) !important }
.padding-0 { padding: 0 !important }
.displayNone { display: var(--displayNone) !important }
.displaBlock { display: var(--displayBlock) !important }
.dxcvFocusedCard_MetropolisBlueModified { border-color: var(--main-color) !important; outline: 3px solid var(--main-color) !important }
.firefox { height: 80px !important }
.footer { height: 87px; background-color: #efefef !important; border-top: 1px solid #9f9f9f }
.disabled { pointer-events: none !important; color: silver !important }
.visible { display: block }
.btnISESALUD span.dx-vam, .btnISESALUD_Acciones span.dx-vam, .dxsc-resource-navigator-container, .dxscTimeMarkerLineH_iOS, .visibleNo, img.dxscTimeMarker_iOS { display: none !important }
/*.swal2-container { display: -webkit-box; display: flex; position: fixed; z-index: 300000 !important }*/
.swal2-container { z-index: 300000!important; }
.modalMaster, .modalPopUpEditForm, .modalUrgencias, div .modalCustoms-noWidth, div .modalCustomsExistencias { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important }
.modalOverflow { overflow-y: scroll; overflow-x: hidden; height: 500px; }
.modalOverflowMini { overflow-y: scroll; overflow-x: hidden; height: 300px; }
.radiosCustom { display: flex; justify-content: center; border-radius: 5px }
.radioCustom label { font-size: 12px!important; }
.radioCustomItemLarge label { font-size: medium !important; color: #656464; }
.form-check-input:checked { background-color: var(--main-color) !important; border-color: var(--main-color) !important; }
.linkCustom, .linkCustomLightGreen { padding: 5px !important; border-radius: 5px !important; margin-bottom: 5px !important; font-weight: 600 !important; text-decoration: none !important }
.linkCustom { color: #000 !important; background-color: #e1e1e1 !important }
.linkCustomLightGreen { color: #fff !important; background-color: #04b486 !important }
.link.active { background-color: #E7E7E7!important; }
.nav-link.active { background-color: #D7D8DB!important; }
.statusBar a:first-child { display: none }
.botones { border: none; border-radius: 10px }
.dxbButtonSys.dxbTSys { border: 0 }
.dxbButton_MetropolisBlueModified div.dxb { background-image: linear-gradient(to right top,#ccc,#d2d2d2,#d9d9d9,#dfdfdf,#e6e6e6); border-radius: 5px; padding: 6px 30px }
.dxb { background: #e0e0e0 !important; border: 2px solid #a4a4a4; color: #000 !important; border-radius: 5px }
.dxbButton_MetropolisBlueModified div.dxb:hover { background-image: linear-gradient(to right top,#bdbdbd,#b6b5b6,#afadae,#a8a6a6,#a19e9e); border-radius: 5px }
.inputsCustoms { border-radius: 5px; border: 1px solid var(--border-input-color); padding: 2px; margin: 3px }
.uploadFileCustom .dxucButton_Material a { color: #fff !important; font-weight: 700; border-radius: 5px; padding: .3rem .5rem; text-decoration: none }
.modalMaster, .modalPopUpEditForm, .modalUrgencias { border: 2px solid var(--main-color) !important }
.modalUrgencias { border-radius: 5px; width: 750px !important; height: auto !important }
.modalSwal { border-radius: 5px; width: 600px!important; height: auto !important }
.modalRegistroCita {border-radius: 5px;width: 450px !important;height: auto !important;border: 2px solid var(--main-color) !important;}
.imgButtonIsesalud, .imgButtons { padding: 2px 15px !important; border: 2px solid #b99262 !important }
.modalCustomsSALUS .dxpc-content { width: 870px !important }
div .modalCustomsExistencias { width: 430px !important }
div.LabModal { width: 1500px !important }
.imgButtonIsesalud { border-radius: 5px; color: #fff; font-weight: 700 }
.imgPacientes { border: .6px solid #e1e1e1; border-radius: 50px; width: 15% }
.modalPopUpEditForm { border-radius: 5px; width: 770px }
.modalPopUpEditForm1 { border: 2px solid var(--main-color) !important; border-radius: 5px; width: 850px }
.modalPopUpEditForm label { font-weight: 400 }
.container-login { display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 28px; border: 3px solid #b99262; border-radius: 5px; -webkit-box-shadow: 10px 13px 14px -2px rgba(0,0,0,.75); -moz-box-shadow: 10px 13px 14px -2px rgba(0,0,0,.75); box-shadow: 10px 13px 14px -2px rgba(0,0,0,.75) }
.cardCustom:hover, .customFrm { -webkit-box-shadow: 10px 10px 5px 0 #bdbdbd; -moz-box-shadow: 10px 10px 5px 0 #bdbdbd; box-shadow: 10px 10px 5px 0 #bdbdbd }
.container-login .dxbButton_MetropolisBlueModified div.dxb { background: #e1e1e1 !important; border: none; cursor: pointer; border-radius: 5px; width: 50px; color: #000; font-weight: 700 }
.container-login .dxbButtonSys.dxbTSys { width: 246px; height: 33px; border-radius: 5px; border: 2px solid #b99262 }
.tbl-login { width: 100%; left: 25%; position: absolute }

@media (min-width:1920px) {
    .tbl-login { width: 70%; left: 32% }
}

.firefox td span { color: #fff; font-weight: 700 }
td { font-weight: 400 !important }
@-moz-document url-prefix() {
    .firefox { width: 100%; display: flex; justify-content: flex-end }
    .footer { margin-top: 10px !important; position: absolute; text-align: center; bottom: -1500px }
    html { position: relative; min-height: 100% }
    body { height: 100%; padding-bottom: 40px }
    .auto-style1 { width: 100% !important }
}
::-webkit-scrollbar { width: 10px; background-color: #FAFAFA }
::-webkit-scrollbar-thumb:vertical { border-radius: 10px; background: #300b16; background: linear-gradient(90deg,#300b16 0,#6b1b31 35%,#cf3660 100%) }
::-webkit-scrollbar-thumb:horizontal { background: #dad5d6; background: linear-gradient(90deg,#dad5d6 0,#dad5d6 35%,#dad5d6 100%) }
.customFrm { width: 100%; border: 2px solid #d8d8d8; border-radius: 5px; padding: 5px; margin-bottom: 30px }
.accionesInventario { display: flex; justify-content: space-between; margin-top: 10px }
.infoPaciente, .validarCurp { align-items: center }
.btnFixer:hover { background-color: #fff }
.btnISESALUD { color: #fff !important; border-radius: 5px; border: 2px solid #b99262 !important }
.dxflCommandItemSys .btnISESALUD1 { background: 0 !important }
.btnISESALUD1, div.btnISESALUD_Acciones { font-weight: 700; color: #fff; border-radius: 5px }
a.btnISESALUD_Acciones, a.btnISESALUD_CardView { background-color: var(--main-color) !important; font-weight: 700 !important; color: #fff !important; border-radius: 5px !important; padding: 7px; border: 2px solid #b99262; text-decoration: none }
    a.btnISESALUD_Acciones:hover, a.btnISESALUD_CardView:hover { text-decoration: none }
.btnISESALUD2 { background-color: #e6e6e6 !important; font-weight: 700; color: #000; border-radius: 5px }
.btnISESALUD_Acciones div.dxb { color: #fff !important; border: 2px solid #b99262 !important }
.btnISESALUD_Acciones img { margin: 0 !important }
div.btnISESALUD1 div.dxb, div.btnISESALUD_Acciones div.dxb { padding: 3px 12px !important }
.dxgvHeader_Office2010Silver, .dxgvPagerBottomPanel_Office2010Silver, .dxgvPagerTopPanel_Office2010Silver { background: #f0f0f0 }
.dxgvFocusedRow_MetropolisBlueModified { background: #e6e6e6 !important; color: #000 !important }
.dxdpModalBackLite_Office2010Silver, .dxpcModalBackLite_Office2010Silver { background-color: #777 !important }
.borderGrid { border: 1px solid #d4d4d4 !important; border-radius: 5px }
.planTratamiento { width: 100% !important }

@media (max-width:1366px) {
    div.LabModal { width: 1300px !important }
    .planTratamiento, .tblPlanTratamiento .dxgv, .tblPlanTratamiento .dxpnlControl_MetropolisBlueModified { width: 100% !important }
    .gridLabs td.dxgv:first-child { width: .1% !important }
    .popTratamientos div.dxpc-content table.dxgv { width: 820px !important }
    .gvRefFont table.dxgvTable_MetropolisBlueModified { font-size: 12px !important }
    .gvRefFont td.dxgvHeader_MetropolisBlueModified table { font-size: 9.5px !important }
}

.modalesExistencias { height: 200px !important }
.infoPaciente { display: flex }
.divBottomPaciente, .validarCurp { justify-content: space-between; display: flex }
.fotoPaciente img { border: 1px solid #e1e1e1; border-radius: 5px; margin-bottom: 150px; width: 70px }
.datosPaciente { margin-left: 15px }
.divBottomPaciente { align-items: center; padding: 0 !important; margin-left: 25px }
.collapsible { background-color: #777; color: #fff; cursor: pointer; padding: 18px; width: 100%; border: none; border-radius: 5px; outline: 0; font-size: 15px }
    .collapsible:hover { background-color: #555; color: #fff }
.content { max-height: 0; overflow: hidden; transition: max-height .2s ease-out; background-color: #f1f1f1; overflow-y: scroll; overflow-x: hidden; height: 250px; border-bottom: 1px solid #777; border-right: 1px solid #777; border-left: 1px solid #777 }
    .content ul li { list-style: none }
.cardCustom, .cardCustomSurtidos { transition: .3s }
    .cardCustom:hover { transform: scale(1.1) }
    .cardCustomSurtidos:hover { transform: scale(1.05); -webkit-box-shadow: 10px 10px 5px 0 #bdbdbd; -moz-box-shadow: 10px 10px 5px 0 #bdbdbd; box-shadow: 10px 10px 5px 0 #bdbdbd }
.dxcvFocusedCard_Office2010Silver { outline: #990000 solid 3px !important }
.headerAjuste { display: flex; justify-content: space-between; flex-direction: column; align-items: center }
.divErrorMsg { border: 1px solid red; border-radius: 5px; -webkit-box-shadow: 9px 10px 10px -3px #bdbdbd; -moz-box-shadow: 9px 10px 10px -3px #bdbdbd; box-shadow: 9px 10px 10px -3px #bdbdbd; margin-bottom: 10px; padding: 10px; background-color: #fbefef }
.accordion-button, .cardFilter, .cardViewsCustoms { background-color: #fafafa !important }
.error_mensaje { color: red; font-weight: 700 !important }
#seccionPacienteNuevo { border: 1px solid #e2e2e2; border-radius: 5px; padding: 15px }
.cardViewsCustoms { border-radius: 5px !important; border: 1px solid var(--main-color) !important }
.cardSelected { border: 2px solid #691a2f !important }
.customRadioList { border: 1px solid #e1e1e1 !important; border-radius: 5px !important }
.separator { display: flex; align-items: center; text-align: left }
    .separator::after, .separator::before { content: ''; flex: 1; border-bottom: 1px solid #e2e2e2 }
    .separator:not(:empty)::before { margin-right: .25em }
    .separator:not(:empty)::after { margin-left: .25em }
    .separator p { margin: 0 !important; color: #e2e2e2 }
.table { border: 1px solid #000; border-radius: 5px !important; font-size: 12px }
.noDisponible td { background-color: #f6cece !important }
.table td:first-child { text-align: start !important }
.table td { background-color: #fff; text-align: center }
.bannerNoticias { background-color: #e1e1e1; border-radius: 5px; padding: .3rem; margin-top: .5rem; color: #848484; font-weight: 700 }
.headerAgenda { padding: .5px; word-wrap: break-word; white-space: normal; color: #fff; text-align: center }
.dxeListBox_MetropolisBlueModified td.dxeFTM:hover { background: #d8d8d8 !important; cursor: pointer }

/*Da estilo a botones tipo link de fromulario de grid para dar estilo a botones normales*/
table .dxbButton_MetropolisBlueModified[data-args*="UpdateEdit"], table .dxbButton_MetropolisBlueModified[data-args*="CancelEdit"] {
    text-decoration: none !important;
    padding-top: 6px;
}
/*Para boton de actualizar*/
table .dxbButton_MetropolisBlueModified[data-args*="UpdateEdit"] span:not(.dx-vam) {
    background-color: #6b1b31;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    padding: 3px 12px !important;
    text-decoration: none;
    border: 2px solid #b99262;
}

/*Boton nuevo custom para accion principal*/
.btnAccionPrincipal .dxb { 
    background-color: var(--main-color)!important;
    color: #fff!important;
    border: 2px solid #b99262!important;
}

/*Para boton de cancelar*/
table .dxbButton_MetropolisBlueModified[data-args*="CancelEdit"] span:not(.dx-vam) { background-color: #a8a8a8; color: #fff; font-weight: 700; border-radius: 5px; padding: 3px 12px !important; text-decoration: none; border: 2px solid #b99262; }


@media (min-width:801px) and (max-width:1365px) {
    .planTratamiento, .tblPlanTratamiento .dxgv, .tblPlanTratamiento .dxpnlControl_MetropolisBlueModified { width: 100% !important }
    div .LabModal { width: 1300px !important }
    .visitasAgenda span { font-size: 8px !important }
    .headerAgenda { font-size: 10px !important }
}

.borderSalusCustom { border: 1px solid var(--main-color) !important }
.agendaCustom { border: 1px solid #bdbdbd; border-radius: 5px }
.itemMenu { border: 1px solid #e1e1e1 !important; transition: background-color 1s ease-out }
    .itemMenu:hover { background-color: #bbb8b8 !important }
.AccordionCustom { padding: .5rem 1.25rem !important; border: 1px solid var(--main-color) !important }
.AccordionCustomGuinda { padding: .5rem 1.25rem !important; border: 1px solid; }
.accordion-button:not(.collapsed) { background-color: #f0f0f0 !important }
.AccordionCustomGuinda:not(.collapsed) { background-color: var(--main-color) !important; color: white!important; }
.accordion-button:focus { border-color: var(--main-color-focus) !important; box-shadow: 0 0 0 .25rem rgba(0,0,0,.21) !important }
.hrVitales { background-color: #c7c5c5; margin: .5rem }
.contenedorVitales { flex: 0 0 auto; width: 36.666667% !important }
    .contenedorVitales p, .contenedorVitalesUrg p { color: #6e6e6e; font-size: 13px }
.estatura .fa-expand-alt { color: #8c68cd }
.peso .fa-weight { color: #3d8bfd }
.mCorporal .fa-child { color: #74df00 }
.temperatura .fa-thermometer-half { color: #479f76 }
.fRespiratoria .fa-head-side-cough { color: #0dcaf0 }
.cardiaco .fa-burn, .cardiaco .fa-heartbeat { color: #dc3545 }
.fCardiaca .fa-heart { color: #d63384 }
.grasaCorporal .fa-walking { color: #fd7e14 }
.mMuscular .fa-dumbbell { color: #ffc107 }
.pCefalico .fa-baby { color: #4dd4ac }
.satOxigeno .fa-lungs { color: #ea868f }
.contenedorNotas, .contenedorNotasUrg { flex: 0 0 auto; width: 63.333333% !important }

@media (min-width:1083px) {
    .contenedorVitales { width: 16.6666667% !important }
    .contenedorNotas { width: 83.33333333% !important }
    .contenedorNotasUrg { width: 74.33333333% !important }
}

@media screen (min-width:1080px) and (max-width:1082px) {
    .contenedorVitales { width: 36.6666667% !important }
    .contenedorNotas { width: 63.33333333% !important }
    .contenedorNotasUrg { width: 53.33333333% !important }
}

.enlacesPaciente { text-decoration: none !important; background: #e1e1e1 !important; border-radius: 5px !important; color: #000 !important; padding: 5px !important; border: 1px solid #a4a4a4 !important }
.cuestionarios { text-decoration: none !important; text-align: center !important; font-weight: 700 !important; background-color: var(--main-color) !important; color: #fff !important; border: 1px solid #b99262 !important }
.lblCuestionarios { color: #6B1B31; font-weight: 500; font-size: 13px; }

.gridReferencias .dxeListBox_MetropolisBlueModified td.dxeT { width: 100%; padding-left: 0 !important; background: #fff }
    .gridReferencias .dxeListBox_MetropolisBlueModified td.dxeT:hover { cursor: pointer }
.gif { animation-duration: 3s; animation-name: zooming; animation-iteration-count: infinite }

@keyframes zooming {
    80%,to { transform: scale(1.1) }
    90% { transform: scale(1.8) }
}

.linkSalus { display: flex; justify-content: flex-start; align-items: center; background: #f3f3f3; padding: .3rem; border: 1px solid #e1e1e1; border-radius: .3rem; margin: 2px 0; transition: background-color 3s ease-out }
    .linkSalus:hover { background-color: #c7c4c4 }
    .linkSalus a { text-decoration: none; width: 100%; font-weight: 500 }

.linkSalusUneme {display: flex;justify-content: flex-start;align-items: center;padding: .3rem;border: 1px solid #e1e1e1;border-radius: .3rem;margin: 2px 0;transition: background-color 3s ease-out}
.linkSalusUneme:hover {background-color: #c7c4c4}
.linkSalusUneme a {text-decoration: none;width: 100%;font-weight: 500}
.imgEnlaceTexto img { width: 25%;}
.imgEnlaceTextoUneme img {width: 20%;margin-right: 5px}
.imgEnlace { display: block !important; width: 50% }
    .imgEnlace a { width: 40% !important }

.contenedorVitalesUrg { flex: 0 0 auto; width: 26.666667% !important }
.notaEnfUrgencias { height: 342px !important; font-size: 12px }

@media (min-width:992px) {
    .modalPopUpEditForm { width: 850px }
    .notaEnfUrgencias { height: 120px !important }
}

@media (min-width:992px) and (max-width:1920px) {
    .contenedorVitalesUrg { width: 16.666667% !important }
}

@media (max-width:800px) {
    .listBoxCustom { width: 80% !important }
    .contenedorVitalesUrg { width: 36.666667% !important }
}


.headerGrid {
    background-color: var(--main-color);
    color: #fff !important;
    font-weight: bold;
}

/********************* BUZON DE MEDICO CONTRARREFERENCIA ******************************/
.cellBuzon { 
    background-color:#f7f7f7;
}

.cellBuzon div:first-child{
    border-right:4px solid #6B1B31;
}

/********************************** AGENDA MEDICAS *****************************************************/

.btnAsignar { 
    background-color: #a2dd8f !important;
    border-radius: 5px;
    color: #032f03 !important;
    border-left: 3px solid #2eb72e !important;
    padding: 3px !important;
    font-weight: bold;
    font-size: x-small;
}

.btnDesasignar { 
    background-color: #F78181!important;
    border-radius: 5px;
    color: #871717!important;
    border-left: 3px solid #FA5858!important;
    padding: 3px!important;
    font-weight: bold;
    font-size:x-small;
}

.msgDisabled { 
    background-color: #F2F2F2!important;
    border-radius: 5px;
    color: #A4A4A4!important;
    border-left: 3px solid #A4A4A4!important;
    padding: 3px!important;
    font-weight: bold;
    font-size:x-small;
}
.agendaFilter table, .agendaFilter input { 
    background-color:#7b223a!important;
}
.clockCustom { 
    font-size:1rem;
    color:#b99262;
}

.gridCustom .horarioCitas  {
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.btnAccionPrincipalModal .dxb {
    background-color: var(--main-color) !important;
    color: #fff !important;
    border: 2px solid #b99262 !important;
    padding: 3px 8px 4px !important;
}

.btnAccionPrincipalModal:hover { 
    background-color: transparent;
}

.cancelacion div{ 
    display: flex;
    justify-content:center;
    align-items:center;
    font-size: larger;
    margin-top:10px;
}
.cancelacion span{ 
    color:black;
}


/************************** CHECKBOXES *************************/
.checkCustom label { 
    color:var(--main-color);
    font-weight:bold;
}

/************************ TABS ******************************/
.tabCustom button.active { background-color: var(--main-color) !important; color:#fff!important; }
.tabCustom button { color:var(--main-color)!important; }


/*************************** COMBOBOX ********************************/
.dxeListBoxItemRow_MetropolisBlueModified td { border-width: 0px !important; }
.dxeHLC, .dxeHC, .dxeHFC { display: none !important; }

/* Apunta al texto dentro de tu ASPxCheckBox */
.checkboxConBold .dxichTextCellSys label {font-weight: bold !important;}

/********************************* BORDERS *****************************************/
.borderCustomLeft {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    border-left: 4px solid #8a1538!important;
    border-radius: 5px!important;
}
.borderCustomTop {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 4px solid var(--second-color) !important;
    border-right: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-radius: 5px!important;
}
.borderCustomTopMain {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 4px solid #8a1538!important;
    border-right: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-radius: 5px!important;
}
.bguniversalColor-gradient { 
    background: linear-gradient(180deg,#9b2247,#611232);
    border-bottom: 3px solid #a57f2c;
}