body{ font-size:13px; }

.dropdown-menu-lg-extra {
  max-width: 100px;
  min-width: 100px;
  padding: 0;
}

#box {
  padding:20px;
  margin:30px auto;
  border:1px solid #FFFFFF00;
  text-align:center;
  border-radius:15px;
  color: #212121;
  box-shadow:  5px 5px 20px #A7A7A7, -5px -5px 20px #ffffff;
}

#box img {
    max-width: 300px;
}

a { color:#ACD4FF; }

p { margin-top:10px; }

.blue { background-color:rgba(255,255,255,0.3); color:#000000; }
.red { background:#ff0000; color:#fff; }
.yellow { background:#FFCE50; color:#000; }
.whiteText { color:#fff; }
.blackText { color:#000; }

#ocra { background: #44A08D; background: -webkit-linear-gradient(to right, #093637, #44A08D); background: linear-gradient(to right, #093637, #44A08D); }

table.neumorphic{
  border-spacing: 0;
  color: #212121;
  text-align: left;
  border-radius:5px;
  overflow: hidden;
  box-shadow: 5px 5px 17px #cccccc, -5px -5px 17px #ffffff;
  max-width: 100%;
}
table.neumorphic thead{
  box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6);
}
table.neumorphic th{
  padding: 7px;
}
table.neumorphic>tbody>tr>td {
  padding: 5px;
  font-size: 1em;
  position: left;
  word-wrap: break-word;
}
table.neumorphic>tbody>tr:hover {
  padding: 20px;
  box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6), -9px -9px 16px rgba(255, 255, 255, 0.6);
}
table.neumorphic tr td:first-child::before {
  content: "";
  padding: 7px;
  top: 0;
  left: -5000px;
  width: 10000px;
  height: 100%;
  z-index: -10;
  word-wrap: break-word;
}

.table-results td{
  border:none;border-bottom:solid #D4D6DA 1.0pt;mso-border-bottom-alt: solid #D4D6DA .75pt;padding:7.5pt 0cm 7.5pt 0cm
}

#box-notifications {
    padding:20px;
    margin:30px auto;
    border:1px solid #FFFFFF00;
    text-align:center;
    border-radius:20px;
    color: #212121;
    box-shadow:  5px 5px 30px #A7A7A7,
                -5px -5px 30px #ffffff;
}
#box-estudios{
   margin:30px auto;
   border:1px solid #FFFFFF00;
   text-align:center;
   border-radius:20px;
   color: #212121;
   box-shadow:  5px 5px 30px #A7A7A7,
             -5px -5px 30px #ffffff;
}

.btn-trust{
  background-color: #038DA8;color: white;
}


/* CUSTOM COLORS */
.orange{ color: #e69202; }
.bg-orange{ background-color: #e69202; }

.magenta{ color: #8B008B; }
.bg-magenta{ background-color: #8B008B; }

.light-gray{ color:#bfbfbf }
.bg-light-gray{ background-color:#bfbfbf }
/* CUSTOM COLORS ENDS */


.filter-ot{ cursor: pointer; }

.select2-container { /* NO REMOVER DA AL SELECT BOX EL ANCHO COMPLETO */
  width: 100% !important;
  padding: 0;
}

.ui-autocomplete {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  z-index: 99999;
}


strong { font-weight: bolder; }

.bubble-visita{ font-size: 0.8em; margin:0px; }
.bubble-visita th { padding: 2px; color: #038DA8; border: 0px; border-bottom: 1px solid #a8a8a8; }
.bubble-visita td { padding: 2px; border: 0px; border-bottom: 1px solid #a8a8a8; }

.form-select{ font-size:13px; }
.select2-container--default .select2-selection--single .select2-selection__rendered{
  background: #fff;
  color: #333;
}

.select2-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}

.btn-mini{
  padding: auto 3px !important;
  font-size: 12px;
}

.H_ib_body{ background-color:#038DA8; color:#fff; }
.H_ib_close{ color:#fff; }
svg.H_icon{
  fill: rgba(200, 200, 200, 1)
}
.H_ib_content{ margin:5px; }
.bubble-info-table{
  background-color:#25387B;
  color:#f3f3f3;
  font-size:11px;
}


.bubble-info-table th{ padding: 0px 2px 0px 5px; margin:0px; }
.bubble-info-table td{ padding: 0px 30px 0px 2px ; margin:0px; }

.dropify-message{ font-size: 16px; }
.dropify-message span.file-icon p{ font-size: 16px; font-weight: bold; }


.comments-area{
  resize: none;
  height: 120px;
}



.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}


.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}




.bg-light-blue{
  background-color: #eff6ff;
}


/******** GRANDIENTS FOR BUTTONS ********/

.btn-blue-gradient{ color:#fff; background-image: linear-gradient(to left, rgba(140, 182, 255, 1), 25%, rgba(66, 135, 255, 1)); }
.btn-red-gradient{ color:#fff; background-image: linear-gradient(to left, rgba(255, 170, 128, 1), 25%, rgba(255, 110, 110, 1)); }
.btn-green-gradient{ color:#fff; background-image: linear-gradient(to left, rgba(173, 255, 182, 1), 25%, rgba(115, 230, 127, 1)); }
.btn-purple-gradient{ color:#fff; background-image: linear-gradient(to left, rgba(255, 117, 248, 1), 25%, rgba(232, 93, 225, 1)); }
.btn-orange-gradient{ color:#fff; background-image: linear-gradient(to left, rgba(252, 165, 78, 1), 25%, rgba(237, 130, 24, 1)); }
.btn-gray-gradient{ color:#fff; background-image: linear-gradient(to left, rgba(163, 163, 163, 1), 25%, rgba(110, 110, 110, 1)); }
.btn-yellow-gradient{ color:#fff; background-image: linear-gradient(to left, rgba(232, 201, 90, 1), 25%, rgba(235, 185, 7, 1)); }


/******** GRANDIENTS BACKGROUNDS ********/
.bg-purple{ background-color:#6F42C3; }
.bg-blue-gradient{ background-image: linear-gradient(to left, rgba(140, 182, 255, 1), 25%, rgba(66, 135, 255, 1)); }
.bg-red-gradient{ background-image: linear-gradient(to left, rgba(255, 170, 128, 1), 25%, rgba(255, 110, 110, 1)); }
.bg-green-gradient{ background-image: linear-gradient(to left, rgba(173, 255, 182, 1), 25%, rgba(115, 230, 127, 1)); }
.bg-purple-gradient{ background-image: linear-gradient(to left, rgba(255, 117, 248, 1), 25%, rgba(232, 93, 225, 1)); }
.bg-orange-gradient{ background-image: linear-gradient(to left, rgba(252, 165, 78, 1), 25%, rgba(237, 130, 24, 1)); }
.bg-gray-gradient{ background-image: linear-gradient(to left, rgba(163, 163, 163, 1), 25%, rgba(110, 110, 110, 1)); }
.bg-yellow-gradient{ background-image: linear-gradient(to left, rgba(232, 201, 90, 1), 25%, rgba(235, 185, 7, 1)); }


.cursor-pointer{
  cursor: pointer;
}


.badge.bg-green{
  border: solid 1px #1eb350;
  color: #1eb350;

}
.bg-green{
  background-color: #a8ffb2;
}




/* ANCHO DE ELEMENTO DEFINIDO POR PORCENTAJE - AUMENTOS DE 5 EN 5  */
.wf-05-pct{ width: 05%; min-width: 05%; max-width: 05%; }
.wf-10-pct{ width: 10%; min-width: 10%; max-width: 10%; }
.wf-15-pct{ width: 15%; min-width: 15%; max-width: 15%; }
.wf-25-pct{ width: 25%; min-width: 25%; max-width: 25%; }
.wf-30-pct{ width: 30%; min-width: 30%; max-width: 30%; }
.wf-35-pct{ width: 35%; min-width: 35%; max-width: 35%; }
.wf-40-pct{ width: 40%; min-width: 40%; max-width: 40%; }
.wf-45-pct{ width: 45%; min-width: 45%; max-width: 45%; }
.wf-50-pct{ width: 50%; min-width: 50%; max-width: 50%; }
.wf-55-pct{ width: 55%; min-width: 55%; max-width: 55%; }
.wf-60-pct{ width: 60%; min-width: 60%; max-width: 60%; }
.wf-65-pct{ width: 65%; min-width: 65%; max-width: 65%; }
.wf-70-pct{ width: 70%; min-width: 70%; max-width: 70%; }
.wf-75-pct{ width: 75%; min-width: 75%; max-width: 75%; }
.wf-80-pct{ width: 80%; min-width: 80%; max-width: 80%; }
.wf-85-pct{ width: 85%; min-width: 85%; max-width: 85%; }
.wf-90-pct{ width: 90%; min-width: 90%; max-width: 90%; }
.wf-95-pct{ width: 95%; min-width: 95%; max-width: 95%; }
.wf-00-pct{ width: 100%; min-width: 100%; max-width: 100%; }

/* ANCHO DE ELEMENTO DEFINIDO POR PIXELES - AUMENTOS DE 5 EN 5  */
.wf-05-px{ width: 05px; min-width: 05px; max-width: 05px; }
.wf-10-px{ width: 10px; min-width: 10px; max-width: 10px; }
.wf-15-px{ width: 15px; min-width: 15px; max-width: 15px; }
.wf-25-px{ width: 25px; min-width: 25px; max-width: 25px; }
.wf-30-px{ width: 30px; min-width: 30px; max-width: 30px; }
.wf-35-px{ width: 35px; min-width: 35px; max-width: 35px; }
.wf-40-px{ width: 40px; min-width: 40px; max-width: 40px; }
.wf-45-px{ width: 45px; min-width: 45px; max-width: 45px; }
.wf-50-px{ width: 50px; min-width: 50px; max-width: 50px; }
.wf-55-px{ width: 55px; min-width: 55px; max-width: 55px; }
.wf-60-px{ width: 60px; min-width: 60px; max-width: 60px; }
.wf-65-px{ width: 65px; min-width: 65px; max-width: 65px; }
.wf-70-px{ width: 70px; min-width: 70px; max-width: 70px; }
.wf-75-px{ width: 75px; min-width: 75px; max-width: 75px; }
.wf-80-px{ width: 80px; min-width: 80px; max-width: 80px; }
.wf-85-px{ width: 85px; min-width: 85px; max-width: 85px; }
.wf-90-px{ width: 90px; min-width: 90px; max-width: 90px; }
.wf-95-px{ width: 95px; min-width: 95px; max-width: 95px; }
.wf-00-px{ width: 100px; min-width: 100px; max-width: 100px; }

.fs-14{ font-size: 14px; }
.fs-16{ font-size: 16px; }



.apps-warning{
	display: block;
	width: 100%;
	text-align: center;
	padding: 8px;
	font-weight: bold;
}