/* include id styles */
@import 'idstyles.css?v=042819';

/* Only display masthead background images on larger screens. */
@media (min-width: 992px) {

    /*
        1. Edit the .mdgov-masthead rule's background-image to your own default site-wide image.
        2. Use the .mdgov-fixed .mdgov-mastead rule to override your default if using a combination of fluid and fixed width layouts.
        3. Use masthead modifier classes "--tall, --full. REMOVE or COMMENT any not in use.
    */

    /* Default site-wide masthead. */
    .mdgov-masthead {
        background-image: url("../img/masthead-bg-fluid-1920x250.jpg");    
    }

    /* Default site-wide fixed layout masthead. */
    .mdgov-fixed .mdgov-masthead {
        background-image: url("../../../img/masthead-bg-fixed-1200x250.jpg");

    }

    /* Tall fluid-width masthead. */ 
    .mdgov-masthead.mdgov-masthead--tall {
        background-image: url("../../../img/masthead-bg-tall-fluid-1920x500.jpg"); 
    }

    /* Tall fixed-width masthead. */
    .mdgov-fixed .mdgov-masthead.mdgov-masthead--tall {
        background-image: url("../../../img/masthead-bg-tall-fixed-1200x500.jpg");
    }

    /* Full-height, fluid-width masthead. */
    .mdgov-masthead.mdgov-masthead--full {
        background-image: url("../../../img/masthead-bg-full-fluid-1920x1020.jpg");
        overflow: hidden;
    }

    /* 
        For displaying angled card background effect.
        Note that background color is specified as the primary brand in the core CSS already.
    */
    .mdgov-masthead.mdgov-masthead--full:before {
        content: "";
        backface-visibility: hidden;
        transform: skew(0deg,-3deg);
        height: 50%;
        width: 100vw;
        position: absolute;
        z-index: 0;
        transform-origin: bottom left;
        left: 0;
        bottom: -110px;
    }

    /* Full-height, fixed-width masthead. */
    .mdgov-fixed .mdgov-masthead.mdgov-masthead--full {
        background-image: url("../../../img/masthead-bg-full-fixed-1200x1020.jpg");
        background-size: auto;
        background-position: top center;
    }

    .mdgov-masthead--angled {
        background-image: url('../../../img/masthead-bg-angled.jpg');
    }

    /* Full-screen background example. 
    .mdgov-outerWrap {
        background-color: transparent;
    }
    body {
        background-image: url(../../../img/masthead-bg-full-fluid-1920x1020.jpg);
    }
    */
}

.ms-webpart-zone a:visited {
    color: #c8122c ;
}

.list-group a:visited {
    color: #000 !Important;
}
.list-group {
    display:block !Important;

}
.d-flex h3.mb-1 {
margin-left: 0px ;
}

.d-flex {
display: block !Important;
}
.mdgov-footer__nav a:visited{
color: #fff !Important;
}
.btn-primary {
    color: #fff !Important;
}
.mdgov-main div.welcome {
    padding: 0px 0px !Important;
}
.mdgov-search__input {
    width: 100%;
    flex-basis: 100%;
    padding: 1rem 0 1rem 1rem !Important;
    outline: none;
    border: 0 !Important;
    background-color: #fff !Important;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
}
#s4-bodyContainer 
{
padding-bottom:0px !Important;
}

/*
    All styles below support the template demo site only. All styles below are OPTIONAL and may be removed as needed.
*/

.input-validation-error {
    border-color: #ff0000 !important;
}

input[type="color"] {
    width: 100%;
    max-width: 400px;
}

/* MVC Form Validation */
.field-validation-error {
    position: relative;
    left: 0;
    top: 0.5rem;
    background-color: #ff0024;
    color: #ffffff;
    padding: 0.5rem;
    display: inline-block;
    width: 100%;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 0.5rem;
}

.field-validation-error:after {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    bottom: 100%;
    left: 2rem;
    border: solid transparent;
    pointer-events: none;
    border-color: rgba(255, 255, 0, 0);
    border-bottom-color: #ff0024;
    border-width: 0.5rem;
    margin-left: -0.5rem;
}

.validation-summary-errors ul {
    padding-left: 1.5rem;
    margin-top: 0.5rem;
}

/* Online Services Widget Container */
.svc_filterForm {
    background-color: #e9ecef;
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 1rem;
}


@media (min-width: 768px) {
    .field-validation-error {
        width: auto;
}
}
/* custom Entries Starts from Here */

.trac-header-bar1 {
    width: 100%;
    height: 24px;
    background: url(' ../../../../OCImages/trac_bar.png') no-repeat center top;
    margin-bottom: 30px;
}

.inpage-alert {
    background-color: #C8122C;
    padding: 5px 10px;
    color: white;
    font-weight: 700;
}

.mdgov-footer__nav a:visited{
color: #fff !Important;
}

.btn-primary {
    color: #fff !Important;
    background-color: #C8122C;
    border-color: #C8122C;
}

.card-title a{	
   color: #C8122C !Important;
   text-decoration: none !Important;
}

.card-title a:visited{
	color: #C8122C !Important;   
}   

#s4-bodyContainer {
    padding-bottom: 0px !Important;    
}

.mdgov-social__icon {
    margin-right: 0.5rem;
    font-size: 2rem;
    color: #fff !important;
    line-height: 0;
    text-decoration: none !important;
}



/****** TableStyles ******/

Tablebg {
margin: 0px;
padding: 0px 10px 10px 10px;
width: 400px;
width: 100%;
text-align: left;
background:#DDE9F7;
}
.THeaders
{
font-family: Arial, Helvetica, sans-serif;
/*font-size: 11px;*//* Font sizes should be in percentages */
font-size:100%;
font-weight: bold;
text-transform:uppercase;
background-color: #999999;
color:#fff;
padding:.1em .3em .1em .3em;
text-align: left;
}

.THeaders a
{
background-color: #999999;
color:#fff;
}
.THeaders a:visited
{
background-color: #999999;
color:#fff;
}
.THeaders a:hover
{
background-color: #999999;
color:#fff;
}

.TrHeader {
font-family: Arial, Helvetica, sans-serif;
/*font-size: 11px;*//* Font sizes should be in percentages */
font-size:100%;
background:#eee;
}
/* Removed this style as the color code is very close to background color
.TrHeader a:hover {
color: #CEE9FF;
}
*/
.TrAlternateHeader {
font-family: Arial, Helvetica, sans-serif;
/*font-size: 11px;*//* Font sizes should be in percentages */
font-size:100%;

background:#DDE9F7;
}
/* Removed this style as the color code is very close to background color

.TrAlternateHeader a:hover {
color: #CEE9FF;
}
*/

.gdpager{
font-weight:bolder;
	
}
.gdpager table{
	text-align:right;
}
.gdpager table tr td{
	font-size:90%;
}
.gdpager table tr td a{
	 font-weight:bold;
	 
}
.gdpager table tr td span {
	color :red;
	font-weight:bold;
}

.mdgov-footer__middle *, .mdgov-footer__bottom * {
    color: rgba(255,255,255,0.65) !Important;
}

input[type=button]:hover, button:hover {   
    background-color: #9c1837 !Important;
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) 
{
	.posts-container table, 
	.posts-container thead, 
	.posts-container tbody, 
	.posts-container th, 
	.posts-container td, 
	.posts-container tr {
	 display: block;
	}
	.posts-container tr {
		margin: 0 0 1rem 0;
	}
	.posts-container .post-meta {
		background: #ccc;
		padding:5px;
	}
	span.post-featured-img {
		width: 100%;
		text-align: center;
		padding: 10px;
	}
	.post-featured-img img {
		max-width:50%;
	}

/* The following changes applied to display mega menu in the mobile devices */	
	
	mdgov-notifications, .mdgov-bodynotifications {
	position: fixed !Important;
	left: 0;
	top: 0;
	right:0;
	z-index: 1;
	width: 100%;
   }
  
   .mdgov-entNav__btn {   
    background-color: transparent !important;   
   }	
  
   .mdgov-entNav {
    background-color: #ffffff !important;
   }	
  
   .mdgov-navBar__nav li.active a, .mdgov-navBar__nav li>a.active {
    background-color: rgba(255,255,255,0.25) !Important;
    }
  
    input[type=button]:hover, button:hover {
    background-color: #fff !Important;
    }
    
	.mdgov-navBar__nav>ul {
    padding: 0px !Important;    
	}
/* Mega Menu changes end's here */	

} /* closing tag @media */


ul {    
    padding-inline-start: 5px !important;
  }

}