﻿
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/***************************************************2015 Redesign Elements************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/

 
 
 
/*font definitions*/
.HeaderContainer, .FooterContainer {font-family: 'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; color:#333}

.HeaderContainer { padding:10px; vertical-align:top; }

.Header {display:block; font-size: 18px;vertical-align:top;}

.HeaderLogoContainer { display:inline-block; vertical-align:middle; height:43px;}


.UserInfoContainer {float:right; display:inline-block;vertical-align:middle;height:43px;background-color: #fff;}

.UserInfoContent { margin-left:10px;font-size:10px;white-space: nowrap; vertical-align:middle; display:block; width:auto;}

.UserInfoIcon, .HeaderMobileNavContainer, .LogOutButton { padding:10px; margin-right:10px; background-color:#0c90b1; color:#fff; cursor:pointer;} /*shared styles*/
.UserInfoIcon { float:left;}
.HeaderMobileNavContainer { display:none;float:left;}
.LogOutButton { float:right;}






.HeaderNavContainer { display:inline-block; vertical-align:middle;  height:43px;}
.HeaderNav {  list-style:none;   padding:0px; margin-top:8px;}
    .HeaderNav li { position:relative; display:inline; padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}
    .HeaderNav a { text-decoration:none; color:#333;}
.HeaderNav li:hover, HeaderNav li:hover a { color:#333; background-color:#eee;}

.EmployeeSearchContainer { display:inline-block;vertical-align:middle;padding-top:8px; height:35px;}
.NavBarButton1 { margin-top:3px; padding:2px; height:21px; padding-left:5px;padding-right:5px;}


.DropDownMenuItem { cursor:pointer; }
    .DropDownMenuItem:hover, .DropDownMenuItem:hover .Selected {background-color:#eee; }
.DropDownMenuItem.Selected, .DropDownMenuItem.Selected:hover {background-color:#0c90b1; color:#fff;}
    .DropDownMenuItem.HasDropDown i { }
.DropDownMenuItemContent {padding:10px;position:absolute; display:none; left:0px; top:34px; z-index:100; background-color:#eee; color:#ccc; border-top:3px solid #0c90b1; min-width:400px;}
.HasDropDown

.VerticalMenuBlock { cursor:pointer; margin:0px; padding:0px;}
    .VerticalMenuBlock ul { list-style:none; list-style-type:none;  -webkit-margin-before: 0px;   -webkit-margin-after: 0px;   -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; padding:0px;  margin:0px;}
    .VerticalMenuBlock li {position:relative; display:block;background-color:#fff; margin:0px}
    .VerticalMenuBlock li:hover, .VerticalMenuBlock li a:hover {background-color:#069;color:#fff;}

#Footer { display:none;}
.FooterContainerSpacer { height:51px; }
.FooterContainer { position:fixed; bottom:0px; left:0px; width:100%; background-color:#fff; border-top:1px solid #ccc;}
.FooterMenuContainer { padding:5px; padding-right:0px;}
#FooterMenu { text-align:justify; width:100%; margin:0px; padding:0px; margin-bottom:-15px;}
    #FooterMenu li { display:inline-block;}
#FooterMenu:after { content: ''; width: 100%; /* Ensures justification for single lines */ display: inline-block; }


/*Icon Buttons:*/
/*V1*/
.IconButton, a.IconButton  {padding:3px; margin-right:5px; background-color:#0c90b1; color:#fff; cursor:pointer; text-align:center; display:inline-block; text-decoration:none; min-width:35px; height:35px;}
    .IconButton:hover {background-color:#069;}
.IconButtonIcon {font-size:18px; }
.IconButtonText { font-size:10px; margin-top:-3px;}

/*v2 better*/
.IconButton, a.IconButton  {padding:3px; margin-right:5px; background-color:#fff; color:#0c90b1; cursor:pointer; text-align:center; display:inline-block; text-decoration:none; min-width:35px; height:35px;}
    .IconButton:hover {background-color:#069; color:#fff;}
.IconButtonIcon {font-size:18px; }
.IconButtonText { font-size:10px; margin-top:-3px;}
/*icon buttons*/


/*Desktop sub heading icon bar*/
.TopMenuContainer {
    border-bottom:1px solid #eee;

}
.DesktopIconButton, a.DesktopIconButton  { margin:0px 0px 0px 0px;background-color:#fff; color:#0c90b1; cursor:pointer; text-align:center; display:inline-block; text-decoration:none; width:auto; height:auto;}
    .DesktopIconButton:hover {background-color:#069; color:#fff;}
.DesktopIconButtonIcon {font-size:18px; }
.DesktopIconButtonText { font-size:15px; padding:3px; }
.TopContainer {  left:0px; width:100%; background-color:#fff; border-top:1px solid #ccc;}
.TopMenuContainer { padding:5px; padding-right:0px;}
#TopSubMenu {text-align:justify; width:100%; margin:0px; padding:0px; margin-bottom:-15px;}
    #TopSubMenu div { display:inline-block}
#TopSubMenu:after { content: ''; width: 100%; /* Ensures justification for single lines */ display: inline-block; }
.TopSubMenuLinks {
    margin-left: 15px;
    margin-right: 15px;
   
}
/*icon buttons*/

/*Tablet sub heading icon bar*/
.TabletIconButton, a.TabletIconButton  { margin:0px 0px 0px 0px;background-color:#fff; color:#0c90b1;border-left:1px solid #FEF0DB;border-right:1px solid #FEF0DB; cursor:pointer; text-align:center; display:inline-block; text-decoration:none;min-width:100px; width:auto; height:auto;}
    .TabletIconButton:hover {background-color:#069; color:#fff;}
.TabletIconButtonIcon {font-size:14px; }
.TabletIconButtonText { font-size:12px;margin-left:2px;margin-right:2px; }
/*icon buttons*/


/*Phone sub heading icon bar*/
.PhoneIconButton, a.PhoneIconButton  { margin:0px 0px 0px 0px;background-color:#fff; color:#0c90b1;border-left:1px solid #FEF0DB;border-right:1px solid #FEF0DB; cursor:pointer; text-align:center; display:inline-block; text-decoration:none;min-width:60px; width:auto; height:auto;}
    .PhoneIconButton:hover {background-color:#069; color:#fff;}
.PhoneIconButtonIcon {font-size:12px; }
.PhoneIconButtonText { font-size:8px;margin-left:1px;margin-right:1px; }
/*icon buttons*/

   @media only screen and (max-width: 1286px) {
    .HeaderContainer {padding:0px; }
    .HeaderLogoContainer { display:block; text-align:center;}
       .HeaderNavContainer {display:none;width:100%; height:auto;}
    .HeaderNav { margin:0px;}
        .HeaderNav ul { display:block;width:100%;}
        .HeaderNav li { display:block; clear:both; border-bottom:1px solid #ccc;}
     .DropDownMenuItem.HasDropDown i { float:right;}
    .DropDownMenuItemContent {  position: static; min-width:initial;}
    .DropDownMenuItem.Selected {background-color:#0c90b1; color:#fff;} 

    .EmployeeSearchContainer {clear:both; width:100%; background-color:#eee; color:#ccc; display:none; height:auto; padding-bottom:8px; }
    
    .UserInfoContainer {clear:both; width:100%; display:block;}
    .UserInfoContent { text-align:center;}
    .UserInfoIcon {display:none; }
    .HeaderMobileNavContainer {float:left; display:inline-block; }
    #Footer { display:block;}
          .Back_To_Top { bottom:56px;}
        }
/*END 2015 Redesign Elements*/

/*None of this is used:*/
/*
    .DashboardStatusItemHighlight{min-width:100px;max-width:130px;min-height:45px; background-color:#c00; padding:10px; margin:8px; display:inline-block; float:left; zoom:1; *display:inline; color:#fff; }
.DashboardStatusItemHighlight:hover {background-color:#a00;}
.DashboardStatusItemSelected{min-width:100px;max-width:130px;min-height:45px; background-color:#0a0; padding:10px; margin:8px; display:inline-block; float:left; zoom:1; *display:inline; color:#fff; }
.DashboardStatusItemSelected:hover {background-color:#080;}

    */
/* Top Navigation Bar, RG: OK TO REMOVE*/
.TopNavBarContainer{position: relative; background-color: #006699; margin:0; padding-top:5px; font-weight: 200; color: #ccc; font: 13px/1.25 "HelveticaNeue-Light",Helvetica,Arial; position:relative; text-transform: uppercase; min-height: 19px; padding-top:7px;}
.TopNavBar {margin: 0px;}
.TopNavBar ul {overflow:auto; list-style-type:none; padding-left: 15px; max-width: 82%; _width: 82%; white-space: nowrap; overflow: hidden; height:18px; }
.TopNavBar li { border: 0 none; display: inline; zoom: 1; height: 18px; margin-right:15px; list-style-type:none; white-space:nowrap;}
.TopNavBar li:first-child {margin-left:15px;}
/*.TopNavBar li:last-child {border-right: none;}*/
 
.TopNavBar li a {text-decoration: none; color: #ccc; font: 12px/1 Helvetica, Verdana, sans-serif; text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.TopNavBar li a:hover {color: #f90;}
.TopNavBar li.active {color:#333;}
.TopNavBar li.active a {color: #333;}
/*Override for testing:*/
.TopNavBar li.active a {color: #fff;}

/*END None of this is used:
    */





.card {
    background-color:inherit;
    border-style:none;
    letter-spacing: 0.02em;
    /*text-align: center;*/
    /*margin: 2em 0;*/
    overflow:auto;
    padding:4px;
    font-family: "HelveticaNeue-Light","Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
    .card > div > ul {
        list-style-type: none;
    }
    .card a{
         position: relative;
    padding-top:5px;
    padding-bottom:5px;
	display: inline-block;    
	outline: none;
	color: #737373;
	text-decoration: none;
	letter-spacing: 1px;
	text-shadow: none;
	/*-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;*/
    font-family: "HelveticaNeue-Light","Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    }

    .card a:hover,
    .card a:focus {
        outline: none;
        color: #800;
    }

.card a:hover::before,
.card a:focus::before,
.card a:hover::after,
.card a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.card .card-heading.simple{
    border:5px solid #f6f6f6;
    margin-bottom: 15px;
     margin-top: -5px;
     margin-left:-4px;
     margin-right:-4px;
     background-color:#f6f6f6;
     color:#069;

}
.card p{
     text-align:center;
}

.card li {
    list-style:none;
    color:#737373;
}

.DashboardCard {
    margin:3px 0px 1px 0px;
}
#myCarousel {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top:20px;
}

.match {
}


/*---------------Carousel Styles----------------------*/
.carousel {
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 350px;
    }

  .item a {
      width:100%;

    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 500px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }

    

 /*--------------------------Owl Crousel Styles---------------*/

.owl-carousel .owl-wrapper::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out 0s;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -moz-user-select: none;
}
.grabbing {
    cursor: url("grabbing.png") 8 8, move;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
}
.owl-pagination {
visibility:hidden;
height:0px;
}
.owl-controls clickable {
    height:15px;
}

    .awsicarousel .item{
      margin: 5px;
            overflow:hidden;
    }
    .awsicarousel .item img{
         box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      display: block;
      width: 100%;
      height: 100%;
    }

    
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
    background: #869791 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 5px;
    opacity: 0.5;
    padding: 3px 10px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 1;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: #869791 none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    height: auto;
    padding: 2px 10px;
    width: auto;
}
.owl-item.loading {
    background: rgba(0, 0, 0, 0) url("AjaxLoader.gif") no-repeat scroll center center;
    min-height: 150px;
}
.awsicarousel {
}


/********************************* styles for  TOOLBAR on Destop Styles***************************************************/


.subnav ul {
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:1.2em;
	font-weight: 300;
}

.subnav li span {
	display: block;
}

.subnav a {
	display: block;
	color: rgba(249, 249, 249, .9);
	text-decoration: none;
	transition: color .5s, background .5s, height .5s;
            display: block;
        width: auto;
        padding-bottom:5px;
}

.subnav .icon i:hover{
	/* Make the font smoother for Chrome */
	transform: translate3d(0, 0, 0);
}

/* Remove the blue Webkit background when element is tapped */

a, button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.subnav li {
    /*background-color:#bbb;*/
    background-color:#069;
}

/*This media query is entirely overwritten in AWSIResponsive CSS....this can be removed here:*/
@media (min-width: 50em) {

    /* Transforms the list into a horizontal navigation */
    .subnav li {
        /*float: left;
        width: 16.66666666666667%;*/
        text-align: center;
        transition: border .5s;
    }

    .icon {
		padding-top: .4em;
	}
    .icon i:hover {
      font-size: 19px;
}

	.icon + span {
		margin-top: 1.1em;
		transition: margin .5s;
	}


    	/* Positioning the icons and preparing for the animation*/
	.subnav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 0.4em;
		border-radius: 50%;
		font-size: 1.8em;
		box-shadow: 0 0 0 0.8em transparent;
		background: rgba(255,255,255,0.1);
		transform: translate3d(0, 0, 0);
		transition: box-shadow .6s ease-in-out;
	}	

    /* Animate the box-shadow to create the effect */
	/*.no-touch .subnav a:hover i,*/
	.no-touch .subnav a:active i,
	.no-touch .subnav a:focus i {		
		box-shadow: 0 0 0px 0px rgba(255,255,255,0.2);
		transition: box-shadow .4s ease-in-out;

	}

    .no-touch .subnav .icon i:hover{
        box-shadow: 0 0 0px 0px rgba(255,255,255,0.2);
		transition: box-shadow .4s ease-in-out;
        margin-bottom:2px;  /*This stops the text underneath the icon from moving on hover*/
    }
   }


/*Below three styles  are for right justifying the toolbar elements*/
.subnav {
width:100%;
/*margin-top:30px;*/
margin-bottom:5px;
}
.subnav ul {
display: table;
    width: 100%;
    table-layout: fixed;
}
.subnav li {
display: table-cell;
}
/********************************* End of TOOLBAR styles***************************************************/



/*New styles*/

.HeaderLogo {
  padding: 5px;
  margin-left:15px;
  vertical-align:middle;
}

.navbar .nav li a {
    line-height:14px;
    vertical-align:middle;
    font-size:14px;
    max-width:300px;
}


#profile-div {
    width:100%;
    background-color: #E5E5E5;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-left:auto;
     margin-right:auto;
    opacity: 0.982;
    padding-left: 0;
    width: 100%;
    z-index: 100;
    position:relative;
}
#profile-div-inner {
    z-index: 100;
    background-color:#E5E5E5;
    padding-right:25px;
    display:none; 
    width:100%;
    position:absolute;
    text-align:right;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  
}
#search-div {
    width:100%;
    background-color: #E5E5E5;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-left:auto;
     margin-right:auto;
    padding-left: 0;
    width: 100%;

}
#search-form-div {
    margin-left:auto;
    margin-right:auto;
}
#search-div-inner {
    z-index: 100;
    background-color: #E5E5E5;
    display:none;
    width:100%;
    position:absolute;

}


#subnav-div {

}
#subnav-inner {
    z-index: 100;
    background-color: #E5E5E5;
    display:none;
    width:100%;
    position:absolute;
}

.QSdiv {
    height:30px;
    font-size:14pt;
    width:70%;
    margin:10px 10px 10px 10px;
    position:relative;
    border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
background-color:white;
margin-left:7%;
float:left;
}

.QSSubmitDiv {
    float:left;
    height:50px;
    width:20%;

}
.QSSubmitDiv input{
    margin-top:15px;
}
#QS{
    border:none;
    outline: none;
    background:transparent;
    width:100%;
    margin-left:15px;
}
    #QS:focus {
        border:none;
        padding-left:10px;
    }


#close-search {
       /*position: absolute;
    top: 0px;
    right: 0px;*/
    color: #737373;
    background-color: transparent;
    text-align:left;
}

#mobilesearch-div {
    margin-top: 10px;
}
.search{
border:none;
}
#QuickLinks {
    cursor:pointer;
}
.QuickLinks{
    cursor:pointer;
    font-size:18px;
    margin-left:10px;
    cursor:pointer;
    font-size: 14px;
    line-height: 14px;
    max-width: 300px;
    vertical-align: middle;
    border-bottom: 2px solid transparent;
    color: #737373;
    min-width: 20px;
    overflow: hidden;
    padding: 13px 0 10px;
    text-shadow: none;
    text-overflow: ellipsis;

}
.QuickLinks label >span{
    font-family: "HelveticaNeue-Light","Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
#searchglass, #searchglass-isopen-inner,#searchglass-isopen-outter {
    margin-top:10px;
    font-size:18px;
    margin-left:15px;
    cursor:pointer;
    color:#737373;

}

#searchglass-isopen {
    margin-top:10px;
    font-size:18px;
    margin-left:15px;
     color:#737373;
}
#EmplopyeeSearch {
    padding:5px;
    width: 90%;
    margin-left:10px;
    margin-top:5px;
    box-shadow: 5px 5px 3px #888888;
    border-radius: 7px;
}
.mobilelinkedlogin  a {
    font-size:11px;
}
.mobileSearchGlass label{
    cursor:pointer;
}
mobileUserInfo label {
    cursor: pointer;
}

.navbar .btn-navbar {
     cursor:pointer;
}
#mobileEmplopyeeSearch {
    padding:5px;
    width: 90%;
    margin-left:10px;
    margin-top:5px;
}
.navbar .btn-navbar .icon-bar  {
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 4px;
    width: 25px;
    font-size: 2em;
    width:32px;
    background-color: #3299CC;
}
#burger-button {
    padding-top:3px;
    padding-left:2px;
    padding-right:2px;
}
#burger-button a {
    border-bottom:0px;
    color:#0c90b1;
    margin:auto;
    min-width:inherit;
    padding:inherit;
    margin-right:5px;

}

.navbar .brand {
    padding-left: 5px;
    padding-right: 5px;
}
.navbar .btn-navbar {
    background-color: #3299CC;
    padding:0px;
}

.navbar-text {
    /*color:whitesmoke;*/
}

.navbar .nav > li > a {
    /*color:whitesmoke;*/
}

.MobileTopMenuIcon  {color:#0c90b1;}
.TopMenuListElement {
    line-height:44px;
    vertical-align:middle;
}

#userinfo {
    font-size:xx-small;
    font-stretch:expanded;
    text-shadow:1px 0.3px 0.3px;
    color:#0D4F8B;
}

.hide{
    display:none;
}
.show{
    display:block;
}
.menupopover-desktop {
    display: none; 
position:relative;
    width: 70%; 
    margin-top:1%;
    background: #fff; 
    left: 15%; 
    /*top: 12%;*/ 
    z-index: 1001; 
    max-height: 75%; 
    border: 3px solid #069; 
    overflow: hidden;
}
.menupopovermobile {
    background-color:white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 10000;
}

#menupopover-row {
     overflow-x: hidden; 
     overflow-y: scroll; 
     background-color: #E5E5E5; 
     -webkit-overflow-scrolling: touch; 
     position: relative; 
     border: none; 
     width: 100%; 
     height: 100%; 
     margin-top: 0px; 
     margin-left: 0px; 
     z-index: 3;
}
.PopOverMenuBoxes {
    height:auto;
    width:270px;
    float: left; 
    margin:5px;  
    font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    font-size:small;
    padding-left:5px;
    background-color:#E5E5E5;
}

.PopOverMenuBoxesMobile {
    height:auto;
    margin:5px;  
    min-width:300px;
    float: left; 
    font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    font-size:medium;
    padding-left:10px;
    background-color:#E5E5E5;
}

.PopOverMenuBoxes h4 {
    /*text-decoration:wavy;*/
}

.PopOverMenuBoxes > ul > li {
        list-style-type: none;
}
.PopOverMenuBoxes > ul > li > a{
    color: #737373;
    text-shadow: none;
    text-decoration: none;

}
.PopOverMenuBoxes > ul > li > a:hover{
    color: orange;
}


.PopOverMenuBoxes h2 {
    margin-top:-5px;
    margin-bottom:-5px;
}


























/*Bootplus overrides:*/

.navbar-fixed-top{
    max-height:60px;
}
.navbar-inner {
    background-color:#FCFCFC;
}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
        padding:0px;
}
navbar-text pull-right UserInfoText hidden-tablet hidden-phone {
    margin-top:-25px;
}


@media (min-width: 1235px) {
.navbar-inner .container {
    max-height:inherit;
}
}

.container-fluid {
    padding-left:0px;
    padding-right:0px;
}




.ajax-menupopover-desktop {
    background: #fff; 
    /*top: 12%;*/ 
    z-index: 1001; 
}
.ajax-menupopovermobile {
    background-color:white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 10000;
}

#ajax-menupopover-row {
     -webkit-overflow-scrolling: touch; 
     border: none; 
     width: 100%; 
     height: 100%; 
     margin-top: 0px; 
     margin-left: 0px; 
     z-index: 3;
}
.ajax-PopOverMenuBoxes {
    height:auto;
    width:240px;
    float: left; 
    margin:5px;  
    font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    font-size:small;
    padding-left:5px;

}
.ajax-PopOverMenuBoxes p{
    margin-top:-5px;
    margin-bottom:-5px;
    background-color: #f6f6f6;
    border: 5px solid #f6f6f6;
    color: #069;
    text-align:center;
    font-size: 22px;
    font-weight: normal;
    font-family: "HelveticaNeue-Light","Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    letter-spacing:0.2px;
}

.ajax-PopOverMenuBoxes  ul {
    padding:0px;
    
}
.ajax-PopOverMenuBoxes  ul {
        list-style-type: none;
        margin-left:5px;
      
}
.ajax-PopOverMenuBoxes  a{
    color: #737373;
    text-shadow: none;
    text-decoration: none;
    font-size: small;

}
.ajax-PopOverMenuBoxes  a:hover{
    color: orange;
}

.ajax-PopOverMenuBoxesMobile {

    display:block;
    margin-left:auto;
    margin-right:auto;
   height:auto;
    width:240px; 
    font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    font-size:small;
    text-align:left;

}

.ajax-PopOverMenuBoxesMobile h2{
    margin-top:-5px;
    margin-bottom:-5px;
    background-color: #f6f6f6;
    border: 5px solid #f6f6f6;
    color: #069;
    text-align:center;
}



.ajax-PopOverMenuBoxesMobile > ul {
    padding:0px;
    
}
.ajax-PopOverMenuBoxesMobile > ul > li {
        list-style-type: none;     
}
.ajax-PopOverMenuBoxesMobile > ul > li > a{
    color: #737373;
    text-shadow: none;
    text-decoration: none;

}
.ajax-PopOverMenuBoxesMobile > ul > li > a:hover{

}








.nav {                  /* stops the navbar height from increasing due to the Summary dropdown*/
    max-height:60px;
     font-family:'HelveticaNeue-Light','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;

}





/* menubar style for drop down summary*/
#SummaryDropDown ul > li > a:hover {background: #2d4373;-webkit-box-shadow: inset 0 0 1px #1e2e4f;-o-box-shadow: inset 0 0 1px #1e2e4f;-moz-box-shadow: inset 0 0 1px #1e2e4f;-ms-box-shadow: inset 0 0 1px #1e2e4f;box-shadow: inset 0 0 1px #1e2e4f;}
/*Removed this from css above so the menu's didn't pop up again becasue they didn't fade out all the way*/
/*-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;-ms-transition: all ease .3s;transition: all ease .3s;*/

#SummaryDropDown ul > li > a:hover:before { content: '';z-index: 2;position: absolute;border: 1px solid white;border-top: 0;border-bottom: 0;border-right: 0;width: 100%;height: 100%;top: 0;left: -1px;opacity: .2;}
#SummaryDropDown ul > li > a:hover:after {content: '';z-index: 2;position: absolute;border: 1px solid white;border-top: 0;border-bottom: 0;border-left: 0;width: 100%;height: 100%;top: 0;right: -1px;opacity: .2;}
#SummaryDropDown > ul > li {opacity: 0;visibility: hidden;position: absolute;list-style:none;}
#SummaryDropDown:hover > ul > li {opacity: 1;visibility: visible;position: absolute;border-radius: 0 0 3px 3px;-webkit-box-shadow: none;-o-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;  box-shadow: none;}
#SummaryDropDown > ul > li > ul {width: 200px;position: absolute;}
#SummaryDropDown> ul > li > ul > li {float: none;position: relative;}
#SummaryDropDown> ul > li > ul > li > ul {opacity: 0;visibility: hidden;position: absolute;}
#SummaryDropDown > ul > li > ul > li:hover > ul {opacity: 1;visibility: visible;position: absolute;}
#SummaryDropDown > ul > li > ul > li > ul {left: 200px;top: 1px;width: 200px;}
#SummaryDropDown > ul > li > ul > li > ul > li {float: none;}
/*To Make the Button Highlight when clicked*/
    #SummaryDropDown ul > li > a:active {background-color:#ff6a00;}
/*Draws a small left arrow to indicate there is a sub dropdown*/
#SummaryDropDown .has-sub {background-image:url(../images/arr_white.gif);background-position:190px 10px;background-repeat:no-repeat;}
#SummaryDropDown .has-sub:hover {background-image:url(../images/arr_white.gif);background-position:190px 10px;background-repeat:no-repeat;}

.DashboardStatusContainer {
    width: 100%;
}

.CenterAlign {
   width:100%;
   text-align:center;
}

.CenterAlign .DashboardStatusItem {
    display:inline-block;

float:none;
}

.CenterAlign .chart {
    display:inline-block;
float:none;
}
.firstrow p{
    background-color:#0c90b1;
    font-weight: 700;
    height:30px;
    color:white;
    text-align:center;
    vertical-align:central;
    font-size:large;
    margin-bottom:0px;
    padding-top:12px;
    margin-top:4px;
}




.PieChartContainer {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.PieChartTitle {
    /*background-color:#0c90b1;*/
    color:#737373;
    font-size:15px;
    text-align:center;
}


.chart {

    letter-spacing: 0.02em;
    overflow:auto;
    font-family: Verdana;
    font-size: small;
}

.chart:hover {
    /*background-color:#dddfd4;
    box-shadow:  4px 5px 12px 4px rgba(0, 0, 0, 0.20), 4px 5px 12px 4px rgba(0, 0, 0, 0.20);*/
}


.container-narrow {
    margin: 0 auto;
    max-width: 1300px;
}

.kc-item img {
                position:absolute;
                pointer-events: none;   /* Make images non-selectable. */
                width:100%;             /* Make images expand to wrapper size (used in 2d modes). */
            }
/*#ad174c
#0072bc*/


.slick-slider {
display:normal;
}
.awsicarousel {
padding:5px;
text-align:center;
}


.slick-slide img {
    display:inline;
}

.hidden {
visibility: hidden;
display: none;
}

#buffer-row {

}
.buffer-row1 {
    margin-top:120px;
}
.buffer-row2 {
    margin-top:40px;
}

.buffer-row3 {
    margin-top:90px;
}

#SummaryDropDownUL {
    position:absolute;
    z-index:1000000;
}

.card .card-body {
    margin-left: 5px;
    margin-right: 5px;

}

