/*****************************************************************************
** ModuleQuickLinks
*****************************************************************************/

@media all {
    .ModuleQuickLinksContainer { }
        .ModuleQuickLinksContainer .ModuleEmptyTitle { margin-top: 15px; }
        .ModuleQuickLinksContainer .MQLCLinks { /*border: 1px solid #000;*/ overflow: hidden; }
            .ModuleQuickLinksContainer .MQLCLinks .MQLCLinksInner { /*margin: -7.5px -6.5px -5px -6.5px;*/ overflow: hidden; }
            .ModuleQuickLinksContainer .MQLCLinks .MQLCLink { /*width: calc(33.33% - 15px);*/ width: 50%; overflow: hidden; position: relative; padding-bottom: calc(33.33% - 15px); float: left; /*margin: 7.5px;*/ color: #006699; /*box-shadow: 0px 1px 5px 0px rgba(68, 68, 68, 0.5);*/ border-radius: 1px; overflow: hidden; transition: background-color 500ms ease-in-out; border-width: 0px; border-style: solid; margin-bottom: 10px; }
                .ModuleQuickLinksContainer .MQLCLinks .MQLCLink[href]:hover { /*color: #000; opacity: 1; background-color: #17406d !important; color: #fff;*/ /*box-shadow: none; margin-top: 10.5px; margin-bottom: 4.5px;*/ }
                .ModuleQuickLinksContainer .MQLCLinks .MQLCLink .MQLCLinkIcon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; /*padding-bottom: 5px;*/ }
                    .ModuleQuickLinksContainer .MQLCLinks .MQLCLink .MQLCLinkIcon img { max-width: 100%; max-height: 65%; /*opacity: 0.65;*/ }
                .ModuleQuickLinksContainer .MQLCLinks .MQLCLink[href]:hover .MQLCLinkIcon img { /*opacity: 1;*/ }
                .ModuleQuickLinksContainer .MQLCLinks .MQLCLink .MQLCLinkText { height: 35%; font-size: 0.725rem; font-weight: 600; text-transform: uppercase; line-height: 0.9375rem; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 0 2px; /*opacity: 0.65;*/ }
                .ModuleQuickLinksContainer .MQLCLinks .MQLCLink[href]:hover .MQLCLinkText { /*opacity: 1;*/ text-decoration: underline; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
    .ModuleQuickLinksContainer { margin: 15px 0; }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLink .MQLCLinkText { }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLinksInner { height: 368px; }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLink { padding-bottom: calc(27% - 15px); }
}

/*bootstrap grid lg*/
@media all and (max-width: 1599px) and (min-width: 1200px) {
    .ModuleQuickLinksContainer { margin: 15px 0; }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLink .MQLCLinkText { }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLinksInner { height: 368px; }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLink { padding-bottom: calc(38% - 15px); }
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
    .ModuleQuickLinksContainer { margin: 15px 0; }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLinksInner { height: 368px; }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLink { padding-bottom: calc(34% - 15px); }
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .ModuleQuickLinksContainer { margin: 15px 0; }
        .ModuleQuickLinksContainer .ModuleEmptyTitle { display: none; }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLinksInner { /*margin: -2.5px;*/ }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLink { width: 12.5%; padding-bottom: 12.5%; /*margin: 2.5px;*/ }
            .ModuleQuickLinksContainer .MQLCLinks .MQLCLink .MQLCLinkText { font-size: 0.6875rem; line-height: 0.875rem; }
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
    .ModuleQuickLinksContainer { margin: 15px 0; }
        .ModuleQuickLinksContainer .ModuleEmptyTitle { display: none; }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLinksInner { /*margin: -2.5px;*/ }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLink { width: 25%; padding-bottom: calc(20% - 5px); /*margin: 2.5px;*/ }
            .ModuleQuickLinksContainer .MQLCLinks .MQLCLink .MQLCLinkText { }
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
    .ModuleQuickLinksContainer { margin: 15px 0; }
        .ModuleQuickLinksContainer .ModuleEmptyTitle { display: none; }
    ModuleQuickLinksContainer .MQLCLinks .MQLCLinksInner { /*margin: -2.5px;*/ }
    .ModuleQuickLinksContainer .MQLCLinks .MQLCLink { width: 50%; padding-bottom: 80px; /*margin: 2.5px;*/ }
        .ModuleQuickLinksContainer .MQLCLinks .MQLCLink .MQLCLinkText { font-size: 0.6875rem; line-height: 0.875rem; }
}