/*  html, li, ul, span, a, p, div, table, td, th, .citas_dia,h1,h2,h3,h4,h5,h6, .m-portlet__head-text{  */
html, li, ul,  a, p, div, table, td, th, .citas_dia,h1,h2,h3,h4,h5,h6, .m-portlet__head-text{
    /* color: black !important */
    /* color: #efe9e9; */
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text {
    color: white;
    font-size: 13.5px;
    font-family: Montserrat;
    font-weight: bold;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
    color: #3D3D3D;
    font-family: Montserrat;
    font-size: 13.5px;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text {
    color: #3D3D3D;
    font-family: Montserrat;
    font-size: 13.5px;
}

/* span{
color: #fff !important
} */

.m-checkbox {
    color: #000000!important;
}
.m-portlet__head-text, .m-accordion__item-titl, .m-subheader__title {
   /* font-family: 'Comfortaa' !important; */
    color: black !important
}

.form-control-feedback{
    color: #FD495C!important
}

.select2{
	width: 100% !important;
}

.bandera{
	background: #ccc !important;
}

.form-control{
	text-transform: uppercase;
}

.required::after{
	content: "*";
	color:red;
	font-size: 12px;
}

.day.disabled{
	background: #f5f2f2 !important;
}

.form-control[readonly]{
	cursor: not-allowed;
	background: #f4f5f8;
}

.form-control-feedback {
    color: #f4516c;
}

.buttons-excel {
    color: #fff;
    background-color: #34bfa3 !important;
    border-color: #34bfa3 !important;
}

.buttons-excel:hover {
    color: #fff;
    background-color: #2ca189;
    border-color: #299781
}

.buttons-excel.focus,
.buttons-excel:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 191, 163, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 191, 163, .5)
}

.buttons-excel.disabled,
.buttons-excel:disabled {
    color: #fff;
    background-color: #34bfa3;
    border-color: #34bfa3
}

.buttons-excel:not(:disabled):not(.disabled).active,
.buttons-excel:not(:disabled):not(.disabled):active,
.show>.buttons-excel.dropdown-toggle {
    color: #fff;
    background-color: #299781;
    border-color: #268d78
}

.buttons-excel:not(:disabled):not(.disabled).active:focus,
.buttons-excel:not(:disabled):not(.disabled):active:focus,
.show>.buttons-excel.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 191, 163, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 191, 163, .5)
}

.buttons-pdf {
    color: #fff;
    background-color: #f4516c !important;
    border-color: #f4516c !important;
}

.buttons-pdf:hover {
    color: #fff;
    background-color: #f22d4e;
    border-color: #f12143
}

.buttons-pdf.focus,
.buttons-pdf:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(244, 81, 108, .5);
    box-shadow: 0 0 0 .2rem rgba(244, 81, 108, .5)
}

.buttons-pdf.disabled,
.buttons-pdf:disabled {
    color: #fff;
    background-color: #f4516c;
    border-color: #f4516c
}

.buttons-pdf:not(:disabled):not(.disabled).active,
.buttons-pdf:not(:disabled):not(.disabled):active,
.show>.buttons-pdf.dropdown-toggle {
    color: #fff;
    background-color: #f12143;
    border-color: #f01539
}

.buttons-pdf:not(:disabled):not(.disabled).active:focus,
.buttons-pdf:not(:disabled):not(.disabled):active:focus,
.show>.buttons-pdf.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(244, 81, 108, .5);
    box-shadow: 0 0 0 .2rem rgba(244, 81, 108, .5)
}

.buttons-pdf i , .buttons-excel i {
    color: #fff !important;
} 
.m-portlet .m-portlet__body{
    color:black!important;
}

.m-error-6 .m-error_container .m-error_subtitle > h2 {
    font-size: 5rem;
    margin-top: 5rem;
    font-weight: 600;
}
.page-heading {
    margin: 20px 0;
    color: #666;
    -webkit-font-smoothing: antialiased;
   /* font-family: "Comfortaa", "Segoe UI Light", "Arial", serif; */
    font-weight: 600;
    letter-spacing: 0.05em;
}

#my-dropzone .message {
  /*  font-family: "Comfortaa","Segoe UI Light", "Arial", serif; */
    font-weight: 600;
    color: #0087F7;
    font-size: 1.5em;
    letter-spacing: 0.05em;
}

.dropzone {
    border: 2px dashed #0087F7;
    background: white;
    border-radius: 5px;
    min-height: 300px;
    padding: 90px 0;
    vertical-align: baseline;
}


/*cambios para front*/
#m_header_nav{
    background: #f8f9fb;
    /*height: 95px;*/
}
.m-page--fluid .m-header, .m-page--wide .m-header {
    background-color: #f8f9fb;
}

#m_aside_left{
    background: #d3dce5;  /*  eaeafb  */
}


@media (min-width: 1025px) {
    body.m-aside-left--skin-dark .m-header .m-header-head {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

}


.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i {
    font-size: 1.8rem
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item {
    padding: 0 7px;
}

.m-topbar__name {
    padding-top: 20px;
    padding-left: 9px;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: bold;
    color: #3D3D3D;  /*  #5B5B5F  */
}

.sm-notif-push-icon {
    display: none;
}

@media (max-width: 1024px) {
    /* boton "Activar notificaciones" pasa a icono para no ocupar tanto ancho */
    .sm-notif-push-text {
        display: none;
    }

    .sm-notif-push-icon {
        display: inline-block;
        font-size: 1.3rem;
    }

    #btn-notificaciones-push {
        padding: 6px 10px;
    }

    /* .m-stack--general fuerza display:table (vendor); max-height/overflow no clipea en table */
    #m_header_topbar.m-topbar {
        display: block !important;
        margin-top: 0 !important;
        height: auto !important;
        max-height: 0;
        overflow: hidden;
    }

    /* overflow:visible al abrir: los dropdowns (perfil, notificaciones, etc) se recortaban si quedaba con overflow:hidden/auto */
    body.m-topbar--on #m_header_topbar.m-topbar {
        max-height: none;
        overflow: visible;
    }

    #m_header_topbar .m-topbar__nav-wrapper {
        width: 100%;
    }

    #m_header_topbar .m-topbar__nav.m-nav {
        display: flex;
        flex-wrap: wrap;
        float: none;
        align-items: center;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .m-topbar .m-topbar__nav.m-nav>.m-nav__item {
        padding: 6px 8px;
        flex-shrink: 0;
    }

    .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i {
        font-size: 1.5rem;
    }

    /* evita que quede solo en su propia fila si hay muchos dropdowns condicionales */
    #m_header_topbar .m-topbar__nav.m-nav>.m-topbar__user-profile {
        order: -1;
    }

    /* nombre completo solo en desktop, en mobile el avatar va sin texto */
    .m-topbar__name {
        display: none;
    }
}

.m-body{
    background-color: #f8f9fb !important;
}


.m-brand.m-brand--skin-dark{
    background-color: #d3dce5;  /*  eaeafb d3dce5 */
}

.m-portlet {
    margin-bottom: 2.2rem;
    border: 2px solid #459DD7;
    border-radius: 24px 0px 24px 0px;
}
.m-portlet.m-portlet--mobile:after {
    content: url(../images/bg-portlet.png);
    display: block;
    position: absolute;
    margin-top: 5px;
    margin-left: -2px;
}​

.elemento-portlet {
    height: 42px;
    background: url(../images/bg-portlet.png) no-repeat;
    background-position: 0px bottom;
    background-size: 5%;
    overflow: visible;
    margin-top: -28px;
}

.m-portlet .m-portlet__head {
    border-bottom: 1px solid #459DD7;
    padding: 0px 10px;
    width: 98%;
    margin: auto;
    max-height: 40px;
}

.subheader_smart{
    text-align: right;
    color: #459DD7!important;
    margin-top: -22px;
    font-weight: bold!important;
    text-transform: uppercase;
}

.m-body .m-content {
    padding: 50px 30px;
}



.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-text {
    color: #504f60
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    font-family: Montserrat;
    background-color: #2B68AA;
    font-weight: bold;
    color: white !important;
    font-size: 13.5px;
}

/* sub menu */
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text:hover,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    color: white !important;
    background-color: #2B68AA;
    font-weight: bold;
}
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    background-color: #ebedf2;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open {
    background-color: #d3dce5;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded {
    background-color: #ebedf2;
}


input[type="search"]{
    border-radius: 15px;
    border-color: #504F60;
}






.btn.btn-default,
.btn.btn-secondary {
    color: #919191;
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}
.btn.btn-default:hover,
.btn.btn-secondary:hover{
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}

.btn.btn-default.active,
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover:not(:disabled),
.btn.btn-secondary.active,
.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover:not(:disabled),
.show>.btn.btn-default.dropdown-toggle,
.show>.btn.btn-secondary.dropdown-toggle {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}


.buttons-excel{
    color: #fff !important;
    background-color: #00BDA4 !important;
    border-color: #00BDA4 !important;
    border-radius: 15px 0px 0px 15px;
    max-height: 25px;
    padding: 4px 10px !important;
}

.buttons-pdf{
    color: #fff !important;
    background-color: #FF647D !important;
    border-color: #FF647D !important;
    border-radius: 0px 15px 15px 0px;
    max-height: 25px;
    padding: 4px 10px !important;
}

.dataTables_wrapper .pagination .page-item.active>.page-link {
    background-color: #459DD7;
}

.btn-brand{
    background-color: #459DD7;
    border-color: #D1D2D4
}

.btn-brand:not(:disabled):not(.disabled).active, .btn-brand:not(:disabled):not(.disabled):active, .show>.btn-brand.dropdown-toggle {
    color: #fff;
    background-color: #459DD7;
    border-color: #D1D2D4;
}

.btn-brand:not(:disabled):not(.disabled).active, .show>.btn-brand.dropdown-toggle:focus {
    color: #fff;
    background-color: #459DD7;
    border-color: #D1D2D4;
}

.btn.btn-accent{
    color: white;
}
.btn.btn-warning {
    color: white;
}
.btn.btn-light {
    color: #282a3c;
}

.btn-success {
    color: #fff;
    background-color: #00BDA4;
    border-color: #00BDA4
}
.btn-primary {
    color: #fff;
    background-color: #2B68AA;
    border-color: #2B68AA
}
.btn-primary:hover {
    background-color: #1661b1;
    border-color: #1661b1
}

.btn-danger {
    color: #fff;
    background-color: #EE5F62;
    border-color: #EE5F62
}

.btn-danger:hover {
    color: #fff;
    background-color: #f22d4e;
    border-color: #f12143
}

.btn-filter {
    color: #fff;
    background-color: #EE3881;
    border-color: #EE3881
}

.btn-filter:hover {
    color: #fff;
    background-color: #ef1d71;
    border-color: #ef1d71
}



.btn.m-btn--custom, .btn-new {
    padding: 1rem 1rem;
    background-color: #954AF9;
    border-color: #954AF9;
    font-weight: 400;
    color: white
}

.btn.m-btn--custom:hover, .btn-new:hover {
    color: #fff;
    background-color: #7f22fc;
    border-color: #7f22fc
}

.btn-accent.m-btn--air, .btn-outline-accent.m-btn--air, .m-btn--gradient-from-accent.m-btn--air {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.btn-accent.m-btn--air.focus, .btn-accent.m-btn--air:focus, .btn-accent.m-btn--air:hover, .btn-outline-accent.m-btn--air.focus, .btn-outline-accent.m-btn--air:focus, .btn-outline-accent.m-btn--air:hover, .m-btn--gradient-from-accent.m-btn--air.focus, .m-btn--gradient-from-accent.m-btn--air:focus, .m-btn--gradient-from-accent.m-btn--air:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.btn-accente{
    background-color: #00C5DC;
    color: white;
}

.btn-accente:hover{
    background-color: #26b3c9;
    color: white;
}

.btn-ayuda {
    color: #fff;
    background-color: #47a8d6;
    border-color: #47a8d6;
}
.btn-ayuda:hover {
    background-color: #3f95be;
    border-color: #3f95be;
}



/*
.btn.btn-default,
.btn.btn-secondary {
    color: white;
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}
.btn.btn-default:hover,
.btn.btn-secondary:hover{
    background-color: #E1E1E1;
    border-color: #E1E1E1;
}

 */


/* estilos por defecto para botones  */

.btn {
    border-radius: 60px;
    border: 0px solid transparent!important;
    padding: 1rem 1rem;
}
.btn-group-sm>.btn, .btn-sm {
    padding: .35rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    /* border-radius: .2rem; */
}



/* nuevos botones de menu  */

.btn-menu {
    /* display: block; */
    width: 160px;
    height: 125px;
    vertical-align: middle;
    white-space: inherit;
    margin-top: .5rem;
    /* margin-right: 1rem; */
    border-radius: 30px;
    padding: .5rem .3rem .2rem .5rem;
    /* font-size: 12px; */
}
.btn-menu>i {
    font-size: 2.7rem;
    margin-top: 2.0rem;
    /* margin-left: 0.5rem; */
    /* margin-right: 0.5rem; */
    margin-bottom: 2rem;
    width: 100%;
}

.btn-group>.btn-group:not(:last-child)>.btn-menu, .btn-group>.btn-menu:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group.btn-menu>.btn-group:not(:last-child)>.btn,
.btn-group.btn-menu>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: -0.5rem;
    margin-left: -7px;
    height: 125px;
}

.btn-menu-warning{
    background-color: #EEB95F;
    color: white;
}
.btn-menu-warning:hover{
    background-color: #f1ae3d;
    color: white;
}

.btn-menu-focus{
    background-color: #865EF3;
    color: white;
}
.btn-menu-focus:hover{
    background-color: #6935f6;
    color: white;
}

.btn-menu-success{
    background-color: #61BC96;
    color: white;
}
.btn-menu-success:hover{
    background-color: #3cbc87;
    color: white;
}

.btn-menu-info{
    background-color: #47A8D6;
    color: white;
}
.btn-menu-info:hover{
    background-color: #219fdb;
    color: white;
}

.btn-menu-danger{
    background-color: #EE5F62;
    color: white;
}
.btn-menu-danger:hover{
    background-color: #f22d4e;
    color: white;
}











.row.title-portlet {
    padding: 10px 0px;
    border-bottom: 1px solid #459DD7;
    width: 97%;
    margin: auto;
}

.m-portlet__head-text{
    font-size: 16px;
    padding-top: 6px;
}

.m-form__content{
    padding-bottom: 30px;
}

.m-speak-voice {
    background-color: rgb(253, 150, 167);
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: block;
    padding-top: 20px;
    z-index: 110;
    border-radius: 100%;
}

.m-speak-voice-active {
    background-color: #FD495C;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: block;
    padding-top: 20px;
    z-index: 110;
    border-radius: 100%;
}


.m-hcu-float-btn {
    background-color: #36a3f7;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 40px;
    right: 90px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: block;
    padding-top: 20px;
    z-index: 110;
    border-radius: 100%;
}

.m-hcu-float-btn-active {
    background-color: #1192f6;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 40px;
    right: 90px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: block;
    padding-top: 20px;
    z-index: 110;
    border-radius: 100%;
}


.no-border{
    border:none
}

.m-form .m-form__actions.m-form__actions--solid{
    background-color: #FFFFFF;
    border: none;
}

.m-form .m-form__actions.m-form__actions--solid .row{
    text-align: center;
}

.m-form .m-form__actions.m-form__actions--solid .row .col-lg-2{
    display: none;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FFFFFF !important;
    background-color: #459DD7;
    border-color: #0192FF #0192FF #0192FF;
}

div#dataTableBuilder_info {
    font-weight: bold;
}

.table td, .table th {
    color: black!important;
    font-size: 13px!important
}



/*  loader de pagina  **/

.fc-agregarHorarioMedico-button {
    color: #fff;
    background-color: #954AF9 !important;
    border-color: #954AF9 !important;
}
.fc-agregarHorarioMedico-button:hover {
    color: #fff;
    background-color: #8129f8 !important;
    border-color: #8129f8 !important;
}

.fc-agregarHorarioMedico-button.focus,
.fc-agregarHorarioMedico-button:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(129, 41, 248, 0.58);
    box-shadow: 0 0 0 .2rem rgba(129, 41, 248, 0.58);
}



.fc-actualizarPagina-button {
    color: #fff;
    background-color: #00BDA4 !important;
    border-color: #00BDA4 !important;
}
.fc-actualizarPagina-button:hover {
    color: #fff;
    background-color: #039481 !important;
    border-color: #039481 !important;
}

.fc-actualizarPagina-button.focus,
.fc-actualizarPagina-button:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 189, 164, 0.5);
    box-shadow: 0 0 0 .2rem rgba(0, 189, 164, 0.5);
}


/* Agrupadores visuales de Signos Vitales (usados en admin/signovital y
   embebidos en consulta_medica). Cada color delimita un grupo tematico
   del formulario: Peso, Talla/IMC, Z-Score. Reemplazan los inline styles
   `style="background: #XXX; padding-bottom: 4px;"` que estaban dispersos
   en 3 blade views. Los overrides para dark mode estan en dark-mode.css. */
.sm-signovital-peso {
    background: #ced5d9;
    padding-bottom: 4px;
}

.sm-signovital-talla {
    background: #BEE3F1;
    padding-bottom: 4px;
}

.sm-signovital-zscore {
    background: #f1f0e2;
    padding-bottom: 4px;
}


/* estilos head de fullcalendar  */
.fc-unthemed th.fc-day-header {
    background: #f4f5f8;
    /* border: 0; */
    text-shadow: none!important;
}


/*  estilos de tablas  */

.m-table.m-table--head-bg-primary thead th {
    color: #fff !important;
}

/*  estilos para imprimir tickets  */
.print_section {
    display: none;
}


/*  for block ui  */
.loader-page-tutorial {
    position: fixed;
    z-index: 999;
    background: rgba(143, 143, 143, 0.75);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: right;
    transition:all .3s ease;
}
.btn-tutorial {
    min-width: 200px; border-radius: 25px !important; font-size: 1.2rem;
}
.btn-tutorial-close {
    position: fixed; right: 0; top: 0;
}

@media (max-width: 480px) {
    .btn-tutorial {
        min-width: 100px;
        border-radius: 25px !important;
        font-size: 1rem;
    }
    .btn-tutorial.mr-5{
        margin-right: 2rem !important;
    }
    .btn-tutorial.mb-5{
        margin-bottom: 2rem!important
    }
}


/*icons */

/*
.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon, .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    width: 35px;
}
.m-aside-menu .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-icon, .m-aside-menu .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-icon {
    width: 26px;
}
*/


.icon-estadistica {
    background-image: url('../images/icons/estadisticas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-agendamiento {
    background-image: url('../images/icons/agendamiento.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-pacientes {
    background-image: url('../images/icons/pacientes.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-enfermeria {
    background-image: url('../images/icons/enfermeria.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-atencion-medica {
    background-image: url('../images/icons/atencion_medica.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-configuraciones {
    background-image: url('../images/icons/configuracion.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-reportes {
    background-image: url('../images/icons/reportes.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-auditoria-usuarios {
    background-image: url('../images/icons/reporte-auditoria_usuarios.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-ingresos {
    background-image: url('../images/icons/reporte_ingresos.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-morbilidad {
    background-image: url('../images/icons/reporte_morbilidad.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-facturacion-electronica {
    background-image: url('../images/icons/facturacion_electronica.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-documentos-tributarios {
    background-image: url('../images/icons/Documentos%20Tributarios.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-nota-credito {
    background-image: url('../images/icons/Notas%20de%20Cr%C3%A9dito.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-nota-debito {
    background-image: url('../images/icons/Notad%20de%20D%C3%A9bito.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-retenciones {
    background-image: url('../images/icons/Retenciones.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-inventario {
    background-image: url('../images/icons/inventario.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    /* background-size:5vmin 65%; */
}
.icon-inventario-items {
    background-image: url('../images/icons/inventario_items.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-inventario-salidas {
    background-image: url('../images/icons/inventario_salidas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-inventario-entradas {
    background-image: url('../images/icons/inventario_entradas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}




.icon-empleados {
    background-image: url('../images/icons/empleados.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-areas-medicas {
    background-image: url('../images/icons/areas_medicas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-especialidades {
    background-image: url('../images/icons/especialidades.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-medicos {
    background-image: url('../images/icons/medicos.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-consultorios {
    background-image: url('../images/icons/consultorios.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-admision {
    background-image: url('../images/icons/admision.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-signos-vitales {
    background-image: url('../images/icons/signos vitales.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-agenda {
    background-image: url('../images/icons/agenda_trabajo.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-registro-pacientes {
    background-image: url('../images/icons/registro_paciente.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-formato {
    background-image: url('../images/icons/011.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-generar-documentos {
    background-image: url('../images/icons/generacion_documentos.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-historial {
    background-image: url('../images/icons/historia_clinicas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-administradores {
    background-image: url('../images/icons/administradores.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-tipos-usuarios {
    background-image: url('../images/icons/tipo_usuario.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-membresias {
    background-image: url('../images/icons/membresias.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-tipos-areas {
    background-image: url('../images/icons/tipo_areas_medicas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-tipos-pacientes {
    background-image: url('../images/icons/tipo_pacientes.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-tipo-medicos {
    background-image: url('../images/icons/tipos_medicos.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-instituciones {
    background-image: url('../images/icons/instituciones.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-tipo-plantillas {
    background-image: url('../images/icons/tipo_plantillas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-ayuda {
    background-image: url('../images/icons/ayuda.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-ayuda-item {
    background-image: url('../images/icons/ayuda_cie10.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-atenciones-pendientes {
    background-image: url('../images/icons/atencion_medica.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-ordenes {
    background-image: url('../images/icons/ordenes_examenes.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-asistente {
    background-image: url('../images/icons/asistente_atencion_medica.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-configuracion {
    background-image: url('../images/icons/configuracion.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-editar {
    background-image: url('../images/icons/028.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    width: 20px;
    height: 20px;
}
.icon-eliminar {
    background-image: url('../images/icons/027.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    width: 20px;
    height: 20px;
}
.icon-archivo {
    background-image: url('../images/icons/032.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    width: 22px;
    height: 22px;
}
.icon-ver {
    background-image: url('../images/icons/030.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    width: 22px;
    height: 22px;
}
.icon-birthday {
    background-image: url('../images/icons/fechas_especiales.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:5vmin 65%;
}
.icon-vacuna {
    background-image: url('../images/icons/vacunas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-emergencia {
    background-image: url('../images/icons/emergencia.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-anamnesis {
    background-image: url('../images/icons/anamnesis.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-administración-documentos {
    background-image: url('../images/icons/administración-documentos.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-epicrisis {
    background-image: url('../images/icons/epicrisis.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-evoluciones-preescripciones {
    background-image: url('../images/icons/evoluciones-preescripciones.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-anat_patologica {
    background-image: url('../images/icons/anat_patologica.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-consent_informado {
    background-image: url('../images/icons/consent_informado.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-const_vitales {
    background-image: url('../images/icons/const_vitales.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-interconsultas {
    background-image: url('../images/icons/interconsultas.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-postanestesicos {
    background-image: url('../images/icons/postanestesicos.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-preanestesicos {
    background-image: url('../images/icons/preanestesicos.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-prot_quirurgico {
    background-image: url('../images/icons/prot_quirurgico.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-ref_contraref {
    background-image: url('../images/icons/ref_contraref.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-formularios {
    background-image: url('../images/icons/formularios.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-historia-ocupacional-inicio {
    background-image: url('../images/icons/historia-ocupacional-inicio.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-historia-ocupacional-periodico {
    background-image: url('../images/icons/historia-ocupacional-periodico.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-historia-ocupacional-retiro {
    background-image: url('../images/icons/historia-ocupacional-retiro.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-hospitalizacion {
    background-image: url('../images/icons/hospitalizacion.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon-medicina-ocupacional {
    background-image: url('../images/icons/medicina-ocupacional.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-turnero {
    background-image: url('../images/icons/turnero.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-generar-turno {
    background-image: url('../images/icons/generar_turno.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.icon-configuracion-turnero {
    background-image: url('../images/icons/configuracion_turnero.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}



/* style from icon password  */
.icon-password {
    float: right;
    position: relative;
    margin: -25px 10px 0 0;
    cursor: pointer;
    color: #a4a2bb;
}





/* nuevos iconos 2.0  - no funcionaron  */
.icon {
    /*
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
    */
}

.icon1 {
    background-image: url('../images/icons/icon1.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon2 {
    background-image: url('../images/icons/icon2.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon3 {
    background-image: url('../images/icons/icon3.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon4 {
    background-image: url('../images/icons/icon4.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon5 {
    background-image: url('../images/icons/icon5.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon6 {
    background-image: url('../images/icons/icon6.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon7 {
    background-image: url('../images/icons/icon7.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon8 {
    background-image: url('../images/icons/icon8.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon9 {
    background-image: url('../images/icons/icon9.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon10 {
    background-image: url('../images/icons/icon10.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon11 {
    background-image: url('../images/icons/icon11.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon12 {
    background-image: url('../images/icons/icon12.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon13 {
    background-image: url('../images/icons/icon13.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon14 {
    background-image: url('../images/icons/icon14.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon15 {
    background-image: url('../images/icons/icon15.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon16 {
    background-image: url('../images/icons/icon16.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon17 {
    background-image: url('../images/icons/icon17.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon18 {
    background-image: url('../images/icons/icon18.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon19 {
    background-image: url('../images/icons/icon19.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.icon20 {
    background-image: url('../images/icons/icon20.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}

.sv_frecuencia_respiratoria {
    background-image: url('../images/icons/sv_frecuencia_respiratoria.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.sv_peso {
    background-image: url('../images/icons/sv_peso.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.sv_presion_arterial {
    background-image: url('../images/icons/sv_presion_arterial.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.sv_frecuencia_respiratoria {
    background-image: url('../images/icons/sv_frecuencia_respiratoria.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.sv_pulso {
    background-image: url('../images/icons/sv_pulso.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.sv_saturacion_oxígeno {
    background-image: url('../images/icons/sv_saturacion_oxígeno.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.sv_talla {
    background-image: url('../images/icons/sv_talla.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}
.sv_temperatura {
    background-image: url('../images/icons/sv_temperatura.svg');
    background-repeat: no-repeat;
    background-position-x: center;
}


/* fix para cambiar iconos de campos de solo lecturas :: https://www.eniun.com/cursores-css/ */

input:read-only {
    cursor: default !important;
}
p:read-only {
    cursor: default !important;
}