﻿
.ProductTitleTab {
    font-family: Arial Black;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding: 5px;
    color: #E5E5E5;
    position: absolute;
    left: 55px;
    top: 5px;
    letter-spacing: 1px;
}

.ProductTitleMobile {
    font-family: Arial Black;
    font-size: 12.5px;
    font-weight: bold;
    padding-top: 10px;
    color: #E5E5E5;
    letter-spacing: 1px;
}    

    .ProductTitle-Test {
        background-image: linear-gradient(to bottom,#3e1210 0%,#c53a25 100%)!important;
    }

    .navbar {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        border-width: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: 45px;
        background-image: url('../../assets/images/PA_Background.png');
    }

    .navbar-brand{
        padding-top: 5px!important;
        padding-bottom: 0px!important;
    }

    .navbar-desktopview {
        background-image: url('../../assets/images/PA_Background.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .navbar-mobileview {
        background-image: url('../../assets/images/PA_Background.png');
        background-size: 100%;
        /*background-repeat: no-repeat;*/
    }

    .sidebar-alignment {
        line-height: 0px !important;
        height: 30px !important;
        top: 6px;
    }

    .sidebar-align-help {
        line-height: 30px !important;
        height: 30px !important;
    }
	.center-BannerImage{
        margin-top: -70px!important;
    }
	.banner-position{
        position: relative;z-index: 1;top: -20px;
    }


    /*NIBRS 7269: PA - Login Page Change => Styles for the LOGIN Page*/
    #loginformmessage a{
        text-decoration: underline;
        margin-left:0!important;
    }
    
    #flex-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #flex-container div[class*=flex-item-] {
        width: 375px;
    }

    .flex-item-1{
        text-align: justify;
    }
    
    .flex-item-1, .flex-item-3 {
        /*background-color: #003D7D;*/
        margin: 3px 0px;
        padding-top: 22px;
    }

    .flex-item-3 .toolbar > div:first-child > a {
             margin-left:0px; 
    }

    #logo-container {
        border-top: 2px solid #003D7D;
        padding: 5px;
    }

    #keystonemsg-Container span {
        display: none;
    }

    /*Portrait*/
    @media (max-width: 1354px) {
    
        #flex-container{
            flex-direction: column;
            align-content: center;
        }

        .keystonelinks {
            display: inline-block;
            margin-right: 5px!important;
        }        

        .keystonelinks + br, center + br {
            display: none; 
        }

        #keystonemsg-Container span{
            display: inline;
        }        
    }

    /*Landscape*/
    @media (min-width: 1200px) and (max-width: 1408px) {
    
        #flex-container div[class*=flex-item-] {
            width: 360px;
        }
    }
@media (min-width: 768px) and (max-width:1199.98px) {
    .flex-item-1, .flex-item-3 {
        /*background-color: #003D7D;*/
        margin: 3px 0px;
        padding-top: 22px;
    }
    #keystonemsg-Container span {
        display: inline;
    } 
}
@media (min-width: 375px) and (max-width: 767.98px) {
    .flex-item-1, .flex-item-3 {
        /*background-color: #003D7D;*/
        margin: 3px 0px;
        padding-top: 2px;
    }
    #keystonemsg-Container span {
        display: inline;
    } 
}
@media (max-width: 991.98px) {
    .banner-position {
        top:0!important;
    }
}
