ul {
	list-style-type: none;
	padding-left: 0 !important;
}

a {
	color: #fff;
	;
	text-decoration: none;
}

/** =======================
 * Contenedor Principal
 ===========================*/
h1 {
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	margin-top: 80px;
}

h1 a {
	color: #c12c42;
	font-size: 16px;
}

/** =======================
 * Min Max touble check dec
 ===========================*/
.pruebachange {
	max-width: .1px;
	height: .1px;
	overflow: hidden;
	visibility: hidden !important;
	float: left;
	background: #fff;
	transition: all 0.2s ease;
}

.pruebachange2 {
	width: 99.9%;
	overflow: hidden;
}

.maxl {
	width: 99% !important;
	display: block !important;
	visibility: visibility !important;
	overflow: hidden !important;
}

.maxl2 {
	max-width: .1px;
	height: .1px;
	overflow: hidden;
	width: 1% !important;
}

.minl {
	width: 8.5% !important;
	height: 30px !important;
	font-size: 1em !important;
	transition: all 0.2s;
	z-index: 1000 !important;
}

.minl2 {
	width: 90.5% !important;
	transition: all 0.2s ease;
	z-index: 1000 !important;
	display: block;
	visibility: visible !important;
}

.barchange {
	max-width: .1px !important;
	font: 0/0 a !important;
	font-family: 'Montserrat', sans-serif;
	border-bottom: 1px solid #d4d4d4;
}

/** =======================
 * Min Max touble check dec Close
 ===========================*/
.accordion {
	width: 100%;
	height: 0px !important;
	max-width: 37%;
	height: auto;
	overflow: hidden;
	float: left;
	border-radius: 10px !important;
	margin-left: 35% !important;
	margin-right: 35% !important;
	transition: all 0.2s ease;
	background: #e4effa;
	box-shadow: 0 0 40px -18px #000;
	opacity: 0.9;
	transition: all 0.2s ease;
	position: absolute;
	z-index: 1005 !important;
	transform-origin: bottom center;
	position: fixed;
	bottom: 0;
	margin-bottom: 60.5px !important;
	opacity: 0.0;
	animation: slideup 2s;
	-moz-animation: slideup 2s;
	-webkit-animation: slideup 2s;
	-o-animation: slideup 2s;
}

.accordion2 {
	width: 100%;
	height: 400px !important;
	max-width: 37%;
	height: auto;
	overflow: hidden;
	float: left;
	border-radius: 10px !important;
	margin-left: 35% !important;
	margin-right: 35% !important;
	transition: all 0.2s ease;
	background: #e4effa;
	box-shadow: 0 0 40px -18px #000;
	opacity: 1;
	transition: all 0.2s ease;
	position: absolute;
	z-index: 1005 !important;
	transform-origin: bottom center;
	position: fixed;
	bottom: 0;
	margin-bottom: 60.5px !important;
}

.accordion3 {
	display: none;
	max-width: 1%;
	opacity: 0.0;
}

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 50px;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	/*border-bottom: 1px solid #ebebeb;*/
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion .unlink {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 50px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	/*border-bottom: 1px solid #ebebeb;*/
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion .link:hover {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 50px;
	color: #fff;
	font-size: 14px;
	background: linear-gradient(180deg, #B2D5F5, #e4effa 100%);
	font-weight: 500;
	/*border-bottom: 1px solid #ebebeb;*/
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion .vi {
	position: absolute;
	top: 9px;
	left: 15px;
	right: 15px;
	opacity: 0.9;
	z-index: 1005;
	color: #198c94;
	float: left;
	font-size: 14px;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
	color: #6F90A0;
}

.accordion li i.fa-th-list {
	right: 12px;
	left: auto;
	font-size: 16px;
	color: #6F90A0;
}

.accordion li.open .link {
	color: #fff;
}

.accordion li.open i {
	color: #6F90A0;
}

.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {
	display: block;
}

/**
 * Submenu
 -----------------------------*/
.submenu {
	/*position: !important;*/
	display: none;
	background: #6F90A0;
	font-size: 14px;
}

/*.submenu li {
	border-bottom: 1px solid #979ca1;
}*/

.submenu li i.fa-chevron-right {
	position: relative;
	top: 7px;
	left: 25px;
	padding: 5px 10px 15px 10px;
	color: #FFFF00;
	float: left;
	font-size: 14px;
}

.submenu li i.fa-caret-right {
	position: relative;
	top: 7px;
	left: 25px;
	padding: 5px 10px 15px 10px;
	color: #FFFF00;
	float: left;
	font-size: 18px;
}

.submenu a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 12px;
	padding-left: 62px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.submenu a:hover {
	/*background: #141518;
	opacity: 0.5;*/
	color: #FFF;
	font-size: 14px;
	
}

/** 
 * Menú Auxiliar
 -----------------------------*/
.auxiliar {
	background: #f4f4f4;
	font-size: 14px;
}

.auxiliar .video {
	position: relative;
	top: 5px;
	left: 5px;
	margin-right: 15px;
	z-index: 1005;
	color: #198c94;
	float: left;
	font-size: 14px;
}

.auxiliar li {
	border-bottom: 1px solid #979ca1;
	list-style: none;
}

.auxiliar li i.fa-chevron-right {
	position: relative;
	top: 5px;
	left: 5px;
	padding: 5px 5px 5px 5px;
	color: #198c94;
	float: left;
	font-size: 14px;
}

.auxiliar a {
	display: block;
	text-decoration: none;
	color: #1C1C1C;
	padding: 10px;
	padding-left: 32px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.auxiliar a:hover {
	/*background: #141518;*/
	color: #FFF;
	opacity: 0.9;
	background: #0f6db6;
}

/**
 * Menú Auxiliar
 -----------------------------*/
.buscar {
	border-bottom: 1px solid #1da1f2 !important;
	border: 0;
	background-color: transparent !important;
	vertical-align: none !important;
	width: 92%;
	text-align: left !important;
	margin-top: 4px;
	margin-left: -30px !important;
	height: 30px;
	font-weight: 500;
	float: left !important;
	color: #fff !important;
}

.buscarbtn {
	border-bottom: 1px solid #1da1f2 !important;
	border: 0;
	border-radius: 0px !important;
	background-color: transparent !important;
	margin-top: 4px;
	height: 30px;
	width: 30px;
	cursor: pointer;
	color: #000 !important;
}

.buscarbtn i.fa-search {
	/*right: 20%;*/
	left: auto;
	margin-top: 10px;
	font-size: 16px;
	color: #fff !important;
}

.buscar2 {
	border-top: 2px #848484 solid !important;
	border-left: 2px #848484 solid !important;
	border-bottom-color: white !important;
	border-right: 0px #D8D8D8 solid !important;
	border-radius: 0px !important;
	background-color: #D8D8D8 !important;
	width: 71%;
	text-align: left !important;
	margin-top: -4px;
	margin-left: 4px !important;
	height: 28px;
	float: left;
	color: #000 !important;
}

.buscarbtn2 {
	border-bottom: 2px #FFF solid !important;
	border-right: 2px #FFF solid !important;
	border-top: 2px #848484 solid !important;
	border-left: 0px #D8D8D8 solid !important;
	background-color: #D8D8D8 !important;
	border-radius: 0px !important;
	margin-top: -4px;
	float: left;
	height: 28px;
	color: #6E6E6E !important;
}

.buscarbtn2 i.fa-search {
	right: 6px;
	left: auto;
	margin-top: -4px;
	font-size: 16px;
}

/** =======================
 * Menu .UI
 ===========================*/
.menuhelper {
	margin-left: 25px !important;
	position: absolute;
	width: 400px !important;
	z-index: 1001 !important;
	text-align: left;
	font-family: Arial !important;
	font-size: 12px !important;
	border: none !important;
	background-color: #fff !important;
	height: 430px !important;
	opacity: 0.9 !important;
}

.CabezalFormM {
	width: 100%;
	height: 50px !important;
	color: #fff !important;
	font-family: Arial !important;
	font-size: 20px !important;
	font-family: 'Montserrat', sans-serif !important;
	text-align: left !important;
	background: #013467 !important;
	padding: 15px 15px 15px 15px !important;
}

.CabezalFormM .vi {
	float: left;
	position: relative;
	margin-left: 15px !important;
	margin-right: 5px !important;
	margin-top: -5px !important;
	border: none !important;
	border-color: none !important;
	border: none !important;
}

.menudialog {
	width: 200px;
	height: 500px;
	color: #000 !important;
	/*background: #C3C6D1;
	border: none !important;*/
	margin-left: 0px !important;
	vertical-align: center !important;
	font-family: Arial, sans-serif !important;
	vertical-align: center !important;
	font-size: 10px !important;
	border-radius: 0px !important;
	border-right: 1px #ebebeb solid !important;
}

.menudialog .link {
	width: 200px !important;
	cursor: pointer;
	display: block;
	padding: 6px 0px 6px 0px;
	color: #000 !important;
	font-size: 12px;
	border-right: 1px #ebebeb solid !important;
	opacity: 1;
    transition: 0.3s;
}

.menudialog .link:hover {
	width: 200px !important;
	cursor: pointer;
	display: block;
	padding: 6px 0px 6px 0px;
	color: #000 !important;
	font-size: 12px;
	border-radius: 2px !important;
	background: #D8D8D8;
	opacity: 1;
    
}
.menudialog a {
	color: #000 !important;
	font-family: Arial !important;
	font-weight: 100;
	line-height: 1.5;
}

.menudialog a:hover {
	color: #000 !important;
	font-family: Arial !important;
	font-weight: 100;
	line-height: 1.5;
}

.ui-menu {
	width: 200px;
	color: #000 !important;
	/*background: #none !important;*/
	border: none !important;
	margin-left: 0px !important;
	vertical-align: center !important;
	font-family: Arial, sans-serif !important;
	vertical-align: center !important;
	font-size: 10px !important;
	border-radius: 0px !important;
	font-weight: 500 !important;
}

.ui-menu a {
	color: #000 !important;
}

.ui-menu a:hover {
	color: #000 !important;
}

.ui-menu-item {
	padding: 9px 0px 8px 0px;
	border: none !important;
}

.ui-menu-item:hover {
	padding: 9px 0px 8px 0px;
	border: none !important;
	border-color: none !important;
	border-radius: 0px !important;
	background: #C3C6D1 !important;
}

.ui-menu .link {
	width: 200px !important;
	cursor: pointer;
	display: block;
	padding: 9px 0px 9px 0px;
	color: #000;
	font-size: 10px;
}

.ui-menu .link:hover {
	width: 200px !important;
	cursor: pointer;
	display: block;
	padding: 9px 0px 8px 0px;
	color: #000;
	font-size: 10px;
	background: #C3C6D1;
}

.ui-menu .submenuhelper .lima {
	padding: 5px 5px 5px 5px !important;
	border: none !important;
	border-color: none !important;
}

.ui-menu .submenuhelper .lima i.fa-caret-right {
	padding: 5px 5px 5px 5px !important;
	color: #FFFF00;
}

.ui-menu .submenuhelper a {
	cursor: pointer;
	width: 270px !important;
	display: block;
	padding: 9px 0px 9px 0px;
	margin-left: 1px !important;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	background-color: #fff !important;
	/*border-bottom: 1px solid #ebebeb;*/
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0px !important;
}

.ui-menu .submenuhelper a:hover {
	cursor: pointer;
	width: 270px !important;
	display: block;
	margin-left: 2px !important;
	padding: 9px 0px 9px 0px;
	color: #fff;
	background-color: #fff !important;
	font-size: 13px;
	font-weight: 500;
	background: linear-gradient(270deg, #4E626C, #4E626C 50%) !important;
	/*border-bottom: 1px solid #ebebeb;*/
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0px !important;
}

.ui-menu .submenuhelper .lima .submenuhelper2 {
	background-color: #141518 !important;
	border: none !important;
	border-color: none !important;
	opacity: 0.9;
	width: 400px;
	color: #fff !important;
}

.ui-menu .submenuhelper .lima .submenuhelper2 .lima2 {
	padding: 5px 5px 5px 5px !important;
	border: none !important;
	border-color: none !important;
}

.ui-menu .submenuhelper .lima .submenuhelper2 .lima2 i.fa-caret-right {
	padding: 5px 5px 5px 5px !important;
	color: #FFFF00;
}

.ui-state-active {
	border: none !important;
	border-color: none !important;
	border-radius: 0px !important;
	background: #d4d4d4 !important;
	width: 400px !important;
	color: #000;
}

.ui-menu .vi {
	float: left;
	position: relative;
	margin-left: 15px !important;
	margin-right: 5px !important;
	margin-top: -5px !important;
	border: none !important;
	border-color: none !important;
	border: none !important;
}

/** =======================
 * acceso directo
 ===========================*/
#draggable {
	position: relative !important;
	width: 100px;
	height: 100px;
	padding: 0.5em;
	background: none !important;
	border: none !important;
	color: #fff !important;
	float: center !important;
	box-shadow: initial !important;
	z-index: 1 !important;
}

#draggable:hover {
	position: relative !important;
	width: 100px;
	height: 100px;
	padding: 0.5em;
	background-color: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
	float: center !important;
	box-shadow: initial !important;
}

#draggable .icon {
	margin-left: 1px !important;
	box-shadow: initial !important;
}

#draggable a {
	text-shadow: 2px 2px 2px black;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	padding: -15px 5px -5px 5px;
	margin: 0px 5px 0px 5px;
}

#draggable2 {
	position: relative !important;
	width: 100px;
	height: 100px;
	padding: 0.5em;
	background: none !important;
	border: none !important;
	color: #fff !important;
	float: center !important;
	box-shadow: initial !important;
	z-index: 1 !important;
}

#draggable2:hover {
	position: relative !important;
	width: 100px;
	height: 100px;
	padding: 0.5em;
	background-color: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
	float: center !important;
	box-shadow: initial !important;
}

#draggable2 .icon {
	margin-left: 5px !important;
	box-shadow: initial !important;
}

#draggable2 a {
	text-shadow: 2px 2px 2px black;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	padding: 10px;
	padding-left: 12px;
}

#draggable3 {
	position: relative !important;
	width: 100px;
	height: 100px;
	padding: 0.5em;
	background: none !important;
	border: none !important;
	color: #fff !important;
	float: center !important;
	box-shadow: initial !important;
	z-index: 1 !important;
}

#draggable3:hover {
	position: relative !important;
	width: 100px;
	height: 100px;
	padding: 0.5em;
	background-color: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	float: center !important;
	box-shadow: initial !important;
}

#draggable3 .icon {
	margin-left: 5px !important;
	box-shadow: initial !important;
}

#draggable3 a {
	text-shadow: 2px 2px 2px black;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	padding: 10px;
	padding-left: 12px;
}

#draggable4 {
	position: relative !important;
	width: 100px;
	height: 100px;
	padding: 0.5em;
	background: none !important;
	border: none !important;
	color: #fff !important;
	float: center !important;
	box-shadow: initial !important;
	z-index: 1 !important;
}

#draggable4:hover {
	position: relative !important;
	width: 100px;
	height: 100px;
	padding: 0.5em;
	background-color: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	float: center !important;
	box-shadow: initial !important;
}

#draggable4 .icon {
	margin-left: 5px !important;
	box-shadow: initial !important;
}

#draggable4 a {
	text-shadow: 2px 2px 2px black;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	padding: 10px;
	padding-left: 12px;
}

#draggablewhite {
	position: relative !important;
	width: 100px;
	height: 110px;
	padding: 1em;
	background: none !important;
	border: none !important;
	color: #000 !important;
	z-index: 1004 !important;
}

#draggablewhite:hover {
	position: relative !important;
	width: 100px;
	height: 110px; 
	padding: 1em;
	background-color: rgba(98, 215, 253, 0.1) !important;
	color: #000 !important;
	float: center !important;
}

#draggablewhite .icon {
	margin-left: 0px !important;
}

#draggablewhite a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000 !important;
	padding: 0px;
	padding-left: 0px;
}
#draggablewhiteG {
	position: relative !important;
	width: 30px;
	height: 80px;
	
	background: none !important;
	border: none !important;
	color: #fff !important;
	z-index: 1004 !important;
}

#draggablewhiteG:hover {
	position: relative !important;
	width: 30px;
	height: 80px;
	background-color: rgba(98, 215, 253, 0.1) !important;
	color: #fff !important;
	float: center !important;
}

#draggablewhiteG .icon {
margin-top: 25px !important;
}

#draggablewhiteG a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	
	
}

#personalizacion1 {
	position: relative !important;
	width: 300px;
	height: 175px;
	padding: .6em;
	background: none !important;
	border: none !important;
	background-color: rgba(0, 0, 0, 0.9) !important;
	color: #fff !important;
	z-index: 1004 !important;
}
 
#personalizacion1:hover {
	position: relative !important;
	width: 300px;
	height: 175px; 
	padding: .6em;
	background-color: rgba(0, 0, 0, 0.9) !important;
	color: #fff !important;
	float: center !important;
}
 
#personalizacion1 .icon {
	margin-left: 0px !important;
	border-radius:10px; 
	width:100%; 
	height: auto;
}

#personalizacion1 a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	font-family: 'Montserrat', sans-serif !important;
	padding: 0px;
	padding-left: 0px;
}


#personalizacion2 {
	position: relative !important;
	margin-left: 30px;
	margin-top: 30px;
	width: 110px;
	height: 100px;
	padding: .2em;
	background: none !important;
	border: none !important;
	background-color: rgba(43, 143, 224, 0.9) !important;
	color: #fff !important;
	z-index: 1004 !important;
}
 
#personalizacion2:hover {
	position: relative !important;
	width: 110px;
	height: 100px; 
	padding: .2em;
	background-color: rgba(43, 143, 224, 0.9) !important;
	color: #fff !important;
	float: center !important;
}
 
#personalizacion2 .icon {
	margin-left: 0px !important;
	border-radius:10px; 
	width:100%; 
	height: auto;
}

#personalizacion2 a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	font-family: 'Montserrat', sans-serif !important;
	padding: 0px;
	padding-left: 0px;
}

#personalizacion3 {
	position: relative !important;
	margin-left: 10px;
	margin-top: 30px;
	width: 110px;
	height: 100px;
	padding: .2em;
	background: none !important;
	border: none !important;
	background-color: rgba(0, 0, 0, 0.9) !important;
	color: #fff !important;
	z-index: 1004 !important;
}
 
#personalizacion3:hover {
	position: relative !important;
	width: 110px;
	height: 100px; 
	padding: .2em;
	background-color: rgba(0, 0, 0, 0.9) !important;
	color: #fff !important;
	float: center !important;
}
 
#personalizacion3 .icon {
	margin-left: 0px !important;
	border-radius:10px; 
	width:100%; 
	height:100%; 
}

#personalizacion3 a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	font-family: 'Montserrat', sans-serif !important;
	padding: 0px;
	padding-left: 0px;
}







#draggableacoordion {
	position: relative !important;
	width: 90px;
	height: 90px;
	padding: 0.5em;
	background: none !important;
	border: none !important;
	color: #000 !important;
	margin-top: 5px !important;
	margin-left: 10px !important;
	margin-right: 5px !important;
	margin-bottom: 10px !important;
	z-index: 1004 !important;
}

#draggableacoordion:hover {
	position: relative !important;
	width: 90px;
	height: 90px;
	background-color: rgba(255, 255, 255, 0.6) !important;
	color: #000 !important;
	float: center !important;
}

#draggableacoordion .icon {
	margin-left: 1px !important;
}

#draggableacoordion a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000 !important;
	padding: 10px 5px 10px 5px;
	margin: 0px 5px 0px 5px;
}

#draggableatareas {
	position: relative !important;
	width: 40px;
	height: 40px;
	padding: 0.5em;
	background: none !important;
	border: none !important;
	color: #000 !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	z-index: 1004 !important;
	border-radius: 10px !important;
	border: 1px #000 solid !important;
}

/**
 * Menú new aux!!!
 -----------------------------*/
#chevron {
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
	color: #5E5D5D;
	font-weight: 600;
}

#chevron:hover,
.chevron:focus {
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
}

.dropbtn {}

/* Dropdown button on hover & focus */
.dropbtn:hover,
.dropbtn:focus {}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: relative;
	background-color: #fff;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
	margin-left: -12px !important;
	height: 50px !important;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	margin-left: 12px !important;
	background-color: #fff !important;
	padding: 7px 10px;
	text-decoration: none;
	
	border-radius: 2px !important;
	display: block;
	opacity: 1;
    transition: 0.3s;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	margin-left: 12px !important;
	color: rgb(0, 0, 0) !important;
	background-color: #ddd !important;
	padding: 7px 10px;
	border-radius: 2px !important;
	opacity: 1;
    
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
}

/**
 * Menú new aux2!!!
 -----------------------------*/
#chevronR {
	padding: 5px 2px 5px 2px;
	color: #5E5D5D;
	font-weight: 600;
}

#chevronR:hover,
.chevron:focus {
	padding: 5px 2px 5px 2px;
}

.dropbtnR {}

/* Dropdown button on hover & focus */
.dropbtnR:hover,
.dropbtnR:focus {}

/* The container <div> - needed to position the dropdown content */
.dropdownR {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentR {
	display: none;
	position: relative;
	background-color: #fff;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
	margin-left: -12px !important;
	height: 50px !important;
}

/* Links inside the dropdown */
.dropdown-contentR a {
	color: rgb(0, 0, 0);
	margin-left: 12px !important;
	background-color: #fff !important;
	padding: 7px 10px;
	text-decoration: none;
	margin-left: 20px;
	border-radius: 2px !important;
	display: block;
	opacity: 1;
    transition: 0.3s;
}
/* Change color of dropdown links on hover */
.dropdown-contentR a:hover {
	margin-left: 12px !important;
	padding: 7px 10px;
	border-radius: 2px !important;
	background-color: #ddd !important;
	opacity: 1;
    
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.showR {
	display: block;
}

.bs-tablegray {
	background-color: #ddd !important;
}

.barradireccion {
	background-color: #f7f7f7 !important;
    padding: 10px 4px 5px 4px;
	opacity: 1;
    transition: 0.3s;
}
 
.barradireccion:hover {
	background-color: #e6e4e4 !important;
	padding: 10px 4px 5px 4px;
	opacity: 1;
}
 
.barradireccion .icon {
	margin-left: 0px !important;
}

.barradireccion a {
	padding: 0px;
	padding-left: 0px;
}