body {font-family: 'Montserrat', sans-serif; background: #E6F1FF}

a { transition: all .25s ease-out; color: inherit}
.vert1 { display: table; height: 100%; width: 100%; padding: 0 0 0 0;}
.vert2 { display: table-cell; vertical-align: middle;}



.modal {}
.modal .modal-header { background: #507E8A; color:#fff; border-bottom: none; padding: 5px}
.modal .modal-header h5 { font-size: 17px; font-weight: 700; padding: 0 0 0 30px; margin: 0; line-height: 36px;}
.modal .modal-header .close { font-size: 16px; font-weight: 500; text-shadow: none; color: #fff; opacity: 1;}
.modal .modal-header .close:hover { opacity: 0.7}
.modal .modal-header .close span { width: 36px; height: 36px; border-radius: 50%; background: #23373C; display: inline-block; line-height: 36px;}
.modal .modal-body { padding: 20px 0 0 0}
#modal-ingereso .modal-body { padding: 0}
.modal .modal-body .imagen { height: 580px}
.modal .modal-body .mod_ingreso { max-width: 280px; margin: 0 auto}
.modal .modal-body .mod_ingreso h3 { font-size: 27px; line-height: 28px; color: #193B68; font-weight: 700; margin:0 0 30px}
.modal .modal-body .mod_ingreso label { padding: 0 0 0 20px}
.modal .modal-body .mod_ingreso button.btn-primary {width: 100%; margin: 0 0 20px}
.modal .modal-body .mod_ingreso p.olvidaste { font-size:13px; color: #3F82AE;}
.modal .modal-body .mod_ingreso p.olvidaste a { color: #3F82AE; text-decoration: underline}

.modal .modal-body a.atras { font-size: 24px; color: #193B68; line-height: 24px; text-decoration: none; margin: 0 50px 25px; display: inline-block;}
.modal .modal-body a.atras span { background: url("../images/ico-atras.svg") left center no-repeat; padding: 0 0 0 20px; display: block;}

.modal .modal-body a.atras:hover { opacity: 0.7}


.modal .modal-body .cuadro_cabeza { padding: 0 50px}
.modal .modal-body .paciente { padding: 20px 0 20px; border-bottom: solid 1px #507E8A; margin: 0 0 40px}


.modal-ingreso {}
.modal-ingreso .modal-header { background: #3F82AE; color:#fff; border-bottom: none}
.modal-ingreso .modal-header h5 { font-size: 17px; font-weight: 700; padding: 0 0 0 30px; margin: 0; line-height: 36px;}
.modal-ingreso .modal-header .close { font-size: 16px; font-weight: 500; text-shadow: none; color: #fff; opacity: 1;}
.modal-ingreso .modal-header .close:hover { opacity: 0.7}
.modal-ingreso .modal-header .close span { width: 36px; height: 36px; border-radius: 50%; background: #193B68; display: inline-block; line-height: 36px;}
.modal-ingreso .modal-body { padding: 20px 0 0 0}
#modal-ingereso .modal-body { padding: 0}
.modal-ingreso .modal-body .imagen { height: 580px}
.modal-ingreso .modal-body .mod_ingreso { max-width: 280px; margin: 0 auto}
.modal-ingreso .modal-body .mod_ingreso h3 { font-size: 27px; line-height: 28px; color: #193B68; font-weight: 700; margin:0 0 30px}
.modal-ingreso .modal-body .mod_ingreso label { padding: 0 0 0 20px}
.modal-ingreso .modal-body .mod_ingreso button.btn-primary {width: 100%; margin: 0 0 20px}
.modal-ingreso .modal-body .mod_ingreso p.olvidaste { font-size:13px; color: #3F82AE;}
.modal-ingreso .modal-body .mod_ingreso p.olvidaste a { color: #3F82AE; text-decoration: underline}

.modal-ingreso .modal-body a.atras { font-size: 24px; color: #193B68; line-height: 24px; text-decoration: none; margin: 0 50px 25px; display: inline-block;}
.modal-ingreso .modal-body a.atras span { background: url("../images/ico-atras.svg") left center no-repeat; padding: 0 0 0 20px; display: block;}

.modal-ingreso .modal-body a.atras:hover { opacity: 0.7}


.modal-ingreso .modal-body .cuadro_cabeza { padding: 0 50px}
.modal-ingreso .modal-body .paciente { padding: 20px 0 20px; border-bottom: solid 1px #507E8A; margin: 0 0 40px}


/*
input[type="text"]#paciente::-webkit-input-placeholder { color: #193B68; font-size: 13px; font-weight: 700;}
input[type="text"]#paciente::-moz-placeholder { color: #193B68; font-size: 13px; font-weight: 700;}
input[type="text"]#paciente:-ms-input-placeholder { color: #193B68; font-size: 13px; font-weight: 700;}
input[type="text"]#paciente:-moz-placeholder { color: #193B68; font-size: 13px; font-weight: 700;}
*/


input[type="text"].seleccionado::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #193B68; font-size: 13px; font-weight: 700;}
input[type="text"].seleccionado::-moz-placeholder { /* Firefox 19+ */  color: #193B68; font-size: 13px; font-weight: 700;}
input[type="text"].seleccionado:-ms-input-placeholder { /* IE 10+ */  color: #193B68; font-size: 13px; font-weight: 700;}
input[type="text"].seleccionado:-moz-placeholder { /* Firefox 18- */  color: #193B68; font-size: 13px; font-weight: 700;}


/* width */
#resultado_prof::-webkit-scrollbar {  width: 4px; }
/* Track */
#resultado_prof::-webkit-scrollbar-track {  background: #507E8A;}
/* Handle */
#resultado_prof::-webkit-scrollbar-thumb {  background: #3F82AE;}


.btn.guardar { display: block; margin: 0 auto;padding: 0 40px; background: #250F23}
.btn.guardar:hover {}



.btn.actualizar { display: inline-block; margin: 0 0 0 40px; background: #507E8A; box-shadow:0 2px 6px #507E8A; border-color:#507E8A}
.btn.actualizar:hover { opacity: 0.8; background: #57B6DF !important;}








form label { font-size:16px; font-weight: 700; line-height: 14px; color: #34395e}
input.form-control {height: calc(1.5em + 0.75rem + 4px); border-radius: 20px; border-color: #507E8A; color: #3F82AE; font-size: 13px !important; background: #EAF2FF}
textarea.form-control {height: calc(1.5em + 0.75rem + 4px); border-radius: 20px; border-color: #507E8A; color: #3F82AE; font-size: 13px;}
input.form-control[readonly] { background-color: #E6F1FF}
select.form-control {height: calc(1.5em + 0.75rem + 4px); border-radius: 20px; border-color: #507E8A; color: #3F82AE; font-size: 13px;}
button.btn-primary {height: calc(1.5em + 0.75rem + 4px);  border-radius: 20px; background-color: #507E8A !important; border: none; opacity: 1 !important}
button.btn-primary:hover { background: #57B6DF}

button.btn.agregar {height: calc(1.5em + 0.75rem + 4px);  border-radius: 20px; background: #507E8A; border: none}
button.btn.agregar:hover { background-color: #57B6DF !important}

.botones button.btn-primary {width: 100%; margin: 0 0 20px; font-size: 12px;}


#header { padding: 0 140px;
background: rgb(31,58,100);
background: -moz-linear-gradient(90deg, rgba(31,58,100,1) 0%, rgba(94,127,177,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(31,58,100,1) 0%, rgba(94,127,177,1) 100%);
background: linear-gradient(90deg, rgba(31,58,100,1) 0%, rgba(94,127,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f3a64",endColorstr="#5e7fb1",GradientType=1);
line-height: 46px; font-size: 16px; font-weight: 700; color: #fff;
}
#header .usuario { display: block; background: #193B68; text-align: center; line-height: 46px; font-size: 14px;}
#header .usuario span { background: url("../images/ico-exit.svg") right center no-repeat; padding: 0 40px; display: inline-block;}

#header .usuario:hover { background: #57B6DF; color: #fff;}

.nav-tabs { border-bottom: 1px solid #3F82AE;}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { border-color: #3F82AE #3F82AC #fff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.navegacion-interna .nav{ padding: 0 110px}
#nav-tabContent .tab-pane {padding: 45px 110px; background: #fff; height: 100%}

#nav-tabContent .tab-pane .cabecera { padding: 0 0 40px}
#nav-tabContent .tab-pane .cabecera span { color: #193B68; font-size: 18px; font-weight: 500; line-height: 14px; display: inline-block; padding: 10px 0;}
#nav-tabContent .tab-pane .cabecera strong { color: #3F82AE; font-size: 16px; font-weight: 400}
#nav-tabContent .tab-pane .cabecera strong.nombre { font-size: 18px; font-weight: 700}
#nav-tabContent .tab-pane .botones { padding: 0 0 40px}



.mod-cuadro {  border-radius: 12px 12px 0 0;  margin: 0 0 20px}
.mod-cuadro h3 { background: #507E8A; color: #fff; font-size: 16px; line-height: 33px; font-weight: 700; padding: 0 20px; border-radius: 12px 12px 0 0; margin: 0; position: relative}
.mod-cuadro .interior { padding: 20px; font-size: 16px; font-weight: 400; color: #3F82AE; border:solid 1px #507E8A;}


.p-14 { font-size: 14px}
.agregar {height: calc(1.5em + 0.75rem + 4px);  border-radius: 20px; background: #193B68; border: none; color: #fff; font-size: 13px; width: 130px;}
.agregar:hover { background: #57B6DF; color: #fff;}

.agrega {height: 28px;  border-radius: 50%; background: #193B68; border: none; width: 28px; line-height: 28px; padding: 0; position: absolute; right: 18px; top: 4px;}
.agrega:hover { background: #57B6DF;}

.reserva {height: calc(1.5em + 0.75rem + 4px);  border-radius: 4px; background: #193B68; border: none; color: #fff; font-size: 14px; width: 130px; font-weight: 700}
.reserva:hover { background: #57B6DF; color: #fff;}




a.imprimir {height: 28px; font-size: 13px; padding: 0 20px; font-weight: 400; border-radius: 14px; background: #193B68; border: none;  line-height: 28px; margin: 4px 0 0 0; float: right}
a.imprimir span { background: url("../images/ico-print.svg") right center no-repeat; padding: 0 16px 0 0; display: inline-block;}
a.imprimir:hover { background: #57B6DF; color:#fff}

a.agrega2 {height: 28px; font-size: 13px; padding: 0 20px; font-weight: 400; border-radius: 14px; background: #193B68; border: none;  line-height: 28px; margin: 4px 10px 0 0; float: right}
a.agrega2 span { background: url("../images/ico-agregar.svg") right center no-repeat; padding: 0 22px 0 0; display: inline-block;}
a.agrega2:hover { background: #57B6DF; color:#fff}

a.destacar {height: 28px; font-size: 13px; padding: 0 20px; font-weight: 400; border-radius: 14px; background: #193B68; border: none;  line-height: 28px; margin: 4px 10px 0 0; float: right}
a.destacar span { background: url("../images/ico-star.svg") right center no-repeat; padding: 0 16px 0 0; display: inline-block;}
a.destacar:hover { background: #57B6DF; color:#fff}

a.busca {height: 28px; font-size: 13px; padding: 0 20px; font-weight: 400; border-radius: 14px; background: #193B68; border: none;  line-height: 28px; margin: 4px 10px 0 0; float: right}
a.busca span { background: url("../images/ico-lupa.svg") right center no-repeat; padding: 0 22px 0 0; display: inline-block;}
a.busca:hover { background: #57B6DF; color:#fff}






.caja-historico { background: #F3F8FF; border: solid 1px #507E8A; color: #3F82AE; font-size: 13px; line-height: 24px;}
.caja-historico .col-12 { border-top:solid 1px #507E8A}
.caja-historico p { line-height: 18px; padding: 10px 0 0px}



.custom-file-label {border: 1px solid #507E8A; border-radius: 19px}
.custom-file-label::after { position: absolute; top: 3px; right: 3px; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 1.75rem 0.375rem 10px; line-height: 1.5; color: #fff; font-size: 13px;  border-left: inherit; content: "Agregar"; background: url(../images/ico-agregar.svg) 90% center no-repeat #193B68; border-radius: 16px;}

.mod_busc { padding: 0 0 020px}

#resultado_prof { max-height: 400px; overflow-y: scroll; margin: 0 0 50px; border-top: solid 1px rgba(112,112,112,0.40)}
#resultado_prof .mod_prof_res { border-bottom: solid 1px rgba(112,112,112,0.40); padding: 10px 0; margin: 0 0 10px;  color: #1F3A64; }
#resultado_prof .mod_prof_res h5 {font-size: 13px; font-weight: 500; line-height: 14px; margin: 0 0 5px;}
#resultado_prof .mod_prof_res p {font-size: 13px; font-weight: 500; line-height: 14px; padding: 0; margin: 0 0 5px;}
#resultado_prof .mod_prof_res p.especialidad { color: #719EBA}


.form-control:focus, .input-group-text:focus, .custom-select:focus, .custom-file-label:focus {border-color: #507E8A !important;}


#horario_reservas {max-height: 400px; overflow-y: scroll; margin: 0 0 50px;}
/* width */
#horario_reservas::-webkit-scrollbar {  width: 4px; }
/* Track */
#horario_reservas::-webkit-scrollbar-track {  background: #507E8A;}
/* Handle */
#horario_reservas::-webkit-scrollbar-thumb {  background: #3F82AE;}



.mod-reserva-hora {border-bottom: solid 1px #707070; margin: 10px 0; padding: 0 0 10px;}
.mod-reserva-hora .fecha { background: url("../images/ico-reloj.svg") left center no-repeat; padding: 0 0 0 36px; font-size: 15px; font-weight: 500; color: #1F3A64}


#confirmacion { margin: 0 0 80px}
#confirmacion h2 { max-width: 260px; margin: 0 auto 40px; font-size: 27px; line-height: 28px; font-weight: 700}
#confirmacion .confirmar {height: calc(1.5em + 0.75rem + 7px);  border-radius: 20px; background: #193B68; border: none; color: #fff; font-size: 16px; width: 260px; font-weight: 400; margin: 0 10px}
#confirmacion .confirmar:hover { background: #57B6DF; color: #fff;}


#pacientes_al_dia { margin: 0 0 20px}


#pacientes_al_dia .btn { top: 3px; right: 18px; line-height: 18px; background: #193B68; height: calc(1.2em + 0.75rem + 1px); border: none; color:#fff;border-radius:20px; font-size: 14px}
#pacientes_al_dia .btn.receta {  right: 4px;}

.btn.buscar_paciente span { background: url("../images/ico-lupa.svg") left center no-repeat; display: inline-block; padding: 0 12px 0 24px}
.btn.buscar_calendario span { background: url("../images/ico-calendar.svg") left center no-repeat; display: inline-block; padding: 0 12px 0 24px}
.btn.actualizar span { background: url("../images/ico-refresh.svg") right center no-repeat; display: inline-block; padding: 0 24px 0 12px}


.detalle-diario { background: #F5F9FF; border-radius: 12px; padding: 0 15px; color: #193B68; font-size: 16px; font-weight: 700; margin: 0 0 20px}
.detalle-diario ul { margin:0; padding: 0; list-style: none}
.detalle-diario ul li { display:inline-block; margin: 0; padding: 0 60px 0 0; list-style: none; line-height: 46px;}




#tabla-tipo-datos {}
#tabla-tipo-datos.tabla {}
#tabla-tipo-datos.tabla th {background: #507E8A; height: 70px; text-align: center; color: #fff; font-size: 13px; font-weight: 500;}
#tabla-tipo-datos.tabla td { height: 60px; text-align: center; color: #1E3135; font-size: 13px; font-weight: 400; line-height: 14px}
#tabla-tipo-datos.tabla td a {color: #1E3135; text-decoration: underline}
#tabla-tipo-datos.tabla td a.btn-info {color: #fff; text-decoration: underline}

#tabla-tipo-datos.tabla tr { background: #E6F1FF}
#tabla-tipo-datos.tabla tr:nth-child(odd) { background: #fff}
#tabla-tipo-datos.tabla th:after,
#tabla-tipo-datos.tabla th:before { opacity: 1;}

ul#recetas_list { margin: 0; padding: 0; list-style: none}
ul#recetas_list li { padding: 0 0 5px; margin: 0; list-style: none}
ul#recetas_list li a {color: #1E3135; text-decoration: underline}


ul.form-group { margin: 0; padding: 0; list-style: none}
ul.form-group li { padding: 0 0 5px; margin: 0; list-style: none}
ul.form-group li a {color: #1E3135; text-decoration: underline}




tfoot { display: none}

#tabla-tipo-datos_wrapper .row:nth-child(3) { margin: 0; border-radius: 0 0 12px 12px; }

.page-item:first-child .page-link { background: none; color:#fff;border:none}
.page-item.active .page-link  {background-color: #193B68;}
.page-item .page-link  {color: #fff; background-color: transparent; border: none}
div.dataTables_wrapper div.dataTables_info { padding-top: 20px;}
div.dataTables_wrapper div.dataTables_paginate { padding:10px 0}

.page-item.disabled .page-link { background: none; color:#fff;border:none; opacity: 0.3}


.examenes_solicitados {}
.examenes_solicitados {max-height: 200px; overflow-y: scroll; margin: 0 0 0px;}
/* width */
.examenes_solicitados::-webkit-scrollbar {  width: 4px; }
/* Track */
.examenes_solicitados::-webkit-scrollbar-track {  background: #507E8A;}
/* Handle */
.examenes_solicitados::-webkit-scrollbar-thumb {  background: #3F82AE;}

.examenes_solicitados ul { margin: 0; padding: 0; }
.examenes_solicitados ul li { padding: 5px 15px; margin: 0; border-bottom: solid 1px #000; font-size: 13px; line-height: 18px; text-transform: capitalize;}
.examenes_solicitados ul li a { float: right; display: block; margin: 0 20px 30px 10px; color: #1E3135; text-decoration: underline}





.fc .fc-col-header-cell-cushion  { color: #1E3135}


/* Dashboard */

#app {font-family: 'Montserrat', sans-serif; background: #F5F9FF}
#app .navbar-bg {height: 100px;}
#app .navbar {z-index: 1000; background:#314D54; left:0; height: 100px; padding: 0; position: fixed; top: 0;}
#app .main-sidebar {	top: 100px; background: #E6F1FF; max-width: 300px; width: 100%}
#app .main-sidebar .sidebar-brand { display: none;}
#app .navbar .nav-link.nav-link-user { font-size: 15px;}
#app .main-content { padding-top: 110px;padding-left: 330px; background: #F9FBFF}


body.sidebar-mini #app .main-sidebar {width: 65px;}
body.sidebar-mini  #app .main-content,
body.sidebar-mini  #app .main-footer {padding-left: 90px;}

#app .main-sidebar .sidebar-menu li { line-height: 80px; background: #EAF2FF; border-bottom: solid 1px #1E3135; font-size: 16px; color: #314D54}
#app .main-sidebar .sidebar-menu li.active,
#app .main-sidebar .sidebar-menu li:hover { background: #F9FBFF; color: #314D54}
#app .main-sidebar .sidebar-menu li.active a,
#app .main-sidebar .sidebar-menu li:hover a {color:#314D54; font-weight: 700; background: #F9FBFF }
#app .main-sidebar .sidebar-menu li a { height: auto; color: #314D54; font-weight: 400; }

#app .section .section-header {padding: 34px 20px; background: #F9FBFF}
#app .section .section-header h3 { font-size: 40px; color: #1E3135; font-weight: 700}
#app .section .section-header .btn { display: inline-block; margin: 0 0 0 40px; background: #507E8A; box-shadow:0 2px 6px #507E8A; border-color:#507E8A}
#app .section .section-header .btn:hover { opacity: 0.8; background: #57B6DF !important;}


#app .main-footer {	position: relative; z-index: 99999999999;  background: #F5F9FF}


#app .card { background: #F9FBFF; box-shadow: none}
#app .card.order-card { background: #EAF2FF }



#app .card .card-block { padding: 70px 0;}
#app .card .card-block h2 {  font-weight: 400; font-size: 30px; text-align: center !important;}
#app .card .card-block h2 a {color: #23373C !important;font-weight: 300;}
#app .card .card-block h2 span { font-weight: 700}

#app .order-card i { display: block; float: none; text-align: center; background: #507E8A; max-width: 80px; margin: 0 auto; line-height: 80px; border-radius: 50%; color: #fff;}


#app table.table { border: solid 1px #507E8A}
#app table.table th {background: #507E8A; height: 70px; text-align: center; color: #ffffff; font-size: 16px; font-weight: 500;}
#app table.table td { height: 60px; text-align: center; color: #1E3135; font-size: 16px; font-weight: 300; line-height: 14px}
#app table.table tr { background: #F5F9FF }
#app table.table tr:nth-child(odd) { background: rgba(230, 241, 255, 0.7)}

#app table.table td .medico { background: #7BD2DD; color: #fff}
#app table.table td .admin { background: #97B1D8; color: #fff}

#app table.table td .badge-dark { background: #250F23; color: #fff; padding: 0 20px; line-height: 24px; border-radius: 10px;}
#app table.table td .badge-dark.super { background: #507E8A; color: #fff; padding: 0 20px; line-height: 24px;border-radius: 10px;}

#app table.table td h5 { margin:0; font-size: 13px; font-weight: 300}







#app .btn-info,
#app .btn-info.disabled { background: #314D54; color: #fff; border-radius: 10px;	 border-color: #314D54; 	box-shadow: none;font-weight: 300;padding: 0px 20px;}
#app .btn-danger,
#app .btn-danger.disabled { background: #314D54; color: #fff; border-radius: 10px; 	border-color: #314D54; 	box-shadow: none;font-weight: 300;padding: 0px 20px;}


#app .pagination {}
#app .pagination li {}

#app .pagination li:first-child span::after { content: 'Anterior'; margin: 0 5px}
#app .pagination li:last-child span::before { content: 'Siguiente'; margin: 0 5px}
#app .pagination li:first-child a::after { content: 'Anterior'; margin: 0 5px}
#app .pagination li:last-child a::before { content: 'Siguiente'; margin: 0 5px}

#app .pagination li.page-link:last-child {  border-radius: 0px;}
#app .pagination li:first-child .page-link:hover { background: none; color:#507E8A}
#app .pagination li:last-child .page-link:hover { background: none; color:#507E8A}

#app .pagination .page-item.active .page-link { width: 28px; line-height: 28px; padding: 0; text-align: center; border-radius: 50%; background-color: #507E8A; color: #fff}
#app .pagination .page-item .page-link {padding: 5.25px 6px; min-width: 28px; text-align: center; border-radius: 50%; color: #23373C; font-weight: 400}
#app .pagination .page-item.previous .page-link { background: none; color: #23373C}
#app .pagination .page-item.next .page-link { background: none; color: #23373C}
#app .pagination .page-link:hover { background-color: #507E8A; color: #23373C}



#app .card.roles {	background: none; border: none; box-shadow: none;}
#app .card.roles .btn { top: 6px; right: 20px; line-height: 18px; background: #193B68; height: calc(1.2em + 0.75rem + 1px); border: none; color:#fff;border-radius:20px; font-size: 14px}

#app .permisos {}


.container-label {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius:50%;
}

/* On mouse-over, add a grey background color */
.container-label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-label input:checked ~ .checkmark {
  background-color: #3F82AE;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-label .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



textarea#observacion.form-control {
    height: auto !important;
}

/** Mike **/
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.modal-xl { max-width: 1400px;}

body.recetadescarga { background: #fff}

#receta-descarga { padding: 40px; max-width: 816px; font-family: Arial, Helvetica, "sans-serif"}
#receta-descarga .top {}
#receta-descarga .top .logo { margin: 0 0 20px}
#receta-descarga .top .datos { margin: 0 -15px 20px}
#receta-descarga .top .datos .dato { border-bottom: solid 1px #000; margin: 10px 0}
#receta-descarga .top .datos .dato span { border-bottom: solid 1px #fff; display: inline-block; margin: 0 5px -1px 0; padding: 0 10px 0 0; width: 100%; max-width: 140px;}
#receta-descarga .cuerpo { margin: 0 0 40px; padding: 40px 0}
#receta-descarga .footer { border-top: solid 1px #000; padding: 20px 0}
#receta-descarga .footer .bajada { padding: 40px 0}


/* CSS KEVIN */

ul.list-post li {padding: 0; margin: 0; list-style: none; border-bottom: solid 1px #507E8A; font-size: 13px; line-height: 28px;}
ul.list-post li a { float: right; display: inline-block; }
ul.list-post li .cod{ display: inline-block; margin: 0 10px  }
ul.list-post li .nomb{ display: inline-block; margin: 0 10px; }

.codigo {font-size: 14px;margin: 0 10px;font-weight: 500;}
.nombre {font-size: 14px; font-weight: 500;}

ul.codigo {font-size: 14px; font-weight: 500; line-height: 28px; margin: 0 10px; }


ul.list-inter { border-top: solid 1px #507E8A; margin: 0; padding: 0; list-style: none;}
ul.list-inter li { padding: 0; margin: 0; list-style: none; border-bottom: solid 1px #507E8A; font-size: 13px; line-height: 28px;}
ul.list-inter li a { float: right; display: inline-block; padding-right: 5px }
ul.list-inter li .cod{ display: inline-block; margin: 0 10px; padding: 0 5px}
ul.list-inter li .nomb{ display: inline-block; margin: 0 10px; font-size: 13px; }

.campo-libre{max-height: 102px; overflow-y: scroll; padding: 0 10px}
.campo-libre::-webkit-scrollbar {  width: 4px; }
/* Track */
.campo-libre::-webkit-scrollbar-track {  background: #507E8A;}
/* Handle */
.campo-libre::-webkit-scrollbar-thumb {  background: #3F82AE;}

.campo-libre ul { margin: 0; padding: 0; list-style: none}
.campo-libre ul li { padding: 0; margin: 0; list-style: none; }
/* .examenes_solicitados ul li a { float: right; display: block; margin: 0 20px 0 0} */
.campo-libre ul li a { float: right; display: block;}

ul.campo-libre li{list-style: none; font-size: 13px; line-height: 28px;}


.observaciones { margin-top: 2rem;}
.historial {margin-top: 2rem;}
.observaciones textarea{height: 100px}
.indicaciones textarea {height: 100px;}
.form-check-input {padding: 0 30px ;}

.form-check-inline {padding-left: 15px;}

.recuentos {margin-top: 20px;}

.small-equipo {font-size: 10px; color: red;}

#equipo-quir {margin-top: 20px;}
#equipo-quir td {padding: 5px; font-size: 14px;}
#equipo-quir td select.form-control {border: none}
#equipo-quir tr {border-bottom: 1px solid #3F82AE;}
#equipo-quir {}


.recuentos-ancho{padding-left: 15px; margin-top: 20px ;max-width: 300px;}

.recuentos-tabla {}
.recuentos-tabla .form-check-input {margin-left: 0px}
.recuentos-tabla .form-check-label {margin-left: 20px}
.recuentos-tabla.bio {margin: 40px 0 0 0;}

.label-contador {border: 1px solid #3F82AE;padding: 0 10px;border-radius: 10px; margin-top: 5px;}
.btn-menos {border: none; background-color: white;vertical-align: middle;}
.btn-mas {border: none; background-color: white;vertical-align: middle;}
.check{vertical-align: middle;}

.radio-check{}

.biopsia{margin-top: 20px;margin-left: 55px;}
.bio-move{margin-left: 27px}

.select-move {padding: 0;}


.container.equipo{padding-bottom: 15px;}
.container.post{padding-bottom: 7px;}

.form-check.rec-radio{padding-left: 62px;}
.form-check.rec-radio-no{padding-left: 60px;}

.form-check.rec-radio.gasas{margin-left: 39px}
.form-check.rec-radio.torulas{margin-left: 29px}
.form-check.rec-radio.instrumental{margin-left: 39px}
.form-check.rec-radio.agujas{margin-left: 39px}

.form-check-input.mover{padding-left: 20px;}

.margin-biopsia{padding: 45px 110px; background: #fff; height: 100%}

.cuadro-biopsia{background: #3F82AE; color: #fff; font-size: 16px; line-height: 33px; font-weight: 700; padding: 0 20px; border-radius: 12px 12px 0 0; margin: 0; position: relative}

a.editar {color:#fff; height: 28px; font-size: 13px; padding: 0 20px; font-weight: 400; border-radius: 14px; background: #314D54; border: none;  line-height: 28px; margin: 4px 0 4px 0; float: right}
a.editar span { background: url("../images/ico-print.svg") right center no-repeat; padding: 0 16px 0 0; display: inline-block;}
a.editar:hover { background: #57B6DF; color:#fff}

button.guardar {color:#fff;height: 28px; font-size: 13px; padding: 0 20px; font-weight: 400; border-radius: 14px; background: #314D54; border: none;  line-height: 28px; margin: 4px 10px 0 0; float: right}
button.guardar span { background: url("../images/ico-agregar.svg") right center no-repeat; padding: 0 22px 0 0; display: inline-block;}
button.guardar:hover { background: #57B6DF; color:#fff}

a.imprimir {color:#fff;height: 28px; font-size: 13px; padding: 0 20px; font-weight: 400; border-radius: 14px; background: #314D54; border: none;  line-height: 28px; margin: 4px 10px 0 0; float: right}
a.imprimir span { background: url("../images/ico-star.svg") right center no-repeat; padding: 0 16px 0 0; display: inline-block;}
a.imprimir:hover { background: #57B6DF; color:#fff}
.botones-top{gap: 10px;}


.sala-proc{font-size: 14px;}
.border-tr{border-bottom: 1px solid #3F82AE; color: #193B68;}

#biopsia-border{border: none;margin-top: 20px;}
#biopsia-border td {padding: 10px; font-size: 14px;}

/* .sintom-ante{border-bottom: 1px solid #3F82AE; color: #193B68; } */
.interior.border-servicio{border-top-right-radius: 20px; border-top-left-radius: 20px ;}

h3.sintomas-fondo{background-color: white; color: #34395e;}
h3.diagnostico-fondo{background-color: white; color: #34395e;}
h3.nombre-firma{background-color: white; color: #34395e;}

.interior.tabla-biopsia{border-top-right-radius: 20px; border-top-left-radius: 20px; margin-top: 25px;}

/* #li-primero{border-top: 1px solid #193B68;} */


.interior.diagnostico{margin-top: 25px; padding-top: 20px; border-top-right-radius: 20px; border-top-left-radius: 20px}

.interior.nombre-firma{margin-top: 25px; border-top-right-radius: 20px; border-top-left-radius: 20px; padding-bottom: 92px;}

/* .col-12.mod-cuadro{background-color: #3F82AE; margin: 50px 0 0 0; padding-bottom: 5px; } */

/* .medidas-biopsia{padding: 0 20px 0 20px;} */
.medidas-biopsia{padding: 0 20px 0 80px;}
.derecha-medidas{padding: 0 80px 0 0}

.anestesia-div{margin-top: 60px;}

.recuentos-margen{margin-bottom: 35px;}

.intervencion{}


.form-group.nombre-paciente{margin-top: 1rem;}

.row.cuerpo.biopsia-margin{ margin-right: 0;  margin-left: 0}

body{background-color: white;}

.span-servicios{overflow: hidden; width: 200px;}
.radio-pabellon.radio-pabellon{padding-left: 20px;}
/* #header-biopsia-menu{margin: 50px 0 0px 80px;} */

#header-biopsia { padding: 0 105px;
    background: rgb(31,58,100);
    background: -moz-linear-gradient(90deg, rgba(31,58,100,1) 0%, rgba(94,127,177,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(31,58,100,1) 0%, rgba(94,127,177,1) 100%);
    background: linear-gradient(90deg, rgba(31,58,100,1) 0%, rgba(94,127,177,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f3a64",endColorstr="#5e7fb1",GradientType=1);
    line-height: 46px; font-size: 16px; font-weight: 700; color: #fff;
}

.text-area-medidas{padding-left: 18px;}

.position-fecha{position: relative;}
.span-calendario{top:31px;right: 1px;background: #193B68;padding: 5px 40px;border-radius: 50px; color: white;}

.icon-svg-nombre{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;right: 1px;top: 31px;}
.icon-svg-rut{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;right: 16px;top: 31px;}
.icon-svg-fecha{padding: 9px;position: absolute;right: 130px;top: 31px;}
.icon-svg-td-1{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 127px;left: 245px;}
.icon-svg-td-2{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 127px;left: 515px;}
.icon-svg-td-3{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 127px;right: 31px;}
.icon-svg-td-4{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 182px;left: 245px;}
.icon-svg-td-5{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 182px;left: 515px;}
.icon-svg-td-6{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 182px;right: 31px;}
.icon-svg-td-7{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 238px;left: 245px;}
.icon-svg-td-8{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 238px;left: 515px;}
.icon-svg-td-9{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 238px;right: 31px;}
.icon-svg-doctor{background-color: #193B68;border-radius: 50%;padding: 9px;position: absolute;top: 1px;right: 15px;}

.btn-num-frascos{height: calc(1.5em + 0.75rem + 4px); border-radius: 20px; border-color: #507E8A; color: #3F82AE; font-size: 13px;}

.recuentos-radio-primer{}
.td-recuentos{}

#col-12-editar{border-radius: 12px 12px 0 0; margin-top: 50px; background-color: #507E8A; margin-left: 80px; margin-right: 80px;}
#editar-col-12{margin-right: 160px}

#contenido{}







/* Rediseño */
.navbar .nav-link.nav-link-user img { background: #23373C; height: 30px; padding: 5px;}
/* Ordena los titulos en fullcalendar a la iz. */
.fc-view > table td{text-align: left !important;}

#salida-historico .linea { border-bottom: solid 1px #3F82AE; padding: 5px 0; line-height: 18px;}
#salida-historico .linea:last-child { border-bottom: none}
#salida-historico a {float: right; display: block; margin: 0 20px 30px 10px; color: #1E3135; text-decoration: underline;}

#atencionExamenModal .mod-cuadro .dropdown-menu { width: auto}

/* Epicrisis */
#epicrisis-editar{background-color:  #fff; margin-bottom: 5px;}
.lista-diagnosticos{list-style: none; text-align: left;}
.domicilio{padding-left: 0;}

textarea.form-control.epicrisis-text { font-size: 13px; border: none;color: #1F3A64;}

.firma {border-top: 1px solid #AAC9DA; height: 2px; max-width: 300px; padding: 0; margin: 50px; color: #3F82AE; font-weight: bold;font-size: 16px;}
.form-control.text-area-indicaciones{border-radius: 0}

.destino-epicrisis{background: #3F82AE; color: #fff; font-size: 16px; line-height: 33px; font-weight: 700; padding: 0 20px; border-radius: 12px 0 0; margin: 0; }
.control-epicrisis{background: #3F82AE; color: #fff; font-size: 16px; line-height: 33px; font-weight: 700; padding: 0 20px; border-radius: 0 12px 0 0 ; margin: 0; }


.intervencion .dropdown-menu {min-width: 200px; width: initial !important}

@media (max-width:820px){
  #app .main-content { padding: 10px}
  #nav-tabContent .tab-pane { padding: 120px 15px 15px 70px; background: #fff; height: 100%;}
}

/* Ficha Enfemería */
#interior .mod-cuadro .medicamentos h3 {}

.boton-ficha-enf {text-align: right; margin: 10px 0;}
.mod-cuadro.cuadro-sin-fondo {background: #fff;}
.medicamentos-fondo {background: #fff !important; color: #1F3A64 !important; border: solid 1px #3F82AE; border-bottom: none; padding: 10px 30px !important;}

.radio-ingreso {padding: 5px 0;}








.medicamentos-fondo {color: #3F82AE !important;}
#exampleFormControlTextarea1 {border-radius: 5px;}




#table-ingreso {border-color:#3F82AE ;}
#table-ingreso td {padding: 5px 20px; text-align: left !important}
#table-ingreso.table.table-hover td {padding: 5px 0px 5px 30px;}
#table-ingreso.table.table-hover td:first-child { max-width: 150px}
#table-ingreso.table.table-hover input.form-check-input { vertical-align: middle;}
#table-ingreso.table.table-hover label.form-check-label { vertical-align: middle}






#table-ingreso tr:hover {background-color: #cfe6f5}
#table-ingreso .form-check {padding: 5px 30px;}
#table-ingreso.table.table-hover .form-check { padding: initial !important; padding-left: 1.25rem !important}
#table-ingreso td input {border: none; text-align: center; background: transparent;}
#table-ingreso .input-ficha {width: 100%;}
#table-ingreso td input:focus {outline: none;}

#tabla-signos {}
#tabla-signos td {padding: 0 0 10px;}
#tabla-signos input {border-radius: 10px;}

.text-area-ingreso {padding-left: 95px}
#ingreso .form-check label {padding-left: 20px;}


.antecedentes-quirurgicos { height: auto !important;}

.row.botones { width: 100%;}

@print{

}