/* These are third party stylesheets */
@import url("simplescrollbar.955f39f72010.css");
@import url("fontawesome/all.min.cebbfa6d2274.css");

/* 
The following stylesheet is generated from sass
----------------------------------------
To run gulp, install Node, and install gulp globally: npm install gulp -g 
Then, in the project folder, install project dependencies: npm install
Finally, in the project folder, start the watcher to recompile sass when you save any changes in helpdesk/sass: gulp watch

*/
@import url("index.ec42536242fa.css");


@media only screen and (max-width : 768px){
    h1, h3{
        font-size: 1.5rem;
    }
    .navbar-collapse{
        position: absolute;
        top:3rem;
        right:0;
    }
    .image-banner .cta-card{
        margin-top: 0.25rem;
    }
}
@media only screen and (max-width : 400px){
    h1, h3{
        font-size: 1rem;
    }
}
.align-items-start,
form .dt-custom-wrapper,
.align-items-center{
    flex-wrap: wrap;
}
form .btn{
    margin: 0.25rem 0.5rem !important;
}
.navbar{
    flex-wrap: initial !important;
}
.alert-success{
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        padding: 0;
        margin: 0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        padding: 0;
        margin: 0;
        display:none;
    }
}