/* CSS Document */
/* Login */
body, td {
	font-size: 13px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    99999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
.letra_chica {font-size: x-small}
.letra_roja {
	color: #FF0000;
	font-weight: bold;
}
.letra_azul {
	font-size:18px;
	color: #000066;
	font-weight: bold;
}
.txtBlanco {
	font-size: 15px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Error1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.Estilo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.EstiloCel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-color:#DFDFDF;
}
.EstiloCel2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-color:#DFDFDF;
	height:15px;
}
.Estilo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0869AE;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.menu_izq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-indent: 5px;
}
.menu_derecha {
	margin: 5px;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.epigrafe_noticia {
	font-family: Tahoma;
	font-size: 13px;
	color: #000000;
}
.titulo_noticia_principal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	color: #0668B2;
	font-weight: bold;
	font-style: normal;
}
.bajada_noticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
}
.texto_noticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}
.titulo_not_chica {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #0668B2;
}
/* Estilos intranet antigua */
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
.texto_imagen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #000000;
}
.TxtCampos {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #003399;
}
.TxtMensaje {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #00438A;
}
.botones {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}
.linkMenu:active,.linkMenu:link,.linkMenu:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
    COLOR: #000000;
    TEXT-DECORATION: none
}
.linkMenu:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
}

.textMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.textMenu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}

.cError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FF0000;
}

.texLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}

.fldLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}

.tabLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}

.cTableField {
	color: #6d6565; 
	font-weight: lighter; 
	font-size: 8pt; 
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica; 
	text-decoration: none 
}
.titulo_not_grande {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #0668B2;
}
.cTableFieldNeed {
	color:#CC0000; 
	font-weight: lighter; 
	font-size: 8pt; 
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica; 
	text-decoration: none 
}

.cTableHeader {
	color: #000000; 
	font-size: 8pt; 
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica; 
	text-decoration: none; 
	background-color:#FFFFFF;
}

.cTableHeaderAzul {
	color: #FFFFFF; 
	font-size: 8pt; 
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica; 
	text-decoration: none; 
	background-color:#336699;
}

.cTableHeader2 {
	background-color: #336699; color: #fff; font-size: 8pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }

.cTableSuperHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#000066;
	color: #FFFFFF;
	text-decoration: none;
	text-transform:uppercase
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;	
}
.mHorario {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-color: #666666;
	text-decoration: none;
	padding: 1px;
	height: 40px;
	width: 116px;
	border: 0px none;
	text-transform: uppercase;
	text-align: left;
	vertical-align: text-top;
	overflow:hidden;

	
}
.bDesinscribir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	border: thin solid #FFFF66;
}.tabMalla {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000066;
	text-decoration: none;
	height: 80px;
	width: 100px;
}
.tabMallaCursando {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000066;
	text-decoration: none;
	height: 80px;
	width: 100px;
	background-color: #CCFFFF;
}
.tabMallaOscuro {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000066;
	text-decoration: none;
	height: 80px;
	width: 100px;
	background-color: #CCCCCC;
}

.cMTableField {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
}
.cMTableFieldLink:link,.cMTableFieldLink:visited,.cMTableFieldLink:active {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
}
.cMTableFieldLink:hover {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #000099;
	text-decoration: underline;
}
.cMTableHeader {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#000066;
	text-decoration: none;
}
.FilaBoton  { color: #6d6565; font-weight: normal; font-size: 11pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.ContenidoListado         { color: #6d6565; font-weight: normal; font-size: 10pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.titulomenus            { color: #555; font-weight: bolder; font-size: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.detallecarrera { color: #669; font-weight: bolder; font-size: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.titulonoticia-detalle { color: #555; font-weight: bolder; font-size: 12pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.textonoticias         { color: #6d6565; font-weight: normal; font-size: 8pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.deportehorarios { color: #6d6565; font-weight: normal; font-size: 7pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.titulodeporte { color: #2b6078; font-weight: normal; font-size: 10pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.texto-grl-pxl9 { color: #6d6565; font-weight: normal; font-size: 9pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.txtmenucarreras  { color: #6d6565; font-weight: normal; font-size: 9pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.txtmenucarreras-roll { color: #69c; font-weight: normal; font-size: 9pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.txtmenucarreras-roll-2 { color: #111; font-weight: normal; font-size: 6pt; line-height: 10pt; font-family: Verdana,Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.txtbanner   { color: #00a; font-weight: normal; font-size: 9pt; line-height: 9pt; font-family: "Trebuchet MS", Arial, Helvetica, Verdana; text-decoration: none }
.txtbanner1-noticias      { color: #00a; font-weight: normal; font-size: 8pt; line-height: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.txtbanner1  { color: #696969; font-weight: normal; font-size: 6pt; line-height: 7pt; font-family: "Trebuchet MS", Arial, Helvetica, Verdana; text-decoration: none }
.arriba  { color: black; font-weight: normal; font-size: 8pt; line-height: 12pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none; text-indent: 0px; vertical-align: middle }
.arriba1 { color: #777; font-weight: normal; font-size: 8pt; line-height: 12pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none; text-indent: 0px }
.titulogris  { color: gray; font-weight: normal; font-size: 13pt; line-height: 13pt; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; text-decoration: none }
.textonormal   { color: #555; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none; text-align: justify }
.noticiasdestacad   { color: #555; font-weight: bold; font-size: 14pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none; text-align: justify }
.noticiasdestacad1 { color: #555; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none; text-align: justify }
.noticiasdestacadD { color: #555; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none; text-align: right }
.noticiasdestacadC { color: #555; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none; text-align: center }
.serv-para-alumno { color: #1965a4; font-weight: bold; font-size: 9pt; line-height: 10pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none; text-align: justify }
.txtnormal9  { color: #fff; font-size: 8pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-align: justify }
.txtficha2 { color: #c60e1a; font-size: 8pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica }
.txtnormal1   { color: #000000; font-size: 8pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.txtnormal8 { color: #555; font-size: 8pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.txtfechanoticia     { color: #6d6565; font-weight: lighter; font-size: 8pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
.txtseccionnoticia   { color: #178ba4; font-size: 8pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: underline }
.txtsmall   { color: #fff; font-size: 8pt; font-family: Arial, "Trebuchet MS", Verdana, Helvetica; text-decoration: none }
a:hover          { color: navy; text-decoration: none }
.buttonscontainer {width: 140px;}

.buttons1 a {
	color: #666666;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font: 10px;
	font-weight: bold;
	text-decoration: none;
	border-color: #CCCCCC #0066CC #0066CC #CCCCCC;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
	text-indent: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/datos.gif);
}

.buttons1 a:hover {
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border-color: #0066CC #CCCCCC #CCCCCC #0066CC;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/datos-over.gif);
}

.buttons2 a {
	color: #666666;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font: 10px;
	font-weight: bold;
	text-decoration: none;
	border-color: #CCCCCC #0066CC #0066CC #CCCCCC;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
	text-indent: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/curriculum.gif);
}

.buttons2 a:hover {
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border-color: #0066CC #CCCCCC #CCCCCC #0066CC;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/curriculum-over.gif);
}

.buttons3 a {
	color: #666666;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font: 10px;
	font-weight: bold;
	text-decoration: none;
	border-color: #CCCCCC #0066CC #0066CC #CCCCCC;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
	text-indent: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/correo.gif);
}

.buttons3 a:hover {
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border-color: #0066CC #CCCCCC #CCCCCC #0066CC;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/correo-over.gif);
}

.buttons4 a {
	color: #666666;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font: 10px;
	font-weight: bold;
	text-decoration: none;
	border-color: #CCCCCC #0066CC #0066CC #CCCCCC;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
	text-indent: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(pruebas-kai/foro.gif);
}

.buttons4 a:hover {
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border-color: #0066CC #CCCCCC #CCCCCC #0066CC;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(pruebas-kai/foro-over.gif);
}

.buttons5 a {
	color: #666666;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font: 10px;
	font-weight: bold;
	text-decoration: none;
	border-color: #CCCCCC #0066CC #0066CC #CCCCCC;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
	text-indent: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/apuntes.gif);
}

.buttons5 a:hover {
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border-color: #0066CC #CCCCCC #CCCCCC #0066CC;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/apuntes-over.gif);
}
.buttons6 a {
	color: #666666;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font: 10px;
	font-weight: bold;
	text-decoration: none;
	border-color: #CCCCCC #0066CC #0066CC #CCCCCC;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
	text-indent: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/salir.gif);
}

.buttons6 a:hover {
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border-color: #0066CC #CCCCCC #CCCCCC #0066CC;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/https/intranet.ubo.cl/pruebas-kai/salir-over.gif);
}

.cup_tabla {
	border: 1px solid #99CCFF;
	background-color: #f7fbff;
}
.cup_tabla3 {
	border: 3px solid #FF9900;
	background-color: #FFFFCC;
}

.recuperativaBotones
{
	width:40px;
	height:40px;	
}

.recuperativaBotones:hover {
	width:50px;
	height:60px;
}

.select_modificado {
padding:13px 18px;
overflow: hidden;
background: url(images/form_select.png) no-repeat right #FFF;
 
border:1px solid #ddd0c0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px
}
.select_modificado select {
background: transparent;
width:100%;
border: 0;
border-radius: 0;
-webkit-appearance: none;
cursor:pointer;
overlay:
 
font-size: 15px;
font-style:italic;
line-height:19px;
color:#887e70;
}

/* DEMO 3 */

.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 10px;

    /* Styles */
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;

    /* Font settings */
    font-weight: bold;
    color: #8AA8BD;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #8aa8bd;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}



.customSelect { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
}
.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
.customSelectInner {
/* You can style the inner box too */
}