/* Begin -  CSS from GC Intranet */

#wb-sm {
    background: #606060;
}
#wb-sm .menu .active, #wb-sm .menu .selected, #wb-sm .menu .wb-navcurr {
    background: #484848 !important;
    color: #fff !important;
}
.wb-menu .menu>li a {
    display: block;
    padding: 1em;
    text-align: center;
    text-decoration: none!important;
}
#wb-sm .menu>li a:hover, #wb-sm .menu>li a:focus {
    background: #484848 !important;
    text-shadow: none;
    text-decoration: none!important;
}
#wb-sm .sm.open {
    background: #ccc;
    border-bottom: 5px solid #484848;
}
#wb-sm .sm.open li a, #wb-sm .sm.open li summary {
    color: #444;
    padding: 5px 10px;
    text-shadow: none;
    text-decoration: none!important;
}
#wb-sm .sm.open li a:hover, #wb-sm .sm.open li a:focus, #wb-sm .sm.open li a:active, #wb-sm .sm.open li summary:hover, #wb-sm .sm.open li summary:focus, #wb-sm .sm.open li summary:active {
    background: #1c761c;
    color: #fff;
    text-decoration: none!important;
}
#wb-srch button, .srchbox button {
    background-color: #1c761c;
    border-color: #1c761c;
}
#wb-srch button:hover, #wb-srch button:focus, #wb-srch button:active, .srchbox button:hover, .srchbox button:focus, .srchbox button:active {
    background: #0d520d;
}
.navbar-brand {
    float: left;
    padding: 13.5px 15px;
    font-size: 18px;
    line-height: 23px;
    height: 50px;
}
.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
}
.navbar-brand>img {
    display: block;
}
@media (min-width: 768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }
}
#wb-info .brand {
    border-top: 4px solid #1c761c;
}
#wb-info a {
    font-size: 1.0em!important;
    text-decoration: none!important;
}
#wb-info a:focus {
    font-size: 1.0em!important;
    text-decoration: none!important;
}
#wb-info a:hover {
    font-size: 1.0em!important;
    text-decoration: underline!important;
}
#wb-info a:focus, a:hover {
  font-size: 1.0em!important;
    text-decoration: underline;
}
#wb-info a:visited {
    font-size: 1.0em!important;
    text-decoration: none!important;
}
#app-brand {
    background-color: #1c761c;
    color: #fff;
    min-height: 45px;
    /*padding-top: 5px;*/
}
#app-brand a {
    text-decoration: none!important;
    color: #fff;
}
#divBranding a {
    text-decoration: none!important;
    color: #fff;
}
#app-brand li a {
    text-decoration: none;
    color: black;
    padding: 30px 35px;
}
.app-name {
    font-size: 1.6em;
    padding-top: 5px;
    padding-left: 20px;
    background-color: #0d520d;
    min-height: 45px;
    max-width: 165px;
    margin-left: -15px;
    /* was -5px; */
}
.app-name:before {
    content: '';
    display: block;
    position: absolute;
    left: 165px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
    border-left: 20px solid #0d520d;
    clear: both;
}
.app-name2 {
  font-size: 1.6em;
  padding-top: 5px;
  padding-left: 20px;
  background-color: #0d520d;
  min-height: 45px;
  max-width: 165px;
  margin-left: -15px;
}
.app-name2:after {
  content: '';
  display: block;
  position: absolute;
  left: 165px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;
  border-left: 20px solid #0d520d;
  clear: both;
}
.app-name3 {
    font-size: 1.6em;
    padding-top: 5px;
    background-color: #0d520d;
    min-height: 45px;
    max-width: 165px;
    margin-right: -15px;
		text-align: right;
		padding-left: 50px;
		padding-right: 22px;
		float: right;
}
.app-name3:after {
    content: '';
    display: block;
    position: absolute;
    right: 127px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
    border-right: 20px solid #0d520d;
    clear: both;
}
.app-name5a {
    font-size: 1.6em;
    padding-top: 5px;
    padding-left: 20px;
    background-color: #0d520d;
    min-height: 45px;
    max-width: 485px;
    margin-left: -15px;
    /* was -5px; */
}
.app-name5a:before {
    content: '';
    display: block;
    position: absolute;
    left: 485px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
    border-left: 20px solid #0d520d;
    clear: both;
}
.app-name5b {
    font-size: 1.6em;
    padding-top: 5px;
    padding-right: 22px;
    padding-left: 20px;
    background-color: #0d520d;
    min-height: 45px;
    max-width: 146px;
    margin-right: -15px;
    text-align: right;
    float: right;
}
.app-name5b:after {
  content: '';
  display: block;
  position: absolute;
  right: 121px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;
  border-right: 20px solid #0d520d;
  clear: both;
}
.tool-link2 {
    padding: 3px 0 0 30px;
}
.tool-link2:hover {
    text-decoration: none;
}
.tool-link {
    padding: 11px 0 0 30px;
}
.tool-link:hover {
    text-decoration: underline;
}
.tool-link-icon {
    width: 25px;
    margin: 0 5px 3px 0;
}
.bold-gc {
    font-weight: 800;
}
#wb-glb-mn ul.chvrn {
    background: #0d520d;
}
#mb-pnl {
    background: transparent;
}
#mb-pnl .modal-header {
    background: #0d520d;
    border-bottom: 1px solid #0d520d;
}
#mb-pnl .modal-header:before {
    border-bottom: 1.45em solid #0d520d;
    border-top: 1.45em solid #0d520d;
}
#mb-pnl .modal-body {
    background: #1c761c!important;
}
#mb-pnl .srch-pnl form button {
    background-color: #0d520d;
    border-color: #0d520d;
}
#mb-pnl .srch-pnl form button:hover, #mb-pnl .srch-pnl form button:focus, #mb-pnl .srch-pnl form button:active {
    background: #1c761c!important;
}
#mb-pnl .srch-pnl form input {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #555;
}
#mb-pnl .sm-pnl {
    background: #1c761c!important;
}
#mb-pnl .info-pnl {
    background: #1c761c!important;
    border-top: 2px solid #1c761c;
    color: #325375 !important;
    padding-left: 15px;
}
#mb-pnl .sec-pnl {
    background: #cdd4da !important;
    padding-left: 15px;
}
#mb-pnl .sec-pnl a, #mb-pnl .sec-pnl summary {
    color: #2e5576 !important;
}
[dir=rtl] #wb-sm .menu>li {
    border-right: 1px solid #999;
}
.wb-tabs.carousel-s2 figcaption {
    background-color: #606060;
}
.followus .GCConnex {
    background-image: url(http://authoring.gcintranet.tbs-sct.gc.ca/images/GCconnex.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
.followus .GCdirectory {
    background-image: url(http://authoring.gcintranet.tbs-sct.gc.ca/images/GCdirectory.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
.followus .GCpedia {
    background-image: url(http://authoring.gcintranet.tbs-sct.gc.ca/images/GCpedia.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
.followus .GCTools {
    background-image: url(http://authoring.gcintranet.tbs-sct.gc.ca/images/GCTools.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
.followus .GCConnex, .followus .GCdirectory, .followus .GCpedia, .followus .GCTools {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline;
    min-height: 27px;
    min-width: 40px;
    position: relative;
    vertical-align: middle;
    vertical-align: text-bottom
}

/* Changing the colour of the GEDS search button to green */

#geds button {
    background-color: #1c761c;
    border-color: #1c761c;
}
#geds button:hover, #geds button:focus, #geds button:active {
    background: #0d520d;
}

/* Changing the colour of the Spotlight box to green */

#spotlight div {
    background-color: #1c761c;
    border-color: #1c761c;
}
#spotlight div:hover, #spotlight div:focus, #spotlight div:active, {
    background: #0d520d;
}
#spotlight .btn-primary a {
    background-color: #1c761c;
}
#spotlight .btn-primary:active, #spotlight .btn-primary:hover, #spotlight .btn-primary:focus {
    background-color: #0d520d;
}

/* End -  CSS from GC Intranet */


/* FGP modified CSS from GC Intranet and FGP specific CSS */

a {
    color: #186418;
}
a:visited {
    color: #606060;
}
.list-group-item-link:hover {
    color: #ffffff!important;
}
a:focus, a:hover {
    color: #0D520D;
    font-size: 1.0em;
    text-decoration: underline!important;
}
.gc-nttvs a h3:hover {
    color: #0000FF!important;
    text-decoration: underline!important;
}
.alert-info, .label-info, .label-info[href]:active, .label-info[href]:focus, .label-info[href]:hover, details.alert.alert-info, details.alert[open].alert-info {
    background: #EEEEEE;
    border-color: #0D520D;
}
.alert-info>:first-child:before {
    color: #0D520D;
    content: "\e086";
}
#app-brand {
    background-color: #1C761C;
    color: #fff;
    min-height: 45px;
    /* padding-top: 5px; */
}
.app-name {
    font-size: 1.6em;
    padding-top: 5px;
    padding-left: 20px;
    background-color: #0D520D;
    min-height: 45px;
    max-width: 165px;
    margin-left: -15px;
}
.app-name:before {
    content: '';
    display: block;
    position: absolute;
    left: 165px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
    border-left: 20px solid #0D520D;
    clear: both;
}
body {
    background: #ffffff;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 1.0em;
    line-height: 1.4375;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default {
  color: #0D520D!important;
}
figure .btn-default {
  color: #FFFFFF!important;
}
.btn-primary, .btn-primary {
    background-color: #0D520D!important;
	border-color: #0D520D!important;
    color: #fff!important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #ccc!important;
    color: #000!important;
}
.btn-primary-inv, .btn-primary-inv {
    background-color: #ccc!important;
    color: #000!important;
}
.btn-primary-inv:hover, .btn-primary-inv:focus {
    background-color: #0D520D!important;
    color: #FFFFFF!important;
}
.FGPPrintOnly{
display:none;
}
.FGPScreenOnly{
display:block;
}
@media print {
.FGPPrintOnly{
display:block;
}
.FGPScreenOnly{
display:none;
}
}
.fgp-fail {
	color: #FF0000;
}
.fgp-success {
	color: #1C761C;
}
.fgp-h1-top {
    margin-top: 0px!important;
}
.fgp-h2-padding {
    padding: 0px 10px 0px 10px!important;
}
.fgp-imageDiv {
    box-shadow: 1px 1px 10px #999!important;
    margin: 2px!important;
    max-height: 250px!important;
    cursor: pointer!important;
    display: inline-block!important;
    *display: inline!important;
    *zoom: 1!important;
    vertical-align: top!important;
}
.fgp-imgDiv {
    width: 250px!important;
    max-width: 250px!important;
    max-height: 250px!important;
}
.fgp-imgMaps {
    width: 100%!important;
    height: 100%!important;
    border: solid #DDD!important;
}
.fgp-imgRefs {
    box-shadow: 10px 10px 5px #888888;
    border: solid 1px black;
}
.fgp-imgRefsMaxWidth {
    max-width: 95%;
}
.fgp-infoDiv {
    box-shadow: 10px 10px 5px #888888;
    border: solid 3px darkgreen;
    border-radius: 25px;
    background-color: #E5E5E5;
    padding: 15px;
}
.fgp-infoDiv-blue {
    box-shadow: inset 2px 2px 2px #888, 10px 10px 5px #888;
    border: solid 3px #29527D;
    border-radius: 25px;
    background-color: #FFFFFF;
    padding: 15px;
}
.fgp-infoDiv-green {
    box-shadow: inset 2px 2px 2px #888, 10px 10px 5px #888;
    border: solid 3px #0D520D;
    border-radius: 25px;
    background-color: #FFFFFF;
    padding: 15px;
}
.fgp-infoDiv-purple {
    box-shadow: inset 2px 2px 2px #888, 10px 10px 5px #888;
    border: solid 3px #7030A0;
    border-radius: 25px;
    background-color: #FFFFFF;
    padding: 15px;
}
.fgp-main-content {
    border-left: 0px!important;
    border-right: 0px!important;
}
.fgp-map-container {
    bottom: 0px!important;
}
.fgp-map-gal-container {
    width: 358px;
    height: 358px;
}
.fgp-map-gal-container img {
    width: 358px;
    height: 358px;
}
.fgp-map-gal-titles {
    height: 50px!important;
    text-align: center;
    background-color: #EEEEEE;
    padding: 0px 15px 15px 0;
    width: 358px;
}
.fgp-map-img {
    width: 225px!important;
    height: 225px!important;
}
.fgp_meta_mandatory {
    background-color: #006400;
    color: #ffffff;
}
.fgp_meta_mandatory:hover {
    background-color: #006400;
    color: #ffffff;
}
.fgp_meta_mandatory:focus {
    background-color: #006400;
    color: #ffffff;
    border-color: #000000;
    border-width: 3px;
}
.fgp_meta_conditional {
    background-color: #bdefbd;
    color: #006400;
}
.fgp_meta_conditional:hover {
    background-color: #bdefbd;
    color: #006400;
}
.fgp_meta_conditional:focus {
    background-color: #bdefbd;
    color: #006400;
    border-color: #000000;
    border-width: 3px;
}
.fgp_meta_optional {
    background-color: #cccccc;
    color: #006400;
}
.fgp_meta_optional:hover {
    background-color: #cccccc;
    color: #006400;
}
.fgp_meta_optional:focus {
    background-color: #cccccc;
    color: #006400;
    border-color: #000000;
    border-width: 3px;
}
#fgp-overflow {
    border: 1px solid #000;
    height: 440px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
#fgp-overflow .fgp-map-container {
    width: 3000px;
}
#fgp-overflow .fgp-map-container div {
    float: left;
    width: 265px;
    height: 205px;
    float: left;
    padding-left: 10px;
    padding-right: 20px;
}
#fgpSignIn {
    padding-left: 15px;
    padding-right: 15px;
}
.fgp-panel-primary {
    border-color: #0D520D!important;
}.fgp-panel-primary>.fgp-panel-heading {
    color: #fff;
    background-color: #0D520D!important;
    border-color: #0D520D!important;
}.fgp-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #ffffff!important;
}
.fgp-proj-desc {
    font-size: 10px!important;
}
.fgp-proj-name {
    font-size: 12px!important;
}
.fgp-proj-title {
    background-color: #D4D4D4;
    color: black;
    width: 99.6%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.fgp-proj-type {
    font-size: 14px!important;
}
.fgp-scrolls {
    overflow-x: scroll!important;
    overflow-y: hidden!important;
    width: 2250px!important;
    white-space: nowrap!important;
}
.fgp-splash-container {
    border-left: 0px!important;
    border-right: 0px!important;
    background-image: url("sp-pe-bg.jpg");
    background-repeat: no-repeat;
}
.fgp-sttl {
    font-size: 1.1em!important;
    text-shadow: 1px 1px 1px #333!important;
    color: #fff!important;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}
.fgp-summary-nobrd {
    border: none!important;
}
.fgp-wrapper {
    background: #EFEFEF!important;
    box-shadow: 1px 1px 10px #999!important;
    margin: auto!important;
    text-align: center!important;
    position: relative!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
    margin-bottom: 20px !important;
    padding-top: 5px!important;
}
h1 {
    color: #0D520D!important;
    border-bottom: 1px solid #0D520D;
}
h2 {
    color: #0D520D!important;
}
h3 {
    color: #0D520D!important;
}
h4 {
    color: #0D520D!important;
}
h5 {
    color: #0D520D!important;
}
body {
  font-size: 1.5em!important;
}
details summary {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #1C761C;
    padding: 5px 15px;
}
details summary:focus, details summary:hover {
    background-color: transparent;
    color: #1C761C;
    text-decoration: underline;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .list-group-item.active:visited {
    z-index: 2;
    color: #fff!important;
    background-color: #0d520d;
    border-color: #0d520d;
}
.overlay-def .modal-header {
    background: none repeat scroll 0 0 #0d520d;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #0d520d;
    border-color: #0d520d;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.4375;
    text-decoration: none;
    color: #0d520d;
    background-color: #eaebed;
    border: 1px solid #dcdee1;
    margin-left: -1px;
}
.splash #bg {
    background: url(images/imgFgpBackground.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
}
.wb-geomap-map.active {
    outline-color: #0d520d;
}
#wb-info .brand {
    border-top: 4px solid #0D520D;
}
.wb-tabs.carousel-s2 {
    font-size: 0.7em!important;
}
.wb-tabs.carousel-s2 [role=tablist]>li.nxt a, .wb-tabs.carousel-s2 [role=tablist]>li.plypause a, .wb-tabs.carousel-s2 [role=tablist]>li.prv a {
    color: #0D520D!important;
}
.wb-tabs.carousel-s2 [role=tablist]>li.prv a:hover .glyphicon, .wb-tabs.carousel-s2 [role=tablist]>li.nxt a:hover .glyphicon, .wb-tabs.carousel-s2 [role=tablist]>li.plypause a:hover, .wb-tabs.carousel-s2 [role=tablist]>li.prv a:focus .glyphicon, .wb-tabs.carousel-s2 [role=tablist]>li.nxt a:focus .glyphicon, .wb-tabs.carousel-s2 [role=tablist]>li.plypause a:focus {
    background-color: #0D520D!important;
    color: white!important;
}
#wb-srch button, .srchbox button {
    background-color: #0D520D;
    border-color: #0D520D;
}
#wb-srch button:hover, .srchbox button {
    background-color: #ccc;
    border-color: #000;
    border: solid 1px black;
}
.wb-tabs.carousel-s2 [role=tablist]>li.prv a:hover .glyphicon, .wb-tabs.carousel-s2 [role=tablist]>li.nxt a:hover .glyphicon, .wb-tabs.carousel-s2 [role=tablist]>li.plypause a:hover, .wb-tabs.carousel-s2 [role=tablist]>li.prv a:focus .glyphicon, .wb-tabs.carousel-s2 [role=tablist]>li.nxt a:focus .glyphicon, .wb-tabs.carousel-s2 [role=tablist]>li.plypause a:focus {
    background-color: #2572B4;
    color: white;
}