/* CSS used here will be applied after bootstrap.css */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt !important;
    line-height: 1.5em;
    color: #000000;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.menu-row {
    margin: 0px !important;
}

.dropdown ul {
    list-style-type: none !important;
}

h1, h2, .h1, .h2, .portal-header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 1.2em;
    color: #e68c05;
    letter-spacing: 0.5px;
}

h3, .h3, .portal-sub-header, .subtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight: bold;
    color: #000000;
  
}

h4, .h4, .sub-subheader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    color: #e68c05;
    text-transform: uppercase;
}

.dateline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 27px;
}

a:link {
    font-family: Arial, Helvetica, sans-serif;
    color: #0077c8;
    text-decoration: none;
}

a:visited {
    color: #015e9e;
    text-decoration: none;
}

a:hover {
    color: #0077c8;
    text-decoration: underline;
}

a:active {
    color: #0077c8;
    text-decoration: underline;
}

a:selected {
    color: #e68c05;
    text-decoration: none;
}

.portal-content {
    background-color: #e8eeef !important;
}

.portal-nav {
    background-color: #0175ca;
    padding-left: 10px;
    border-radius: 0px;
}

    .portal-nav .navbar-nav > li > a {
        color: #FFF !important;
        font-family: arial !important;
        font-size: 1.2em !important;
    }

        .portal-nav .navbar-nav > li > a:hover {
            background-color: #1ea9e1;
        }

    .portal-nav .navbar-nav > .open > a, .portal-nav .navbar-nav > .open > a:hover, .portal-nav .navbar-nav > .open > a:focus {
        background-color: #51a0d9;
    }

.navbar-brand {
    padding: 0px !important;
    margin-right: 20px !important;
    margin-left: 2px !important;
    margin-top: 15px;
    height: auto;
}

.navbar {
    margin-bottom: 0px !important;
}

.thumbnail {
    padding: 0px !important;
}


    .thumbnail > img, .thumbnail a > img {
    }

.thumbnail h4 {
    padding:9px;
}
.Header_Image {
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    height: 237px !important;
}

.breadcrumb .seperator {
    font-size: 0.8em;
    color: #000;
}

.breadcrumb li > a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #0077c8;
    text-decoration: none;
}

    .breadcrumb li > a:active {
        color: #0077c8;
        text-decoration: underline;
    }

    .breadcrumb li > a:visited {
        color: #015e9e;
        text-decoration: none;
    }

    .breadcrumb li > a:hover {
        color: #0077c8;
        text-decoration: underline;
    }

.breadcrumb {
    background-color: transparent !important;
    padding: 0px !important;
    margin-bottom: 2px !important;
    list-style: none;
}

    .breadcrumb > li + li:before {
        padding: 0 5px !important;
        color: #000 !important;
        font-size: 0.8em !important;
        content: "\003e" !important;
    }

.page-title {
    margin-top: 200px !important;
    color: aliceblue;
    font-size: 1.4em;
    display:inline-block;
}

.megamenu-image {
    width: 100%;
}



.nav-level-2 > li > ul {
    margin-left: 10px;
}

.nav-level-3 > li > ul {
    margin-left: 10px;
}

.nav-level-4 > li > ul {
    margin-left: 10px;
}



.footer {
    margin-bottom: 0px !important;
    background: #333333 !important;
    min-height: 300px;
    padding-left: 5px !important;
    padding-top: 10px !important;
}

    .footer .header {
        font-family: Arial;
        font-size: 1.2em;
        color: white !important;
    }

    .footer .news {
        border: solid 1px #515151;
        font-family: Arial;
        font-size: 0.9em;
    }

    .footer .panel {
        background-color: transparent !important;
        border: solid 1px #515151;
        font-family: Arial;
        font-size: 0.9em;
        color: white !important;
        margin: 0px !important;
        padding: 0px !important;
        height: 175px;
        overflow: hidden;
    }

    .footer .panel-body {
        padding: 0px !important;
        margin: 0px;
    }

    .footer .panel-footer {
        padding: 5px !important;
        background-color: transparent !important;
        border-top: 1px solid #515151 !important;
    }

    .footer ul {
        list-style-type: none !important;
        margin: 1px !important;
    }

    .footer .news-text {
        max-height: 130px !important;
    }

    .footer .news-headline {
        font-family: Arial;
        font-size: 11pt;
        font-weight: bold;
        text-wrap: avoid;
        overflow: hidden;
    }

.portal-content-body {
    background: white;
    border: 1px #AECDD8 solid;
    border-radius: 3px;
    padding: 3px;
}

.footer a {
    font-size: 12pt;
    font-family: Arial;
    color: #85c2f5;
}

.footer hr {
    color: #515151;
}

hr {
    border-top: 1px solid #BEBEC0 !important;
    margin-bottom: 5px;
    margin-top: 5px;
}

.accordion {
}

.carousel-control {
    background: #39b3d7;
    color: #fff;
    padding: 4px 0;
    width: 26px;
    top: auto;
    left: auto;
    bottom: 12px;
    opacity: 0.85;
}

    .carousel-control.left {
        right: 46px;
    }

    .carousel-control.left, .carousel-control.right {
        background-image: none !important;
    }

.carousel-inner .item {
    padding: 15px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border: 1px solid #ddd;
}

.megamenu-title {
    font-family: Arial;
    font-size: 2.4em;
    margin-right: 10px;
    color: #e68c05;
    line-height: 1.2em;
}

a .megamenu-title:hover {
    color: #FF5902 !important;
    text-decoration: underline;
}

.nav-level-2 {
    font-family: Arial;
    font-size: 1.4em;
    color: #1ea9e1;
}

.nav-level-3 {
    font-family: Arial;
    font-size: 0.9em;
    color: #1ea9e1;
}

.nav-level-4 {
    font-family: Arial;
    font-size: 0.9em;
    color: #1ea9e1;
}

.nav-level-2 > li > hr {
    border-bottom: 1px solid #e8eeef;
}

.pdf-view {
    width: 100%;
    min-height: 800px;
    background-color: transparent;
    border: none;
}

td, th {
    padding: 5px !important;
    vertical-align: top !important;
}

.copyright {
    color: #afb2b2 !important;
    font-size: 0.8em !important;
    font-family: Arial !important;
}

.copyright a {
    color: #afb2b2 !important;
    font-size: 1em !important;
    font-family: Arial !important;
}

.sub-content-top-nav {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

    .sub-content-top-nav > li.active > a, .sub-content-top-nav > li.active > a:hover, .sub-content-top-nav > li.active > a:focus {
        color: #e68c05 !important;
        background-color: transparent !important;
    }

    .sub-content-top-nav > .seperator {
        font-size: 1em;
        color: #000;
    }

    .sub-content-top-nav > li > a {
        position: relative;
        display: block;
        padding: 0px !important;
    }

    .sub-content-top-nav > li {
        margin-right: 3px;
    }

.guide-question {
    margin-bottom: 10px;
}

.guide-answer {
    float: left;
}

.guide-question-disable * {
    opacity: 0.5;
    text-decoration: line-through !important;
}

.guide-question-visible * {
   display:none
}

.search-results-box {
}

.search-item {
    margin-top: 20px;
}
.btn:not(.btn-default){
color:#fff !important;
}
.pager li > a, .pager li > span {
    background-color: transparent;
    border-radius: 0px;
}

/*Portal Guide*/

#guide-content {
    margin-top: 20px;
}

    #guide-content .panel-title a {
        color: #000;
    }

/*Background Colors*/
.blue {
    background-color: #1ea9e1 !important;
}

.orange {
    background-color: #e68c05 !important;
}

.yellow {
    background-color: #ffd100 !important;
}

div > img {
    width: 100%;
    height: 100%;
}

.small-text {
font-size:0.7em !important;
}


.yamm-content  {
    background-color:white
}
/*********************************************Tooltips******************************/
.circle
    {
    width: 1.5em;
    height: 1.5em;
    font-size: 11px;
    border-radius: 1.5em;
    font-style: italic;
    color: #000;
    line-height: 1.55em;
    text-align: center;
    display: inline-block;
    background: #d9e1e2;
    }

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 10px;
  width: 265px;
  background-color: #000;
  background-color: #2e538c; /* Blue container */
  opacity: 0.3;
  color: #fff;
  content: attr(data-tooltip);
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  text-align: left;
  
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: #00ff8a; 
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -ms-transform:         translateY(-12px);
      transform:         translateY(-12px); 
}



/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: #2e538c; /* Blue arrow */
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -ms-transform:         translateX(12px);
      transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: -3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -12px;
}
.multiselect .btn-group , .multiselect ul,.multiselect button {
width:100% !important;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.has-error .dropdown-multiselect button  {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.solar-installer-item {
    font-weight:normal !important;
    margin-top: 10px;
    cursor: pointer;
    background-color:  #e8eeef ;
   cursor:pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

.loading {
position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(51, 122, 183, 0.2);
    z-index: 9999;
    min-height: 2000px;
    display:none;
}
.loader-inner {
margin-left:50%;
margin-top:300px;
}

a {
cursor: pointer !important;
}

.form-bg {
    background: rgba(255, 255, 255, 0.49);

    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-sizing: border-box;
    padding: 10px;
    margin-top: 10px;
    margin-bottom:10PX;
}

/*********************************************/