:root {
--secondary: #040247;
}
.bg-secondary {
background-image: linear-gradient(180deg, #fff, #fff 15%, #ededed 0, #ededed 85%, #ededed 0) !important;
}
/************************************************************************************
GENERALES
*************************************************************************************/
html {
overflow-x: hidden;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
}
a {
color: var(--primary);
background-color: transparent;
}
a:visited {
color: var(--info);
}
a:hover {
color: var(--blue);
text-decoration: underline;
}
.bg-gray {
background: #e6e6e6;
}
.bg-blue-light {
background-color: #F6F8F9;
}
.bg-blue-light-02 {
background: #e6effd;
}
.altoContraste {
-webkit-filter: invert(1);
filter: invert(1);
background-color: #fff;
}
@-moz-document url-prefix() {
.altoContraste {
mix-blend-mode: difference;
background-color: #fff;
filter: none;
}
}
.clearfix {
clear: both;
}
.container-xl {
max-width: 1200px;
}
.sub-section-container > div,
.section-container {
width: 100%;
max-width: 1080px;
margin: auto;
padding: 20px;
}
.container-sm {
max-width: 800px;
}
.section-container .ntg-titulo-caja {
width: 100%;
}
.bg-blue {
background: var(--blue);
z-index: 0;
clear: both;
}
.bg-blue-noticias {
background: var(--blue);
clear: both;
}
.btn {
border-radius: 3rem;
text-transform: uppercase;
text-decoration: none;
}
.btn:visited {
color: #fff;
}
.btn strong {
font-weight: normal;
}
.btn-outline-primary {
border-width: 1.5px;
}
.btn-outline-primary:hover {
background-color: var(--blue);
border-color: var(--blue);
}
.div-btn a {
display: inline-block;
font-weight: 400;
color: var(--primary);
text-align: center;
text-transform: uppercase;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem 1.4rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 3rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.div-btn-primary a {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.div-btn-secondary a {
color: #fff;
background-color: var(--secondary);
border-color: var(--secondary);
}
.div-btn-primary a:hover {
background-color: var(--blue);
text-decoration: none;
color: white;
}
.div-btn-secondary a:hover {
background-color: var(--blue);
text-decoration: none;
color: white;
border-color: var(--blue);
}
.div-btn-border a {
color: #fff;
background-color: transparent;
border-color: white;
}
.div-btn-border a:hover {
background-color: white;
text-decoration: none;
color: var(--blue) !important;
}
/*.card {
overflow: hidden;
height: calc(100% - 2rem);
border-radius: 5px;
margin-bottom: 2rem;
}
.card .figure {
margin-bottom: 1rem;
}*/
.binary-img_seccion img,
.binary-foto_perfil img,
.binary-foto_marquesina img,
.binary-demo img,
.binary-img_articulo img {
border-radius: 5px;
}
.carousel .binary-foto_marquesina img {
border-radius: 0px;
}
/*.card .figure img {
border-radius: 0;
}*/
.fecha {
font-family: 'Work Sans';
font-size: .85rem;
margin-bottom: 8px;
color: #4b4b4b;
width: 100%;
}
/*.card .fecha {
padding: 0 1rem;
margin-bottom: 8px;
font-size: .85rem;
}
.card .titulo {
padding: 0 1rem 1rem 1rem;
}
.card a {
text-decoration: underline;
font-family: Montserrat;
font-weight: 500;
}*/
.title_underline_padre > .ntg-titulo-caja,
.convocatorias_container > .ntg-titulo-caja,
.title_underline {
position: relative;
padding: 0;
padding-bottom: 1.5rem;
font-weight: 600;
color: var(--primary);
text-align: center;
}
.title_underline a {
color: var(--primary);
}
.title_underline_padre > .ntg-titulo-caja a,
.convocatorias_container > .ntg-titulo-caja a {
color: var(--primary);
}
.articulo strong {
font-weight: 600;
}
.articulo {
max-width: 800px;
margin: auto;
}
.articulo h2 {
clear: both;
}
.articulo .resumen,
.articulo .abstract {
font-family: 'Work Sans';
font-size: 1.12rem;
line-height: 1.3;
margin: 1rem 0 2rem 0;
color: var(--primary);
}
.articulo .figure img {
margin-bottom: 30px;
}
.tramites_links .figure img {
margin-bottom: 0;
}
.articulo .figure a:last-child {
display: none;
}
.formulario {
padding: 30px;
}
@media only screen and (max-width: 767.98px) {
.formulario {
padding: 16px;
}
.more_news {
text-align: center !important;
}
}
.formulario fieldset > div {
padding-top: .5rem;
padding-bottom: .5rem;
}
.formulario .tituloencuesta {
position: relative;
padding: 0;
padding-bottom: 5px;
font-size: 2rem;
font-weight: 600;
color: var(--blue);
}
.formulario ul {
padding: 0;
}
.formulario label {
font-weight: 600;
padding-top: 25px;
color: var(--blue);
}
.formulario .form-control {
width: 100%;
height: auto;
margin-right: 8px;
margin-top: 3px;
}
.formulario input[type=text] {
background: #e5eefb;
border-bottom: 1.5px solid var(--blue);
border-radius: 5px 5px 0 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 35px;
padding: 0 16px;
}
.formulario input[type=checkbox],
.formulario input[type=radio] {
width: auto;
}
.formulario .form_text .alert-warning + input {
border-bottom: 1.5px solid #dc3545;
}
.formulario .form_select ul li {
display: flex;
align-items: baseline;
margin-bottom: 1rem;
position: relative;
padding-left: 23px;
padding-bottom: 8px;
color: var(--blue);
border-bottom: 1px solid #E6EFFD;
}
.formulario .form_button .btn-default {
display: block;
background-color: var(--primary);
color: #fff;
border-radius: 3rem;
margin: auto;
margin-top: 1rem;
padding: .375rem 1.4rem;
}
.formulario .form_button .btn-default:hover {
background-color: var(--blue);
border-color: var(--blue);
}
.formulario_ser > form {
width: 100%;
max-width: 800px;
margin: auto;
padding: 20px 0;
}
.formulario_ser .ntg-titulo-caja {
max-width: 1240px;
margin: auto;
padding: 20px 0px 5px 0px;
}
@media screen and (min-width: 1280px) {
.formulario_ser .ntg-titulo-caja {
max-width: 2000px;
margin: auto;
padding: 20px 0px 5px 0px;
width: 85%;
}
}
.formulario_ser a {
color: #fff;
font-size: 14px;
font-weight: 500;
text-decoration: underline;
}
.formulario_ser .form_button {
text-align: center;
}
.formulario_ser .form_button input {
display: inline-block;
font-weight: 400;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
padding: .375rem 1.4rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 3rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.formulario_ser .form_button input:hover {
background-color: var(--blue);
text-decoration: none;
color: white;
}
.formulario_ser .form_text input {
background: #e5eefb;
border: 1px solid #ced4da;
border-bottom: 1.5px solid var(--blue);
border-radius: 5px 5px 0 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
padding: 0 16px;
color: #495057;
height: 35px;
}
.formulario_ser .form_text .alert-warning + input {
border-bottom: 1.5px solid #dc3545;
}
.formulario_ser label {
width: 100%;
font-weight: 600;
color: var(--blue);
}
.formulario_ser div {
width: 100%;
display: inline-block;
margin-bottom: 18px;
}
.formulario_ser div.form_text {
width: 50%;
padding: 0px 20px 20px 0px;
margin: 0;
}
.formulario_ser #titulo_div_918 {
padding-bottom: 30px;
}
.formulario_ser #text_acepto_div_918 {
padding-top: 30px;
}
.formulario_ser .form_select ul li,
.formulario div[id^="Acepto_div"] {
width: 50%;
display: inline;
margin-right: 20px;
border: 0;
}
.formulario_ser .form_select ul {
padding: 0;
list-style: none;
}
div#Acepto_div_918 {
text-align: center;
}
@media only screen and (max-width: 767.98px) {
.formulario_ser div.form_text {
width: 100%;
}
.formulario_ser .form_select ul li {
width: 100%;
}
}
.formulario .form_captcha {
overflow: hidden;
}
#P009_Captcha_div_838 {
text-align: center;
}
.formulario .form_captcha > div > div {
margin: auto;
}
.gj-datepicker {
padding: 20px 0;
}
.tags {
font-size: 14px;
color: var(--secondary);
margin-bottom: 10px;
font-weight: 500;
}
.tags > span {
padding-right: 5px;
margin-right: 5px;
border-right: 1px solid var(--secondary);
}
.tags > span:last-of-type {
border-right: none;
}
/* LISTA NEWS */
.lista-news > .recuadro {
padding: 10px 0;
border-bottom: 2px solid rgba(157,190,255,.3);
margin: 0;
}
.lista-news > .recuadro > div > div:nth-of-type(3) {
color: var(--primary);
font-size: 14px;
margin-top: 4px;
font-weight: 500;
}
form .alert-warning {
background: transparent;
color: #dc3545;
font-size: .85rem;
padding: 0;
margin-bottom: 5px;
display: block;
width: 100%;
border: 0;
border-radius: 0;
}
/*************** TIPOGRAFIAS ***************/
.alianzas-link a {
text-decoration: underline;
}
.alianzas-link a:hover {
color: var(--secondary);
}
ol {
list-style-type: none;
list-style-position: outside;
margin-left: 0;
counter-reset: item;
margin-top: 20px;
margin-bottom: 20px;
}
ol > li {
color: #000;
padding-left: 0;
position: relative;
}
ol > li:before {
counter-increment: item;
content: counter(item) ".";
display: inline-block;
position: absolute;
left: -20px;
top: 3px;
color: var(--primary);
}
.dropdown-item {
font-weight: 100;
}
.dropdown-menu .active,
.dropdown-item:hover,
.dropdown-item:focus {
background-color: #cecece;
}
.div-titulo-secundario .ntg-titulo-caja,
.titulo-secundario {
position: relative;
font-family: 'Montserrat';
padding: 0;
padding-bottom: 5px;
color: var(--blue);
font-size: 1.5rem;
}
.div-titulo-secundario .ntg-titulo-caja a,
.titulo-secundario a {
color: var(--blue);
text-decoration: underline;
}
.div-titulo-secundario .ntg-titulo-caja a:hover,
.titulo-secundario a:hover {
color: var(--primary);
}
/************************************************************************************
HOME
*************************************************************************************/
.destacados-home a img {
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
border-radius: 5px;
box-shadow: 0 1px 3px 0 rgb(51 102 204 / 29%);
}
.destacados-home a img:hover {
-webkit-transform: scale(.95);
transform: scale(.95);
}
/*---------HEADER---------*/
#imgHeader {
position: relative;
}
#imgHeader:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--primary);
opacity: 0.7;
}
#imgHeader .recuadro:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
margin: auto;
height: 150px;
width: 400px;
background: red;
background: url(https://colombiatic.mintic.gov.co/679/channels-581_logo_footer_mintic.png);
background-repeat: no-repeat;
left: 38px;
background-position: center;
background-size: cover;
z-index: 2;
}
#imgHeader .recuadro:after {
content: "";
position: absolute;
left: 0;
top: 0;
background: var(--secondary);
width: 333px;
height: 100%;
}
#imgHeader .titulo {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
max-height: 65px;
max-width: 480px;
color: #fff;
font-size: 32px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
#imgHeader .recuadro:before {
display: block;
position: relative;
margin: auto;
left: 0px;
height: 100px;
width: auto;
background-size: contain;
background-position: center;
background-color: #fff;
}
#imgHeader .recuadro:after {
display: none;
}
#imgHeader .titulo {
font-size: 19px;
right: initial;
left: 0;
bottom: 0;
margin: 0;
top: auto;
padding: 10px;
max-width: 100%;
max-height: 100%;
width: 100%;
text-align: center;
}
}
header .recuadro img {
width: 100%;
}
.logo_menu_superior,
.menu_superior {
color: #fff;
}
.items_menu_superior, .buscador_menu_superior {
display: flex;
align-items: center;
}
.header-govco {
padding: 8px 0;
}
.header-govco img {
max-height: 20px;
}
@media only screen and (max-width: 767.98px) {
header .logo {
text-align: center;
}
}
@media screen and (min-width: 1px) and (max-width: 991.98px) {
.items_menu_superior > div {
width: 100%;
}
.busqueda_avanzada,
.header-govco {
margin: auto;
}
}
.items_menu_superior ul {
padding: 0;
list-style: none;
text-align: center;
margin: 0;
}
.items_menu_superior ul > li {
display: inline-block;
}
.items_menu_superior ul > li a {
color: #fff;
padding: 20px 15px;
display: inline-block;
position: relative;
font-size: 14px;
}
.items_menu_superior ul > li a:hover {
text-decoration: none;
}
.items_menu_superior ul > li a:hover:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 5px;
background: #f0cf37;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.items_menu_superior ul {
margin-bottom: 20px;
}
.items_menu_superior ul > li {
width: 100%;
text-align: center;
}
.items_menu_superior ul > li a {
color: #fff;
padding: 5px 15px;
}
}
#cuadro_busqueda {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center;
color: #fff;
background-size: 17px;
font-size: 0;
width: 30px;
height: 30px;
background-color: var(--primary);
border-radius: 50%;
position: absolute;
right: 4px;
top: 0;
bottom: 0;
margin: auto;
}
.busqueda_avanzada {
position: relative;
margin-left: auto;
width: 100%;
max-width: 350px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.busqueda_avanzada {
position: relative;
margin: auto;
margin-bottom: 20px;
}
}
.busqueda_avanzada #cuadro_busqueda_movil
/* .busqueda_avanzada #cuadro_busqueda */ {
position: absolute;
right: 2px;
top: 0;
bottom: 0;
white-space: pre;
width: 40px;
padding: 0;
color: transparent;
z-index: 2;
border: 0;
opacity: 0;
margin: 0;
}
#buscador_mintic {
padding: 6px 40px 6px 16px;
width: 100%;
border: 1px solid #C9C9C9;
border-radius: 8px;
}
.busqueda_avanzada #buscador_mintic_movil
/* .busqueda_avanzada #buscador_mintic */ {
border-radius: 20px;
border: 0;
padding: 5px 40px 5px 10px;
box-sizing: border-box;
font-size: 14px;
}
/*---------MENU---------*/
.main-navbar {
padding: 0;
background: #F6F8F9;
border-bottom: solid 2px var(--secondary);
}
.main-navbar .navbar-nav {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
}
.main-navbar .navbar-nav > li:not(:last-child) {
margin-right: 10px;
}
.main-navbar .navbar-nav > li > a {
padding: 1rem .5rem;
display: flex;
align-items: baseline;
position: relative;
font-size: 0.875rem;
line-height: 1.3;
height: 100%;
color: #434343;
}
.main-navbar .navbar-nav > li > a:visited {
color: var(--info);
}
.container-menu-micro .navbar-nav > li > a {
align-items: center;
}
.container-menu-micro .navbar-nav > li > a:visited,
.container-menu-micro .navbar-nav > li > a {
color: var(--blue);
}
.menu-micrositios li > a:hover,
.main-navbar .navbar-nav > li > a:hover {
background-color: #F2F2F2;
font-weight: 700;
text-decoration: underline;
}
.menu-micrositios li.active > a,
.main-navbar .navbar-nav > li > a.active {
color: white !important;
background-color: var(--primary) !important;
}
.main-navbar .navbar-nav > li > ul {
display: none;
list-style: none;
max-width: 280px;
min-width: 280px;
background: #F2F2F2;
border-bottom: solid 2px var(--secondary);
}
.main-navbar .navbar-nav > li > ul {
overflow-y: auto;
max-height: 80vh;
}
.main-navbar .navbar-nav li ul::-webkit-scrollbar {
width: 10px;
background-color: var(--primary);
border-radius: 5px;
}
.main-navbar .navbar-nav li ul::-webkit-scrollbar-track {
box-shadow: inset 0px 0px 6px rgba(0,0,0,.3);
background-color: #f5f5f5;
}
.main-navbar .navbar-nav li ul::-webkit-scrollbar-thumb {
background-color: var(--primary);
border-radius: 5px;
}
.main-navbar .navbar-nav > li:hover > ul,
.main-navbar .navbar-nav > li.access-gif > ul {
display: block;
position: absolute;
top: 100%;
z-index: 500;
padding: 0;
}
.main-navbar .navbar-nav > li > ul > li {
position: relative;
}
.main-navbar .navbar-nav > li > ul > li ul {
background: #ececec;
padding: 10px 0px 10px 20px;
list-style: none;
}
.main-navbar .navbar-nav > li ul li a {
color: #434343;
width: 100%;
display: inline-block;
padding: 6px;
text-transform: initial;
text-decoration: none;
font-size: 13px;
text-align: left;
}
.main-navbar .navbar-nav > li ul li a:visited {
color: var(--info);
}
.main-navbar .navbar-nav > li ul li.active a,
.main-navbar .navbar-nav > li ul li a:hover {
color: #fff;
background: var(--primary);
}
.main-navbar #atencion > a:after,
.main-navbar #ministerio > a:after,
.main-navbar #sala_prensa > a:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #434343;
margin-left: 5px;
vertical-align: middle;
}
.main-navbar #atencion > a.active:after,
.main-navbar #ministerio > a.active:after,
.main-navbar #sala_prensa > a.active:after {
border-top: 6px solid #fff;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.main-navbar .navbar-nav > li {
width: 100%;
}
.main-navbar .navbar-nav > li > a {
width: 100%;
padding: 10px 0;
font-size: 14px;
}
}
/*---------MENU STICKY---------*/
@media screen and (min-width: 769px) {
.main-navbar.sticky {
position: fixed;
/* max-width: 1366px; */
left: 0;
right: 0;
top: 0;
z-index: 500;
width: 100%;
margin: auto;
-webkit-animation: fixed-move-down .5s;
animation: fixed-move-down .5s;
}
.main-navbar.sticky .navbar-nav {
position: relative;
align-items: stretch;
}
.main-navbar.sticky .navbar-nav.menu-micrositios {
width: 95%;
}
.main-navbar.sticky > div > .navbar-nav:before {
content: "";
display: block;
height: 60px;
width: 200px;
background: url(https://css.mintic.gov.co/mt/mintic/new/img/logo-MinTIC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 1rem;
}
.main-navbar.sticky #tramites-sticky {
width: 25%;
float: left;
}
.main-navbar.sticky #tramites-sticky > ul {
padding: 0;
list-style: none;
}
.main-navbar.sticky #tramites-sticky > ul li {
float: left;
width: 50%;
text-align: center;
}
.main-navbar.sticky .navbar-nav > li ul li a {
font-size: 13px;
}
.main-navbar.sticky #tramites-sticky > ul li a {
color: #0056b3;
padding: 22px 10px;
display: inline-block;
position: relative;
font-size: 14px;
}
.main-navbar.sticky #tramites-sticky > ul li a:hover {
text-decoration: none;
}
.main-navbar.sticky #tramites-sticky > ul li a:hover:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background: #f0cf37;
}
.main-navbar #atencion > a:after, .main-navbar #ministerio > a:after, .main-navbar #sala_prensa > a:after {
margin-right: 5px;
}
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.main-navbar.sticky #tramites-sticky {
width: 100%;
}
.main-navbar.sticky #tramites-sticky > ul li {
width: 100%;
}
.main-navbar.sticky #tramites-sticky {
width: 100%;
display: none;
}
}
/*---------MENU PQRSD---------*/
.navbar-pqrsd .navbar-nav {
flex-direction: row;
justify-content: center;
text-align: center;
max-width: 800px;
margin: auto;
background-color: #e6effd;
border-radius: 5px;
box-shadow: 0 1px 3px 0 rgb(51 102 204 / 29%);
padding: 1rem;
}
.navbar-pqrsd .nav-item {
padding: 0 1rem;
position: relative;
display: flex;
align-items: center;
}
.navbar-pqrsd .nav-item:not(:last-child):after {
content: "";
display: block;
width: 1px;
background-color: #6c757d73;
position: absolute;
right: 0;
top: 3px;
bottom: 3px;
margin: auto;
}
.navbar-pqrsd .nav-link {
color: var(--primary);
font-weight: bold;
line-height: 1.3;
}
.navbar-pqrsd .nav-item.active .nav-link,
.navbar-pqrsd .nav-link:hover {
color: var(--secondary);
}
@media only screen and (max-width: 767.98px) {
.navbar-pqrsd .navbar-nav {
flex-direction: column;
text-align: left;
align-items: flex-start;
}
.navbar-pqrsd .nav-item:after {
display: none !important;
}
}
/*---------HOME IFRAME---------*/
.home_iframe .titulo {
color: var(--blue);
font-weight: 600;
margin-bottom: 20px;
}
.home_iframe .embed-responsive {
border-radius: 5px;
box-shadow: 0 1px 3px 0 rgb(51 102 204 / 29%);
}
.home_iframe .recuadro > div:nth-of-type(2) {
padding-top: 40px;
}
.home_iframe .recuadro .embed-responsive {
max-width: 800px;
margin: auto;
}
/*---------HOME NOTICIAS---------*/
.left_col_noticias .recuadro .figure,
#recuadros_articulo_11676 .recuadro .figure {
margin-bottom: 20px;
}
.left_col_noticias .recuadro .titulo a,
#recuadros_articulo_11676 .recuadro .titulo a {
text-decoration: underline;
}
#recuadros-youtube .recuadro,
.right_col_noticias .recuadro,
#recuadros_articulo_11870 > .recuadro {
padding-bottom: 2rem;
position: relative;
}
.left_col_noticias .recuadro > div:nth-of-type(3),
#recuadros_articulo_11676 .recuadro > div:nth-of-type(3),
#recuadros-youtube .recuadro > div > div:nth-of-type(3),
.right_col_noticias .recuadro > div > div:nth-of-type(3),
#recuadros_articulo_11870 > .recuadro > div > div:nth-of-type(3) {
color: var(--primary);
font-size: 0.875rem;
margin-top: 4px;
font-weight: 500;
}
.lista-news > .recuadro .titulo a,
.right_col_noticias .recuadro .titulo a,
#recuadros_articulo_11870 > .recuadro .titulo a,
#recuadros_articulo_11677 > .recuadro .titulo a {
display: inline-block;
font-family: Montserrat;
max-width: 100%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
font-weight: 500;
text-decoration: underline;
}
#recuadros-youtube .recuadro .titulo a {
display: inline-block;
font-family: Montserrat;
max-width: 100%;
font-weight: 500;
text-decoration: underline;
}
#recuadros-youtube .binary-recurso_1 {
padding: 0 15px;
margin-top: 8px;
}
#recuadros-youtube .binary-recurso_1 img {
display: none;
}
#recuadros-youtube .binary-recurso_1 a:first-child:after {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: contain;
width: 1.3rem;
height: 1.3rem;
vertical-align: text-top;
margin-right: 8px;
}
.btn-abrir-filtros {
background-color: var(--primary);
border: none;
color: #fff;
border-radius: 3rem;
max-width: 450px;
margin-bottom: 30px;
width: 100%;
box-shadow: none !important;
margin: auto;
display: inherit;
position: relative;
padding-right: 35px;
}
.btn-abrir-filtros:focus,
.btn-abrir-filtros:hover {
background-color: var(--blue);
color: #fff;
}
.btn-abrir-filtros span,
.btn-abrir-filtros span strong {
color: #fff;
font-size: 16px;
font-weight: 400;
}
.btn-abrir-filtros:before {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
right: 12px;
bottom: 0;
-webkit-transition: all .2s;
transition: all .2s;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
background-image: none;
margin: auto;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
top: -5px;
}
button[aria-expanded="true"].btn-abrir-filtros:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 5px;
}
.pvid-133234,
.pvid-133233 {
display: inline-block;
color: #fff;
padding: 2px 7px;
border-radius: 2rem;
font-size: .8rem;
margin: 5px 10px 5px 0;
}
.pvid-133234 {
background-color: #bdbdbd;
}
.pvid-133233 {
background-color: var(--success);
}
/*.card .pvid-133234,
.card .pvid-133233 {
margin-bottom: 1.2rem;
}*/
.convo .pvid-111099 {
display: block;
margin-right: 1rem;
font-size: .85rem;
color: #4b4b4b;
}
/*---------MIGA DE PAN---------*/
.miga_depan .section-container {
padding-top: 0;
padding-bottom: 0;
padding-left: 35px;
padding-right: 35px;
}
.miga_depan p {
margin: 0;
display: flex;
align-items: center;
color: transparent;
}
.miga_depan {
padding: 2rem 0;
}
.miga_depan a {
font-family: 'Montserrat';
color: var(--blue);
font-size: .875rem;
font-weight: 400;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
width: auto;
max-width: 250px;
}
.miga_depan a.current {
color: var(--primary);
font-weight: 600;
}
.miga_depan a:not(:last-child):after {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml,");
background-size: 1.4rem;
background-repeat: no-repeat;
width: 1.4rem;
height: 1.5rem;
vertical-align: middle;
}
/*---------ATENCIÓN---------*/
#recuadros_articulo_11675 .recuadro > div:nth-of-type(1) {
position: relative;
margin-bottom: 15px;
position: relative;
min-height: 50px;
}
#recuadros_articulo_11675 .recuadro > div:nth-of-type(1) .titulo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px;
font-weight: 700;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 1.2;
box-sizing: border-box;
}
#recuadros_articulo_11675 .recuadro > div:nth-of-type(1) img,
#recuadros_articulo_11675 .recuadro > div:nth-of-type(1) h5 {
width: 100% !important;
}
#i__MT_pa_atencion_publico_1 {
max-width: 800px;
margin: auto;
}
#i__MT_pa_atencion_publico_1 ul {
padding: 0;
}
#i__MT_pa_atencion_publico_1 ul li {
display: inline-block;
width: 50%;
padding-right: 20px;
box-sizing: border-box;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
#i__MT_pa_atencion_publico_1 ul li {
display: inline-block;
width: 100%;
}
}
#i__MT_pa_atencion_publico_1 ul li a {
padding: 20px;
border-bottom: 2px solid rgba(157,190,255,.3);
display: inline-block;
width: 100%;
}
#recuadros_articulo_11864 {
padding: 50px 0;
}
#recuadros_articulo_11864 img {
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
#recuadros_articulo_11864 img:nth-child(3) {
width: 49%;
display: inline-block;
margin-right: 1%;
}
#recuadros_articulo_11864 img:nth-child(4) {
width: 49%;
display: inline-block;
margin-left: 1%;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
#recuadros_articulo_11864 img:nth-of-type(3),
#recuadros_articulo_11864 img:nth-of-type(4) {
width: 50%;
display: inline-block;
}
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #4B4B4B;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #BABABA;
border-radius: 5px !important;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:hover {
box-shadow: 0 0 3px #004884;
}
/* #limpiarFiltros {
color: #fff;
background-color: #5d90cc;
border-color: #5d90cc;
font-weight: 100;
border-radius: 0;
} */
#filtroBuscar {
color: #fff;
background-color: var(--secondary);
border-color: var(--secondary);
font-weight: 100;
border-radius: 0;
}
.filtros-desplegados .gj-datepicker-bootstrap [role=right-icon] button:hover,
.filtros-desplegados .gj-datepicker-bootstrap [role=right-icon] button {
background: var(--secondary);
height: 38px;
color: #fff;
border: 1px solid var(--secondary) !important;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
padding: 0 22px;
}
.link-historico {
padding-top: 30px;
}
.link-historico a {
color: #fff;
text-decoration: overline;
}
.link-historico a:hover {
color: var(--secondary);
}
.link-historico:before {
content: "";
display: block;
background-image: url("../../../SiteCollectionImages/Content/channels-616_icon_noticias.svg");
width: 50px;
height: 50px;
margin: auto;
margin-bottom: 8px;
}
/*---------INICIATIVAS---------*/
.btns_iniciativas {
padding: 30px 0px;
}
.btns_iniciativas a {
background: var(--blue);
color: #fff;
display: inline-block;
width: 100%;
text-align: center;
text-transform: uppercase;
font-weight: 600;
border-radius: 50rem;
margin: 1rem 0;
}
.btns_iniciativas a img {
width: 50px;
}
.btns_iniciativas .links-iniciativa:nth-child(odd) a {
background: var(--primary);
}
.btns_iniciativas a:hover {
background: var(--info) !important;
color: #fff;
}
/*---------CONVOCATORIAS---------*/
#recuadros_articulo_11682 .recuadro .fecha,
#recuadros_articulo_11682 .recuadro .titulo {
padding: 0px 20px;
line-height: 1.2;
}
#recuadros_articulo_11682 .recuadro .titulo a {
color: #000;
font-size: 16px;
}
#recuadros_articulo_11682 .recuadro .fecha {
color: var(--secondary);
font-size: 14px;
margin-bottom: 8px;
}
#recuadros_articulo_11682 .recuadro:hover .fecha,
#recuadros_articulo_11682 .recuadro:hover .titulo a {
color: #fff;
}
#recuadros_articulo_11682 .recuadro {
position: relative;
padding-bottom: 10px;
}
#recuadros_articulo_11682 .recuadro .figure {
margin-bottom: 10px;
}
#recuadros_articulo_11682 .recuadro:before {
content: "";
background: #FFF;
position: absolute;
left: 15px;
right: 15px;
top: 0;
display: block;
height: 100%;
z-index: -1;
}
#recuadros_articulo_11682 .recuadro:hover:before {
content: "";
background: var(--primary);
position: absolute;
left: 15px;
right: 15px;
top: 0;
display: block;
height: 100%;
z-index: -1;
}
.more_convoca {
padding: 15px;
margin-top: 20px;
border-top: 2px solid rgba(157,190,255,.3);
}
.more_convoca a {
color: var(--secondary);
}
.more_convoca a:before {
content: "";
display: inline-block;
height: 15px;
width: 15px;
background: url("../../../SiteCollectionImages/Content/channels-616_plus_icon.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: 5px;
}
.btns_transparencia > .recuadro,
.recuadro-publicos {
float: left;
width: 100%;
}
.btns_transparencia > .recuadro img {
width: 100%;
}
.btns_transparencia .btn-info {
display: block;
margin: auto;
margin-top: 3rem;
color: var(--primary);
border-color: var(--primary);
background-color: transparent;
padding: .375rem 1.4rem;
}
.btns_transparencia .btn-info:hover {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.recuadro-publicos .recuadro {
width: 20%;
float: left;
background: var(--blue);
text-align: center;
text-transform: uppercase;
padding: 10px 0;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.recuadro-publicos .recuadro {
width: 100%;
}
}
.recuadro-publicos .recuadro:nth-child(odd) {
background: var(--primary);
}
.recuadro-publicos .recuadro:hover {
background: var(--info);
}
.recuadro-publicos .recuadro img {
width: 50px;
}
.recuadro-publicos .recuadro .titulo a {
color: #fff;
font-weight: 600;
}
/*---------PROGRAMA TV---------*/
#programa_tv {
padding: 80px 20px;
}
#programa_tv.title_underline_padre .ntg-titulo-caja {
color: #fff;
word-break: break-all;
}
@media screen and (min-width: 1280px) {
#programa_tv {
padding: 30px 20px;
}
}
.bg-tv {
background: url("../../../SiteCollectionImages/Content/channels-616_bg_tv.png");
background-repeat: no-repeat;
background-size: cover;
background-position: initial;
padding: 0;
max-width: initial;
float: left;
width: 100%;
background-color: var(--blue);
}
#programa_tv .titulo, #programa_tv .abstract {
color: #FEB329;
}
#programa_tv .abstract {
line-height: 1.2;
font-weight: 400;
color: #FEB329;
}
#programa_tv .titulo {
font-size: 1.5rem;
font-weight: 600;
margin: 15% 0 10px 0;
line-height: 1.2;
}
/*---------CONVOCATORIAS---------*/
.btns_transparencia {
clear: both;
}
.has-parallax {
background: #1d5785;
}
/*---------FOOTER---------*/
footer .bg-secondary {
border-top: 100px solid white;
margin-top: 3rem;
}
footer .card {
margin-top: -100px;
}
footer .small p {
margin-bottom: .5rem;
}
footer a {
text-decoration: underline;
color: var(--blue);
}
footer .card a {
font-family: "Work Sans",Montserrat,sans-serif;
}
footer .bg-primary ul {
color: #fff;
}
@media only screen and (max-width: 991.98px) {
footer .list-group-horizontal {
flex-direction: column;
}
footer .list-group-horizontal .pl-0 {
padding-left: 1.25rem !important;
}
}
.menu_inferior {
max-width: 1240px;
margin: 28px auto;
background: #fff;
padding: 20px;
box-sizing: border-box;
overflow: hidden;
}
#enlaces_gobierno {
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#selects {
float: left;
width: 20%;
}
.menu_inferior #enlaces_gobierno ul {
width: 18%;
float: left;
padding: 0 10px;
list-style: none;
font-size: 14px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.menu_inferior #enlaces_gobierno ul {
width: 50%;
padding: 0 0px;
}
}
.menu_inferior #enlaces_gobierno .logo_gobierno {
width: 28%;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 20px;
box-sizing: border-box;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.menu_inferior #enlaces_gobierno .logo_gobierno {
width: 100%;
padding: 20px;
}
.menu_inferior #enlaces_gobierno .logo_gobierno img {
max-width: 250px;
}
}
#redes > .row > div {
padding: 5px;
}
.menu_inferior .title {
font-size: 15px;
color: dimgrey;
}
.menu_inferior li a {
color: #000;
}
.ul_ministerios li a:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: var(--primary);
margin-right: 5px;
}
#selects ul {
list-style: none;
padding: 0;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
#logo_mcolombia {
text-align: center;
}
#logo_mcolombia img {
width: 100%;
max-width: 60px;
margin: auto;
}
}
/*COLUMNA1*/
.ul_ministerios.columna1 li.item1 a:before {
background: #c5131d;
}
.ul_ministerios.columna1 li.item2 a:before {
background: #9b087b;
}
.ul_ministerios.columna1 li.item3 a:before {
background: #2b449c;
}
.ul_ministerios.columna1 li.item4 a:before {
background: #077ec3;
}
.ul_ministerios.columna1 li.item5 a:before {
background: #00a548;
}
.ul_ministerios.columna1 li.item6 a:before {
background: #3c208a;
}
/*COLUMNA2*/
.ul_ministerios.columna2 li.item1 a:before {
background: #881b02;
}
.ul_ministerios.columna2 li.item2 a:before {
background: #bfac00;
}
.ul_ministerios.columna2 li.item3 a:before {
background: #3d9132;
}
.ul_ministerios.columna2 li.item4 a:before {
background: #781d7d;
}
.ul_ministerios.columna2 li.item5 a:before {
background: #8f208b;
}
.ul_ministerios.columna2 li.item6 a:before {
background: #63ae33;
}
/*COLUMNA3*/
.ul_ministerios.columna3 li.item1 a:before {
background: #a0cf66;
}
.ul_ministerios.columna3 li.item2 a:before {
background: #d06f1a;
}
.ul_ministerios.columna3 li.item3 a:before {
background: #b1850a;
}
.ul_ministerios.columna3 li.item4 a:before {
background: #333092;
}
.ul_ministerios.columna3 li.item5 a:before {
background: #00a8cb;
}
.ul_ministerios.columna3 li.item6 a:before {
background: #c4101a;
}
/*---------ACERCA DE---------*/
#recuadros_articulo_11762 .recuadro,
#recuadros_articulo_11761 .recuadro,
#recuadros_articulo_11760 .recuadro {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
}
#recuadros_articulo_11762 .recuadro .titulo,
#recuadros_articulo_11761 .recuadro .titulo,
#recuadros_articulo_11760 .recuadro .titulo,
#recuadros_articulo_11761 .recuadro .titulo a,
#recuadros_articulo_11760 .recuadro .titulo a {
font-weight: 600;
font-size: 18px;
margin-bottom: 15px;
color: var(--secondary);
display: inline-block;
}
#recuadros_articulo_11761 .recuadro .titulo a,
#recuadros_articulo_11760 .recuadro .titulo a {
text-decoration: underline;
}
#recuadros_articulo_11761 .recuadro .titulo a:hover,
#recuadros_articulo_11760 .recuadro .titulo a:hover {
text-decoration: none;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
#recuadros_articulo_11761 .recuadro > div:nth-child(1) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#recuadros_articulo_11761 .recuadro .titulo a,
#recuadros_articulo_11760 .recuadro .titulo a {
margin-top: 20px;
}
}
.bajardoc-cc .bajardoc {
border-bottom: none;
padding: 0;
}
.bajardoc-cc .recuadro {
width: 100%;
}
.bajardoc-cc ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
width: 100%;
}
.bajardoc-cc ul li {
position: relative;
min-height: 100px;
padding: 10px;
padding-left: 80px;
margin-bottom: 20px;
line-height: 1.2;
list-style: none;
width: 100%;
}
.bajardoc-cc ul li:before {
display: none !important;
}
.bajardoc-cc ul li a:before {
content: "";
display: block;
position: absolute;
width: 70px;
height: 70px;
background-image: url("data:image/svg+xml,");
background-position: center;
background-repeat: no-repeat;
background-size: 70px;
left: 0;
top: 8px;
}
.bajardoc-cc ul li:after {
content: "";
display: block;
border-bottom: 1px solid #E7E7E7;
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
}
.bajardoc-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 70px auto;
grid-template-columns: 70px auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
padding: 28.8px 0;
padding: 1.8rem 0;
width: 100%;
}
.bajardoc-grid:not(:last-child) {
border-bottom: 1px solid #E7E7E7;
}
.bajardoc-grid a:first-child {
grid-column: 1 / 2;
grid-row: 1 / 4;
}
.bajardoc-grid a:nth-child(2) {
grid-column: 2 / 3;
grid-row: 1 / 2;
-ms-flex-item-align: end;
align-self: flex-end;
}
.bajardoc-grid .fecha {
grid-column: 2 / 3;
grid-row: 2 / 3;
-ms-flex-item-align: start;
align-self: flex-start;
}
.bajardoc-grid .bajardoc.title,
.bajardoc-grid .caption {
grid-column: 2 / 3;
border-bottom: 0 !important;
}
#modelo_planeacion .bajardoc-grid .aid-125145,
#modelo_planeacion .bajardoc-grid .aid-125145 + .fecha,
#modelo_planeacion .bajardoc-grid .aid-125147,
#modelo_planeacion .bajardoc-grid .aid-125147 + .fecha,
#modelo_planeacion .bajardoc-grid .aid-125148,
#modelo_planeacion .bajardoc-grid .aid-125148 + .fecha,
#modelo_planeacion .bajardoc-grid .aid-125151,
#modelo_planeacion .bajardoc-grid .aid-125151 + .fecha,
#modelo_planeacion .bajardoc-grid .aid-125150,
#modelo_planeacion .bajardoc-grid .aid-125150 + .fecha {
grid-column: 1 / 3;
}
.bajardoc, .item_descarga {
display: flex;
width: 100%;
padding-bottom: 30px;
margin: 30px 0;
border-bottom: 1px solid #E7E7E7;
}
.title.bajardoc {
padding: 1rem 0 0 0;
margin: 0;
border-bottom: 0;
}
.title.bajardoc + .fecha {
border-bottom: 1px solid #E7E7E7;
padding-bottom: 1rem;
}
.title.bajardoc.aid-125143 + .fecha,
.title.bajardoc.aid-125144 + .fecha {
border-bottom: none;
}
.bajardoc a:first-child {
display: block;
}
.bajardoc img, .item_descarga img {
width: 70px;
height: auto;
margin-right: 30px;
}
.bajardoc .caption, .item_descarga .caption {
font-size: 14px;
margin-top: 5px;
color: #484848;
}
.tabs-capacitate .bajardoc-grid {
width: 50%;
float: left;
align-items: center;
border-bottom: 1px solid #E7E7E7;
padding-left: 15px;
padding-right: 15px;
min-height: 160px;
}
.tabs-capacitate .bajardoc-grid a:nth-child(2) {
grid-row: 2 / 3;
}
.tabs-capacitate .bajardoc-grid div:nth-child(3) {
grid-row: 3 / 4;
background-color: #e5eefb;
justify-self: flex-start;
padding: 2px 10px;
border-radius: 5rem;
font-size: .875rem;
color: var(--blue);
}
@media only screen and (max-width: 767.98px) {
.tabs-capacitate .bajardoc-grid {
width: 100%;
}
}
/*---------ART NOTICIAS left and right column---------*/
.left-column-art {
padding-top: 40px;
padding-bottom: 40px;
box-sizing: border-box;
float: left;
}
.right-column-art {
padding-top: 40px;
padding-bottom: 40px;
box-sizing: border-box;
float: left;
}
.left-column-art .figure .caption {
background: #dedede;
padding: 20px;
width: 100% !important;
text-align: left;
}
.left-column-art .figure {
text-align: center;
}
.left-column-art .figure > img {
/* width: 100%; */
margin: auto;
height: auto;
}
.left-column-art .figure .caption {
background: #dedede;
padding: 10px;
width: 100% !important;
}
/*---------DESPACHO DE LA MINISTRA---------*/
#recuadros_articulo_11764 .recuadro {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.right-column-art .ntg-titulo-caja,
.left-column-art .recuadro > h2 {
position: relative;
padding: 0;
padding-bottom: 5px;
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 1rem;
}
.right-column-art .ntg-titulo-caja a,
.left-column-art .recuadro > h2 a {
color: #000;
}
.right-column-art .figure {
float: left;
width: 50% !important;
padding-right: 10px;
box-sizing: border-box;
}
.right-column-art .figure img {
width: 100%;
height: auto;
}
.left-column-art .recuadro p strong {
font-weight: 400;
color: gray;
}
.left-column-art .recuadro p:nth-of-type(1) strong {
color: #000;
font-weight: 600;
}
/*esto toca borrarlo y q juli coloque la fecha*/
.right-column-art .abstract {
display: none;
}
.right-column-art .titulo {
line-height: 1.4;
width: 50%;
float: right;
}
.right-column-art .titulo a {
font-family: 'Montserrat';
position: relative;
display: inline-block;
max-width: 100%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
font-weight: 500;
text-decoration: underline;
}
.right-column-art div > .recuadro:nth-of-type(1) .grupo {
float: left;
padding: 10px 0;
width: 100%;
}
.right-column-art div > .recuadro:nth-of-type(1) .titulo {
background: transparent;
color: #fff;
clear: both;
box-sizing: border-box;
width: 100%;
}
.right-column-art div > .recuadro:nth-of-type(1) .figure {
float: initial;
width: 100% !important;
padding-right: 00px;
}
.right-column-art div > .recuadro {
margin-bottom: 20px;
float: left;
padding-bottom: 1rem;
}
.left-column-art ul li br, .articulo ul li br {
display: none;
}
.left-column-art p {
width: 100%;
clear: both;
}
/*---------ART NOTICIAS---------*/
.left-column-art ul li,
.articulo ul li {
list-style: none;
position: relative;
margin-bottom: 1rem;
}
.btn_tramites_glosario a:before,
.btn_preguntas_frec .titulo a:before,
.accordion-eidox ul li:before,
.faq ul li:before,
.tabs_mig ul li:before,
.left-column-art ul li:before,
.articulo ul li:before {
content: "";
display: block;
position: absolute;
left: -20px;
top: 7px;
bottom: auto;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid var(--blue);
}
.formulario ul li:before {
display: none;
}
.articulo a,
.rendicion_cuentas .recuadro p a {
display: inline-block;
text-decoration: underline;
}
.div-btn a {
text-decoration: none;
}
.accordion-eidox .ui-accordion-content a {
display: inline;
}
.ui-accordion table.table {
overflow-x: auto;
width: 100%;
display: block;
}
.ui-accordion table.table p {
font-size: 0.875rem;
}
.logo-art img {
width: 100%;
max-width: 150px;
}
.logo-art a:nth-child(2) {
display: none;
}
.logo-art {
float: left;
padding-right: 20px;
margin-bottom: 20px;
text-align: center;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.logo-art {
width: 100%;
padding-right: 00px;
}
}
.rendicion_cuentas .recuadro > .titulo {
position: relative;
font-family: 'Montserrat';
padding: 0;
padding-bottom: 5px;
color: var(--blue);
font-size: 1.5rem;
}
.articulo .figure {
text-align: center;
clear: both;
}
.articulo .figure > img {
width: auto;
margin-bottom: 20px;
}
.articulo .figure > a:nth-of-type(2) {
display: none;
}
.binary-Banner_notificaciones_Mintic,
.binary-Banner_notificaciones_Fontic,
.binary-Banner_Cobro,
.binary-Banner_notificaciones_Radicados,
.articulo .recuadro .binary-boton_buscar,
.articulo .recuadro .binary-boton_registrar {
width: auto !important;
}
.art_compartir_redes {
background: #F6F8F9;
padding: 10px;
text-align: right;
max-width: 800px;
margin: auto;
clear: both;
}
.art_compartir_redes.section-container {
max-width: 1010px;
width: 100%;
}
.art_compartir_redes a {
text-decoration: none;
}
.art_compartir_redes a img {
max-width: 40px;
}
.art_compartir_redes:before {
content: "Comparte";
display: inline-block;
text-align: left;
padding: 8px;
}
.articulo .table h3 {
font-size: 18px;
}
.flotar_izquierda a:nth-child(3),
.flotar_derecha a:nth-child(3) {
display: none;
}
.flotar_izquierda {
float: left !important;
width: auto !important;
}
.flotar_derecha {
float: right !important;
width: auto !important;
}
.flotar_izquierda img,
.flotar_derecha img {
padding: 1rem;
}
@media only screen and (max-width: 767.98px) {
.flotar_izquierda {
float: none !important;
width: 100% !important;
}
.flotar_derecha {
float: none !important;
width: 100% !important;
}
}
table.table {
border: 0;
background-color: transparent;
margin: 2rem 0;
}
table.table thead {
background-color: var(--blue);
border: 0px;
color: white;
}
table.table thead a,
table.table thead h1,
table.table thead h2,
table.table thead h3,
table.table thead h4 {
color: white;
}
table.table td,
table.table tbody tr,
#agenda_portadilla tbody tr {
padding: .75rem;
vertical-align: top;
border: none;
border-top: 1px solid #dee2e6;
background-color: transparent;
color: #4b4b4b;
}
table.table thead + tbody tr td {
color: #4b4b4b;
}
table.table th {
border: none;
}
table.table a {
min-width: 200px;
}
.tramites_links + .articulo > .recuadro .flotar_izquierda {
display: none;
border-bottom: 1px dotted #333;
padding-top: 10px;
padding-bottom: 5px;
margin-bottom: 5px;
}
.tramites_links + .articulo > .recuadro .flotar_izquierda + h2 {
display: inline-block;
width: 100%;
}
.tramites_links + .articulo ol > li {
background-color: #f8f9fa;
padding: 15px;
}
.tramites_links + .articulo ol > li:before {
font-size: 1.6rem;
font-weight: 700;
left: -30px;
}
.articulo ol li {
margin-bottom: 20px;
}
.articulo iframe {
width: 100%;
height: 37vw;
}
#Adjunto_div_1182 iframe {
height: 260px;
}
.pqr_form_register iframe {
height: 1377px;
}
@media (max-width: 767.98px) {
.pqr_form_register iframe {
height: 1500px;
}
}
@media (max-width: 575.98px) {
.pqr_form_register iframe {
height: 1600px;
}
.pqr_form_find iframe {
height: 400px;
}
}
@media (max-width: 400px) {
.pqr_form_register iframe {
height: 1800px;
}
}
/*---------INICIATIVAS---------*/
#recuadros_articulo_11782,
#recuadros_articulo_11774 {
max-width: 1240px;
margin: auto;
padding: 20px;
}
@media screen and (min-width: 1280px) {
#recuadros_articulo_11782,
#recuadros_articulo_11774 {
max-width: 2000px;
margin: auto;
padding: 20px;
width: 85%;
}
}
.recuadro-iniciativas .prev,
.recuadro-iniciativas .next,
.recuadro-iniciativas .ant,
.recuadro-iniciativas .sig,
.recuadro-iniciativas .controls,
.recuadro-iniciativas .boton {
display: none;
}
.paginador-primary .prev,
.paginador-primary .next,
.paginador-primary .ant,
.paginador-primary .sig,
.paginador-primary .controls,
.paginador-primary .boton {
display: none;
}
.paginador-primary .titulo {
font-family: 'Montserrat';
display: block;
width: 100%;
margin-top: 1.5rem;
}
.paginador-primary .recuadro {
border-bottom: 2px solid rgba(157,190,255,.3);
padding-bottom: 1.5rem;
}
.formulario select,
#filtrosRecursos select {
background: #fff;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: 98%;
background-size: 12px;
}
#filtrosRecursos .text-right {
align-items: center;
display: flex;
justify-content: flex-end;
}
#filtrosRecursos label {
margin: 0;
}
#filtrosRecursos {
background: white;
padding: 10px;
margin-bottom: 20px;
border-radius: 5px;
border: 1px solid rgba(0,0,0,.125);
}
#filtrosRecursos,
.recuadro-iniciativas {
margin-right: auto;
margin-left: auto;
}
.recuadro-iniciativas .ntg_paginador > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.recuadro-iniciativas .ntg-titulo-caja {
width: 100%;
}
.recuadro-iniciativas .ntg-titulo-caja {
padding-top: 3rem;
text-align: left;
padding: 0 15px;
padding-bottom: 5px;
font-size: 1.5rem;
font-weight: 500;
}
@media only screen and (max-width: 991.98px) {
.recuadro-iniciativas .recuadro {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width: 767.98px) {
.recuadro-iniciativas .recuadro {
flex: 0 0 100%;
max-width: 100%;
}
}
/*---------COLS SERVICIOS Y TRAMITES---------*/
.tramites_links .recuadro > .figure .titulo,
.left_col_serv > div > .recuadro > .figure .titulo {
font-size: 13px;
text-align: center;
margin: auto;
width: 100% !important;
padding: 3px;
word-break: break-word;
font-weight: 600;
margin-bottom: 10px;
color: #525252;
}
.tramites_links .recuadro,
.left_col_serv > div > .recuadro {
clear: both;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tramites_links .recuadro > .figure,
.left_col_serv > div > .recuadro > .figure {
float: left;
width: 20% !important;
text-align: center;
}
.tramites_links .recuadro > .figure a, .left_col_serv > div > .recuadro > .figure a {
width: 100%;
display: inline-block;
font-size: 13px;
text-align: center;
margin: auto;
width: 100% !important;
padding: 3px;
word-break: break-word;
font-weight: 600;
margin-bottom: 10px;
color: #525252;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.tramites_links .recuadro > .figure,
.left_col_serv > div > .recuadro > .figure {
float: left;
width: 50% !important;
text-align: center;
}
}
.left_col_serv > div > .recuadro > .abstract {
font-size: 16px;
margin-bottom: 20px;
font-weight: 400;
}
.left_col_serv > div > .recuadro > .titulo {
position: relative;
padding: 0;
padding-bottom: 5px;
font-size: 18px;
font-weight: 500;
}
.left_col_serv > .recuadro-iniciativas > .recuadro > .titulo {
position: absolute;
}
.left_col_serv > div > .recuadro > .titulo a {
text-decoration: underline;
}
.left_col_serv > .recuadro-iniciativas > .recuadro > .titulo a {
font-size: 1rem;
line-height: 1.3;
}
.left_col_serv > div > .recuadro > .titulo a:hover {
text-decoration: none;
}
.right_col_serv ul li {
list-style: none;
position: relative;
}
.right_col_serv ul {
list-style: none;
position: relative;
padding: 0;
background: #e8e8e8;
list-style: none;
}
.right_col_serv ul li {
padding: 3px 10px;
list-style: none;
}
.right_col_serv ul li a {
color: #000;
font-size: 14px;
}
.right_col_serv ul li:hover,
.right_col_serv ul li.current.active {
background: var(--primary);
}
.right_col_serv ul li:hover a,
.right_col_serv ul li.current.active a {
color: #fff;
}
.right_col_serv > a > img.img-fluid {
width: 100%;
max-width: 250px;
margin: auto;
display: block;
}
@media only screen and (min-width:768px) {
.art-servicios {
padding-left: 15px;
padding-right: 15px;
}
}
.art-servicios > .recuadro {
border-bottom: 2px solid rgba(157,190,255,.3);
padding-bottom: 1.5rem;
margin-bottom: 2rem;
}
.art-servicios > .recuadro > .titulo {
font-size: 1.25rem !important;
}
.art-servicios > .recuadro > .abstract {
font-family: 'Work Sans';
font-size: 1rem !important;
line-height: 1.3;
}
.btn_tramites_glosario a img {
max-width: 25px;
}
.btn_tramites_glosario a div {
display: inline-block;
text-decoration: underline;
}
.btn_tramites_glosario a,
.btn_preguntas_frec .titulo a {
margin: 5px 0;
display: inline-block;
text-decoration: underline;
position: relative;
padding-left: 25px;
}
.btn_tramites_glosario a:before,
.btn_preguntas_frec .titulo a:before {
left: 0;
}
/*---------FAQ Y GLOSARIO---------*/
.ui-accordion .ui-accordion-header,
.accordion-eidox .recuadro > .ui-accordion-header,
.tabs_mig > .ui-accordion-header,
.faq > .ui-accordion-header {
padding: 1rem 2.5rem 1rem 1rem;
display: inline-block;
box-sizing: border-box;
background: #fff;
width: 100%;
font-size: 16px;
font-weight: 500;
position: relative;
border-bottom: 2px solid rgba(157,190,255,.3);
cursor: pointer;
margin: 0;
}
.ui-accordion .ui-accordion-header-active,
.accordion-eidox .recuadro > .ui-accordion-header-active,
.faq > .ui-accordion-header-active,
.tabs_mig > .ui-accordion-header-active {
background-color: var(--blue);
color: #fff;
}
.ui-accordion .ui-accordion-header:before,
.accordion-eidox .recuadro > .ui-accordion-header:before,
.faq > .ui-accordion-header:before,
.tabs_mig > .ui-accordion-header:before {
content: "+";
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
width: 20px;
height: auto;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
line-height: 1;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active:before,
.accordion-eidox .recuadro > .ui-accordion-header.ui-accordion-header-active:before,
.faq > .ui-accordion-header.ui-accordion-header-active:before,
.tabs_mig > .ui-accordion-header.ui-accordion-header-active:before {
content: "";
width: 14px;
height: 3px;
background-color: #fff;
right: 13px;
}
.ui-accordion .ui-accordion-content,
.accordion-eidox .recuadro > .ui-accordion-content,
.faq > .ui-accordion-content,
.tabs_mig > .ui-accordion-content {
padding: 20px;
clear: both;
margin-bottom: 20px;
background: #e5eefb;
}
.ui-accordion .ui-accordion-content h4,
.accordion-eidox .recuadro > .ui-accordion-content h4,
.faq > .ui-accordion-content h4,
.tabs_mig > .ui-accordion-content h4 {
font-size: 1rem;
margin-top: 1.5rem;
}
.ui-accordion .ui-accordion-content .figure,
.accordion-eidox .recuadro > .ui-accordion-content .figure,
.faq > .ui-accordion-content .figure,
.tabs_mig > .ui-accordion-content .figure {
text-align: center;
}
.ui-accordion .ui-accordion-header > span img {
margin-right: 10px;
}
.ui-accordion ul li,
.accordion-eidox ul li,
.faq ul li,
.tabs_mig ul li {
list-style: none;
position: relative;
margin-bottom: 12px;
}
.ui-accordion ol,
.accordion-eidox ol,
.tabs_mig ol,
.faq ol {
list-style-type: none;
list-style-position: outside;
margin-left: 0;
counter-reset: item;
margin-top: 20px;
margin-bottom: 20px;
}
.ui-accordion ol li,
.accordion-eidox ol li,
.tabs_mig ol li,
.faq ol li {
padding-left: 0;
position: relative;
}
.ui-accordion ol li:before,
.accordion-eidox ol li:before,
.tabs_mig ol li:before,
.faq ol li:before {
content: counter(item,decimal) ".";
counter-increment: item;
display: inline-block;
position: absolute;
left: -20px;
top: 3px;
color: var(--primary);
}
#glosario_terminos input {
border-radius: 20px;
border: 2px solid #a0a0a0;
width: 100%;
padding: 5px 12px;
max-width: 300px;
margin: auto;
display: block;
color: #5d5d5d;
outline: none !important;
}
#glosario_terminos,
.glosario {
max-width: 800px;
margin: auto;
}
.glosario .tab-content .tab-pane .titulo-caja {
font-size: 1.25rem;
}
.glosario .tab-content .tab-pane p {
margin-bottom: 2rem;
}
.nav-tabs,
.tabs-cc ul,
.glosario .nav-tabs {
padding: 0;
margin: 0 0 20px 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.nav-tabs li a,
.tabs-cc ul li a,
.glosario .nav-tabs li a {
padding: 4px 8px;
border: 1px solid rgba(183,183,183,.25);
color: var(--blue);
font-weight: 700;
border-radius: 5px 5px 0px 0px;
display: block;
background-color: #e5eefb;
}
.glosario .nav-tabs li a {
font-size: .85rem;
}
.nav-tabs li a.active,
.tabs-cc ul li.active a,
.glosario .nav-tabs li a.active {
background: white;
color: var(--blue);
font-weight: 700;
border-bottom: none;
}
.nav-tabs {
border-bottom: none;
}
.tab-content p {
word-break: break-word;
}
.nav-tabs .nav-link:hover {
border-color: #e6effd;
}
.pagination {
justify-content: center;
margin-top: 2rem;
}
.pagination a {
padding: .5rem 1rem;
border-radius: 6px;
font-weight: 600;
}
.pagination a:hover {
background-color: #e5eefb;
text-decoration: none;
}
.pagination .current a {
color: #fff;
background-color: var(--info);
}
ul.pagination li:before {
display: none;
}
.dataTables_wrapper {
border: 2px solid #E5EEFB;
border-radius: 5px;
margin: 2rem 0;
font-size: 0.875rem;
}
.dataTables_wrapper .row:first-child,
.dataTables_wrapper .row:last-child {
padding: 1rem;
}
.dataTables_paginate .page-link {
border: 0;
}
.dataTables_paginate .page-item.previous a,
.dataTables_paginate .page-item.next a {
font-weight: normal;
text-decoration: underline;
}
.dataTables_wrapper caption,
.dataTables_wrapper table.table tbody tr,
.dataTables_wrapper table.table td {
border-top: 2px solid #E5EEFB;
}
.dataTables_wrapper caption {
text-align: center;
font-size: 0.875rem;
}
.dataTables_wrapper table.dataTable thead .sorting:after {
right: 0.3em;
}
div.dataTables_wrapper div.dataTables_info {
text-align: center;
margin-bottom: 1rem;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content: center !important;
}
/*---------GRIDS MINISTERIO, SERV TRAMITES, INICIATIVAS---------*/
#i__MT_pa_recuadros_tramites_1 .recuadro, .recuadro-iniciativas .recuadro, #i__MT_pa_recuadros_ministerio_1 .recuadro {
position: relative;
margin-bottom: 15px;
min-height: 50px;
background-color: var(--blue);
background-clip: content-box;
color: #fff;
}
#i__MT_pa_recuadros_tramites_1 .recuadro .titulo,
.recuadro-iniciativas .recuadro .titulo,
#i__MT_pa_recuadros_ministerio_1 .recuadro .titulo {
position: absolute;
top: 0;
left: 15px;
right: 15px;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
}
#i__MT_pa_recuadros_tramites_1 .recuadro:hover .titulo,
#i__MT_pa_recuadros_ministerio_1 .recuadro:hover .titulo,
.recuadro-iniciativas .recuadro:hover .titulo {
background-color: var(--primary);
}
#i__MT_pa_recuadros_tramites_1 .recuadro .titulo a, .recuadro-iniciativas .recuadro .titulo a, #i__MT_pa_recuadros_ministerio_1 .recuadro .titulo a {
font-weight: 700;
color: #fff;
font-size: 22px;
text-align: center;
line-height: 1;
background-color: #3366ccdb;
padding: 9px 15px;
}
#i__MT_pa_recuadros_tramites_1 .recuadro .titulo a:hover,
.recuadro-iniciativas .recuadro .titulo a:hover,
#i__MT_pa_recuadros_ministerio_1 .recuadro .titulo a:hover {
text-decoration: none;
}
#i__MT_pa_recuadros_tramites_1 .recuadro img,
.recuadro-iniciativas .recuadro img,
#i__MT_pa_recuadros_ministerio_1 .recuadro img {
width: 100%;
}
/*desplegable recuadros*/
#i__MT_pa_recuadros_tramites_1 .recuadro > ul, .recuadro-iniciativas .recuadro > ul, #i__MT_pa_recuadros_ministerio_1 .recuadro > ul {
display: none;
list-style: none;
padding: 10px;
box-sizing: border-box;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}
#i__MT_pa_recuadros_tramites_1 .recuadro:hover > ul, .recuadro-iniciativas .recuadro:hover > ul, #i__MT_pa_recuadros_ministerio_1 .recuadro:hover > ul {
display: block;
position: absolute;
top: 100%;
left: 15px;
right: 15px;
background: #e6e6e6;
z-index: 1;
}
#i__MT_pa_recuadros_tramites_1 .recuadro > ul li a, .recuadro-iniciativas .recuadro > ul li a, #i__MT_pa_recuadros_ministerio_1 .recuadro > ul li a {
color: #000;
width: 100%;
display: inline-block;
padding: 6px;
text-transform: initial;
text-decoration: none;
font-size: 14px;
text-align: left;
}
#i__MT_pa_recuadros_tramites_1 .recuadro > ul li a:hover, .recuadro-iniciativas .recuadro > ul li a:hover, #i__MT_pa_recuadros_ministerio_1 .recuadro > ul li a:hover {
color: #fff;
background: var(--secondary);
}
#i__MT_pa_recuadros_tramites_1 .recuadro:hover > ul:after, .recuadro-iniciativas .recuadro:hover > ul:after, #i__MT_pa_recuadros_ministerio_1 .recuadro:hover > ul:after {
content: "";
bottom: 105%;
display: block;
height: 25px;
width: 25px;
background: url("../../../SiteCollectionImages/Content/channels-616_white_arrow_down.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
/*---------EIDOX NOTICIAS---------*/
.leftcol-eidox-noticias > .recuadro:nth-child(1) .figure > img {
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.leftcol-eidox-noticias > .recuadro:nth-child(1) .grupo {
background: #F6F8F9;
margin-bottom: 20px;
padding: 20px;
box-sizing: border-box;
}
.leftcol-eidox-noticias > .recuadro:nth-child(1) .fecha {
margin: 0 0 5px 0;
}
.leftcol-eidox-noticias > .recuadro:nth-child(1) .titulo {
font-size: 2rem;
font-weight: 500;
line-height: 1.2;
}
.leftcol-eidox-noticias > .recuadro:nth-child(1) .abstract {
clear: both;
font-size: 18px;
line-height: 1.2;
}
.leftcol-eidox-noticias > .recuadro:nth-child(1) .tag {
color: #4b4b4b;
font-size: 14px;
display: inline-block;
}
.leftcol-eidox-noticias > .recuadro:nth-child(1) .tag .pv-branch {
margin-right: 8px;
}
.prensa-lateral {
padding: 0 0 0 30px;
}
.prensa-lateral > .recuadro {
padding: 10px 0;
margin: 0;
}
.prensa-lateral img {
max-width: 100%;
height: auto;
}
.prensa-lateral > .recuadro > div > div:nth-of-type(3) {
color: var(--primary);
font-size: 14px;
margin-top: 4px;
font-weight: 500;
}
.prensa-lateral > .recuadro .titulo a {
font-family: 'Montserrat';
display: inline-block;
max-width: 100%;
display: -webkit-box;
max-height: 60px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
line-height: 1.2;
font-weight: 600;
text-decoration: underline;
}
/*---------SEARCH RESULTS---------*/
.container_resultados_busqueda {
margin-top: 30px;
margin-bottom: 30px;
}
.container_resultados_busqueda ul.search-results.P p {
margin-bottom: 5px;
list-style: none;
position: relative;
}
.container_resultados_busqueda ul.search-results.P p:before {
content: "";
display: block;
position: absolute;
left: -30px;
top: 0;
bottom: 0;
margin: auto;
border: 2px solid var(--secondary);
height: 15px;
width: 15px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.search-results b {
color: var(--secondary);
font-weight: 600;
}
.container_resultados_busqueda ol.search-results.P li > a {
color: var(--primary);
}
form.ntg_busqueda {
text-align: center;
background: #d8d8d8;
padding: 15px;
}
form.ntg_busqueda .orden input {
margin-left: 17px;
margin-right: 10px;
height: 15px;
width: 15px;
}
form.ntg_busqueda .orden label {
margin: 0;
}
/*---------NOTICIAS---------*/
.right_col_noticias > div {
padding-bottom: 25px;
}
.right_col_serv .ntg-titulo-caja,
.lista-news .ntg-titulo-caja,
.right_col_noticias .ntg-titulo-caja,
.left_col_noticias .ntg-titulo-caja {
position: relative;
padding-bottom: 5px;
font-size: 1.5rem;
font-weight: 500;
}
/*---------EVENTOS---------*/
.agenda {
position: relative;
padding-top: 70px;
}
.agenda .anterior,
.agenda .siguiente {
position: absolute;
top: 0;
z-index: 1;
color: transparent;
width: 30px;
padding: 8px 0;
}
.agenda .anterior {
left: 0;
}
.agenda .siguiente {
right: 0;
}
.agenda .anterior:before,
.agenda .siguiente:before {
content: "";
display: inline-block;
width: 20px;
height: 24px;
background: url("../../../SiteCollectionImages/Content/channels-616_right_arrow.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.agenda .anterior:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.agenda > .ntg-titulo-caja {
position: absolute;
text-align: center;
top: 0;
background-color: #ececec;
padding: 8px 0;
color: #4a4a4a;
}
.agenda table {
background-color: #ececec;
}
.agenda table > caption {
display: none;
}
.agenda th {
padding: 4px 0 4px 0;
text-align: center;
color: #fff;
font-weight: 600;
background-color: var(--primary);
border: 1px solid var(--primary);
}
.agenda tbody td {
border: 1px solid var(--primary);
color: var(--secondary);
padding: 4px;
vertical-align: top;
width: 88px;
font-weight: 600;
}
.agenda tbody td div:first-child {
font-size: 40px;
color: #4a4545;
}
.agenda tbody .evento {
margin-bottom: 1rem;
}
.agenda tbody td .titulo {
line-height: .9;
border-bottom: solid 1px #6c757d70;
padding-bottom: 1rem;
}
.agenda tbody td a {
font-size: .8rem;
font-weight: 400;
}
.agenda-responsive {
display: none;
}
.agenda-responsive .recuadro {
flex-direction: column;
padding: 10px 0;
border-bottom: solid 1px #ececec;
}
.agenda-responsive .titulo-caja {
position: relative;
padding: 0;
padding-bottom: 5px;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
color: #4a4545;
}
.agenda-responsive .recuadro a {
font-weight: 500;
}
@media (max-width: 991.98px) {
#agenda_portadilla {
display: none;
}
.agenda-responsive {
display: block;
}
}
/*otros*/
.iframe_normatividad .link_iframe {
width: 100%;
}
.iframe_normatividad .link_iframe iframe,
.iframe_normatividad .link_iframe .iframe-embebido {
height: 1100px;
}
.header_control_interno {
padding: 0 20px;
}
.header_control_interno .titulo-header {
position: relative;
}
.header_control_interno .titulo-header .titulo {
display: flex;
align-items: center;
justify-content: flex-start;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 2rem;
margin: auto;
padding: 0 15px;
max-width: 1200px;
width: 100%;
color: #fff;
}
@media only screen and (max-width:767.98px) {
.header_control_interno .titulo-header .titulo {
position: static;
background: var(--blue);
padding: 15px 15px;
}
}
.header_control_interno .recuadro {
padding-left: 15px;
padding-right: 15px;
}
.header_control_interno .recuadro .descripcion {
max-width: 1080px;
font-family: 'Montserrat';
margin: auto;
padding: 0px 20px 20px 20px;
text-align: center;
color: var(--blue);
font-size: 1.25rem;
}
#article_i__MT_pa_eidox_micrositio_1 > h3 {
margin-top: 2rem;
clear: both;
}
.container-menu-micro {
border-bottom: none;
padding: 0 35px;
background-color: transparent;
margin-bottom: 2rem;
}
.menu-micrositios {
justify-content: center;
max-width: 1240px;
margin: auto;
padding-left: 0 !important;
}
.menu-micrositios li:hover:last-of-type ul {
right: 0;
}
@media only screen and (min-width: 992px) {
.container-menu-micro {
width: 100%;
}
.container-menu-micro .navbar-nav {
max-width: 1200px;
width: 100%;
margin: auto;
}
.container-menu-micro .menu-micrositios {
justify-content: flex-start;
align-items: unset;
}
}
@media screen and (min-width: 1280px) {
.menu-micrositios {
max-width: 2000px;
margin: auto;
width: 85%;
}
}
.menu-micrositios .navbar-nav > li > a {
text-transform: initial;
font-size: 0.875rem;
padding: 10px;
}
.menu-micrositios > li:nth-child(2) > a {
text-transform: uppercase;
font-weight: 600;
}
.menu-micrositios.navbar-nav > li#inicio > a {
color: var(--primary);
font-size: 16px;
}
.menu-micrositios #inicio {
font-weight: 700;
margin-right: 30px;
}
#items-menu-micro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #e6effd;
clear: both;
box-shadow: 0 1px 3px 0 rgb(51 102 204 / 29%);
}
.sticky #items-menu-micro {
border-top: none;
}
.btn-menu-micro {
display: block;
width: 90%;
background-color: #fff;
border: solid 2px var(--primary);
margin: 20px auto;
position: relative;
padding: 10px;
padding-left: 28px;
min-height: 45px;
}
.btn-menu-micro:before {
content: "";
display: block;
position: absolute;
background-image: url("../../../SiteCollectionImages/Content/channels-616_icon_menu.png");
background-repeat: no-repeat;
width: 12px;
height: 30px;
top: 0;
bottom: 0;
left: 9px;
margin: auto;
}
.btn-menu-micro span {
font-weight: 600;
color: var(--primary);
}
.menu-movil-micro-cc {
width: 90%;
margin: auto;
margin-bottom: 16px;
margin-top: -19px;
background: #e8e8e8;
z-index: 20;
-webkit-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.menu-movil-micro-cc.collapse,
.menu-movil-micro-cc.show {
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.informe_pormenorizado > .grupo {
max-width: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.informe_pormenorizado > .titulo-grupo a {
color: var(--secondary);
text-decoration: underline;
}
/*---------NOTICIAS MICROSITIO---------*/
.bg-blue-noticias .ntg-titulo-caja {
color: #fff;
}
.bg-blue-noticias .left_col_noticias .recuadro .fecha,
.bg-blue-noticias .right_col_noticias .recuadro .fecha {
color: #fff;
}
.bg-blue-noticias a {
color: #fff;
}
.bg-blue-noticias a:hover {
color: #E5EEFB;
}
.banners_micrositio .recuadro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#btnFiltros strong {
color: #fff;
font-weight: 100;
font-size: 16px;
}
#btnFiltros {
background: var(--secondary);
border: none;
color: #fff;
border-radius: 0;
max-width: 450px;
margin: auto;
margin-bottom: 30px;
}
#recuadros_articulo_12003 {
float: left;
width: 100%;
margin-bottom: 30px;
}
#recuadros_articulo_12003 .recuadro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-right: -15px;
margin-left: -15px;
}
#recuadros_articulo_12003 .recuadro .figure {
display: inline-block;
width: 50%;
padding: 0 15px;
}
#recuadros_articulo_12003 .recuadro .figure:nth-child(even) {
padding-right: 30px;
}
/*.modal-content .modal-body img {
width: 100%;
}
*/
a.link_modal {
position: relative;
}
a.link_modal:hover:after {
content: "";
display: block;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center;
background-size: 2rem;
width: 50px;
height: 50px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
a.link_modal:hover img {
-webkit-filter: blur(3px);
filter: blur(3px);
opacity: 0.5;
}
#calendarModal table {
width: 100%;
margin-top: 2rem;
}
#calendarModal table td,
#calendarModal table th {
padding: .75rem;
vertical-align: top;
border: 1px solid var(--blue);
}
#calendarModal table thead {
background-color: var(--blue);
color: white;
border: 0px;
text-align: left;
}
#calendarModal table thead th {
color: white;
}
/************************************************************************************
PORTADILLAS / EIDOX
*************************************************************************************/
.tramites-grupo .prev,
.tramites-grupo .next,
.tramites-grupo .ant,
.tramites-grupo .sig,
.tramites-grupo .play {
display: none;
}
.tramites-grupo .controls {
display: flex;
list-style: none;
justify-content: center;
margin-top: 1rem;
}
.tramites-grupo .controls a {
display: inline-block;
font-size: .875rem;
font-weight: 400;
color: #004884;
border: none;
border-radius: .3rem;
padding: .66rem .933rem;
margin: 0;
line-height: 1;
}
.tramites-grupo .controls a:hover {
background-color: #e6effd;
text-decoration: none;
}
.tramites-grupo .controls .current a {
color: #fff;
background-color: var(--primary);
}
.tramite-row {
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
border-bottom: solid 1px var(--gray)
}
.tramite-row .figure img {
max-height: 21px;
width: auto;
margin-right: 8px;
}
.tramite-row .figure {
font-size: 0.875rem;
margin-bottom: 5px;
}
.tramite-row a {
text-decoration: underline;
}
/************************************************************************************
UTILIDADES
*************************************************************************************/
.articulo .boton-1,
.articulo .boton-2 {
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 1.5rem;
font-size: 1rem;
text-decoration: none;
line-height: 1.5;
border-radius: 5rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #fff;
background-color: #0066cd;
border-color: #0066cd;
margin: 1.5rem 0;
}
.articulo .boton-2 {
background-color: #ff1979;
border-color: #ff1979;
}
.articulo .boton-1:hover {
color: #fff;
background-color: #0053a7;
border-color: #004d9a;
}
.articulo .boton-2:hover {
color: #fff;
background-color: #f20065;
border-color: #e50060;
}
.border-0 {
border: none;
}
.margen-0 {
margin: 0;
}
.margen-bottom-xs {
margin-bottom: 15px;
}
.margen-bottom-md {
margin-bottom: 30px;
}
.margen-bottom-lg {
margin-bottom: 45px;
}
.margen-top-xs {
margin-top: 15px;
}
.margen-top-md {
margin-top: 30px;
}
.margen-top-lg {
margin-top: 45px;
}
.margen-right-xs {
margin-right: 5px;
}
.margen-right-md {
margin-right: 30px;
}
.margen-right-lg {
margin-right: 45px;
}
.margen-left-xs {
margin-left: 15px;
}
.margen-left-md {
margin-left: 30px;
}
.margen-left-lg {
margin-left: 45px;
}
.margen-top-0 {
margin-top: 0px;
}
.padding-0 {
padding: 0;
}
.padding-izquierda-0 {
padding-left: 0;
}
.padding-derecha-0 {
padding-right: 0;
}
.padding-bottom-xs {
padding-bottom: 15px;
}
.padding-bottom-md {
padding-bottom: 30px;
}
.padding-bottom-lg {
padding-bottom: 45px;
}
.padding-top-xs {
padding-top: 15px;
}
.padding-top-md {
padding-top: 30px;
}
.padding-left-xs {
padding-left: 15px;
}
.padding-left-md {
padding-left: 30px;
}
.padding-left-lg {
padding-left: 45px;
}
.padding-right-xs {
padding-right: 15px;
}
.padding-right-md {
padding-right: 30px;
}
.padding-right-lg {
padding-right: 45px;
}
.m-titulos h2:not(:first-of-type) {
padding-top: 2rem;
}
.m-titulos h3 {
padding-top: 2rem;
}
/* Agrega código CSS aquà*/
h3.titulo-grupo {
font-size: 1.1rem;
}
#recuadros_articulo_17163 h3.titulo-grupo {
font-size: 1.8rem;
}
div#recuadros_articulo_12007 {
margin-top: 0;
}
.titulo_grupo_padding h2.ntg-titulo-caja {
max-width: 2000px;
width: 85%;
margin: auto;
}
@media only screen and (max-width: 991.98px) {
header .container-fluid.d-flex {
flex-direction: column;
text-align: center;
}
.banner-grid-wrapper {
display: none;
}
}
/*MENU MOVIL*/
@media screen and (min-width: 1px) and (max-width: 991.98px) {
.main-navbar {
display: none;
}
.menu_superior .items_menu_superior, .menu_superior .buscador_menu_superior {
display: none;
}
}
@media screen and (min-width: 992px) {
.btn-menu-movil,
.btn-menu-micro,
.container-menu-movil {
display: none;
}
}
.container-menu-movil {
position: fixed;
left: 0;
top: 0;
background: #e8e8e8;
width: 100%;
height: 100vh !important;
left: -100%;
max-width: 80%;
min-width: 300px;
z-index: 20;
/* overflow: auto; */
-webkit-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.container-menu-movil.collapse,
.container-menu-movil.show {
left: 0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
max-height: 95vh;
}
#menu-movil #items-principal {
overflow-y: scroll;
max-height: 62vh;
}
.btn-menu-movil {
position: fixed;
right: 12px;
top: 45px;
z-index: 30;
background: #dcdcdc;
border-radius: 50%;
margin: 0;
width: 50px;
height: 50px;
-webkit-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
box-shadow: 7px 9px 8px -5px rgba(0,0,0,0.3);
}
.menu_superior_movil {
background: var(--primary);
margin: 0;
border: 0;
}
.menu_superior_movil div {
margin: auto;
text-align: center;
}
#menu-movil-micro .items_menu_superior,
#menu-movil-micro .buscador_menu_superior {
flex: 0 0 100%;
max-width: 100%;
}
#menu-movil-micro .buscador_menu_superior {
padding-bottom: 30px;
}
#items-principal ul {
padding: 0;
}
.menu-movil-micro-cc .menu-micrositios li,
.container-menu-movil .menu-micrositios li,
.container-menu-movil #items-principal li {
padding: 0;
margin: 0;
list-style: none;
}
.menu-movil-micro-cc .menu-micrositios li.current,
.container-menu-movil .menu-micrositios li.current,
.container-menu-movil #items-principal li.current {
background-color: #fff;
}
.menu-movil-micro-cc .menu-micrositios li.current + li.current,
.container-menu-movil .menu-micrositios li.current + li.current,
.container-menu-movil #items-principal li.current + li.current {
background-color: transparent;
}
.container-menu-movil .menu-micrositios #inicio {
margin: 0;
}
.menu-movil-micro-cc .menu-micrositios li > ul,
.container-menu-movil .menu-micrositios li > ul {
display: none;
}
.menu-movil-micro-cc .menu-micrositios li a,
.container-menu-movil .menu-micrositios li a,
.container-menu-movil #items-principal li a {
color: var(--primary);
text-transform: uppercase;
text-align: center;
display: inline-block;
width: 100%;
padding: 10px;
position: relative;
}
.menu-movil-micro-cc .menu-micrositios li a,
.container-menu-movil .menu-micrositios li a,
.container-menu-movil #items-principal li a {
text-decoration: none;
}
.menu-movil-micro-cc .menu-micrositios li a:active,
.container-menu-movil .menu-micrositios li a:active,
.container-menu-movil #items-principal li a:active {
background: #fff;
}
.btn-menu-movil span.navbar-toggler-icon {
background: gray;
height: 3px;
width: 45%;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}
.btn-menu-movil span.navbar-toggler-icon:before {
content: "";
display: block;
background: gray;
height: 3px;
width: 100%;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 6px;
}
.btn-menu-movil span.navbar-toggler-icon:after {
content: "";
display: block;
background: gray;
height: 3px;
width: 100%;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 6px;
}
/*MENU MOVIL (end)*/
.transparencia {
background: var(--secondary);
padding: 20px;
clear: both;
}
.transparencia .titulo {
text-align: center;
margin: 0;
padding: 0;
font-size: 1.5rem;
}
.transparencia a {
color: #fff;
text-align: center;
font-weight: 600;
margin: 0;
padding-left: 50px;
box-sizing: border-box;
position: relative;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.transparencia a {
display: flex;
flex-direction: column;
padding: 0;
font-size: 1rem;
}
}
.transparencia a:hover {
color: #fff;
}
.transparencia a:before {
content: "";
display: inline-block;
/* background: url(https://css.mintic.gov.co/mt/mintic/new/img/recursos_mesa_trabajo.png); */
background: url("../../../SiteCollectionImages/Content/channels-616_icon_transparencia.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 40px;
width: 40px;
position: absolute;
left: 0px;
top: 0;
bottom: 0;
margin: auto;
}
@media only screen and (max-width: 767.98px) {
.transparencia a:before {
position: static;
}
}
.icon-wp:before,
.icon-tiktok:before,
.icon-lin:before,
.icon-yt:before,
.icon-fb:before,
.icon-ig:before,
.icon-tw:before,
.icon-tg:before {
display: inline-block;
content: "";
background-repeat: no-repeat;
width: 30px;
height: 30px;
/*background-color: var(--blue);*/
color: #36c !important;
border-radius: 50%;
background-position: center;
background-size: 2rem;
vertical-align: middle;
}
.icon-fb:before {
background-image: url("data:image/svg+xml,");
}
.icon-yt:before {
background-image: url("data:image/svg+xml,");
}
.icon-ig:before {
background-image: url("data:image/svg+xml,");
}
.icon-tw:before {
background-image: url("data:image/svg+xml,");
}
.icon-tg:before {
background-image: url("data:image/svg+xml,");
}
.icon-lin:before {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4xLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY4MiA2ODIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY4MiA2ODI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05OC41LDM0LjZDNTEuNiwzNC42LDIxLDY1LjQsMjEsMTA1LjljMCwzOS42LDI5LjcsNzEuMiw3NS43LDcxLjJoMC45YzQ3LjgsMCw3Ny41LTMxLjcsNzcuNS03MS4yDQoJQzE3NC4zLDY1LjQsMTQ1LjQsMzQuNiw5OC41LDM0LjZ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjkuMSwyMzMuNGgxMzcuMXY0MTIuNEgyOS4xVjIzMy40eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUwMi42LDIyMy43Yy03My45LDAtMTIzLjUsNjkuNS0xMjMuNSw2OS41di01OS44SDI0MnY0MTIuNEgzNzlWNDE1LjVjMC0xMi4zLDAuOS0yNC42LDQuNS0zMy41DQoJYzkuOS0yNC42LDMyLjUtNTAuMSw3MC4zLTUwLjFjNDkuNiwwLDY5LjQsMzcuOCw2OS40LDkzLjJ2MjIwLjZoMTM3VjQwOS4zQzY2MC40LDI4Mi43LDU5Mi43LDIyMy43LDUwMi42LDIyMy43eiIvPg0KPC9zdmc+DQo=");
}
.icon-tiktok:before {
background-image: url("data:image/svg+xml,");
}
.icon-wp:before {
background-image: url("data:image/svg+xml,");
}
/* CSS TEMP */
.main-navbar .navbar-nav > li {
position: relative;
}
.main-navbar .navbar-nav > li:hover:last-child > ul {
right: 0
}
#disqus_thread {
max-width: 800px;
margin: auto;
}
.destacado .recuadro {
display: flex;
flex-wrap: wrap;
}
.destacado .recuadro:not(:nth-child(2)) {
margin-top: 30px;
padding-top: 30px;
border-top: 2px solid rgba(157,190,255,.3);
}
.destacado .titulo {
font-weight: 600;
font-size: 1.5rem;
line-height: 1.4;
margin-bottom: 20px;
text-decoration: underline;
}
.destacado .abstract {
font-family: 'Work Sans';
}
.destacado .ntg-titulo-caja {
position: relative;
padding: 0 15px;
padding-bottom: 5px;
font-size: 1.5rem;
font-weight: 500;
}
.binary-foto_marquesina a:last-child,
.titulo_invisible a:last-child {
display: none;
}
#recuadros_articulo_17163 .binary-foto_marquesina a:last-child {
display: block;
align-self: center;
}
/* RECUADROS VIDEOS MICROSITIOS */
.recuadro-video .recuadro {
margin-bottom: 30px;
}
.recuadro-video .recuadro:before {
content: "";
background: #cccccc;
position: absolute;
left: 15px;
right: 15px;
top: 0;
display: block;
height: 100%;
z-index: -1;
}
.recuadro-video .recuadro:hover:before {
background: var(--primary);
}
.recuadro-video img {
width: 100%;
}
.recuadro-video .titulo {
padding: 15px;
}
.recuadro-video .recuadro:hover .titulo,
.recuadro-video .recuadro:hover .titulo a {
color: #fff;
}
@media (min-width: 576px) {
.recuadro-video .recuadro {
height: 270px;
}
.recuadro-video .titulo {
max-width: 100%;
color: var(--secondary);
display: -webkit-box;
max-height: 86px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
}
/* SLIDER PRINCIPAL */
.carousel {
max-width: 1600px;
margin: auto;
}
.carousel .slide-title {
display: flex;
align-items: center;
padding-left: 7rem;
font-size: 1.5rem;
}
.carousel .slide-title a {
color: white;
text-decoration: underline;
font-weight: 600;
}
.carousel .slide-title a:hover {
color: var(--light)
}
.carousel ol li:before {
display: none;
}
.carousel-control-next, .carousel-control-prev {
width: 80px;
opacity: 1;
}
.carousel-control-next {
justify-content: flex-start;
}
.carousel-control-prev {
justify-content: flex-end;
}
.carousel-indicators li {
width: 12px;
height: 12px;
background-color: transparent;
border: 2px solid var(--primary);
opacity: 1;
border-radius: 50%;
box-shadow: 2px 2px 3px var(--blue);
}
.carousel-indicators .active {
background-color: var(--primary);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
height: 32px;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,");
background-size: 3rem;
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,");
background-size: 3rem;
}
.carousel .ntg-button {
background: transparent;
border: none;
padding: 5px;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
margin: 1rem;
}
.carousel .ntg-button:focus {
outline: none;
border-radius: 50%;
}
@media only screen and (max-width: 991.98px) {
.carousel {
padding-bottom: 60px;
margin-bottom: 1rem !important;
}
.carousel .slide-title {
padding: 2rem 4rem;
justify-content: center;
font-size: 1.2rem;
min-height: 12rem;
}
.carousel .slide-title + .text-right {
text-align: center !important;
}
}
@media only screen and (max-width: 767.98px) {
.carousel .slide-title {
min-height: 18rem;
}
}
.ntg-pause,
.ntg-play {
display: flex;
color: #fff;
align-items: center;
}
.ntg-pause span,
.ntg-play span {
font-size: 0.85rem;
font-weight: 600;
}
.fa-play,
.fa-pause {
line-height: 0;
display: block;
}
.fa-pause:before,
.fa-play:before {
display: inline-block;
content: "";
background-repeat: no-repeat;
background-size: 25px;
width: 25px;
}
/* .fa-pause:before {
background-image: url("data:image/svg+xml,");
}
.fa-play:before {
background-image: url("data:image/svg+xml,");
} */
@media only screen and (max-width:991.98px) {
.carousel-control-next, .carousel-control-prev {
align-items: flex-end;
padding-bottom: 15px;
width: 70px;
}
.carousel .ntg-button {
bottom: auto;
top: 0;
margin: 0;
}
}
/* SLIDER BANNERS */
.banners_slider_micrositio {
padding: 30px 20px;
}
.banners_slider_micrositio .carousel-indicators {
bottom: -20px;
}
.banners_slider_micrositio .carousel-indicators li {
background-color: var(--primary);
}
.banners_slider_micrositio .carousel-control-prev-icon {
background-image: none;
border-top: solid 5px var(--primary);
border-left: solid 5px var(--primary);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
height: 20px;
width: 20px;
}
.banners_slider_micrositio .carousel-control-next-icon {
background-image: none;
border-top: solid 5px var(--primary);
border-right: solid 5px var(--primary);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height: 20px;
width: 20px;
}
.banners_slider_micrositio .carousel-inner .carousel-item {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.banners_slider_micrositio .carousel-item.active,
.banners_slider_micrositio .carousel-item-next,
.banners_slider_micrositio .carousel-item-prev {
display: flex;
}
/* BARRA ACCESIBILIDAD */
.altoContraste {
-webkit-filter: invert(1);
filter: invert(1);
background-color: #fff;
}
@-moz-document url-prefix() {
.altoContraste {
mix-blend-mode: difference;
background-color: #fff;
filter: none;
}
}
.accesibilidad-menu {
background-color: var(--primary);
display: block;
position: fixed;
top: 50%;
transform: translateY(-50%);
left: auto;
right: 0;
z-index: 200;
border-radius: 8px;
box-shadow: 0px 0px 10px 3px #0000002b;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.accesibilidad-items {
list-style: none;
display: flex;
flex-direction: column;
padding: 5px;
width: 36px;
margin: 0;
}
.accesibilidad-items a {
display: flex;
align-items: center;
color: #fff;
border-radius: 8px;
transition: all .5s;
width: 180px;
padding: 2px 0px;
text-decoration: none;
}
.accesibilidad-items a:hover {
background-color: var(--blue);
-webkit-transform: translateX(-140px);
transform: translateX(-140px);
padding: 2px 10px;
color: var(--white)
}
.accesibilidad-items img {
display: flex;
width: 26px;
height: 26px;
padding: 4px;
margin: 5px 0;
background-color: #fff;
align-items: center;
justify-content: center;
border-radius: 6px;
}
.accesibilidad-items span {
font-size: 13px;
margin-left: 10px;
}
@media only screen and (max-width: 575.98px) {
.accesibilidad-items {
width: 30px;
}
.accesibilidad-items img {
width: 20px;
height: 20px;
margin: 3px 0;
}
}
/* BARRA ACCESIBILIDAD FIN*/
/* FIN CSS TEMP */
/*MAPA DEL SITIO*/
.mapa-sitio ul {
list-style: none;
padding: 0;
}
.mapa-sitio > ul > li {
margin: 1.5rem 0;
}
.mapa-sitio > ul > li > a {
margin: 1rem 0;
font-size: 1.5rem;
font-weight: 300;
color: var(--blue);
}
#petal_gr_interes,
#petal_arq_inst,
#petal_cultura,
#petal_estrategia,
#box_seguimiento {
transform-origin: center;
transition: all .2s;
cursor: pointer;
}
.petal-animate,
#petal_gr_interes:hover,
#petal_arq_inst:hover,
#petal_cultura:hover,
#petal_estrategia:hover {
transform: scale(1.05);
}
.box-animate,
#box_seguimiento:hover {
transform: scale(1.07) rotate(5deg);
}
#petal_gr_interes.petal-animate path:first-child {
fill: #e42528;
opacity: 0.8;
}
#petal_arq_inst.petal-animate path:first-child {
fill: #009b52;
opacity: 0.8;
}
#petal_cultura.petal-animate path:first-child {
fill: #fdc90a;
opacity: 0.8;
}
#petal_estrategia.petal-animate path:first-child {
fill: #863399;
opacity: 0.8;
}
#arquitectura .btn_destacado {
background-color: var(--primary);
color: #fff !important;
border: none !important;
padding: 5px 9px;
box-shadow: 0 1px 2px 0px #00000038;
}
#arquitectura .btn_destacado:hover {
background-color: #f42f63;
}
.tabs_mig .ui-widget-content {
clear: both;
}
.tabs_mig h1.titulo {
font-size: 1.25rem;
font-weight: 600;
}
.tabs_mig svg {
width: 50%;
float: left;
height: auto;
padding: 16px;
box-sizing: border-box;
}
.tabs_mig .tab-content {
clear: both;
}
.tabs_mig ul.nav-tabs {
width: 50%;
float: left;
margin-top: 60px !important;
}
@media only screen and (max-width:767.98px) {
.tabs_mig ul.nav-tabs {
width: 100%;
}
}
.tabs_mig ul.nav-tabs li {
width: 100%;
}
.tabs_mig ul.nav-tabs li:before {
display: none
}
.tabs_mig .nav-tabs li a.nav-link.active,
.tabs_mig .nav-tabs li a {
display: inline-block;
width: 100%;
padding: 0 0;
overflow: hidden;
border-left: solid 5px;
}
.tabs_mig .nav-tabs li a {
background-color: #e8e8e8;
text-decoration: none;
}
.tabs_mig .nav-tabs li:nth-child(1) a {
border-left-color: #009b51 !important;
}
.tabs_mig .nav-tabs li:nth-child(2) a {
border-left-color: #4956a1 !important;
}
.tabs_mig .nav-tabs li:nth-child(3) a {
border-left-color: #fdc90c !important;
}
.tabs_mig .nav-tabs li:nth-child(4) a {
border-left-color: #82258f !important;
}
.tabs_mig .nav-tabs li:nth-child(5) a {
border-left-color: #e42729 !important;
}
.tabs_mig .nav-tabs li a {
padding: 5px 10px !important;
}
.tabs_mig .nav-tabs li:nth-child(1) a.nav-link.active,
.tabs_mig .nav-tabs li:nth-child(1) a:hover {
background-color: #009b51 !important;
}
.tabs_mig .nav-tabs li:nth-child(2) a.nav-link.active,
.tabs_mig .nav-tabs li:nth-child(2) a:hover {
background-color: #4956a1 !important;
}
.tabs_mig .nav-tabs li:nth-child(3) a.nav-link.active,
.tabs_mig .nav-tabs li:nth-child(3) a:hover {
background-color: #fdc90c !important;
}
.tabs_mig .nav-tabs li:nth-child(4) a.nav-link.active,
.tabs_mig .nav-tabs li:nth-child(4) a:hover {
background-color: #82258f !important;
}
.tabs_mig .nav-tabs li:nth-child(5) a.nav-link.active,
.tabs_mig .nav-tabs li:nth-child(5) a:hover {
background-color: #e42729 !important;
}
.tabs_mig .nav-tabs li a.nav-link.active,
.tabs_mig .nav-tabs li a:hover {
color: #fff !important;
text-decoration: none;
}
@media only screen and (max-width: 760px) {
.tabs_mig > svg {
width: 100%;
}
}
@-webkit-keyframes fixed-move-down {
0% {
top: -80px;
}
100% {
top: 0;
}
}
@keyframes fixed-move-down {
0% {
top: -80px;
}
}
@media only screen and (min-width: 992px) {
.main-navbar > div > .navbar-nav > li {
position: relative;
}
.main-navbar > div > .navbar-nav > li:hover:before,
.main-navbar > div > .navbar-nav > li.access-gif:before {
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 130px;
height: 73px;
margin: auto;
top: -90px;
left: -50px;
right: -50px;
box-shadow: 0 0px 15px 0px var(--blue);
border-radius: 5px;
z-index: 30;
}
.main-navbar.sticky > div > .navbar-nav > li:hover > ul:before {
content: "";
display: block;
background-size: cover;
background-position: center;
width: 100px;
height: 80px;
margin: 6px 0 1rem 6px;
z-index: 30;
}
.main-navbar.sticky > div > .navbar-nav > li:hover > ul:after,
.main-navbar > div > .navbar-nav > li:hover:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #434343;
top: -10px;
left: 0;
right: 0;
margin: auto;
}
.main-navbar.sticky > div > .navbar-nav > li:hover:before {
top: 90px;
}
.main-navbar.sticky > div > .navbar-nav > li:hover:after {
top: 75px;
}
.main-navbar li#inicio:hover:after,
.main-navbar li#inicio:hover:before,
.main-navbar li#ministro:hover:after,
.main-navbar li#ministro:hover:before,
.main-navbar li#servicios:hover:after,
.main-navbar li#servicios:hover:before,
.main-navbar li#participacion:hover:after,
.main-navbar li#participacion:hover:before,
.main-navbar li#iniciativas:hover:after,
.main-navbar li#iniciativas:hover:before,
.main-navbar li#inicio.access-gif:after,
.main-navbar li#inicio.access-gif:before,
.main-navbar li#ministro.access-gif:after,
.main-navbar li#ministro.access-gif:before,
.main-navbar li#servicios.access-gif:after,
.main-navbar li#servicios.access-gif:before,
.main-navbar li#participacion.access-gif:after,
.main-navbar li#participacion.access-gif:before,
.main-navbar li#iniciativas.access-gif:after,
.main-navbar li#iniciativas.access-gif:before {
background-image: url();
display: none;
}
.main-navbar.sticky li#atencion:hover:before,
.main-navbar.sticky li#ministerio:hover:before,
.main-navbar.sticky li#sala_prensa:hover:before,
.main-navbar.sticky li#atencion.access-gif:before,
.main-navbar.sticky li#ministerio.access-gif:before,
.main-navbar.sticky li#sala_prensa.access-gif:before {
display: none;
}
.main-navbar.sticky li#ministerio:hover > ul:before,
.main-navbar li#ministerio:hover:before,
.main-navbar li#ministerio.access-gif:before {
/* background-image: url(https://css.mintic.gov.co/mt/mintic/img/ministerio.gif); */
background-image: url("../../../SiteCollectionImages/Content/channels-616_gif_ministerio.gif");
}
.main-navbar.sticky li#normativa:hover > ul:before,
.main-navbar li#normativa:hover:before,
.main-navbar li#normativa.access-gif:before {
/* background-image: url(https://css.mintic.gov.co/mt/mintic/img/normativa.gif); */
background-image: url("../../../SiteCollectionImages/Content/channels-616_gif_normativa.gif");
}
.main-navbar.sticky li#sala_prensa:hover > ul:before,
.main-navbar li#sala_prensa:hover:before,
.main-navbar li#sala_prensa.access-gif:before {
/* background-image: url(https://css.mintic.gov.co/mt/mintic/img/sala_prensa.gif); */
background-image: url("../../../SiteCollectionImages/Content/channels-616_gif_sala_prensa.gif");
}
.main-navbar.sticky li#atencion:hover > ul:before,
.main-navbar li#atencion:hover:before,
.main-navbar li#atencion.access-gif:before {
/* background-image: url(https://css.mintic.gov.co/mt/mintic/img/atencion_publico.gif); */
background-image: url("../../../SiteCollectionImages/Content/channels-616_gif_atencion_publico.gif");
}
.main-navbar.sticky li#transparencia:hover > ul:before,
.main-navbar li#transparencia:hover:before,
.main-navbar li#transparencia.access-gif:before {
/* background-image: url(https://css.mintic.gov.co/mt/mintic/img/transparencia.gif); */
background-image: url("../../../SiteCollectionImages/Content/channels-616_gif_transparencia.gif");
}
.container-menu-micro.main-navbar > div > .navbar-nav > li:hover:after,
.container-menu-micro.main-navbar > div > .navbar-nav > li:hover:before {
display: none;
}
}
/* CIRCLE MENU */
.c-circle-menu {
position: fixed;
bottom: 150px;
right: 0;
z-index: 1000;
width: 56px;
height: 56px;
margin: 0 1em;
border-radius: 24px;
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu {
width: 80px;
height: 80px;
border-radius: 48px;
}
} */
.c-circle-menu__items {
display: block;
list-style: none;
position: absolute;
z-index: 2;
margin: 0;
padding: 0;
}
.c-circle-menu__item {
display: block;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 24px;
opacity: 0;
-webkit-transition: opacity, -webkit-transform;
transition: opacity, -webkit-transform;
transition: transform, opacity;
transition: transform, opacity, -webkit-transform;
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
transition-timing-function: cubic-bezier(0.35, -0.59, 0.47, 0.97);
}
/*
@media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu__item {
width: 48px;
height: 48px;
border-radius: 24px;
}
} */
/**
* Transisition delays at the default state.
*/
.c-circle-menu__item:nth-child(1) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.c-circle-menu__item:nth-child(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.c-circle-menu__item:nth-child(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.c-circle-menu__item:nth-child(4) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.c-circle-menu__item:nth-child(5) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/**
* We're using the .is-active-circle class, which is added to the menu via JavaScript.
* Once the menu is active, the items inherit the properties below. We will
* manually write out the transform properties for first and last items, as we
* already know their position. For all items in between though, we'll use some
* polar-to-cartesian math and some Sass functions to get the positioning.
*/
.c-circle-menu.is-active-circle .c-circle-menu__item {
-webkit-transition-timing-function: cubic-bezier(0.35, 0.03, 0.47, 1.59);
transition-timing-function: cubic-bezier(0.35, 0.03, 0.47, 1.59);
}
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(1) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate(-160px, 50px);
transform: translate(-160px, 50px);
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(1) {
-webkit-transform: translate(-144px, 0);
transform: translate(-144px, 0);
}
} */
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: translate(-174px, -16px);
transform: translate(-174px, -16px);
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(2) {
-webkit-transform: translate(-134px, -56px);
transform: translate(-134px, -56px);
}
} */
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: translate(-162px, -81px);
transform: translate(-162px, -81px);
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(3) {
-webkit-transform: translate(-102px, -102px);
transform: translate(-102px, -102px);
}
} */
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(4) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translate(-118px, -131px);
transform: translate(-118px, -131px);
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(4) {
-webkit-transform: translate(-56px, -134px);
transform: translate(-56px, -134px);
}
} */
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(5) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: translate(-55px, -158px);
transform: translate(-55px, -158px);
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(5) {
-webkit-transform: translate(0, -144px);
transform: translate(0, -144px);
}
} */
/**
* Apart from the transform properties, we'll also make sure the items get
* the correct opacity.
*/
.c-circle-menu.is-active-circle .c-circle-menu__item {
opacity: 1;
}
/**
* Let's style the links now. This is just boilerplate stuff, and of course,
* you'll probably want to change up the icons to match your needs. In any case,
* we'll do it here for the sake of completion.
*/
.c-circle-menu__link {
display: block;
width: 100%;
height: 100%;
border-radius: 24px;
box-shadow: inset 0 0 0 2px #fff;
position: relative;
}
@media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu__link {
border-radius: 48px;
}
}
.c-circle-menu__link img {
display: block;
max-width: 100%;
height: auto;
width: 28px;
margin: auto;
padding-top: 5px;
}
.c-circle-menu__link:hover {
box-shadow: inset 0 0 0 2px #3772ff;
}
/* -----------------------------------------------------------------------------
The Toggle Component
----------------------------------------------------------------------------- */
/**
* The toggle is a button element, and as such requires some resets that are
* unique to buttons. This button also inherits some funky stuff from my
* CSS animating hamburger menu icons demo, which can be found at this url:
* https://github.com/callmenick/Animating-Hamburger-Icons
*/
.c-circle-menu__toggle {
display: block;
position: absolute;
z-index: 100;
margin: 0;
padding: 0;
width: 56px;
height: 56px;
background-color: var(--primary);
font: inherit;
font-size: 0;
text-indent: -9999px;
border-radius: 50%;
-webkit-transition: background 0.3s;
transition: background 0.3s;
/* reset some browser defaults */
cursor: pointer;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
}
.c-circle-menu__toggle img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 35px;
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu__toggle {
width: 60px;
height: 60px;
border-radius: 48px;
}
} */
.c-circle-menu__toggle:hover,
.c-circle-menu__toggle:focus,
.c-circle-menu__toggle.is-active-circle {
outline: none;
background-color: var(--blue);
}
.c-circle-menu__toggle.is-active-circle img {
display: none;
}
.c-circle-menu__toggle span,
.c-circle-menu__toggle span::before,
.c-circle-menu__toggle span::after {
display: block;
position: absolute;
height: 4px;
background: transparent;
border-radius: 1px;
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu__toggle span,
.c-circle-menu__toggle span::before,
.c-circle-menu__toggle span::after {
border-radius: 2px;
}
} */
.c-circle-menu__toggle span {
top: 26px;
left: 10px;
right: 10px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu__toggle span {
top: 28px;
left: 15px;
right: 15px;
}
} */
.c-circle-menu__toggle span::before,
.c-circle-menu__toggle span::after {
left: 0;
width: 100%;
content: "";
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0s;
transition-delay: 0.3s, 0s;
}
.c-circle-menu__toggle span::before {
top: -8px;
-webkit-transition-property: top, -webkit-transform;
transition-property: top, -webkit-transform;
transition-property: top, transform;
transition-property: top, transform, -webkit-transform;
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu__toggle span::before {
top: -10px;
}
} */
.c-circle-menu__toggle span::after {
bottom: -8px;
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
/* @media (min-width: 480px) and (min-height: 480px) {
.c-circle-menu__toggle span::after {
bottom: -10px;
}
} */
/* button active state */
.c-circle-menu__toggle.is-active-circle span {
background: none;
}
.c-circle-menu__toggle.is-active-circle span::before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
background-color: #fff;
}
.c-circle-menu__toggle.is-active-circle span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
background-color: #fff;
}
/* -----------------------------------------------------------------------------
The Mask Component
----------------------------------------------------------------------------- */
/**
* Here's the mask component, which actually gets created and inserted to the
* DOM via JavaScript. It simply acts as an overlay to draw attention to the
* menu when it is active. It also uses the .is-acvite state class.
*/
.c-circle-menu__mask {
position: fixed;
top: 0;
left: 0;
z-index: 1;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.c-circle-menu__mask.is-active-circle {
opacity: 1;
visibility: visible;
}
.c-circle-menu .text-link {
top: 10px;
left: -10px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
position: absolute;
color: #fff;
font-weight: bold;
font-size: 14px;
}
.c-circle-menu.is-active-circle .c-circle-menu__item:nth-child(5) .text-link {
top: -6px;
}
/* CIRCLE MENU FIN */
.dataTables_wrapper {
border: 0px solid #E5EEFB ;
border-radius: 5px;
margin: 2rem 0;
font-size: 0.875rem;
}
.bottom {
padding: 1em;
}