@import url("//hello.myfonts.net/count/3a1407");

@font-face {
    font-family: SofiaPro-Black;
    src: url(webfonts/3A1407_0_0.eot);
    src: url(webfonts/3A1407_0_0.eot?#iefix) format("embedded-opentype"), url(webfonts/3A1407_0_0.woff2) format("woff2"), url(webfonts/3A1407_0_0.woff) format("woff"), url(webfonts/3A1407_0_0.ttf) format("truetype")
}

@font-face {
    font-family: SofiaPro-Light;
    src: url(webfonts/3A1407_1_0.eot);
    src: url(webfonts/3A1407_1_0.eot?#iefix) format("embedded-opentype"), url(webfonts/3A1407_1_0.woff2) format("woff2"), url(webfonts/3A1407_1_0.woff) format("woff"), url(webfonts/3A1407_1_0.ttf) format("truetype")
}

#id-section-banner {
    padding-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border: solid #d6d6d6;
    border-width: 0 0 1px;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s
}

#banner #id-div-banner-site-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    max-width: 100%;
    min-width: 100%
}

#solutions-title-bar {
    font-weight: 700;
    display: none;
    width: 100%;
    background-color: #efefee;
    font-size: .9rem;
    color: #0275d8;
    position: relative;
    padding-left: 0;
    margin-top: 4px
}

.cl-banner-parent {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    max-width: 1366px
}

.project_review_tag {
    color: #fff;
    background: #828486
}

#solutions-title-bar div {
    text-align: center;
    display: inline-block;
    padding: 5px 3px
}

.score-switch-holder-items,
.solutions-title-bar-items {
    cursor: pointer
}

.circle-icon {
    font-size: .7rem;
    background: #0d70ba;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle
}

.score-switch-holder {
    border-bottom: 2px solid #0d70ba;
    border-left: 4px solid #fff
}

.score-switch-holder span {
    display: inline-block;
    width: 49%
}

.solutions-title-bar-items-hidden {
    display: none
}

.solutions-active-link {
    color: #f79520
}

img#site-header {
    height: 183px;
    object-fit: contain
}

div#id-nav-holder-right {
    max-width: 100%;
    margin-right: 6%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -9px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#id-div-site-navigation,
#id-global-container section {
    width: 100%
}

div#id-div-mobile-nav {
    display: none
}

.nav-tabs .dropdown-menu {
    display: none;
    text-align: center;
    width: -webkit-max-content;
    width: max-content;
    margin-top: -5%;
    text-transform: uppercase;
    font-size: .8em;
    font-family: SofiaPro-Light, Sans-serif;
    font-weight: 500;
    left: 5%;
    border: 1px solid #d6d6d6
}

.nav-tabs .dropdown-menu li a {
    text-decoration: none
}

.nav-tabs .dropdown-menu li {
    padding: 3px 1em
}

#id-user-action-dropdown {
    left: -90px
}

.nav-tabs .dropdown-toggle:after {
    margin-top: .5em;
    border-top: .5em solid;
    margin-left: 0
}

.nav-tabs .dropdown:hover .dropdown-menu {
    display: block
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:hover .fa {
    color: #00a69c
}

.nav-tabs .nav-link {
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    font-family: SofiaPro-Black, Sans-serif;
    color: #002f56;
    z-index: 3;
    font-size: 17px;
    font-weight: 400
}

.nav-tabs .nav-link .nav-link-image {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px
}

#id-nav-browse-solutions .nav-link-image {
    background-image: url(../images/BrowseSolutions_xsmall.png)
}

#id-nav-browse-solutions:hover .nav-link-image {
    background-image: url(../images/BrowseSolutions_xsmall_hover.00bfc302.png)
}

#id-nav-create-project .nav-link-image {
    background-image: url(../images/CreateProject_xsmall.png)
}

#id-nav-create-project:hover .nav-link-image {
    background-image: url(../images/CreateProject_xsmall_hover.78bfdcfc.png)
}

#id-nav-project-dashboard .nav-link-image {
    background-image: url(../images/ManageProject.6ce108c0.png)
}

#id-nav-project-dashboard:hover .nav-link-image {
    background-image: url(../images/ManageProject_xsmall_hover.a7c2f760.png)
}

#navbarMobileContent .nav-item {
    padding: 10px 20px;
    line-height: 20px;
    margin: 0
}

#navbarMobileContent .nav-item a {
    padding: 0;
    color: #494c4f
}

.nav-item {
    width: auto;
    margin-bottom: -5%
}

#id-div-site-navigation {
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

#id-div-site-navigation .cl-nav-cus>.nav-item {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cl-nav-cus .nav-link.active:focus span,
.cl-nav-cus .nav-link.active:hover span,
.cl-nav-cus .nav-link.active span {
    font-weight: 500;
    color: #00a69c;
    border: 0;
    margin-bottom: 3px
}

.cl-nav-cus .nav-link:hover span {
    transition: width .3s, right .3s, background-color .3s;
    -webkit-transition: width .3s, right .3s, background-color .3s;
    -moz-transition: width .3s, right .3s, background-color .3s;
    -o-transition: width .3s, right .3s, background-color .3s
}

.cl-tbl-navs.nav-tabs .nav-link {
    border: 0
}

.cl-tbl-navs.nav-tabs {
    border-bottom: 0
}

.cl-tbl-gl-nav nav,
.cl-tbl-navs nav {
    width: 100%
}

section {
    padding-bottom: 10px
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: block;
    padding-left: 15px
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    text-overflow: ellipsis
}

.bootstrap-select.btn-group .dropdown-menu li a:hover span {
    text-decoration: none;
    background: #555;
    color: #ccc
}

.bootstrap-select.btn-group .dropdown-menu li a:focus {
    text-decoration: none
}

.bootstrap-select.btn-group .dropdown-menu li a:focus span {
    background: #aaa;
    color: #555
}

.open>.dropdown-menu {
    display: block;
    width: 100%;
    min-width: 0
}

.open>.dropdown-menu>a {
    overflow: hidden;
    text-overflow: ellipsis
}

#id-li-logout-dropdown-container .btn {
    font-family: SofiaPro-Light, Sans-serif;
    color: #fff;
    background-color: #002f56;
    border-radius: 50px 50px 50px 50px;
    padding: 12px 30px
}

#id-logout-dropdown {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    color: #002f56;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 70px
}

#id-logout-dropdown:hover {
    color: #00a69c
}

#id-logout-dropdown .fa.fa-user-o {
    margin: 12px auto 4px auto;
    font-size: 3rem
}

.dropdown-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.dropdown-item .fa {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.dropdown-item span {
    text-align: left
}

.nav-item span {
    position: relative;
    display: inline-block;
    transition: color .2s ease
}

.nav-link span:hover {
    color: #00a69c
}

.navbar-expand-lg .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px
}

.nav-item span:hover:after,
.nav-item span:hover:before {
    /* width: 80%;
    position: absolute;
    left: 50%;
    top: 90%;
    transform: translate(-50%, -50%) */
}

.nav-item span:after,
.nav-item span:before {
    content: "";
    position: absolute;
    top: calc(70% + 5px);
    width: 0;
    right: 0;
    height: 3px
}

.nav-item span:after {
    transition: width .2s cubic-bezier(.29, .18, .26, .83);
    background: #f7941e
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover {
    background-color: inherit
}

.navbar-light .navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path stroke="%23494C4F" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg>')
}

.navbar-toggler {
    border: none
}

.cl-nav-cus .hide {
        display: block
}

@media (max-width:550px) {
    #id-section-banner {
        min-height: 70px
    }

    #id-div-site-navigation .cl-nav-cus,
    .cl-cards-bottom .card-deck {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #id-div-site-navigation #nav-link-main-site {
        display: none
    }

    #id-div-site-navigation .cl-nav-cus>.nav-item {
        -ms-flex-preferred-size: 1;
        flex-basis: 1;
        -ms-flex-positive: 1;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        width: 100%
    }

    #id-div-site-navigation .cl-nav-cus .nav-link,
    #id-div-site-navigation .cl-nav-cus .nav-link span {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        text-align: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    #id-div-site-navigation .cl-nav-cus .nav-link span {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    div#id-div-mobile-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        background: #555;
        color: #fff;
        position: relative;
        width: 100%;
        height: 50px;
        margin: 10px 0;
        cursor: pointer
    }

    div#id-div-mobile-nav-icon-holder {
        width: 20%;
        height: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        z-index: 0;
        position: absolute
    }

    div#id-div-mobile-nav-icon-holder .fa {
        top: 0;
        color: #fff
    }

    div#id-div-mobile-nav-text-holder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        font-weight: 700;
        z-index: 1
    }

    .navbar-brand {
        width: 27%
    }

    #id-li-logout-dropdown-container .btn {
        font-size: .8rem
    }
}

@media (max-width:767px) {
    #id-div-banner-site-banner>:first-child {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        padding: 0 10px;
        justify-content: center
    }

    img#site-header {
        height: auto
    }

    #id-nav-project-dashboard .nav-link-image {
        background-image: url(../images/ManageProject.6ce108c0.png);
        height: 60px;
        width: 60px;
    }
}

@media only screen and (min-width:992px) {
    .nav-tabs .nav-link {
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 0;
        border-radius: 0;
        font-family: SofiaPro-Light, Sans-serif;
        color: #002f56;
        padding: 0
    }

    .navbar-brand {
        width: 17%
    }

    .navbar-expand-lg .navbar-collapse {
        display: none !important
    }

    .cl-nav-cus .hide {
        display: block;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 0;
        border-radius: 0;
        font-family: SofiaPro-Light, Sans-serif;
        color: #002f56;
        padding: 0
    }
    
    .nav-link{
        padding:0rem;
    }
}

@media only screen and (min-width:1200px) {
    #banner #id-div-banner-site-banner {
        max-width: 1366px
    }

    .cl-div-nav-image-holder {
        width: 70px;
        height: 80px
    }

    #id-logout-dropdown {
        height: 80px;
        width: 80px
    }

    #id-logout-dropdown .fa.fa-user {
        font-size: 3rem
    }

    #id-nav-browse-solutions .nav-link-image {
        background-image: url(../images/browsesolutions.6da3611d.png);
        height: 60px;
        width: 60px
    }

    #id-nav-browse-solutions:hover .nav-link-image {
        background-image: url(../images/BrowseSolutions_small_hover.91ea8182.png)
    }

    #id-nav-create-project .nav-link-image {
        background-image: url(../images/CreateProject.1ca7d1ff.png);
        height: 60px;
        width: 60px
    }

    #id-nav-create-project:hover .nav-link-image {
        background-image: url(../images/CreateProject_small_hover.603f0052.png)
    }

    #id-nav-project-dashboard .nav-link-image {
        background-image: url(../images/ManageProject.6ce108c0.png);
        height: 60px;
        width: 60px;
        margin-top:12px;
    }

    #id-nav-project-dashboard:hover .nav-link-image {
        background-image: url(../images/ManageProject_small_hover.a542d201.png)
    }

    .cl-div-project-info-holder {
        overflow: hidden
    }
}

/*# sourceMappingURL=Banner.css.84c762c0.map */