for http://balonnedash.qitplus.com/ (Balonne TRAINING dashboard platform)

/* missing link to apply fonts that are already set in the CSS for this dashboard */
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap);


#notice_understandingyourrisk .col-md-12.notice-new__Container, #notice_floodcategories .col-md-12.notice-new__Container{
        display: flex;
}


#notice_understandingyourrisk, #notice_floodcategories {
    display: flex;
}


div#notice_floodawarenessmap, div#smallTabs_viewmaplink{
    margin-left: auto;
    margin-right: auto;
}


/* unfortunately no other way to select these rows and make them flex */
/* they have a flex-row class but display:flex has been comment out in contentMgStyles.css */
/* ! this change may affect other templates ! */
div#row_1, div#row_2, div#row_3 {
    display: flex;
}


div#smallTabs_viewmaplink {
        padding: 3vh 0 6vh 0 !important;
}


#notice_placeholderimagelinks img {
    object-fit: contain;
    max-width:100%;
    height:auto;
}

.modal-dialog{
    height: auto !important;
}

/* ! very quick fix POC not for production, may affect other modals */
/* white link text on white background inside modal */
#smallTabModal a {
    color: #004f70;
}

/*Captcha Styles*/

.captchaContainer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: center;
}

.captchaEncap {
    padding: 15px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    border-radius: 5px;
}

.canvasContainer {
    padding: 10px;
}

.captchaCanvas {
}

.captchaInput {
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    border: 0px;
    padding: 10px
}