@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root{
      --ink-900:#0e1216;
	  --ink-800:#262a2d;
	  --ink-700:#3e4145;
	  --ink-600:#56595c;
	  --ink-500:#6e7173;
	  --ink-400:#87898b;
	  --ink-300:#9fa0a2;
	  --ink-200:#b7b8b9;
	  --ink-100:#cfd0d0;

	  --pos-900: #0c341d; 
	  --pos-800: #145730; 
	  --pos-700: #1b7a43; 
	  --pos-600: #239d56; 
	  --pos-500: #27ae60; 
	  --pos-400: #3db670; 
	  --pos-300: #68c690; 
	  --pos-200: #93d7b0; 
	  --pos-100: #bee7cf; 

	  --pre-900: #1a003c;
	  --pre-800: #2c0065;
	  --pre-700: #3e008d;
	  --pre-600: #4f00b5;
	  --pre-500: #5800c9;
	  --pre-400: #691ace;
	  --pre-300: #8a4dd9;
	  --pre-200: #ac80e4;
	  --pre-100: #cdb3ef;

	  --tre-900: #341139;
	  --tre-800: #571c60;
	  --tre-700: #7a2786;
	  --tre-600: #9d32ac;
	  --tre-500: #ae38bf;
	  --tre-400: #b64cc5;
	  --tre-300: #c674d2;
	  --tre-200: #d79cdf;
	  --tre-100: #e7c3ec;


	  --ua-900: #493c17;
	  --ua-800: #796526;
	  --ua-700: #a98d35;
	  --ua-600: #dab544;
	  --ua-500: #F2C94C;
	  --ua-400: #f3ce5e;
	  --ua-300: #f6d982;
	  --ua-200: #f9e4a6;
	  --ua-100: #fbefc9;

	  --ext-900: #0a1931;
	  --ext-800: #112b52;
	  --ext-700: #173b72;
	  --ext-600: #1e4d93;
	  --ext-500: #2155A3;
	  --ext-400: #3766ac;
	  --ext-300: #6488bf;
	  --ext-200: #90aad1;
	  --ext-100: #bccce3;

	  --rose-900: #46091e;
	  --rose-800: #750f32;
	  --rose-700: #a31545;
	  --rose-600: #d21b59;
	  --rose-500: #E91E63;
	  --rose-400: #eb3573;
	  --rose-300: #f06292;
	  --rose-200: #f48fb1;
	  --rose-100: #f8bcd0;

	  --orange-900: #492e16;
	  --orange-800: #794d25;
	  --orange-700: #a96b34;
	  --orange-600: #da8a43;
	  --orange-500: #F2994A;
	  --orange-400: #f3a35c;
	  --orange-300: #f6b880;
	  --orange-200: #f9cca5;
	  --orange-100: #fbe0c9;


	  --slate-900:#202226;
	  --slate-800:#363940;
	  --slate-700:#4b505a;
	  --slate-600:#606773;
	  --slate-500:#6b7280;
	  --slate-400:#7a808d;
	  --slate-300:#979ca6;
	  --slate-200:#b5b9c0;
	  --slate-100:#d3d5d9;



      --bd:#e6ecf0;
}

body{font-family:'Rubik', system-ui, -apple-system, Segoe UI, Roboto, Arial; color:var(--ink-800)}
h1,h2,h3,h4,.display-*, .h{font-family:'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial}


.highlighted 
{
  position: relative;
  display: inline-block;
  z-index: 0;
  color: inherit;
}
			
.highlighted::before 
{
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--highlight-color, #fbefc9);

  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 207 44'><path fill='white' d='M5.3,32.5c-2.3-4.4-2.6-10.3,2.7-14.5c6.2-4.8,16.3-5.4,23.8-5.8c12.1-0.6,24-1.3,36.1-2.2c6.2-0.5,12.5-1,19-1.4 c17.6-1.1,34.2-0.9,47.5,2.3c10.3,2.5,17.2,7.1,19.9,12.6c2.5,5,2.5,10.6-7.2,13.7c-9.8,3.1-22.5,3.7-33.5,2.8 c-10.6-0.9-19.7-2.4-27.7-2.4c-10.4,0-20.9,2.4-31.3,3.8c-6.5,0.9-13,1.6-19.7,1.6C18.5,41.9,9.2,40.2,5.3,32.5z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 207 44'><path fill='white' d='M5.3,32.5c-2.3-4.4-2.6-10.3,2.7-14.5c6.2-4.8,16.3-5.4,23.8-5.8c12.1-0.6,24-1.3,36.1-2.2c6.2-0.5,12.5-1,19-1.4 c17.6-1.1,34.2-0.9,47.5,2.3c10.3,2.5,17.2,7.1,19.9,12.6c2.5,5,2.5,10.6-7.2,13.7c-9.8,3.1-22.5,3.7-33.5,2.8 c-10.6-0.9-19.7-2.4-27.7-2.4c-10.4,0-20.9,2.4-31.3,3.8c-6.5,0.9-13,1.6-19.7,1.6C18.5,41.9,9.2,40.2,5.3,32.5z'/></svg>");
  
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: left center;
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: left center;
  pointer-events: none;
  z-index: -1;
  height: 90%;
}

.checkbox-lg 
{
        transform: scale(1.5); /* Ajusta el tamaño aquí */
        margin-right: 10px;    /* Espaciado opcional */
}

.barra-opciones
{
	margin-top:70px; 
	height:70px; 
	max-height:70px; 
	background-color: #F3F4F8; 
	z-index: 900; 
	border-bottom: 1px solid #777;
}
@media (min-width: 768px) 
{ 
	.barra-opciones
	{
		margin-left:66px; 
	}
}

a 
{
	font-weight: bold;
	text-decoration: none;
}

.ua-bg-uniandes
{
	background-color: #1c1c1a !important;
	margin-bottom: 10px !important;
}

.ua-sombraabajo
{
	-webkit-box-shadow: -1px 5px 15px 0px #000000; 
	box-shadow: -1px 5px 15px 0px #000000;
	
}

.ua-logo-nav
{
	height: 45px;
}
	

.navbar
{
	font-family: 'Rubik', sans-serif;
	
	
}

.ua-navlink
{
	font-size: .8rem;
	color: #8e9090;
	
}

.ua-navlink.active
{
	font-size: .8rem;
	color: #fff !important;
}

.ua-navlink:hover
{
	font-size: .8rem;
	color: #8e9090 !important;
	background-color: #33175e !important;
}

.ua-nav-derecha
{
	margin-left:auto;
}

.ua-footer
{
	background-color: #000 !important;
	margin-top: 10px;
}

.ua-footer-navlink
{
	color: #fff !important;
}

.img-invert
{
   filter: grayscale(4);
   height: 48px;
  
}

.nav-link-form
{
	border-radius: 0 !important;
	font-size: small;
	border-bottom: 1px solid #fff;
	font-family: 'Rubik', sans-serif;
}

.nav-pills .nav-link-form.active, 
.nav-pills .show > .nav-link-form
{
	background-color: #fff200;
	color: #000 !important;
}

.menu-form-texto
{
	display:none;
}

.ua-navlink:hover
{
	background-color: #fff;
}

.ua-posgrado
{
  border-left: 4px solid #ff00ff;
}

.ua-pregrado
{
  border-left: 4px solid #00b3b3;
}

.ua-footer-d1
{
	border-right: 1px #666 solid;
}

.ua-footer-d2
{
	margin-top: 20px;
}

.ua-footer-d3
{
	font-size: large; 
	color: #fff;
	font-family: 'Rubik'; 
	margin-left: 20px;
}

.ua-footer-d4
{
	font-size: x-small;
	color: #fff;
}

.ua-footer-d5
{
	margin-top: 50px;
}

.ua-footer-d6
{
	font-size: xx-small; 
	color: #eee;  
	margin: 30px 0;
}

.ua-mega-body
{
	width: 99% !important; 
	margin-left: 5px;
}

.ua-mega-r1
{
	padding: 1rem 1rem;
}

.ua-mega-r2
{
	padding: .1rem 1rem;
}

.ua-mega-link 
{
	font-size: small; 
	color: #6c757d;
	text-decoration: none;
	margin-left: 1.25rem;
	font-family: 'Rubik', sans-serif !important;
}
.ua-mega-link:after
{
	content: "\a";
    white-space: pre;
}

.ua-mega-link:hover
{
	color: #000 !important;
}

.ua-mega-sectitle
{
	font-family: 'Rubik'; 
	font-size: medium !important;
}

.ua-mega-secion
{
	border-right: 1px #6c757d solid;
}

.ua-mega-image
{
    outline: 1px solid #fff;
    outline-offset: -10px;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.ua-mega-txt-center
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: x-large !important;
	background-color: rgba(0, 0, 0, 0.5);
	padding: .25rem 1.5rem;
}

.ua-footer-li
{
	line-height: 1.0px;
}

.ua-titulodash
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: small;
}

.ua-carddash
{
	-webkit-box-shadow: 5px 5px 15px 3px #BABABA; 
	box-shadow: 5px 5px 15px 3px #BABABA;
}

.ua-numerodash
{
	font-weight:bold; 
	text-align:center;
	font-size: xx-large;
	margin-top: -5px;
}

.ua-alert-dash
{
	font-size: xx-small;
	padding: .2rem .2rem;
	margin-bottom: .1rem;
}

.logo-inferior
{
	color: #fff;
}

.ua-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.font-weight-bold
{
	font-weight: bold;
}

.bd-callout 
{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #ddd;
	padding: .5rem .5rem
}

.bd-callout-danger
{
	border-left: 5px solid #dc3545 !important;
}

.bd-callout-primary
{
	border-left: 3px solid #0d6efd  !important;
}

.bd-callout-dark
{
	border-left: 3px solid #000  !important;
}

/*fluid styles*/
.bg-ua-fluid
{
	background-image: url('fluid/back-uniandes-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-cream-fluid
{
	background-image: url('fluid/back-cream-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-green-fluid
{
	background-image: url('fluid/back-green-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-pink-fluid
{
	background-image: url('fluid/back-pink-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.alert-dark-fluid
{
	background-image: url('fluid/alert-dark-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-dark-fluid
{
	background-image: url('fluid/bg-dark-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.alert-primary-fluid
{
	background-image: url('fluid/alert-primary-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}.alert-info-fluid
{
	background-image: url('fluid/alert-info-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-info-fluid
{
	background-image: url('fluid/bg-info-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}

.bg-purple-fluid
{
	background-image: url('fluid/back-purple-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.alert-secondary-fluid
{
	background-image: url('fluid/alert-secondary-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-secondary-fluid
{
	background-image: url('fluid/bg-secondary-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.alert-success-fluid
{
	background-image: url('fluid/alert-success-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-success-fluid
{
	background-image: url('fluid/bg-success-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-primary-fluid
{
	background-image: url('fluid/bg-primary-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.alert-danger-fluid
{
	background-image: url('fluid/alert-danger-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-danger-fluid
{
	background-image: url('fluid/bg-danger-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.alert-warning-fluid
{
	background-image: url('fluid/alert-warning-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.bg-warning-fluid
{
	background-image: url('fluid/bg-warning-fluid.svg') !important;
	background-size: 98% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border-color: transparent !important;
	
}
.decor-bg-ua-fluid:before 
{
	content: ' ';
	  background-image: url('fluid/back-uniandes-fluid.svg');
	  background-size: 100% !important;
	  background-repeat: no-repeat !important;
	  width: 200px;
	  height: 200px;
	  position: absolute;
	  z-index: -99;
}

.decor-bg-cream-fluid:before 
{
	  content: ' ';
	  background-image: url('fluid/back-cream-fluid.svg');
	  background-size: 100% !important;
	  background-repeat: no-repeat !important;
	  width: 200px;
	  height: 200px;
	  position: absolute;
	  z-index: -99;
}
.decor-bg-prurple-fluid:before 
{
	  content: ' ';
	  background-image: url('fluid/back-purple-fluid.svg');
	  background-size: 100% !important;
	  background-repeat: no-repeat !important;
	  width: 200px;
	  height: 200px;
	  position: absolute;
	  z-index: -99;
}
			


@media only screen and (min-width: 768px) {
	.menu-inferior:before {
	  content : "";
	  position: relative;
	  left    : 0;
	  bottom  : 0;
	  height  : 1px;
	  width   : 50%;  /* or 100px */
	  top     : -25px;
	  display : block; 
	  border-bottom:1px solid #fff200;
	  color: #fff;
	}

	.logo-inferior:after {
	  content : "";
	  position: relative;
	  left    : 20px;
	  bottom  : -15px;
	  height  : 1px;
	  width   : 50%;  /* or 100px */
	  display : block; 
	  border-bottom:1px solid #fff200;
	}

	.menu-form-iconos
	{
		display: none;
	}

	.menu-form-texto
	{
		display:block;
	}
	
	.ua-seccion-pre
	{
		margin-left: -75px; 
		margin-right: -75px;
		-moz-transition    : all 0.5s ease-out;
		-o-transition      : all 0.5s ease-out;
		-webkit-transition : all 0.5s ease-out;
		transition         : all 0.5s ease-out;
	}
}


/**
*Lateral
*/
 #wrapper {
    overflow-x: hidden;
	
 }

#sidebar-wrapper {
  min-height: 15vh;
  margin-left: -70px;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
  
  background-color: #000 !important;
  color: #fff;
  font-size: large; 
  font-family: 'Rubik';
  
  max-width: 70px;
  
}
	

#sidebar-wrapper .sidebar-heading {
  text-align: center;
  background-color: #fff200;
  
}

#sidebar-wrapper .list-group {
  max-width: 70px;
  background-color: #000 !important;
  color: #fff;
  
}

#sidebar-wrapper .list-group-item {
  background-color: #0B1215 !important;
  color: #777;
  font-size: 1.2rem; 
  border-bottom: 1px solid #777;
  text-align: center;
}

#sidebar-wrapper .ua-m-posgrado{
  border-left: 5px solid #01C715;
  
}

#sidebar-wrapper .ua-m-pregrado{
  border-left: 5px solid #5800C9;
  
}

#sidebar-wrapper .ua-m-transfer{
  border-left: 5px solid #FFBDF1;
  
}

#sidebar-wrapper .ua-active{
  background-color: #fff200 !important;
  color: #000 !important;
  
}

#sidebar-wrapper .ua-subitem{
  padding-left: 2rem;
  background-color: #06191D !important;
  color: #fbfbfb;
  font-size: x-small;
  text-align: left;
  padding-left: 1rem;
}



#sidebar-wrapper .list-group-item:hover {
  background-color: #000 !important;
  color: #bbb !important;
}

#page-content-wrapper {
  min-width: 100vw;
  
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

.ua-submenu
{
	position: relative;
	display: block;
	margin-top: -2rem;
	left: calc(100% + 1px);
	z-index: 999;
	min-width: 250px;
	border-radius: 5px;
	margin-left: 1rem;
	
}


@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
	
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
	margin-left: 5px;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -70px;
  }
}

/**
  *================================
  *  ESTILOS TABLA CALENDARIO
  *================================
  */


.tabla-calendario {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 110px;
  min-width: 110px;
}
.tabla-calendario tr th,
.tabla-calendario tr td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.tabla-calendario tr th:first-child,
.tabla-calendario tr td:first-child {
  border-left: 1px solid #bbb;
}
.tabla-calendario tr th {
  background: #dc33545;
  border: 1px solid #dc33545;
  text-align: center;
}

/* top-left border-radius */
.tabla-calendario tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

/* top-right border-radius */
.tabla-calendario tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
.tabla-calendario tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
.tabla-calendario tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}


/**
  *================================
  *  ESTILOS TEMA GENERAL
  *================================
  */

  .decor-gen1-fluid:before 
  {
		content: ' ';
		background-image: url('https://registroapps.uniandes.edu.co/SisAdmisiones/img/fluid/forma_FFF200_gen_1.svg');
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		width: 140px;
		height: 120px;
		position: absolute;
		z-index: -99;
		background-position: 10% 10%;
		margin-bottom: 20px;
  }

  .titulo-decor-gen
	{
		color: #1c1c1a  !important; 
		mix-blend-mode: darken;
		padding: 2rem 1rem;
	}