/*### estilo.css INICIO ###*/

/* ------------------ */
/*      GRIDS         */
/* ------------------ */

.col-5 {width: 5% !important}
.col-8 {width: 8% !important}
.col-10 {width: 10% !important}
.col-15 {width: 15% !important}
.col-20 {width: 20% !important}
.col-25 {width: 25% !important}
.col-30 {width: 30% !important}
.col-33 {width: 33% !important}
.col-35 {width: 35% !important}
.col-40 {width: 40% !important}
.col-45 {width: 45% !important}
.col-50 {width: 50% !important}
.col-60 {width: 60% !important}
.col-66 {width: 66% !important}
.col-70 {width: 70% !important}
.col-80 {width: 80% !important}
.col-90 {width: 90% !important}
.col-95 {width: 95% !important}
.col-100 {width: 100% !important}
.col-17px {width: 17px !important}
.col-rigid {width: 100px !important} 
.col-small-rigid {width: 70px !important}
 
/*
.h-10, .h-20, .h-30, .h-40, .h-50 {
display: block; 
overflow-y: scroll
}
*/
 
.h-10 {max-height: calc(10vh - var(--max-fijo))}
.h-15 {max-height: calc(15vh - var(--max-fijo))}
.h-20 {max-height: calc(20vh - var(--max-fijo))}
.h-30 {max-height: calc(30vh - var(--max-fijo))}
.h-40 {max-height: calc(40vh - var(--max-fijo))}
.h-50 {max-height: calc(50vh - var(--max-fijo))}
.h-60 {max-height: calc(60vh - var(--max-fijo))}
.h-75 {max-height: calc(75vh - var(--max-fijo))}
.h-100 {max-height: calc(100vh - var(--max-fijo))}
.h-custom {max-height: calc(var(--max-percent) - var(--max-fijo))}
.h-100perc {max-height: 100%;}
 
 
:root {

    /* Alturas */
    --h-fijo: 0px;
    --h-percent: 100vh;

    --max-fijo: 0px;
    --max-percent: 100vh;

    /* Pixeles */
    --tamano-0: 0;
    --tamano-2: 2px;
    --tamano-5: 5px;
    --tamano-8: 8px;
    --tamano-10: 10px;
    --tamano-15: 15px;
    --tamano-20: 20px;
}

.height-resolution {height: 100vh}
.max-10 {height: calc(10vh - var(--h-fijo));}
.max-20 {height: calc(20vh - var(--h-fijo));}
.max-25 {height: calc(25vh - var(--h-fijo));}
.max-30 {height: calc(30vh - var(--h-fijo));}
.max-35 {height: calc(35vh - var(--h-fijo));}
.max-40 {height: calc(40vh - var(--h-fijo));}
.max-50 {height: calc(50vh - var(--h-fijo));}
.max-75 {height: calc(75vh - var(--h-fijo));}
.max-custom {height: calc(var(--h-percent) - var(--h-fijo))}
 
 .noBold {
     font-weight: normal !important;
 }

 .topping {
     margin: 15vh auto !important;
 }
  
 .h-33px {
     height: 33px;
 }
 
 .scrolling {
     overflow: auto;
 }
 
 iframe {
     width: 100%;
     border: none;
     height: 100vh;
 }
 
 .boxmaster {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     /*justify-content: space-between;*/
 }
 
 .boxmaster .box {
     margin: 1% 0.3% 0 0; 
 }
 
 .alignObjects {
     display: flex;
     align-items: center;
 }
 
 .major {
     font-size: 4em;
     margin: 0.2em 0em 0em 0em;
 }
 
 .inner {
     padding: 0.5em;
 }
 
 .textNews {
     height: 10vh;
 }
 
 .small-font {
     font-size: 0.9em !important;
 }
 
 .icons {
     position: absolute;
     font-size: 2.5em;
     padding-left: 8.5em; 
     margin-top: 0em;
 }
 
 .icons i {
     padding: 0.25em;
     margin: 0.075em;
 }
 
 .top-marg {
     margin-top: 20px !important; 
 }
 
 .foot-launcher {
     width: 83%;
     position: absolute;
     text-align: center;
     bottom: 0;
 }
 
 .list-block ul {
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     margin: 0.75em 0;
     padding: 0;
 }
 
 .list-block li {
     border: 1px solid grey;
     padding: 0.25em;
     margin: 0.25em;
 }
 
 @media (min-width: 1800px) {
     
     .icons {
         padding-left: 14em; 
     }
 
 }
 
 /* ------------------ */
 /*      LOGIN         */
 /* ------------------ */
 
 .line {
     display: flex;
     justify-content: center;
     flex-direction: row;
     font-size: 1.5em;
     align-items: center;
     /* padding-bottom: 0.5em; */
     margin: 0 auto;
     float: right;
 }
 
 .profile {
     margin: 1em 0;
     display: flex;
     flex-direction: row;
 }
 
 .profile img {
     border: 2px solid #0681b2;
     border-radius: 100px; 
     margin: 0 1em;
 }
 
 .pro2 img {
     width: 40px !important;
     height: 40px !important;
 }
 
 .hd-profile {
     padding: 0.5em 0.25em;
     display: flex;
     align-items: center;
 }
 
 .hd-profile img {
     width: 70px;
     height: 70px;
 }
 
 .hd-profile i {
     font-size: 2em;
 }
 
 .hd-profile table {
     font-size: 1.15em;
 }
 
 .avatar img, .w-avatar img {
     border-radius: 100px;
     border: 2px solid #0681B2;
     margin: 10px 0;
     width: 90px;
     height: 90px;
     object-fit: cover;
     margin-right: 0.5em;
 }
 
 h2.error.tomatoText {
     font-size: 6em;
 }
 
 div.dataTables_wrapper div.dataTables_filter {
     float: none;
     text-align: left;
 }
 
 /* div.dataTables_wrapper div.dataTables_filter input {
     height: 26px;
     width: 280px;
     margin-left: 0px;
 }*/
 
 /* Popover CABECERA, HOSP/OP 
 .popover-content {
     font-size: 14px;
     font-weight: 600;
     text-align:center;
 }*/
 
 .text-celeste {
    color: #0681b2;
 }
 
 .scrollbar {
     float: left;
     overflow-y: scroll;
 }
 
 .truncate, .truncate2 {
     max-width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .truncate2 {
     max-width: 88px;
 }
 
 .headerTabla {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 
 /*
  *  STYLE 1
  */
 
 #style-1::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: #e8e3e3;
     box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 }
 
 #style-1::-webkit-scrollbar {
     width: 12px;
     background-color: rgba(255, 255, 255, 0);
 }
 
 #style-1::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: #3c6271;
     box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 }
 
 .degradeOrangeWhiteCanvas {
     background: -moz-linear-gradient(270deg, rgba(238,118,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* ff3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,196,48,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
     background: -webkit-linear-gradient(270deg, rgba(255,196,48,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
     background: -o-linear-gradient(270deg, rgba(255,196,48,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
     background: -ms-linear-gradient(270deg, rgba(255,196,48,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* ie10+ */
     background: linear-gradient(180deg, rgba(255,196,48,0.5) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* w3c */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC430', endColorstr='#FFFFFF',GradientType=0 ); /* ie6-9 */
 }
 
 div.dataTables_wrapper {
     margin: 0;
 }
 
 .color-profile {
     border: 2px solid transparent;
     background-color: #BABA35;
     color: white;
 }
 
 .color-blocked {
     /*border: 2px solid tomato;*/
     color: #8b7b78 !important;
     text-align: center;
     margin: 0.5em 0;
 }
 
 .color-primary {
     background: #0681B2;
     color: white;
 }
 
 .color-panel {
     background: white;
     color: #0681B2;
     font-weight: bold;
     border-bottom: 1px solid #0681B2;
 }
 
 .one {
     height: 38px;
     width: 100%;
     position: relative;
     border: 2px solid #0681B2;
 }
 
 .one .inner {
     position: absolute;
     width: 100%; 
     margin: -5px 5px;
 }
 
 .one .subinner {
     position:absolute;
     text-align:right;
     width:100%;
     top: 5px;
     margin-left: -20px;
 }
 
 .especial {
     width:45%;
 }
 
 .change {
     margin: 1.75em 0;
     height: 50px;
     border: 2px solid #fff;
 }
 
 .bdDiagnosticos, #bodyIntervencion, .bdApoyo, .bdDetalle, .bdtextarea {
     width: 100%; 
     display: block; 
     overflow-y: scroll; 
     height: 40vh;
 }
 
 #bodyIntervencion {
     height: 38vh;
 }
 
 .bdDetalle {
     height: 65vh;
 }
 
 .bdtextarea {
     color:#363636; 
     display:block; 
     word-break:break-word; 
     overflow-y:scroll; 
     padding:0.25em;
 }
 
 /*
 .color-profile:hover, .color-blocked:hover {
     color: white;
     transition: 0.25s;
 }*/
 
 .color-profile:hover {
     border: 2px solid #BABA35;
     background: white;
     color: #BABA35;
 }
 
 .login span {
     font-weight: bold;
 }
 
 .login {
     width: 35%;
     margin: 40px auto;
     margin-bottom: 0px;
     font-size: 1em;
     color: #0681B2;
     font-family: sans-serif;
 }
 
 .login img {
     display: flex;
     flex-direction: row;
     justify-content: center;
     margin: 1em 0;
     width: 100%;
 }
 
 .hd-login {
     padding: 0;
     color: #0681B2;
     border-top: 2px solid #0681B2;
     display: flex;
     flex-direction: row;
     justify-content: center;
 }
 
 .login i {
     font-size: 1.5em;
     padding: 0 0.25em;
 }
 
 .bd-login {
     padding: 0;
     display: flex;
     justify-content: center;
 }
 
 .bd-login .center {
     margin: 0 auto;
     /*width: 75%;*/
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 .bd-login i {
     font-size: 2.75em;
     color: #0681B2;
     float: left;
 }
 
 .bd-login input {
     margin: 0.25em 0;
     font-size: 1em;
     border: 2px solid #0681B2;
     text-indent: 1em;
     padding: 0.25em 0;
     color: grey;
     /*width: 85%;*/
 }
 
 .login-btn {
     display: flex;
     border: none;
     padding: 0.25em 1em;
     margin: 1em auto;
     font-size: 1em;
     cursor: pointer;
 }
 
 .login-btn:hover {
     box-shadow: 4px 4px grey;
     transition: 0.5s;
 }
 
 .ft-login {
     text-align: center;
     padding: 0;
     min-width: 110px;
 }
 
 /* ------------------ */
 /*      RESTO         */
 /* ------------------ */
 
 .center {
     text-align: center;
     margin: 0 auto;
 }
 
 .center i {
     font-size: 40px;
 }
 
 .center p {
     font-size: 10px;
     text-align: center;
 }
 
 .smallcircle {
     height: 15px;
     width: 15px;
     border-radius: 100px;
     text-align: center;
     margin: 0 auto;
 }
 
 .smallcircle span {
     display: none;
 }
 
 .circle {
     border-radius: 100px;
     text-align: center;
     margin: 0 auto;
     cursor: pointer;
     user-select: none;
     outline: none;
     transition: 250ms;
 }
 
 /* Categorizador */
 
 .c1 {
     background: #f81919;
     color: white;
 }
 
 .c2 {
     background: #fdab15;
     color: white;
 }
 
 .c3 {
     background: #f0e216;
     color: white;
 }
 
 .c4 {
     background: #1ab921;
     color: white;
 }
 
 .c5 {
     background: #36bff4;
     color: white;
 }
 
 .c6 {
     background: transparent;
     color: grey;
 }
 
 .c1:focus {
     color: white !important;
 }
 
 .c2:focus {
     color: white !important;
 }
 
 .c3:focus {
     color: white !important;
 }
 
 .c4:focus {
     color: white !important;
 }
 
 .c5:focus {
     color: white !important;
 }
 
 .c6:focus {
     color: white !important;
 }
 
 /*.c1:hover {
     color: #BABA35 !important;
 }
 
 .c2:hover {
     color: #BABA35 !important;
 }
 
 .c3:hover {
     color: #BABA35 !important;
 }
 
 .c4:hover {
     color: #BABA35 !important;
 }
 
 .c5:hover {
     color: #BABA35 !important;
 }
 
 .c6:hover {
     color: #BABA35 !important;
 }*/
 
 .big {
     width: 60px;
     font-size: 36px;
 }
 
 .bigger {
     width: 150px;
     font-size: 90px;
 }
 
 .mini {
     width: 28px;
     font-size: 16px;
 }
 
 .short {
     height: 45px;
 }
 
 .green, .save, .confirm, .done, .add {
     text-align: center;
     background: white;
     border: 1px solid #8ebc1a;
     color: #8ebc1a;
     /*border: 2px solid transparent;*/
 }
 
 .green:hover:not(:disabled), .save:hover, .confirm:hover, .done:hover, .add:hover {
     background: #8ebc1a;
     color: white;
     transition: 0.25s;
 }
 
 .greenText {
     color: #8ebc1a;
     font-weight: bold; 
 }
 
 .bg-white {
     border: 1px solid grey;
     background: white;
 }
 
 .bg-green {
     color: white !important;
     background: #8ebc1a !important;
 }
 
 .gold, .caution, .favorite {
     text-align: center;
     background: white;
     border: 1px solid goldenrod;
     color: goldenrod;
 }
 
 .gold:hover, .caution:hover, .favorite:hover {
     background: goldenrod;
     color: white;
     transition: 0.25s;
 }
 
 .bg-gold {
     color: white !important;
     background: goldenrod !important;
 }
 
 .goldText {
     color: goldenrod;
     font-weight: bold; 
 }
 
 .blue, .print, .look, .search, .edit {
     text-align: center;
     background: white;
     color: #0681B2;
     border: 1px solid #0681B2;
 }
 
 .blueBorder {
     /*border: 1px solid #0681B2 !important;*/
     /*background: #c3e4f4;*/
     padding: 0px 0px !important;
     border-width: 1px 1px 0 1px;
     border-style: solid;
     border-color: #0681b2
 }
 
 .blue:hover:not(:disabled), .print:hover, .look:hover, .search:hover, .edit:hover {
     background: #0681B2;
     color: white;
     transition: 0.25s;
 }
 
 .blueText {
     color: #0681B2;
     font-weight: bold; 
 }
 
 .bg-blue {
     color: white !important;
     background: #0681B2 !important; 
     border: 1px solid transparent;
 }
 
 .tomato, .delete, .cancel, .exit, .warning {
     text-align: center;
     background: white;
     color: tomato;
     border: 1px solid tomato;
 }
 
 .tomato:hover:not(:disabled), .delete:hover, .cancel:hover, .exit:hover, .warning:hover {
     background: tomato;
     color: white;
     transition: 0.25s;
 }
 
 .tomatoText {
     color: tomato;
     font-weight: bold; 
 }
 
 .bg-tomato {
     color: white !important;
     background: tomato !important;
 }
 
 .btnBorder {
     border: 2px solid grey !important;
 }
 
 /*
 .blue:disabled {
     background: #FAFAFA;
     border: 1px solid #D1D1D1;
     color: #8B8D8F;
     padding: 5px 10px;
     margin: 5px 0;
 }
 */
 
 .horizontal {
     display: flex;
     flex-direction: row;
     align-items: center;
 }
 
 .horizontal img {
     width: 8%;
     height: 8%;
 }
 
 .vertical {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     /*margin: 2px 0;*/
 }
 
 ul {
     padding: 0 10px;
     margin: 0;
 }
 
 ul li {
     list-style: none;
 }
 
 .inpbloq {
     font-size: 1em;
     margin-bottom: 0.5em;
 }
 
 /*Categorizacion 
 
 .login2 {
     width: 40%;
     margin: 150px auto;
     margin-bottom: 0px;
     font-size: 1.25em;
     border: 4px solid #0681B2;
     border-radius: 5px;
     color: #0681B2;
 }
 
 .hd-login2 {
     padding: 0.25em 1em;
     background: #0681B2;
     color: white;
     display: flex;
     flex-direction: row;
 }
 
 .login2 i {
     font-size: 1.25em;
     padding: 0.4em;
 }
 
 .bd-login2 {
     padding: 1em;
     display: flex;
     justify-content: center;
 }
 
 .bd-login2 i {
     font-size: 1.75em;
     color: #0681B2;
 }
 
 .bd-login2 input {
     margin: 0.25em 0;
     font-size: 1em;
     border: 2px solid #0681B2;
     text-indent: 1em;
     padding: 0.25em 0;
     color: grey;
 }
 
 .bd-login2 button {
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     color: white;
     border: none;
     padding: 0.25em 1em;
     margin: 0.25em auto;
     border: 2px solid transparent;
     font-size: 1em;
     cursor: pointer;
     float: right;
 }
 
 .bd-login2 button:hover {
     background: white;
     color: grey;
     border: 2px solid grey;
     transition: 0.25s;
 }
 
 .ft-login2 {
     text-align: center;
     padding: 1em 0;
 }*/
 
 
 /* LAUNCHER */
 
 #principal {
     display: none;
     animation-name: animateOpacity;
     animation-duration: 2s;
 }
 
 .launcher {
     display: flex;
     position: fixed;
     justify-content: center;
     align-items: baseline;
     padding-top: 10vh;
     z-index: 3;
     width: 100%;
     height: 100%;
     background: white;
     animation-name: animateOpacity;
     animation-duration: 1s;
 }
 
 .launcher .bd-login {
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
     margin: 0 auto;
     background: white;
     border: 2px solid transparent;
     text-align: center;
     padding: 2em;
     animation-name: animateOpacity;
     animation-duration: 2s;
     border: 2px solid #0681B2;
     box-shadow: 5px 5px grey;
 }
 
 .launcher .bd-login input {
     /*height: 1.5em;*/
     margin: 0.5em auto;
     font-size: 1em;
     padding: 0.25em;
     text-align: center;
 }
 
 .launcher .bd-login button {
     border: none;
     color: white;
     padding: 0;
     background: #8ebc1a;
     margin: 1em auto;
     border: 2px solid transparent;
     cursor: pointer;
 }
 
 .launcher .bd-login:hover, .launcher .bd-login button:hover, .launcher .module:hover {
     border: 2px solid #0681B2;
     box-shadow: 5px 5px grey;
     transition: 0.5s;
 }
 
 .launcher .column {
     display: flex;
     flex-direction: column;
 }
 
 /*Radios Epicrisis*/
 .radiOption .radiomark {
     top: -5px;
     left: 3px;
 }
 
 .radiobox {
     display: block;
     position: relative;
     padding-left: 30px;
     cursor: pointer;
     font-size: 0.9em;
     line-height: 2em;
     margin: 0 0.75em 0 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     text-align: left;
 }
 
 /* Hide the browser's default radio */
 .radiobox input {
     width: 0em;
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }
 
 /* Create a custom radio */
 .radiomark {
     position: absolute;
     top: 5px;
     left: 5px;
     height: 15px;
     width: 15px;
     border-radius: 50px;
     border: 3px solid #0077b5;
 }
 
 /* When the radio is checked, add a blue background */
 .radiobox input:checked ~ .radiomark {
     background-color: #0077b5;
 }
 
 /* Create the checkmark/indicator (hidden when not checked) */
 .radiomark:after {
     content: "";
     position: absolute;
     display: none;
 }
 
 /* Show the checkmark when checked */
 .radiobox input:checked ~ .radiomark:after {
     display: block;
 }
 
 /* Style the checkmark/indicator */
 .radiobox .radiomark:after {
     left: 2px;
     top: -2px;
     width: 3px;
     height: 8px;
     border: solid white;
     border-width: 0 3px 3px 0;
     box-sizing: unset;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 
 input[type="radio"].input-validation-error ~ .radiomark {
     border: 3px solid #b94a48;
 }
 
 input[type="radio"]:checked.input-validation-error ~ .radiomark {
     background-color: #b94a48;
 }
 
 /*Bordes de radios*/
 
 input[type=radio][disabled] + span {
     border: 3px solid grey;
     cursor: not-allowed;
 }
 
 /* Fondo de radios */
 
 .radiobox input[disabled]:checked ~ .radiomark{
     background-color: grey !important;
     cursor: not-allowed;
 }
 
 /* CheckBox Historial */
 .checkContainer {
     display: block;
     position: relative;
     padding-left: 40px;
     cursor: pointer;
     font-size: 0.9em;
     line-height: 2em;
     margin: 0 0.75em 0 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     text-align: left;
 }
 
 /* Hide the browser's default radio */
 .checkContainer input {
     width: 0em;
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }
 
 /* Create a custom radio */
 .checkmark {
     position: absolute;
     top: 5px;
     left: 5px;
     height: 15px;
     width: 15px;
     border: 3px solid #0077b5;
 }
 
 /* When the radio is checked, add a blue background */
 .checkContainer input:checked ~ .checkmark {
     background-color: #0077b5;
 }
 
 /* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 
 /* Show the checkmark when checked */
 .checkContainer input:checked ~ .checkmark:after {
     display: block;
 }
 
 /* Style the checkmark/indicator */
 .checkContainer .checkmark:after {
     left: 2px;
     top: -2px;
     width: 3px;
     height: 8px;
     border: solid white;
     border-width: 0 3px 3px 0;
     box-sizing: unset;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 
 input[type="checkbox"].input-validation-error ~ .checkmark {
     border: 3px solid #b94a48;
 }
 
 input[type="checkbox"]:checked.input-validation-error ~ .checkmark {
     background-color: #b94a48;
 }
 
 table td .checkContainer {
     padding-left: 0;
 }
 
 /*Bordes de checkbox*/
 
 input[type=checkbox][disabled] + span {
     border: 3px solid grey;
     cursor: not-allowed;
 }
 
 /* Fondo de checkbox */
 
 .checkContainer input[disabled]:checked ~ .checkmark {
     background-color: grey;      
 }
 
 .checkContainer input[disabled] ~ .checkmark {
     border: 2px solid #7c7c7c;
     cursor: not-allowed;
 }
 
 .checkWhite > .checkmark {
     border: 2px solid white;
 }
 
 .shy {
     display: none;
 }
 
 .MskFecha {
     background: white;
 }
 /*### estilo.css FIN ###*/
 
 /*### genericos.css INICIO ###*/
 .normal {
     color: #0681B2;
     border-bottom: 2px solid #0681B2;
 }
 
 .subtitulo {
     background-color: #DCECF8;
 }
 
 .labelSubtitulo {
     color: #4D84AF;
     margin: 5px;
     font-size: 12px;
     font-weight: bold;
 }
 
 .panel-primary {
     margin-bottom: 8px;
 }
 
 .btnTransparente {
     background-size: cover;
     border: none;
     width: 32px;
     height: 32px;
     cursor: pointer;
     background-color: white;
     color: transparent;
 }
 
 .ComboTipo {
     width: 51%;
     /*margin: 0px 26px 0px 0px;*/
     padding-top: 0px;
     padding-bottom: 0px;
     height: 30px;
     line-height: 28px;
 }
 
 .BuscarFecha {
     width: 100%;
     margin: 0px 0px 0px 0px;
     padding-top: 0px;
     padding-bottom: 0px;
     /*height: 30px;
     line-height: 28px;*/
     padding: 0 4px;
 }
 
 .SeleccionarFecha {
     width: 100%;
     margin: 0px 0px 0px 0px;
     padding-top: 0px;
     padding-bottom: 0px;
     height: 26px;
     line-height: 28px;
     padding: 0 4px;
     color: #363636 !important;
     background-color: #fff !important;
     cursor: pointer;
 }
 
 .SeleccionarFechaBloq {
     width: 100%;
     margin: 0px 0px 0px 0px;
     padding-top: 0px;
     padding-bottom: 0px;
     height: 26px;
     line-height: 28px;
     padding: 0 4px;
     color: #363636 !important;
     /*background-color: #fff !important;*/
     cursor: pointer;
 }
 
 .ScrollPacienteDia {
     display: block;
     width: 90%;
     border: 1px solid #eee;
     max-height: 400px;
     overflow: auto;
 }
 
 .ScrollOut {
     overflow: hidden;
     height: 100%;
 }
 
 .UltimaMod {
     width: 108%;
     margin: 0px 0px 0px 0px;
     padding-top: 0px;
     padding-bottom: 0px;
     height: 25px;
     line-height: 38px;
     padding: 1px 4px;
 }
 /*### genericos.css FIN ###*/
 
 /*### ModalIST.css INICIO ###*/
 /* Fondo */
 .modalPadre, .modalPadre2 {
     display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     /*z-index: 1;  Sit on top */
     padding-top: 1%; /* Location of the box */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(255,255,255,0.43); /* Black w/ opacity */
     z-index: 2;
 }
 
 .modalPadre2 {
     background-color: rgba(255,255,255,0.43); /* Black w/ opacity */
 }
 
 .modalHijo {
     position: relative;
     border: 2px solid #0681B2;
     background: white;
     margin: auto;
     float: none;
     padding: 0;
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s;
     border-radius: 3px;
     box-shadow: 0px 0px 8px 0px black;
 }
 
 /*.modalHijo:hover {
     box-shadow: 0px 0px 10px 0px black;
     transition: 0.25s linear;
 }*/
 
 .modalHijo .inner{
     margin: 5px; 
 }
 
 .headerHijo {
     border-bottom: 1px solid #0681B2;
     height: 40px;
     margin-top: -10px;
     color: #0681B2;
     font-weight: bold;
 }
 
 .headerHijo h4 {
     font-size: 1.5em;
     padding: 13px 15px;
     font-weight: bold;
 }
 
 .headerHijo thead, .headerHijo tr {
     width: 100%;
 }
 
 .headerHijo thead, .headerHijo tbody {
     overflow-y: scroll; 
     display: flex; 
     width: 100%;
 }
 
 .modal-body {
     display: flex;
     position: relative;
     padding: 15px;
 }
 
 .modal-body .line {
     display: flex;
     font-size: 1.25em;
     align-items: center;
     margin: 0 auto;
 }
 
 .modal-body textarea {
     border: 1px solid grey;
 }
 
 .modal-body .table-y {
     display: block; 
     overflow-y: scroll;
     min-height: 30vh; 
 }
 
 .modal-body hr {
     margin-top: 15px;
     border-top: 1px solid #ccc;
 }
 
 .modal-body li .checkmark {
     top: -8px;
 }
 
 .modal-body h5 {
     padding: 0.75em 0 0 0.25em;
 }
 
 .cerrar {
     width: 40px;
     height: 35px;
     position: absolute;
     float: right;
     right: 0;
     background-color: tomato;
     color: #ffffff;
     font-size: 18px;
     border: 0;
     outline: none;
 }
 
 .cerrar:hover {
     background-color: #e52300;
     color: white;
     transition: 250ms;
 }
 
 .botonCerrar:active {
     background-color: #36b4f5;
 }
 
 .col-centered {
     float: none;
     margin: 0 auto;
 }
 /*### ModalIST.css FIN ###*/
 
 /*### EstilosRalf.css INICIO ###*/
 .AsigarPaddingDiv {
     padding-top: 4px;
 }
 
 .ControlConError {
     border-color: red;
 }
 
 .title {
     font-weight: bold;
 }
 
 .tooltip {
     position: relative;
     display: inline-block;
     border-bottom: 1px dotted black;
 }
 
 .tooltip .tooltiptext {
     visibility: hidden;
     width: 120px;
     background-color: #555;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
     position: absolute;
     z-index: 1;
     bottom: 125%;
     left: 50%;
     margin-left: -60px;
     opacity: 0;
     transition: opacity 0.3s;
 }
 
 .tooltip .tooltiptext::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: #555 transparent transparent transparent;
 }
 
 .tooltip:hover .tooltiptext {
     visibility: visible;
     opacity: 1;
 }
 
 /*### EstilosRalf.css FIN ###*/
 
 /*### Validation.css INICIO ###*/
 .field-validation-error {
     color: #b94a48;
 }
 
 input.input-validation-error, .input-validation-error > .selectize-input, .input-validation-error + .chosen-container {
     border: 1px solid #b94a48;
     border-color: #b94a48;
     /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;*/
 }
 
 input.input-validation-error:focus, .input-validation-error > .selectize-input.focus, .input-validation-error + .chosen-container {
     border-color: #b94a48;
     /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;*/
 }
 
 .field-validation-valid {
     display: none;
 }
 
 input.input-validation-error:hover {
     border-color: #b94a48;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
 }
 
 select.input-validation-error {
     border: 1px solid #b94a48;
     border-color: #b94a48;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
 }
 
 input[type="checkbox"].input-validation-error {
     border: 0 none;
 }
 
 input[type="radio"].input-validation-error {
     border: 1px solid #b94a48;
 }
 
 textarea.input-validation-error {
     border: 1px solid #b94a48;
 }
 
 textarea.input-validation-error:focus {
     border-color: #b94a48;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
 }
 
 textarea.input-validation-error:hover {
     border-color: #b94a48;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333;
 }
 
 .validation-summary-errors {
     color: #b94a48;
 }
 
 .validation-summary-valid {
     display: none;
 }
 
 .text-danger {
     font-size: 11px;
 }
 
 label {
     font-weight: bold;
 }
 /*### Validation.css FIN ###*/
 
 /*### CssCustom.css INICIO ###*/
 .flashing-button-enabled {
     background-color: #004A7F;
     /*-webkit-border-radius: 10px;*/
     /*border-radius: 10px;*/
     border: none;
     color: #FFFFFF;
     cursor: pointer;
     display: inline-block;
     font-family: Arial;
     font-size: 12px;
     padding: 2px 6px;
     text-align: center;
     text-decoration: none;
     /*Dimensiones*/
     width: 100px;
     height: 32px;
     -webkit-animation: glowing 1500ms infinite;
     -moz-animation: glowing 1500ms infinite;
     -o-animation: glowing 1500ms infinite;
     animation: glowing 1500ms infinite;
 }
 
 .flashing-button-enabled:hover {
     color: #FFFFFF;
 }
 
 .flashing-button-disabled {
     background-color: #004A7F;
     font-size: 12px;
     border: none;
     color: #FFFFFF;
     cursor: pointer;
     display: inline-block;
     font-family: Arial;
     font-size: 12px;
     padding: 2px 6px;
     text-align: center;
     text-decoration: none;
     /*Dimensiones*/
     width: 100px;
     height: 32px;
 }
 
 .flashing-button-disabled:hover {
     color: #FFFFFF;
 }
 
 @-webkit-keyframes glowing {
     0% {
         background-color: #B20000;
         -webkit-box-shadow: 0 0 3px #B20000;
     }
 
     50% {
         background-color: #FF0000;
         -webkit-box-shadow: 0 0 40px #FF0000;
     }
 
     100% {
         background-color: #B20000;
         -webkit-box-shadow: 0 0 3px #B20000;
     }
 }
 
 @-moz-keyframes glowing {
     0% {
         background-color: #B20000;
         -moz-box-shadow: 0 0 3px #B20000;
     }
 
     50% {
         background-color: #FF0000;
         -moz-box-shadow: 0 0 40px #FF0000;
     }
 
     100% {
         background-color: #B20000;
         -moz-box-shadow: 0 0 3px #B20000;
     }
 }
 
 @-o-keyframes glowing {
     0% {
         background-color: #B20000;
         box-shadow: 0 0 3px #B20000;
     }
 
     50% {
         background-color: #FF0000;
         box-shadow: 0 0 40px #FF0000;
     }
 
     100% {
         background-color: #B20000;
         box-shadow: 0 0 3px #B20000;
     }
 }
 
 @keyframes glowing {
     0% {
         background-color: #B20000;
         box-shadow: 0 0 3px #B20000;
     }
 
     50% {
         background-color: #FF0000;
         box-shadow: 0 0 40px #FF0000;
     }
 
     100% {
         background-color: #B20000;
         box-shadow: 0 0 3px #B20000;
     }
 }
 
 /**/
 
 .BotonBrillando {
     animation-duration: 1s;
     animation-name: brillar;
     animation-direction: alternate;
     animation-iteration-count: infinite;
 }
 
 .BotonBrillando1 {
     animation-duration: 2s;
     animation-name: brillar1;
     animation-direction: alternate;
     animation-iteration-count: infinite;
 }
 
 .textoIST {
     color: #0681B2;
     font-weight: bold;
     text-align: center;
 }
 
 .DivTextoUnaLinea {
     height: 20px;
     overflow-y: hidden;
 }
 
 @keyframes brillar1 {
     0% {
         background-color: #3c8dbc;
         color: white;
     }
 
     100% {
         background-color: rgb(60, 179, 113);
         color: white;
     }
 }
 
 @keyframes brillar {
     0% {
     }
 
     100% {
         background-color: rgb(156, 204, 255);
     }
 }
 
 .btn-azulPropioASD {
     background-color: #39a5dc;
     color: white;
 }
 
 .btn-azulPropioASD:hover {
     background-color: #338cba;
     color: white;
 }
 
 .btn-azulPropioASD:enabled {
     background-color: #39a5dc;
     color: white;
 }
 
 .next {
     border: 1px solid rgba(0, 0, 0, 0.15);
     box-sizing: border-box;
 }
 
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #CCC;
 }
 
 
 .linkNavBar {
     color: #FFF;
     text-decoration: none;
     line-height: 2.5em;
     padding: 0.5em 1.25em;
     font-size: 1.1em;
     border-radius: 8px 8px 0 0;
 }
 
 .linkNavBar:hover {
     color: #0681B2;
     background-color: white;
     transition: 0.25s;
     text-decoration: none;
     border-radius: 8px 8px 0 0;
 }
 /*
 .linkNavBar:visited {
     color: #aebc1a;
     text-decoration: none;
 }*/
 
 .divNaveg {
     color: #FFF;
     cursor: default;
 }
 
 .divNaveg:hover {
     color: #FFF;
 }
 
 .mayus {
     text-transform: uppercase;
     user-select: none;
 }
 
 .custom-control-label {
     position: relative;
     padding: 2px 30px;
 }
 
 .tablaLimitada {
     display: block;
     margin: 0;
     padding: 0;
     width: 100%;
     height: 16px;
     overflow-y: hidden;
 }
 
 .mayus > th {
     padding: 0 !important;
     margin: 0 !important;
 }
 
 /* Nuevo Dato Médico */
 .TextosNombre {
     font-size: 10px;
     font-weight: bold;
 }
 
 .headPanel {
     border-bottom: 2px solid #0681B2;
     font-size: 1.25em;
     margin: 0.5em 0; 
 }
 
 /*
 .topPanel, .topPanel2 {
     color: black;
     background: white;
     border-left: 6px solid #0681B2;
     border-bottom: 1px solid #0681B2;
     padding-left: 5px;
     color: #0681B2;
     font-size: 0.9em;
     font-weight: bold;
     text-transform: uppercase;
     display: block;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     height: 2em;
 }
 */
 
 .topPanel, .topPanel2 {
     color: #0681B2;
     background: #c3e4f4;
     padding-left: 5px;
     font-size: 0.9em;
     font-weight: bold;
     text-transform: uppercase;
     display: block;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     height: 2em;
 }
 
 .topPanel2 {
     background: #0681B2;
     font-size: 1em;
     color: white;
 }
 
 /*
 .topPanel .btn {
     color: #0681B2 !important;
     background: transparent !important;
     border: transparent !important;
 }
 
 .topPanel .btn:hover {
     background: #0681B2;
     color: white;
     transform: 0.25s;
 }
 */
 
 .col-especial {
     width: 100px;
 }
 
 .BordeRedondeado {
     border-radius: 0px 0px 2px 2px;
 }
 
 .fondoclaro {
     background-color: rgba(238, 236, 236, 0.40) !important;
 }
 
 .BordePanelSuave2 {
     border: 2px solid rgba(57, 165, 220, 0.30);
     /*background-color: rgba(57, 165, 220, 0.30);*/
     border-radius: 0px 0px 2px 2px;
     /*margin-top: 2px;
     margin-bottom: 2px;*/
 }
 
 .textoCabeceraTabla {
     color: rgba(102, 134, 168, 1);
     text-align: center;
     font-weight: bold;
 }
 
 .textoAlerta {
     color: tomato;
 }
 
 .altoMinimoDivTabla {
     /*min-height: 75px;*/
     overflow-x: auto;
 }
 
 .altoMinimoElementos textarea {
     min-height: 75px;
     resize: vertical;
     height: auto;
 }
 
 .retomaMargen {
     margin-left: -20px;
     margin-right: -20px;
 }
 
 .glosa {
     font-style: italic;
     color: rgba(0, 0, 0, 0.70);
 }
 
 .glosaPeque {
     font-size: 10px;
 }
 
 .overY {
     overflow-y: scroll;
 }
 
 .vcenter {
     display: inline-block;
     vertical-align: middle;
     align-items: center;
     float: none;
 }
 
 .appendCustom {
     background-color: #f1f1f1;
     border-radius: 0px 3px 3px 0px;
     border: 1px solid #bbb;
     margin: 0;
     padding: 0;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 3px;
     padding-top: 5px;
     display: inline-block;
 }
 
 .addonCustom {
     background-color: #f1f1f1;
     border-radius: 3px 0px 0px 3px;
     border: 1px solid #bbb;
     margin: 0;
     padding: 0;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 3px;
     padding-top: 5px;
     display: inline-block;
     margin-right: -5px;
 }
 
 .inputAddon {
     height: 30px;
     margin-right: -4px;
 }
 
 .inputAppend {
     height: 30px;
     margin-right: -5px;
 }
 
 .minAnchoInputs {
     min-width: 100px;
     box-sizing: border-box;
 }
 
 
 /* DATOS MÉDICOS */
 .text-area {
     padding: 2px 5px;
     margin: 0;
     min-height: 50px;
     background-color: #FFF !important;
 }
 
 .custom {
     padding-right: initial;
     margin: 0 0.25em;
 }
 
 textarea {
     resize: none;
     width: 100%;
     height: 10vh;
     border: none;
 }
 
 .readonlytextarea {
     background-color: rgba(233, 233, 233, 0.5);
 }
 
 option {
     width: 100%;
 }
 
 .antecedente .btn {
     margin: 0 auto;
 }
 
 .CustomSelect {
     padding: 0;
     margin: 0;
     width: 100%;
     height: 7vh;
 }
 
 /*
 .BordePanelSuave {
     border: 1px solid rgba(57, 165, 220, 0.10);
     background-color: rgba(57, 165, 220, 0.025);
     /*margin-top: 2px;
     margin-bottom: 2px;
 }
 */
 
 .buttonsPanel {
     display: flex;
     align-items: center;
 }
 
 .BordePanel {
     border: 1px solid #0681B2;
     background: white;
 }
 
 /*
 .BorderPanel:hover {
     border: 2px solid white;
     box-shadow: 4px 4px grey;
     transition: 0.25s;
 }
 */
 
 .BordePanelIzquierdo {
     border: 1px solid #39a5dc;
     min-height: 140px;
 }
 
 .BordePanelCentro {
     border-top: 1px solid #39a5dc;
     border-bottom: 1px solid #39a5dc;
     border-right: 1px solid #39a5dc;
     min-height: 140px;
 }
 
 .BordePanelDerecha {
     border-top: 1px solid #39a5dc;
     border-right: 1px solid #39a5dc;
     border-bottom: 1px solid #39a5dc;
     min-height: 140px;
 }
 
 .textoCentral {
     width: auto;
     text-align: center;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 0px;
 }
 
 .bold {
     font-weight: bold;
 }
 
 .paddingExamenes {
     padding: 5px;
 }
 
 .altoBotones {
     margin-bottom: 35px;
 }
 
 .botonesFlotando {
     position: fixed;
     bottom: 0;
     width: 100%;
     background-color: rgb(255, 255, 255);
     z-index: 1;
     height: 120px;
     padding-top: 10px;
     border-top: 1px solid #39a5dc;
 }
 
 .botonMenu {
     height: 55px;
     width: 55px;
     /*margin: 15px 10px 15px 10px;*/
 }
 
 .textoBotonMenu {
     font-size: 9px;
     text-align: left;
 }
 
 /* Diagnosticos */
 .tablaDiagnostico {
     height: 300px;
     overflow-y: hidden;
 }
 
 .tablaDiagnostico > th {
     padding: 0;
     margin: 0;
 }
 
 .fixed_header tbody {
     display: block;
     overflow: auto;
     height: 200px;
     width: 100%;
 }
 
 .fixed_header thead tr {
     display: block;
 }
 
 /*
 .btn-eliminar {
     background-color: tomato;
     font-size: 1.25em;
     cursor: pointer;
     color: white;
 }
 
 .btn-eliminar:hover {
     color: white !important;
     box-shadow: 4px 4px grey;
     transition: 0.25s;
 }
 
 .navVarSpan.active {
     background-color: rgba(102, 134, 168, 1);
     border-radius: 5px;
 }
 */
 
 .navVarSpan.activeMenu a {
     background-color: white;
     /*text-transform: uppercase;*/
     color: #0883B3 !important;
     border-radius: 8px 8px 0 0;
 }
 
 
 /*JB.- Borde Amarillo Hora Inicio y Hora Final Protocolo Operatorio */
 input.desbloq {
     border: 1px solid #FFD700 !important;
     border-color: #FFD700 !important;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #daa520 !important;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #daa520 !important;
 }
 
 /*JB.- Borde Verde Hora Inicio y Hora Final Protocolo Operatorio */
 input.successP {
     border: 1px solid #0b9c05 !important;
     border-color: #0b9c05 !important;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #12d80a !important;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #12d80a !important;
 }
 /*### CssCustom.css FIN ###*/
 
 /*### ResponsividadVertical.css INICIO ###*/
 .container-amplio {
     margin-left: 20px;
     margin-right: 20px;
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 /*
 .columna-amplia-izquierda {
     padding-right: 10px;
 }
 
 .columna-amplia-derecha {
     padding-left: 10px;
 }
 */
 
 .vertical-adaptativo-tabla-3x3 {
     /* calc((alturaDinámica_Página - alturaFija_Menús) / cantidadTablas - alturaFija_CabeceraTabla) */
     max-height: calc((100vh - 300px) / 3 - 72px);
 }
 
 tbody.vertical-adaptativo-tablaArea-2x2 {
     /* calc((alturaDinámica_Página - alturaFija_Menús - alturaFija_CabeceraElementos) / cantidadElementos) * proporcion) */
     max-height: calc(((100vh - 153px - 115px) / 2) * 0.55);
 }
 
 textarea.vertical-adaptativo-tablaArea-2x2 {
     /* calc(((alturaDinámica_Página - alturaFija_Menús - alturaFija_CabeceraElementos) / cantidadElementos) * propoción) */
     height: calc(((100vh - 153px - 115px) / 2) * 1.45);
 }
 
 .vertical-adaptativo-textArea-1x1 {
     /* calc((alturaDinámica_Página - alturaFija_Menús) / cantidadAreas - alturaFija_CabeceraTabla) */
     height: calc((100vh - 193px) / 1 - 42px);
 }
 
 .vertical-adaptativo-textArea-1x1.andButton {
     /* calc((alturaDinámica_Página - alturaFija_Menús) / cantidadAreas - (alturaFija_CabeceraTabla + altura_Botón)) */
     height: calc((100vh - 153px) / 1 - 72px);
 }
 
 .vertical-adaptativo-textArea-2x2.andTxtBox.andButton {
     /* calc((alturaDinámica_Página - alturaFija_Menús- (alturaFija_CabeceraTabla + altura_Botón + altura_TxtButton)) / cantidadAreas) */
     height: calc((100vh - 153px - 144px) / 2);
 }
 /*### ResponsividadVertical.css FIN ###*/
 
 h2 {
     margin-top: 3px;
     margin-bottom: 3px;
     color: #0681B2;
 }
 
 /*
 .GrabarDiagnosticos:hover {    
 }
 
 .BorrarCIE10:hover {
     background-color: #ff3c1a;
 }*/
 
 #Epicrisis_ControlGlosa {
     width: 100% !important;
 }
 
 /*ADMINLTE STYLES*/
 
 /*
     * Component: Box
     * --------------
     */
 .box {
     position: relative;
     border-radius: 3px;
     background: #ffffff;
     border: 1px solid #0681B2;
     box-shadow: none;
     margin-bottom: 8px;
     /*display: block;        
     background-size: cover;
     -webkit-clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
     clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);*/
 }

 .box2 {
    position: relative;
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #0681B2;
    box-shadow: none;
 }
 
 .box .btn {
     font-size: 11px;
 }
 
 .box .btn i {
     font-size: 16px;
     padding: 1px 3px; 
 }
 
 td .btn {
     border: none;
     /*font-size: 16px;*/
     background: transparent;
 }
 
 .box .big {
     width: 40px;
     border: 0;
     font-size: 25px;
 }
 
 .box .btn-success {
     margin: 0;
     padding: 0 0.5em;
 }
 
 .box input[type="radio"]{
     width: 25px;
 }
 
 .group-sections {
     padding: 0.5em;
 }
 
 /*.box:hover {
     box-shadow: 4px 4px grey;
     transition: 0.25s;
 }*/
 
 .inner-box {
     padding: 0 5px;
 }
 
 #info1, #info3, #datosParaImprimir, #printerDiv, #ModalVademecum, #divPasaporte {
     display: none;
 }
 
 .box.box-primary {
     border-top-color: #3c8dbc;
 }
 
 .box.box-info {
     border-top-color: #00c0ef;
 }
 
 .box.box-danger {
     border-top-color: #dd4b39;
 }
 
 .box.box-warning {
     border-top-color: #f39c12;
 }
 
 .box.box-success {
     border-top-color: #00a65a;
 }
 
 .box.box-default {
     border-top-color: #d2d6de;
 }
 
 .box.collapsed-box .box-body,
 .box.collapsed-box .box-footer {
     display: none;
 }
 
 .box .nav-stacked > li {
     border-bottom: 1px solid #f4f4f4;
     margin: 0;
 }
 
 .box .nav-stacked > li:last-of-type {
     border-bottom: none;
 }
 
 .box.height-control .box-body {
     max-height: 300px;
     overflow: auto;
 }
 
 .box .border-right {
     border-right: 1px solid #f4f4f4;
 }
 
 .box .border-left {
     border-left: 1px solid #f4f4f4;
 }
 
 .box.box-solid {
     border-top: 0;
 }
 
 .box.box-solid > .box-header .btn.btn-default {
     background: transparent;
 }
 
 .box.box-solid > .box-header .btn:hover,
 .box.box-solid > .box-header a:hover {
     background: rgba(0, 0, 0, 0.1);
 }
 
 .box.box-solid.box-default {
     border: 1px solid #d2d6de;
 }
 
 .box.box-solid.box-default > .box-header {
     color: #444444;
     background: #d2d6de;
     background-color: #d2d6de;
 }
 
 .box.box-solid.box-default > .box-header a,
 .box.box-solid.box-default > .box-header .btn {
     color: #444444;
 }
 
 .box.box-solid.box-primary {
     border: 1px solid #3c8dbc;
 }
 
 .box.box-solid.box-primary > .box-header {
     color: #ffffff;
     background: #3c8dbc;
     background-color: #3c8dbc;
 }
 
 .box.box-solid.box-primary > .box-header a,
 .box.box-solid.box-primary > .box-header .btn {
     color: #ffffff;
 }
 
 .box.box-solid.box-info {
     border: 1px solid #00c0ef;
 }
 
 .box.box-solid.box-info > .box-header {
     color: #ffffff;
     background: #00c0ef;
     background-color: #00c0ef;
 }
 
 .box.box-solid.box-info > .box-header a,
 .box.box-solid.box-info > .box-header .btn {
     color: #ffffff;
 }
 
 .box.box-solid.box-danger {
     border: 1px solid #dd4b39;
 }
 
 .box.box-solid.box-danger > .box-header {
     color: #ffffff;
     background: #dd4b39;
     background-color: #dd4b39;
 }
 
 .box.box-solid.box-danger > .box-header a,
 .box.box-solid.box-danger > .box-header .btn {
     color: #ffffff;
 }
 
 .box.box-solid.box-warning {
     border: 1px solid #f39c12;
 }
 
 .box.box-solid.box-warning > .box-header {
     color: #ffffff;
     background: #f39c12;
     background-color: #f39c12;
 }
 
 .box.box-solid.box-warning > .box-header a,
 .box.box-solid.box-warning > .box-header .btn {
     color: #ffffff;
 }
 
 .box.box-solid.box-success {
     border: 1px solid #00a65a;
 }
 
 .box.box-solid.box-success > .box-header {
     color: #ffffff;
     background: #00a65a;
     background-color: #00a65a;
 }
 
 .box.box-solid.box-success > .box-header a,
 .box.box-solid.box-success > .box-header .btn {
     color: #ffffff;
 }
 
 .box.box-solid > .box-header > .box-tools .btn {
     border: 0;
     box-shadow: none;
 }
 
 .box.box-solid[class*='bg'] > .box-header {
     color: #fff;
 }
 
 .box .box-group > .box {
     margin-bottom: 5px;
 }
 
 .box .knob-label {
     text-align: center;
     color: #333;
     font-weight: 100;
     font-size: 12px;
     margin-bottom: 0.3em;
 }
 
 .box > .overlay,
 .overlay-wrapper > .overlay,
 .box > .loading-img,
 .overlay-wrapper > .loading-img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .box .overlay,
 .overlay-wrapper .overlay {
     z-index: 50;
     background: rgba(255, 255, 255, 0.7);
     border-radius: 3px;
 }
 
 .box .overlay > .fa,
 .overlay-wrapper .overlay > .fa {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -15px;
     margin-top: -15px;
     color: #000;
     font-size: 30px;
 }
 
 .box .overlay.dark,
 .overlay-wrapper .overlay.dark {
     background: rgba(0, 0, 0, 0.5);
 }
 
 .box-header:before,
 .box-body:before,
 .box-footer:before,
 .box-header:after,
 .box-body:after,
 .box-footer:after {
     content: " ";
     display: table;
 }
 
 .box-header:after,
 .box-body:after,
 .box-footer:after {
     clear: both;
 }
 
 .box-header:before,
 .box-body:before,
 .box-footer:before,
 .box-header:after,
 .box-body:after,
 .box-footer:after {
     content: " ";
     display: table;
 }
 
 .box-header:after,
 .box-body:after,
 .box-footer:after {
     clear: both;
 }
 
 .box-header {
     color: #444;
     display: block;
     padding: 0;
     position: relative;
     padding: 5px;
     font-size: 0.85em;
     border-bottom: 1px solid grey;
 }
 
 .box-header.with-border {
     border-bottom: 1px solid #f4f4f4;
 }
 
 .collapsed-box .box-header.with-border {
     border-bottom: none;
 }
 
 .box-header > .fa,
 .box-header > .glyphicon,
 .box-header > .ion,
 .box-header .box-title {
     display: inline-block;
     font-size: 14px;
     margin: 0;
     line-height: 1;
     border-bottom: 1px solid #0681B2;
     color: #0681B2;
 }
 
 .box-header > .fa,
 .box-header > .glyphicon,
 .box-header > .ion {
     margin-right: 5px;
 }
 
 .box-header > .box-tools {
     position: absolute;
     right: 10px;
     top: 5px;
 }
 
 .box-header > .box-tools [data-toggle="tooltip"] {
     position: relative;
 }
 
 .box-header > .box-tools.pull-right .dropdown-menu {
     right: 0;
     left: auto;
 }
 
 .box-header > .box-tools .dropdown-menu > li > a {
     color: #444 !important;
 }
 
 .btn-box-tool {
     padding: 5px;
     font-size: 12px;
     background: transparent;
     color: #97a0b3;
 }
 
 .open .btn-box-tool,
 .btn-box-tool:hover {
     color: #606c84;
 }
 
 .btn-box-tool.btn:active {
     box-shadow: none;
 }
 
 .box-body {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     /*padding: 5px;*/
 }
 
 .no-header .box-body {
     border-top-right-radius: 3px;
     border-top-left-radius: 3px;
 }
 
 .box-body > .table {
     margin-bottom: 0;
 }
 
 .box-body .fc {
     margin-top: 5px;
 }
 
 .box-body .full-width-chart {
     margin: -19px;
 }
 
 .box-body.no-padding .full-width-chart {
     margin: -9px;
 }
 
 .box-body .box-pane {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 3px;
 }
 
 .box-body .box-pane-right {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 0;
 }
 
 .box-footer {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     border-top: 1px solid #f4f4f4;
     padding: 10px;
     background-color: #ffffff;
 }
 
 .chart-legend {
     margin: 10px 0;
 }
 
 #chartdiv {
   width: 100%;
   height: 200px;
 }
 
 .box-comments {
     background: #f7f7f7;
 }
 
 .box-comments .box-comment {
     padding: 8px 0;
     border-bottom: 1px solid #eee;
 }
 
 .box-comments .box-comment:before,
 .box-comments .box-comment:after {
     content: " ";
     display: table;
 }
 
 .box-comments .box-comment:after {
     clear: both;
 }
 
 .box-comments .box-comment:before,
 .box-comments .box-comment:after {
     content: " ";
     display: table;
 }
 
 .box-comments .box-comment:after {
     clear: both;
 }
 
 .box-comments .box-comment:last-of-type {
     border-bottom: 0;
 }
 
 .box-comments .box-comment:first-of-type {
     padding-top: 0;
 }
 
 .box-comments .box-comment img {
     float: left;
 }
 
 .box-comments .comment-text {
     margin-left: 40px;
     color: #555;
 }
 
 .box-comments .username {
     color: #444;
     display: block;
     font-weight: 600;
 }
 
 .box-comments .text-muted {
     font-weight: 400;
     font-size: 12px;
 }
 
 .form-control {
     /*border-radius: 4px;*/
     box-shadow: none;
     border-color: #a7aebe;
     /*margin-bottom: 1em;*/
 }
 
 /*.form-control:hover {
     border-radius: 4px;
     box-shadow: none;
     border-color: #d2d6de;*/
 }
 
 .form-control:focus {
     border-color: #3c8dbc;
     box-shadow: none;
 }
 
 .form-control::-moz-placeholder,
 .form-control:-ms-input-placeholder,
 .form-control::-webkit-input-placeholder {
     color: #bbb;
     opacity: 1;
 }
 
 .form-control:not(select) {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }
 
 .form-control textarea {
     border-radius: 4px;
 }
 
 .form-group.has-success label {
     color: #00a65a;
 }
 
 .form-group.has-success .form-control,
 .form-group.has-success .input-group-addon {
     border-color: #00a65a;
     box-shadow: none;
 }
 
 .form-group.has-success .help-block {
     color: #00a65a;
 }
 
 .form-group.has-warning label {
     color: #f39c12;
 }
 
 .form-group.has-warning .form-control,
 .form-group.has-warning .input-group-addon {
     border-color: #f39c12;
     box-shadow: none;
 }
 
 .form-group.has-warning .help-block {
     color: #f39c12;
 }
 
 .form-group.has-error label {
     color: #dd4b39;
 }
 
 .form-group.has-error .form-control,
 .form-group.has-error .input-group-addon {
     border-color: #dd4b39;
     box-shadow: none;
 }
 
 .form-group.has-error .help-block {
     color: #dd4b39;
 }
 /* Input group */
 .input-group .input-group-addon {
     border-radius: 0;
     border-color: #d2d6de;
     background-color: #fff;
 }
 /* button groups */
 .btn-group-vertical .btn.btn-flat:first-of-type,
 .btn-group-vertical .btn.btn-flat:last-of-type {
     border-radius: 0;
 }
 
 .icheck > label {
     padding-left: 0;
 }
 /* support Font Awesome icons in form-control */
 .form-control-feedback.fa {
     line-height: 34px;
 }
 
 .input-lg + .form-control-feedback.fa,
 .input-group-lg + .form-control-feedback.fa,
 .form-group-lg .form-control + .form-control-feedback.fa {
     line-height: 46px;
 }
 
 .input-sm + .form-control-feedback.fa,
 .input-group-sm + .form-control-feedback.fa,
 .form-group-sm .form-control + .form-control-feedback.fa {
     line-height: 30px;
 }
 
 label {
     display: inline-block;
     max-width: 100%;
     margin: 0;
     font-weight: 700;
     font-size: 11px;
 }
 
 /*
 hr {
     margin-top: 5px;
     margin-bottom: 5px;
     border: 0;
     border-top: 1px dotted #d2d6de;
     border-top: 1px solid #b5bcc9;
 }
 */
 
 .box-footer {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     border-top: 1px solid #f4f4f4;
     padding: 10px;
     background-color: #fff;
 }
 
 .selectize-input {
     border-radius: 0;
 }
 
 .table-borderless > tbody > tr > td,
 .table-borderless > tbody > tr > th,
 .table-borderless > tfoot > tr > td,
 .table-borderless > tfoot > tr > th,
 .table-borderless > thead > tr > td,
 .table-borderless > thead > tr > th {
     border: 0;
 }
 
 .table-heads {
     width: 100%;
     table-layout: fixed;
     border-collapse: collapse;
 }
 
 .table-heads .heads thead tr {
     display: block;
     position: relative;
 }
 
 .table-heads tbody {
     display: block;
     overflow: auto;
     width: 100%;
     height: 300px;
 }
 
 .separate {
     vertical-align: bottom;
     height: 30px;
 }
 
 .modal-list ul{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     border-bottom: 1px solid #141414; 
     font-size: 1em;
     text-align: center;
 }
 
 .tabcontent2 {
     display: none;
     -webkit-animation: fadeEffect 1s;
     animation: fadeEffect 1s;
 }
 
 .ReservaConfirmada {
     background: #90EE90 !important;
     color: #000000;
 }
 
 .ReservaReservada {
     background: #FFFFFF;
 }
 
 .ReservaAsistida {
     background: #64B1FF !important;
     color: #000000;
 }
 
 /* POPOVER */
 
 .popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1060;
   display: none;
   max-width: 276px;
   padding: 1px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   padding: 0.25em;
   border: 1px solid #0681B2;
   font-style: normal;
   font-weight: normal;
   line-height: 1.42857143;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
   white-space: normal;
   background-color: #fff;
   -webkit-background-clip: padding-box;
           background-clip: padding-box;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: 6px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
           box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
   line-break: auto;
 }
 
 .popover-header {
     display: none;
 }
 
 .popover.top {
   margin-top: -10px;
 }
 
 .popover.right {
   margin-left: 10px;
 }
 
 .popover.bottom {
   margin-top: 10px;
 }
 
 .popover.left {
   margin-left: -10px;
 }
 
 .popover-title {
   padding: 6px 10px;
   margin: 0;
   font-size: 14px;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
   border-radius: 5px 5px 0 0;
 }
 
 .popover-content {
   padding: 6px 10px;
 }
 
 .popover > .arrow,
 .popover > .arrow:after {
   position: absolute;
   display: block;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
 }
 
 .popover > .arrow {
   border-width: 11px;
 }
 
 .popover > .arrow:after {
   content: "";
   border-width: 10px;
 }
 
 .popover.top > .arrow {
   bottom: -11px;
   left: 50%;
   margin-left: -11px;
   border-top-color: #999;
   border-top-color: rgba(0, 0, 0, .25);
   border-bottom-width: 0;
 }
 
 .popover.top > .arrow:after {
   bottom: 1px;
   margin-left: -10px;
   content: " ";
   border-top-color: #fff;
   border-bottom-width: 0;
 }
 
 .popover.right > .arrow {
     top: 50%;
     left: -11px;
     margin-top: -11px;
     border-right-color: #999;
     border-right-color: rgba(0, 0, 0, .25);
     border-left-width: 0;
 }
 
 .popover.right > .arrow:after {
     bottom: -10px;
     left: 1px;
     content: " ";
     border-right-color: #fff;
     border-left-width: 0;
 }
 
 .popover.bottom > .arrow {
     top: -11px;
     left: 50%;
     margin-left: -11px;
     border-top-width: 0;
     border-bottom-color: #999;
     border-bottom-color: rgba(0, 0, 0, .25);
 }
 
 .popover.bottom > .arrow:after {
     top: 1px;
     margin-left: -10px;
     content: " ";
     border-top-width: 0;
     border-bottom-color: #fff;
 }
 
 .popover.left > .arrow {
     top: 50%;
     right: -11px;
     margin-top: -11px;
     border-right-width: 0;
     border-left-color: #999;
     border-left-color: rgba(0, 0, 0, .25);
 }
 
 .popover.left > .arrow:after {
     right: 1px;
     bottom: -10px;
     content: " ";
     border-right-width: 0;
     border-left-color: #fff;
 }
 
 /* WEEK */
 .weeks {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
 
 .weeks .days {
     display: flex;
     flex-direction: column;
     width: 10%;
     cursor: pointer;
 }
 
 .weeks .days-arrow {
     display: flex;
     align-items: center;
 }
 
 .weeks .days-arrow i {
     font-size: 2em;
 }
 
 /* ACCORDION */
 .tbl-accordion {
   margin: 0 auto;
   width: 100%;
 }
 
 .tbl-accordion thead {
   background: #0681B2;
   color: white;
 }
 
 .tbl-acordion tbody td {
   padding: 0em;
 }
 
 .tbl-accordion .tbl-accordion-nested {
   width: 100%;
 }
 
 .tbl-accordion-section td{
   margin: 0;
 }
 
 .tbl-accordion thead th {
     padding: 0px 5px;
     text-align: left;
 }
 
 .tbl-accordion .tbl-accordion-nested td,
 .tbl-accordion .tbl-accordion-nested th {
     border-bottom: none;
 }
 
 .tbl-accordion .tbl-accordion-nested tbody {
   display: flex;
   flex-wrap: wrap;
  /* justify-content: space-between; */
 }
 
 .tbl-accordion .tbl-accordion-nested tbody tr {
     width: 33.3%;
     border-bottom: 1px solid grey;
 }
 
 .tbl-accordion .tbl-accordion-nested tbody td {
     padding: 0px 5px;
 }
 
 .tbl-accordion .tbl-accordion-nested tbody tr:hover {
     background: #eee;
 }
 
 .tbl-accordion .tbl-accordion-nested .tbl-accordion-section {
     background: #0681B2;
     color: white;
     cursor: pointer;
 }
 
 /* Fade in tabs */
 @-webkit-keyframes fadeEffect {
     from {opacity: 0;}
     to {opacity: 1;}
 }
 
 @keyframes fadeEffect {
     from {opacity: 0;}
     to {opacity: 1;}
 }
 
 .box-title {
     font-weight: 700 !important;
 }
 
 .box-body {
     font-size: 13px;
 }
 
 .btnBox {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
 }
 
 .main-header #navbar-search-input.form-control::-moz-placeholder {
     color: #ccc !important;
     opacity: 1 !important;
 }
 
 .main-header #navbar-search-input.form-control:-ms-input-placeholder {
     color: #ccc !important;
 }
 
 .main-header #navbar-search-input.form-control::-webkit-input-placeholder {
     color: #ccc !important;
 }
 
 .form-control::-moz-placeholder,
 .form-control:-ms-input-placeholder,
 .form-control::-webkit-input-placeholder {
     color: #bbb !important;
     opacity: 1 ;
 }
 
 .fg600{
     font-weight:600;
 }
 
 .fg700 {
     font-weight: 700;
 }
 
 /*CUADRADO*/
 
 .one {
     width: 100%;
 }
 
 .two {
     width: 25%
 }
 
 .one, .two {
     background: linear-gradient(146deg,#fff 49%,#0681B2 50%,#fff 51%);
     font-size: 11px;
     color: #0681B2;
 }
 
 .icon-box {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
 }
 
 .nav-box {
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
 }
 
 .nav-box .btn {
     margin: 0 0.2em;
 }
 
 .pay-box {
     display: flex;
     flex-direction: column;
     padding: 1em 0;
     margin: 0.25em;
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     cursor: pointer;
 }
 
 .pay-box.active {
     color: white;
     background: #8ebc1a;
     transition: 0.25s;
     outline: none;
 }
 
 .nav-box .menu-box {
     margin: 0.75em 0.25em;
 }
 
 .pay-box i {
     font-size: 3em;
     padding: 0.25em 0;
 }
 
 .menu-box {
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
 }
 
 /*MEDIA SCREEN*/
 
 /*Extra small devices (portrait phones, less than 576px)*/
 @media (max-width: 575.98px) {
     
     #SignosVitales{
         font-size:10px;
     }
 }
 
 /*Small devices (landscape phones, 576px and up)*/
 @media (min-width: 576px) and (max-width: 767.98px) {
     #SignosVitales {
         font-size: 10px;
     }
 }
 
 /*Medium devices (tablets, 768px and up)*/
 @media (min-width: 768px) and (max-width: 991.98px) {
     #SignosVitales {
         font-size: 10px;
     }
 }
 
 /*Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) and (max-width: 1199.98px) {
     #SignosVitales {
         font-size: 16px;
     }
 }
 
 /*Extra large devices (large desktops, 1200px and up)*/
 @media (min-width: 1200px) {
     #SignosVitales {
         font-size: 10px;
     }
 }
 
 /*PERFIL HOSPITALIZADO*/
 
 .block {
     padding: 10px;
 }
 
 .block .block-title {
     color:#363636;
     font-weight:700;
 }
 
 .nav-tabs > li.active button {
     background-color: #3c8dbc;
     color: white;
 }
 
 .nav-tabs-custom > .nav-tabs > li.active {  
     background-color: #3c8dbc;
     color: white;
 }
 
 .nav-tabs-custom > .nav-tabs > li {
     border-top: 3px solid transparent;
     margin-bottom: -2px;
     margin-right: 5px;
     border: 1px solid #bbb;
 }
 
 .logout {
     padding: 0.4em;
     color: white;
     font-size: 1em;
     cursor: pointer;
     float: right;
     border-left: 1px solid white; 
     text-align: center;
 }
 
 .logout:hover {
     background: #3b6081;
     transition: 0.25s;
 }
 
 .boxete {
     max-width: 100%;
     margin: 0 10mm;
     font-size: 12px;
     line-height: 18px;
     background: white;
 }
 
 /*
 .boxete .A5 {
     max-width: 20mm;
     margin: auto;
     font-size: 8px;
 }
 
 .boxete .A6 {
     max-width: 20mm;
     margin: auto;
     font-size: 8px;
 }
 */
 
 .boxete table {
     margin: 0.5em 0;
 }
 
 .boxete table tr {
     border: none;
 }
 
 .boxete ul {
     padding: 0;
 }
 
 .boxete span {
     font-size: 0.9em;
 }
 
 .boxete h4 {
     padding-top: 0.5em;
 }
 
 .boxete .color-panel {
     background: white;
     color: #0681B2;
     font-weight: bold;
     border-bottom: 1px solid #c3e4f4;
 }
 
 .boxete .date {
     font-size: 0.75em;
 }
 
 .head, .header-space {
     height: 90px;
 }
 
 .foot, .footer-space {
     height: 0px;
 }
 
 .boxete .head {
     position: fixed;
     top: 0mm;
     width: 100%;
     margin: 2mm 0;
 }
 
 .boxete .foot {
     position: fixed;
     display: flex;
     align-items: flex-end;
     bottom: 0;
     width: 100%;
 }
 
 .boxete .space {
     height: 100px;
 }
 
 .boxete .page {
     page-break-after: always;
 }
 
 .border-start {
     border-bottom: 1px solid #0681B2;
     padding-bottom: 0.75em;
     display: flex;
 }
 
 .print-end {
     padding-top: 50mm;
     padding-bottom: 0.75em;
     display: flex;
 }
 
 .colorSeleccionMenu {
     background-color:#1aaff7bf;
 }
 
 .colorSeleccionMenu:hover {
     background-color: #239ad3eb !important;
 }
 
 .hrLight{
     border-top: 1px solid #808080;
 }
 
 @page {
     margin: 0;
     size: auto;
 }
 
 @media print {
    thead {display: table-header-group;} 
    tfoot {display: table-footer-group;}
    
    button {display: none;}
    
    body {margin: 0;}
 
    .engage {
         page-break-inside: avoid;
     }
 }
 
 @keyframes animatetop {
     from {top:-100px; opacity:0}
     to {top: 0px; opacity:1}
 }
 
 @keyframes animateOpacity {
     from {opacity:0}
     to {opacity:1}
 }
 
 /*.form-control {
     border-radius: 0;
     box-shadow: none;
     border-color: #d2d6de;
 }
 
 .form-control:focus {
     border-color: #3c8dbc;
     box-shadow: none;
 }
 
 .form-control::-moz-placeholder,
 .form-control:-ms-input-placeholder,
 .form-control::-webkit-input-placeholder {
     color: #bbb;
     opacity: 1;
 }
 
 .form-control:not(select) {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }*/
 
 .marg-top {
     margin-top: 10px;
 }
 
 .color-blocked-gris {
     color: #8b7b78;
     text-align: left;
     margin: 0.5em 0;
 }
 
 .manito {
     cursor: pointer !important;
 }
 
 .colorGris {
     color: #7e7a79;
 }
 
 .padding-left-4 {
     padding-left: 4px;
 }
 
 .contenedor-azul {
     border: 1px solid #0883b3;
     border-radius: 4px;
     margin: 3px;
     padding: 2px;
 }
 
 .bottom-marg {
     margin-bottom: 20px !important; 
 }
 
 .marg-bottom {
     margin-bottom: 10px !important; 
 }

/* Margin */
.m-0 {
    margin: var(--tamano-0) !important;
}

.m-2 {
    margin: var(--tamano-2) !important;
}

.m-5 {
    margin: var(--tamano-5) !important;
}

.m-8 {
    margin: var(--tamano-8) !important;
}

.m-10 {
    margin: var(--tamano-10) !important;
}

.m-15 {
    margin: var(--tamano-15) !important;
}

.m-20 {
    margin: var(--tamano-20) !important;
}

/* Margin Top */
.mt-0 {
    margin-top: var(--tamano-0) !important;
}

.mt-2 {
    margin-top: var(--tamano-2) !important;
}

.mt-5 {
    margin-top: var(--tamano-5) !important;
}

.mt-8 {
    margin-top: var(--tamano-8) !important;
}

.mt-10 {
    margin-top: var(--tamano-10) !important;
}

.mt-15 {
    margin-top: var(--tamano-15) !important;
}

.mt-20 {
    margin-top: var(--tamano-20) !important;
}

/* Margin Bottom */
.mb-0 {
    margin-bottom: var(--tamano-0) !important;
}

.mb-2 {
    margin-bottom: var(--tamano-2) !important;
}

.mb-5 {
    margin-bottom: var(--tamano-5) !important;
}

.mb-8 {
    margin-bottom: var(--tamano-8) !important;
}

.mb-10 {
    margin-bottom: var(--tamano-10) !important;
}

.mb-15 {
    margin-bottom: var(--tamano-15) !important;
}

.mb-20 {
    margin-bottom: var(--tamano-20) !important;
}

/* Margin Top-Bottom */
.my-0 {
    margin-top: var(--tamano-0) !important;
    margin-bottom: var(--tamano-0) !important;
}

.my-2 {
    margin-top: var(--tamano-2) !important;
    margin-bottom: var(--tamano-2) !important;
}

.my-5 {
    margin-top: var(--tamano-5) !important;
    margin-bottom: var(--tamano-5) !important;
}

.my-8 {
    margin-top: var(--tamano-8) !important;
    margin-bottom: var(--tamano-8) !important;
}

.my-10 {
    margin-top: var(--tamano-10) !important;
    margin-bottom: var(--tamano-10) !important;
}

.my-15 {
    margin-top: var(--tamano-15) !important;
    margin-bottom: var(--tamano-15) !important;
}

.my-20 {
    margin-top: var(--tamano-20) !important;
    margin-bottom: var(--tamano-20) !important;
}

/* Margin Left-Right */
.mx-0 {
    margin-right: var(--tamano-0) !important;
    margin-left: var(--tamano-0) !important;
}

.mx-2 {
    margin-right: var(--tamano-2) !important;
    margin-left: var(--tamano-2) !important;
}

.mx-5 {
    margin-right: var(--tamano-5) !important;
    margin-left: var(--tamano-5) !important;
}

.mx-8 {
    margin-right: var(--tamano-8) !important;
    margin-left: var(--tamano-8) !important;
}

.mx-10 {
    margin-right: var(--tamano-10) !important;
    margin-left: var(--tamano-10) !important;
}

.mx-15 {
    margin-right: var(--tamano-15) !important;
    margin-left: var(--tamano-15) !important;
}

.mx-20 {
    margin-right: var(--tamano-20) !important;
    margin-left: var(--tamano-20) !important;
}

/* Margin Left */
.ml-0 {
    margin-left: var(--tamano-0) !important;
}

.ml-2 {
    margin-left: var(--tamano-2) !important;
}

.ml-5 {
    margin-left: var(--tamano-5) !important;
}

.ml-8 {
    margin-left: var(--tamano-8) !important;
}

.ml-10 {
    margin-left: var(--tamano-10) !important;
}

.ml-15 {
    margin-left: var(--tamano-15) !important;
}

.ml-20 {
    margin-left: var(--tamano-20) !important;
}

/* Margin Right */
.mr-0 {
    margin-right: var(--tamano-0) !important;
}

.mr-2 {
    margin-right: var(--tamano-2) !important;
}

.mr-5 {
    margin-right: var(--tamano-5) !important;
}

.mr-8 {
    margin-right: var(--tamano-8) !important;
}

.mr-10 {
    margin-right: var(--tamano-10) !important;
}

.mr-15 {
    margin-right: var(--tamano-15) !important;
}

.mr-20 {
    margin-right: var(--tamano-20) !important;
}

/* Paddings */
.p-0 {
    padding: var(--tamano-0) !important;
}

.p-2 {
    padding: var(--tamano-2) !important;
}

.p-5 {
    padding: var(--tamano-5) !important;
}

.p-8 {
    padding: var(--tamano-8) !important;
}

.p-10 {
    padding: var(--tamano-10) !important;
}

.p-15 {
    padding: var(--tamano-15) !important;
}

.p-20 {
    padding: var(--tamano-20) !important;
}

/* Padding Top */
.pt-0 {
    padding-top: var(--tamano-0) !important;
}

.pt-2 {
    padding-top: var(--tamano-2) !important;
}

.pt-5 {
    padding-top: var(--tamano-5) !important;
}

.pt-8 {
    padding-top: var(--tamano-8) !important;
}

.pt-10 {
    padding-top: var(--tamano-10) !important;
}

.pt-15 {
    padding-top: var(--tamano-15) !important;
}

.pt-20 {
    padding-top: var(--tamano-20) !important;
}

/* Padding Bottom */
.pb-0 {
    padding-bottom: var(--tamano-0) !important;
}

.pb-2 {
    padding-bottom: var(--tamano-2) !important;
}

.pb-5 {
    padding-bottom: var(--tamano-5) !important;
}

.pb-8 {
    padding-bottom: var(--tamano-8) !important;
}

.pb-10 {
    padding-bottom: var(--tamano-10) !important;
}

.pb-15 {
    padding-bottom: var(--tamano-15) !important;
}

.pb-20 {
    padding-bottom: var(--tamano-20) !important;
}

/* Padding Top-Bottom */
.py-0 {
    padding-top: var(--tamano-0) !important;
    padding-bottom: var(--tamano-0) !important;
}

.py-2 {
    padding-top: var(--tamano-2) !important;
    padding-bottom: var(--tamano-2) !important;
}

.py-5 {
    padding-top: var(--tamano-5) !important;
    padding-bottom: var(--tamano-5) !important;
}

.py-8 {
    padding-top: var(--tamano-8) !important;
    padding-bottom: var(--tamano-8) !important;
}

.py-10 {
    padding-top: var(--tamano-10) !important;
    padding-bottom: var(--tamano-10) !important;
}

.py-15 {
    padding-top: var(--tamano-15) !important;
    padding-bottom: var(--tamano-15) !important;
}

.py-20 {
    padding-top: var(--tamano-20) !important;
    padding-bottom: var(--tamano-20) !important;
}

/* Padding Left-Right */
.px-0 {
    padding-right: var(--tamano-0) !important;
    padding-left: var(--tamano-0) !important;
}

.px-2 {
    padding-right: var(--tamano-2) !important;
    padding-left: var(--tamano-2) !important;
}

.px-5 {
    padding-right: var(--tamano-5) !important;
    padding-left: var(--tamano-5) !important;
}

.px-8 {
    padding-right: var(--tamano-8) !important;
    padding-left: var(--tamano-8) !important;
}

.px-10 {
    padding-right: var(--tamano-10) !important;
    padding-left: var(--tamano-10) !important;
}

.px-15 {
    padding-right: var(--tamano-15) !important;
    padding-left: var(--tamano-15) !important;
}

.px-20 {
    padding-right: var(--tamano-20) !important;
    padding-left: var(--tamano-20) !important;
}

/* Padding Left */
.pl-0 {
    padding-left: var(--tamano-0) !important;
}

.pl-2 {
    padding-left: var(--tamano-2) !important;
}

.pl-5 {
    padding-left: var(--tamano-5) !important;
}

.pl-8 {
    padding-left: var(--tamano-8) !important;
}

.pl-10 {
    padding-left: var(--tamano-10) !important;
}

.pl-15 {
    padding-left: var(--tamano-15) !important;
}

.pl-20 {
    padding-left: var(--tamano-20) !important;
}

/* Padding Right */
.pr-0 {
    padding-right: var(--tamano-0) !important;
}

.pr-2 {
    padding-right: var(--tamano-2) !important;
}

.pr-5 {
    padding-right: var(--tamano-5) !important;
}

.pr-8 {
    padding-right: var(--tamano-8) !important;
}

.pr-10 {
    padding-right: var(--tamano-10) !important;
}

.pr-15 {
    padding-right: var(--tamano-15) !important;
}

.pr-20 {
    padding-right: var(--tamano-20) !important;
}

/* Border radius */
.b-radius4 {
    border-radius: 4px;
}

.b-radius8 {
    border-radius: 8px;
}

/* Lupa Buscar */
.lupita {
    border: 1px solid #0883b3;
    padding: 1px;
    margin: 2px;
    border-radius: 3px;
    background-color: white;
    color: #0883b3;
    font-size: 12px !important;
    outline: none;
    transition: 250ms;
    cursor: pointer;
    font-weight: 600;
}

.lupita:hover {
    background-color: #0883b3;
    color: white;
}

    .terracotaText {
        color: #d22121;
    }

    .terracota {
        background-color: #d22121;
    }

/*SWITCH*/
 .switch {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 17px;
}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 10px;
		width: 10px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + input + .slider {
	background-color: #0681B2;
}

input:focus +input + .slider {
	box-shadow: 0 0 1px #ccc;
}

input:checked + input + .slider:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}
  /* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}
	
	.noBold {
            font-weight: normal !important;
}
.lineaBajaAzul {
            border-bottom: 1px solid #0883b36b;
        }
		.iconAzul {
color:#0681B2;
font-size:130%
}

.iconRojo {
color:#e22e01;
font-size:130%
}

.iconVerde {
color:#2ad82a;
font-size:130%
}

.colorRojo {
text-align: center;
background: white;
color: #e22e01;
border: 1px solid #e22e01;
}

.colorAzul {
text-align: center;
background: white;
color: #0681B2;
border: 1px solid #e22e01;
}

.colorVerde {
text-align: center;
background: white;
color: #2ad82a;
border: 1px solid #e22e01;
}

/* Icono casita volver a launcher */
.iconHome {
    padding: 8px;
    border-radius: 30px;
    background: white;
    color: #13b6e8;
    border: 3px solid #13b6e8;
    cursor: pointer;
    font-size: 22px;
    box-shadow: 0px 0px 5px #205671;
}
.iconHome:hover {
    background: #13b6e8;
    color: white;
    transition: 200ms;
}
.lineNone {
    outline: none;
    text-decoration: none !important;
}

.ui-state-open-NoDisponible {
    background: #0681B2 !important; /*Azul*/
    border-radius: 10px;
    width: auto;
    height: auto;
}

.ui-state-open-Disponible {
    /*background: #8ebc1a !important; *//*Verde*/
    border-radius: 10px;
    width: auto;
    height: auto;
}