/* style site observatorio */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body { font-family: 'Roboto', sans-serif !important; background-color: transparent !important; background: linear-gradient(to bottom, rgba(251, 251, 251, 0.83) 0, rgb(226, 235, 241) 100%), url(https://app.invima.gov.co/observatorio/2020/images/fondo_observatorio.png); background-size: cover; background-attachment: fixed; padding: 10px }
#container_2019 { }
.highcharts-background { fill: transparent !important; }
body.front { overflow-x: hidden; background: linear-gradient(to bottom, rgb(233 236 237 / 71%) 0, rgb(248 249 250) 140%), url(images/observatorio_menu.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.container-fluid { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; }
.container { width: 100% !important; max-width: 100% !important; }
.page-header { text-align: center; color: white; font-size: 3.5em; height: 200px; text-shadow: 1px 2px 1px #6d6767; z-index: 9; position: relative; top: 0px; border-bottom: none; width: 102%; background: #03a9f463; }
h2 { font-size: 17pt !important; text-align: left; padding-bottom: 25px; }
h2:after { content: ''; display: block; height: 3px; width: 240px; background-color: #2f91bf; position: relative; margin-top: 10px; }
.menu-observatorio { background: #ffffff0d; padding: 2% 20%; display: flex; align-items: center; }
.align-center h1 { width: 100%; background: rgba(240, 242, 243, 0.79); padding: 14px 10px; color: #2e7a9a !important; text-align: center; border-bottom: 3px solid #3890b0; font-size: 15pt; font-weight: 600; }
.front ul { text-align: center; margin-top: 52px; }
.front ul li {      /* display: inline-flex; */
-ms-flex-align: center;     /* align-items: center; */ width: 100%; max-width: 397px; margin: 0 auto; padding: 24px; box-shadow: 0 4px 8px 0 rgba(38, 40, 42, 0.1); background-color: #fff; letter-spacing: .1px; color: #6b7480; transition: .3s all ease; margin-bottom: 12px; }
.front ul li:hover { background: #fdfdfd; border-radius: 3px; }
.front ul li a { color: rgb(51, 122, 183); font-weight: 500; }
footer h5 { text-align: center; filter: blur(0); }
.front footer h5 { text-align: center; filter: blur(0); color: #2e7a9a; }
.logo-img { z-index: 9999999; text-align: center; margin-top: 56px; }
.text-p { background: rgba(0, 123, 255, .25); padding: 13px; border-left: 6px solid #004085; }
div[title="page-header"] h1 { width: 100%; background: rgba(240, 242, 243, 0.79); padding: 14px 10px; color: #2e7a9a !important; text-align: center; border-bottom: 5px solid #3890b0; font-size: 24pt; font-weight: 600; }
.breadcrumb { background: transparent; background-color: transparent !important; }
.breadcrumb li { font-size: 9pt; margin-right: 6px; color: grey; }
.breadcrumb li a { color: grey; }
.breadcrumb li.active { font-size: 10pt; color: #116c98; }
tspan { font-size: 10pt }

.table {
    border:1px solid #337ab753
}

.table .thead-dark th {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}