﻿
/* WP Pane --------------------------------------------------------------------------------*/
#MSOTlPn_MainTD {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  height: 100% !important;
  width: auto !important;
  overflow-y: auto;
  background: #fff;
}
#MSOTlPn_MainTD > table{
  margin-right: 19px;
  position: static;
  width: 100%;
}
.ms-TPBorder {
  width: 100%;
}

/* body -------------------------------------------------------------------------------------------------*/
#s4-bodyContainer #dolNav,
#s4-bodyContainer #dol_firstHeader,
#s4-bodyContainer footer .row div:nth-child(2)  {
	font-family:Tahoma;
}
/* site logo */
.ms-siteicon-img,
.ms-siteicon-a {
	max-height: 150px;
	max-width: 400px;
	width:325px;
	height:115px;
}
#s4-bodyContainer {
	padding-bottom:0px;
}
#s4-bodyContainer #dol_firstHeader {
	padding-top:80px;
	min-height:655px;
}
.dol_pagelayout_callout {
	font-size:20px;
	color: #fff;
	background-color: #e5c86a;
	padding:10px 0px 10px 15px;
	margin-top:30px;
}

@media (max-width:480px) { 
	#s4-bodyContainer #dol_firstHeader {
		padding-top:70px;
	}
	#s4-bodyContainer #dol_firstHeader .dol_center {
		text-align:center;
	}
	
}


/* navigation ----------------------------------------------------------------------------*/
#dolNav {
	background-color:#333333;
	width:100%;
	display:block;
	position:fixed;
	z-index:1;
}
/* Hide "Edit Links" */
.ms-listMenu-editLink {
    display: none !important;
}
/* hide dropdown arrow */
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background,
.ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background {
	background-image:none;
	padding-right:0px;
}
.navbar {
	margin-bottom:0px;
}
.navbar-inverse {
	background-color:#333333;
}
.ms-core-listMenu-horizontalBox ul {
	list-style:none;
	padding:0px;
}
ul.dynamic {
	border:none;
}
/* Top Navigaion Menu Items container DIV */
.ms-core-listMenu-horizontalBox {
    background-color: #333333;
} 
 /* Top Navigaion Static Menu Items */
.ms-core-listMenu-horizontalBox li.static {
    border: 1px solid transparent;
}
 /* Top Navigaion Static Menu Item Links  */
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    color: #fff;
    white-space: nowrap;
    border: 1px solid transparent;
    padding: 13px 15px;
    margin-right: 0px;
    text-decoration: none;
} 

/* Sub-Menu Items (HyperLinks) Hover Style */
ul.dynamic .ms-core-listMenu-item:hover {
    color: #fff;
}
/* Top Navigation static Menu Item Links Hover Style */
.ms-core-listMenu-horizontalBox li.static:nth-child(1) > .ms-core-listMenu-item:hover {
	background-color: #006400;
	color: #fff;
}
.ms-core-listMenu-horizontalBox li.static:nth-child(2) > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static:nth-child(2) ul.dynamic .ms-core-listMenu-item {
	background-color: #d8853e;
}
.ms-core-listMenu-horizontalBox li.static:nth-child(3) > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static:nth-child(3) ul.dynamic .ms-core-listMenu-item {
    background-color: #f3ba78;
}
.ms-core-listMenu-horizontalBox li.static:nth-child(4) > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static:nth-child(4) ul.dynamic .ms-core-listMenu-item {
    background-color: #88625d;
}
.ms-core-listMenu-horizontalBox li.static:nth-child(5) > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static:nth-child(5) ul.dynamic .ms-core-listMenu-item {
    background-color: #8b3f46;
}
.ms-core-listMenu-horizontalBox li.static:nth-child(6) > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static:nth-child(6) ul.dynamic .ms-core-listMenu-item {
    background-color: #bd8c68;
}
.ms-core-listMenu-horizontalBox li.static:nth-child(7) > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static:nth-child(7) ul.dynamic .ms-core-listMenu-item {
    background-color: #df3832;
}
.ms-core-listMenu-horizontalBox li.static:nth-child(8) > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static:nth-child(8) ul.dynamic .ms-core-listMenu-item {
    background-color: #e65834;
}
/*  Sub-Menu Items (HyperLinks) Style */
ul.dynamic .ms-core-listMenu-item {
    background-color: #f7f7f7;
    padding: 10px 20px 10px 20px;
    white-space: nowrap;
    color:#fff;
} 
	

@media (min-width:1900px) {
	
	 /* Top Navigaion Static Menu Selected */
	.ms-core-listMenu-horizontalBox li.selected a.selected {
	    background-color: #fff;
	    color: #000;
	    text-decoration: none;
	    padding: 10px 15px;
	    margin: 0px;
	}
	.ms-core-listMenu-horizontalBox li.selected a:hover.selected {
		color:#000;
	} 
	 
	 /* Sub-Menu/Flyover/Dynamic Menu Container */
	ul.dynamic {
	    margin-top: 8px;
	} 
	ul.dynamic .ms-core-listMenu-item {
		border-bottom:1px solid #fff;
	} 
	 
	.ms-core-listMenu-horizontalBox li ul.dynamic .ms-core-listMenu-item:hover {
		background-color:#000 !important; 
		color:#fff !important;
	}
	
}

/* mobile nav ---------------------------------------------------------------------------------------*/
@media (max-width:480px) { 
	
	#zz9_TopNavigationMenu {
		width:100%;
		overflow:auto;
	}
	.ms-core-listMenu-horizontalBox {
		width:100%;
	}
	.ms-core-listMenu-horizontalBox ul,
	.ms-core-listMenu-horizontalBox li {
		display:block;
	}
	.navbar-collapse {
		padding:0px;
	}
	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
		padding:10px;
		border-bottom:1px solid #333;
		display:block;
		margin-right:0px;
	}
	.ms-core-listMenu-horizontalBox ul {
		padding:0px;
	}
	.ms-core-listMenu-horizontalBox ul.dynamic {
		position:static;
		padding:0px;
		background-color:transparent;
		border:0px;
		box-shadow: none;
		width:100% !important;
	}
	ul.dynamic .ms-core-listMenu-item {
		padding:10px 0px 10px 30px;
	}
	.ms-core-listMenu-item, .ms-core-listMenu-item:link,
	.ms-core-listMenu-item:visited {
		color:#fff;
	}
	ul.dynamic .ms-core-listMenu-item {
		border-bottom:1px solid #000;
	}
	.ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited {
		padding:10px;
	}
	.ms-core-listMenu-horizontalBox li ul.dynamic .ms-core-listMenu-item:hover {
		background-color:#000 !important; 
		color:#000 !important;
		display:block;
		width:100%;
	}
	/* menu scrolll fix */
	.navbar .navbar-collapse.in { 
		height: 50vh !important; 
		overflow-y: scroll !important; 
		overflow-x: hidden !important; 
	}

}

/* breadcrumb ------------------------------------------------------------------------------------------------*/
        
.breadcrumb {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.breadcrumb a {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    color: #222;
    
}
.breadcrumb a::after {
	content:'>';
	padding:0px 10px;
	cursor:default;
}
.breadcrumb a:hover {
	text-decoration:none;
	color:#337ab7;
}

@media (max-width:480px) { 
	.breadcrumb a::after {
	content:'>';
	padding:0px 5px;
	cursor:default;
	}
}


/* footer ------------------------------------------------------------------------------------------------*/
footer {
    background-color: #1f1f1f;
    min-height: 140px;
    margin-top: 30px;
}
.footerleft {
    margin-top: 30px;
    /*padding: 0 36px;*/
}
.logofooter {
    margin-bottom: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
}
.footerleft p {
    color: #fff;
    font-size: 12px !important;
    margin-bottom: 15px;
}
.footerleft p i {
    width: 20px;
    color: #999;
}
.paddingtop-bottom {
    margin-top: 30px;
}
.footer-ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 2px;
}
.footer-ul li {
    line-height: 29px;
    font-size: 12px;
}
.footer-ul li a {
    color: #a0a3a4;
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
}
.footer-ul i {
    margin-right: 10px;
}
.footer-ul li a:hover {
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
    color: #e5c86a;
    text-decoration:none;
}
.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.icon-ul {
    list-style-type: none !important;
    margin: 0px;
    padding: 0px;
}
.icon-ul li {
    line-height: 75px;
    width: 100%;
    float: left;
}
.icon {
    float: left;
    margin-right: 5px;
}
.copyright {
    min-height: 40px;
    background-color: #000000;
}
.copyright p {
    text-align: left;
    color: #FFF;
    padding: 10px 0;
    margin-bottom: 0px;
}
.heading7 {
    font-size: 18px;
    font-weight: 700;
    color: #d9d6d6;
    margin:0px;
    /*margin-bottom: 22px;*/
}
.post p {
    font-size: 12px;
    color: #FFF;
    line-height: 20px;
}
.post p span {
    display: block;
    color: #8f8f8f;
}
.bottom_ul {
    list-style-type: none;
    float: right;
    margin-bottom: 0px;
}
.bottom_ul li {
    float: left;
    line-height: 40px;
}
.bottom_ul li:after {
    content: "/";
    color: #FFF;
    margin-right: 8px;
    margin-left: 8px;
}
.bottom_ul li a {
    color: #FFF;pp
    font-size: 12px;
}

/* Social icons ------------------------------------------------------------------------------------------------*/
div.dol_social_icons_wrapper {
	font-family:'FontAwesome' !important;
}

ul.dol_social_icons {
	overflow: auto;
	padding-left:0px;
	width:150px;
}

ul.dol_social_icons li {
	list-style-type: none;
	float: left;
}

ul.dol_social_icons li a i {
	background-color: #006400;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	font-size: 18px;
	text-align: center;
	margin: 0px 11px 0px 0px;
	padding-top: 11px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.dol_social_icons li:hover a i {
	background-color:#808000;
	color:#fff;
}
ul.dol_social_icons li:last-child a i {
	margin-right:0px;
}
@media (max-width:480px) { 
	ul.dol_social_icons {
		margin:auto;
	}
	div.dol_social_icons_wrapper {
		background-color: #141414;
		padding:10px 0px;
		margin:0px -15px;
	}

}

/* Content Query Webparts Accordion---*/
.bullet
{
	padding-bottom: 2px;
	padding-top:2px;
	background-image:url('/_layouts/15/images/setrect.gif?rev=40');
}

.accordion-header:after {
content: '\25BC';
float:right;
}
.accordion-header:hover {

}

.accordion-header.expanded  {

}
ul.accordion {
list-style:none;
margin:0px;
padding:0px;
}
.accordion-item {

}
.accordion-header {
font-size:1.2em;
border-style:solid;
border-bottom-width: 2px;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
cursor:pointer;
padding-top:5px;
padding-bottom:5px;
color:black;
}
.accordion-header:after {
content: '\25BC';
float:right;
}
.accordion-header:hover {
 background-color:rgb(216, 133, 62);
 color:white;
}

.accordion-header.expanded  {

}

.accordion-header.expanded:after  {
  content: '\25B2';
  float:right;
}
.accordion-content {
padding-bottom:5px;

}

.expand-all,

.collapse-all {

display:inline-block;

cursor:pointer;

padding:5px 10px;

zoom:1; *display: inline; _height: 30px;

}

.expand-all:hover, .collapse-all:hover {
background:#efefef;
}
.item {
padding-right:5px;
}

/* Vission and Mission Page---*/
@media (max-width: 480px) {
.vision {
height:359px !important;
}
}

.vision {
height:235px;
}
.vision h2 {
background-color: #d8853e;
color: #ffffff;	
}
.vision li {
	text-align:left;
}

/*----Online Tools Page-----*/
ul.tools {
      list-style-type: none;
      padding-top:15px;
      padding-right:15px;
      padding-left:0px;
      padding-bottom:15px;
}
.tools li {
border-style:solid;
border-bottom-width: 2px;
border-bottom-color:#f5bd79;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
padding:15px;
color:black;
text-align:left;
}
.tools li:hover {
background-color:rgb(189, 140, 104);
color:#fff;
}
.tools a  {
color:black;
}
.tools a:hover {
color:#fff;
text-decoration:none;
cursor:hand;
}
/*----End----*/


/*----- Search ---------------------------------------------------------------------*/
#dol_search {
	background-color:#ffa500;
	color:#fff;
	padding:12px 11px;
	width:40px;
	height:43px;
	margin-top:4px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}
#dol_search:hover {
	background-color:#eb9800;
}
.ms-srch-item {
	width:100%;
}
@media (max-width: 480px) {
	#dol_search{
		position:absolute;
		top:0px;
		left:0px;
	}
	.ms-srch-sbLarge > input,
	.ms-srch-sbLarge-fullWidth,
	.ms-srch-sbLarge-navWidth {
		width:290px !important;
	}
	.ms-srchnav-list {
		display:table-caption;
	}
	.ms-srchnav-item {
		margin:5px 0px;
	}
	.ms-srch-result #ResultFooter,
	.ms-srch-hover-content {
		display:none;
	}
	.ms-srch-resultFooter {
		text-align:left;
	}
	.ms-srch-item,
	.ms-srch-item-path {
		width:350px;
	}
	.ms-srch-item-summary {
		
	}

}

/*--Home page green line*/
hr {
    display: block;
    height: 1px;
    border-color:green;
    border: 0;
    border-top: 3px solid #006331;
    margin: 1em 0;
    padding: 0;
    padding-left:15px;
}

/*-- related Link && quick links -------------------------------------------------------------------------------*/
.dol_quickLinks {
	width:120px;
	padding:10px;
	height:50px;
	line-height:2;
	background-image: url('/Style Library/_DOL/images/quicklinks_blank.jpg');
	background-position: top right;
	background-repeat:no-repeat;
	color:#fff;
	margin-left:60px;
}
.dol_relatedLinks {
	width:120px;
	padding:10px;
	height:50px;
	line-height:2;
	background-image: url('/Style Library/_DOL/images/quicklinks_blank.jpg');
	background-position: top right;
	background-repeat:no-repeat;
	color:#fff;
}
.dol_relatedLinks_items {
	display:inline-block;
	width:50px;
	height:50px;
	float:left;
	margin-right:10px;
}
.dol_relatedLinks_items img {
	max-width:50px;
	max-height:50px;
}
@media (max-width:480px) { 
	.dol_quickLinks {
		margin-left:0px;
	}
	
}

