html body {
  /* font-family: "Roboto", sans-serif; */
  /* font-weight: 500; */
  font-family: "HelveticaNeueLTStd-Md";
  color: #4d4d4d;
  padding-top: 3em;
}

/* PRELOADER */

.preloader { 
  background-color:#ffffff; 
  /* background-image:url('/SistemaNT/assets/img/preloader2.gif');  */
  background-position:center center; 
  background-repeat:no-repeat; 
  height:100%; 
  left:0px; 
  position:fixed; 
  top:0px; 
  width:100%; 
  z-index:999999;
}

.preloader_disabler {
  bottom: 10px;
  left: 43%;
  position: absolute; 
}

/* BARRA DE NAVEGACION */

.navbar-oncare {
  background-color: #0a3282;
  padding: .3em .6em .3em .6em;
}

.navbar-oncare:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 71%;
  border-left: 2px solid #3b5b9b;
  transform: translate(-50%);
}

.col-icono-navbar {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.dropdown-menu.dropdown-card.dropdown-card-usuario {
  width: 200px;
}

.dropdown-menu.dropdown-card.dropdown-card-busqueda-paciente {
  width: 350px;
}


.dropdown-menu.dropdown-card.dropdown-card-notificaciones {
  width: 260px;
  font-size: .875em;
}

.dropdown-menu.dropdown-card.dropdown-card-notificaciones .body-notificaciones {
  max-height: 300px; 
  overflow-y: auto;
}

/* MENU DE MODULOS */

.menu-modulos {
  background-color: #ffffff;
  position: fixed;
  top: 2.5em;
  right: 0;
  left: 0;
  z-index: 1029;
  box-shadow: inset 0 8px 10px -8px #888888, 0 8px 10px -8px #888888;
}

.modulos {
  padding: 1em;
}

.menu-modulos [class*="oncare-col-"] {
  padding: 0em;
}

.modulos a > span {
  display: block;
  padding-bottom: .3em;
}

/* COLORES DE FONDO */

.fondo-azul {
  background-color: #0071e2 !important;
}

.fondo-azul-oscuro {
  background-color: #0a3282 !important;
}

.fondo-azul-claro {
  background-color: #c4e1ff !important;
}

.fondo-verde {
  background-color: #39b54a !important;
}

.fondo-rojo {
  background-color: #fa4834 !important;
}

.fondo-blanco {
  background-color: #ffffff !important;
}

.fondo-gris {
  background-color: #969696 !important;
}

.fondo-gris-semi-claro {
  background-color: #cccccc !important;
}

.fondo-gris-claro {
  background-color: #e6e6e6 !important;
}

.fondo-gris-super-claro{
  background-color: #f2f2f2 !important;
}

.fondo-gris-oscuro {
  background-color: #4d4d4d !important;
}

/* TEXTOS */

.texto-gris-oscuro {
  color: #4d4d4d !important;
}

.texto-gris {
  color: #969696 !important;
}

.texto-gris-claro {
  color: #e6e6e6 !important;
}

.texto-gris-semi-claro {
  color: #cccccc !important;
}

.texto-blanco {
  color: #ffffff !important;
}

.texto-azul {
  color: #0071e2 !important;
}

.texto-azul-oscuro {
  color: #0a3282 !important;
}

.texto-verde {
  color: #39b54a !important;
}

.texto-rojo {
  color: #fa4834 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "HelveticaNeueLTStd-Bd";
  color: #0a3282;
}

.font-plantin {
  font-family: "PlantinStd";
  font-weight: normal;
}

a {
  color: #0071e2;
}

a:hover {
  text-decoration: none;
}

sup {
  color: #fa4834;
}

sup > span.badge {
  background-color: #fa4834;
  padding: .4em .4em;
  border-radius: 2em;
}

span.badge {
  background-color: #fa4834;
  padding: .4em .4em;
  border-radius: 2em;
}

span.label-rounded{
  padding: 3px 10px;
  border-radius: 1em;
}

.custom-control-label.label-rounded{
  padding: 3px 10px 3px 25px;
  border-radius: 1em;
}

.custom-control-label.label-rounded::before {
  top: .35em;
  left: .4em;
}

.custom-control-label.label-rounded::after {
  top: .35em;
  left: .4em;
}

.texto-chico {
  font-size: .7rem !important;
}

.texto-mediano {
  font-size: .875rem !important;
}

.texto-normal {
  font-size: 1rem !important;
}

.texto-grande {
  font-size: 1.2rem !important;
}

.texto-extra-grande {
  font-size: 1.5rem !important;
}

hr {
  margin-top: .5rem;
  border-top: 1px solid #0a3282;
}

hr.form-divider {
  margin-top: .5rem;
  border-top: 1px solid #e6e6e6;
}

.bl-form-divider {
  border-left: 1px solid #e6e6e6;
}

/* TABLAS */

table {
  border-radius: 2em 2em 0em 0em;
  font-size: 14px;
}

.table {
  color: #4d4d4d;
}

.table.table-inputs > thead > tr > th {
  font-family: "HelveticaNeueLTStd-Md";
  font-weight: normal;
  font-size: 1em;
  background-color: #969696;
  color: #ffffff;
  text-align: center;
  border: 1px solid #ffffff !important;
}

.table.table-data > thead > tr > th {
  font-family: "HelveticaNeueLTStd-Md";
  font-weight: normal;
  font-size: 1em;
  background-color: #0a3282;
  color: #ffffff;
  text-align: center;
  border: 1px solid #ffffff !important;
}

.table td, .table th {
  padding-top: .25em;
  padding-bottom: .25em;
  padding-left: 0.5em;
  padding-right: .50em;
}

table.table.table-data th:first-child, table.table.table-inputs th:first-child {
  border-top-left-radius: 1.5em !important;
}

table.table.table-data th:last-child, table.table.table-inputs th:last-child {
  border-top-right-radius: 1.5em !important;
}

table.table.table-data tr:last-child, table.table.table-inputs tr:last-child {
  border-bottom: 2px solid #f2f2f2 !important;
}

.table.table-inputs tr td {
  border: 1px solid #ffffff !important;
}

.table.table-data > thead > tr > th {
  border: 1px solid #ffffff !important;
}

.table.table-data tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.table.table-inputs tbody tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}

table.table-data tbody tr:hover {
  background-color: #cccccc !important;
  color: #000000;
}

table.table-data tfoot{
  color: #0a3282;
}

/* Estilos de las Tablas hechas con Divs para Datos */

div.form-row.table-inputs-header, div.row.table-inputs-body{
  font-size: 14px;
}

div.form-row.table-inputs-header > div[class*="oncare-col"] {
  font-family: "HelveticaNeueLTStd-Md";
  font-weight: normal;
  font-size: 1em;
  background-color: #969696;
  color: #ffffff;
  text-align: center;
  margin: 0em 0em 0em 0em !important;
  padding: .2em 0em 0em 0em !important;
  border: 1px solid #ffffff !important;
}

div.form-row.table-inputs-header > div[class*="oncare-col"].agregar-row{
  background-color: #0071e2;
  padding: 0em !important;
  color: #ffffff;
}

div.form-row.table-inputs-body > div[class*="oncare-col"] {
  padding: .5em 0em .5em 0em !important;
  margin: 0em 0em 0em 0em !important;
}

div.form-row.table-inputs-body.row-inpar{
  background-color: #f2f2f2;
}

div.form-row.table-inputs-body.row-par{
  background-color: #ffffff;
}

.br-tl-1, .br-t-1, .br{
  border-top-left-radius: 1rem;
}

.br-tr-1, .br-t-1, .br{
  border-top-right-radius: 1rem;
}

.br-br-1, .br-b-1, .br{
  border-bottom-right-radius: 1rem;
}

.br-bl-1, .br-b-1, .br{
  border-bottom-left-radius: 1rem;
}

/* ESTATUS TABLAS */

.table.table-data > tbody > tr.tr-amarillo {
  background-color: #ffd264;
  box-shadow: inset 0 8px 10px -8px #888888;
}

.table.table-data > tbody > tr.tr-verde {
  background-color: #39b54a;
  box-shadow: inset 0 8px 10px -8px #888888;
}

.table.table-data > tbody > tr.tr-rojo {
  background-color: #fa4834;
  box-shadow: inset 0 8px 10px -8px #888888;
}

.table.table-data > tbody > tr.tr-azul {
  background-color: #0071e2;
  box-shadow: inset 0 8px 10px -8px #888888;
}

/* BOTONES */

button {
  font-family: "HelveticaNeueLTStd-Bd";
}

.btn.btn-sm{
  padding: .3em 1em .42em 1em !important;
}

.btn.boton {
  background-color: #0071e2;
  color: #ffffff;
  padding: .4em 1em;
  border-radius: 2em;
  border: 0px;
}

.btn.boton:hover {
  background-color: #ffffff;
  color: #0071e2;
  box-shadow: 0px 0px 5px 1px #888888;
}

.btn.boton-agregar {
  background-color: #39b54a;
  color: #ffffff;
  padding: .4em 1em;
  border-radius: 2em;
  border: 0px;
}

.btn.boton-agregar:hover {
  background-color: #ffffff;
  color: #39b54a;
  box-shadow: 0px 0px 5px 1px #888888;
}

.btn.boton-gris {
  background-color: #969696;
  color: #ffffff;
  padding: .4em 1em;
  border-radius: 2em;
  border: 0px;
}

.btn.boton-gris:hover {
  background-color: #ffffff;
  color: #969696;
  box-shadow: 0px 0px 5px 1px #888888;
}

.btn.boton-rojo {
  background-color: #fa4834;
  color: #ffffff;
  padding: .4em 1em;
  border-radius: 2em;
  border: 0px;
}

.btn.boton-rojo:hover {
  background-color: #ffffff;
  color: #fa4834;
  box-shadow: 0px 0px 5px 1px #888888;
}

.btn.boton-link {
  background-color: #ffffff;
  font-family: "HelveticaNeueLTStd-Bd";
  color: #0071e2;
  padding: .4em 1em;
  border-radius: 2em;
  border: 1px solid #0071e2;
}

.btn.boton-link:hover {
  background-color: #0071e2;
  color: #ffffff;
  box-shadow: 0px 0px 5px 2px #888888;
}

.btn.boton-link-verde {
  background-color: #ffffff;
  font-family: "HelveticaNeueLTStd-Bd";
  color: #39b54a;
  padding: .4em 1em;
  border-radius: 2em;
  border: 1px solid #39b54a;
}

.btn.boton-link-verde:hover {
  background-color: #39b54a;
  color: #ffffff;
  box-shadow: 0px 0px 5px 2px #888888;
}

.btn.boton-grabar {
  background-color: #0a3282;
  color: #ffffff;
  padding: .4em 1em;
  border-radius: 2em;
  border: 0px;
}

.btn.boton-grabar:hover {
  background-color: #ffffff;
  color: #0a3282;
  box-shadow: 0px 0px 5px 1px #888888;
}

.btn.boton-transparente {
  background-color: transparent;
  color: #4d4d4d;
  padding: 0em;
  border: 0px;
}

.btn.boton-navbar {
  background-color: transparent;
  color: #ffffff;
  font-size: 20px;
  padding: 0em;
  border: 0px;
}

.btn.boton-navbar:hover {
  color: #ffffff;
}

.boton-navbar-toggle {
  background-color: transparent;
  color: #3b5b9b !important;
  font-size: 20px;
  padding: 0em;
  border: 0px;
}

.boton-navbar-toggle:active, .boton-navbar-toggle:hover, .boton-navbar-toggle:focus {
  color: #ffffff !important;
}

/* QUITAR EL FOCUS DE LOS BOTONES */

.btn.focus, .btn:focus {
  box-shadow: none;
}

/* BOTONES DEL MENU PRINCIPAL */

/* MENU MODULOS */

.btn.boton-navlink {
  background-color: #ffffff;
  font-family: "HelveticaNeueLTStd-Md";
  font-size: 9px;
  color: #0a3282;
  padding: .4em 1em;
  border: 0px;
}

.btn.boton-navlink.active {
  color: #0071e2;
}

.btn.boton-navlink:hover {
  color: #0071e2;
}

.btn.boton-navlink:focus {
  box-shadow: none;
}

.icon-navlink {
  background-color: #e6e6e6;
  color: #0a3282;
  font-size: 3.5em;
  border-radius: .2em;
  padding: .15em .3em .3em .3em;
}

.icon-navlink.active {
  background-color: #0071e2;
  color: #e6e6e6;
  box-shadow: 0em 0em 0.15em 0.005em #888888;
}

.icon-navlink:hover {
  background-color: #0071e2;
  color: #e6e6e6;
  box-shadow: 0em 0em 0.15em 0.005em #888888;
}

/* ACCORDION */

[role="tablist"] > .card {
  border: 0px;
}

.card-header[role="tab"] {
  background-color: #ffffff;
  border-bottom: 1px solid #0a3282 !important;
}

a[data-toggle="collapse"] {
  color: #0a3282;
}

.card-header[role="tab"] > h5 {
  margin-bottom: 0px;
}

.boton-mas-accordion {
  color: #4d4d4d !important;
  font-size: 22px;
  padding: 0px;
  float: right;
}

/* BOTONES DROPDOWN */

.dropdown-menu.dropdown-card {
  background: transparent;
  padding: 0px;
  margin-top: 5px;
  border: 0px;
  border-radius: 1em;
  box-shadow: 0px 0px 6px 1px #888888;
}

.dropdown-menu.dropdown-card .dropdown-item {
  white-space: normal;
}

.dropdown-card .dropdown-header {
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: .8em;
  background-color: #ffffff;
  color: #0071e2;
  text-align: center;
  border-radius: 1em 1em 0em 0em;
  border-bottom: 1px solid #cccccc;
  padding: .8rem 1.5rem;
}

.dropdown-menu.dropdown-card a {
  background-color: #ffffff;
  font-size: .8em;
  padding: .5em 1em;
}

.dropdown-menu.dropdown-card a:hover {
  background-color: #f2f2f2;
  font-size: .8em;
  padding: .5em 1em;
}

.dropdown-menu.dropdown-card a.boton {
  background-color: #0071e2;
  color: #ffffff;
}

.dropdown-menu.dropdown-card a.boton:hover {
    background-color: #ffffff;
    color: #0071e2;
}

.dropdown-card .dropdown-footer {
  font-family: "HelveticaNeueLTStd-Bd";
  background-color: #ffffff;
  color: #0071e2;
  font-size: .8em;
  text-align: center;
  border-radius: 0em 0em 1em 1em;
  border-top: 1px solid #cccccc;
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  white-space: nowrap;
}

.dropdown-card .dropdown-header button[class*="boton"], .dropdown-card .dropdown-footer button[class*="boton"] {
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: .8em;
}

li.dropdown-divider{
  width: 90%;
  margin-left: 5%;
  border-top: 1px solid #4d4d4d;
}

/* CARDS */

.card.card-sombra {
  border-radius: 1em;
  border: 0px;
  box-shadow: 0px 0px 6px 1px #888888;
}

.card.card-contenido-scroll{
  overflow-y: auto;
}

/* MODALES */

.modal-content {
  border: 0px;
  border-radius: 1em;
}

.modal-title {
  color: #0071e2;
}

.modal-header {
  border-bottom: 0px;
}

.modal-body {
  font-family: "HelveticaNeueLTStd-Md";
  font-size: 14px;
}

.modal-footer {
  border-top: 0px;
}

/* TOOLTIP */

.tooltip {
  font-family: "HelveticaNeueLTStd-Md";
}

.tooltip-inner {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 2em;
  box-shadow: 0px 0px 5px 3px #888888;
}

.bs-tooltip-right > .tooltip-inner {
  margin-left: -.12em;
}

.bs-tooltip-left > .tooltip-inner {
  margin-right: -.12em;
}

/* POPOVER */
.popover {
  font-family: "HelveticaNeueLTStd-Md";
  max-width: none;
  width: 350px;
  border-radius: 1em;
}

/* TABS */

.nav-tabs {
  border-bottom: 1px solid #cccccc;
}

.nav-tabs .nav-item {
  margin-right: .2em;
}

.nav-tabs .nav-link {
  background-color: #0071e2;
  color: #ffffff;
  font-size: .875em;
  padding: .2em 1em .2em;
  border-radius: 1em 1em 0em 0em;
  border: 0px;
}

.nav-tabs .nav-link:hover {
  background-color: #ffffff;
  color: #0071e2;
}

.nav-tabs .nav-link.active {
  background-color: #ffffff;
  color: #0071e2;
  border: 1px solid transparent;
  border-color: #cccccc #cccccc #ffffff;
  border-radius: 1em 1em 0em 0em;
}

.tab-content > .active {
  display: block;
  margin-top: 10px;
}

/* INPUTS */

form [class*="oncare-col-"] {
  margin-bottom: .5em;
}

.form-row label {
  color: #0071e2;
  font-size: .875em;
  margin-bottom: .2rem;
}

input.form-control {
  background-color: #f2f2f2;
  border-color: #cccccc;
  color: #4d4d4d;
  font-family: "HelveticaNeueLTStd-Md";
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 2em;
}

input.campo-obligatorio, textarea.campo-obligatorio {
  border: 1px solid #fa4834 !important;
}

input.campo-correcto, textarea.campo-correcto {
  border: 1px solid #39b54a !important;
}

.input-group-input {
  border-radius: 1em 0em 0em 1em !important;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 0px;
}

.input-group-text {
  background-color: #f2f2f2;
  color: #4d4d4d;
  font-size: 16px;
  border-color: #cccccc;
  border-radius: 0em 1em 1em 0em !important;
  border-top: 1px solid #cccccc;
  border-left: 0px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

textarea.form-control {
  background-color: #f2f2f2;
  color: #4d4d4d;
  border-color: #cccccc;
  border-radius: 1em 1em 0em 1em !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #f2f2f2;
  border-color: #cccccc;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("/SistemaNT/assets/img/iconos/componentes/centro-checkbox.svg");
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0071e2;
  border-color: #0071e2;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("/SistemaNT/assets/img/iconos/componentes/centro-radio.svg");
}

.custom-radio .custom-control-label.campo-obligatorio::before{
  border: 1px solid #fa4834 !important;
}

.custom-control-label {
  color: #4d4d4d;
  font-size: .875em;
}

.borde-correcto{
  border: 2px solid #39b54a;
}


/* INICIO - ESTILOS ESPECIFICOS PARA EL AUTOCOMPLETE */

.ui-widget {
  font-family: "HelveticaNeueLTStd-Md";
  font-size: .875em;
}

.ui-widget-content {
  background: #ffffff;
  color: #4d4d4d;
  border: 1px solid #cccccc;
  border-radius: 1em;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  border-radius: 1em;
  padding: 3px 1em 3px 1em;
}

.ui-menu .ui-menu-item:hover, .ui-menu .ui-state-active {
  background-color: #f2f2f2;
  color: #0071e2;
  border-radius: 1em;
  border: 0px;
}

.ui-menu {
  max-height: 200px;
  overflow-y: auto;
  z-index: 100000 !important;
}

/* FIN - ESTILOS ESPECIFICOS PAFA EL AUTOCOMPLETE */

/* INICIO - ESTILOS ESPECIFICOS SOLO PARA EL SELECT */

.navbar-oncare .bootstrap-select.form-control {
  font-size: .6em;
  border-radius: 2em;
}

.navbar-oncare .bootstrap-select > .dropdown-toggle {
  font-family: "HelveticaNeueLTStd-Md";
  background-color: #0a3282;
  font-size: 1em;
  color: #ffffff;
  border: 1px solid #3b5b9b;
  height: calc(1.5em + .5rem + 2px);
  border-radius: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

.bootstrap-select.form-control {
  border-radius: 2em;
  font-size: .8em;
  height: calc(1.5em + .5rem + 2px);
}

.bootstrap-select > .dropdown-toggle {
  background-color: #f2f2f2;
  color: #4d4d4d;
  font-size: 1em;
  border: 1px solid #cccccc;
  border-radius: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

.bootstrap-select > .dropdown-toggle.campo-obligatorio {
  border: 1px solid #fa4834 !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
  height: auto;
}

div.bs-searchbox > input[type="search"].form-control {
  font-size: .875em;
  height: calc(1.5em + .5em + 2px);
}

.bootstrap-select .dropdown-toggle::after {
  font-family: 'iconos-oncare' !important;
  content: "\e933";
  border: 0px;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  background-color: #f2f2f2;
  color: #0071e2;
}

.bootstrap-select .dropdown-menu {
  background-color: #ffffff;
  color: #4d4d4d;
  font-size: 1em;
  border-radius: 1em;
  box-shadow: 0em 0em 0.5em 0.01em #888888;
  max-width: 50px;
}

.dropdown-header {
  font-size: 1em;
}

.dropdown-item {
  color: #0071e2;
  font-size: .7rem;
  padding: 0em .5rem;
}

.dropdown-item:hover {
  background-color: #f2f2f2;
  color: #0a3282;
}

.bootstrap-select .dropdown-menu li a.opt {
  padding-right: 2.25em;
}

.bootstrap-select .dropdown-menu li a.opt:hover {
  background-color: #f2f2f2;
}

.bootstrap-select .dropdown-menu li a {
  padding-right: 1em;
  padding-left: 1em;
}

.bootstrap-select .dropdown-menu li a:hover {
  background-color: #f2f2f2;
}

.dropdown-item.opt.active.selected {
  background-color: #f2f2f2;
  color: #0071e2;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #f2f2f2;
  color: #0071e2 !important;
}

/* FIN - ESTILOS ESPECIFICOS SOLO PARA EL SELECT */

/* INICIO - ESTILOS ESPECIFICOS SOLO PARA EL AUTOCOMPLETE MULTIPLE */

.tagsinput {
  font-family: "HelveticaNeueLTStd-Md";
  background-color: #f2f2f2;
  border-color: #cccccc;
  color: #4d4d4d;
  font-size: .875em;
  min-height: calc(1.5em + .5rem + 2px) !important;
  padding: 0em .5em 0em .5em;
  border-radius: 1em;
}

.tagsinput:focus {
  background-color: #ffffff;
}

.tagsinput div input {
  color: #4d4d4d;
  margin: 0px;
  border-radius: 2em 2em 2em 2em;
}

.tagsinput div input:focus {
  background-color: #ffffff;
  color: #495057;
  border-color: #ffffff;
  outline: 0;
  box-shadow: none;
}

.tagsinput .tag {
  background-color: #0071e2;
  color: #ffffff;
  font-size: .875em;
  padding: 5px 30px 5px 10px;
  border-radius: 1em;
  margin: 0px 5px 2px 0px;
}

.tagsinput .tag .tag-remove:after, .tagsinput .tag .tag-remove:before {
  background-color: #fa4834;
}

/* FIN - ESTILOS ESPECIFICOS SOLO PARA EL AUTOCOMPLETE MULTIPLE */

/* INICIO - ESTILOS ESPECIFICOS SOLO PARA EL DASHBOARD */

#dashboard.row .card .row {
  margin: 0px !important;
}

#dashboard.row .card [class*="oncare-col"] {
  padding: 0px !important;
}

#dashboard.row .card .card-body {
  padding: .5em;
}

#dashboard.row p {
  font-size: .8em;
  margin-bottom: 0px;
}

/* FIN - ESTILOS ESPECIFICOS SOLO PARA EL DASHBOARD */

/* MENU ADMINISTRATIVO */
html body main.menu-administrativo-main {
  padding-top: 2.5em;
}

div.row.row-menu-adm {
  position: fixed;
  top: 40px;
  right: 0;
  left: 0;
  z-index: 1027;
  box-shadow: 0 8px 10px -8px #888888 !important;
}

nav.navbar.menu-administrativo {
  padding: 0rem 1rem !important;
}

nav.navbar.menu-administrativo a.nav-link {
  font-family: "HelveticaNeueLTStd-Bd";
  color: #0071e2 !important;
  font-size: 14px;
  padding: .8rem 1rem;
  height: 46px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

nav.navbar.menu-administrativo a.nav-link:hover {
  background-color: #0071e2 !important;
  color: #ffffff !important;
}

.navbar-brand {
  margin-right: 4rem;
}

/* INICIO - TODOS LOS ESTILOS MODIFICADOS PARA QUE EL SIDEBAR FUNCIONE CORRECTAMENTE */

html body main.sidebar-main {
  padding-left: 80px;
}

/* SIDEBAR A LA IZQUIERDA */

.sidebar {
  position: fixed;
  width: 80px;
  height: calc(100vh - 2.5em);
  top: 2.5em;
  right: 0;
  left: 0;
  z-index: 1028;
  margin: 0px 0px;
  overflow-y: auto;
}

.sidebar.expandido {
  width: 330px;
}

/* COLUMNA DEL 100% DENTRO DEL SIDEBAR SIN PADDING A LOS LADOS */

.sidebar [class*="oncare-col-"] {
  padding: 0px;
}

.sombra-sidebar {
  box-shadow: 0px 0px 10px 4px #888888;
}

/* LISTAS AGRUPADAS QUE SERAN LINKS */

.sidebar .list-group {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  border-radius: 0em;
}

.sidebar .list-group-item.modulo {
  background-color: #f2f2f2;
  padding: 0px;
}

.sidebar .list-group-item.modulo:hover {
  background-color: #f2f2f2 !important;
}

.sidebar .list-group-item.modulo a {
  font-family: "HelveticaNeueLTStd-Bd";
  display: block;
  color: #0a3282;
  font-size: 1.3em;
  padding: .2em 1em;
}

.sidebar .list-group-item.modulo a > i {
  width: 45px;
  font-size: 1.6em;
}

.sidebar .list-group-item {
  background-color: #e6e6e6;
  padding: 0px;
  border: 1px solid #f2f2f2;
}

.sidebar .list-group-item:hover {
  background-color: #cccccc;
}

.sidebar .list-group-item.active {
  background-color: #969696;
  color: #ffffff;
  border: 0px;
}

.sidebar .list-group-item a {
  display: block;
  font-size: .8em;
  color: #4d4d4d;
  padding: .2em 1.25em .2em 2em;
}

.sidebar .list-group-item.active a {
  color: #ffffff;
}

.sidebar .list-group-item a > i {
  width: 42px;
  font-size: 1.6em;
}

/* BOTON DEL SIDEBAR PARA EXPANDIR Y CONTRAER */

.boton-sidebar {
  margin-left: -15px;
  margin-top: 34px;
}

.boton-sidebar:focus {
  box-shadow: none;
}

/* FIN - TODOS LOS ESTILOS MODIFICADOS PARA QUE EL SIDEBAR FUNCIONE CORRECTAMENTE */

/* DIGITAL CLOCK */
.digital-clock{
  color: #ffffff !important;
  text-shadow: none !important;
  font-size: .8em;
  text-align: right;
}

/* INICIO - TODOS LOS ESTILOS ESPECIFRICOS PARA EL CARD DE INFORMACION PACIENTE */

#icono-paciente {
  position: absolute;
  width: 25px;
  top: 65%;
  left: 62%;
}

#imagen-paciente {
  max-width: 70px;
  border: 2px solid #cccccc;
}

/* FIN - TODOS LOS ESTILOS ESPECIFRICOS PARA EL CARD DE INFORMACION PACIENTE */

/* ESTILOS DEL SWAL2 */

.swal2-modal{
  border-radius: 2em !important;
}

.swal2-title{
  font-family: "HelveticaNeueLTStd-Md";
}

.swal2-confirm, .swal2-cancel{
  border-radius: 2em !important;
}

/* ESTILOS ESPECIFICOS PARA EL MYTOOLTIP */

.tooltip-content{
  background: #ffffff !important;
  color: #4d4d4d;
  padding: 1em;
  border-radius: 1em;
  box-shadow: 0px 0px 5px 1px #888888 !important;
}

.tooltip-content textarea{
  resize: none;
}

.tooltip-content::after {
  border-top-color: #ffffff !important;
}

.popover-body .tooltip-text{
    line-height: 1.5 !important;
    padding: 0em !important;
}

.mytooltip .tooltip-content{
  font-size: 12px;
  width: 300px;
  margin: 0 0 20px -150px;
}

.mytooltip .tooltip-item{
  background: none;
}

.tooltip-item::after {
  width: 300px !important;
}


/* ESTILOS ESPECIFICOS PARA EL KENDO SCHEDULER */

  .k-scheduler-table td, .k-scheduler-table th{
    height: 15px;
    font-size: 10px !important;
  }
  .k-tooltip {
    color: #000;
    background-color: #FFFFE0;
  }
  .invalid-slot {
    background: red !important;
    cursor: no-drop;
  }
  .k-event-template{
    font-size: 12px !important;
  }
  .k-slot-cell{
    text-align: center;
  }
  .k-scheduler-table tr:nth-child(even) {
    background-color: #f2f2f2;
  }

/* ESTILOS PARA EL DROPDOWN MULTINIVEL */

.dropdown-menu {
  font-size: 12px;
  border-radius: 1em;
  box-shadow: 0px 0px 4px .1px #888888;
}

.dropdown-menu .dropdown-item{
  color: #4d4d4d !important;
  padding: 0em 0em;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #0071e2 !important;
  color: #ffffff !important;
}

.dropdown-menu .dropdown-item > a.link-menu-administrativo {
  display: block;
  color: #4d4d4d !important;

}


.dropdown-menu .dropdown-item > a.link-menu-administrativo:hover {
  color: #ffffff !important;
}

a.link-menu-administrativo, a.dropdown-item.dropdown-toggle{
  padding: 0em 1em;
} 

.dropdown-item.dropdown-toggle{
  margin-right: 20px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > a::after {
  float: right;
  font-family: 'iconos-oncare' !important;
  content: "\e925";
  border: 0px;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
}

.nav-item.dropdown > .dropdown-toggle::after {
  display: none;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  margin-top: -10px;
}

/* ESTILOS ESPECIFICOS PARA EL CLOCKPICKER */

.popover.clockpicker-popover{
  width: auto !important;
  border-radius: unset;
}

/* MODIFICACIÓN DEL SCROLLBAR EN GENERAL */
/* width */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}