﻿

/* link styles 

*/
a {
color: #666;
text-decoration: underline;
}
a:hover {
color: #004B7F;
text-decoration: underline;
}
/*#region LNormal */
.LNormal {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
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: #004B7F;
border: 6px solid #004B7F;
border-radius: 0;
box-shadow: 0 4px 4px rgba(0,0,0,.3);
text-decoration: none;
}
.LNormal:focus {
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5);
}
.LNormal.disabled, .LNormal:disabled {
opacity: .65;
}
.LNormal:active, .LNormal.active {
background-image: none;
}
.version-2017 .LNormal:not(:disabled):not(.disabled).active,
.version-2017 .LNormal:not(:disabled):not(.disabled):active,
.show > .version-2017 .LNormal.dropdown-toggle {
color: #fff;
border: 6px solid #0068b3;
background-color: #0068b3;
}
a.LNormal.disabled,
fieldset[disabled] a.LNormal {
pointer-events: none;
}
.LNormal:hover {
color: #fff;
text-decoration: none;
border: 6px solid #0068b3;
background-color: #0068b3;
}
.LNormal.disabled {
background-color: #004B7F;
border-color: #004B7F;
}
.LNormal:active, .LNormal.active,
.show > .LNormal.dropdown-toggle {
background-color: #0069d9;
background-image: none;
border-color: #0062cc;
}
/*#endregion LNormal*/
/*#region root elements */
body {
background-size: auto;
background-position: center 98px;
background-repeat: no-repeat;
font-family: Lato, sans-serif;
background-size: auto;
background-position: center 100px;
background-repeat: no-repeat;
color: #666;
}
h1, h2, h3, h4 {
position: relative;
font-weight: normal;
font-family: Raleway, sans-serif;
margin-bottom: 2rem;
margin-top: 2rem;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.3rem;
}
main {
clear: both;
}
form {
margin: 0;
}
footer {
clear: both;
background-color: #004B7F;
color: #fff;
margin: 20px 0 0 0;
width: 100%;
position: static;
}
.footer-fixed {
position: fixed;
bottom: 0;
}
footer .container {
padding: 1.5rem 15px;
}
.policies {
padding: 10px 0;
font-size: 14px;
background: #0D3C56;
}
.policies a:link, .policies a:visited {
color: #fff;
}
/*h1 a:link, h2 a:link, h3 a:link, h4 a:link {
text-decoration: none;
}*/
/*#endregion root elements*/
/*#region */
#navigation .navbar-toggler {
margin-right: -15px;
}
@media (max-width: 575.98px) {
.row {
margin-left: -4%;
margin-right: -4%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-left: 4%;
padding-right: 4%;
}
.container {
padding-left: 4%;
padding-right: 4%;
}
footer .container {
padding: 2rem 4%;
}
#navigation .navbar-toggler {
margin-right: -4%;
}
#bd-main-nav {
margin-right: -4%; /* encostar à direita */
}
}
/*endregion*/
/*#region thick fixed width underbar */
h1::before, h2::before, h3::before, h4::before,
.thick-fixed-width-underbar::before,
#navigation .nav-link-text:hover::before {
content: '\20';
position: absolute;
bottom: 0;
width: 50px;
margin: 0 0 -0.5em 0;
border: 1px solid #004B7F;
border-width: 0 0 3px 0;
z-index: 0;
}
#navigation .nav-link-text:hover {
color: #004B7F;
}
#navigation .nav-link-text:hover::before {
width: 42px;
border-width: 0 0 2px 0;
margin: 0 0 2em 0;
}
@media (max-width: 991px) {
#navigation .show .nav-item:hover {
background: #f8f9fa;
}
#navigation .show .nav-link-text:hover::before {
display: none;
}
}
/*#endregion thick fixed width underbar*/
#navigation .navbar {
background-color: rgb(255, 255, 255);
padding-top: 32px;
margin-bottom: 24px;
}
#navigation .navbar-brand {
margin: 0;
padding: 0;
position: relative;
}
#navigation .nav-link-text {
padding: 8.5px 14px;
}
.navbar-nav .nav-link {
text-transform: uppercase;
text-decoration: none;
color: #666;
font-size: 12px;
}
/*#region news*/
.news-gradient {
background: linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
}
.version-2017 #aNoticiaBodyContent > h1:first-of-type {
margin-top: 52px;
font-size: 1.75rem;
/*min-height: 70px;*/
}
.version-2017 #aNoticiaBodyContent .news-header-over-image {
position: absolute;
bottom: 0;
z-index: 1;
color: #fff;
padding: 1.5rem 1rem;
margin: 0;
width: 100%;
text-align: left;
font-size: 1.2rem;
}
@media (min-width:1200px) {
.news-summary-container {
min-height: 150px;
}
}
@media (max-width:425.98px) {
.version-2017 #aNoticiaBodyContent .news-header-over-image {
font-size: 1.2rem;
}
}
@media (min-width:426px) {
.version-2017 #aNoticiaBodyContent .news-header-over-image {
font-size: 1.4rem;
}
}
@media (max-width:575.78px) {
.version-2017 #aNoticiaBodyContent .news-header-over-image {
/*backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);*/
margin-left: -4%;
margin-right: -4%;
width: 108%;
padding: 1.5rem 4%;
font-weight: bold;
}
}
@media (min-width:576px) {
.version-2017 #aNoticiaBodyContent .news-header-over-image {
/*backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);*/
font-size: 1.5rem;
font-weight: bold;
}
}
@media (min-width:992px) {
.version-2017 #aNoticiaBodyContent .news-header-over-image {
font-size: 1.75rem;
font-weight: bold;
}
}
.version-2017 #aNoticiaBodyContent .news-header-over-image::before {
display: none;
}
.version-2017 #aNoticiaBody h3 {
font-size: 1rem;
font-variant: small-caps;
font-family: Lato, sans-serif;
margin-top: 0;
margin-bottom: 1rem;
}
.version-2017 #aNoticiaBody h3::before {
display: none;
}
/* VJLA 20191209 : Corrigir alguns problemas causados pelo bootstrap */
.version-2017 #aNoticiaBody sup, .version-2017 #aNoticiaBody sub {
line-height: normal;
}
.version-2017 #aNoticiaBody sup p, .version-2017 #aNoticiaBody sub p {
margin-top: .25rem;
margin-bottom: .25rem;
}
.version-2017 #aNoticiaBody dd {
margin-bottom: unset;
margin-left: 2.5rem;
}
.version-2017 #aNoticiaBody sub dd {
margin-left: 1.5rem;
}
.version-2017 #Observatorio_Infocus_SepsContent img {
max-width: 100%;
}
.version-2017 .box-with-title {
display: inline-block;
width: 100%;
margin: 40px 0 0 0;
border: 1px solid #eee;
border-radius: 5px;
background: #fff;
box-shadow: rgba(0,0,0,0.12) 0 4px 4px,rgba(0,0,0,0.12) 0 8px 6px;
}
.version-2017 .box-with-title h2 {
font-family: Lato, sans-serif;
text-transform: uppercase;
font-size: 1rem;
padding: 8px;
margin: 0;
border-bottom: 4.5px solid #004B7F;
}
.version-2017 .human-date {
/*color: #248344;*/
color: #666;
font-size: 0.85rem;
white-space: nowrap;
text-transform: lowercase;
}
.version-2017 .box-with-title h2 .human-date {
white-space: nowrap;
font-size: .7rem;
}
.version-2017 .box-with-title h2::before {
display: none;
}
.version-2017 .box-with-title ul {
margin: 8px;
}
.version-2017 .box-with-title .clLstGroup a:link,
.version-2017 .box-with-title .clLstGroup a:visited,
.version-2017 .thumb-row,
.version-2017 .thumb-row a:link,
.version-2017 .thumb-row a:visited {
text-transform: uppercase;
font-size: 0.8rem;
line-height: 1.1rem;
color: #666;
/*text-decoration: none;*/
}
.version-2017 .box-with-title .clLstGroup a,
.version-2017 .thumb-row a {
text-decoration: none;
}
.version-2017 .thumb-row > span {
display: table-cell;
}
.version-2017 .thumb-row > a {
display: table-cell;
}
.version-2017 .box-with-title .clLstGroup a:hover {
color: #004B7F;
}
.version-2017 .box-with-title .clLstGroup li {
padding: 0;
margin: 1rem 0 0 0;
line-height: 1.2;
display: block;
width: auto;
}
.version-2017 .box-with-title .alsonews-date-container {
display: none;
}
.version-2017 .box-with-title .alsonews-current {
background: none;
}
.version-2017 #news-related, .version-2017 #news-same-theme, .version-2017 #oneyearold-news {
display: none;
}
.version-2017 #NewsHeaderTema {
line-height: 1.1;
}
.version-2017 #NewsHeaderTema .svg-icon, .version-2017 .news-source-and-date .svg-icon {
margin: -3px 0 0 0;
padding: 0;
width: 14px;
height: 14px;
border-radius: 0;
background: none;
vertical-align: middle;
}
.version-2017 #NewsHeaderTema .svg-icon svg, .version-2017 .news-source-and-date .svg-icon svg {
margin: 0;
width: 100%;
height: 100%;
}
.version-2017 .news-source-and-date > div {
margin: 14px 0 0 0;
}
.version-2017 .text-shadow {
text-shadow: 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 20px #000;
}
/*.version-2017 .text-back {
background-color: #000;
background-color: rgba(0,0,0,.1);
}*/
.version-2017 .header-text {
font-size: 3rem;
margin: 2rem 0;
line-height: 1.3;
}
.version-2017 #aNoticiaBodyContent img {
max-width: 100%;
}
@media (max-width:767px) {
.version-2017 .header-text {
font-size: 2rem;
margin: 1.5rem 0;
}
}
@media (max-width:425px) {
.version-2017 .header-text {
font-size: 1.5rem;
margin: 1rem 0;
}
}
/*#endregion news*/
/*#region news-card*/
.news-card {
position: relative;
background: #fff;
box-shadow: rgba(0,0,0,.4) 0 4px 6px;
margin: 5px;
}
.news-card .product-overlay {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
.news-card-a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
color: #666;
background-repeat: no-repeat;
}
.news-card, .news-card-a, .news-card .product-overlay {
border-radius: 5px;
}
.news-card-a:hover, .news-card-a:visited {
color: #666;
}
.news-card-a:link {
transition: all 0.3s ease;
background-position: top center;
background-size: 100%;
}
.news-card .news-card-img-center {
transition: background-size 0.5s ease;
background-color: #eee;
background-position: center 25%;
background-size: auto;
background-repeat: no-repeat;
}
.news-card > svg.img-fluid {
padding-bottom: 82px;
}
.news-card .product-caption {
width: 100%;
position: absolute;
bottom: 0;
max-height: 100%;
}
.news-card .product-caption::before {
content: "\20";
position: absolute;
display: block;
width: 100%;
height: 19px;
margin: -18px 0 0 0;
background-image: url('/wap/i/images/app/diagonal-bottom-top.svg.mrkf');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.news-card .product-caption > div {
padding-top: 10px;
padding-bottom: 10px;
background: #fff;
}
.news-card .product-caption > div .product-title,
.news-card .product-title span {
overflow: hidden;
min-height: 3.6rem;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 0.8rem;
color: #666;
}
.news-card .product-title span {
font-weight: bold;
}
/*
.news-card .product-caption div .product-title::first-line {
font-size: 0.8rem;
}
*/
.news-card .product-detail {
display: none;
}
.news-card-a:hover {
background-position: top center;
background-size: 170%;
}
.news-card-a:hover .product-overlay {
background-color: #024ba0;
background-color: rgba(2, 75, 160, 0.8);
}
.news-card-a:hover .product-caption div {
background: none;
}
.news-card-a:hover .product-caption::before {
display: none;
}
.news-card-a:hover .product-caption .product-link-icon {
display: none;
}
.news-card-a:hover .product-caption div .product-title,
.news-card-a:hover .product-caption div .product-title span {
display: block;
color: #fff;
font-weight: bold;
padding-bottom: 0;
height: auto;
min-height: initial;
margin-bottom: auto;
}
.news-card-a:hover .product-caption div .product-detail {
transition: all 0.5s ease;
color: #fff;
text-transform: none;
display: block;
}
.news-card-a:hover .product-caption div .product-detail span {
color: #fff !important;
text-transform: none;
font-size: 1rem !important;
font-weight: bold;
}
.news-card .product-caption .product-link-icon {
padding: 3px;
position: absolute;
top: 0;
right: 0;
margin: -29px 10px 0 0;
background-color: #004B7F;
}
.news-card .product-caption svg {
fill: #fff;
}
/*#endregion news-card*/
/*#region nav social links */
.site-social-links {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
#navigation .site-social-links > .row {
position: relative;
}
#navigation .site-social-links .social-links-container {
margin: 6px 0 0 0;
position: absolute;
display: flex;
right: 0;
z-index: 1;
}
/*#endregion nav social links*/
/*#region guides for positioning menu, just DEBUG */
/*
.guide-line {
position: absolute;
border-top: 1px solid #ccc;
height: 0;
width: 100%;
z-index: 1;
display: none;
}
.guide-line-1 {
top: 32px;
}
.guide-line-2 {
top: 64px;
}
.guide-line-3 {
top: 96px;
}
*/
/*#endregion guides*/
#bd-main-nav .nav-item {
font-size: 0.85rem;
font-weight: bold;
color: #000;
}
#bd-main-nav .dropdown-item {
text-transform: uppercase;
font-weight: bold;
color: #666;
font-size: 12px;
}
#bd-main-nav .nav-link-smaller {
font-size: 11px;
color: #004B7F;
}
.svg-ico-logo {
display: inline-block;
width: 296px;
height: 70px;
}
#logo-spacer {
width: calc(64px * 472/160);
height: 64px;
}
#navigation .navbar-toggler {
padding: .25rem .50rem;
margin-top: 0.5rem;
}
/*
#bd-main-nav {
padding: 1rem 0;
}
*/
@media (max-width: 576px) {
#navigation .container {
width: 100%;
}
#logo-spacer {
width: calc(51px * 472/160);
height: 51px;
}
}
/*
@media (min-width: 992px) {
#bd-main-nav .nav-item {
}
}
@media (min-width: 1200px) {
#bd-main-nav .nav-item {
}
}
*/
/*#region svg icons */
.svg-icon {
border-radius: 50%;
background-color: #fff;
display: inline-block;
width: 28px;
height: 28px;
position: relative;
margin: 8px;
transition: all ease-in 0.3s;
}
.svg-icon svg {
vertical-align: top;
text-align: center;
margin: 20%;
width: 60%;
height: 60%;
fill: #686868;
}
/*#endregion*/
/* bootstrap extra */
.img-fluid {
max-width: 100%;
}
.container .svg-icon {
opacity: 1;
}
.nav-item-dots-three-vertical .nav-link,
.nav-item-menu-burger .nav-link,
.nav-item-ico.nav-link,
.nav-item-magnifier.nav-link {
padding: 6px 8px;
}
.nav-item-dots-three-vertical .svg-ico-dots-three-vertical,
.nav-item-menu-burger .svg-ico-menu-burger,
.nav-item-ico .svg-ico-magnifier,
.nav-item-magnifier .svg-ico-magnifier,
.nav-item .svg-ico-user-circle-o,
.nav-item .svg-ico-shopping-basket {
width: 23px;
height: 23px;
margin: 0;
border-radius: 0;
background: none;
vertical-align: middle;
line-height: 1;
}
.nav-item-menu-burger .nav-link:after {
display: none;
}
.nav-item-menu-burger .dropdown-menu {
right: 0;
left: auto;
box-shadow: rgba(0,0,0,.4) 0 4px 4px;
}
#bd-main-nav {
margin-right: -15px; /* encostar à direita */
}
@media (max-width:767px) {
#bd-main-nav .navbar-nav {
margin-top: 10px;
}
}
@media (min-width:768px) {
#bd-main-nav {
/*overflow: hidden;*/
max-height: 35px;
}
}
.svg-ico-menu-burger {
width: 20px;
height: 20px;
margin: 0;
border-radius: 0;
background: none;
line-height: 1;
}
.svg-ico-menu-burger svg {
margin: 0;
padding: 12% 0;
width: 100%;
height: 100%;
}
/* - - - - - - */
ul.clLstGroup li {
clear: both;
list-style-type: none;
padding: 5px 0;
}
ul.clLstGroup li::before, .clLst::before {
content: '\3e';
position: absolute;
margin-left: -14px;
transform: scale(1,1.2);
font-weight: normal;
font-family: monospace;
font-size: 15px;
line-height: 1;
margin-top: 3px;
}
ul.clLstGroup {
clear: both;
padding-left: 14px;
}
.clLst {
clear: both;
padding: 0;
margin: 1rem 0 0 14px;
line-height: 1.2;
display: block;
width: auto;
}
/* - - - - - */
#aNoticiaNav {
display: flex;
}
#aNoticiaNav ul {
float: right;
}
#aNoticiaNav .svg-ico-chevron-left, #aNoticiaNav .svg-ico-chevron-right, #aNoticiaNav .svg-ico-printer, #aNoticiaNav .svg-ico-dots-three-horizontal {
width: 32px;
height: 32px;
border-radius: 50%;
background: #eeeeee;
margin: 8px 4px;
}
#aNoticiaNav .svg-ico-chevron-left svg, #aNoticiaNav .svg-ico-chevron-right svg, #aNoticiaNav .svg-ico-printer svg, #aNoticiaNav .svg-ico-dots-three-horizontal svg {
width: 46%;
height: 46%;
margin: 27%;
}
#aNoticiaNav ul li {
display: inline-block;
}
#aNoticiaNav ul li a {
display: inline-block;
}
#aNoticiaNav .newsletter-id, #aNoticiaNav .newsletter-tema {
font-size: .75rem;
display: inline-block;
}
/*#region more info buttons */
.more-info {
margin: 10px 0;
background-color: #004b7f;
box-shadow: rgba(0,0,0,.3) 0 4px 4px;
display: block;
color: #fff;
border-radius: 0;
text-decoration: none;
}
.version-2017 .more-info:not(:disabled):not(.disabled).active,
.version-2017 .more-info:not(:disabled):not(.disabled):active,
.show > .version-2017 .more-info.dropdown-toggle {
color: #fff;
border: 6px solid #0068b3;
background-color: #0068b3;
}
.more-info:visited {
background-color: #004b7f;
}
.more-info:focus {
color: #fff;
}
.more-info.btn-primary {
border: 6px solid #004b7f;
}
.version-2017 .more-info.btn-primary:hover {
border: 6px solid #0068b3;
background-color: #0068b3;
}
/*
.more-info.btn-primary:not(:disabled):not(.disabled).active,
.more-info.btn-primary:not(:disabled):not(.disabled):active,
.show > .more-info.btn-primary.dropdown-toggle {
border: 6px solid #0068b3;
background: #0068b3;
box-shadow: #aaa 0 4px 4px;
}
.more-info.btn-primary.focus, .more-info.btn-primary:focus {
box-shadow: #aaa 0 4px 4px;
}
.more-info.btn.focus, .more-info.btn:focus {
outline: 0;
box-shadow: #aaa 0 4px 4px;
}*/
/*#endregion*/
/* link-to */
/*.link-to-email:after, .link-to-page:after, .link-to-site:after, link-to-map:after {
content: '\20';
display: inline-block;
width: 11px;
height: 9px;
margin: 0 4px;
background-repeat: no-repeat;
}
.link-to-email:after {
background-image: url('/wap/images/mailto.gif');
}
.link-to-page:after {
background-image: url('/wap/images/page.gif');
}
.link-to-site:after {
background-image: url('/wap/images/site.gif');
}
.link-to-map:after {
background-image: url('/wap/images/map.gif');
width: 15px;
height: 11px;
}*/
/* center element */
center {
display: block;
clear: both;
}
/*#region policy-container and other form styles */
.form-checkboxes {
padding: 0;
clear: both;
width: 100%;
margin: 20px 0;
border-collapse: collapse;
}
.form-checkboxes td {
padding: 0 4px 0 0;
vertical-align: top;
}
.form-buttons {
margin: 10px 0;
padding: 10px 0;
}
.privacy-policy {
font-size: 11px;
line-height: 1.3;
padding: 20px 0;
}
/*#endregion policy-container */
/*#region site-facebook-share-count*/
.default-social-buttons-container {
display: block;
height: 56px;
padding: 8px 0;
}
#site-facebook-share-count, #page-facebook-share-count {
color: #f0f0f0;
background: #bf4040;
border-radius: 9.5px;
/*font-family: monospace;*/
/*display: inline-block;*/
padding: 4px 6px;
line-height: 1;
font-size: 11px;
position: absolute;
top: 0;
right: 0;
margin: -1px 0 0 0;
}
#site-facebook-share:link path, #site-facebook-share:visited path {
fill: #004B7F;
}
#site-facebook-share:hover .svg-icon {
background: #eee;
}
#site-facebook-share:hover path {
fill: #3B5998;
}
#site-facebook-share, #site-twitter-share,
#page-facebook-share, #page-twitter-share {
display: inline-block;
min-width: 28px;
min-height: 28px;
margin: 10px 0 10px 0;
position: relative;
}
#page-facebook-share .svg-icon, #page-twitter-share .svg-icon {
margin: 6px;
}
#site-facebook-share .svg-icon, #site-twitter-share .svg-icon {
margin: 6px;
}
#page-facebook-share .svg-icon {
background: #3B5998;
}
#site-twitter-share:link path, #site-twitter-share:visited path {
fill: #004B7F;
}
#site-twitter-share:hover .svg-icon {
background: #eee;
}
#site-twitter-share:hover path {
fill: #1DA1F2;
}
#page-twitter-share .svg-icon {
background: #1DA1F2;
}
#site-facebook-share .svg-icon svg, #site-twitter-share .svg-icon svg,
#page-facebook-share .svg-icon svg, #page-twitter-share .svg-icon svg {
margin: 25%;
width: 50%;
height: 50%;
}
#page-facebook-share .svg-icon svg path, #page-twitter-share .svg-icon svg path {
fill: #fff;
}
/*#endregion */
/*#region fields */
.field-row {
margin-top: 20px;
}
.field-label {
font-weight: bold;
margin-bottom: 0.1rem;
}
.fields-container select:focus option:hover {
box-shadow: 0 0 10px 100px #1882A8 inset;
}
.radio-field label {
padding: 0 20px 0 0;
}
.radio-field input[type=radio] {
margin: 0 6px 0 0;
}
.button-sep {
display: inline-block;
width: 40px;
}
select {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/*#endregion*/
.clErrors:empty {
background: none;
padding: 1px;
}
.clErrors {
background: #fffff0;
padding: 1rem;
}
.clErrors ul {
margin: 0;
}
/* PDF icons */
.link-to-pdf {
width: 24px;
height: 11px;
position: relative;
display: inline-block;
}
.link-to-pdf svg {
position: absolute;
margin: -11px 0 0 0;
width: 32px;
height: 32px;
}
.link-to-pdf svg path {
fill: #666;
}