/* <link href="/master.css" rel="stylesheet">  ---- Add this line in your html code at the top of the page to apply this css*/

@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lora/v32/400.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lora/v32/400-italic.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/900.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/900-italic.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/700.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/700-italic.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/300.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/300-italic.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/100.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/100-italic.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/400.css');
@import url('https://content.powerapps.com/resource/powerappsportal/fonts/lato/v23/400-italic.css');


/* Quick Link View css */
.quickLinkContainer {
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.quickLinkStyle,
.quickLinkHome {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.quickLinkHome {
    transition: transform 0.3s ease !important;
}

.quickLinkHome:hover {
    transform: scale(1.05) !important;
    background-color: #000000 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.pageHeadingBg {
    background: #d6d6d6 !important;
}

.pageHeadingColor {
    color: #0071bc !important;
}

.quickLinkStyle:hover {
    background-color: #000000 !important;
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 1199px) {

    .quickLinkStyle,
    .quickLinkHome {
        flex: 1 1 calc(50% - 16px) !important;
        /* 2 items per row on smaller screens */
    }
}

@media (max-width: 767px) {

    .quickLinkStyle,
    .quickLinkHome {
        flex: 1 1 calc(100% - 16px) !important;
        /* 1 item per row on very small screens */
    }
}

/* ---------------------*/