@media (max-width: 767px) {
    .hidden-xs {
        display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important; } }

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important; } }

@media (max-width: 767px) {
    .visible-xs {
        display: block !important; }
    table.visible-xs {
        display: table !important; }
    tr.visible-xs {
        display: table-row !important; }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important; } }

@media (min-width: 768px) {
    .visible-mobile {
        display: none !important; } }


@media (min-width: 992px) {
    .visible-mobile-sm {
        display: none !important; } }

.hidden {display: none;}

a.mylink:link {color:#6770d2; text-decoration: none;}
a.mylink:visited {color:#6770d2; text-decoration: none;}
a.mylink:hover {color:#6770d2; text-decoration: underline;}
a.mylink:active {color:#6770d2; text-decoration: underline;}

a.mylinknotification:link {color:#0b5885; text-decoration: underline;}
a.mylinknotification:visited {color:#0b5885; text-decoration: underline;}
a.mylinknotification:hover {color:#dc3545; text-decoration: underline;}
a.mylinknotification:active {color:#0b5885; text-decoration: underline;}

.img-fluid {
    max-width: 100%;
    height: auto;
}