:root {
	--color-navbar: #12322b;
	--color-primary: #235B4E;
	--color-primary-accent: #f35861;
	--color-secundary:  #dfe2fb;
	--color-secundary-light:  #4B5EF2;
	--color-light:  #B7BFFA;
	--color-bg-light:  #f7fcff;
	--color-accent: #FFDE00;
	--color-blue: #262F79;
	--color-accent-light: #FFCB08;
	--black-primary: var(--color-21);
	--black-secundary: #343A40;
	--soft-black: #495057;
	--bg-footer: #12322b;
	--grey: var(--color-22);
	--white: white;
	--off-white: whitedfe;
	--color-acent-servicio: #F28907;
	--color-servicio: #FDE6C9;
	--color-1: #F35861;
	--color-2: #F57981;
	--color-3: #F89BA0;
	--color-4: #FDDEDF;
	--color-5: #7A2C31;
	--color-6: #4B5EF2;
	--color-7: #3847B6;
	--color-8: #6F7EF5;
	--color-9: #B7BFFA;
	--color-10: #262F79;
	--color-11: #272F7C;
	--color-12: #525996;
	--color-13: #7D82B0;
	--color-14: #A9ACCB;
	--color-15: #1D235D;
	--color-16: #0A014F;
	--color-17: #3B3472;
	--color-18: #6C6795;
	--color-19: #9D99B9;
	--color-20: #05012B;
	--color-21: #212529; /*gris oscuro*/
	--color-22: #808080; /*gris claro*/
	--color-23: #FAA825; /*amarrillo*/
	--color-24: #F5F5F5; /*crema*/
	--color-25: #19a850; /*verde*/
	--color-26: #DFE1E6; /*gris muy claro*/
	--color-27: #28BC1A; /*verde muy chillón*/
	--color-28: #C40B01;
	--color-29: #8e24aa; /*purple*/
	--color-30: #A028BF; /*purple-claro*/
	--color-31: #E7E3ED; /*purple muy claro*/
	--color-32: #058673; /*verde oscuro*/
	--color-33: #D93654; /*rojo bonis*/
	--color-34: #F2A007; /*naranja*/
	--color-35: var(--color-bad);
	--color-36: #95C344;
	--color-37: #FFD432; /*amarillo*/
	--color-38: #fbc02d; /*amarillo light*/
	--color-check: #28BC1A;
	--color-bad: #B81C1C;
	--color-bad-light: #C40B01;
	--color-btn-primary: #5bc0de;
	--color-btn-success: #59ba1f;
	--color-btn-warning: #d1bd10;
	--color-btn-danger: #ba1f1f;


}

/*FUENTES*/
@font-face {
	font-family: "NeoSansPro-Regular";
	font-weight: normal;
	font-style: normal;
	src: local('NeoSansPro-Regular'), url('../fonts/neo-sans-pro/NeoSansPro-Regular.otf') format("OpenType");
}
@font-face {
	font-family: "NeoSansPro-Light";
	font-weight: normal;
	font-style: normal;
	src: local('NeoSansPro-Light'), url('../fonts/neo-sans-pro/NeoSansPro-Light.otf') format("OpenType");
}
@font-face {
	font-family: "NeoSansPro-Medium";
	font-weight: normal;
	font-style: normal;
	src: local('NeoSansPro-Medium'), url('../fonts/neo-sans-pro/NeoSansPro-Medium.otf') format("OpenType");
}
@font-face {
	font-family: "NeoSansPro-Bold";
	font-weight: normal;
	font-style: normal;
	src: local('NeoSansPro-Bold'), url('../fonts/neo-sans-pro/NeoSansPro-Bold.otf') format("OpenType");
}
@font-face {
	font-family: "NeoSansPro-Ultra";
	font-weight: normal;
	font-style: normal;
	src: local('NeoSansPro-Ultra'), url('../fonts/neo-sans-pro/NeoSansPro-Ultra.otf') format("OpenType");
}

require('typeface-nunito') html {
	min-height: 100%;
	position: relative;
}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////// S T Y L E   G E N E R A L//////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

body {
	margin: 0;
	font-family: "NeoSansPro-Regular"  !important;
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--color-21);
	text-align: left;
}


.contenedor {
	padding: 95px 50px 70px;
}
.indicador-navegacion{
	color: var(--color-21) !important;
	font-size: 16px;
	padding: 0% 0% 2% 0%!important;

}
.indicador-navegacion .item{
	color: var(--color-21) !important;
	text-decoration: none!important;
}
.indicador-navegacion .item-separador{
	padding-right: .5rem;
	padding-left: .5rem;
	color: var(--color-22)!important;
}
.indicador-navegacion .item-actual{
	color: var(--color-22)!important;
	text-decoration: none!important;
}


main,
#app {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

.btn-principal {
	background-color: var(--color-primary) !important;
	color: white !important;
	font-size: 16px !important;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px !important;
	padding: 9px 25px !important;
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
}
.btn-principal:hover{
	background: var(--color-primary-accent)!important;
}


h1 {
	font-size: 28px !important;
}

h3 {
	font-size: 24px !important;
}

@media screen and (max-width: 480px) and (min-width: 320px){
	.contenedor {
		padding: 50px 20px 40px;
	}
	h1 {
		font-size: 23px !important;
	}
	.btn-principal {
		padding: 9px 80px !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.contenedor {
		padding: 104px 33px 45px;
	}
	h1 {
		font-size: 26px !important;
	}
}


/*/////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////// F I N  S T Y L E   G E N E R A L//////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////N A V B A R    //////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/


.navbar-aviso{
	background-color: var(--color-23);
	width: 100%;
}

.navbar-aviso span{
	font-size: 0.9em;
	color: var(--color-15);
}

.navbar_personalizado {
	background: var(--color-navbar);
	height: auto;
	font-size: 14px;
	z-index: 1000001;
	align-items: baseline !important;
}


.menu-secundario{
	display: flex;
	background-color: white;
	margin-top: 100px;
	left: 0;
	right: 0;
	z-index: 2 !important;
	box-shadow: 0 2px 10px 0 hsla(0,0%,80%,.5);
}
.menu-secundario .nav-item .nav-link{
	color: var(--color-15)!important;
	font-size: 16px;
	font-family: "NeoSansPro-Regular" !important;
}
.menu-secundario .nav-item{
	padding-right: 1.5em;
}
.menu-secundario .nav-item .nav-link:hover{
	color: var(--color-6) !important;
}


.menu-secundario button{
	outline: none !important;
}

.navbar_personalizado_secundario .nav-item a, .navbar_personalizado_secundario .nav-item a i{
	color: var(--color-15)!important;
}

.navbar-toggler-icon{
	background-image: url(../img/icon/menu-black.png) !important;
}

.navbar-collapse {
	margin-top: 10px;
}
.navbar-toggler {
	outline: none !important;
}
.navbar-toggler .menu{
	color: var(--color-15) ;
}


nav .nav-item a,
nav .nav-item div {
	color: var(--color-secundary) !important;
	font-size: 1rem;
	letter-spacing: 0.1em;
}
nav .nav-item{
	color: var(--color-secundary) !important;
}

nav .nav-item :hover {
	background-color: transparent;
	color: var(--color-secundary-light) !important;
}
nav .nav-item .dropdown-menu {
	background-color: white;
	color:var(--color-8)!important;
	border: 0px!important;
}
nav .nav-item .dropdown-menu a{
	color: var(--color-15)!important;
	font-size: 1em;
	
}
nav .nav-item .dropdown-menu a:hover {
	background-color: var(--color-24);
	color: var(--color-secundary) !important;
}

nav .nav-item .dropdown-item{
	line-height: 2.3em!important;
}

.vertical-line{
	width: 1px;
	border: 1px solid var(--color-primary-accent);
	height: 1.7em;
	vertical-align: middle;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-top: 5px;
}

.badge-notification {
	top: -7px;
	position: relative;
}


@media screen and (max-width: 480px) and (min-width: 320px){
	.navbar-collapse {
		margin-top: 20px;
	}
	.navbar-aviso{
		display: none !important;
	}
	.navbar_personalizado  {
		font-size: 0.7em ;
		margin-top: 0;
	}
	.nav-item {
		margin-bottom: 0.4em;
	}
	.navbar-brand {
		width: 132px;
	}
	
	.content-user-nav img{
		width: 22px !important;
	}
	.nav-user-name{
		display: none;
	}
	.navbar-info-user .nav-inicio{
		flex-direction: inherit;
	}
	.menu-secundario {
		margin-top: 60px;
	}
	.puntos_blue  {
		display: none;
	}
	.vertical-line{
		height: 1.5em;
		border: 0.5px solid white;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
	}

}
@media screen and (min-width: 768px){
	.nav-item {
		margin-bottom: 0.4em;
	}
	
	.menu-secundario .nav-item {
		padding-right: 1em;
	}
}

.content_img_login {
	height: 25% !important;
	width: 25% !important;
	align-self: center;
	margin-top: 0%;
}

.msg_bienv_login {
	font-weight: bold;
	font-size: 1.5em;
	color: darkslategray;
	margin-top: -2%;
}

.msg_login {
	margin-top: 1%;
	font-weight: 600;
	letter-spacing: 0.1em;
	font-size: 1em;
	color: darkslategray;
}

.msg_login2 {
	margin-top: 1%;
	font-weight: 600;
	letter-spacing: 0.1em;
	font-size: 0.81em;
	color: darkslategray;
}
.forget_password{
	font-weight: 600;
	letter-spacing: 0.1em;
	font-size: 0.81em!important;
	color: var(--color-21)!important;
	font-weight: bold!important;
	text-decoration: none!important;
}
.btn-submit-login{
	width: 100%!important;
	letter-spacing: 0.1em;
	font-size: 1em!important;
	padding: 4% 0%!important;
}
.remember{
	letter-spacing: 0.1em;
	font-size: 0.81em!important;
}
#acceder{
	z-index: 1000003;
}

.min_content{
	width: min-content!important;
}

.navbar_primary {
	z-index: 90;
}

main>div{
	display: block;
}

.icon-nav2{
	color: darkgray;
}
#login{
	cursor: pointer!important;
}
#acceder .col-form-label{
	color:var(--color-8)!important;
}

.navbar-expand-lg .navbar-nav .notification button{
	
	background: none!important;
	border: 0px!important;
	color: white!important;
	height: 100%!important;
	width: min-content!important;
	padding: 4px!important;
}
.notification i{
	font-size: 1.2em!important;
	margin-left: 10px;
}


.notification .counter  {
	top: -7px !important;
	background: var(--color-23)!important;
	color: black!important;
	font-size: 0.7em !important;
	padding: 0px 4px;
	border-radius: 50px!important;
	position: relative;
	right: 6px;
}
.notification .dropdown-toggle::after{
	display: none!important;
}
.notification  .notification-title{
	padding: 3% 2%!important;
	text-align: center!important;
	color: var(--color-21) !important;
	display: block!important;
	border-bottom: 1px solid var(--color-26);
}
.notification  .notification-title:hover{
	padding: 3% 2%!important;
	text-align: center!important;
	background: white!important;
	color: black!important;
	display: block!important;
}
.notification  .notification-footer{
	padding: 3% 2%!important;
	text-align: center!important;
	color: var(--color-6) !important;
}

.notification  a {
	text-decoration: none!important;
}
.notification  #notification-body{
	text-align: center!important;
	background: none!important;
	max-height: 10em;
	overflow-y: scroll;

}
.notification  #notification-body{
	padding: 4%!important;
	text-align: center!important;
	min-width: 18em!important;
	min-height: 13em;
}

.notification #notification-body::-webkit-scrollbar {
	width: 0.4em;
	background-color: var(--color-24); 
}

.notification #notification-body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: var(--color-6); 
}

.notification .dropdown-menu{
}


.notification  #notification-body a{
	margin: 0%!important;
	text-decoration: none!important;
	letter-spacing: 0.1em!important;
	display: block!important;
	border-bottom: 1px solid var(--color-26);
	padding: 10px 0px 13px 0px;
}




/*/////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////V E R T I C A L   /N A V B A R    ////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

.tab_navbar,
.tab_navbar_left {
	border: 0 !important;
	width: 100% !important;
	text-align: center;
}


div.dropdown-btn {

}

#sidebar .dropdown-container a:hover {
	color: yellow !important;
}

.icon-sidebar {
	text-align: center !important;
	display: block !important;
}

#sidebar a {
	text-decoration: none;
}

.tab_navbar :hover,
#sidebar div.dropdown-btn:hover {
	border-right: 8px solid var(--color-23);
}

.tab_navbar p :hover,
.tab_navbar i:hover {
	border-right: 0px solid var(--color-23);
}

#sidebar .dropdown-container a {
	color: white !important;
}

.vertical-nav {

	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.4s;

	padding-left: 5px;
	background: var(--color-15) !important;
	height: auto !important;
}


.page-content {
	width: calc(100% - 5%);
	margin-left: 5%;
	transition: all 0.4s;
	padding: 0px !important;
}

/* for toggle behavior */
/*/////////////////////////////////SIDEBAR CONTRAIDO //////////////////////////*/
#sidebar.active {
	width: 5%;
	min-width: 5% !important;

}

#sidebar.active .text-vn {
	display: none !important;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
}

#sidebar.active .tab_navbar,
#sidebar.active .tab_navbar_left {
	text-align: center !important;
	padding-left: 0%;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
}

#sidebar.active .icon-vn {
	font-size: 2.0em;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
}

/*/////////////////////////////////SIDEBAR EXPANDIDO////////////////////////////*/

#sidebar .text-vn {
	display: inline-block !important;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
}

#sidebar .tab_navbar,
#sidebar .tab_navbar_left {
	text-align: left !important;
	padding-left: 10%;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
}

#sidebar .icon-vn {
	font-size: 1.4em;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
}



#sidebar {
	width: 15%;
	min-width: 15% !important;
	padding: 0px !important;
	margin: 0px !important;

}


#content {
	width: 100%;

}


@media (max-width: 768px) {
	#content {
		width: 100%;
	}

	.sidebar_personalizado {
		position: absolute !important;
	}

	#sidebar {
		position: absolute !important;
	}
}

@media (max-width: 1024px){
	#content {
	}
}

#sidebar {
	height: 100% !important;
	position: fixed !important;
}


.sidebar_personalizado {
	height: 100% !important;
	z-index: 1000000;
}

#sidebarCollapse {
	
}

.fin_nav {
	height: 100% !important;
	padding-top: 15% !important;
}

.sidebar_personalizado .toggle-btn {
	display: none;
}

#sidebar li {
	list-style: none;
}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////// F I N  S I D E B A R      E X P //////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/


.dropdown-btn {
	padding: 2% !important;
	text-decoration: none;
	font-size: 16px;
	color: var(--color-22);
	display: block;
	border: none;
	background: none;
	width: 100%;
	cursor: pointer;
	outline: none;
}

.dropdown-container {
	display: none;
	padding-left: 8px;
}

.collapsed a {
	display: block !important;
	padding: 2% !important;
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////H O M E///////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

.content_portada {
	width: 100% !important;
	height: 750px !important;
}


.portada-modal {
	width: 100% !important;
	height: 100% !important;
}

.slider-text-content{
	margin-top: 10%;
}

.slider-text-title{
	font-family: "NeoSansPro-Ultra";
	font-size: 58px !important;
	line-height: 1.2;
	letter-spacing: 1.8px;
	text-align: right;
	color: white;
}

.slider-text-subtitle{
	font-size: 22px !important;
	line-height: 1.2;
	letter-spacing: 1.2px;
	text-align: right;
	color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 480px) and (min-width: 320px){
	.slider-text-content{
		margin-top: 23%;
	}
	.slider-text-title{
		font-size: 40px !important;
	}
	.slider-text-subtitle{
		font-size: 20px !important;
	}
}

@media screen and (max-width: 1024px)and (min-width: 768px) {
	.slider-text-content{
		margin-top: 15%;
		margin-right: 5% !important;
	}
	.slider-text-title{
		font-size: 40px !important;
	}
	.slider-text-subtitle{
		font-size: 20px !important;
	}
}


.content-show-home{
	height: 100%!important;
} 

.content-show-home .content-img{
	height: 100%!important;
	overflow: hidden!important;
	margin: 0px!important;
	position: relative;
}
.content-show-home .overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
}



.content-text{
	margin-top: 15%;
}


.content-text-subtitle{
	font-size: 22px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.9);
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.btn-home-secundario {
	background-color: var(var(--color-primary)) !important;
	color: white !important;
	font-size: 16px !important;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px;
	padding: 3% 6%!important;
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
}

@media (max-width: 767.98px) {
	.content-text{
		margin-top: 40%;
	}
	.btn-home-secundario {
		width: 65%;
		padding: 4% 6%!important;
	}
}

/* Barra de busqueda */

.search-bar{
	
	position: relative;
	margin-bottom: 1em;
}
.search-bar .container{
	margin-top: -230px;

}

.form-search {
	position: relative;
}
.search-bar .search-bar-form{
	padding: 36px 30px 25px 75px;
	background: white;
	box-shadow: 0px 3px 30px 10px rgba(0, 0, 0, 0.08);
	flex-wrap: wrap;
	border-radius: 4px;
}

.search-bar .search-bar-form .search-bar-title span {
	font-size: 20px;
	letter-spacing: 1px;
	color: rgba(0,0,0,0.8);
	margin-bottom: 15px;
	display: block;
}

.search-bar-input {
	border: none !important;
	border-bottom: 2px solid #ddd !important;
	border-radius: 0px !important;
	background: transparent !important;
	padding-left: 5px !important;
	box-shadow: none !important;
	padding: 0px!important;
	margin: 0px!important;
	height: 45px !important;
}

.search-bar-input:focus,
.search-bar-input[value]:not([value=""]) {
	border-bottom-color: var(--color-6) !important;
	color: black!important;
}

.search-bar-button{
	padding-top: 1.5rem;
}

.btn-search {
	background-color: var(--color-primary) !important;
	color: white !important;
	font-size: 16px !important;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px !important;
	padding: 15px 29px !important;
}

.btn-search:hover{
	background: var(--color-primary-accent)!important;
}

.list-search-bar-results{
	position: absolute;
	z-index: 3;
	background-color: white;
	width: 100%;
	left: 0;
	box-sizing: border-box;
	border-radius: 4px;
	overflow: hidden;
	top: 100%;
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
	transition: 0.3s;
	
}
.list-search-bar-results:hover{
	box-shadow: 0 16px 16px 0 rgba(0,0,0,0.2);
}

.list-search-bar-results-content{
	padding: 10px 88px;
	margin-bottom: 2em;
	display:none;
}

.grafico_cerofilas {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.img_cerofilas {
	width: 200px; 
	height: 425px; 
	position: absolute;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.list-search-bar-results-content{
		padding: 10px 55px;
	}
	.grafico_cerofilas {
		display: none;
	}

}

@media (max-width: 767.98px) {
	.search-bar .search-bar-form{
		padding: 20px 36px 10px 30px;
	}
	.search-bar-button{
		padding-top: 0px !important;
	}
	.btn-search {
		width: 100%;
		margin-bottom: 0.5em;
	}
}


.btn-home {
	background-color: var(--color-primary) !important;
	color: white !important;
	font-size: 16px !important;
	border-radius: 0.15rem !important;
	letter-spacing: 1.7px !important;
	padding: 15px 55px !important;
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
}

.btn-home:hover{
	background: var(--color-primary-accent)!important;
}


.section-destacados{
	padding: 2em;
	margin-top: 2rem;
	margin-bottom: 3em;
	position: relative;
}

.seccion-mas-buscados {
	margin-top: 1rem;
}

@media (max-width: 767.98px) {
	.section-destacados{
		padding: 0.5em;
		margin-top: 2rem;
	}
}

.section-destacados  .img-destacados {
	width: 100%;
	z-index: 0;
	position: relative;
}

.section-destacados .img-destacados .img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: -20px 20px 69px -27px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: -20px 20px 69px -27px rgba(0, 0, 0, 0.33);
	box-shadow: -15px 15px 15px -15px rgba(0, 0, 0, 0.33);
}

@media (max-width: 767.98px) {
	.section-destacados .img {
		height: 300px;
	}
}

.img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.order-md-last {
	-webkit-box-ordinal-group: 14;
	-ms-flex-order: 13;
	order: 13;
}

.text-destacados h2 {
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
	font-size: 44px !important;
	line-height: 1.2;
}

.text-destacados p {
	margin-top: 0;
	margin-bottom: 1rem;
	color: rgba(0,0,0,0.8);
	font-family: NeoSansPro-Light;
	font-size: 22px;
}



.text-catalogos h2 {
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
	font-size: 38px !important;
	line-height: 1.2;
}

.text-catalogos p {
	margin-top: 0;
	margin-bottom: 1rem;
	color: rgba(0,0,0,0.8);
	font-size: 18px;
}


.heading {
	color: black;
}

.heading.border-bottom, .heading.border-bottom-servicio {
	position: relative;
	padding-bottom: 20px;
	border-bottom: none !important;
}

.heading.border-bottom:before, .heading.border-bottom-servicio::before {
	bottom: 0;
	position: absolute;
	content: "";
	width: 50px;
	height: 2px!important;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--color-secundary-light);
}

.heading.border-bottom-servicio::before{
	background: var(--color-acent-servicio);
}

.heading.border-bottom.text-left:before, 
.heading.border-bottom-servicio.text-left::before {
	left: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}



.tesoreria-card {
	height: 600px;
	padding: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.tesoreria-card-img {
	height: 100%;
	border-radius: 0px !important;
	border: 0px !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: rgba(0, 0, 0, 0.5) !important;
	background-blend-mode: soft-light;
}

.tesoreria-card-img .card-footer{
	bottom: 0;
	position: absolute;
	border-radius: 0px !important;
	border-top: 0px !important;
}

.tesoreria-text-title{
	font-weight: bold;
}
.tesoreria-text-subtitle{
	font-size: 1.1em!important;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.3;
}

.tesoreria-link a{
	font-size: 16px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.tesoreria-link a:hover{
	text-decoration: underline;
	color: white;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.text-destacados h2 {
		font-size: 36px !important;
	}
}

@media (max-width: 767.98px) {
	.tesoreria-card {
		height: 300px;
		padding: 0px;
	}
}


/* carousel-buscados: flickity.css */

* { box-sizing: border-box; }

.carousel {
	background: white;
}

.carousel-mas-buscados {
	width: 25%;
	height: 420px;
	margin-right: 10px;
	border-radius: 10px;
	background: white;
}

.carousel-image{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: rgba(0, 0, 0, 0.5);
	background-blend-mode: soft-light;
	/* unselected */
	opacity: 0.7;
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
	-webkit-filter: blur(5px);
	filter: blur(0px);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
	transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}


.carousel-mas-buscados.is-selected{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-filter: none;
	filter: none;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.carousel-mas-buscados { width: 100% !important;
	}
}

@media ( max-width: 768px ) {
	.carousel-mas-buscados { width: 50%;
	}
}

.carousel-mas-buscados:before {
	display: block;
	text-align: center;
	line-height: 200px;
	font-size: 80px;
	color: white;
}

/* buttons */
.flickity-prev-next-button {
	width: 60px;
	height: 60px;
	background: transparent;
	opacity: 0.6;
}
.flickity-prev-next-button:hover {
	background: transparent;
	opacity: 1;
}
.flickity-prev-next-button .arrow {
	fill: white;
}
.flickity-prev-next-button.no-svg {
	color: white;
}
.flickity-prev-next-button.previous { left: 0; }
.flickity-prev-next-button.next { right: 0; }
/* hide disabled button */
.flickity-prev-next-button:disabled {
	display: none;
}

.carousel-mas-buscados a:hover{
	text-decoration: none;

}

.carousel-content-text span{
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 100%;
	line-height: 1.4;  
}

.buscados-text-header{
	color: var(--color-21);
	font-family: "NeoSansPro-Bold";
}

.buscados-title{
	color: white;
	font-family: "NeoSansPro-Bold";
}

.buscados-subtitle{
	font-family: "NeoSansPro-Light";
	font-size: 1.2em!important;
	color: rgba(255, 255, 255, 0.8);
}
.buscados-text-link a{
	font-size: 16px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.buscados-text-link a:hover{
	text-decoration: underline;
	color: white;
}

.buscados-img-card {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: rgba(0, 0, 0, 0.4) !important;
	background-blend-mode: soft-light;
}

.section-dependencias{
	margin-top: 6rem;
	margin-bottom: 3rem;
	position: relative;
}

.dependencias-text-header{
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
}

.dependencias-header-parrafo{
	font-family: "NeoSansPro-Light";
	font-size: 1.2em!important;
	font-weight: 300;
	color: rgba(0,0,0,0.8);;
	line-height: 28px;
	text-align: left;
}

.dependencias-item-title{
	font-size: 1.1em!important;
	font-weight: bold;
	color: var(--color-21);
}

.dependencias-item-parrafo{
	color: rgba(0,0,0,0.8);;
	font-size: 1.1em !important;
	line-height: 26px;
	text-align: left;
	font-weight: 200;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.section-dependencias{
		margin-top: 3rem;
	}
}


@media ( max-width: 768px ) {
	.section-dependencias{
		margin-top: 5rem;
	}
}

.icon-dependencia {
	width: 70% !important;
	margin-left: 10px;
}


.icon-vn {
	font-size: 1.2em !important;
	padding: 0px !important;
	padding-right: 15px;
	color: white;
}

.text-vn {
	display: none;
	font-size: 0.8em;
	margin-left: 5% !important;
	font-size: 16px;
}

.card-title {
	font-size: 18px;
}


.slider-portada{
	height: 75%!important;
}
.slider-portada .fs-quick-nav{
	display: none!important;
}
.container-card-personalizado{
	height: 70%!important;
}

.container-card-personalizado .card-group,.container-card-personalizado .card-group .row{
	width: 100%!important;
}

.container-card-personalizado .card-personalizado{
	padding: 0px!important;
	border: 0px!important;
	height: 100%!important;
}

.container-card-personalizado .card-group,.container-card-personalizado .card-personalizado .card{

	height: 100%!important;
	border-radius: 0px!important;
	border: 0px!important;
}
.container-card-personalizado .card-personalizado .card .card-footer{

	bottom: 0;
	position: absolute;
}


.container-card-personalizado .card-personalizado .card-img{
	border-radius: 0px!important;
	border: 0px!important;
	height: 100%!important;
}
.container-card-personalizado .title-card-personalizado{

}
.container-card-personalizado .title-card-personalizado a{
	padding: 0%!important;

}
.container-card-personalizado .title-card-personalizado .title-personalizado{
	font-size: 1.5em!important;

}
.container-card-personalizado .title-card-personalizado .subtitle-personalizado{
	font-size: 1.1em!important;
	color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
	.container-card-personalizado .card-personalizado{
		padding: 10px!important;
		border: 20px!important;
		height: 100%!important;
	}
}



/*/////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////// F O O T E R //////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

.page-footer{
	background-color: var(--bg-footer);

}

.footer-text{
	margin-left: 30px;
}
.footer-text h5{
	color: white;
	font-size: 1.15rem;
}
.footer-text p{
	color: rgba(255, 255, 255, 0.8);
}
.footer-text span{
	color: rgba(255, 255, 255, 0.8);
}

.footer-text-link a {
	color: white;
	text-align: center;
}
.footer-text-link a:hover{
	color: var(--color-6);
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.footer-text{
		margin-left: 20px;
		margin-right: 20px;
	}
}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////F I N    F O O T T E R ///////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////R E G I S T E R /////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

.select_rf{
	padding: 2%;
	width: fit-content;
}
.content_user_pf{
	width: 100%!important;
}

.content_user_pm{
	width: 100%!important;
	/*display: none!important;*/
}
.form_pm section, .form_pf section{
	overflow: auto!important;
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////M I S    D A T O S///////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

.content_password{
	display: none;
}

.content_inputs{
	display: none;
}

#bandeja_entrada #content_mensajes{
	max-height: 38em!important;
	overflow-y: scroll!important;
}
#bandeja_entrada #content_mensajes::-webkit-scrollbar {
	width: 0.4em;
	background-color: var(--color-24); 
}

#bandeja_entrada #content_mensajes::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: var(--color-6); 
}

#bandeja_entrada #content_mensajes {
	scrollbar-color: var(--color-6) var(--color-24);
}

#bandeja_entrada  .check_mensaje, #bandeja_entrada  .check_mensaje_notificacion{
	cursor: pointer!important;
	z-index: 0;
}

.messages-box{
	height: 16em!important;
	overflow-y: scroll!important;
}

.card-mis-datos .card-header{
	background: none!important;
}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////// A C C E S S O S  ////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

#section_user{
	display: none;
}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////F O R M U L A R I O   S E C C I O N S   //////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

.remove_campo{
	display: inline-block;
	margin-left: 2%;
	color: red;
}


/*/////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////T R A M I T E S//////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/


.title_card_tramite{
	background: #0B3B52 !important;
	color: white; 
	padding: 1% 2%;
	font-weight: bold; 
	height: 55px;
}
.title_card_tramite h5, .title_card_tramite button{
	color: white!important; 
	text-decoration: none!important;
}

.table_tramites,  .table_formulario {
	border: 1px solid #e8eaf6;
}

.table_tramites .table_tramites_somb,.table_formulario .table_tramites_somb {
	background: #e8eaf6!important;
	font-weight:bold;
}
.table_tramites .title_tramites_somb, .table_formulario .title_tramites_somb{
	font-weight:bold;
	font-size: 14px;
}

.title_tramite{
	font-size: 1.4em;
	color: var(--color-21);
	font-weight: 500;
}

.descripcion_tramite_style{
	font-family: 'Segoe UI', sans-serif;
	font-size: 1.2em;
	color: black;
	font-weight: 500;	
	padding: 2% 1%!important;
}

.enunmerar{
	color: var(--color-25)!important;
	font-size: 0.5em;
	margin-right: 5%!important;
}
.table_tramites_requisitos{
	padding: 5%!important;
}
/*etapas*/
.content_etapa, .content_etapa .form-control{
	font-size: 12px;
}
.content_etapa .form-control, .content_etapa .input-group-text{
	height: 20px;
}
.pasos_etapas{
	font-family: "NeoSansPro-Medium";
	font-size: 1em!important;
}
#pasos_etapas ul li{
	font-size: 0.8em!important;
}

/*-------------------------------------TIME LINE ETAPAS -----------------------*/
.timeline,
.timeline-horizontal {
	list-style: none;
	padding: 20px;
	position: relative;
}
.timeline:before {
	top: 40px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: var(--color-24);
	left: 50%;
	margin-left: -1.5px;
}
.timeline .timeline-item {
	margin-bottom: 20px;
	position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
	content: "";
	display: table;
}
.timeline .timeline-item:after {
	clear: both;
}
.timeline .timeline-item .timeline-badge {
	color: white;
	width: 2em;
	height: 2em;
	line-height: 2em;
	font-size: 1.5em;
	text-align: center;
	position: absolute;
	top: 18px;
	left: 50%;
	margin-left: -25px;
	background-color: var(--color-22);
	border: 3px solid white;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
	top: 2px;
	left: 0px;
	line-height: 2em;
}
.timeline .timeline-item .timeline-badge.primary {
	background-color: var(--color-9);
	color: var(--color-btn-primary) ;
	display: flex;
	align-items: center;
	justify-content: center;
}
.timeline .timeline-item .timeline-badge.info {
	background-color: var(--color-btn-primary);
}
.timeline .timeline-item .timeline-badge.success {
	background-color: var(--color-btn-success);
}
.timeline .timeline-item .timeline-badge.warning {
	background-color: var(--color-btn-warning);
}
.timeline .timeline-item .timeline-badge.danger {
	background-color: var(--color-btn-danger)f;
}
.timeline .timeline-item .timeline-panel {
	position: relative;
	width: 46%;
	right: 16px;
}

.timeline .timeline-item .timeline-panel .timeline-title {
	margin-top: 0;
	color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
	margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
	margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
	float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
	float: right;
	left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline-horizontal {
	list-style: none;
	position: relative;
	padding: 20px 0px 20px 0px;
	display: inline-block;
}
.timeline-horizontal:before {
	height: 3px;
	top: auto;
	bottom: 26px;
	left: 56px;
	right: 0;
	width: 90%;
	margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
	display: table-cell;
	width: 20%;
	min-width: 320px;
	float: none !important;
	padding-left: 0px;
	padding-right: 20px;
	margin: 0 auto;
	vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
	bottom: -3em;
	display: inline-block;
	float: none !important;
	left: 0 !important;
	right: 0 !important;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
	display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
	top: auto;
	bottom: 0px;
}
#añadir_etapa_validador{
	padding: 10px 15px 20px !important;
	font-size: 0.9em;
}

#añadir_etapa_pago{
	padding: 1.5em!important;
	font-size: 0.8em;
}

#añadir_etapa_documento{
	padding: 0 0 30px !important;
	font-size: 0.8em;
}

#añadir_etapa_validador select{
	font-size: 1.0em;
}

#añadir_etapa_pago select{
	font-size: 1.0em;
}

#añadir_etapa_documento select{
	font-size: 1.0em;
}
#cards_etapas .cards_etapa{

	box-shadow: 0px 3px 6px #00000029 !important;
	border-left: 0.5em solid #78BFF6;
	margin: 30px 20px;
	border-radius: 0.1em;
	padding: 1em;
}
#cards_nuevas_etapas .cards_etapas{
	
	box-shadow: 0px 3px 6px #00000010;
	margin: 1em 0.2em;
	border-radius: 0.1em;
}

#cards_etapas .cards_etapa .texto-secundario{
	font-family: "NeoSansPro-Bold";
	font-size: 0.8em;
}
#cards_etapas .cards_etapa .texto-secundario .lista_rsp{
	font-family: "NeoSansPro-Regular";
	font-size: 1.0em;
	list-style: decimal;
	padding: 1em;
	margin: 0px;
}

#cards_etapas .cards_etapa .botones_acciones .btn-light-blue{
	background: transparent!important;
}
#cards_etapas .cards_etapa .botones_acciones .btn-light-blue:hover{
	background: var(--color-8)!important;
}

#cards_etapas .cards_etapa .botones_acciones .btn-light-red{
	background: transparent!important;
}
#cards_etapas .cards_etapa .botones_acciones .btn-light-red:hover{
	background: var(--color-bad)!important;
}

/*------------------------FIN TIME LINE ETAPAS ---------------------------------*/
/* FIN ETAPAS*/

.badge-new{
	background: var(--color-9) !important;
	color:var(--color-btn-primary) !important;
	font-weight: 500!important;
	cursor: pointer!important;
	font-size: 0.9em !important;
}
.icon-show-details{
	color: var(--color-7)!important;
	margin-right: 0.3em;
}
.btn-show-details{
	color: gray!important;
	letter-spacing: 0.1em!important;
	font-size: 14px!important;
}

.btn-init-tramit{
	font-size: 12px!important;
	letter-spacing: 0.1em!important;
}
.icon-list-tramit{
	font-size: 18px!important;
	color: var(--color-16)!important;
}
.text-list-tramit{
	font-size: 16px !important;
	color: var(--color-21) !important;
	font-weight: 600;
}
#lista_requisitos, #lista_secciones{
	padding: 0em 1em;
	list-style: decimal;
}

#lista_requisitos .card, #lista_secciones .card{
	border:0px!important;
}
#lista_secciones .card-header, #lista_requisitos .card-header{
	background: white !important;
}

#lista_secciones .card-body ul{
	list-style: none!important;
}
#lista_secciones  .card-body ul li{
	padding: 1% 4%!important;
	border: 1px solid rgba(0, 0, 0, 0.03)!important;
	border-radius: 0px!important;
}
#lista_secciones >.card >.card-header> .heading-elements-toggle >a, #lista_requisitos> .card> .card-header> .heading-elements-toggle> a{
	cursor: pointer!important;
}


.seccion-ficha-tramite{
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}

.content_Ficha_tramite{
	padding-left: 3em;
	padding-right: 3em;
}

.portada-ficha-tramite{
	height: auto;
	width: 100%;
}
.portada-ficha-tramite-img {
	height: 100%;
	min-height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: rgba(0, 10, 20, 0.5) !important;
	background-blend-mode: soft-light;
	overflow: hidden;
	position: relative;
}
.portada-ficha-tramite-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, #1583e9 0%,#6ae8ff 80%);
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.portada-ficha-tramite-content{
	margin-top: 15%;
	justify-content: center;
}

.portada-ficha-tramite-content .col {
	z-index: 2;
}

.portada-ficha-tramite-icon{
	color: white;
	font-size: 50px;
	display: flex;
	justify-content: center;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.portada-ficha-title{
	font-family: "NeoSansPro-Ultra";
	font-size: 56px !important;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 1.2px;
	text-align:  center;
	color: white;
}

.title-ficha-tramite{
	color: var(--color-21)!important;
	text-transform: uppercase!important;
}

.button-ficha-tramite{
	justify-content: flex-end;
	display: flex;
}

.btn-ficha-tramite {
	background-color: var(--color-primary) !important;
	color: white !important;
	font-size: 16px !important;
	width: 280px;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px;
	padding: 5% 8%!important;
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
}

.btn-ficha-tramite:hover{
	background: var(--color-primary-accent)!important;
}

.btn-ficha-descargar {
	font-size: 16px !important;
	width: 282px;
	border-radius: 0.15rem !important;
	color: var(--color-15)!important;
	background: white;
	border-color: var(--color-22) !important;
	letter-spacing: 1.5px;
	padding: 4% 6%!important;
}

.breadcrumb{
	background-color: transparent !important;
}
.breadcrumb a{
	color: var(--color-21);
}
.breadcrumb .active{ 
	color: var(--color-22);
}
.breadcrumb a:hover{
	color: var(--color-21);
}
.breadcrumb .divider{
	color: var(--color-21);
	border-top: 0;
}

.border-ficha-tramite{
	padding: 1% 2%!important;
	border-left: 0.2em solid var(--color-7)!important;
	height: min-content!important;
}

.content-ficha{
	margin-top: 2em;
}

.content-ficha-item{
	padding-left: 90px !important;
}

.content-text-ficha h5{
	color: var(--color-21)!important;
	font-family: "NeoSansPro-Bold";
	font-size: 18px;
}
.content-text-ficha b{
	color: var(--color-21);
	font-weight: 600 !important;
}
.content-text-ficha p {
	color: rgba(0,0,0,0.8);
	letter-spacing: 0.003em!important;
	font-size: 17px!important;
	margin: 0px!important;
}
.content-text-ficha ul{
	color: rgba(0,0,0,0.8);
	letter-spacing: 0.003em!important;
	font-size: 17px!important;
}

.content-text-ficha ul li{
	margin-bottom: 0.5em;
	color:var(--color-8);
}
.content-text-ficha ul li span{
	color:rgba(0,0,0,0.8) !important;
}

.content-text-ficha .link_adjunto {
	color: rgba(0,0,0,0.8);
	letter-spacing: 0.003em!important;
	font-size: 16px!important;
	margin: 0px!important;
}

.text-tramite-info {
	color: var(--color-21) !important;
}

.card-header-title{
	background-color: transparent !important;
}

@media screen and (max-width: 480px) and (min-width: 320px){
	.seccion-breadcrumb {
		display: none !important;
	}
	.menu-navegacion {
		display: none;
	}
	.seccion-ficha-tramite{
		margin-top: 0;
	}
	.content_Ficha_tramite{
		padding-left: 1em;
		padding-right: 1em;
	}
	.portada-ficha-tramite div img{
		height: 350px !important;
	}
	.portada-ficha-tramite{
		height: auto;
	}
	.portada-ficha-tramite-text{
		margin-top: 8%;
	}
	.portada-ficha-title{
		font-size: 26px !important;
		margin-top: 0.8em;
	}
	.portada-ficha-tramite-icon{
		margin-top: -10px;
		font-size: 38px;
	}
	.content-ficha-item{
		padding-left: 15px !important;
		margin-top: 1em;
	}
	.text-list-tramit {
		font-weight: 600;
	}
	.border-right {
		border-right: transparent !important;
	}
	
}

@media screen and (max-width: 1024px)and (min-width: 768px) { 
	.menu-secundario .nav-item .nav-link{
		font-size: 13px;
	}
	.button-ficha-tramite{
		justify-content: flex-start;
		display: flex;
		margin-top: 1em;
	}
	.portada-ficha-tramite div img{
		height: 315px !important;
	}
	.portada-ficha-title{
		font-size: 38px !important;
	}
	.portada-ficha-tramite-icon{
		margin-top: 0;
	}
	.content-ficha{
		margin-top: 2em;
	}
	.content-ficha-item{
		padding-left: 15px;
		margin-top: 2em;
	}
}

.seccion-resumen-tramite{
	padding: 85px 0 0;
}

.card-resumen-tramite{
	margin-top: 1em;
} 

.card-title-folio{
	color: var(--color-6);
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.008em;
}
.card-title-tramite{
	color: var(--color-21);
	font-size: 18px;
	font-weight: 600;
}
.card-text-header{
	color: var(--color-21);
	/* font-size: 14px; */
	margin-bottom: 0.2em;
	font-weight: 700;
}
.card-text-fecha{
	color: rgba(0,0,0,0.7);
	font-size: 16px;
}
.card-text-tramite{
	color: rgba(0,0,0,0.7);
	font-size: 18px;
}
.card-border-tramite{
	border-left: 0.05em solid rgba(0, 0, 0, 0.125);
	min-height: 245px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.estatus-resumen{
	display: flex;
	align-items: baseline;
}
.viñeta-estatus{
	color: indigo;
	width: 18px;
	font-size: 20px;
}

.seccion-btn-tramite{
	display: flex;
	justify-content: center;
	margin-left: 1em;
}
.btn-principal-tramite {
	background-color: var(--color-primary) !important;
	color: white !important;
	font-size: 14px !important;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px;
	padding: 4% 9% !important;
}

.content-resumen-tramite{
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 3em;
}

.form-check-resumen label{
	color: var(--color-21) !important;
}

.form-container-resumen label{
	color: var(--color-22);
	font-size: 14px !important;
}

.form-container-resumen .form-text-data input{
	width: 100%;
	color: var(--color-21);
	font-size: 18px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	outline: none;
	background-color: transparent;
}

.form-text-data{
	position: relative;
}
.form-text-data .icon{
	position: absolute;
	color:  rgba(0,0,0,0.6);
	margin-left: -20px;
	margin-top: 5px;
	font-size: 1.1em;
}

.resumen-documentos input{
	font-size: 16px;
	color:  rgba(0,0,0,0.7);
	border-bottom: 1px solid rgba(0,0,0,0.5);
	border-left: 0;
	border-right: 0;
	border-top: 0;
	outline: none;
	width: 100%;
}
.resumen-documentos .icono-check{
	color: var(--color-25);
}
.icon-ver-documento{
	color: var(--color-17);
}

.title-resumen-formulario{
	border-bottom: 0 !important;
	color: var(--color-21);
	margin-top: 2em;
	margin-bottom: 1em !important;
	font-weight: 600;
	font-size: 18px;
}
.formulario-input{
	width: 100%;
	color: var(--color-21);
	font-size: 16px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	outline: none;
	background-color: transparent;
}

.chat-box .media{
	margin-bottom: 2em !important;
}

@media screen and (max-width: 480px) and (min-width: 320px){
	.seccion-breadcrumb {
		display: none !important;
	}
	.menu-navegacion {
		display: none;
	}
	.seccion-ficha-tramite{
		margin-top: 0;
	}
	.content_Ficha_tramite{
		padding-left: 1em;
		padding-right: 1em;
	}
	.portada-ficha-tramite div img{
		height: 350px !important;
	}
	.portada-ficha-tramite{
		height: auto;
	}
	.portada-ficha-tramite-img {
		min-height: 380px;
	}
	.portada-ficha-tramite-content {
		margin-top: 30%;
	}
	.portada-ficha-tramite-text{
		margin-top: 8%;
	}
	.portada-ficha-title{
		font-size: 26px !important;
		margin-top: 0.8em;
	}
	.portada-ficha-tramite-icon{
		margin-top: -10px;
		font-size: 38px;
	}
	.content-ficha-item{
		padding-left: 15px !important;
		margin-top: 1em;
	}
	.text-list-tramit {
		font-weight: 600;
	}
	
}
@media screen and (max-width: 1024px)and (min-width: 768px){
	.seccion-resumen-tramite{
		padding: 50px 0 0;
	}
	.card-border-tramite{
		height: 195px;
		margin-top: 0.6em;
		margin-bottom: 0.6em;
	}
	.btn-principal-tramite {
		font-size: 13px;
		letter-spacing: 1px;
	}
	.resumen-documentos .ver-documento{
		padding-left: 0;
		padding-right: 0;
	}
}


.title-wizard {
	color: var(--color-21);
}

.container-wizard {
	margin-top: 30px;
	margin-bottom: 45px;
	padding: 0 0.6em;
}

.container-wizard .row {
	margin-bottom: 1.5rem;
}

.view-content{
	display: flex;
	justify-content: center;
}

.form-container-wizard label{
	color: var(--color-22);
	font-size: 14px !important;
	margin-bottom: 0 !important;
}

.form-container-wizard .text_data input{
	width: 100%;
	color: var(--color-21);
	font-size: 18px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid rgba(0,0,0,0.5) !important;
	outline: none;
	background-color: transparent;
}

.text_data{
	display: flex;
}
.text_data .icon{
	color:  rgba(0,0,0,0.6);
	margin-left: -21px;
	margin-top: 5px;
	font-size: 1.1em;
}

.title-wizard-formulario{
	border-bottom: 0 !important;
	color: var(--color-21);
	margin-top: 1.5em;
	margin-bottom: 1em !important;
	font-weight: 600;
	font-size: 18px;
}


@media screen and (max-width: 480px) and (min-width: 320px){
	.title-wizard {
		font-size: 22px;
	}
	.container-wizard {
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0 0.5em;
	}
	.container-wizard .row {
		margin-bottom: 0;
	}
	.view-content{
		display: flex;
		align-items: center;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.form-container-wizard {
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 1024px)and (min-width: 768px) {
	.view-content{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}


.content-show-tramite .card-tramite{
	padding: 1% 2%!important;
	border-left: 0.2em solid var(--color-7)!important;
	height: min-content!important;
}

.content-show-tramite{
}
.content-show-tramite .row-line{
	padding: 2% 1%!important;
}
.content-show-tramite .col-md-12{
	
	height: min-content!important;
	
}
.content-show-tramite .row{
	width: 100%!important;
}
.content-show-tramite .content-img{
	height: 100%!important;
	overflow: hidden!important;
	margin: 0px!important;
	position: relative;
}
.content-show-tramite .overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.content-show-tramite .title-tramite{
	color: var(--color-21)!important;
	
	text-transform: uppercase!important;
}
.content-show-tramite .content-title-show-tramite{
	padding: 3% 10% 2% 10%!important;
}

.content-show-tramite .buttons-title i{
	color: var(--color-7)!important;
	font-size: 16px;
}
.content-show-tramite .buttons-title span{
	font-size: 14px;
}
.content-show-tramite .content-tramite{
	padding: 0% 10%!important;
}
.content-show-tramite .card .card-header{
	background: #EDEFF2!important;
	border: 0px!important;
}
.content-show-tramite .card{
	-moz-box-shadow:   3px 2px 3px 3px var(--color-26)!important;
	-webkit-box-shadow:3px 3px 3px 3px var(--color-26)!important;
	box-shadow:        3px 3px 3px 3px var(--color-26)!important;
}
.content-show-tramite .card-tramite .card-tramite-title{
	color: var(--color-15)!important;
	font-weight: 600!important;
	margin: 0px!important;
}
.content-show-tramite .card-tramite .card-tramite-content{
	color: rgba(0,0,0,0.8);
	letter-spacing: 0.003em!important;
	font-size: 16px!important;
	margin: 0px!important;
}

.content-show-tramite .card-tramite .card-tramite-content ul li{
	color:var(--color-8)!important;
}
.content-show-tramite .card-tramite .card-tramite-content ul li span{
	color: var(--color-21) !important;
}
.card-ficha{
	padding-top:5%!important;
	padding-bottom:5%!important;
	-moz-box-shadow:   3px 3px 3px 3px var(--color-26)!important;
	-webkit-box-shadow:3px 3px 3px 3px var(--color-26)!important;
	box-shadow:        3px 3px 3px 3px var(--color-26)!important;
}
.card-ficha-sin-borde{
	padding-top:0%!important;
	padding-bottom:0%!important;

}
.card-ficha .card-header{
	background: transparent!important;
	font-size: 1.1em!important;
	font-weight: 500!important;
	padding: 2% 2%!important;

}
.card-ficha-sin-borde .card-header{
	background: white!important;
	font-size: 1.1em!important;
	padding: 2% 2%!important;

}
.card-ficha .card-body, .card-ficha-sin-borde .card-body{

	font-size: 0.8em!important;
	font-weight: 500!important;
	padding: 3% 5%!important;


}
.card-ficha .card-body .input-materialize, .card-ficha-sin-borde .card-body .input-materialize{
	font-size: 0.9em!important;
}
.card-ficha .card-body input, .card-ficha-sin-borde .card-body input, .card-ficha .card-body textarea, .card-ficha-sin-borde .card-body textarea{
	font-size: 0.9em!important;
}

.card-ficha .card-body .icon-check-ficha, .card-ficha-sin-borde .card-body .icon-check-ficha{
	color: var(--color-check)!important;
}
.card-ficha .card-body .icon-bad-ficha, .card-ficha-sin-borde .card-body .icon-bad-ficha{
	color: var(--color-bad)!important;
}

.card-ficha .card-body .text-icon-view-ficha .icon-view-ficha, .card-ficha-sin-borde .card-body .text-icon-view-ficha .icon-view-ficha{
	color: var(--color-7)!important;

} 
.card-ficha .text-icon-view-ficha, .card-ficha-sin-borde .text-icon-view-ficha{
	letter-spacing: 0.2em!important;
	text-decoration: none!important;
}  

.card-ficha .card-body .formulario .form-group, .card-ficha-sin-borde .card-body .formulario .form-group{
	display: flex!important;
	align-items: center!important;
}
.card-ficha .card-body .class-check, .card-ficha-sin-borde .card-body .class-check{
	width: min-content!important;
	display: flex!important;
	align-items: center!important;
}
.card-ficha .card-body .class-check-input,.card-ficha-sin-borde .card-body .class-check-input {
	width: min-content!important;
	margin-bottom: 1.1em!important;
	margin-left: 1em!important;
}

.list-seccion li{
	border-radius: 0px!important;
}

.remover_campo{
	cursor: pointer!important;
}

.error-step{
	margin-top: 4%!important;
}

.contenido_parte1{
	
	margin-top: 3%!important;
	padding: 5%!important;
	border: 1px solid rgba(0, 0, 0, 0.125);
}
.contenido_parte2{
	
	border: 1px solid rgba(0, 0, 0, 0.125);
	margin-top: 5%!important;
	padding: 5%!important;
}
.contenido_parte3{
	
	border: 1px solid rgba(0, 0, 0, 0.125);
	margin-top: 5%!important;
	padding: 5%!important;
}
.contenido_parte3 .card-header, .contenido_parte2 .card-header,.contenido_parte1 .card-header{
	background: transparent!important;

}
.contenido_parte3 .card-body, .contenido_parte2 .card-body,.contenido_parte1 .card-body{
	font-size: 0.9em!important;

}

.content-doc .text-icon-view-ficha .icon-view-ficha, .card-ficha-sin-borde .card-body .text-icon-view-ficha .icon-view-ficha{
	color: var(--color-7)!important;

} 
.content-doc .text-icon-view-ficha, .card-ficha-sin-borde .text-icon-view-ficha{
	letter-spacing: 0.2em!important;
	text-decoration: none!important;
}
.leyenda-title-folio{
	font-size: 1.2em!important;
	color: var(--color-21)!important;
	line-height: 2.0em!important;
}
.leyenda-folio{
	font-size: 1.2em!important;
	color: var(--color-21)!important;
	line-height: 2.0em!important;
}
.leyenda-content-folio{
	font-size: 1.4em!important;
	color: var(--color-7)!important;
	font-weight: bold!important;
}
.leyenda-info{
	text-align: center!important;
	width: 70%!important;
	margin-top: 3em!important;
	font-size: 0.9em!important;
}

.formulario_tramite section{
	padding-top: 0px!important;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.content-doc .text-icon-view-ficha, .card-ficha-sin-borde .text-icon-view-ficha{
		letter-spacing: 0.1em!important;
	}
}

@media screen and (max-width: 1024px)and (min-width: 768px) {
	.content-doc .text-icon-view-ficha, .card-ficha-sin-borde .text-icon-view-ficha{
		letter-spacing: 0.1em!important;
	}
}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////I N P U T S    D E S I G N//////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

.input-materialize {
	border: none!important;
	border-bottom: 1px solid rgba(0,0,0,0.5) !important;
	border-radius: 0px!important;
	background: transparent!important;
	padding-left: 5px!important;
	box-shadow: none!important;

}
.input-materialize:focus, .input-materialize[value]:not([value=""]) {
	border-bottom-color: var(--color-6)!important;
	color: black!important; 
}
.input-materialize:focus ~ label, .input-materialize[value]:not([value=""]) ~ label {
	top: -25px;
	font-size: 14px;
	color: var(--color-6);
	font-weight: 500; 
}
.input-materialize:focus.invalid, .input-materialize .invalid, .input-materialize :focus.parsley-error, .input-materialize [value]:not([value=""]).parsley-error {
	border-bottom-color: var(--color-bad-light); 
}
.input-materialize :focus.invalid ~ label, .input-materialize .invalid ~ label, .input-materialize :focus.parsley-error ~ label, .input-materialize [value]:not([value=""]).parsley-error ~ label {
	color: var(--color-bad-light); 
}
.input-materialize .parsley-errors-list {
	color: var(--color-bad-light);
	list-style: none;
	font-size: 0.7em;
	padding-left: 5px; 
}
/* FIN DE INPUT MATERIALIZE*/
.form-group.input-material {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px; 
}
.form-group.input-material label {
	color: var(--color-26);
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 7px;
	transition: 0.1s ease all;
	-moz-transition: 0.1s ease all;
	-webkit-transition: 0.1s ease all; 
}
.form-group.input-material .form-control {
	border: none;
	border-bottom: 2px solid #ced4da;
	border-radius: 0px;
	background: transparent;
	padding-left: 5px;
	box-shadow: none;

}
.form-group.input-material .form-control:focus, .form-group.input-material .form-control[value]:not([value=""]) {
	border-bottom-color: var(--color-6);
	color: black; 
}
.form-group.input-material .form-control:focus ~ label, .form-group.input-material .form-control[value]:not([value=""]) ~ label {
	top: -25px;
	font-size: 14px;
	color: var(--color-6);
	font-weight: 500; 
}
.form-group.input-material .form-control:focus.invalid, .form-group.input-material .form-control.invalid, .form-group.input-material .form-control:focus.parsley-error, .form-group.input-material .form-control[value]:not([value=""]).parsley-error {
	border-bottom-color: var(--color-bad-light); 
}
.form-group.input-material .form-control:focus.invalid ~ label, .form-group.input-material .form-control.invalid ~ label, .form-group.input-material .form-control:focus.parsley-error ~ label, .form-group.input-material .form-control[value]:not([value=""]).parsley-error ~ label {
	color: var(--color-bad-light); 
}
.form-group.input-material .parsley-errors-list {
	color: var(--color-bad-light);
	list-style: none;
	font-size: 0.7em;
	padding-left: 5px; 
}
/* FIN INPUT*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////P R E L O A D E R//////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/


#preloader{
	z-index: 20000000;
}

/* preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity:0.8; /* Opacidad 60% */
	z-index: 100000;
	display: none;
}
.color_preloader{
	color: 233052!important;
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	height: 150px;
	margin: -75px 0 0 -75px;

}
#loader:before {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;

}
#loader:after {
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;

}
/*
@-webkit-keyframes spin {
	0%   {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
	}
	100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
	}
}
@keyframes spin {
	0%   {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
	}
	100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
	}
}*/

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////T I M E L I N E//////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

.timeline-historial .list-style-timeline{
	font-weight: bold;
	font-size: 1.2em;
	z-index: 2;
}
.timeline-historial .list-style-timeline .viñeta-item{
	background: white;
	color: lightgray;
}
.timeline-historial .list-style-timeline .active{
	color: var(--color-25);
}
.timeline-historial .active{
	color: var(--color-25);
}
.timeline-historial .item-active{
	border-left: 2px solid var(--color-25)!important;
}
.timeline-historial .item{
	margin-left: -2.4%;
	border-left: 2px solid lightgray;
	z-index: 1;
}
.timeline-historial .row{
	width: 100%;
}
.timeline-historial .contenido-item{
	text-align: left;
	font-size: 1.0em
}
.timeline-historial .contenido-item .fecha{
	font-size: 0.8em;
	color:var(--color-6);
}
.timeline-historial .contenido-item .fecha2{
	font-size: 0.8em;
	color:#025373;
	padding-left: 1.3em;
}
/* FIN TIMELINE*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////E S T I L O   D E    M O D A L E S///////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*ESTILO DE MODALES */

.modal-dialog .modal-content {
	border: 0;
	border-radius: .125rem;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.modal-dialog .modal-content .modal-header {
	border-top-left-radius: .125rem;
	border-top-right-radius: .125rem
}

.modal-dialog.cascading-modal {
	margin-top: 10%
}

.modal-dialog.cascading-modal .close {
	color: white;
	text-shadow: none;
	outline: 0;
	opacity: 1
}

.modal-dialog.cascading-modal .modal-header {
	padding: 1.5rem;
	margin: -2rem 1rem 1rem 1rem;
	text-align: center;
	border: none;
	border-radius: .125rem;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.modal-dialog.cascading-modal .modal-header .close {
	margin-right: 1rem
}

.modal-dialog.cascading-modal .modal-header .title {
	width: 100%;
	margin-bottom: 0;
	font-size: 1.25rem
}

.modal-dialog.cascading-modal .modal-header .title .fas,
.modal-dialog.cascading-modal .modal-header .title .fab,
.modal-dialog.cascading-modal .modal-header .title .far {
	margin-right: 9px
}

.modal-dialog.cascading-modal .modal-header .social-buttons {
	margin-top: 1.5rem
}

.modal-dialog.cascading-modal .modal-header .social-buttons a {
	font-size: 1rem
}

.modal-dialog.cascading-modal .modal-c-tabs .md-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -1.5rem 1rem 0 1rem;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a {
	text-align: center
}

.modal-dialog.cascading-modal .modal-c-tabs .tab-content {
	padding: 1.7rem 0 0 0
}

.modal-dialog.cascading-modal .modal-body,
.modal-dialog.cascading-modal .modal-footer {
	padding-right: 2rem;
	padding-left: 2rem;
	color: var(--color-21)
}

.modal-dialog.cascading-modal .modal-body .additional-option,
.modal-dialog.cascading-modal .modal-footer .additional-option {
	margin-top: 1rem;
	text-align: center
}

.modal-dialog.cascading-modal.modal-avatar {
	margin-top: 6rem
}

.modal-dialog.cascading-modal.modal-avatar .modal-header {
	margin: -6rem 0 -1rem;
	-webkit-box-shadow: none;
	box-shadow: none
}

.modal-dialog.cascading-modal.modal-avatar .modal-header img {
	width: 130px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.modal-dialog.modal-notify .heading, .modal-dialog.modal-notify .modal-header {
	padding: 1.0rem;
	margin: 0;
	font-size: 1.15rem;
	color: white;
}

.modal-dialog.modal-notify .modal-header {
	border: 0;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}
.modal-dialog.modal-notify .modal-header .modal-title {
	font-weight: 100!important;
}

.modal-dialog.modal-notify .close {
	opacity: 1;
	color: white!important;
}

.modal-dialog.modal-notify .modal-body {
	padding: 1.5rem;
	color: var(--color-21)
}

.modal-dialog.modal-notify.modal-primary .modal-header {
	background-color: var(--color-6)
}

.modal-dialog.modal-notify.modal-primary .fas,
.modal-dialog.modal-notify.modal-primary .fab,
.modal-dialog.modal-notify.modal-primary .far {
	color: var(--color-6)
}

.modal-dialog.modal-notify.modal-primary .badge {
	background-color: var(--color-6)
}

.modal-dialog.modal-notify.modal-primary .btn .fas,
.modal-dialog.modal-notify.modal-primary .btn .fab,
.modal-dialog.modal-notify.modal-primary .btn .far {
	color: white
}

.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas,
.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab,
.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far {
	color: var(--color-6)
}

.modal-dialog.modal-notify.modal-danger .modal-header {
	background-color: var(--color-bad-light)
}

.modal-dialog.modal-notify.modal-danger .fas,
.modal-dialog.modal-notify.modal-danger .fab,
.modal-dialog.modal-notify.modal-danger .far {
	color: var(--color-bad-light)
}

.modal-dialog.modal-notify.modal-danger .badge {
	background-color: var(--color-bad-light)
}

.modal-dialog.modal-notify.modal-danger .btn .fas,
.modal-dialog.modal-notify.modal-danger .btn .fab,
.modal-dialog.modal-notify.modal-danger .btn .far {
	color: white
}

.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas,
.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab,
.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far {
	color: var(--color-bad-light)
}

.modal-dialog.modal-notify.modal-warning .modal-header {
	background-color: var(--color-23)
}

.modal-dialog.modal-notify.modal-warning .fas,
.modal-dialog.modal-notify.modal-warning .fab,
.modal-dialog.modal-notify.modal-warning .far {
	color: var(--color-23)
}

.modal-dialog.modal-notify.modal-warning .badge {
	background-color: var(--color-23)
}

.modal-dialog.modal-notify.modal-warning .btn .fas,
.modal-dialog.modal-notify.modal-warning .btn .fab,
.modal-dialog.modal-notify.modal-warning .btn .far {
	color: white
}

.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas,
.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab,
.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far {
	color: var(--color-23)
}

.modal-dialog.modal-notify.modal-success .modal-header {
	background-color: var(--color-27)
}

.modal-dialog.modal-notify.modal-success .fas,
.modal-dialog.modal-notify.modal-success .fab,
.modal-dialog.modal-notify.modal-success .far {
	color: var(--color-27)
}

.modal-dialog.modal-notify.modal-success .badge {
	background-color: var(--color-27)
}

.modal-dialog.modal-notify.modal-success .btn .fas,
.modal-dialog.modal-notify.modal-success .btn .fab,
.modal-dialog.modal-notify.modal-success .btn .far {
	color: white
}

.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas,
.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab,
.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far {
	color: var(--color-27)
}

.modal-dialog.modal-notify.modal-info .modal-header {
	background-color: var(--color-6)
}

.modal-dialog.modal-notify.modal-info .fas,
.modal-dialog.modal-notify.modal-info .fab,
.modal-dialog.modal-notify.modal-info .far {
	color: var(--color-6)
}

.modal-dialog.modal-notify.modal-info .badge {
	background-color: var(--color-6)
}

.modal-dialog.modal-notify.modal-info .btn .fas,
.modal-dialog.modal-notify.modal-info .btn .fab,
.modal-dialog.modal-notify.modal-info .btn .far {
	color: white
}

.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas,
.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab,
.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far {
	color: var(--color-6)
}

.modal {
	padding-right: 0 !important
}



@media (min-width: 768px) {
	.modal .modal-dialog.modal-top {
		top: 0
	}

	.modal .modal-dialog.modal-left {
		left: 0
	}

	.modal .modal-dialog.modal-right {
		right: 0
	}

	.modal .modal-dialog.modal-bottom {
		bottom: 0
	}

	.modal .modal-dialog.modal-top-left {
		top: 10px;
		left: 10px
	}

	.modal .modal-dialog.modal-top-right {
		top: 10px;
		right: 10px
	}

	.modal .modal-dialog.modal-bottom-left {
		bottom: 10px;
		left: 10px
	}

	.modal .modal-dialog.modal-bottom-right {
		right: 10px;
		bottom: 10px
	}
}

.modal.fade.top:not(.show) .modal-dialog {
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0)
}

.modal.fade.left:not(.show) .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0)
}

.modal.fade.right:not(.show) .modal-dialog {
	-webkit-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0)
}

.modal.fade.bottom:not(.show) .modal-dialog {
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0)
}

@media (min-width: 992px) {
	.modal.modal-scrolling {
		position: relative
	}

	.modal.modal-scrolling .modal-dialog {
		position: fixed;
		z-index: 1050
	}

	.modal.modal-content-clickable {
		top: auto;
		bottom: auto
	}

	.modal.modal-content-clickable .modal-dialog {
		position: fixed
	}

	.modal .modal-fluid {
		width: 100%;
		max-width: 100%
	}

	.modal .modal-fluid .modal-content {
		width: 100%
	}

	.modal .modal-frame {
		position: absolute;
		width: 100%;
		max-width: 100% !important;
		margin: 0 !important
	}

	.modal .modal-frame.modal-bottom {
		bottom: 0
	}

	.modal .modal-full-height {
		position: absolute;
		top: 0;
		right: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 400px;
		height: auto;
		min-height: 100%;
		margin: 0
	}

	.modal .modal-full-height.modal-top,
	.modal .modal-full-height.modal-bottom {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto
	}

	.modal .modal-full-height.modal-top {
		bottom: auto
	}

	.modal .modal-full-height.modal-bottom {
		top: auto;
		min-height: 0
	}

	.modal .modal-full-height .modal-content {
		width: 100%
	}

	.modal .modal-full-height.modal-lg {
		width: 90%;
		max-width: 90%
	}
}

@media (min-width: 992px) and (min-width: 992px) {
	.modal .modal-full-height.modal-lg {
		width: 800px;
		max-width: 800px
	}
}

@media (min-width: 992px) and (min-width: 1200px) {
	.modal .modal-full-height.modal-lg {
		width: 1000px;
		max-width: 1000px
	}
}

@media (min-width: 992px) {
	.modal .modal-side {
		position: absolute;
		right: 10px;
		bottom: 10px;
		width: 400px;
		margin: 0
	}
}
/* FIN DE ESTILO DE MODALES */ 
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////R E U T I L I Z A B L E S  ///////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/


.sin_padding{
	padding: 0px!important;
}

.sin_margin_bottom{
	margin-bottom: 0px!important;
}


.title{
	font-size: 1.5em;
	letter-spacing: 0.0em;
	font-weight: 500;
}

.align_left_modal{
	text-align: left!important;
	width: 100%!important;
}

.sin_bordes{
	border: 0px!important;
}

.separator {
	margin: 3rem 0;
	border-bottom: 1px dashed white;
}

.text-uppercase {
	letter-spacing: 0.1em;
}

.text-gray {
	color: var(--color-22);
}

.text-title{
	color: white!important;
	padding: 0%!important;
	margin-bottom: 30px;
}

.text-sub{
	font-size: 14px;
	margin-top: -20px;
	margin-left: 10px;
}



.flex-column{
}

.icons-color-vn{
	color: white!important;
}

.text-white{
	color: white!important;
}


/* STYLE TABS*/
.nav-pills .nav-link{
	color: blue;
}
/**/
/* card personalizado */
.card_personalizado{
	border: 1px solid lightgray;
	margin: 1% 0%;
}

.title_card_personalizado{
	background: #E1ECF4;
	color: black; 
	padding: 1% 2%;
	font-weight: 600;  
	font-size: 14px;
}

.content_card_personalizado{
	padding: 0.8% 2%;
}

/* fin card_personalizado*/
.title_1{
	color: var(--color-22);
	font-size: 14px !important;
	margin-bottom: auto !important;
}

.title_2{
	font-size: 1.1em !important;
	font-weight: normal;
}

.line-form{
	border-bottom: 2px solid var(--color-26);
	height: 40px;
}

.icon-form{
	font-size: 1.2em;
	color: var(--color-16);
}

.hidden{
	display: none;
}
.alinear_check{
	display: inline-block!important;
}

.content_check{
	overflow-y: scroll;
	height: 85%!important; 
}


.req{
	margin: 2px;
	color: red;
}

.label-respo{
	font-weight:bold;
	font-size: 14px;
}

.img_numeros{
	width: 20px!important;
	height: 20px!important;
}



/* Formulario  */

.input-pago{
	border: 1px solid #ccc !important;
}
.seccion-titulo{
	float: right;
	margin: auto;
}

/* FORMULARIOS */
.form-group input.line , select.line , textarea.line{
	border-bottom: 1px solid #888 !important;
	background: transparent !important;
	border: 0px;
}

input.line:focus,
select.line:focus,
textarea.line:focus{
	outline:none !important;
	outline-offset: 0;
}
input.line:active{
	outline:none !important;
	outline-offset: 0 !important;
}

input.form-control , select.form-control,
textarea.form-control{
	border-radius: 3px !important;
}

/* modal  */

.input-modal{
	border-bottom: 1px solid #888 !important;
	background: transparent !important;
	border: 0;
}
/* FIN FORMULARIOS*/

/* Formulario  */

.form-group input.line2 , select.line2 , textarea.line{
	border-bottom: 1px solid #888 !important;
	background: transparent !important;
	border: 0;
}

input.line2:focus,
select.line2:focus,
textarea.line2:focus{
	outline:none !important;
	outline-offset: 0;
}
input.line2:active{
	outline:none !important;
	outline-offset: 0 !important;
}

input.form-control .form-control2, select.form-control.form-control2,
textarea.form-control.form-control2{
	border-radius: 0 !important;
}

/* FIN FORMULARIOS */
.msg_informativo{
	font-style: 'Montserrat', sans-serif;
	padding: 2%;
	font-size: 14px;
}

.ind_req{
	font-size: 0.5em;
	color: red;
	vertical-align: super;
}
.subtitle_text{
	font-size: 1.0em!important;
	color: var(--color-15)!important;
	font-weight: 600!important;	
	display: block!important;
}
.content_text{
	font-size: 1.0em!important;
	color: black!important;	
	font-weight: 500!important;
}


.dropdown_style{
	color: blue!important;
}
.modal{
	z-index: 1000003!important;
}
.title_text{
	font-size: 1.5em!important;
	color: var(--color-6)!important;
	font-weight: 600!important;
}

/* TABS */
#myTab{
	border: 0px;
	border-bottom: 1px solidvar(--color-8);
	border-top: 1px solidvar(--color-8);
}

#myTab .nav-item a{

	color: gray;
	border-radius: 2px!important;
}

#myTab .nav-item a:hover{

	color:var(--color-8);
	border: 1px solidvar(--color-8);
}

#myTab .active{
	border:0px;
	border-bottom: 4px solidvar(--color-8);
	color:var(--color-8)!important;
	font-weight: bold;

}

#myTabContent{
	padding: 2% 0%;
}

/* Tabs pestaña resumen tramite  */

.nav-title-tabs a{
	font-size: 18px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	color: var(--color-6) !important;
}
.nav-tabs .nav-link{
	color: var(--color-21) !important;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.nav-tabs .nav-item {
		width: 100%;
		text-align: center;
	}
	.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
		border-color: var(--color-26) var(--color-26) var(--color-26) !important;
	}
}

/* FIN TABS*/

.title_table{
	font-family: "NeoSansPro-Bold";
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--color-15);
}

.separador, .separador-blue{
	border-top: 1px solidvar(--color-8)!important;
	margin:2% 0%!important;
}


/* titulo table */
.dataTable thead tr th{

	border-top: 0 !important;
	border-bottom: 1px solid var(--color-26);
	vertical-align: bottom;
	color: var(--color-21) !important;
	font-family: "NeoSansPro-Medium";
	font-size: 12px!important;
	text-transform: uppercase;
	background: #F5F9FC 0% 0% no-repeat padding-box;;
}
.dataTable tbody td{
	background: white;
	border-top: 0.5px solid var(--color-26) !important;
	vertical-align: top;
	color: var(--color-21);
	letter-spacing: 0.09em;
	font-size: 0.8em;

}
.table.dataTable tbody td {
	padding: 10px 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current{
	color:white !important;
	border:1px solid var(--color-22);
	background-color:white;
	background:  var(--color-15) !important;
	border-color: var(--color-15) !important;

}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	color: var(--color-15) !important;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	color: var(--color-6)!important;
	border:1px solid var(--color-22)!important;
	background: #e9ecef!important;
	border-color: var(--color-26)!important;
	text-decoration: none!important;

}
.dataTables_scrollBody{
	border: 0px!important;
}
.dataTables_info {
	color: gray!important;
}
.dataTables_length {
	color: gray!important;

}
.dataTables_length select{
	padding-top: 0.25rem!important;
	padding-bottom: 0.25rem!important;
	padding-left: 0.5rem!important;
	font-size: 0.875rem!important;
	color: gray!important;
	border: 1px solid #eceff1!important;
}

.dataTables_filter{
	width: 70%!important;
}
.dataTables_filter label, .dataTables_filter label input[type="search"]{
	width: 100%!important;
}

.dataTables_filter input[type="search"]{
	border: 1px solid #ced4da;
	border-radius: 0.15rem !important;
	margin-bottom: 0.5em;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05) !important;
	background: url(../img/icon/search.svg) no-repeat 95% center!important;
	background-size: 1.2em!important;
	padding: 10px 20px !important;
	font-size: 1em !important;
}
.dataTables_filter input[type="search"]::placeholder {

	letter-spacing: 0.1em;
	color: var(--color-21)!important;
	font-weight: 500;
	content :'Buscar';
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.dataTables_filter {
		width: 100% !important;
	}
	.dataTables_filter input[type="search"] {
		margin-left: 0 !important;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.dataTables_filter {
		width: 80% !important;
	}
	.dataTables_filter input[type="search"] {
	}
}

.dt-buttons{
	float: right!important;
}



.table-list-tramites {
	color:var(--color-8);
	font-size: 23px;
}

.table-list-tramites-title {
	color: var(--color-21);
	font-size: 16px;
	font-weight: 600;
}

.table-descrip-tramite {
	color: rgba(0,0,0,0.8) !important;
}

/* Table responsive */

@media screen and (max-width: 480px) and (min-width: 320px) {
	.table.dataTable tbody td {
		padding: 10px 10px;
		border: 0 !important;
	}
	.table-list-tramites-title{
		color: var(--color-21) !important;
	}
	.table-name-tramite {
		font-size: 16px !important;
	}
	.table-descrip-tramite {
		color: rgba(0,0,0,0.7) !important;
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border-top: 1px solid rgba(0, 0, 0, 0.125); }

	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	.dataTables_length {
		display: flex;
		justify-content: right;
		display: none;
	}

	/* table-footer */
	.dataTables_info {
		white-space: initial !important;
		text-align: left !important;
	}

}

.dt-button {
	color: white!important;
	background: var(--color-22)!important;
	border-color: var(--color-22)!important;
}

.dt-button:hover {
	color: white!important;
	background-color: var(--color-22)!important;
	border-color: var(--color-21)!important;
}

.dt-button:focus, .dt-button.focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5)!important;
}


.dt-button.disabled, .dt-button:disabled {
	color: white;
	background-color: var(--color-22);
	border-color: var(--color-22);
}

.dt-button:not(:disabled):not(.disabled):active, .dt-button:not(:disabled):not(.disabled).active,
.show > .dt-button.dropdown-toggle {
	color: white;
	background-color: var(--color-21);
	border-color:  var(--color-21);
}

.dt-button:not(:disabled):not(.disabled):active:focus, .dt-button:not(:disabled):not(.disabled).active:focus,
.show > .dt-button.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


form input[type="search"]{

	background: url(../img/icon/search.svg) no-repeat 90% center!important;
	background-size: 18px!important;


}
form input[type="search"]::placeholder { 
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color:var(--color-8)!important;
	font-weight: 500;
	content :'Buscar';
}


.label_search{
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color:var(--color-8)!important;
	font-weight: bold;
}


.page-item.active .page-link {
	z-index: 3!important;
	color: black!important;
	background-color: transparent !important;
	border-color: transparent!important;
}

.page-item .page-link, .paginate_button .page-item .active {
	z-index: 3!important;
	color: var(--color-26);
	background-color: transparent !important;
	border-color: transparent!important;
	border-radius: 25%!important;
	font-size: 0.8rem!important;
	padding: 0.2rem!important;
}
.page-item.active .page-link {
	z-index: 3!important;
	color: var(--color-21)!important;
	background-color: transparent !important;
	border-color: transparent!important;
}
.page-item{
	border-radius: 50%!important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li{
	border-radius: 50%!important;
}

.page-item.next .page-link, .page-item.previous .page-link {
	z-index: 3!important;
	color: var(--color-21)!important;
	background-color: transparent !important;
	border-color: transparent!important;
}

.page-link {
	color: var(--color-15) !important;
}

.pagination li{
	padding: 0px!important;
	margin: 0px!important;
}

/* CARD PARA FILTROS */
.card-filter .card-header{
	padding: 0% 2%!important;
}
.card-filter .card-header button{
	padding: 0%!important;
}
.card-filter .form-group label{
	margin: 0%!important;
}
/*FIN DE CARD PARA FILTROS */

/* FIN DATATABLES*/

.table{
	border:0px!important;
}


/* ESTILOS DE BOTONES */
.btn_azul{
	width: 100%!important;
	background: var(--color-6)!important;
	color: white!important;
}
.btn-new{
	background: var(--color-primary)!important;
	color: white!important;
	font-size: 16px !important;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px;
	padding: 9px 16px !important;
	text-transform: uppercase;
}

.btn-new:hover{
	background: var(--color-primary-accent)!important;
	color: white!important;

}



.btn-light-blue {
	font-size: 14px!important;
	color: var(--color-8) !important;
	background: white!important;
}

.btn-light-blue:hover {
	color: white!important;
	background-color: var(--color-8)!important;
}



.btn-purple {
	font-size: 18px!important;
	color: var(--color-29)!important;
	background-color: white !important
}

.btn-purple:hover {
	color: white!important;
	background-color: var(--color-30)!important
}



.btn-blue-1 {
	color: white!important;
	background-color: var(--color-primary) !important
}

.btn-blue-1:hover {
	color: var(--color-16)!important;
	background-color: white!important;
	border:  1px solid  var(--color-16);
}
.icon-filtro {
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	background-image: url('../img/icon/dashboard/filter.svg');
	background-repeat: no-repeat;
}


.badge-purple {
	color: white!important;
	background-color: var(--color-29) !important;
	cursor: pointer;
}

.badge-purple:hover {

}

.btn-light-purple {
	font-size: 14px!important;
	color: var(--color-7)!important;
	background-color: white !important;
}

.btn-light-purple:hover {
	color: var(--color-7) !important;
	background-color: var(--color-31) !important;
}


.btn-light-red {
	font-size: 14px!important;
	color: var(--color-bad)!important;
	background: white!important;
}

.btn-light-red:hover {
	color: white!important;
	background-color: var(--color-bad)!important;
}


.btn-delete {
	font-size: 18px!important;
	color: var(--color-bad-light)!important;
	background-color: white !important
}

.btn-delete:hover {
	color: white!important;
	background-color: var(--color-bad-light)!important
}


.badge-delete {
	color: white!important;
	background-color: var(--color-bad-light) !important;
	cursor: pointer;
}

.badge-delete:hover {

}
.badge-success-1 {
	color: white!important;
	background-color: var(--color-25) !important;
}

.badge-success-1:hover {

}


.btn-upload {
	font-size: 18px!important;
	color: var(--color-8)!important;
	background-color: white !important
}

.btn-upload:hover {
	color: white!important;
	background-color: var(--color-8)!important
}

/* FIN DE ESTILO DE BOTONES */
/* SCROLL*/
/* scroll-nuevo tramite  */
.scrollbar {
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.force-overflow {
	min-height: 450px;
}



.scrollbar-info::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: var(--color-24);
	border-radius: 10px; 
}

.scrollbar-info::-webkit-scrollbar {
	width: 8px;
	background-color: var(--color-24); 
}

.scrollbar-info::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: var(--color-8);  
}

.scrollbar-info {
	scrollbar-color: var(--color-6) var(--color-24);
}



@media screen and (max-width: 480px) and (min-width: 320px){
	.scrollbar {
		margin-left: 0;
		margin-bottom: 0;
		overflow-x: hidden;
	}
	.scrollbar-info::-webkit-scrollbar {
		width: 5px;
	}
}

/* FIN DE ESTILO DE SCROLL*/

/* ESTILO DE MODALES PERSONALIZADO*/


.modal-content{
	color: var(--color-21);
	font-size: 1.1em !important;
}
.modal-content .modal-header{
	padding-left: 40px;
	margin-top: 10px;
	color: var(--color-21);
}
.modal-content .modal-body{
	padding: 10px 30px !important; 
}

.modal-content .modal-footer{
	-webkit-box-pack: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
}

.icon-warning{
	color: var(--color-bad-light)!important;
	display: block!important;
	font-size: 2em!important;
	padding: 5%!important;
}

.icon-warning-yellow{
	color: var(--color-23)!important;
	display: block!important;
	font-size: 2em!important;
	padding: 5%!important;
}

.icon-accept{
	color: var(--color-27)!important;
	display: block!important;
	font-size: 3em!important;
	padding: 5%!important;
}

.btn-principal-modal {
	background-color: var(--color-primary) !important;
	color: white !important;
	font-size: 1em !important;
	border-radius: 0.15rem !important;
	padding: 9px 40px !important;
	letter-spacing: 0.1em!important;
}

.btn-principal-modal-blue {
	background-color: var(--color-15) !important;
	color: white !important;
	font-size: 1em !important;
	border-radius: 0.15rem !important;
	padding: 9px 40px !important;
	letter-spacing: 0.1em!important;
}

.btn-principal-space-mayus {
	background-color: var(--color-21) !important;
	color: white !important;
	font-size: 15px !important;
	border-radius: 0.15rem !important;
	letter-spacing: 0.1em!important;
	text-transform: uppercase!important;
}

.btn-outline-dark-modal {
	color: var(--color-26)!important;
	font-size: 1em !important;
	background-color: transparent!important;
	background-image: none!important;
	border-color: var(--color-26)!important;
	text-transform: uppercase!important;
	padding: 9px 40px !important;
	letter-spacing: 0.1em!important;
}
.btn-outline-dark-modal:hover {
	color: var(--color-21)!important;
	background-color: var(--color-26)!important;
	border-color: var(--color-26)!important;
}

.modal .btn-outline-dark-modal:hover {
	color: var(--color-21)!important;
	background-color: var(--color-26)!important;
	border-color: var(--color-26)!important;
}

.modal .btn-outline-dark-modal:focus,  .modal .btn-outline-dark-modal.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(186, 186, 186, 0.5)!important;
	box-shadow: 0 0 0 0.2rem rgba(186, 186, 186, 0.5)!important;
}

.modal .btn-outline-dark-modal.disabled,  .modal .btn-outline-dark-modal:disabled {
	color: var(--color-26)!important;
	background-color: transparent!important;
}

.modal .btn-outline-dark-modal:not([disabled]):not(.disabled):active,  .modal .btn-outline-dark-modal:not([disabled]):not(.disabled).active,
.show >  .modal .btn-outline-dark-modal.dropdown-toggle {
	color: var(--color-21)!important;
	background-color: var(--color-26)!important;
	border-color: var(--color-26)!important;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(186, 186, 186, 0.5)!important;
	box-shadow: 0 0 0 0.2rem rgba(186, 186, 186, 0.5)!important;
}

.select2-container--default .select2-selection--single{
	border: 0px!important;
	border-bottom: 1px solid #ced4da!important;
	color: black;
	border-radius: 0px!important;
	background: transparent!important;
}
.select2-container--default .select2-selection--single:focus {
	border-bottom: 2px solid var(--color-6)!important;
}
.select2-container--open  {
	height: 2.6em;
	border-bottom: 2px solid var(--color-6)!important;
}

.bootbox .modal-body{
	text-align: center;
}
/* FIN DE MODAL PERSONALIZADO*/
.title-blue{
	color:var(--color-8)!important;
	font-weight: bold;
	padding: 2%  0%!important;
}
.select2-container .select2-selection--single{
	height: 2.6em!important;	
}



.content-footer{
	padding: 2%!important;
}


.hr_personalizado{
	margin: 1% 0%!important;
}

.dashboardcode-bsmultiselect .badge{
	color: black!important;
	padding: 1% 2%!important;
	font-weight: 100!important;
	margin: 1.5% 1%!important;
}



/* VALIDACIONES */
.text-error{
	color: red;
	font-size: 12px!important;
	display: none;
	max-height: 32px !important;
	overflow-y: auto;
}


.check-ok{
	background: url(../img/icon/check-in.svg)!important;
	background-size: 18px!important;
	background-repeat: no-repeat!important;
	background-position: right!important;
}

.check-bad{
	background: url(../img/icon/close.svg)!important;
	background-size: 12px!important;
	background-repeat: no-repeat!important;
	background-position: right!important;
}

.btn-circle {
	width: 15px!important;
	height: 15px!important;
	text-align: center!important;
	padding: 1px 0!important;
	font-size: 9px!important;
	border-radius: 15px!important;
}


.validation{
	padding-right: 2em!important;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.text-error{
		margin-left: 1.2em;
	}


}

/* FIN VALIDACIONES */
form .form-control{
	font-size: 15px!important;
}

.form-group{
	margin-bottom: 0.1em!important;
}

#form_pf input[type="file"]{

	font-size: 15px!important;
	color: var(--color-8)!important;    
}

.box{
	text-align: center!important;
	min-height: 480px!important;
	-moz-box-shadow:   3px 3px 3px 3px var(--color-26)!important;
	-webkit-box-shadow:3px 3px 3px 3px var(--color-26)!important;
	box-shadow:        3px 3px 3px 3px var(--color-26)!important;
}

.box2{
	text-align: center!important;
	min-height: 480px!important;
	-moz-box-shadow:   5px 5px 5px 5px var(--color-26)!important;
	-webkit-box-shadow:5px 5px 5px 5px var(--color-26)!important;
	box-shadow:        5px 5px 5px 5px var(--color-26)!important;
}

.box .portada{
	width: 21%!important;
	height: 30%!important;
}

/* perfil del usuario */
.profile 
{
	min-height: 355px;
	display: inline-block;
}
figcaption.ratings
{
	margin-top:20px;
}
figcaption.ratings a
{
	color:#f1c40f;
	font-size:11px;
}
figcaption.ratings a:hover
{
	color:#f39c12;
	text-decoration:none;
}
.divider 
{
	border-top:1px solid rgba(0,0,0,0.1);
}
.emphasis 
{
	border-top: 4px solid transparent;
}

.img-perfil{
	width: 100%;
}

.card_perfil{
	text-align: center!important;
	-moz-box-shadow:   3px 3px 3px 3px white!important;
	-webkit-box-shadow:3px 3px 3px 3px white!important;
	box-shadow:        3px 3px 3px 3px white!important;
	padding: 2%!important;
	background: var(--color-24)!important;
}

.font-titulo{
	color: var(--color-16);
}


.header-text {
	margin-bottom: 30px;
}

.header-text h1{
	padding: 0rem 1rem !important;
}

.header-title{
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--color-15);
	font-family: "NeoSansPro-Bold";
}

.file_style{
	font-size: 2.5em!important;
	padding: 2%!important;
}
.file_text{
	background:var(--color-8);
	color: white;
	font-size: 0.8em!important;
	text-decoration-color: transparent!important;
}
.link_file, .link_file p{
	text-decoration-color: transparent!important;
	color:  var(--color-21);
}

.link_file:hover, .link_file p:hover{
	text-decoration-color: transparent!important;
	color:  var(--color-21);
}



/*switch*/
.switch label{cursor:pointer}
.switch label input[type=checkbox]{opacity:0;width:0;height:0}
.switch label input[type=checkbox]:checked+.lever{background-color:#B8D7E6}
.switch label input[type=checkbox]:checked+.lever:after{background-color:var(--color-7);left:1.5rem}
.switch label input[type=checkbox]:checked:not(:disabled)~.lever:active:after{box-shadow:0 .0625rem .1875rem .0625rem rgba(0,0,0,.4),0 0 0 .9375rem rgba(170,102,204,.1)}
.switch label input[type=checkbox]:not(:disabled)~.lever:active:after{box-shadow:0 .0625rem .1875rem .0625rem rgba(0,0,0,.4),0 0 0 .9375rem rgba(0,0,0,.08)}
.switch label input[type=checkbox]:disabled+.lever{cursor:default}
.switch label input[type=checkbox]:disabled+.lever:after,.switch label input[type=checkbox]:disabled:checked+.lever:after{background-color:#bdbdbd}
.switch label .lever{content:"";display:inline-block;position:relative;background-color:#B8D7E6;border-radius:.9375rem;vertical-align:middle;margin:0 1rem;width:2.5rem;height:.9375rem;transition:background .3s ease}
.switch label .lever:after{content:"";position:absolute;display:inline-block;background-color:var(--color-7);border-radius:1.3125rem;left:-.3125rem;top:-.1875rem;box-shadow:0 .0625rem .1875rem .0625rem rgba(0,0,0,.4);width:1.3125rem;height:1.3125rem;transition:left .3s ease,background .3s ease,box-shadow 1s ease}
/* FIN SWITCH*/

.btn_transparente{
	background: transparent!important;
	border: 0px!important;
	color: white!important;
}


.hidden{
	display: none!important;
}

.disabled{
	pointer-events:none!important;
}

.icon-circle{
	font-size: 49%!important;
	vertical-align: middle!important;
	padding: 2% 6%!important;
}
.viñeta{
	color: var(--color-7)!important;
}
.viñeta-naranja{
	color: rgb(246, 210, 146)!important
}
.content-viñeta{
	color: var(--color-21)!important;
	letter-spacing: 0.003em;
}


@-webkit-keyframes hvr-icon-down {
	0%,
	50%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,
	75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}
@keyframes hvr-icon-down {
	0%,
	50%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,
	75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}
.indicator-scroll-down{
	width: min-content;
	padding: 0px;
	margin: 0px;
	display: none;
	position: absolute;
	top: 80%;
	right: 3%;

	-webkit-animation-name: hvr-icon-down;
	animation-name: hvr-icon-down;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-iteration-count:infinite;
}
/* Icon Up */
@-webkit-keyframes hvr-icon-up {
	0%,
	50%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,
	75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}
@keyframes hvr-icon-up {
	0%,
	50%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,
	75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}
.indicator-scroll-up{
	width: min-content;
	padding: 0px;
	margin: 0px;
	display: none;
	position: absolute;
	top: 75%;
	right: 3%;

	-webkit-animation-name: hvr-icon-up;
	animation-name: hvr-icon-up;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-iteration-count:infinite;
}
.file-field .btn{
	padding: 2% 2%!important;
	margin-right: 3%!important;
	background: white!important;
	color: var(--color-8)!important;
	border-color: var(--color-8)!important;
	letter-spacing: 0.1em;
}
.file-field input[type="file"] {
	position: absolute!important;
	top: 0!important;
	right: 0!important;
	bottom: 0!important;
	left: 0!important;
	width: 100%!important;
	padding: 0!important;
	margin: 0!important;
	cursor: pointer!important;
	filter: alpha(opacity=0)!important;
	opacity: 0!important;
}
.file-field input[type="text"] {
	padding: 2% 3%!important;
}
.clean-file{
	display: inline-block!important;
	color: gray!important;
}

@media screen and (max-width: 480px) and (min-width: 320px){
	.file-field input[type="text"] {
		padding: 5% 5%!important;
	}
	.file-field .btn{
		margin-top: 1em;
	}

}

/*bootbox*/

.bootbox .modal-footer .bootbox-cancel {
	color: var(--color-26)!important;
	font-size: 16px !important;
	background-color: transparent!important;
	background-image: none!important;
	border-color: var(--color-26)!important;
	text-transform: uppercase!important;
	padding: 9px 40px !important;
	letter-spacing: 0.1em!important;
}

.bootbox .modal-footer .bootbox-cancel:hover {
	color: var(--color-21)!important;
	background-color: var(--color-26)!important;
	border-color: var(--color-26)!important;
}

.bootbox .modal-footer .bootbox-cancel:focus,  .bootbox .modal-footer .bootbox-cancel.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(186, 186, 186, 0.5)!important;
	box-shadow: 0 0 0 0.2rem rgba(186, 186, 186, 0.5)!important;
}

.bootbox .modal-footer .bootbox-cancel.disabled,  .bootbox .modal-footer .bootbox-cancel:disabled {
	color: var(--color-26)!important;
	background-color: transparent!important;
}

.bootbox .modal-footer .bootbox-cancel:not([disabled]):not(.disabled):active,  .bootbox .modal-footer .bootbox-cancel:not([disabled]):not(.disabled).active,
.show >  .bootbox .modal-footer .bootbox-cancel.dropdown-toggle {
	color: var(--color-21)!important;
	background-color: var(--color-26)!important;
	border-color: var(--color-26)!important;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(186, 186, 186, 0.5)!important;
	box-shadow: 0 0 0 0.2rem rgba(186, 186, 186, 0.5)!important;
}

.bootbox .modal-footer .bootbox-accept {
	background-color: var(--color-primary) !important;
	color: white !important;
	font-size: 16px !important;
	border-radius: 0.15rem !important;
	padding: 9px 40px !important;
	letter-spacing: 0.1em!important;
	text-transform: uppercase!important;
	display: block !important;
}

.bootbox .modal-body{
	padding: 4% 4%!important;
}

/*tables*/
.tabbable-panel {
	padding: 0% 0% 2% 0%;
}

.tabbable-line > .nav-tabs {
	border: none;

}
.tabbable-line > .nav-tabs > li {
	margin: 0% 3% 0% 0%!important;

}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: var(--color-21);
	font-size: 18px;
}
.tabbable-line > .nav-tabs > li > a > i {
	color: var(--color-22);
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 4px solid rgb(80,144,247);
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: var(--color-21);
	text-decoration: none!important;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
	color: var(--color-22);
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	border-bottom: 4px solid #FF6E00;
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: var(--color-21);
}
.tabbable-line > .nav-tabs > li.active > a > i {
	color: var(--color-21);
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: white;
	border: 0;
	border-top: 1px solid #eee;
	padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}

@media screen and (max-width: 480px) and (min-width: 320px){
	.header-text {
		margin-bottom: 15px;
	}
	.tabbable-line > .nav-tabs > li > a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.tabbable-line > .nav-tabs > li > a {
		font-size: 16px;
	}
}


/*btn options*/
.btn-options .dropdown-toggle{
	background: none!important;
	color: black!important;
}

.btn-options .dropdown-toggle::after{
	display: none!important;
}


.embed-personalizado{
	zoom: 0.89;
	-moz-transform: scale(0.89);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.89);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.89);
	-webkit-transform-origin: 0 0;
}
.embed-personalizado-card{
	width: 1800px!important;
	height: 1800px!important;
	-ms-transform: scale(0.25)!important;
	-moz-transform: scale(0.25)!important;
	-o-transform: scale(0.25)!important;
	-webkit-transform: scale(0.25)!important;
	transform: scale(0.25)!important;

	-ms-transform-origin: 0 0!important;
	-moz-transform-origin: 0 0!important;
	-o-transform-origin: 0 0!important;
	-webkit-transform-origin: 0 0!important;
	transform-origin: 0 0!important;
}

.content-card-req::-webkit-scrollbar {
	width: 0.4em;
	background-color: var(--color-24); 
}

.content-card-req::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: var(--color-6); 
}

.contenido-tramite::-webkit-scrollbar {
	width: 0.4em;
	background-color: var(--color-24); 
}

.contenido-tramite::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: var(--color-6); 
}


.c-etiqueta{
	color: var(--color-22);;
}

.c-etiqueta .contenido-etiqueta{
	color: var(--color-21)!important;
}

.size-etiqueta{
	font-size:0.85em!important;
}

.size-etiqueta .contenido-etiqueta{
	font-size:0.9em!important;
}

#preview_file .modal-body{
	min-height: 25em!important;

}

#preview_file .modal-body embed{
	min-height: 20em!important;
}

/*trámites usuarios*/
.ver_resumen_tramite {
	color:var(--color-8) !important;
	font-size: 1.5em !important;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px;
}

.visualizar_tramite {
	color: var(--color-29) !important;
	font-size: 1.5em !important;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px;
}

.input-search{
	border: 1px solid #ced4da;
	border-radius: 0.15rem !important;
	margin-bottom: 0.5em;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 5%) !important;
	background: url(../img/icon/dashboard/search.svg) no-repeat 95% center!important;
	background-size: 1.2em!important;
	padding: 10px 20px !important;
	font-size: 1em !important;
}

.icon_card {
	margin-bottom: 15px;
}
.icon_card img{
	width: 55px;
}

.card-title-bandeja{
	font-size: 1.5em!important;
	font-weight: bold!important;
}
.card-subtitle-bandeja{
	height: 2em!important;
	font-size: 1em!important;
}
.card-subtitle-bandeja2{
	font-size: 1em!important;
}
.card-bandeja{
	padding: 0.8em 1.5em;
	text-align: left!important;
	margin:auto 0.5rem!important;
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.05);
}
.card-bandeja .card-body{
	padding: 0.3rem!important;
}

.card-bandeja-solicitudes{
	border-bottom: 0.5em #4fc2eb solid !important;
}
.card-bandeja-solicitudes-vistas{
	border-bottom: 0.5em #9575cd solid !important;
}
.card-bandeja-solicitudes-pendientes{
	border-bottom: 0.5em var(--color-bad) solid !important;
}

.nav-link-selected{
	background: #c6e2e9!important;
}

.nav-link-selected{
	background: #c6e2e9!important;
}

.select-dropdown { position: static; .select-dropdown--above { margin-top: 336px; } } 

.modal-header-login{
	background: transparent!important;
	box-shadow: transparent!important;
	border: 0px !important;
	-webkit-box-shadow: 0px 0px 0px!important;
	margin :0px!important;
	display: inline-block!important;
}
.modal-header .close{
	padding: 1%!important;
	margin: -0.5rem -0rem -1rem auto!important
}

.modal-header-login .close{
	padding: 1%!important;
	margin: 0px!important;
}

/*tesorería*/
.tesoreria-card{ 
	height: 500px 
}
.tesoreria-card-img{
	display: flex;  
	align-items: center; 
	justify-content: center; 
	text-align: center; 
	background-color: rgba(0, 0, 0, 0.7) !important;
	transition: 0.15s
}
.tesoreria-text-title{ 
	min-height: 56px 
}
.tesoreria-text-subtitle{ 
	min-height: 88px 
}
.tesoreria-card-img .card-footer{ 
	position: inherit!important; z-index: 2
}
.tesoreria-card-img{ 
	text-decoration: none!important
}
.tesoreria-card-img .tesoreria-link{ 
	margin-bottom: 0px 
}
.tesoreria-card-img .card-footer{ 
	background: none 
}
.tesoreria-card-img:before{ 
	z-index: 1; 
	content: "";
	width: 100%; 
	height: 100%; 
	background: linear-gradient(to bottom, #1583e9 0%,#6ae8ff 100%);
	top: 0px; 
	left: 0px; 
	position: absolute; 
	opacity: 0.3; 
	transition: 0.15s 
}
.tesoreria-card-img:hover{
	background-color: rgba(0, 0, 0, 0.7) !important
}
.tesoreria-card-img:hover:before{ 
	opacity: 0.75 
}
@media (max-width: 1040px) {
	.tesoreria-text-subtitle{ 
		font-size: 0.9em!important 
	}
	.tesoreria-text-title{ 
		font-size: 1.2rem!important 
	}
}
@media (max-width: 767px) {
	.tesoreria-card{ 
		height: auto 
	}
	.tesoreria-card a{
		padding-top: 50px; 
		padding-bottom: 50px
	}
	body .tesoreria-text-subtitle,body .tesoreria-text-title{
		min-height: auto; 
		margin-bottom: 20px!important
	}
	.tesoreria-text-subtitle{ 
		font-size: 1.1em!important 
	}
	.tesoreria-text-title{ 
		font-size: 1.5rem!important 
	}
	.tesoreria-card .card-footer{ 
		margin-bottom: 0px!important 
	}
}


/*FICHA SERVICIO*/

.seccion-ficha-servicio{
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}

.content_Ficha_servicio{
	padding-left: 3em;
	padding-right: 3em;
}

.portada-ficha-servicio{
	height: auto;
	width: 100%;
}
.portada-ficha-servicio-img {
	height: 100%;
	min-height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: rgba(0, 10, 20, 0.5) !important;
	background-blend-mode: soft-light;
	overflow: hidden;
	position: relative;
}
.portada-ficha-servicio-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgb(254, 228, 77), rgb(246, 210, 146));
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.portada-ficha-servicio-content{
	margin-top: 15%;
	justify-content: center;
}

.portada-ficha-servicio-content .col {
	z-index: 2;
}

.portada-ficha-servicio-icon{
	color: white;
	font-size: 50px;
	display: flex;
	justify-content: center;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.title-ficha-servicio{
	color: var(--color-21)!important;
	text-transform: uppercase!important;
}

.button-ficha-servicio{
	justify-content: flex-end;
	display: flex;
}

.btn-ficha-servicio {
	background-color: var(--color-primary) !important;
	color: white !important;
	font-size: 16px !important;
	width: 280px;
	border-radius: 0.15rem !important;
	letter-spacing: 1.5px;
	padding: 5% 8%!important;
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
}

.btn-ficha-servicio:hover{
	background: var(--color-primary-accent)!important;
}

.border-ficha-servicio{
	padding: 1% 2%!important;
	border-left: 0.2em solid rgb(246, 210, 146)!important;
	height: min-content!important;
}

.text-servicio-info {
	color: var(--color-21) !important;
}

.card-header-title{
	background-color: transparent !important;
}

@media screen and (max-width: 480px) and (min-width: 320px){
	.seccion-ficha-servicio{
		margin-top: 0;
	}
	.content_Ficha_servicio{
		padding-left: 1em;
		padding-right: 1em;
	}
	.portada-ficha-servicio div img{
		height: 350px !important;
	}
	.portada-ficha-servicio{
		height: auto;
	}
	.portada-ficha-servicio-text{
		margin-top: 8%;
	}
	.portada-ficha-servicio-icon{
		margin-top: -10px;
		font-size: 38px;
	}
	.content-ficha-item{
		padding-left: 15px !important;
		margin-top: 1em;
	}
	.text-list-tramit {
		font-weight: 600;
	}
}

@media screen and (max-width: 1024px)and (min-width: 768px) { 
	.button-ficha-servicio{
		justify-content: flex-start;
		display: flex;
		margin-top: 1em;
	}
	.portada-ficha-servicio div img{
		height: 315px !important;
	}

	.portada-ficha-servicio-icon{
		margin-top: 0;
	}
}
input[type="date"]{
	color: var(--color-21)!important;
}

input:active {
	color: white;
	background: white;
}

/* Login-form */

.content_login_form {
	padding: 25px 20px 35px 20px;
}

/* Registro imagen-slider */
.content_registro--slider {
	margin-top: 30%;
}
.fs-quick-nav {
	top: 530px;
}

.fs-quick-nav .fs-quick-btn{
	background-color: rgba(255, 255, 255, 0.3);
}
[data-am-fadeshow] input[type="radio"]:checked:nth-of-type(1) ~ .fs-quick-nav .fs-quick-btn {
	background-color: rgba(255, 255, 255, 0.3);
}
[data-am-fadeshow] input[type="radio"]:checked:nth-of-type(2) ~ .fs-quick-nav .fs-quick-btn {
	background-color: rgba(255, 255, 255, 0.3);
}
[data-am-fadeshow] input[type="radio"]:checked:nth-of-type(3) ~ .fs-quick-nav .fs-quick-btn {
	background-color: rgba(255, 255, 255, 0.3);
}

[data-am-fadeshow] .fs-quick-btn:first-child {
	background-color: rgba(255, 255, 255, 0.3);
}
[data-am-fadeshow] input[type="radio"]:checked:nth-of-type(1) ~ .fs-quick-nav .fs-quick-btn:nth-child(1) {
	background-color: rgba(255, 255, 255, 0.9) !important;
}
[data-am-fadeshow] input[type="radio"]:checked:nth-of-type(2) ~ .fs-quick-nav .fs-quick-btn:nth-child(2) {
	background-color: rgba(255, 255, 255, 0.9) !important;
}
[data-am-fadeshow] input[type="radio"]:checked:nth-of-type(3) ~ .fs-quick-nav .fs-quick-btn:nth-child(3) {
	background-color: rgba(255, 255, 255, 0.9) !important;
}

[data-am-fadeshow] .fs-prev-btn:before, [data-am-fadeshow] .fs-next-btn:before {
	top: 40%;
}

/* Registro */
.signup-form {
	padding: 50px 40px; 
}
.signup-form .content {
	padding: 0 !important
}

.step-current {
	position: absolute;
	right: 90px;
	top: 80px;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--color-primary); 
	font-size: 18px;
}
.steps {
	display: none; 
}


.content_registro-img {
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: rgba(0, 10, 20, 0.5) !important;
	background-blend-mode: soft-light;
}

.content_registro-img--text {
	color: white;
	padding: 45px 55px;
	margin-top: 65px;
}

.content_registro_form {
	margin-left: 50px !important;
	margin-right: 50px !important;
}
.title-form-registro {
	color: var(--color-21);
	font-family: "NeoSansPro-Medium";
	margin-bottom: 1.5em;
}

.content_registro_form--header-logo img{
	width: 23%;
}
.content_registro_form--header-logo{
	display: flex;
	justify-content: center;
	margin-top: 65px;
}
.content_registro_form--header-text{
	color: var(--color-21);
	margin-top: 15px;
}

.content_registro_form--header-text h3{
	font-family: "NeoSansPro-Bold";
	display: flex;
	justify-content: center;
}
.content_registro_form--header-text p{
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: 0.9em;
}

.content_registro_form--acceso {
	padding-left: 50px;
	padding-right: 50px;
}

.form-group input::placeholder{
	font-size: 12px;
}

.icon-ayuda {
	color: var(--color-6);
}
.icon-form-registro {
	color: var(--color-21);
}

.form-text-curp {
	font-size: 12px; 
	color: var(--color-21);
}
.form-text-curp a{
	color: var(--color-6);
}

.form-text-edad span {
	font-size: 0.8em; 
	color: var(--color-21);
}
.form-text-edad span .icon-text-edad{
	margin-right: 6px;
	color: var(--color-15);
}

.form-check-terminos {
	font-size: 1.1em;
	color: var(--color-21);
}
.form-check-terminos label a {
	color: var(--color-6);
}

.signup-form .actions ul {
	width: 100%;
	justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-o-justify-content: flex-end;
	-ms-justify-content: flex-end; 
}
.signup-form .actions ul .disabled {
	display: none; 
}
.signup-form .actions ul li {
	margin-left: 20px; 
}
.signup-form .actions ul li:first-child a {
	background: white;
	color: var(--color-22); 
}
.signup-form .actions ul li a {
	width: 140px;
	height: 50px;
	color: white;
	font-size: 1rem;
	background: var(--color-8);
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	text-decoration: none; 
	border-radius: 0.15rem;
}


/* @extend display-flex; */
display-flex, .signup-content,.signup-form .actions ul, .actions ul li a {
	display: flex;
	display: -webkit-flex; 
}

/* @extend list-type-ulli; */
list-type-ulli,.signup-form .actions ul {
	list-style-type: none;
	margin: 0;
	padding: 0; 
}

.content h3 {
	display: none; 
}


@media screen and (max-width: 1024px) {
	.content_registro_form {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	.content_registro_form--acceso {
		padding-left: 0px;
		padding-right: 0px;
	}

	.step-current {
		right: 55px;
		top: 70px;
	}
}

@media screen and (max-width: 768px) {
	.fs-quick-nav {
		top: 650px;
	}
	.content_registro--slider {
		margin-top: 50%;
	}
	.step-current {
		right: 40px;
		top: 70px;
	}
	.steps ul, .signup-content {
		flex-direction: column;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-o-flex-direction: column;
		-ms-flex-direction: column; 
	}
	.steps ul li, .signup-desc, .signup-form-conent {
		width: 100%; 
	} 

	.content_registro_form {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.content_registro_form--acceso {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media screen and (max-width: 480px) {
	.content_registro-img {
		display: none !important;
	}
	.step-current {
		right: 30px;
		top: 55px;
	}
	.content_registro_form--header-logo{
		margin-top: 20px;
	}
	.content_registro_form--header-logo img {
		width: 30%;
	}
	.signup-form .actions ul li a {
		width: 100px; 
	} 

	.content_registro_form--acceso {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* Modulo Usuarios */

.card-content-usuarios {
}

.card-content-usuarios .card-icon{
	width: 80px;
	height: 80px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	margin-left: 15px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
}
.color-circle-funcionario{
	background: #E5F6FF;
}
.color-circle-usuario{
	background: #E2FFF5;
}
.color-circle-registros{
	background: #E2E7FF;
}
.card-content-usuarios .card-icon img {
	width: 60%;
}

.card-content-usuarios .card-text-usuarios {
	margin-top: 10px;
}
.card-content-usuarios .card-text-usuarios h5{
	color: var(--color-21);
	font-size: 16px;
	letter-spacing: 0.02em;
}
.card-content-usuarios .card-text-usuarios p{
	font-family: "NeoSansPro-Medium";
	font-size: 30px;
	margin: 0;
}

.contador-funcionarios {
	color: var(--color-6);
}
.contador-usuarios {
	color: var(--color-32);
}
.contador-registros {
	color: var(--color-7);
}

.icon-link-funcionarios {
	color: var(--color-6);
}
.icon-link-usuarios {
	color: var(--color-32);
}

.card-sombra{
	box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
	transition: all .2s;
	border: 0 !important;
}

.content-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.content-card-header .title-card-header{
	color: var(--color-21);
}

.content-registro-modal-usuarios {
	width: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
}


.table-scrollbar::-webkit-scrollbar {
	width: 5px!important;
	background-color: var(--color-24)!important; 
}

.table-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px!important;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1)!important;
	background-color: var(--color-6)!important; 
}

.table-scrollbar {
	scrollbar-color: var(--color-6) var(--color-24)!important;
} 

span.nombreusuario-color1{ 
	background-color: var(--color-33)!important;
	color: white;
	font-size: 1.5em;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	margin-right: 1em;
	width: 50px;
	height: 50px;
	display: inline-block;
}

span.nombreusuario-color2{ 

	background-color: var(--color-25)!important;
	color: white;
	font-size: 1.5em;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	margin-right: 1em;
	width: 50px;
	height: 50px;
	display: inline-block;
}

span.nombreusuario-color3{ 

	background-color: var(--color-34)!important;
	color: white;
	font-size: 1.5em;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	margin-right: 1em;
	width: 50px;
	height: 50px;
	display: inline-block;
}
span.nombreusuario-color4{ 

	background-color: var(--color-35)!important;
	color: white;
	font-size: 1.5em;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	margin-right: 1em;
	width: 50px;
	height: 50px;
	display: inline-block;
}

span.nombreusuario-color0{ 

	background-color: var(--color-36)!important;
	color: white;
	font-size: 1.5em;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	margin-right: 1em;
	width: 50px;
	height: 50px;
	display: inline-block;
}

.list-modulo-usuarios tr td{
	vertical-align: middle;
}


.icono-check{
	color: var(--color-25);
	margin-right: 1em;
}
.icono-bad{
	color: var(--color-bad);
	margin-right: 1em;
}

.icono-alert{
	color: var(--color-23) ;
}

.ver-comentarios{
	color: var(--color-17);
	font-size: 1.8em;
}

.bootstrap-tagsinput .badge{
	margin-right: 1%!important;
}

.badge-tags{
	background: var(--color-25)!important;
	color: white!important;
}



/*catálogo de trámites*/
.search-tramites-servicios {
	width: 530px;
	margin: 0 auto;
	margin-top: 55px;
}
.search-tramites-servicios .search-input-container{
	width: 525px;
	border-radius: 100px;
	border: 1px solid #dfe1e5;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search-tramites-servicios input{
	width: 450px;
	height: 40px;
	border: none;
	outline: none;
}
.search-tramites-servicios .search-input-container:hover{
	box-shadow: 0 1px 6px 0 #20212447;
	border-color: var(--color-26);
}
.search-tramites-servicios .search-icon i{
	color:var(--color-8);
	margin-right: 10px;
}


.portada-tramites_servicios {
	width: 100%;
	height: 550px;
}
.portada-tramites_servicios .portada-img{
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0, 10, 20, 0.5) !important;
	background-blend-mode: soft-light;
	position: relative;
}
.portada-tramites_servicios .portada-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, #1583e9 0%,#6ae8ff 80%);
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.portada-tramites_servicios .container-portada{
	padding-top: 200px;
	text-align: center;
	position: relative;
}
.container-portada .title-portada h1 {
	font-family: "NeoSansPro-Ultra";
	font-size: 56px !important;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 1.2px;
	color: white;
}
.container-portada .icon-arrow{
	color: white;
	font-size: 50px;
	display: flex;
	justify-content: center;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.seccion-icon-pasos {
	margin-top: 50px;
}
.seccion-icon-pasos .icon-img-content {
	background: #F0F7FC;
	width: 100px;
	height: 100px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	margin-left: 15px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	margin: auto!important
}
.seccion-icon-pasos .icon-img-content img{
	width: 60px;
}
.seccion-icon-pasos .text-container-icon {
	text-align: center;
	margin-top: 15px;
}
.seccion-icon-pasos .text-container-icon span{
	font-size: 0.8em;
	color: var(--color-21);
}
.seccion-icon-pasos .text-container-icon h5{
	font-family: "NeoSansPro-Medium";
	color: var(--color-21);
	margin-top: 10px;
}
.seccion-icon-pasos .text-container-icon p{
	font-family: "NeoSansPro-Light";
	font-size: 1em;
	max-width: 280px;
	margin: 0 auto;
	margin-top: 10px;
}

.destacados-tramites-servicios {
	width: 100%;
	padding-right: 40px;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 130px;
}

.destacados-menu-content{
	margin-bottom: 30px;
}
.destacados-menu-content h1{
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
	font-size: 2em !important;
	line-height: 1.2;
	margin-left: 16px;
}
.destacados-menu-content .border-bottom {
	position: relative;
	padding-bottom: 15px;
	border-bottom: none !important;
	margin-left: 0;
}
.destacados-menu-content .border-bottom:before {
	bottom: 0;
	position: absolute;
	content: "";
	width: 60px;
	height: 3px;
	left: 33px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--color-secundary-light);
}

.destacados-menu-content .nav-destacados{
	padding: 11px 0 0;
}
.destacados-menu-content .nav-destacados ul{
	border-bottom: none !important;
	padding-left: 15px;
}
.destacados-menu-content .nav-destacados ul li{
	width: 120px;
}
.destacados-menu-content .nav-destacados ul li a{

	font-family: "NeoSansPro-Medium";
	font-size: 18px;
	cursor: pointer;
	background: white!important;
	padding: 4% 8%;
	color: var(--color-15);
	border-radius: 6px;
	cursor: pointer;
	list-style: none;
	border: 1px solid var(--color-primary);
	text-decoration: none;
}
.destacados-menu-content .nav-destacados ul li a.active{
	font-family: "NeoSansPro-Medium";
	font-size: 18px;
	cursor: pointer;
	background: var(--color-primary)!important;
	padding: 4% 8%;
	color: white;
	border-radius: 6px;
	cursor: pointer;
	list-style: none;
	border-radius: 6px;
	cursor: pointer;
	list-style: none;
}

.link-ver-todos {
	display: flex;
	justify-content: flex-end;
}
.destacados-menu-content .link-ver-todos a{
	margin-right: 20px;
}

.card-destacados-principal {
	width: 100%;
	height: 600px;
}
.card-destacados-principal .destacados-principal-img {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.card-destacados-principal .destacados-principal-img::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.card-destacados-principal .destacados-principal-img-servicios {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.card-destacados-principal .destacados-principal-img-servicios::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}
.card-destacados-principal .card-bottom-principal {
	width: 80%;
	height: auto;
	position: absolute;
	padding: 0px;
	background: white;
	opacity: 0.9;
	border-radius: 0 5px 5px;
	top: 520px;
}
.card-bottom-principal .content-card-principal {
	padding: 20px 15px;
}
.card-bottom-principal .text-card-principal label {
	font-family: "NeoSansPro-Medium";
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	color: var(--color-21);
	margin-bottom: 15px;
}
.card-bottom-principal .text-card-principal p {
	font-size: 0.9em;
	color: var(--color-21);
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card-bottom-principal .link-card-principal {
	display: flex;
	justify-content: space-between;
	margin-right: 20px;
}
.card-bottom-principal .link-card-principal .text-card-info{
	color: var(--color-21);
}
.card-bottom-principal .link-card-principal .link-card-mas a{
	color: var(--color-primary);
	font-family: "NeoSansPro-Medium";
}

.card-destacados-secundarios {
	height: 250px;
	width: 100%;
	margin-bottom: 145px;
}
.card-destacados-secundarios .destacados-secundarios-img {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.card-destacados-secundarios .destacados-secundarios-img::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.card-destacados-secundarios .destacados-secundarios-img-servicios {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.card-destacados-secundarios .destacados-secundarios-img-servicios::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.card-destacados-secundarios .card-bottom-secundarios {
	width: 85%;
	height: 270px;
	position: absolute;
	padding: 0px;
	background: white;
	opacity: 0.9;
	border-radius: 0 5px 5px;
	top: 160px;
}
.card-bottom-secundarios .content-card-secundarios {
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 10px;
}
.card-bottom-secundarios .text-card-secundarios label {
	font-family: "NeoSansPro-Medium";
	font-size: 0.9em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	color: var(--color-21);
	margin-bottom: 15px;
}
.card-bottom-secundarios .text-card-secundarios p {
	font-size: 0.8em;
	color: var(--color-21);
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card-bottom-secundarios .link-card-secundario {
	display: flex;
	justify-content: space-between;
	margin-right: 20px;
}
.card-bottom-secundarios .link-card-secundario .text-card-info{
	color: var(--color-21);
}
.card-bottom-secundarios .link-card-secundario .link-card-mas a{
	color:var(--color-8);
	font-family: "NeoSansPro-Medium";
}

.etiquetas-tramites-servicios{
	display: flex;
	margin-bottom: 10px;
}
.etiquetas-tramites-servicios .etiqueta-enlinea{
	width: 100%;
}
.etiqueta-enlinea ul {
	margin-bottom: 0;
}
.etiquetas-tramites-servicios .etiqueta-enlinea ul li{
	margin-top: 3px;
}
.etiquetas-tramites-servicios .etiqueta-enlinea ul li{
	color: var(--color-33);
	font-size: 0.8em;
	width: 100%;
}
.badge-tramites {
	color: var(--color-9);
	background-color: var(--color-10);
}
.badge-servicios {
	color: var(--color-acent-servicio);
	background-color: var(--color-servicio);
}
.container-list-ayuda {
	width: 100%;
	padding-right: 45px;
	padding-left: 45px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 20px;
}
.seccion-list-ayuda .title-list-ayuda {
	display: flex;
	justify-content: center;
	text-align: center;
}
.seccion-list-ayuda .title-list-ayuda h1{
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
	font-size: 2em !important;
	line-height: 1.2;
	border-bottom: 0 !important;
	padding-bottom: 15px;
}
.title-list-ayuda .border-bottom::before {
	bottom: 0;
	position: absolute;
	content: "";
	width: 90px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background:var(--color-8);
}
.seccion-list-ayuda .tabs-list-ayuda {
	border-bottom: 0 !important;
	margin: 0 auto;
}
.seccion-list-ayuda .tabs-list-ayuda ul{
	border-bottom: 0 !important;
	width: 100%;
	align-items: center;
	justify-content: center;
}
.seccion-list-ayuda .tabs-list-ayuda ul li{
	width: 25%;
	padding: 0.5em;
}
.seccion-list-ayuda .tabs-list-ayuda ul li a{
	color: var(--color-6);
	cursor: pointer;
	text-decoration: none;
	background: white;
	border: 1px solid var(--color-8);
	border-radius: 5px;
	padding: 0.5em;
	width: 100%;
	display: block;
}
.seccion-list-ayuda .tabs-list-ayuda ul li a.active {
	color: var(--color-6);
	background-color: var(--color-26);
}
.list-card-coleccion {
	height: 25em; 
	width: 100%;
	margin-bottom: 55px;
}
.list-card-coleccion .card-bottom-list {
	width: 85%;
	height: 280px;
	position: absolute;
	padding: 0px;
	background: white;
	opacity: 0.9;
	border-radius: 0 5px 5px;
	top: 160px;
}
.list-card-coleccion .content-card-bottom {
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
} 
.content-card-bottom .text-card-bottom label {
	font-family: "NeoSansPro-Medium";
	font-size: 0.9em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	color: var(--color-21);
	margin-bottom: 15px;
}
.content-card-bottom .text-card-bottom p {
	font-size: 0.8em;
	color: var(--color-21);
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.content-card-bottom .link-card-bottom {
	display: flex;
	justify-content: space-between;
	margin-right: 20px;
}
.content-card-bottom .link-card-bottom .text-card-info {
	color: var(--color-21);
}
.content-card-bottom .link-card-bottom .link-card-mas a {
	color:var(--color-8);
	font-family: "NeoSansPro-Medium";
} 

.card-list-img {
	height: 70%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}

.seccion-dependencias {
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 85px;
}
.dependencias-tramites-servicios .title-dependendias {
	display: flex;
	justify-content: center;
}
.dependencias-tramites-servicios .title-dependendias h1 {
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
	font-size: 30px !important;
	line-height: 1.2;
	border-bottom: 0 !important;
	padding-bottom: 15px;
}
.title-dependendias .border-center::before {
	bottom: 0;
	position: absolute;
	content: "";
	width: 90px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background:var(--color-8);
}
.dependencias-tramites-servicios .title-seccion-dependencias {
	margin-bottom: 10px;
}
.dependencias-tramites-servicios .title-seccion-dependencias h5 {
	font-family: "NeoSansPro-Medium";
	color: var(--color-21);
}
.title-seccion-dependencias .link-dependencias {
	display: flex;
	justify-content: flex-end;
}
.card-dependencias {
	height: 250px;
	border-radius: 20px !important;
	padding: 2px 1px 5px;
}
.card-dependencias .icon-card-container {
	background: white;
	width: 80px;
	height: 80px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}
.card-dependencias img{
	width: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.card-dependencias .text-card-dependencias {
	margin-bottom: 30px;
	margin-left: 10px;
}
.card-dependencias .text-card-dependencias h6{
	font-family: "NeoSansPro-Medium";
	color: var(--color-21);
}
.card-dependencias .link-dependencias {
	display: flex;
	justify-content: flex-end;
	color: var(--color-6);
}
.card-dependencias .link-dependencias a{
	font-size: 0.8em;
	color:var(--color-8);
}
.card-dependencias .link-dependencias i{
	margin-left: 5px;
}
.card-dependencias .border-dependencias-tramites {
	border: 5px solid var(--color-8);
	border-radius: 20px 20px 0 0;
}
.card-dependencias .border-dependencias-servicios {
	border: 5px solid var(--color-acent-servicio);
	border-radius: 20px 20px 0 0;
}



/* Fichas tramites y servicios */
.content-right-catalogo {
	padding-right: 35px !important;
}
.search-catalogo-container {
	margin-bottom: 20px;
}
.search-catalogo-container span {
	color: var(--color-21);
}
.search-catalogo-container i {
	color: var(--color-21);
}
.search-categorias-container span {
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
	font-size: 1em;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.content-right-catalogo {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.portada-tramites_servicios{
		height: 500px;
	}
	.portada-tramites_servicios .container-portada {
		padding-top: 160PX;
	}
	.search-tramites-servicios {
		width: 300px;
	}
	.search-tramites-servicios .search-input-container {
		width: 300px;
	}
	.search-tramites-servicios input {
		width: 240px;
	}
	.container-portada .title-portada h1 {
		font-size: 2.5em !important;
	}
	.container-portada .icon-arrow {
		margin-top: 30px;
	}
	.destacados-tramites-servicios {
		padding-right: 15px;
		padding-left: 15px;
		margin-top: 50px;
	}
	.destacados-menu-content h1{
		font-size: 1.8em !important;
	}
	.destacados-menu-content .nav-destacados ul{
		padding-left: 10px;
	}
	.card-destacados-principal {
		height: 300px;
		margin-bottom: 150px;
	}
	.card-destacados-principal .card-bottom-principal {
		top: 200px;
		width: 85%;
	}
	.container-list-ayuda {
		padding-right: 15px;
		padding-left: 15px;
	}
	.seccion-list-ayuda .title-list-ayuda h1{
		font-size: 1.8em !important;
	}
	.seccion-list-ayuda .tabs-list-ayuda ul li {
		width: 100%;
	}
	.list-card-coleccion {
		margin-bottom: 95px;
	}

}


.card-content-fichas {
	display: inline-block;
}

.card-content-fichas .card-icon{
	width: 80px;
	height: 80px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	margin-left: 15px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	margin: auto!important
}

.card-sin-borde{
	border:0px!important;
}
.color-circle-ficha{
	background: #F0F7FC;
}

.text-step-ficha{
	padding: 1.0em;
	font-size: 0.8em;
	color: var(--color-21);
}
.text-subheader-ficha{
	font-size: 1.5em;
	font-weight: bold;
	color: var(--color-21);
}

.text-descripcion-ficha{
	font-size: 1.0em;
}

.card-content-fichas .card-icon img {
	width: 60%;
}

.card-content-fichas .card-text-fichas {
	margin-top: 10px;
}
.card-content-fichas .card-text-fichas h5{
	color: var(--color-21);
	font-size: 16px;
	letter-spacing: 0.02em;
}
.card-content-fichas .card-text-fichas p{
	font-family: "NeoSansPro-Medium";
	font-size: 30px;
	margin: 0;
}


.contador-funcionarios {
	color: var(--color-6);
}
.contador-usuarios {
	color: var(--color-32);
}
.contador-registros {
	color: var(--color-7);
}

.icon-link-funcionarios {
	color: var(--color-6);
}
.icon-link-usuarios {
	color: var(--color-32);
}


.ficha-destacados .title-destacados, .title-cards{
	color: var(--color-21);
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.05em
}

.ficha-destacados .barra-azul-corta, .title-cards .barra-azul-corta{
	border-bottom: 0.2em solid var(--color-6);
	width: 30%;
	text-align: left;
	margin-top: 0.5em;

}

.title-cards .barra-azul-corta-center{
	border-bottom: 0.2em solid var(--color-6);
	width: 20%;
	text-align: left;
	margin: 0.5em auto auto auto;

}

.ficha-destacados ul, .encabezado-cards ul{
	border: 0px!important;
}
.ficha-destacados li{
	width: 25%;
}
.encabezado-cards li{
	width: 25%;
	padding: 0.5em;
}

.ficha-destacados .ver-todos, .encabezado-cards .ver-todos{
	color: var(--color-6);
	font-size: 1.0em;
	font-weight: bold;
}


.ficha-destacados .nav-tabs li a{
	color: var(--color-21);
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}
.ficha-destacados .nav-tabs li a.active{
	color: var(--color-8);
	font-weight: bold;
}

.encabezado-cards .nav-tabs li a{
	color: var(--color-6);
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
	background: white;
	border:1px solid var(--color-6);
	border-radius: 5px;
	padding: 0.5em;
	width: 100%;
	display: block;

}
.encabezado-cards .nav-tabs li a.active{
	color: var(--color-8);
	font-weight: bold;
}

.portada-ficha-card{
	height: auto;
	width: 100%;
}
.portada-ficha-card-img {
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: rgba(0, 10, 20, 0.5) !important;
	background-blend-mode: soft-light;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
}
.portada-ficha-card-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, #1583e9 0%,#6ae8ff 80%);
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.portada-ficha-card-content{
	justify-content: center;
	margin-top: 1em;
	margin-left: 10px;
}
.portada-ficha-card-content p{
	font-size: 0.8em;
	color: var(--color-21);
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.portada-ficha-card-content .height-5{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 100%;
	line-height: 1.4;
}

.portada-ficha-card-content .col {
	z-index: 2;
}

.portada-ficha-card-icon{
	color: white;
	font-size: 50px;
	display: flex;
	justify-content: center;
	margin-top: 1em;
	margin-bottom: 0.5em;
}


.portada-ficha-title-card{
	font-family: "NeoSansPro-Medium";
	font-size: 0.9em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align:  left;
	color: var(--color-21);
	margin-bottom: 15px;
}


.portada-ficha-card-tramite{
	background-size: cover;background-repeat: no-repeat;background-position: top center; height: 70%; width: 100%;
}

.card-estilo1{
	padding-right: 5em;
	border:0px!important;
	border-top: 1px solid lightgray!important;
	border-bottom: 1px solid lightgray!important;
	border-radius: 0px!important;
}

.card-estilo1 .title-card{
	font-family: "NeoSansPro-Medium";
	color: var(--color-21);
	font-size: 1em;
}
.card-estilo1 .desripcion-card{
	font-size: 0.9em !important;
}
.card-estilo1 .link-catalogo a{
	color: var(--color-primary);
}

.card-estilo1 .descripcion-card a{
	color: var(--color-8)!important;
}



.table-sin-borde .div{
	border:0px!important;
	border-top: 0px!important;
	border-bottom: 0px!important;
}

.img-ficha-servicios {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}

.coleccion-secundarios-img-servicios {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.coleccion-secundarios-img-servicios::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgb(254, 228, 77), rgb(246, 210, 146));
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.etiqueta-enlinea-tramites-servicios li{
	color: var(--color-33);
	font-size: 0.8em;
	width: 100%;
}

.file-download-ficha{
	margin: auto 0.5em!important;
	font-size: 0.7em!important;
	width: 65%!important;

}
.file-download-ficha i{
	padding: 0.2em!important;
}


#cards-controles, #cards-controles >.row{
	padding: 10px 10px;
}

.container-cards-generales {
	padding-left: 40px !important;
	padding-top: 30px !important;
}
#cards-controles .border-content-ficha{

	height: 100%;
	border: 1px solid var(--color-26);
	border-radius: 3px;
	padding: 30px 10px;
}

#cards-controles .card-control-secund{

}

#tabs-ficha .nav-item{
	background: #EDEFF2!important;
	margin-right: 0.4em;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;

}
#tabs-ficha .nav-item a:hover{
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 100%!important;
}

#tabs-ficha .nav-link.active{

	border-top: 0.5em solid var(--color-8)!important;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	height: 100%!important;
	background: white!important;
}



#tabs-controladores{

	border: 1px solid var(--color-26);
	border-top: 0px;
	border-radius: 3px;
	padding: 20px 15px 50px;
}
#tabs-controladores .border-content-ficha{
	border: 1px solid var(--color-26);
	box-shadow: 0px 3px 6px #00000029;	
	border-radius: 3px;
	padding: 1.5em!important;
	margin-top: 1em;
}

input.form-control.input-materialize, select.form-control.input-materialize, textarea.form-control.input-materialize{
	border-radius: 0px!important;
}

.cont_seccion{
	border-radius: 0.3em;
}

#lista_requisitos .fa-edit, #lista_secciones .fa-edit{
	color: var(--color-8);
}

#lista_requisitos .fa-trash-alt, #lista_secciones .fa-trash-alt{
	color: var(--color-35);
}
#form_seccion .fa-trash-alt{
	color: var(--color-35);
}
#lista_secciones .list-group-item{
}
.btn-new-2{
	background: var(--color-8)!important;
	color: white!important;
	cursor: pointer;
	padding: 0.2em!important;
	font-size: 0.9em!important;
}
.texto-titular-medium{
	font-size: 1em;
	font-family: "NeoSansPro-Medium";
	color: var(--color-21);
}

.texto-titular-small{
	font-size: 0.9em !important;
	font-family: "NeoSansPro-Regular";
	margin-bottom: 10px;
}

.texto-titular-etapas {
	font-size: 1em;
	font-family: "NeoSansPro-Medium";
	color: var(--color-21);
}

#footer-requisitos, #footer-secciones{
	-webkit-box-pack: flex-end!important;
	-ms-flex-pack: flex-end!important;
	justify-content: flex-end!important;
}

.container-table-admin-tramite {
	border: none !important;
}
.table-header-admin-tramite {
	background-color: var(--color-26) !important; 
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.dependencia-color1{ 
	background-color: rgba(217, 54, 84, 0.9)!important;
}

.dependencia-color2{ 
	background-color: rgba(229, 89, 52)!important;  
}

.dependencia-color3{ 
	background-color: rgba(106, 76, 147)!important; 
}
.dependencia-color4{ 
	background-color: rgba(25,130, 196)!important; 
}

.dependencia-color0{ 	
	background-color: rgba(149, 195, 68, 0.9)!important;
}

.dependencia-border-color1{ 
	border: 1px solid rgba(217, 54, 84, 0.9)!important;
}

.dependencia-border-color2{ 
	border: 1px solid rgba(229, 89, 52)!important;  
}

.dependencia-border-color3{ 
	border: 1px solid rgba(106, 76, 147)!important; 
}
.dependencia-border-color4{ 
	border: 1px solid rgba(25,130, 196)!important; 
}

.dependencia-border-color0{ 	
	border: 1px solid rgba(149, 195, 68, 0.9)!important;
}
.pagination_manual .pagination{
	float: right;
}

#busqueda_avanzada{
	background: white;
	padding: 1em;
	border: 1px solid var(--color-6);
	border-radius: 0.2em;
	border-style: dashed;
}

.text-small{
	font-size: 0.8em;
}


.back-to-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: none;
	z-index: 2222222222222222;
}

.subtitle-dashboard {
	font-family: "NeoSansPro-Medium";
	font-size: 20px;
	color: var(--color-21);
}

.card-icons-home li{
	margin-top: 1em!important;
}
.card-icons-home .card-icon{
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	margin-right: 20px;
	display: flex;
	justify-content: center;
}
.color-circle-icon{
	background: var(--color-blue);
}
.card-icons-home .card-icon img{
	width: 60%;
}
.card-icons-home .card-icon i{
	margin: auto;
	color: white;
}

.card-icons-home span{
	line-height: 3em;
}


.btn-blue {
	background-color: var(--color-primary);
	color: white !important;
	font-size: 16px !important;
	border-radius: 0.3rem !important;
	letter-spacing: 1.5px !important;
	padding: 15px 29px !important;
}

.btn-blue:hover{
	background: var(--color-primary-accent)!important;
}

.section-predial{
	padding: 0px;
	margin:0px;
	position: relative;
}
.section-predial div{
	padding: 0px!important;
	margin:0px!important;
}
.section-predial .portada{
	padding: 6% 2%!important;
	background-color: rgba(58, 120, 78, 0.5) !important;
	background-blend-mode: soft-light;
}
.section-predial h2{
	font-family: "NeoSansPro-Bold";
	color: white;
	font-size: 44px !important;
	line-height: 1.2;
}
.section-predial p{

	color: white;
	font-size: 20px !important;
	line-height: 1.2;
}

.section-cero-filas{
	padding: 0px;
	margin:0px;
	position: relative;
}

.section-cero-filas .portada{
	padding: 6% 2%!important;

}
.section-cero-filas h2{
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
	font-size: 44px !important;
	line-height: 1.4;
}
.section-cero-filas p{
	color: var(--color-21);
	font-size: 20px !important;
	line-height: 1.2;
}

.section-atencion-ciudadana{
	padding: 60px 80px;
	margin:0px;
	position: relative;
}

.section-atencion-ciudadana .portada{


}
.section-atencion-ciudadana h2{
	font-family: "NeoSansPro-Bold";
	color: var(--color-21);
	font-size: 44px !important;
	line-height: 1.2;
}
.section-atencion-ciudadana p{

	color: var(--color-21);
	font-size: 20px !important;
	line-height: 1.2;
}

.section-dependencias{
	padding: 5%;
	margin:0px;

}

.card-icons-dependencia .card{
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
}
.card-icons-dependencia .card-icon{
	width: 60px;
	height: 60px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	margin-right: 20px;
	display: flex;
	justify-content: center;
	margin: auto;
}
.card-icons-dependencia .color-circle-icon{
	background: var(--color-light);
}
.card-icons-dependencia .card-icon img{
	width: 60%;
}
.card-icons-dependencia .card-icon i{
	margin: auto;
	color: white;
}
.card-icons-dependencia .contador{
	font-size: 12px!important;
	text-align: center;
}
.card-icons-dependencia .contador i{
	font-size: 10px!important;
	margin-right: 6%;
}
.card-icons-dependencia .contador .blue{
	color: var(--color-8);
}
.card-icons-dependencia .contador .yellow{
	color: var(--color-23);
}

.dependencias-item-title{
	height: 40px!important;
}


.card-destacados-principal-home {
	width: 100%;
	height: 100%;
}
.card-destacados-principal-home .destacados-principal-img {
	height: 60%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.card-destacados-principal-home .destacados-principal-img::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.card-destacados-principal-home .destacados-principal-img-servicios {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.card-destacados-principal-home .destacados-principal-img-servicios::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}
.card-destacados-principal-home .card-bottom-principal {
	margin-top: 2%;
	height: 40%;
	padding: 0px;
	background: white;
	opacity: 0.9;
	border-radius: 0 5px 5px;
}
.card-bottom-principal-home .content-card-principal {
	padding: 20px 15px;
}
.card-bottom-principal-home .text-card-principal label {
	font-family: "NeoSansPro-Medium";
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	color: var(--color-21);
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card-bottom-principal-home .text-card-principal p {
	font-size: 0.9em;
	color: var(--color-21);
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card-bottom-principal-home .link-card-principal {
	display: flex;
	justify-content: space-between;
	margin-right: 20px;
}
.card-bottom-principal-home .link-card-principal .text-card-info{
	color: var(--color-21);
}
.card-bottom-principal-home .link-card-principal .link-card-mas a{
	color: var(--color-primary);
	font-family: "NeoSansPro-Medium";
}

.card-destacados-secundarios-home {
	height: 225px;

}
.card-destacados-secundarios-home .destacados-secundarios-img {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.card-destacados-secundarios-home .destacados-secundarios-img::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.card-destacados-secundarios-home .destacados-secundarios-img-servicios {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px !important;
}
.card-destacados-secundarios-home .destacados-secundarios-img-servicios::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0.3;
	transition: 0.15s;
}

.card-destacados-secundarios-home .card-bottom-secundarios {
	height: 270px;
	padding: 0px;
	background: white;
	opacity: 0.9;
	border-radius: 0 5px 5px;
}
.card-bottom-secundarios-home .content-card-secundarios {
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 10px;
}
.card-bottom-secundarios-home .text-card-secundarios label {
	font-family: "NeoSansPro-Medium";
	font-size: 0.9em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	color: var(--color-21);
	margin-bottom: 5px;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card-bottom-secundarios-home .text-card-secundarios p {
	font-size: 0.8em;
	color: var(--color-21);
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 70px;
}
.card-bottom-secundarios-home .link-card-secundario {
	display: flex;
	justify-content: space-between;
	margin-right: 20px;
}
.card-bottom-secundarios-home .link-card-secundario .text-card-info{
	color: var(--color-21);
}
.card-bottom-secundarios-home .link-card-secundario .link-card-mas a{
	color: var(--color-primary);
	font-family: "NeoSansPro-Medium";
}

.seccion-ficha-tramite .text-pf,.seccion-ficha-tramite .text-pm{
	padding:0.5em 3em;
	font-weight: bold;
	font-size: 1.2em;
	color: var(--color-7) ;
} 
.seccion-ficha-tramite .no_copias{
	font-size: 0.8em;
	color: var(--color-34)!important;
	font-weight: bold;
}

.informacion-tramite-destacada{
	text-align: center;

}

.table-requisitos td li{
	color:var(--color-8);
}
.table-requisitos td li span{
	color: var(--color-21);
}
.table-requisitos th{
	border: 0px;
}



.btn-flotante {
	font-size: 1.5em; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: white; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: var(--purple-primary); /* Color de fondo */

	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
	border-radius: 50%;
	width: 3em;
	height: 3em;
	text-align: center;
}
.btn-flotante i{
	width: 3em;
	height: 3em;
	line-height: 3em;
}
.btn-flotante img{
	width: 2em;
	height: 3em;
	line-height: 3em;
}
.btn-flotante:hover {
	background-color: white; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
	color: var(--purple-primary);
}
.btn-accessibility div{
	padding: 2% 4%;
	border:1px solid var(--color-26);
	display: inline-block;
	border-radius: 4px;
	margin: 0px;
}


.btn-accessibility div i{
	color: white!important;
	font-size: 2em;
}


.html-grayscale{
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

#table_resultado_archivos{
	font-size: 0.8em!important;
}
#table_resultado_archivos tbody td, #table_resultado_archivos tbody tr{
	padding: 0.9em!important;
	margin: 0px!important;
	height: 2em!important;
}


.contenedor_accesibilidad{

	position:sticky;
	left:0px;
	bottom:1.5em;
	z-index: 999999;
}
.botonF1{
	width:60px;
	height:60px;
	border-radius:100%;
	background:white;
	left:0;
	bottom:1.5em;
	position:absolute;
	margin-left:16px;
	margin-bottom:16px;
	border:none;
	outline:none;
	color:white;
	font-size:36px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition:.3s;  
}
.botonF1 i{
	color: var(--color-1);
}
span{
	transition:.5s;  
}
.botonF1:hover span{
	transform:rotate(360deg);
}
.botonF1:active{
	transform:scale(1.1);
}
.btn_accesibilidad{
	width:50px;
	height:50px;
	border-radius:100%;
	border:none;
	color:white;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	font-size:28px;
	outline:none;
	position:absolute;
	left:0;
	bottom:0;
	margin-left:20px;
	margin-bottom:10px;
	transform:scale(0);
}
.botonF2{
	background:var(--color-6);
	margin-bottom:5em;
	transition:0.5s;
}
.botonF3{
	background:#673AB7;
	margin-bottom:7em;
	transition:0.7s;
}
.botonF4{
	background:#009688;
	margin-bottom:9em;
	transition:0.9s;
}
.botonF5{
	background:#FF5722;
	margin-bottom:11em;
	transition:0.99s;
}
.animacionVer{
	transform:scale(1);
}


.btn_yellow{
	background-color: white;
	color: var(--color-34) ;
	border: 1px solid var(--color-34) !important;
}

.btn_yellow:hover,.btn_yellow:disabled{
	background-color: var(--color-34) ;
	color: white;
	border: 1px solid var(--color-34) !important;
}




.btn-light-blue {
	font-size: 14px!important;
	color: var(--color-8) !important;
	background: white!important;
}

.btn-light-blue:hover {
	color: white!important;
	background-color: var(--color-8)!important;
}



.puntos_yellow {
	width: 162px;
	height: 162px;
	background-image: url('../img/home/elementos/puntos.png');
	background-repeat: no-repeat;
}

.puntos--top, .puntos--dependencias, .puntos--destacados {
	position: absolute;
	top: 0%;
	left: 4px;
	z-index: 0;
}
.puntos--bottom {
	position: absolute;
	bottom:0%;
	right: 0%;
	z-index: 0;
}
.puntos--dependencias {
	top: 124px;
	left: 34px;
}
.puntos--destacados {
	top: -28px;
	left: -12px;
}

.puntos_blue {
	background-image: url('../img/home/elementos/puntos-blue.png');
	position: absolute;
	height: 127px;
	top: 35px;
	z-index: 0;
	right: 60px; 
	background-repeat: no-repeat; 
	background-position: center center;
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.section-atencion-ciudadana{
		padding: 20px 15px 30px;
	}
	.card-destacados-secundarios-home {
	}
	.card_home--margin {
		margin-bottom: 195px;
	}
}



#contenido_busqueda{
	border: 1px solid var(--color-16);
	border-radius: 0.2em;
}

.details-control-subitem2{
	cursor: pointer;
}


/* Default button with gray */
.default-outline {
	border-color: var(--color-22);
	color: black;
}

.default-outline:hover {
	border-color: var(--color-22);
	background-color: var(--color-22);
	color: white;
}

/* Primary button with blue */
.info-outline {
	border-color: var(--color-6);
	color: var(--color-6);
}

.info-outline:hover {
	border-color: var(--color-6);
	background-color: var(--color-11);
	color: white;
}



/* Danger - Red */
.danger-outline {
	border-color: var(--color-1)!important;
	color: var(--color-1)!important;
}

.danger-outline:hover {
	border-color: var(--color-1)!important;
	background-color: var(--color-1)!important;
	color: white!important;
}

/* Danger - Red */
.secondary-outline {
	border-color: var(--color-22)!important;
	color: var(--color-22)!important;
}

.secondary-outline:hover {
	border-color: var(--color-22)!important;
	background-color: var(--color-22)!important;
	color: white!important;
}



.contenedor_evaluacion{

	position:sticky;
	left:0px;
	bottom:0px;
	z-index: 999999;
}
.botonF1_eval{
	width:60px;
	height:60px;
	border-radius:100%;
	background:white;
	left:0em;
	bottom:0;
	position:absolute;
	margin-left:16px;
	margin-bottom:16px;
	border:none;
	outline:none;
	color:white;
	font-size:36px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition:.3s;  
}
.botonF1_eval i.star{
	color: var(--color-38);
}
.botonF1_eval i.smile{
	color: var(--color-1);
}
span{
	transition:.5s;  
}
.botonF1_eval:hover span{
	transform:rotate(360deg);
}
.botonF1_eval:active{
	transform:scale(1.1);
}
.btn_evaluacion{

	border:none;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	outline:none;
	position:absolute;
	left:5em;
	bottom:0.2em;
	margin-left:20px;
	margin-bottom:10px;
	display: none;
}

.botonF2_eval{
	transition:0.5s;
}

.animacionVer2{
	display: block;
}



.star-border-yellow,  .star-yellow{
	color: var(--color-38)!important;
	font-size: 2.1em;
}

.hand-evaluacion{
	color: var(--color-38)!important;
	font-size: 2.1em;
}

.card_evaluacion{
	box-shadow: 0 2px 10px 0 hsla(0,0%,80%,.5);
}


/*compartir*/

.btn-blue-0 {
	color: white!important;
	background-color: var(--color-8) !important
}

.btn-blue-0:hover {
	color: var(--color-8)!important;
	background-color: white!important;
	border:  1px solid  var(--color-16);
}


.container_share, .container_share i{
	color: var(--color-15);
}

a {
	color: var(--color-6)
}