@use postcss-custom-media;
@use postcss-nested;
@use cssnext;
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400");
@custom-media --min-sm (width >=768px);

.take-all-space-you-can {
	width: 100%
}

.iti-flag {
	background-image: url(../images/flags.edacf0d8.png)
}

#id-h1-logo {
	display: none
}

body {
	min-height: 100vh;
	font-family: SofiaPro-Light, Sans-serif;
	color: #000;
	font-weight: 300;
	line-height: 1.7;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

a {
	color: #002f56;
	text-decoration: none
}

a:hover {
	color: #00a69c !important
}

b,
strong {
	font-weight: 700 !important
}

.justify {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
	background-color: #002f56;
	color: #fff;
	border: 1px solid #002f56
}

.doc-help-icon .doc-help-text {
    display: none;
    width: 500px;
    background-color: #f7f6c8;
    color: #000;
    text-align: left;
    border-radius: 10px;
    padding: 15px;
    font-size: .8em;
    position: absolute;
    z-index: 1;
    right: 20%;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
	background-color: #014682;
	color: #fff;
	border: 1px solid #014682
}

.btn-primary.disabled,
.btn-primary:disabled:hover,
.membershipbutton.disabled,
.membershipbutton:disabled:hover {
	background-color: #555 !important;
	border-color: #555 !important
}

.mx-width {
	max-width: 960px;
	margin: 0 auto
}

img {
	width: auto;
	max-width: 100%;
	height: auto
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: .2em 0;
	padding: 0
}

.col-md-3,
.col-md-8,
.col-md-9 {
	padding: 0
}

.display-2 {
	font-family: SofiaPro-Light, Sans-serif;
	font-size: 60px;
	line-height: 1;
	font-weight: 300;
	color: #fff
}

.learn {
	font-family: SofiaPro-Light, Sans-serif;
	font-size: 27px;
	line-height: 1.4;
	font-weight: 300;
	color: #fff
}

.jumbotron-fluid {
	padding: 0
}

.parallax {
	text-align: center;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed !important
}

.parallax-pattern-overlay {
	background: #fff;
	background-repeat: repeat
}

.heading {
	padding-bottom: 15px;
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 80px
}

#id-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex: 1;
	flex: 1
}

#id-div-noscript {
	position: fixed;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: coral;
	font-weight: 600
}

.cl-tbl-navs {
	width: 100%
}

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

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

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

.cl-cards-bottom {
	margin-top: 30px
}

.cl-cards-bottom .card {
	min-height: 10em;
	position: inherit;
	width: 33%
}

.cl-cards-bottom .card,
.cl-cards-bottom .card a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-cards-bottom .card a {
	height: auto
}

.cl-cards-bottom .card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 0 12px
}

.cl-cards-bottom .card #id-login-btn {
	position: relative;
	bottom: 0;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-cards-bottom div#id-div-form {
	width: 100%;
	margin-top: 10px
}

div#id-btn-login-short-submit {
	width: 100px
}

#id-div-card-quick-login .card-block {
	background-color: #fff;
	color: #000;
	font-size: 1rem;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.cl-cards-bottom {
	padding: 0
}

.cl-cards-bottom .card-block {
	width: 100%;
	background-color: #fff;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #444;
	font-size: 2rem
}

.card-title {
	font-size: x-large;
	font-family: SofiaPro-Black, Sans-serif;
	font-weight: 600;
	padding-bottom: 3%
}

.cl-cards-bottom {
	font-family: SofiaPro-Light, Sans-serif;
	font-size: 1em
}

div#id-btn-login-short-submit {
	width: 50%;
	margin: 5%
}

.cl-cards-bottom img.card-img-bottom {
	bottom: 0;
	height: 100%
}

.cl-cards-bottom {
	margin-bottom: 0
}

.cl-cards-bottom .card-deck a:hover {
	text-decoration: none
}

.cl-label-login-short,
.cl-label-new-project-short {
	color: #000;
	font-size: 14px
}

.cl-new-project-tbl-div-left {
	padding-left: 0;
	float: left
}

.cl-new-project-tbl-div-right {
	padding-right: 0;
	float: left
}

.cl-label-new-project-short {
	padding-left: 0
}

#id-form-login-short {
	width: 100%;
	padding-bottom: 1.5em;
	min-height: 6.5em;
	padding-left: 0;
	padding-right: 5px
}

#id-form-login-short input {
	height: 2em
}

#id-form-login-short label {
	color: #ccc;
	height: 15px;
	font-size: 1em
}

.cl-div-card-links-holder {
	width: 100%;
	padding: 5%
}

.cl-a-card-links {
	width: auto;
	height: auto;
	color: #0d71ba;
	display: block;
	font-size: .9em;
	font-weight: 700;
	margin-bottom: 10px
}

.cl-cards-bottom .card-deck .cl-a-card-links:hover {
	text-decoration: underline
}

.nav {
	display: -ms-flexbox;
	display: flex
}

.nav span {
	text-align: center;
	width: auto;
	padding: 0 20px
}

.std-div-content table {
	margin-top: 10px;
	color: #333
}

.std-filters,
.std-sub-filters,
.std-sub-sub-filters {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	border-width: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px
}

.std-filters {
	margin-top: 10px
}

.std-filter-lbl {
	width: 20%;
	color: #000;
	text-align: center
}

.std-filter2-filters,
.std-filter3-filters,
.std-filter-filters {
	width: 80%
}

.std-filter-three,
.std-filter-two {
	display: none
}

.std-filter2-filters span,
.std-filter3-filters span,
.std-filter-filters span {
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: .8em
}

#home.active {
	display: block
}

.SofiaPro-Black {
	font-family: SofiaPro-Black;
	font-weight: 400;
	font-style: normal
}

.SofiaPro-Light {
	font-family: SofiaPro-Light;
	font-weight: 400;
	font-style: normal
}

.accordion-icon {
	padding-right: 5px;
	padding-left: 5px;
	position: absolute;
	transform: translateY(50%);
	transition: all .5s linear;
	cursor: pointer
}

.accordion-icon.rotate {
	transform: rotate(180deg);
	cursor: pointer
}

.std-lvl-one {
	text-align: left
}

.std-no {
	text-align: center;
	font-family: SofiaPro-Light, Sans-serif
}

.std-row {
	cursor: pointer
}

.std-h2-score,
.std-h3-score {
	font-size: .8em
}

.std-row-icon {
	padding-right: 5px;
	padding-left: 5px;
	transform: translateY(50%);
	transition: all .5s linear;
	float: right
}

.std-row-icon.rotate {
	transform: rotate(180deg)
}

.std-row-icon-container {
	width: 100%;
	height: 100%;
	z-index: 30
}

#topBanner {
	background-color: silver;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100
}

.unclickable {
	pointer-events: none
}

.std-row .std-no,
.tr-inverse-low .std-no,
.tr-inverse .std-no {
	text-align: left;
	padding-left: 10px;
	font-family: SofiaPro-Light, Sans-serif
}

.c-checkbox input:checked~.c-indicator {
	border-style: none
}

.c-checkbox .c-indicator {
	border-style: solid;
	border-color: #bbb
}

.cl-tbl-gl-nav {
	margin-bottom: 10px;
	width: 100%
}

#id-std-global-filter-container {
	padding-left: 0;
	padding-right: 0;
	display: none
}

.cl-tbl-gl-nav .jumbo-content {
	padding: 30px 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px
}

.cl-label-custom-cyan {
	background-color: #3ec1a8
}

.cl-label-goal,
.cl-label-phase {
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: .8em
}

#id-global-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 0;
	margin-bottom: auto
}

.cl-div-width-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 100%;
	min-width: 100%;
	padding: 0
}

.cl-section-filter {
	width: 100%;
	font-size: 22px
}

#id-section-filter-goal {
	margin-top: 40px
}

.cl-filter-elem {
	width: 100%;
	height: 1.75em;
	margin-left: 0;
	position: relative
}

.cl-filter-elem:hover>span {
	color: #32cd32
}

.cl-filter-elem>span {
	color: #999
}

.cl-filter-header {
	width: 100%;
	height: 1.5em;
	background-color: #333;
	color: #ddd;
	vertical-align: middle;
	position: relative;
	padding-right: 8px;
	margin-bottom: 7px
}

.cl-filter-elem>span,
.cl-filter-header>span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 400
}

@media only screen and (max-width:850px) {
	[class=std-row] {
		display: none
	}
}

.input-group-addon {
	padding: .5rem .75rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	color: #55595c;
	text-align: center;
	background-color: #eceeef;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem
}

.material-switch>input[type=checkbox] {
	display: none
}

.material-switch>label {
	cursor: pointer;
	height: 0;
	position: relative;
	width: 30px
}

.material-switch>label:before {
	background: #fff;
	box-shadow: inset 0 0 10px hsla(0, 0%, 100%, .5);
	border-radius: 4px;
	content: "";
	height: 12px;
	margin-top: -4px;
	position: absolute;
	opacity: .3;
	transition: all .4s ease-in-out;
	width: 30px
}

.material-switch>label:after {
	background: #000;
	border-radius: 8px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	content: "";
	height: 12px;
	left: -2px;
	position: absolute;
	top: -4px;
	transition: all .3s ease-in-out;
	width: 12px
}

.material-switch>input[type=checkbox]:checked+label:before {
	background: inherit;
	opacity: .5
}

.material-switch>input[type=checkbox]:checked+label:after {
	background: inherit;
	left: 20px
}

#id-register-tbl .form-control {
	margin-bottom: 1em;
	margin-top: .5em;
	width: 100%;
	text-overflow: ellipsis;
	border-radius: 10px
}

#id-register-tbl .label {
	color: #333;
	font-size: 14px;
	margin: 0
}

.cl-div-login-tbl,
.cl-div-register-tbl {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 2% 1%
}

.div-register-tbl {
	padding-top: 5%
}

#id-div-register-submit>.cl-register-tbl-div-right {
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

#id-form-new-project .cl-div-formset,
#id-form-register .cl-div-formset {
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%
}

#id-form-new-project div#id-div-new-project-submit {
	display: block;
	width: 100%;
	padding: 0 15%
}

#id-register-inp-securityquestion {
	text-align: left
}

.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
}

.bootstrap-select.has-success .btn {
	border: 1px solid #5cb85c
}

.bootstrap-select.has-danger .btn {
	border: 1px solid #d9534f
}

#id-div-register-success {
	width: 100%
}

.cl-error-lbl,
.cl-lbl,
.has-success.cl-lbl {
	display: none
}

.cl-error-lbl,
cl-contact-inp-error-lbl {
	font-size: .8em;
	color: #d9534f;
	font-weight: 600
}

.has-danger.cl-lbl {
	display: block;
	font-size: .7em;
	color: #d9534f;
	font-weight: 600
}

#id-div-register-progress {
	display: none
}

#id-div-new-project-progress {
	display: none;
	width: 100%;
	padding: 50px;
	background: #faebd7;
	border: 2px solid #000;
	border-radius: 5px
}

.tab-content>.active {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.nav-tabs {
	border-bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.cl-div-nav-image-holder {
	width: 60px;
	height: 70px;
	justify-content: space-around;
	-ms-flex-pack: justify;
	align-items: center;
	-ms-flex-align: center;
	display: flex;
	display: -ms-flexbox;
	margin: 0 5px
}

.cl-div-nav-image-holder .fa-home,
.cl-div-nav-image-holder .fa-info {
	margin: 8px auto 0;
	font-size: 3.3em
}

.cl-div-nav-image-holder .nav-link {
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff;
	font-weight: 700
}

.cl-div-nav-image-holder img {
	transform: scale(.9);
	max-height: 70px;
	margin: 0 auto
}

.nav-link label {
	margin-top: -5px;
	font-weight: 700;
	font-size: .7em
}

.cl-nav .cl-div-project-award-details-holder .cl-div-project-award-title-holder {
	display: none
}

.cl-nav .cl-div-project-award-credit-title-holder {
	margin-bottom: 0
}

#id-form-login input {
	width: 100%;
	margin-bottom: 5px;
	border-radius: 10px
}

.cl-div-section-msg h6 {
	margin-bottom: 0
}

.cl-div-section-msg p {
	font-size: .8em;
	margin-bottom: 0
}

.cl-div-section-msg {
	margin-bottom: 20px
}

#id-form-register .col-md-5 {
	padding-left: 0
}

#id-form-register .col-md-7 {
	padding-right: 0
}

.cl-login-tbl-div {
	width: 100%
}

#id-login-a-back-register,
#id-login-a-forgot-pass {
	font-size: .9em;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 30px
}

#id-btn-login-submit,
#id-btn-new-project-submit {
	display: -ms-flexbox;
	display: flex
}

#id-pane-forgot-pass.flex-column-center-parent,
#id-pane-reconfirm-pass.flex-column-center-parent {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: center;
	align-content: center
}

div#id-pane-register {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

div#id-pane-new-project {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

div#id-pane-submit-project {
	display: -ms-flexbox;
	display: flex
}

div#id-pane-forgot-pass,
div#id-pane-new-pass {
	padding-left: .9375rem;
	padding-right: .9375rem
}

div.cl-div-sub-section {
	border: 1px solid #ccc;
	border-radius: 3px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 10px 0;
	padding: 0 10px
}

div.cl-div-sub-section-header {
	height: 30px;
	display: block
}

div.cl-div-sub-section-header .fa:before {
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle
}

div.cl-div-sub-section-header .fa {
	display: none;
	height: 100%;
	position: relative;
	top: 25%
}

.intl-tel-input.allow-dropdown {
	width: 100%
}

.disabled {
	cursor: not-allowed
}

div#contact {
	-ms-flex-direction: column;
	flex-direction: column
}

#id-div-forgot-password-progress,
#id-div-new-password-progress,
#id-div-register-progress {
	margin-bottom: 40px;
	background: #faebd7;
	border-radius: 5px
}

#id-div-nav-tab-msg {
	background-color: #333
}

#id-div-nav-tab-msg span {
	margin-left: 30px;
	font-weight: 700;
	color: #eee
}

#id-global-container section {
	width: 100%
}

#id-div-card-sponsor {
	min-height: 280px
}

#id-div-card-sponsor .card-title {
	font-size: 1em
}

.footer-title {
	font-size: xx-large;
	font-family: SofiaPro-Black, Sans-serif;
	font-weight: 600;
	text-align: center;
	margin: 10%;
	color: rgba(58, 58, 60, .84)
}

.social-media>a {
	margin: 4%
}

.footer-content {
	margin: 8%;
	text-align: center
}

.footer-content>#telephone {
	float: left;
	margin: 5% 10% 10% 0;
	font-weight: 600
}

.footer-content>#email {
	float: right;
	margin: 5% 0 10% 10%;
	font-weight: 600
}

.footer-content #news-btn {
	margin: 5% auto auto;
	width: 50%
}

.footer-content #news-signup-submit {
	width: 100%
}

#id-div-card-sponsor {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

#id-div-twitter-container {
	height: 500px
}

div#carousel-example-generic .carousel-inner {
	height: 100%
}

#id-form-register.edit {
	border-left: 0
}

#id-span-register-section-2-header {
	font-size: .9em;
	color: coral;
	font-weight: 700;
	display: none
}

.cl-container {
	max-width: 100%;
	height: auto
}

#home .carousel-control {
	z-index: 30;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

form#id-form-login,
form#id-form-new-project,
form#id-form-register {
	width: 100%
}

input#id-btn-login-short-submit,
input#id-btn-login-submit {
	width: 50%;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: end;
	align-self: flex-end
}

input#id-btn-new-project-cancel,
input#id-btn-new-project-clear,
input#id-btn-new-project-submit {
	width: 100px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px
}

input#id-btn-new-project-submit {
	margin-left: 15px
}

/*.carousel-control .icon-prev:before {*/
/*	content: url(../images/sliderarrow_left.d8c86983.png);*/
/*	float: right*/
/*}*/

.carousel-control .icon-next,
.carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	font-family: SofiaPro-Light, Sans-serif;
	line-height: 1
}

.carousel-control .icon-prev {
	margin-left: -15px;
	left: 50%
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	opacity: 1
}

.carousel-control.right {
	right: 0;
	left: auto
}

/*.carousel-control .icon-next:before {*/
/*	content: url(../images/sliderarrow_right.44615428.png)*/
/*}*/

.card-img-top {
	height: 240px
}

.thick-border {
	background: #e6e7e8;
	padding: 10px
}

.no-border-left {
	border-left: none
}

.no-border-right {
	border-right: none
}

.fill-space {
	width: 100%
}

.thick-border-no-grid-left {
	border: 10px solid #e6e7e8;
	margin: 0 5px 0 0;
	padding: .9375rem
}

.thick-border-no-grid {
	padding: .9375rem
}

.thick-border-no-grid-no-padding {
	border: 10px solid #e6e7e8
}

.thick-border-light {
	border: 10px solid #e6e7e8;
	margin-bottom: 5px
}

.thick-border-no-grid-right {
	border: 10px solid #e6e7e8;
	margin: 0 0 0 5px;
	padding: .9375rem
}

.cl-div-site-breadcrumb {
	font-weight: 700;
	display: inline-block;
	margin-top: 10px;
	padding-left: 15px !important;
	font-size: 1.25em;
	border-bottom: 0;
	padding-right: 20px
}

.cl-div-site-breadcrumb-static {
	font-weight: 700;
	margin-top: 10px;
	color: #002f56;
	font-size: 1em !important
}

.cl-faq-subheading {
	font-weight: 700;
	margin-top: 15px;
	font-size: 1.15em
}

.cl-div-search-box {
	font-weight: 700;
	text-align: center;
	display: none
}

.cl-img-search-bottom {
	width: 100%
}

.cl-div-search-bottom-img-caption {
	display: block;
	text-align: center;
	font-size: .9em;
	font-weight: 400;
	margin-top: 10px
}

.cl-div-solutions-section-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.cl-solutions-section-right {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.cl-solutions-section-left {
	min-width: 300px;
	width: auto
}

div#id-div-chapter-content,
div#id-div-chapter-content-loading {
	height: 100%;
	padding-right: 0
}

.cl-div-solution-card>.card-header {
	font-weight: 700;
	text-align: center
}

.cl-div-hx-solution-item-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.cl-div-hx-solution-item-checkbox:checked~.custom-control-indicator {
	color: #f7941e
}

.custom-control-indicator:after {
	content: "";
	position: absolute;
	display: none
}

.custom-checkbox input:checked~.custom-control-indicator:after {
	display: block
}

.custom-checkbox .custom-control-indicator:after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #f7941e;
	border-width: 0 2.5px 2.5px 0;
	transform: rotate(45deg)
}

.cl-div-hx-solution-item-checkbox+.custom-control-indicator {
	border-radius: .25rem;
	cursor: pointer
}

.disabled {
	cursor: default;
	opacity: .5;
	pointer-events: none
}

.cl-card-btn-solution {
	background-color: #fff;
	color: #000;
	border-radius: 0;
	margin-top: 40px;
	width: 100%;
	border-top: 1px solid #e5e5e5
}

.cl-card-btn-solution:hover {
	background-color: #666;
	color: #fff
}

#id-div-solution-cardgroup {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 20px;
	padding: 0 10px
}

#id-div-solution-cardgroup .card {
	border: 1px solid #e5e5e5;
	border-radius: .25rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 28em;
	background-color: #f5f5f5
}

#id-div-solution-cardgroup .card>a {
	text-decoration: none;
	text-align: center
}

#id-div-solution-cardgroup .card:hover {
	background-color: #e6e7e8
}

#id-pane-solution-landing .solutions_message>p {
	text-align: center;
	font-size: 1.5em;
	font-weight: 600;
	margin: 2em;
	width: 100%;
	color: #4d4e4e
}

#id-div-solution-cardgroup .card:not(:first-child):not(:last-child) {
	margin: 0 20px
}

#id-div-solution-cardgroup .card .card-header {
	border-radius: 0;
	background-color: transparent;
	border-bottom: 0;
	font-size: 1.5em;
	color: rgba(78, 79, 79, .85)
}

#id-div-solution-cardgroup .card .card-block {
	min-height: 150px;
	display: block;
	text-align: center
}

.cl-no-margin-bot {
	margin-bottom: 0
}

.cl-div-instructions-holder {
	padding-left: 10px
}

.cl-div-instructions-holder div {
	padding-left: 30px
}

.cl-div-about-holder h6,
.cl-div-instructions-holder h6 {
	font-weight: 600
}

.cl-div-instructions-holder div b {
	font-weight: 400
}

.cl-price-blocks-parent-div {
	display: flex;
	display: -ms-flexbox;
	flex-direction: row;
	-ms-flex-direction: row
}

.about-blocks {
	min-height: 28em;
	margin: 3%;
	background-color: #e6e7e8;
	text-align: center;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.price-block-heading {
	background-color: #484846
}

.price-block-heading h4 {
	padding-top: 5%;
	padding-bottom: 5%;
	color: #fff
}

.price-block-heading p {
	padding-top: 10px
}

.price-block-bottom {
	height: 5px;
	background-color: #4175b3
}

.ul-subscription-type {
	list-style-type: disc;
	text-align: left;
	margin-left: 5%
}

.cl-div-solution-card .card-img-holder {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	min-height: 150px;
	margin: 7em 0 3em
}

.cl-div-solution-card .card-img {
	width: auto;
	height: auto
}

div#id-div-solution-chapter-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

.cl-div-solution-chapter-list-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	text-decoration: none;
	color: #002f56
}

.cl-div-solution-chapter-list-item:hover {
	cursor: pointer;
	color: #fff;
	text-decoration: none
}

.cl-div-solution-chapter-list-item.active,
.cl-div-solution-chapter-list-item.active:active,
.cl-div-solution-chapter-list-item.active:focus,
.cl-div-solution-chapter-list-item.active:hover {
	text-decoration: none;
	color: #002f56;
	font-weight: 700
}

.cl-div-solution-chapter-list-item,
.cl-div-solution-chapter-list-item:active,
.cl-div-solution-chapter-list-item:focus,
.cl-div-solution-chapter-list-item:hover {
	text-decoration: none;
	color: #002f56
}

.cl-div-solution-chapter-list-item.active:hover {
	color: #002f56;
	text-decoration: none
}

.cl-div-chapter-number {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	width: 30px;
	min-height: 30px;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.2em
}

.cl-div-solution-chapter-list-item.active .cl-img-chapter-chevron {
	background: url(../images/Chevron_orange.7ccbfb74.png);
	display: block;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	background-size: contain;
	padding-left: 37px;
	background-repeat: no-repeat;
	margin-left: 15px
}

.cl-div-active-bar {
	width: 10px
}

.cl-div-chapter-title-holder {
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 10px 0 10px 10px
}

.cl-div-chapter-title {
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #002f56
}

.cl-div-chapter-sub-title {
	font-size: .9em
}

.cl-div-chapter-chevron-holder,
.cl-div-chapter-spin-i-holder {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	-ms-flex-pack: center;
	justify-content: center
}

#id-pane-solution {
	display: none
}

#id-pane-solution .carousel-indicators .active,
#id-pane-solution .carousel-indicators li {
	margin-right: 15px
}

.cl-i-chapter-spin,
.cl-img-chapter-chevron {
	width: 1.1em
}

.cl-link-black-font {
	color: #000
}

.cl-link-black-font:focus,
.cl-link-black-font:hover {
	color: #555
}

.cl-link-black-font:active,
.cl-link-black-font:visited {
	color: #ccc
}

div#id-div-chapter-content-h2-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-div-chapter-content-h2-item-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	padding-right: 0
}

img.cl-img-h2-item-image {
	width: auto;
	height: auto;
	margin-left: 5px
}

.cl-div-h2-item-number {
	padding-left: 10px;
	color: #002f56
}

.cl-div-h2-item-title-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: left;
	-ms-flex-direction: row;
	flex-direction: row;
	color: #002f56
}

.cl-div-h2-item-title-section-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: left;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 10px
}

.cl-div-h2-item-subtitle {
	font-size: .9em
}

.cl-div-chapter-content-h2-item-pane {
	padding-left: 30px
}

div#id-div-chapter-content-h3-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-div-chapter-content-h3-item-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	padding-right: 0
}

img.cl-img-h3-item-image {
	width: auto;
	height: auto;
	transform: scale(.8);
	margin-left: 5px
}

.cl-div-h3-item-number {
	padding-left: 10px
}

.cl-div-h3-item-title-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: left;
	-ms-flex-direction: row;
	flex-direction: row
}

.cl-div-h3-item-title-section-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: left;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 10px
}

.cl-div-h3-item-subtitle {
	font-size: .9em
}

.cl-div-chapter-content-h3-item-pane {
	padding-left: 40px
}

.cl-div-h2-item-title-notification-holder,
.cl-div-h3-item-title-notification-holder {
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px
}

.cl-div-chapter-content-solutions-holder,
.cl-div-h2-solutions-holder,
.cl-div-h3-solutions-holder {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.cl-div-h2-solution-item,
.cl-div-h3-solution-item {
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-div-h2-solution-item-header,
.cl-div-h3-solution-item-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	cursor: pointer;
	-ms-flex-align: baseline;
	align-items: baseline
}

.prequisite span.cl-div-h2-solution-item-prequisite,
.prequisite span.cl-div-h3-solution-item-prequisite {
	padding: 0 .3em .1em;
	border-radius: .25em;
	background-color: #888;
	color: #fff;
	font-weight: 500;
	font-size: .9em;
	margin-right: 5px;
	display: inline
}

div.cl-div-h2-solution-item-pane.collapse.in,
div.cl-div-h2-solution-item-pane.collapsing,
div.cl-div-h3-solution-item-pane.collapse.in,
div.cl-div-h3-solution-item-pane.collapsing {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

div.cl-div-h2-solution-item-pane.collapse.in.active,
div.cl-div-h2-solution-item-pane.collapsing.active,
div.cl-div-h3-solution-item-pane.collapse.in.active,
div.cl-div-h3-solution-item-pane.collapsing.active {
	border-left: 1px solid #e6e7e8
}

/*div.cl-div-h2-solution-item-pane .carousel-control .icon-prev:before,*/
div.cl-div-h3-solution-item-pane .carousel-control .icon-prev:before {
	content: url(../images/chapterarrow.0987a391.png);
	transform: rotate(180deg)
}

/*div.cl-div-h2-solution-item-pane .carousel-control .icon-next:before,*/
div.cl-div-h3-solution-item-pane .carousel-control .icon-next:before {
	/*content: url(../images/chapterarrow.0987a391.png);*/
	float: right;
	top: unset;
	bottom: unset;
	left: unset;
	right: unset
}

div.cl-div-h2-solution-item-pane .carousel-control,
div.cl-div-h2-solution-item-pane .carousel-control .icon-next,
div.cl-div-h2-solution-item-pane .carousel-control .icon-prev,
div.cl-div-h3-solution-item-pane .carousel-control,
div.cl-div-h3-solution-item-pane .carousel-control .icon-next,
div.cl-div-h3-solution-item-pane .carousel-control .icon-prev {
	position: static
}

.cl-div-solution-item-pane-image-sec-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin-bottom: 10px
}

.cl-div-solution-item-pane-image-holder {
	width: 720px;
	position: relative
}

.cl-div-h2-solution-item-attrib-holder,
.cl-div-h3-solution-item-attrib-holder {
	-ms-flex-direction: row;
	flex-direction: row;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.btn.cl-btn-h2-solution-item-close,
.btn.cl-btn-h3-solution-item-close {
	top: 10px;
	right: 10px;
	z-index: 30
}

.btn.cl-btn-h2-solution-item-close .fa,
.btn.cl-btn-h3-solution-item-close .fa {
	margin-right: 5px
}

.cl-div-solution-item-pane-attrib-sec-holder {
	-ms-flex-positive: 1;
	flex-grow: 1;
	background: #e6e7e8;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 15px
}

.cl-div-h2-solution-item-attrib-header,
.cl-div-h3-solution-item-attrib-header {
	min-width: 130px;
	padding-left: 5px;
	font-weight: 600;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.cl-div-h2-solution-item-attrib-item,
.cl-div-h3-solution-item-attrib-item {
	width: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: .9em
}

.cl-div-solution-item-pane-attrib-sec-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.cl-div-h2-solution-item-attrib-item-indicator .fa-check,
.cl-div-h3-solution-item-attrib-item-indicator .fa-check {
	color: #f7941e;
	margin-left: 0
}

.cl-div-h2-solution-item-attrib-item-indicator,
.cl-div-h3-solution-item-attrib-item-indicator {
	width: 5px;
	margin-left: 20px;
	margin-right: 5px
}

.cl-div-h2-solution-item-attrib-item-text,
.cl-div-h3-solution-item-attrib-item-text {
	padding-left: 5px;
	line-height: 1
}

.cl-div-h2-solution-item-attrib-item-text.active,
.cl-div-h3-solution-item-attrib-item-text.active {
	font-weight: 500
}

.cl-img-h2-solution-item-chevron,
.cl-img-h3-solution-item-chevron {
	width: auto;
	transform: scale(.65)
}

.cl-solution-item-carousel-item.active {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-solution-item-carousel-item-image-caption-holder {
	position: relative;
	color: #000;
	padding-left: 0;
	text-align: center;
	list-style: none;
	left: 0;
	right: 0;
	text-shadow: none;
	display: inline-table;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.cl-solution-item-carousel-item-image-caption-holder>p {
	display: block
}

.cl-solution-item-carousel-footer {
	justify-content: space-between;
	min-height: 30px
}

.cl-div-h2-solution-item-text-holder,
.cl-div-h3-solution-item-text-holder {
	padding-left: 10px;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-right: 10px;
	line-height: 1.3;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.cl-div-h2-solution-item-image-notification-holder,
.cl-div-h3-solution-item-image-notification-holder {
	width: auto;
	max-width: 60px;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.cl-div-h2-solution-item-image-notification,
.cl-div-h3-solution-item-image-notification {
	margin-left: 15px
}

.cl-form-solution-checkbox {
	height: 27px;
	display: -ms-flexbox;
	display: flex
}

.cl-div-h2-solution-item-checkbox-holder,
.cl-div-h3-solution-item-checkbox-holder {
	min-width: 60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 10px
}

.cl-div-h2-solution-item-checkbox-holder label,
.cl-div-h3-solution-item-checkbox-holder label {
	margin-bottom: 0;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.cl-div-solution-item-pane-attrib-sec-row h6 {
	margin: 0
}

.checkbox,
.checkbox-review {
	margin-bottom: 0
}

.custom-control {
	padding-left: 0
}

.custom-control-indicator {
	position: inherit;
	margin:-2px 8px;
	display: inline-block;
	top: auto;
	left: auto;
	width: 1rem;
	height: 1rem;
	background-color: #ddd
}

.cl-div-about-holder,
.cl-div-accessibility-holder,
.cl-div-dashboard-holder,
.cl-div-privacy-holder,
.cl-div-solutions-holder,
.cl-div-tech-holder,
.cl-div-terms-holder {
	padding-left: 10px;
	margin-top: 20px
}

.cl-img-contact-section {
	margin-right: 30px
}

#id-div-contact-holder {
	padding-left: 10px;
	margin-top: 20px
}

.cl-contact-section {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 20px
}

.cl-contact-section-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-contact-section-content span {
	display: block
}

img.cl-img-contact-section {
	width: 2rem;
	height: 1.5rem;
	-ms-flex-positive: -1;
	flex-grow: -1;
	margin-top: 2rem;
	margin-right: 0
}

div#id-div-contact-pane-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

div.cl-div-contact-pane-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-direction: column;
	flex-direction: column
}

#id-div-emailer-holder {
	margin: 1% 10% 1% 0
}

#id-div-contact-emailer-progress {
	display: none;
	margin-bottom: 40px;
	background: #faebd7;
	border-radius: 5px
}

#id-div-emailer-holder .label {
	color: #000
}

.small-screen-hidden {
	display: block
}

.big-screen-hidden {
	display: none
}

@media (min-width:1400px) {

	#banner #id-div-banner-site-banner,
	.cl-div-width-container {
		max-width: 1366px;
		min-width: 1366px
	}

	#id-div-contact-holder,
	.cl-div-about-holder,
	.cl-div-accessibility-holder,
	.cl-div-dashboard-holder,
	.cl-div-instructions-holder,
	.cl-div-privacy-holder,
	.cl-div-terms-holder {
		padding-left: 0
	}

	#id-div-solution-cardgroup {
		padding: 0
	}

	.cl-div-site-breadcrumb {
		padding-left: 0
	}

	.cl-cards-bottom .card-deck {
		padding: 0;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media (max-width:1247px) {
	body {
		font-size: .9em
	}

	.cl-solutions-section-left {
		min-width: 200px
	}

	.cl-div-project-award-credit-value-holder {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 90%
	}

	.cl-div-chapter-chevron-holder,
	.cl-div-chapter-number,
	.cl-div-chapter-spin-i-holder {
		display: none
	}

	.cl-solutions-section-left {
		width: auto
	}

	#id-ul-unchecked-pre-submission-checklist-item {
		-webkit-columns: 2;
		-moz-columns: 2;
		list-style-type: circle;
		list-style-position: inside;
		text-align: left;
		columns: 200px 2;
		margin: 0;
		padding: 5px 0 0 20px;
		display: -ms-flexbox;
		display: flex
	}

	#id-ul-unchecked-pre-submission-checklist-item li {
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 5px
	}

	#id-ul-unchecked-project-info-item>li>b {
		font-weight: 700
	}
}

@media (min-width:1248px) {
	.cl-div-project-award-credit-value-holder {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 90%;
		height: 100%;
		margin: 0 auto
	}

	#id-div-contact-holder,
	.cl-div-about-holder,
	.cl-div-accessibility-holder,
	.cl-div-dashboard-holder,
	.cl-div-instructions-holder,
	.cl-div-privacy-holder,
	.cl-div-tech-holder,
	.cl-div-terms-holder {
		padding-left: 0
	}

	#id-div-solution-cardgroup {
		padding: 0
	}

	.cl-div-site-breadcrumb {
		padding-left: 0
	}

	.cl-cards-bottom .card-deck {
		padding: 0;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	#id-ul-unchecked-pre-submission-checklist-item {
		-webkit-columns: 2;
		-moz-columns: 2;
		list-style-type: circle;
		list-style-position: inside;
		text-align: left;
		columns: 200px 2;
		margin: 0;
		padding: 5px 0 0 20px
	}

	#id-ul-unchecked-pre-submission-checklist-item li {
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 5px
	}

	#id-ul-unchecked-project-info-item>li>b {
		font-weight: 700
	}
}

@media (max-width:768px) and (min-width:768px) {
	.cl-div-project-award-credit-value-holder {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 90%
	}

	div#carousel-example-generic {
		height: auto
	}

	.cl-div-search-bottom-img-caption,
	.cl-img-search-bottom {
		display: none
	}

	#id-div-emailer-holder {
		padding-right: 10px
	}

	.nav span {
		padding: 0
	}

	#id-img-middle-image {
		height: auto
	}

	.cl-cards-bottom .card {
		width: 45%
	}

	.cl-cards-bottom .card-deck {
		-ms-flex-direction: row;
		flex-direction: row
	}

	div#id-div-middle-image-holder {
		display: block
	}
}

@media (max-width:767px) {
	div#carousel-example-generic {
		height: auto
	}

	.cl-div-search-bottom-img-caption,
	.cl-img-search-bottom {
		display: none
	}

	#id-div-emailer-holder {
		padding-right: 10px
	}

	.nav span {
		padding: 0
	}

	.small-screen-hidden {
		display: none
	}

	.big-screen-hidden {
		display: -ms-flexbox;
		display: flex
	}

	#id-img-middle-image {
		height: auto
	}

	.cl-cards-bottom .card {
		width: 45%
	}

	.cl-cards-bottom .card-deck {
		-ms-flex-direction: row;
		flex-direction: row
	}

	#id-div-card-quick-login {
		display: none
	}

	div#id-div-middle-image-holder {
		display: block
	}

	.cl-div-project-award-credit-value-holder {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 90%
	}
}

@media (max-width:550px) {
	.cl-cards-bottom .card {
		width: 100%
	}

	.cl-price-blocks-parent-div {
		display: flex;
		display: -ms-flexbox;
		flex-direction: column;
		-ms-flex-direction: column
	}

	div#id-div-contact-pane-holder {
		-ms-flex-direction: column;
		flex-direction: column
	}

	div.cl-div-contact-pane-item {
		display: block
	}

	#id-div-emailer-holder {
		padding-left: 10px
	}

	#email,
	#telephone,
	.footer-content {
		text-align: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.social-media {
		text-align: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.footer-title {
		font-size: xx-large;
		font-family: SofiaPro-Black, Sans-serif;
		font-weight: 600;
		text-align: center;
		color: rgba(58, 58, 60, .84)
	}
}

.cl-div-ongoing-p-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

#dashboard {
	position: relative
}

#id-div-create-project-button-holder {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: #e8e8e8
}

.cl-div-p-holder-title {
	width: 220px;
	background: #d8d8d8;
	padding-left: 15px;
	margin-top: 1%;
	cursor: pointer
}

.cl-div-p-holder-title-inactive {
	width: 220px;
	background: #002f56;
	padding-left: 15px;
	margin-top: 1%;
	cursor: pointer;
	color: #fff
}

.marginleft {
	margin-left: 2px
}

.marginright {
	margin-right: 2px
}

span.cl-span-p-holder-title {
	font-size: 1.25em;
	font-weight: 500
}

span.cl-span-p-holder-title-inactive {
	font-size: 1.25em;
	font-weight: 500;
	color: #fff
}

.cl-div-project-info-item-header {
	padding: 0 10px;
	background: #e8e8e8;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.cl-div-project-info-item-value {
	padding: 0 10px;
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

img.cl-img-project-details-expand {
	display: -ms-flexbox;
	display: flex;
	margin-right: 10px;
	padding: 10px 0;
	cursor: pointer;
	transition: 1s ease-in-out
}

.cl-div-project-info-expanded-holder {
	display: none
}

.cl-div-project-info-item {
	max-height: 4em;
	min-height: 4em;
	margin-right: 5px;
	max-width: 250px;
	min-width: 100px
}

span.cl-span-project-info-item-value-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 250px
}

.cl-i-project-delete,
.cl-i-project-edit {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	cursor: pointer
}

.cl-i-project-delete {
	margin-left: 10px
}

.cl-div-p-item-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	border: 5px solid #d8d8d8
}

.cl-div-project {
	display: none;
	-ms-flex-direction: column;
	flex-direction: column;
	border-bottom: 10px solid #fff
}

.cl-div-project:last-child {
	border-bottom: none
}

.cl-div-project-title-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}

.cl-div-p-empty-holder {
	min-height: 100px;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 15px;
	margin-top: 3rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

span.cl-span-project-info-item-header-text {
	font-weight: 600;
	font-size: .8em
}

.cl-span-project-title-text {
	font-size: 1em;
	font-weight: 500;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	word-break: break-all;
	line-height: normal
}

.cl-div-project-info-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	border-bottom: 1px solid #fff;
	height: 180px;
	overflow: auto
}

.cl-div-project-info-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-preferred-size: 1;
	flex-basis: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 340px;
	width: 340px;
	border-right: 2px solid #fff
}

.cl-div-project-info-expanded-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-preferred-size: 1;
	flex-basis: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 10px
}

.cl-div-project-info-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 340px
}

.cl-div-project-buttons {
	display: -ms-flexbox;
	display: flex;
	width: 100px;
	background-color: #e8e8e8;
	position: relative;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-div-project-button-img-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.cl-div-project-buttons img {
	width: 50px;
	height: 50px
}

.cl-pre-sub-button,
.cl-pre-sub-print-button,
.cl-project-browse-btn,
.cl-project-create-btn,
.cl-project-edit-btn,
.cl-project-overview-btn,
.cl-project-submit-btn,
.cl-project-update-btn {
	cursor: pointer;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	color: #0074d9
}

.cl-div-project-award-details-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 100%
}

.cl-div-project-award-credit-details {
	width: 170px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #000;
	font-size: .9rem
}

.cl-div-project-info-right .cl-div-project-award-credit-details {
	width: 250px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #000;
	padding-right: 40px
}

.cl-div-project-award {
	width: 100px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #000;
	position: relative;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.cl-div-project-award-credit-title-holder,
.cl-div-project-award-title-holder {
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex
}

.cl-div-project-award-credit-title-holder {
	margin-bottom: 0
}

.cl-div-project-award-credit-item-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-preferred-size: 1;
	flex-basis: 1;
	-ms-flex-positive: 0.5;
	flex-grow: 0.5;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.cl-div-project-award-credit-item-holder>span {
	padding: 0
}

span.cl-span-project-award-credit-item-title {
	font-size: .8em;
	margin-bottom: -5px
}

span.cl-span-project-award-credit-item-value {
	font-size: 25px;
	font-weight: 600
}

.cl-div-project-award-progress-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100%;
	margin-right: 10px;
	width: 70px
}

.cl-div-project-info-right .cl-div-project-award-progress-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100%;
	margin-right: 50px;
	width: 72px
}

.dropdown-menu.inner li a,
.dropdown-menu.inner li a:hover,
.dropdown-menu.inner li a:visited {
	color: #000;
	text-decoration: none
}

.dropdown-menu.inner li a:hover {
	color: #eee
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition-timing-function: linear;
	transition-duration: .5s;
	transition-property: height
}

.carousel-indicators {
	z-index: 15;
	width: auto;
	margin-left: 0;
	text-align: center;
	list-style: none
}

.cl-solution-item-carousel-indicators {
	left: 0;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.cl-solution-item-carousel-footer {
	position: relative;
	bottom: 0;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.btn.cl-btn-h2-solution-item-close,
.btn.cl-btn-h3-solution-item-close {
	position: absolute;
	top: 0;
	border: 1px solid #000;
	padding: .2em .5em
}

.carousel-inner>.carousel-item {
	transition: all .6s ease-in-out;
	width: auto;
	height: auto
}

.carousel-inner>#carousel-item-solution-image-holder {
	min-width: auto;
	height: auto;
	min-height: auto;
	margin: 0 auto
}

.carousel-item>img {
	width: auto
}

.cl-solution-item-carousel-indicators {
	bottom: 0;
	margin: 0;
	-ms-flex-align: center;
	align-items: center;
	width: 70px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -ms-flexbox;
	display: flex
}

#id-pane-solution .carousel-indicators li {
	margin-right: 0;
	border-color: #000
}

#id-pane-solution .carousel-indicators .active {
	margin-right: 0;
	background-color: #000
}

div.cl-div-h2-solution-item-pane .carousel-control .icon-prev:before,
div.cl-div-h3-solution-item-pane .carousel-control .icon-prev:before {
	content: url(../images/chapterarrow.41261f74.png);
	transform: rotateY(180deg);
	top: unset;
	bottom: unset;
	left: unset;
	right: unset
}

div.cl-div-h2-solution-item-pane .carousel-control,
div.cl-div-h2-solution-item-pane .carousel-control .icon-next,
div.cl-div-h2-solution-item-pane .carousel-control .icon-prev,
div.cl-div-h3-solution-item-pane .carousel-control,
div.cl-div-h3-solution-item-pane .carousel-control .icon-next,
div.cl-div-h3-solution-item-pane .carousel-control .icon-prev {
	position: relative;
	top: unset;
	bottom: unset;
	left: unset;
	right: unset;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.cl-solution-item-carousel-footer .carousel-control .icon-next,
.cl-solution-item-carousel-footer .carousel-control .icon-next:before,
.cl-solution-item-carousel-footer .carousel-control .icon-prev,
.cl-solution-item-carousel-footer .carousel-control .icon-prev:before {
	width: 100%;
	height: 100%;
	margin-top: 0
}

.cl-td-tech-ack-left {
	width: 30%
}

.cl-td-tech-ack-right {
	width: 70%
}

.cl-div-hx-item-title-edit-status {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	font-size: .7em;
	max-height: 20px;
	padding-right: 25px
}

.cl-div-implemented-ratio-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 5.875em;
	margin-right: 40px
}

.cl-div-chapter-credit-implemented-ratio-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 80px;
	margin-right: 15px;
	font-size: .7em
}

.ui-mini {
	font-size: .8em
}

.ui-flipswitch .ui-btn.ui-flipswitch-on,
.ui-flipswitch .ui-flipswitch-off {
	height: 1.5em
}

.ui-page-theme-a .ui-bar-inherit.ui-flipswitch.ui-flipswitch-active {
	padding-left: 4em;
	width: 5.875em;
	background-color: #00a998;
	border-color: #00a998
}

.ui-page-theme-a .ui-bar-inherit {
	background-color: #787878;
	border-color: #787878;
	color: #fff
}

.ui-page-theme-a .ui-btn,
.ui-page-theme-a .ui-btn:focus,
.ui-page-theme-a .ui-btn:hover,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn,
html body .ui-group-theme-a .ui-btn:visited,
html head+body .ui-btn.ui-btn-a,
html head+body .ui-btn.ui-btn-a:visited {
	color: #fff;
	text-shadow: 0 2px 0 #333
}

.ui-btn-corner-all,
.ui-btn.ui-corner-all,
.ui-flipswitch.ui-corner-all,
.ui-li-count,
.ui-slider-track.ui-corner-all {
	border-radius: 1em
}

.cl-div-ratio-rounded {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}

.cl-div-ratio-rounded-elem-left {
	width: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
	-ms-flex-align: center;
	align-items: center;
	background: #b8babb;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.cl-div-ratio-rounded-elem-right {
	width: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
	-ms-flex-align: center;
	align-items: center;
	background: #f0efef;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

.cl-div-earned-ratio-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 5.875em;
	margin-right: 40px
}

.cl-div-ratio-squared {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}

.cl-div-ratio-square-elem-left {
	width: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
	-ms-flex-align: center;
	align-items: center;
	background: #b8babb
}

.cl-div-ratio-square-elem-right {
	width: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
	-ms-flex-align: center;
	align-items: center;
	background: #f0efef
}

div#id-div-chapter-content-top-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	font-size: .9em;
	margin-bottom: -10px;
	font-weight: 700
}

.cl-div-chapter-content-top-info-left-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.cl-div-chapter-content-top-info-right-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 300px
}

.cl-div-info-implemented-holder {
	width: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.cl-div-lock-status-holder {
	width: 80px;
	margin-left: 10px;
	display: none;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
	color: #f7941e
}

.cl-div-info-earned-holder {
	width: 120px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.cl-div-hx-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding: 5px 10px
}

div.cl-btn-hx-footer-save {
	margin-left: 10px
}

div#id-new-project-tbl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: .8em;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.cl-new-project-tbl-div {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-new-project-tbl-div .form-group.cl-div-formset {
	margin: 5px 0 0
}

.cl-div-new-project-section-header h6 {
	font-weight: 600
}

div#id-div-new-project-upper-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

div#id-div-new-project-upper-right-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
    padding-left: 0% !important;
}

div#id-div-new-project-lower-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 30px
}

div.cl-div-new-project-building-types-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: row;
	flex-direction: row
}

.cl-div-new-project-building-type-sub-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 5px 10px
}

span.cl-div-new-project-building-type-sub-header {
	font-weight: 600;
	margin-left:8px;
	margin-bottom: 5px;
}

div#id-div-new-project-button-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.custom-radio.flex-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.custom-radio.flex-row .custom-control-description {
	margin-left: 15px;
	font-weight: 700;
	margin-top: -3px
}

.custom-radio.flex-row+.custom-control {
	margin-left: 0
}

#id-div-new-project-progress-link {
	height: 60px;
	width: 60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

div#id-div-submit-project-upper-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

div#id-div-project-upload-buttons-holder {
	padding-left: 0;
	padding-right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: start;
	align-items: flex-start
}

div#id-div-project-upload-buttons-holder>div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

div#id-div-uploaded-list {
	min-height: 100px;
	max-height: 200px;
	overflow-y: auto
}

.cl-div-submit-project-upper-sub-container {
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

#id-div-submit-project-upper-right-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.custom-control-input:checked~.custom-control-indicator {
	color: #fff;
	background-color: #f7941e
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
	background-color: transparent
}

.cl-div-selection-switch-holder.ui-page-theme-a {
	width: 60px
}

:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-color: #f7941e;
	outline-style: auto;
	outline-width: 5px
}

.unmarked .cl-form-solution-checkbox,
.unmarked .prequisite span.cl-div-h2-solution-item-prequisite {
	display: none
}

.custom-file-control.change:after {
	content: attr(data-content)
}

#id-pane-submit-project #id-div-project-title-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	font-size: 1.2em;
	margin-bottom: 10px
}

#id-pane-submit-project #id-div-project-title-holder #id-span-project-title {
	font-weight: 600;
	margin-left: 20px
}

div#id-div-submit-project-button-container {
	margin-top: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.dropzone {
	min-height: 20px;
	background: #0d71ba;
	border: #0d71ba
}

.dz-preview {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	min-height: 30px;
	padding: 5px 10px
}

.dz-preview:hover {
	background-color: #eee
}

.dz-preview.dz-processing .dz-progress {
	opacity: 1;
	transition: all .2s linear
}

.dz-preview.dz-complete .dz-progress {
	opacity: 0;
	transition: opacity .4s ease-in
}

.dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: relative;
	height: 10px;
	width: 80px;
	background: hsla(0, 0%, 100%, .9);
	transform: scale(1);
	border-radius: 8px;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #e7e7e7
}

.dz-preview .cl-div-uploads-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center
}

.dz-preview .cl-div-uploads-right .fa {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 20px;
	width: 20px
}

.dz-preview .dz-filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 400px
}

.dz-preview .cl-div-uploads-right .fa.cl-i-delete-spinner {
	display: none
}

.dz-preview.dzi-deleting .cl-div-uploads-right .fa.cl-i-delete-spinner {
	display: block
}

.dz-preview .cl-div-uploads-right .dz-success-mark {
	color: green
}

.dz-preview .cl-div-uploads-right .dz-error-mark {
	color: maroon
}

.dz-preview .cl-div-uploads-right .dz-upload-status {
	width: 20px;
	height: 20px
}

.dz-preview .cl-div-uploads-right .dz-edit,
.dz-preview .cl-div-uploads-right .dz-remove {
	cursor: pointer
}

.dz-preview .dz-progress .dz-upload {
	background: green;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	transition: width .3s ease-in-out
}

.dz-preview.dz-error .dz-error-mark,
.dz-preview.dz-success .dz-success-mark {
	display: block
}

.dz-preview .dz-error-mark,
.dz-preview .dz-success-mark {
	pointer-events: none;
	z-index: 500;
	position: relative;
	display: none
}

.dz-preview .dz-error-mark svg,
.dz-preview .dz-success-mark svg {
	display: block;
	width: 20px;
	height: 20px
}

#id-modal-document .modal-content,
#id-modal-image .modal-content {
	border-radius: 0;
	border: 2px solid #0d71ba
}

#id-modal-image .modal-body {
	padding: 0
}

#id-div-image-file-list {
	padding-top: 15px
}

.modal .modal-header>div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.modal-header:after {
	content: none;
	display: -ms-flexbox;
	display: flex;
	clear: none
}

#id-modal-document .modal-header {
	-ms-flex-direction: row;
	flex-direction: row
}

#id-modal-image .modal-header {
	-ms-flex-direction: column;
	flex-direction: column
}

#id-modal-document .modal-body {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0
}

.cl-div-document-upload-file-heading {
	margin: 0;
	padding-left: 15px;
	background-color: #0d71ba;
	text-align: left;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px
}

.cl-div-file-rename-input {
	padding: 5px 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.cl-img-desc-input {
	height: 100px;
	text-align: justify
}

.cl-div-file-rename-input>div {
	padding: 0;
	font-weight: 700
}

#id-modal-document .cl-div-document-upload-file-heading .form-control-label {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0;
	-ms-flex-align: center;
	align-items: center
}

.modal .modal-header .modal-title {
	font-weight: 600;
	font-size: 1.5em
}

.modal .cl-div-upload-count-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.modal .cl-div-upload-count-holder>span {
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.modal #id-span-image-upload-count {
	font-weight: 600;
	color: #d9534f;
	padding: 0 10px
}

.modal .cl-div-file-count-header {
	margin-top: 10px
}

.modal #id-div-image-file-list {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.modal .cl-span-file-preview {
	max-width: 500px;
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	text-overflow: ellipsis;
	white-space: nowrap
}

.modal .cl-div-file-preview {
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #ececec;
	width: 100%
}

#id-modal-document .modal-dialog {
	max-width: 60%
}

.cl-doc-section-heading {
	font-size: .9rem
}

div.cl-div-document-upload-types-holder-static {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: row;
	flex-direction: row;
	font-size: .8em;
	padding: 0;
	background-color: #f7f7f7
}

div.cl-div-document-upload-types-holder-static .form-check {
	margin-bottom: 0;
	font-size: .8rem
}

div.cl-div-document-upload-types-holder-static .cl-input-required:after {
	content: " *";
	color: #000;
	font-size: 1.2em
}

.cl-div-document-upload-type-sub-container-static {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 10px;
	border-radius: 5px
}

.cl-div-document-upload-type-sub-container-static div:not(:first-child) {
	margin-left: 20px
}

.cl-div-document-upload-file-heading-static {
	margin: 0;
	padding-left: 15px;
	background-color: #efefee;
	text-align: left;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px
}

.cl-div-document-upload-file-heading-static .form-control-label {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0;
	-ms-flex-align: center;
	align-items: center
}

.cl-file-type-section-col {
	padding-top: 5px
}

div.cl-div-document-upload-types-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: row;
	flex-direction: row;
	font-size: .8em;
	padding: 15px
}

.cl-div-document-upload-type-sub-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 5px 10px 5px 0;
	background: #ececee;
	padding: 5px 15px;
	border-radius: 5px
}

.cl-div-document-upload-type-sub-container div:not(:first-child) {
	margin-left: 20px
}

.cl-div-document-upload-type-sub-header {
	font-weight: 600
}

div.cl-div-document-upload-types-holder .cl-input-required:after {
	content: " *";
	color: #000;
	font-size: 1.2em
}

div.cl-div-document-upload-types-holder .form-check {
	margin-bottom: 0;
	font-size: .8rem
}

.hide {
	display: none
}

.cl-div-h2-solution-item-header:hover,
.cl-div-h3-solution-item-header:hover {
	opacity: .85
}

.reviewer-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 100%;
	margin-bottom: 3px
}

.cl-project-submit-option-container {
	display: block !important
}

.cl-modal-project-submit-hidden-screen {
	display: none
}

.cl-ud-modal .modal-content {
	border-radius: 30px;
	text-align: center;
	padding-top: 10px
}

.cl-ud-modal .modal-footer {
	border: none;
	padding: 5px 5px 10px;
	text-align: center
}

#id-payment-option-modal-options {
	font-weight: 600;
	font-size: 16px;
	text-align: initial
}

.cl-i-project-upload-doc {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	margin-left: 10px;
	cursor: pointer
}

#id-btn-submit-project-save-docs {
	margin-right: 20px
}

#id-ul-unchecked-required-solutions {
	column-count: 5;
	-webkit-columns: 5;
	-moz-columns: 5;
	list-style-type: disc;
	list-style-position: inside;
	text-align: left
}

#id-modal-isUD-video .modal-dialog {
	max-width: 680px
}

#id-ul-unchecked-required-documents {
	list-style-type: disc;
	list-style-position: inside;
	text-align: left
}

.cl-span-project-submission-requirement-instruction {
	font-size: 12px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: #3a75d7
}

#id-ul-review-solution,
#id-ul-zero-credit-sections {
	column-count: 5;
	-webkit-columns: 5;
	-moz-columns: 5;
	list-style-type: disc;
	list-style-position: inside;
	text-align: left
}

.cl-div-project-requirement-expanded-holder {
	display: none
}

.cl-div-project-requirement-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.cl-div-project-requirement-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-preferred-size: 1;
	flex-basis: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.cl-div-project-requirement-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 340px;
	width: 340px;
	background-color: #e8e8e8;
	padding: 20px;
	border-right: 2px solid #fff
}

.cl-div-div-project-requirement-item-holder {
	margin-bottom: 1px;
	font-size: 12px;
	background-color: #f9f9f9;
	padding: 10px 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.cl-div-project-requirement-item-header,
.cl-div-project-summary-item-header {
	font-weight: 700;
	font-size: 16px
}

.cl-div-project-summary-item-value {
	font-size: 12px
}

.cl-project-requirement-failure,
.cl-project-requirement-success {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.cl-div-project-requirement-info-text {
	width: 100%;
	max-width: 900px
}

.cl-div-project-requirement-info-icon {
	width: 50px
}

.cl-img-project-requirement-icon {
	height: 40px;
	width: 40px
}

ul#id-ul-unchecked-project-info-item,
ul#id-ul-unchecked-project-team-member-item {
	-webkit-columns: 1;
	-moz-columns: 1;
	list-style-type: none;
	list-style-position: inside;
	text-align: left;
	font-size: 12px;
	width: 340px;
	columns: 200px 1
}

.cl-div-project-details-title-holder {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 30px;
	padding-top: 10px
}

.btn.btn-primary.cl-pre-sub-button,
.btn.btn-primary.cl-pre-sub-print-button,
.btn.btn-primary.cl-project-browse-btn,
.btn.btn-primary.cl-project-create-btn,
.btn.btn-primary.cl-project-edit-btn,
.btn.btn-primary.cl-project-submit-btn,
.btn.btn-primary.cl-project-update-btn,
input.btn.btn-primary.cl-pre-sub-button,
input.btn.btn-primary.cl-pre-sub-print-button,
input.btn.btn-primary.cl-project-browse-btn,
input.btn.btn-primary.cl-project-create-btn,
input.btn.btn-primary.cl-project-edit-btn,
input.btn.btn-primary.cl-project-overview-btn,
input.btn.btn-primary.cl-project-submit-btn,
input.btn.btn-primary.cl-project-update-btn {
	background-color: #002f56;
	color: #fff;
	width: 160px;
	padding: 5px;
	border-radius: 0;
	border: 1px solid #002f56;
	font-size: 12px;
	font-weight: 700
}

input.btn.btn-primary.cl-project-submit-btn[disabled] {
	background-color: #555;
	border: 1px solid #555
}

input.btn.btn-primary.cl-project-submit-btn[disabled]:hover {
	background-color: #555 !important;
	border: 1px solid #555 !important
}

.btn.btn-primary[disabled] {
	background-color: #555;
	border: 1px solid #555
}

.btn.btn-primary[disabled]:hover {
	background-color: #555 !important;
	border: 1px solid #555 !important
}

img.cl-img-project-requirement-expand {
	display: -ms-flexbox;
	display: flex;
	margin-left: 10px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	transition: 1s ease-in-out
}

.footer-font {
	font-size: small
}

.index-footer {
	background-color: #f4f4f4;
	padding: 1.5%;
	line-height: normal;
	margin: auto
}

#copyright-footer {
	background-color: #49484a;
	padding: 1.5%;
	line-height: normal;
	border-top: 3px solid #f7941e;
	min-height: 15px;
	overflow: hidden;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: small
}

.fa-2x {
	padding-right: 30px;
	color: #0d71ba
}

#index-card1 {
	background-color: #0275d8;
	color: #fff;
	-ms-flex-align: left;
	align-items: left
}

#index-card2 {
	background-color: #f7941e;
	color: #fff;
	-ms-flex-align: left;
	align-items: left
}

.card {
	border: 0
}

.card-block>h5 {
	line-height: inherit;
	margin: auto;
	text-align: center
}

.footer-font>p {
	line-height: 1.7
}

.fa {
	color: #002f56;
	font-size: 20px;
	margin-left: 15px
}

.fa-social-media {
	color: #0d71ba
}

.social-media {
	text-align: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.connect-facebook {
	padding-right: 10px
}

.connect-twitter {
	padding-left: 10px
}

.icon-holder {
	max-width: 28%;
	margin-right: 1%
}

.navigation-holder {
	max-width: 100%
}

.ongoing-projects,
.project-overview-container {
	margin: 0 auto;
	max-width: 1366px;
	padding: 0 3rem
}

#id-div-new-project-upper-middle-container {
	margin-right: 12px
}

.cl-main-box-border {
	border: 5px solid #d8d8d8
}

.cl-div-completed-p-holder,
.cl-div-pending-p-holder {
	margin-top: 0
}

.payments-container {
	width: 1400px;
	display: block
}

.table p,
.table td {
	vertical-align: middle;
	margin-top: .4rem
}

.table h6 {
	font-weight: 600
}

#id-div-new-project-lower-container .form-check-label {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-left: 0;
	cursor: pointer
}

#id-div-new-project-lower-container .form-check-label .form-check-input {
	position: absolute;
	z-index: -1;
	opacity: 0
}

#id-div-new-project-lower-container .form-check-label .custom-control-indicator {
	border-radius: .25rem
}

#id-div-new-project-lower-container .form-check+.form-check {
	margin-top: -.25rem
}

#id-div-new-project-lower-container .custom-control {
	display: -ms-inline-flexbox;
	display: inline-flex
}

#id-div-new-project-lower-container .custom-control .custom-control-indicator {
	margin-right: 5px
}

.form-check {
	margin-bottom: .75rem;
	padding-left: 0
}

.cl-div-project-info-middle {
	width: 700px;
	border-right: 2px solid #fff
}

.cl-myProjects-title {
	height: 40px;
	background: none;
	font-size: 1em;
	display: -ms-flexbox;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	padding-left: 15px;
	display: flex
}

.cl-info-title {
	height: 40px;
	background: #e8e8e8;
	font-size: 1em;
	display: -ms-flexbox;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	padding-left: 15px;
	display: flex
}

.cl-info-body {
	height: 100px
}

.user-guide-questions {
	width: 90%;
	text-align: left;
	font-weight: 600;
	margin: 0 auto;
	color: #666667;
	background-color: #fff;
	white-space: pre-wrap
}

.user-guide-questions h6 {
	font-weight: 600;
	display: inline;
	padding: 1%;
	color: #002f56
}

.user-guide-questions h6:hover {
	color: #00a69c
}

.cl-div-instructions-example {
	border-left: 15px solid #00a69c;
	background-color: #e6e3e3;
	display: inline-block;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px
}

.expand-sign {
	font-size: 1.6rem;
	vertical-align: middle
}

.user-guide-questions:focus {
	outline: none
}

.user-guide-questions:first-child {
	margin-top: 0
}

.collapsing {
	transition: height .1s
}

.user-guide-answers {
	margin: 0 10% 0 3%
}

.user-guide-answers>img {
	height: 1em
}

.cl-info-footer {
	height: 39px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	padding-left: 15px;
	background-color: #f9f9f9;
	font-size: 14px;
	color: #002f56
}

.custom-control-input:focus~.custom-control-indicator {
	box-shadow: none
}

#id-div-new-project-upper-left-container,
#id-div-new-project-upper-middle-container,
#id-div-new-project-upper-right-container {
	max-width: 100%
}

.cl-br-files-div {
	border: .5px dashed #000;
	border-bottom: 2px solid #0d71ba;
	margin-right: 1%;
	margin-left: 1%;
	padding: 15px;
	text-align: center
}

.cl-br-files-div-heading {
	font-weight: 700;
	font-size: 1.6em
}

.cl-uploaded-container {
	border: .5px solid #000;
	border-top: 0;
	padding: 15px
}

.cl-uploaded-container-heading {
	text-align: left;
	font-weight: 700;
	font-size: 1.2em;
	padding-bottom: 2px
}

.cl-uploaded-doc-header {
	font-weight: 700;
	background-color: #efefee;
	margin-bottom: 1px;
	margin-top: 1px
}

.cl-uploaded-categories-div {
	padding: 0
}

.cl-uploaded-doc-filename {
	background-color: #f7f7f7;
	margin-top: 1px;
	margin-bottom: 1px
}

.cl-span-button-helper-text {
	font-weight: 700
}

.cl-ignore-bs-padding {
	padding-left: 0
}

.cl-ignore-bs-right-padding {
	padding-right: 0
}

.cl-btn-project-doc-upload,
.cl-btn-project-doc-upload:focus,
.cl-btn-project-doc-upload:hover {
	border-radius: 20px;
	padding: 2px 20px 2px 30px;
	background-color: #002f56;
	margin-bottom: 10px
}

.cl-btn-project-doc-upload:disabled,
.cl-btn-project-doc-upload[disabled]:hover {
	border-radius: 20px;
	padding: 2px 20px 2px 30px;
	background-color: #efefee !important;
	margin-bottom: 10px;
	color: #000;
	cursor: not-allowed
}

.cl-number-tag {
	width: auto;
	height: auto;
	color: #0d71ba;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	font-weight: 700;
	padding: 6px 15px
}

.cl-testimonials-div {
	background-color: #efefee;
	padding: 50px;
	margin-top: 20px
}

.cl-testimonials-div>p {
	text-align: justify;
	font-size: 1.6em
}

.cl-testimonials-div>div {
	text-align: right;
	font-style: italic;
	font-size: 1.2em
}

.dz-edit-mark {
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle
}

.file-name-lbl {
	font-weight: 500;
	text-align: right;
	padding-right: 10px
}

.upload-dialog-heading {
	margin-top: 8px
}

.cl-bold {
	font-weight: 700
}

.doc-help-icon {
	position: relative;
	display: inline-block
}

.doc-help-icon .doc-help-text2 {
	display: none;
	width: 500px;
	background-color: #f7f6c8;
	color: #000;
	text-align: left;
	border-radius: 10px;
	padding: 15px;
	font-size: .8em;
	position: absolute;
	z-index: 1;
	/* right: 20% */
    left:-642%;
    top:-6px;
}

.doc-help-icon .doc-help-text1 {
	display: none;
	width: 500px;
	background-color: #f7f6c8;
	color: #000;
	text-align: left;
	border-radius: 10px;
	padding: 15px;
	font-size: .8em;
	position: absolute;
	z-index: 1;
	/* right: 20% */
    left:-32%;
    top:-6px;
}

.doc-help-icon:hover .doc-help-text {
	display: block
}

#id-title-bar {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px
}

#id-project-title-text {
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin-right: 4%
}

#id-project-title-text span {
	font-weight: 700;
	margin-top: 10px;
	font-size: 1.25em;
	text-transform: capitalize;
	color: #000
}

.cl-plaque-div {
	background-color: #e6e7e8;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin: 1% 3% 3%;
	padding: 7px;
	max-width: 73%
}

.cl-plaque-heading {
	text-align: center;
	font-weight: 700;
	font-size: 1.4em
}

.plaque1 {
	padding-right: 10px
}

.plaque2 {
	padding-left: 10px
}

.cl-upload-img {
	cursor: pointer !important
}

.cl-progress-bar {
	margin-top: 7px
}

.custom-radio .custom-control-indicator {
	border-radius: 50%
}

.custom-radio .doc-help-icon {
	width: 24px;
	height: 24px;
	margin-left: 5px;
	margin-top: -3px
}

.custom-radio .doc-help-text {
	background-color: transparent;
	padding: 0;
	width: 400px
}

.custom-radio .ul-subscription-type {
	margin-left: none;
	font-size: 14px
}

.modal.in .modal-dialog {
	top: 10%
}

.sidebarCSS {
	height: 0;
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	position: fixed;
	z-index: 2;
	bottom: 0;
	background-color: #e8e8e8;
	overflow-x: hidden;
	transition: .3s
}

.cl-headerCSS {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 18px;
	font-weight: 700;
	background-color: #e8e8e8;
	padding: 0 10px 0 0
}

.floatArrow {
	height: 35px;
	width: 70px;
	position: fixed;
	background: #0d71ba;
	top: 45%;
	right: 0;
	cursor: pointer;
	z-index: 1;
	text-align: center;
	border-radius: 65px 0 0 65px;
	color: #fff;
	margin: auto;
	line-height: 2.3
}

.cl-close-button {
	cursor: pointer;
	float: right;
	text-align: center;
	border: 0;
	width: 40px;
	height: 100%;
	font-weight: 700;
	color: #002f56;
	margin-right: 15px;
	background-color: #e8e8e8;
	padding: 10px;
	width: 100px
}

.pre-sub-cl-button {
	cursor: pointer;
	float: right;
	background: #efefee;
	text-align: center;
	border: 0;
	width: 110%;
	height: 100%;
	font-weight: 700;
	color: #002f56;
	border-radius: 0 0 7px 7px;
	padding: 10px
}

input:disabled {
	color: #000;
	cursor: not-allowed;
	border: solid #f7941e;
	border-width: 0 0 4px;
	transition: .3s
}

input:focus {
	outline: 0
}

.pre-sub-cl-button-disabled {
	float: right;
	background: #efefee;
	text-align: center;
	border: 0;
	width: 110%;
	height: 100%;
	font-weight: 700;
	color: grey;
	border-radius: 0 0 7px 7px;
	padding: 10px
}

.pre-sub-cl-tab-tbn {
	cursor: pointer;
	float: right;
	background: #efefee;
	text-align: center;
	border: 0;
	font-weight: 700;
	color: #002f56;
	padding: 10px
}

.padleft {
	padding-left: 15px
}

.cl-div-control {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: 2%;
	margin-top: 1%
}

.cl-comments-modal {
	background-color: #e8e8e8
}

.cl-sendall-modal-title {
	color: #fff;
	font-size: 1.2rem !important;
	text-align: center !important;
	width: 100%
}

.cl-sendall-modal-closebtn {
	color: #fff !important;
	font-size: 1.2rem !important;
	opacity: 1 !important
}

.cl-comments-modal-body {
	background: #efefee
}

.cl-comments-textarea {
	height: 150px;
	width: 100%;
	resize: none;
	border: 0
}

.cl-comments-modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	text-align: right !important;
	padding: 2px 15px 15px !important
}

.cl-comments-modal-btn {
	background: #0d71ba;
	margin: .5px !important;
	display: inline-block;
	color: #fff;
	font-weight: 400;
	line-height: .5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .5rem 1rem;
	font-size: .8rem
}

.cl-sendall-modal-label {
	color: #fff
}

.cl-comment-icon {
	visibility: hidden
}

.cl-comments-thread-div {
	height: 200px;
	overflow: auto;
	margin-bottom: 10px;
	background: #efefee
}

.cl-ind-comment-div {
	padding: 10px
}

.cl-ind-rev-comment-div {
	color: #000;
	text-align: justify;
	margin: 5px;
	overflow-wrap: break-word;
	width: 100%;
	display: -ms-flexbox;
	display: flex
}

.comment-userIconDivCSS {
	background: #fff;
	margin-right: 5px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	padding: 5px
}

.commentsTextDivCSS {
	background: #fff;
	width: 100%;
	padding-left: 20px;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 20px;
	margin-right: 15px
}

.commentIsUDImgCSS {
	width: 54px;
	height: 54px
}

.cl-ind-user-comment-div {
	color: #000;
	text-align: justify;
	margin: 10px;
	overflow-wrap: break-word;
	width: 100%;
	display: -ms-flexbox;
	display: flex
}

.candlestick-wrapper {
	position: relative;
	display: inline-block;
	width: 60px;
	top: 3.8px;
	height: auto
}

.candlestick-bg {
	background-color: #f5f5f5;
	border: 1px solid #d3d3d3;
	height: 14px;
	border-radius: 15px
}

.cs-on {
	background-color: green
}

.cs-off {
	background-color: red
}

.candlestick-toggle {
	position: absolute;
	z-index: 1;
	top: -1px;
	left: 35%;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #d3d3d3;
	border: 1px solid #fff;
	transition: .3s;
	box-shadow: 2px 2px 4px #4b4b4b
}

.cs-toggle-on {
	left: 75% !important
}

.cs-toggle-off {
	left: 0 !important
}

.candlestick-on {
	position: absolute;
	right: 2px;
	top: -1px;
	bottom: 0;
	text-align: center;
	height: 16px;
	line-height: 16px
}

.candlestick-on i {
	color: #006400;
	font-size: 13px
}

.candlestick-off {
	position: absolute;
	left: -11px;
	top: -1px;
	bottom: 0;
	text-align: center;
	height: 16px;
	line-height: 16px
}

.candlestick-off i {
	color: red;
	font-size: 13px
}

.cl-proj-feedback-tab-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.cl-proj-feedback-tab {
	text-align: center;
	width: 300px;
	border-radius: 10px 10px 0 0;
	background: #002f56;
	color: #fff;
	font-weight: 700;
	cursor: pointer
}

.cl-feedback-div {
	min-height: 500px;
	height: auto;
	background: #efefee
}

.cl-sol-feedback-div {
	height: auto;
	background: #efefee
}

.cl-feedback-text {
	background: #fff;
	border: 0;
	resize: none;
	width: 95%;
	min-height: 400px;
	padding: 30px;
	margin: 0 30px
}

.cl-feedback-heading {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 95%;
	padding: 5px 30px;
	margin: 0 30px;
	background: #ccc
}

.client-rb-checkboxCSS {
	width: 18px;
	height: 18px;
	background: orange;
	border-radius: 6px;
	padding-bottom: 0;
	padding-top: 0;
	margin: 0
}

.flag-box {
	border: 2px solid red
}

.approve-box {
	border: 2px solid green
}

.sol-cmnts-threadCSS {
	margin-left: 20px;
	margin-bottom: 10px;
	padding-top: 10px
}

.sol-comments-threadCSS {
	height: 70px;
	overflow: hidden;
	background: #efefee
}

.not-collapsed {
	height: auto !important
}

.collapse-threadTxt {
	color: #002f56;
	cursor: pointer;
	font-size: 13px;
	margin-right: 15px
}

.comment-txt-divCSS {
	margin: 0 !important
}

.comment-info-divCss {
	display: -ms-flexbox;
	display: flex;
	color: #0d71ba;
	font-size: 13px;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin: 0 !important
}

.comment-timestamp-divCss {
	display: -ms-flexbox;
	display: flex;
	color: grey;
	font-size: 13px;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin: 0 !important
}

.comment-edit-btnCSS {
	color: #0d71ba;
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer
}

.rv-db-menu-tabs {
	padding: 5px 0;
	text-align: center;
	cursor: pointer
}

.rv-db-menu-tabs-active {
	background: #f79520
}

.rv-db-menubar {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	background: #0d71ba;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 5px 10px 5px 0
}

.cl-full-review-plusminus-togglebtn {
	color: #0d71ba;
	font-family: SofiaPro-Black, Sans-serif;
	font-size: large;
	cursor: pointer
}

.cl-comment-footer-btn-div {
	width: 100%
}

.cl-comment-footer-cb-label {
	font-weight: 700;
	padding-left: 3px;
	font-size: 14px
}

.cl-view-thread-div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

[type=checkbox] {
	margin-top: 5px
}

.cl-div-full-review-btns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	background: #efefee
}

.cl-div-full-review-cb-div {
	padding-right: 30px
}

.comment-checkbox {
	font-size: 10px;
	margin: 2px
}

.cl-identifier-summary-btn-div {
	margin-right: 30px
}

.checkboxes label {
	display: block;
	float: left;
	padding-right: 10px;
	white-space: nowrap
}

.checkboxes input {
	vertical-align: top
}

.checkboxes label span {
	padding-left: 6px
}

hr.separator {
	border-top: 1px solid red
}

.membershipbutton {
	background-color: #002f56;
	border: none;
	color: #fff !important;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	margin: auto;
	display: block;
	font-size: 16px;
	cursor: pointer;
	width: 60%;
	height: 10%;
	border-radius: 12px
}

.cl-mem-benefits {
	display: -ms-flexbox;
	display: flex;
	margin-top: 15px;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.backbutton {
	background-color: #002f56;
	border: none;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-left: 20px;
	display: block;
	font-size: 16px;
	cursor: pointer;
	width: 200px;
	height: 70%;
	border-radius: 12px
}

.paynowbutton {
	background-color: #002f56;
	border: none;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-left: 60px;
	display: block;
	font-size: 16px;
	cursor: pointer;
	width: 200px;
	height: 100%;
	border-radius: 12px
}

.content-checkbox {
	display: -ms-grid;
	display: grid;
	-ms-flex-pack: left;
	justify-content: left;
	padding-left: 30px;
	width: 2000px
}

.cl-no-projects-btn {
	padding: 1rem;
	width: 220px;
	font-weight: 700;
	border-radius: 15px
}

.num-circle {
	border-radius: 50%;
	width: 28px;
	height: 28px;
	padding-top: 0;
	background: #fff;
	border: 2.2px solid #000;
	color: #000;
	text-align: center;
	font: 22px Arial, sans-serif;
	font-weight: 700;
	position: relative
}

.form-control {
	border-radius: .5em !important
}

.btn.btn-primary:hover {
	background: #00a69c;
	border: #00a69c
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #fff !important
}

#id-buildingArea {
	text-align: left
}

.calculatorContainer {
	background-color: #f9f9f9;
	padding: 15px;
	font-size: .9em;
	border-radius: 15px;
	overflow: none
}

.calculator-hr {
	width: 100%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000
}

.calculatorBody {
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%
}

.popup-container {
	background-color: #e8e8e8;
	width: 4000px;
	height: 330px;
	border: 1px solid #000;
	font-size: .9em;
	border-radius: 15px;
	overflow: none;
	padding: 15px
}

div.click-to-top span {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	color: #000
}

div.click-to-top:hover span {
	display: block
}

.tooltiptext {
	border-radius: 25px;
	border: 1px solid #000;
	left: 40%;
	top: -5px;
	height: 300px;
	width: 370px;
	padding: 10px;
	text-align: justify
}

.click-to-top {
	display: inline !important
}

.Services{
	line-height: 14px;
	margin-top:11px;
}

.HideService{
	display: none;
}

.ServiceNumber{
	font-weight: bold;
}

.ServiceEditBtn{
	float: right;
	width: fit-content;
	font-size:12px;
	margin-top:-2px;
	font-family: SofiaPro-Light,sans-serif; font-weight: bold;
	color: #002f56;
	cursor: pointer;
	text-align: right;
}

.projectStatusClass{
	padding-bottom: 27px !important;
}

.carousel-item {
	display: none;  /* Hide all by default */
	position: relative; /* Ensure proper stacking context */
	transition: transform 0.6s ease-in-out; /* Smooth transitions */
}

.carousel-item.active {
	display: block;  /* Show only the active item */
}
/* Adjust the container of the carousel controls */
.carousel-control-buttons {
	display: flex;  /* Use flexbox for alignment */
	justify-content: center;  /* Center buttons horizontally */
	gap: 10px;  /* Space between buttons */
	margin-top: 0;  /* Remove top margin */
	padding-top: 5px;  /* Minimal padding to keep a clean look */
}

/* Adjust the styling of the slider buttons */
.left.cl-solution-item-carousel-control.carousel-control,
.right.cl-solution-item-carousel-control.carousel-control {
	display: inline-flex;  /* Display as inline-flex to keep alignment */
	align-items: center;  /* Center icons vertically */
	justify-content: center;  /* Center icons horizontally */
	padding: 10px 15px;  /* Padding for a button-like appearance */
	border: 1px solid #003366;  /* Border color matching the home button */
	background-color: #003366;  /* Background color matching the home button */
	border-radius: 5px;  /* Rounded corners */
	cursor: pointer;  /* Pointer cursor on hover */
	transition: background-color 0.3s ease, border-color 0.3s ease;  /* Smooth transition on hover */
	color: white;  /* White color for icons */
}

/* Hover effect for interaction */
.left.cl-solution-item-carousel-control.carousel-control:hover,
.right.cl-solution-item-carousel-control.carousel-control:hover {
	background-color: #002244;  /* Darken on hover */
	border-color: #002244;  /* Darken border on hover */
}

/* Fine-tune the arrow icons */
.carousel-control .icon-prev:before, .carousel-control .icon-next:before {
	width: 20px;  /* Icon width */
	height: 20px;  /* Icon height */
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));  /* Add shadow */
	color: white;  /* Ensure icons match the button color */
	margin: 0;  /* Reset margins */
}

/* Adjust the text below the image */
.cl-solution-item-carousel-item-image-caption-holder {
	margin-bottom: 0;  /* Minimize space below text */
}

/*# sourceMappingURL=custom.css.b5c128ea.map */