@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,600,700,500);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
h1 {
    font-size: 290%;
    line-height: 40px;
    font-weight: 700;
}

h1.uppercase {
    text-transform: uppercase;
}

h1.normal {
    font-weight: 500;
}

h1.thin {
    font-weight: 400;
}

h2 {
    font-size: 220%;
    line-height: 44px;
    font-weight: 800;
}

h2.uppercase {
    text-transform: uppercase;
}

h2.normal {
    font-weight: 500;
}

h2.thin {
    font-weight: 400;
}

h3 {
    font-size: 155%;
    line-height: 25px;
    font-weight: 700;
}

h3.uppercase {
    text-transform: uppercase;
}

h3.normal {
    font-weight: 500;
}

h3.thin {
    font-weight: 400;
}

h4 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
}

h4.uppercase {
    text-transform: uppercase;
}

h4.normal {
    font-weight: 500;
}

h4.thin {
    font-weight: 400;
}

h6,
small {
    font-size: 12px;
    font-weight: 500;
}

.normal-font {
    font-size: 14px;
    line-height: 25px;
}

.font-bold {
    line-height: 1em;
}

.aqua-bg {
    background-color: #6adfe1;
    background-image: url("../images/dotted-bg.png");
    background-position: left top;
    background-repeat: repeat;
    color: #333;
}


/* 
.blue-pattern-bg {
    background-image: url("../images/blue-pattern.png");
    background-position: left top;
    background-repeat: repeat;
} */

.color-pink {
    color: #fc8486;
}

.color-green {
    color: #96ca39;
}

.color-blue {
    color: #83cdf2;
}

.color-gray {
    color: #afafaf;
}

.color-dark-gray {
    color: #747474;
}

.color-orange {
    color: #f05a2a;
}

.color-white {
    color: #fff;
}

.book {
    background-image: url('../images/icon-set.png');
    background-repeat: no-repeat;
    background-position: 47% 19%;
}

.book.fixed-block {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.face {
    background-image: url('../images/icon-set.png');
    background-repeat: no-repeat;
    background-position: 47% 39%;
}

.face.fixed-block {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.queries {
    background-image: url('../images/icon-set.png');
    background-repeat: no-repeat;
    background-position: 47% 58%;
}

.queries.fixed-block {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.scholarship {
    background-image: url('../images/icon-set.png');
    background-repeat: no-repeat;
    background-position: 47% 98%;
}

.scholarship.fixed-block {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.plus {
    background-image: url('../images/icon-set.png');
    background-repeat: no-repeat;
    background-position: 47% 78%;
}

.plus.fixed-block {
    display: inline-block;
    width: 32px;
    height: 36px;
}

.plus.blue {
    background-color: #83cdf2;
    margin-left: -20px;
}

.career {
    background-image: url('../images/icons/dashboard_sprite.png');
    background-repeat: no-repeat;
    background-position: -264px -204px;
}

.career.fixed-block {
    display: inline-block;
    width: 32px;
    height: 25px;
    float: left;
}

.email {
    /*background-image: url('../images/icons/dashboard_sprite.png');
	background-repeat: no-repeat;
	background-position: -173px -60px;*/
}

.settings .email::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-image: url('/app/themes/new_grid_theme/views/layouts/images/icons/dashboard_sprite.png');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: -173px -60px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.email.fixed-block {
	display: inline-block;
	width: 32px;
	height: 25px;
	float: left;
	margin: 0 10px 0 0 !important;
}

.red-dot {
    background-image: url('../images/icons/dashboard_sprite.png');
    background-repeat: no-repeat;
    background-position: -88px -73px;
}

.red-dot.fixed-block {
    display: inline-block;
    width: 32px;
    height: 25px;
    float: left;
}

.milestone-progress {
    background-image: url('../images/icons/dashboard_sprite.png');
    background-repeat: no-repeat;
    background-position: -7px -327px;
}

.milestone-progress.fixed-block {
    display: inline-block;
    width: 32px;
    height: 25px;
    float: left;
}

.profile-title {
    background-image: url('../images/icons/dashboard_sprite.png');
    background-repeat: no-repeat;
    background-position: -7px -67px;
	filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}

.profile-title.fixed-block {
    display: inline-block;
    width: 32px;
    height: 25px;
    float: left;
}

.profile-title.no-float {
    float: none;
    width: 25px;
}

.colleg-search {
    background-image: url('../images/icons/dashboard_sprite.png');
    background-repeat: no-repeat;
    background-position: -259px -5px;
}

.colleg-search.fixed-block {
    display: inline-block;
    width: 32px;
    height: 25px;
    float: left;
}

.colleg-search.no-float {
    float: none;
}

.profile-match {
    background-image: url('../images/icons/dashboard_sprite.png');
    background-repeat: no-repeat;
    background-position: 0px -179px;
}

.profile-match.fixed-block {
    display: inline-block;
    width: 32px;
    height: 25px;
    float: left;
}

.profile-match.no-float {
    float: none;
}

.email-date {
    background-image: url('../images/icons/dashboard_sprite.png');
    background-repeat: no-repeat;
    background-position: -9px -235px;
}

.email-date.fixed-block {
    display: inline-block;
    width: 32px;
    height: 25px;
    float: left;
}

.email-date.no-float {
    float: none;
}

.check {
    background-image: url('../images/icons/right_green.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 25px;
    height: 25px;
}

.check.fixed-block {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 0px 0px 0px 0px !important;
}

.cross {
    background-image: url('../images/icons/cross.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 25px;
    height: 25px;
}

.cross.fixed-block {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 0px 0px 0px 0px !important;
}

.alert {
    background-image: url('../images/icons/check-close.png');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.alert.on {
    background-position: center -84px;
}

.alert.on:hover {
    background-position: center -127px;
}

.alert.on.toggle:hover {
    background-position: center 2px;
}

.alert.off {
    background-position: center 2px;
}

.alert.off:hover {
    background-position: center -41px;
}

.alert.off.toggle:hover {
    background-position: center -84px;
}

.closetag {
    background-image: url("../images/icons/popup-cross-btn.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
}

.closetag.middle-right {
    top: 40%;
}

.icon-degree {
    background-image: url('../images/icons/offer-icons.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.icon-degree.fixed-block {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.icon-degree.follow-text {
    padding: 0px 0px 0px 25px !important;
}

.icon-university {
    background-image: url('../images/icons/offer-icons.png');
    background-repeat: no-repeat;
    background-position: 0 -148px;
}

.icon-university.fixed-block {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.icon-university.follow-text {
    padding: 0px 0px 0px 25px !important;
}

.icon-notes {
    background-image: url('../images/icons/offer-icons.png');
    background-repeat: no-repeat;
    background-position: 0 -73px;
}

.icon-notes.fixed-block {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.icon-notes.follow-text {
    padding: 0px 0px 0px 25px !important;
}

.social-links {
    background-image: url('../images/icons/social_icons_blue.png');
    background-repeat: no-repeat;
    padding: 0px 0px 0px 25px !important;
}

.social-links.fixed-block {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 0px 0px 0px 0px !important;
}

.social-links.facebook,
.social-links .facebook {
    background-position: 0 0;
}

.social-links.twitter,
.social-links .twitter {
    background-position: 0 -28px;
}

.social-links.instagram,
.social-links .instagram {
    background-position: 0 -117px;
}

.social-links.linkedin,
.social-links .linkedin {
    background-position: 0 -176px;
}

.social-links.youtube,
.social-links .youtube {
    background-position: 0 -146px;
}

.question:before {
    content: 'Q';
    background-color: #96ca39;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    width: 32px;
    height: 25px;
}

.icon-heigh {
    background-image: url('../images/high.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.icon-medium {
    background-image: url('../images/medium.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.icon-low {
    background-image: url('../images/low.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.icon-globe {
    background-image: url('../images/icons/customised-dashboard-icons.png');
    background-repeat: no-repeat;
    background-position: -19px 0;
}

.icon-globe.fixed-block {
    display: inline-block;
    width: 50px;
    height: 80px;
}

.icon-book-mark {
    background-image: url('../images/icons/customised-dashboard-icons.png');
    background-repeat: no-repeat;
    background-position: -134px 0;
}

.icon-book-mark.fixed-block {
    display: inline-block;
    width: 50px;
    height: 80px;
}

.icon-edit-note {
    background-image: url('../images/icons/customised-dashboard-icons.png');
    background-repeat: no-repeat;
    background-position: -248px 0;
}

.icon-edit-note.fixed-block {
    display: inline-block;
    width: 50px;
    height: 80px;
}

.icon-find {
    background-image: url('../images/icons/customised-dashboard-icons.png');
    background-repeat: no-repeat;
    background-position: -365px 0;
}

.icon-find.fixed-block {
    display: inline-block;
    width: 50px;
    height: 80px;
}

.icon-shortlist {
    background-image: url('../images/icons/customised-dashboard-icons.png');
    background-repeat: no-repeat;
    background-position: -482px 0;
}

.icon-shortlist.fixed-block {
    display: inline-block;
    width: 50px;
    height: 80px;
}

.icon-applications {
    background-image: url('../images/icons/customised-dashboard-icons.png');
    background-repeat: no-repeat;
    background-position: -598px 0;
}

.icon-applications.fixed-block {
    display: inline-block;
    width: 50px;
    height: 80px;
}

.icon-upload {
    background-image: url('../images/icons/customised-dashboard-icons.png');
    background-repeat: no-repeat;
    background-position: -712px 0;
}

.icon-upload.fixed-block {
    display: inline-block;
    width: 50px;
    height: 80px;
}

.icon-briefcase {
    background-image: url('../images/icons/briefcase-icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon-briefcase.fixed-block {
    display: inline-block;
    width: 50px;
    height: 80px;
}

.cbp-af-header input[type="text"],
.cbp-af-header input[type="password"],
.cbp-af-header select {
    margin: 0;
}

.cbp-af-header input[type="text"].grid_2,
.cbp-af-header input[type="password"].grid_2,
.cbp-af-header select.grid_2 {
    width: 223px;
}

input[type="text"],
input[type="password"],
select,
textarea {
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    border: 1px solid #cdcdcd;
    color: #333;
    line-height: 20px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Raleway', sans-serif;
}

input[type="text"].styledSelect,
input[type="password"].styledSelect,
select.styledSelect,
textarea.styledSelect {
    background: -moz-linear-gradient(top, #f5f5f5 50%, #f5f5f5 51%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f5f5f5), color-stop(51%, #f5f5f5));
    background: -webkit-linear-gradient(top, #f5f5f5 50%, #f5f5f5 51%);
    background: -o-linear-gradient(top, #f5f5f5 50%, #f5f5f5 51%);
    background: -ms-linear-gradient(top, #f5f5f5 50%, #f5f5f5 51%);
    background: linear-gradient(to bottom, #f5f5f5 50%, #f5f5f5 51%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@ugray + 129%', endColorstr='@ugray + 129%', GradientType=0);
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    color: #333;
}

input[type="text"] option,
input[type="password"] option,
select option,
textarea option {
    color: #333;
}

input[type="text"].input,
input[type="text"].select,
input[type="password"].input,
input[type="password"].select,
select.input,
select.select,
textarea.input,
textarea.select {
    border: 1px solid #cdcdcd;
    background-color: #fff;
    background: -moz-linear-gradient(top, #fff 50%, #fff 51%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(51%, #fff));
    background: -webkit-linear-gradient(top, #fff 50%, #fff 51%);
    background: -o-linear-gradient(top, #fff 50%, #fff 51%);
    background: -ms-linear-gradient(top, #fff 50%, #fff 51%);
    background: linear-gradient(to bottom, #fff 50%, #fff 51%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@uwhite + 129%', endColorstr='@uwhite + 129%', GradientType=0);
}

input[type="text"].full-width,
input[type="password"].full-width,
select.full-width,
textarea.full-width {
    width: 100%;
}

input[type="text"] option,
input[type="password"] option,
select option,
textarea option {
    line-height: 20px;
}

.search {
    text-transform: capitalize;
    font-weight: 700;
    padding: 15px 50px 15px 18px !important;
    background-image: url('../images/icon-set.png');
    background-repeat: no-repeat;
    background-position: 101% -3%;
}

.search.tny {
    padding: 12px 24px 12px 12px !important;
    background-image: url('../images/icon-set.png');
    background-repeat: no-repeat;
    background-position: 106% -2%;
}

.search.tny2 {
    padding: 11px 50px 11px 18px !important;
    background-image: url('../images/icon-set.png');
    background-repeat: no-repeat;
    background-position: 103% -1%;
    text-transform: none;
}

.styledSelect {
    background: -moz-linear-gradient(top, #f5f5f5 50%, #f5f5f5 51%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f5f5f5), color-stop(51%, #f5f5f5));
    background: -webkit-linear-gradient(top, #f5f5f5 50%, #f5f5f5 51%);
    background: -o-linear-gradient(top, #f5f5f5 50%, #f5f5f5 51%);
    background: -ms-linear-gradient(top, #f5f5f5 50%, #f5f5f5 51%);
    background: linear-gradient(to bottom, #f5f5f5 50%, #f5f5f5 51%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@ugray + 129%', endColorstr='@ugray + 129%', GradientType=0);
    line-height: 18px;
}

.gray .styledSelect {
    background: -moz-linear-gradient(top, #fff 50%, #fff 51%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(51%, #fff));
    background: -webkit-linear-gradient(top, #fff 50%, #fff 51%);
    background: -o-linear-gradient(top, #fff 50%, #fff 51%);
    background: -ms-linear-gradient(top, #fff 50%, #fff 51%);
    background: linear-gradient(to bottom, #fff 50%, #fff 51%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@uwhite + 129%', endColorstr='@uwhite + 129%', GradientType=0);
}

.styledSelect2 {
    position: relative;
}

.styledSelect2 select {
    padding: 11px 10px;
}

.styledSelect2:after {
    color: #aaa;
    content: url("../images/icons/arrow_open.png");
    font: 20px "Consolas", monospace;
    padding: 4px 0 10px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: -1px;
    transform: rotate(0deg);
    width: 36px;
}

.styledSelect2:before {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 0 3px 3px 0;
    content: "";
    display: block;
    height: 39px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: 0;
    width: 39px;
}

@-moz-document url-prefix() {
    .styledSelect2:before {
        height: 42px;
    }
    .styledSelect2:before,
    .styledSelect2:after {
        top: 0px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .styledSelect2 select {
        padding-right: 18px;
    }
    .styledSelect2:before {
        height: 36px;
        width: 39px;
        right: 1px;
        top: 1px;
    }
}

.current-selection .grid_6 {
    width: 482px !important;
}

.current-selection .grid_6 .grid_2 {
    width: 153px !important;
}

.current-selection .grid_6 .grid_3 {
    width: 234px !important;
}

.current-selection .grid_2 {
    width: 156px !important;
}

.clearfix.border,
.clear.border {
    border-bottom: 1px solid #ececec;
}

.clearfix:before,
.clearfix:after,
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clearfix:after,
.clear:after {
    clear: both;
}

.no-margin-override {
    margin: 0 !important;
}

.no-pad-override {
    padding: 0 !important;
}

.div-inner-gutter-space {
    padding: 30px 0 30px 0 !important;
}

::selection,
::-moz-selection,
::-webkit-selection,
::-ms-selection {
    background-color: #000;
    color: #fff;
}

.basefont {
    font-family: 'Raleway', sans-serif;
}

.captionfont {
    font-family: georgia, times, serif;
}

.gutter20 {
    padding: 0 20px 0 20px !important;
}

.gutter-left-35 {
    padding: 0 0 0 35px !important;
}

.gutter-left-small {
    padding: 0 0 0 5px !important !important;
}

.gutter-right-35 {
    padding: 0 35px 0 0 !important;
}

.gutter-padding-l {
    padding: 0 0 0 10px !important;
}

.gutter-verticle-auto {
    margin: 28px auto 28px auto;
}

.small_gutter_r {
    margin: 0px 7px 0px 0px !important;
}

.small_gutter_l {
    margin: 0px 0px 0px 7px !important;
}

.small_gutter_t {
    padding: 5px 0px 0px 0px !important;
}

.no-margin {
    margin: 0;
    padding: 0;
}

.hidden,
.invisible {
    display: none;
}

.relative {
    position: relative;
}

.white-bg {
    background-color: #fff;
    color: #747474;
}

ul {
    margin: 0;
    padding: 0;
}

ul.inline li {
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    margin: 25px 36px 25px 36px;
}

ul.inline.medium-font {
    font-size: 14px;
}

ul.breadcrumb {
    margin: 0px 5px 0px 5px;
    overflow: hidden;
}

ul.breadcrumb li {
    float: left;
    font-size: 12px;
    margin: 0px 10px 0px 0px;
}

ul.list_view {
    border: 1px solid #dfdfdf;
}

ul.list_view li {
    border-bottom: 1px solid #dfdfdf;
}

ul.list_view li:nth-child(even) {
    background-color: #f1f1f1;
}

ul.list_view li:last-child {
    border-bottom: 0px;
}

ul.portfolio-tabs li {
    float: left;
    padding: 0 14px 0 0 !important;
}

ul.portfolio-tabs li a {
    padding: 11px 14px 15px 14px !important;
    font-size: 14px;
    color: #747474;
}

ul.portfolio-tabs li a.gray {
    padding: 14px 28px 14px 28px !important;
    background: #ececec;
}

ul.portfolio-tabs li a.white {
    padding: 11px 28px 11px 28px !important;
}

ul.portfolio-tabs li.active {
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

ul.portfolio-tabs li:active a,
ul.portfolio-tabs li.active a {
    border-top: 4px solid #96ca39;
    color: #96ca39;
}

ul.portfolio-tabs li.no-inner-gutter {
    padding: 0px 0px 0px 0px !important;
}

ul.portfolio-tabs-var {
    width: 180px;
    border: 1px solid #ececec;
    border-left: 0px;
}

ul.portfolio-tabs-var li {
    text-align: right;
    float: right;
    width: 170px;
    border-bottom: 1px solid #ececec;
    border-right: 4px solid #fff;
}

ul.portfolio-tabs-var li.white {
    border-bottom: 0px !important;
}

ul.portfolio-tabs-var li a {
    font-size: 14px;
    color: #747474;
    padding-right: 5px;
}

ul.portfolio-tabs-var li.active {
    border-right: 4px solid #96ca39;
    float: right;
}

ul.portfolio-tabs-var li:active a,
ul.portfolio-tabs-var li.active a {
    color: #96ca39;
    padding-right: 5px;
}

ul.bullets li {
    list-style: square outside none;
    margin: 0px 0px 0px 14px;
    padding: 0px 0px 0px 10px !important;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content-listing ul {
    margin: 0px 0px 0px 3px;
    padding: 0px 0px 0px 0px !important;
}

.content-listing ul li {
    list-style: square outside none;
    margin: 0px 0px 0px 14px;
    padding: 0px 0px 0px 10px !important;
}

.content-listing ul.orderlist li {
    list-style: upper-roman outside none;
    margin: 0px 0px 0px 14px;
    padding: 0px 0px 0px 10px !important;
}

.content-listing ul.breadcrumb {
    margin: 0px 5px 0px 5px;
    overflow: hidden;
}

.content-listing ul.breadcrumb li {
    list-style: none;
    float: left;
    padding: 0px 0px 0px 0px !important;
    font-size: 12px;
    margin: 0px 10px 0px 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1.margin-bottom,
h2.margin-bottom,
h3.margin-bottom,
h4.margin-bottom,
h5.margin-bottom,
h6.margin-bottom {
    margin: 0 0 42px 0;
}

h1.center,
h2.center,
h3.center,
h4.center,
h5.center,
h6.center {
    text-align: center;
}

.landing-titles {
    min-height: 150px;
    background-image: url('../images/gray-strip.jpg');
    background-repeat: repeat-x;
}

.landing-titles .image {
    background: #fff;
    margin: 0 auto;
    text-align: center;
}

.curved-border {
    width: 337px;
    height: 196px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #afafaf;
    padding: 10px 10px 10px 10px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.notification {
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

p {
    margin: 0px 0px 14px 0px;
}

button,
input[type="button"],
input[type="submit"],
.button {
    border: 0px;
    font-family: inherit;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 14px 25px;
    text-transform: uppercase;
    line-height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

button.button-small,
input[type="button"].button-small,
input[type="submit"].button-small,
.button.button-small {
    padding: 3px 6px;
    font-size: 14px;
    text-transform: none !important;
    text-shadow: none !important;
    font-weight: 500;
}

.button-blue {
    background: #0d3453;
    text-shadow: 0px 1px 1px #5cae48;
}

.button-blue:hover {
    background: #5cae48;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    color: #fff;
}

.button-blue.tny {
    padding: 10px 20px;
}

.button-blue.full {
    width: 100%;
}

.button-blue.minimum {
    width: 255px;
}

.button-blue[disabled=disabled] {
    background: none;
    border: 1px solid #83cdf2;
    color: #83cdf2;
    text-shadow: none !important;
    cursor: default;
}

.button-blue.no-hover:hover {
    background: #83cdf2;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    color: #fff;
}

.button-green {
    background: #5cae48;
    text-shadow: 0px 1px 1px #708648;
}

.button-green:hover {
    background: #4a9538;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    color: #fff;
}

.button-green.tny {
    padding: 10px 20px;
}

.button-green.full {
    width: 100%;
}

.button-green.minimum {
    width: 255px;
}

.button-green.no-hover:hover {
    background: #96ca39;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    color: #fff;
}

.button-red {
    background: #fc8486;
    text-shadow: 0px 1px 1px #e20509;
}

.button-red:hover {
    background: #e20509;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
}

.button-red.tny {
    padding: 10px 20px;
}

.button-red.full {
    width: 100%;
}

.button-red.minimum {
    width: 255px;
}

.button-red.no-hover:hover {
    background: #fc8486;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    color: #fff;
}

.button-default {
    background: #afafaf;
    text-shadow: 0px 1px 1px #a6a6a6;
}

.button-default:hover {
    background: #747474;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.button-default.tny {
    padding: 10px 20px;
}

.button-default.full {
    width: 100%;
}

.button-default.minimum {
    width: 255px;
}

.button-default.no-hover:hover {
    background: #afafaf;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    color: #fff;
}

.link-button {
    border: 0px;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    padding: 6px 10px 6px 10px !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    line-height: 18px;
    font-weight: 400;
    text-shadow: none !important;
}

.link-button.pointer {
    cursor: pointer;
}

.cbp-af-header .button-green {
    margin: 0 0 10px 0;
}

.cbp-af-header .button-blue {
    margin: 0 10px 10px 0;
}

.page-arrow {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 10px;
    left: 49%;
    z-index: 10;
    background-color: rgba(116, 116, 116, 0.2);
    background-image: url("../images/page-down-arrow.png");
    background-repeat: no-repeat;
    background-position: 13px -46px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
}

.page-arrow.up {
    background-position: 13px 17px;
}

.cols .split-four {
    width: 24%;
    display: inline-block;
    border-right: 1px solid #fff;
}

.cols .split-four.pad45 {
    padding: 0 42px 0 42px !important;
}

.cols .split-four.last-child {
    border: 0;
    width: 26%;
}

.cols .split-four.margin-top-bottom {
    margin: 45px 0 70px 0;
}

.cols .split-four .uppercase {
    text-transform: uppercase;
}

.cols .split-four .gutter {
    margin: 0 0 30px 0;
}

.cols.row .split-two {
    width: 49%;
    display: inline-block;
    float: left;
    margin: 0 2% 0 0;
}

.cols.row .split-two:nth-child(2n+2) {
    margin: 0 0 0 0 !important;
}

.cols.row .split-three {
    width: 34%;
}

.cols.row .split-three:nth-child(3n+3) {
    margin: 0 0 0 0 !important;
}

.cols.row .split-four {
    width: 25%;
    float: left;
}

.cols.row .split-four.hover .absolute-title {
    position: absolute;
    left: 5px;
    bottom: 7px;
    padding: 7px 14px 7px 14px !important;
    background: rgba(52, 52, 52, 0.6);
    color: #fff;
    text-shadow: 0px 1px 1px #000;
    padding: 0 10px;
    width: 96%;
}

.cols.row .split-four.hover:hover .absolute-title {
    background: #343434;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.cols.row .split-four.hover:hover .absolute-title.height160 {
    height: 161px;
    padding-top: 65px !important;
}

.cols .split-three {
    width: 31%;
    display: inline-block;
}

.cols .split-three.pad8 {
    padding: 8px 8px 5px 8px !important;
}

.cols .split-three.uppercase {
    text-transform: uppercase;
    font-size: 12px;
}

.cols .split-three.gutter {
    margin: 0 29px 10px 0;
}

.cols .split-three:nth-child(3n+3) {
    border: 0;
    width: 31%;
    margin: 0 0 10px 0 !important;
}

.cols .split-three.border {
    border: 1px solid #a6a6a6;
}

.cols .split-three.black {
    color: #333;
}

.cols .split-three.relative {
    position: relative;
}

.cols .split-three.hover span {
    position: absolute;
    width: 287px;
    height: 176px;
    text-align: center;
    transition: .3s linear;
    color: uwhite;
    left: 8px;
    top: 8px;
    padding: 25% 20% 25% 20% !important;
    background: rgba(51, 51, 51, 0.6);
    opacity: 0;
}

.cols .split-three.hover span strong {
    font-size: 14px;
    background-color: #fff;
    color: #747474;
    padding: 10px 10px 10px 10px !important;
}

.cols .split-three.hover:hover {
    color: #747474;
    cursor: pointer;
}

.cols .split-three.hover:hover span {
    opacity: 1;
}

.cols .split-three.hover .image {
    width: 286px;
    height: 175px;
    overflow: hidden;
}

.cols .split-three.hover .image img {
    width: 286px;
    height: 176px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.cols .split-three.hover:hover .image img {
    width: 300px;
    height: 200px;
}

.cols .split-three .pad8 {
    padding: 8px 8px 8px 8px !important;
}

.cols .split-three .uppercase {
    text-transform: uppercase;
}

.cols .split-three .gutter {
    margin: 0 30px 30px 0;
}

.cols .split-three h4.gutter {
    margin: 15px 0 15px 0;
}

.cols .split-three .border {
    border: 1px solid #a6a6a6;
}

.cols .split-three .rounded-corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.cols .captionfont {
    font-style: italic;
    font-size: 115%;
    margin: 0 0 24px 0;
}

.cols .center {
    text-align: center;
}

.colls.slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px;
}

.colls.slider .split-four {
    width: 226px;
    height: 150px;
    text-align: center;
    float: left;
}

.colls.slider .split-four small {
    color: #747474;
}

.controlArrow {
    position: absolute;
    top: 45%;
    width: 29px;
    height: 29px;
    cursor: pointer;
    background-color: #83cdf2;
}

.controlArrow.prev {
    left: 0;
    background-image: url("../images/slider-left-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.controlArrow.next {
    right: 0;
    background-image: url("../images/slider-right-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.controlArrow:hover {
    background-color: #158cc7;
}

.globe-container {
    background-image: url("../images/world-map.png");
    background-position: 45% top;
    background-repeat: no-repeat;
    height: 30 0px;
    margin-top: 20px;
    position: relative;
}

.globe-container .pins {
    background-image: url("../images/college-icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    text-align: center;
}

.globe-container span {
    position: absolute;
    display: none;
}

.globe-container .process-arrow {
    background-image: url("../images/process-arrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    width: 294px;
    height: 75px;
}

.globe-container .process-arrow.green {
    background-image: url("../images/process-arrow-green.png");
}

#banner {
    background: #b7dde1;
    background: -moz-linear-gradient(top, #b7dde1 0%, #e7eded 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7dde1), color-stop(100%, #e7eded));
    background: -webkit-linear-gradient(top, #b7dde1 0%, #e7eded 100%);
    background: -o-linear-gradient(top, #b7dde1 0%, #e7eded 100%);
    background: -ms-linear-gradient(top, #b7dde1 0%, #e7eded 100%);
    background: linear-gradient(to bottom, #b7dde1 0%, #e7eded 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#b7dde1, endColorstr=#e7eded, GradientType=0);
}

#banner .ground {
    background-image: url("../images/greenary.png");
    background-position: 0 130%;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#banner .ground .clouds {
    background-image: url("../images/clouds.png");
    background-position: 10% 56%;
    background-repeat: no-repeat;
}

#banner .ground .shadow {
    background-image: url("../images/banner-top-shadow.png");
    background-position: top center;
    background-repeat: no-repeat;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

#banner .ground .shadow .slide-image {
    width: 400px;
    height: 400px;
    position: absolute;
    bottom: 10%;
}

#banner .ground .shadow .slide-caption {
    width: 480px;
    position: absolute;
    top: 20%;
    right: 2%;
    color: #333;
}

#banner .grass {
    background-image: url("../images/greenary-grass.png");
    background-position: 0 -41px;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    height: 131px;
    position: absolute;
    left: 0;
    bottom: -180px;
}

.scroll-down {
    background-image: url("../images/Scroll.png");
    background-pos-tion: bottom center;
    background-repeat: no-repeat;
    height: 53px;
    width: 53px;
    position: absolute;
    bottom: 5%;
    right: 1%;
}

.footer-design {
    background-image: url("../images/clouds.png"), url("../images/home-footer-bg.png");
    background-position: 144% 0;
    background-repeat: repeat-x;
    height: 317px;
    color: #fff !important;
}

.footer-design .swinging {
    background-image: url("../images/swininging.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
    height: 219px;
}

footer {
    height: 270px;
}

footer.gutter {
    padding: 50px 0 50px !important;
}

footer .split-four {
    border: 0 !important;
}

footer div {
    float: left;
    width: 100%;
}

footer div a {
    color: #fff !important;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}

footer h4 {
    margin: 0 0 20px 0;
}

.footer-links {
    color: #fff;
}

.copyright {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.copyright a {
    color: #747474;
}

.slide-container {
    background: #fff;
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    z-index: 9999;
    color: #747474;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 5px 5px #bfbfbf;
    -webkit-box-shadow: 0px 5px 5px #bfbfbf;
    box-shadow: 0px 5px 5px #bfbfbf;
}

.slide-container div {
    padding: 20px 12px 20px 11px !important;
    margin: 0 8px 0 8px;
    border-bottom: 1px dashed #afafaf;
}

.slide-container div.uppercase {
    position: relative;
    text-transform: uppercase;
}

.slide-container div.uppercase .close {
    position: absolute;
    background-image: url("../images/controls2.png");
    background-position: 100% 0%;
    left: 93%;
    top: 40%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.slide-container div:last-child {
    border-bottom: 0;
}

.slide-container div .no-gutter {
    padding: 0px 0px 0px 0px !important;
    border-bottom: 0px dashed #afafaf;
    margin: 0 0px 14px 0px;
}

.slide-container div .no-gutter input,
.slide-container div .no-gutter select {
    margin: 0 0px 0px 0px;
}

.slide-container div .no-gutter .popup,
.slide-container div .no-gutter .holder {
    margin: 0 0px 0px 0px;
}

.slide-container div .no-gutter .popup.errorMessage,
.slide-container div .no-gutter .holder.errorMessage {
    left: auto;
    background-position: 85% 100%;
    right: 0;
}

.slide-container div .no-gutter.error {
    border: medium none !important;
}

.slide-container div .no-gutter.error input,
.slide-container div .no-gutter.error select {
    border: 1px solid #fc8486 !important;
}

.slide-container div input {
    width: 100%;
    margin: 0 0 20px 0;
}

.slide-container div input:last-child {
    margin: 0;
}

.slide-container div select {
    width: 100%;
    margin: 0 0 20px 0;
}

.slide-container div button:last-child {
    margin: 0;
}

.slide-container div p {
    margin: 0 0 20px 0;
}

.slide-container div.center {
    text-align: center;
}

.slide-container.login {
    width: 262px;
}

.slide-container.signup {
    width: 500px;
}

.slide-container.setting-options .uppercase {
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
}

.slide-container.setting-options .uppercase .close {
    top: auto;
}

.screen-navigation {
    position: fixed;
    width: 50px;
    top: 35%;
    right: 0;
}

.screen-navigation li {
    height: 30px;
}

.screen-navigation li a {
    display: block;
    position: relative;
    width: 12px;
    height: 12px;
    background: #747474;
    opacity: 0.2;
    filter: alpha(opacity=20);
    border: 1px solid #333;
    margin: 5px auto 5px auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.screen-navigation li :hover {
    width: 20px;
    height: 20px;
    background: #333;
    opacity: 0.9;
}

.screen-navigation li .active,
.screen-navigation li .active:hover {
    width: 12px;
    height: 12px;
    background: #333;
    opacity: 0.6;
    cursor: default;
}

.numbers {
    background: none repeat scroll 0 0 #efefef;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.numbers li {
    text-align: center;
}

.grid_0.pull,
.grid_1.pull,
.grid_2.pull,
.grid_3.pull,
.grid_4.pull,
.grid_5.pull,
.grid_6.pull,
.grid_7.pull,
.grid_8.pull,
.grid_9.pull,
.grid_10.pull,
.grid_11.pull,
.grid_12.pull {
    display: inline;
    float: left;
    margin: 0px;
}

.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11 {
    position: relative;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.container .grid_0 {
    width: 30px;
}

.container .grid_1 {
    width: 70px;
}

.container .grid_2 {
    width: 154px;
}

.container .grid_3 {
    width: 238px;
}

.container .grid_4 {
    width: 322px;
}

.container .grid_5 {
    width: 406px;
}

.container .grid_6 {
    width: 490px;
}

.container .grid_7 {
    width: 574px;
}

.container .grid_8 {
    width: 658px;
}

.container .grid_9 {
    width: 742px;
}

.container .grid_10 {
    width: 826px;
}

.container .grid_11 {
    width: 910px;
}

.container .grid_12 {
    width: 994px;
}

.container .prefix_0 {
    padding-left: 38px;
}

.container .prefix_1 {
    padding-left: 84px;
}

.container .prefix_2 {
    padding-left: 168px;
}

.container .prefix_3 {
    padding-left: 252px;
}

.container .prefix_4 {
    padding-left: 336px;
}

.container .prefix_5 {
    padding-left: 420px;
}

.container .prefix_6 {
    padding-left: 504px;
}

.container .prefix_7 {
    padding-left: 588px;
}

.container .prefix_8 {
    padding-left: 672px;
}

.container .prefix_9 {
    padding-left: 756px;
}

.container .prefix_10 {
    padding-left: 840px;
}

.container .prefix_11 {
    padding-left: 924px;
}

.container .suffix_1 {
    padding-right: 84px;
}

.container .suffix_2 {
    padding-right: 168px;
}

.container .suffix_3 {
    padding-right: 252px;
}

.container .suffix_4 {
    padding-right: 336px;
}

.container .suffix_5 {
    padding-right: 420px;
}

.container .suffix_6 {
    padding-right: 504px;
}

.container .suffix_7 {
    padding-right: 588px;
}

.container .suffix_8 {
    padding-right: 672px;
}

.container .suffix_9 {
    padding-right: 756px;
}

.container .suffix_10 {
    padding-right: 840px;
}

.container .suffix_11 {
    padding-right: 924px;
}

.container .push_0 {
    margin-left: 38px;
}

.container .push_1 {
    margin-left: 84px;
}

.container .push_2 {
    margin-left: 168px;
}

.container .push_3 {
    margin-left: 252px;
}

.container .push_4 {
    margin-left: 336px;
}

.container .push_5 {
    margin-left: 420px;
}

.container .push_6 {
    margin-left: 504px;
}

.container .push_7 {
    margin-left: 588px;
}

.container .push_8 {
    margin-left: 672px;
}

.container .push_9 {
    margin-left: 756px;
}

.container .push_10 {
    margin-left: 840px;
}

.container .push_11 {
    margin-left: 924px;
}

.container .pull_1 {
    margin-left: -84px;
}

.container .pull_2 {
    margin-left: -168px;
}

.container .pull_3 {
    margin-left: -252px;
}

.container .pull_4 {
    margin-left: -336px;
}

.container .pull_5 {
    margin-left: -420px;
}

.container .pull_6 {
    margin-left: -504px;
}

.container .pull_7 {
    vleft: -588px;
}

.container .pull_8 {
    margin-left: -672px;
}

.container .pull_9 {
    margin-left: -756px;
}

.container .pull_10 {
    margin-left: -840px;
}

.container .pull_11 {
    margin-left: -924px;
}

.gutter_horizontal {
    margin-right: 14px !important;
}

.gutter_vertical {
    margin-bottom: 14px;
}
.gutter_horizontal_left {
    margin-left: 14px;
}

img,
object,
embed {
    max-width: 100%;
}

img {
    height: auto;
    border: 0px;
}

.row {
    overflow: auto;
    clear: both;
    line-height: 45px;
}

.row.hover.pointer:hover {
    cursor: pointer;
    background-color: #ececec;
}

.row.hover.pointer:hover:after {
    content: ">";
    position: absolute;
    top: 40%;
    left: 95%;
    font-size: 115%;
    font-weight: 500;
}

.row.multi_line {
    line-height: 25px;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 35px 10px 35px !important;
}

.row.multi_line.small-gutter {
    padding: 10px 14px 10px 14px !important;
}

#displayFiles>.row.multi_line.small-gutter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.row.multi_line.hover:hover .hidden {
    display: block;
}

.row.multi_line.large_font {
    font-size: 16px;
    line-height: 30px;
}

.row.absolute {
    position: absolute;
}

.row.no-gutter {
    padding: 0 0 0 0 !important;
}

.row.no-outer-gutter {
    margin: 0 0 0 0 !important;
}

.row .box-shadow {
    -moz-box-shadow: 1px 5px 5px #747474;
    -webkit-box-shadow: 1px 5px 5px #747474;
    box-shadow: 1px 5px 5px #747474;
}

.row.medium-font {
    font-size: 14px;
    line-height: 25px;
}

.row .element-partition {
    border-right: 1px solid #ececec;
    margin-right: 14px;
    padding-right: 14px;
}

.row h3 {
    line-height: 45px;
}

.row h3.line-height {
    line-height: 35px;
}

.row .left {
    float: left;
    margin: 0 28px 0 0 !important;
}

.row .left.small-right {
    margin: 0px 7px 0px 0px !important;
}

.row .left.small-right.tab-link.on,
.row .left.small-right.tab-link:hover {
    background-color: #5CAE48;
    color: #fff;
}

.row .left.small-right.tab-link.on::after,
.row .left.small-right.tab-link:hover::after {
    border-top: 12px solid #5CAE48;
}

.row .left.small-right-bottom {
    margin: 0 7px 7px 0 !important;
}

.row .right {
    float: right;
}

.row.multi_line.small-gutter .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.row.center,
.row .center {
    text-align: center;
}

.row .center a {
    color: #5cae48;
}

.row .center a:hover {
    color: #489735;
}

.row .lightgray {
    color: #afafaf;
}

.row input {
    margin: 0 0 0 0;
}

.row .small,
.row.small {
    font-size: 12px;
}

.row.uppercase,
.row .uppercase {
    text-transform: uppercase;
}

.row.alert-yellow {
    background-color: #fdeda4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.alert-yellow.link {
    cursor: pointer;
}

.row.alert-yellow.link:hover {
    color: #fff;
    background-color: #96ca39;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.lightyellow {
    background-color: #fff7da;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.lightyellow.border {
    border: 1px solid #fde5b4;
}

.row.lightyellow .border-bottom {
    border-bottom: 1px solid #fde5b4;
}

.row.green {
    background-color: #e1f0c6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.green.link {
    cursor: pointer;
}

.row.green.link:hover {
    color: #fff;
    background-color: #96ca39;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.dark-green {
    background-color: #96ca39;
}

.row.dark-green.rounded-corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.dark-green.link {
    cursor: pointer;
}

.row.dark-green.link:hover {
    color: #fff;
    background-color: #3e5416;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.aqua-light {
    background-color: #e9fafb;
}

.row.pink {
    background-color: #fee8e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.pink.link {
    cursor: pointer;
}

.row.pink.link:hover {
    color: #fff;
    background-color: #fc8486;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.dark-pink {
    background-color: #fc8486;
    color: #fff;
}

.row.dark-pink.rounded-corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.dark-pink.link {
    cursor: pointer;
}

.row.dark-pink.link:hover {
    color: #fff;
    background-color: #e20509;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.blue {
    background-color: #dff2fc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.blue.link {
    cursor: pointer;
}

.row.blue.link:hover {
    color: #fff;
    background-color: #83cdf2;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.dark-blue {
    background-color: #83cdf2;
}

.row.dark-blue.rounded-corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.dark-blue.link {
    cursor: pointer;
}

.row.dark-blue.link:hover {
    color: #fff;
    background-color: #83cdf2;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.white {
    background-color: #fff;
    border: 1px solid #ececec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.row.white .title {
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 10px 0px;
}

.row.white.no-border {
    border: 0px !important;
}

.row.white.link.cursor {
    cursor: pointer;
}

.row.white.link:hover {
    color: #747474;
    border: 1px solid #afafaf;
    background-color: #ececec;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.white.link:hover a,
.row.white.link:hover:hover {
    color: #3d822c;
}

.row.gray {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.row.gray.link {
    cursor: pointer;
}

.row.gray.link:hover {
    color: #fff;
    background-color: #747474;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.gray.inner-gutter,
.row.gray .inner-gutter {
    padding: 14px 14px 14px 14px !important;
}

.row.dark-gray {
    background-color: #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    color: #747474;
}

.row.dark-gray.link {
    cursor: pointer;
}

.row.dark-gray.link:hover {
    color: #fff;
    background-color: #747474;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.dark-gray.inner-gutter,
.row.dark-gray .inner-gutter {
    padding: 14px 14px 14px 14px !important;
}

.row.light-gray {
    background-color: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    color: #747474;
}

.row.light-gray.link {
    cursor: pointer;
}

.row.light-gray.link:hover {
    color: #fff;
    background-color: #747474;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.row.light-gray.inner-gutter,
.row.light-gray .inner-gutter {
    padding: 14px 14px 14px 14px !important;
}

.row.visible {
    overflow: visible !important;
}

.row .relative {
    position: relative;
}

.row.no-clear {
    clear: none;
}

.row.no-border {
    border: 0;
}

.row.border-bottom,
.row .border-bottom {
    border-bottom: 1px solid #ececec;
}
.cbp-af-header .cbp-af-inner.row.border-bottom {
	border-bottom: 0;
}
.row.border-top,
.row .border-top {
    border-top: 1px solid #ececec;
}

.row.border-bottom-dotted,
.row .border-bottom-dotted {
    border-bottom: 1px dotted #ececec;
}

.row.border-top-dotted,
.row .border-top-dotted {
    border-top: 1px dotted #ececec;
}

.row .tag-image {
    position: absolute;
    cursor: pointer;
    background-image: url("../images/icons/addtag.png");
    height: 61px;
    width: 61px;
    left: 0px;
    top: -6px;
}

.row .tag-image.addtag {
    background-position: left top;
}

.row .tag-image.addtag:hover {
    background-position: 0 -64px;
}

.row .tag-image.addedtag {
    background-position: 0 -129px;
}

.row .tag-image.addedtag:hover {
    background-position: 0 -193px;
}

.row .tag-image.removetag {
    background-position: 0 -193px;
}

.row .tag-image.addtag-suggested {
    background-position: 0 -255px;
}

.row .tag-image.addtag-suggested:hover {
    background-position: 0 -318px;
}

.row .tag-image.addedtag-suggested {
    background-position: 0 -381px;
}

.row .tag-image.addedtag-suggested:hover {
    background-position: 0 -444px;
}

.grid_view {
    margin: 0 0 0 0;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    border: 0;
}

.grid_view.border {
    border: 1px solid #ececec;
}

.grid_view.pointer tr td {
    cursor: pointer;
}

.grid_view tr th {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    font-size: 12px;
    font-weight: 500;
    padding: 14px 5px 14px 5px !important;
}

.grid_view tr th:first-child {
    border-left: 1px solid #ececec;
}

.grid_view tr th:last-child {
    border-right: 1px solid #ececec;
}

.grid_view tr th .select {
    position: absolute;
    background-image: url("../images/controls2.png");
    background-position: 100% 0%;
    left: 70%;
    top: 10%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-position: 0% -34%;
}

.grid_view tr.gray-bg th {
    background-color: #fff;
    border: 1px solid #ececec;
    font-size: 15px;
    font-weight: 600;
}

.grid_view tr.border th {
    border: 1px solid #ddd;
}

.grid_view tr.gray-bg td {
    background-color: #ececec;
    border: 1px solid #ddd;
    font-size: 155%;
}

.grid_view tr:nth-child(even) {
    background: #f2f2f2;
}

.grid_view tr.gray-bg th:first-child,
.grid_view tr td:first-child {
    text-align: left !important;
    padding: 14px 5px 14px 20px !important;
}

.grid_view tr td:first-child {
    padding: 14px 5px 14px 24px !important;
    text-align: left;
}

.grid_view tr td {
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    padding: 14px 5px 14px 5px !important;
}

.grid_view tr td a {
    color: #5cae48;
}

.grid_view tr td.center {
    text-align: center;
}

.grid_view tr td.small,
.grid_view tr td small {
    font-size: 12px;
    line-height: 25px;
}

.grid_view tr td .lightgray {
    color: #afafaf;
}

.grid_view tr td .green {
    color: #96ca39;
}

.grid_view tr td .delete {
    position: absolute;
    background-image: url("../images/controls2.png");
    background-position: 100% 0%;
    left: 50%;
    top: 30%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: none;
    width: 26px;
    height: 26px;
}

.grid_view tr td .pull70 {
    float: left;
    width: 70px;
}

.grid_view tr td .pull110 {
    float: left;
    width: 110px;
}

.grid_view tr td .pull300 {
    float: left;
    width: 300px;
}

.grid_view tr td.light-gray {
    background-color: #fbfbfb;
}

.grid_view tr td.light-gray.no-pad {
    padding: 0px !important;
}

.grid_view tr:hover td {
    background-color: #ececec;
}

.grid_view tr:hover td .delete {
    display: block;
}

.grid_view tr.select td {
    background-color: #ffffe0;
}

.grid_view.no-hover tr:hover td {
    background-color: #fff;
}

.grid_view.no-hover tr:hover td.light-gray:hover {
    background-color: #fbfbfb;
}

.grid_view.no-hover tr:hover.select td {
    background-color: #ffffe0;
}

.grid_view.alternate tr:nth-child(odd) {
    background-color: #ececec;
}

#hlnkOld,
.AddClassLink {
    color: #0D3453;
}

#hlnkOld:hover,
.AddClassLink:hover {
    color: #5CAE48;
}

.colapse {
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.colapse.uppercase {
    text-transform: uppercase;
}

.colapse.center {
    text-align: center;
}

.colapse .arrow {
    position: absolute;
    background-image: url("../images/controls2.png");
    background-position: 100% 0%;
    left: 70%;
    top: 10%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-position: 0% 0%;
    left: 105%;
}

.colapse .arrow.on {
    background-position: 0% -34%;
}

.colapse .arrow.left50 {
    left: 50%;
}

.error_border,
.error {
    border: 1px solid #fc8383 !important;
}

.errorMessage.popup {
    background-image: url("../images/icons/bg-popup-error.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 99%;
    left: 0;
    right: auto;
    top: auto;
    font-size: 14px;
    color: #fff;
    line-height: 15px;
    font-weight: 500;
    white-space: nowrap;
    padding: 0 0 6px 0 !important;
}

.errorMessage.popup .holder {
    display: inline-block;
    background-color: #fc8486;
    padding: 7px 11px 7px 11px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.errorMessage.popup .holder p {
    margin: 0 0 0 0;
}

.errorMessage.popup.right {
    background-position: 85% 100%;
    left: auto;
    right: 0;
    white-space: nowrap;
}

.errorMessage.error-right {
    left: auto;
    background-position: 85% 100%;
    right: 0;
}

.missedContent .popup {
    width: 220px;
    background-image: url("../images/icons/bg-popup-top.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 99%;
    left: 3%;
    top: auto;
    font-size: 14px;
    font-weight: 500;
    white-space: normal;
    padding: 0 0 6px 0 !important;
}

.missedContent .popup .holder {
    display: inline-block;
    background-color: #747474;
    padding: 7px 11px 7px 11px !important;
}

.missedContent .popup .holder p {
    margin: 0 0 0 0;
    line-height: 20px;
}

.missedContent .popup.auto-width {
    width: auto;
}

.missedContent .popup.right {
    background-position: 85% 100%;
    left: auto;
    right: 0;
    white-space: nowrap;
}

.missedContent.hover:hover .invisible {
    display: block;
}

.missedContent.tag-image .popup {
    display: none;
}

.missedContent.tag-image:hover .popup {
    display: block;
}

.missedContent.hover-bubble .popup {
    display: none;
}

.missedContent.hover-bubble:hover .popup {
    left: -14px;
    display: block;
}

.rank-pop .popup {
    min-width: 220px;
    background-image: url("../images/icons/rank-popup-bg.png");
    background-position: 16% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 99%;
    left: -60%;
    right: auto;
    top: auto;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    padding: 0 0 6px 0 !important;
}

.rank-pop .popup .holder {
    display: inline-block;
    background-color: #fcfcfc;
    border: 1px solid #ececec;
    color: #808080;
    border-radius: 5px;
    padding: 0 14px;
    box-shadow: -2px -2px 2px -1px;
    -moz-box-shadow: -2px -2px 2px -1px;
    -webkit-box-shadow: -2px -2px 2px -1px;
}

.rank-pop .popup.auto-width {
    width: auto;
}

.rank-pop .popup.right {
    background-position: 85% 100%;
    left: auto;
    right: 0;
    white-space: nowrap;
}

.rank-pop.hover:hover .invisible {
    display: block;
}

.rank-pop.tag-image .popup {
    display: none;
}

.rank-pop.tag-image:hover .popup {
    display: block;
}

.rank-pop.hover-bubble .popup {
    display: none;
}

.rank-pop.hover-bubble:hover .popup {
    display: block;
}

.rank-pop .text-v {
    background: #e23737;
    color: #fff;
    padding: 5px;
    text-transform: uppercase;
    position: absolute;
    left: 4px;
    top: -25px;
}

.rank-pop .inner_popup {
    height: 76px;
    display: table-cell;
    min-width: 130px;
    padding: 0 10px 5px;
    line-height: 1.5em;
}

.bubble .popup {
    display: none;
    width: 300px;
    background-image: url("../images/icons/bg-popup2.png");
    background-position: 0 6%;
    position: absolute;
    bottom: auto;
    left: 100%;
    top: 0;
    font-size: 14px;
    font-weight: 500;
    white-space: normal;
    padding: 0 0 0 6px !important;
}

.bubble .popup .holder {
    display: inline-block;
    background-color: #46494a;
    padding: 7px 11px 7px 11px !important;
}

.bubble .popup .holder p {
    margin: 0 0 0 0;
    line-height: 20px;
}

.cold-flow.popup {
    display: block;
    width: 350px;
    background-image: url("../images/icons/cold-flow-arrow.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: auto;
    font-size: 14px;
    font-weight: 500;
    white-space: normal;
    color: #747474;
    z-index: 10001;
}

.cold-flow.popup .holder {
    display: inline-block;
    background-color: #fff;
    padding: 14px 21px 14px 21px !important;
    overflow: auto;
    line-height: 25px;
}

.cold-flow.popup .holder.border {
    border-bottom: 1px solid #ececec;
}

.cold-flow.popup .holder .fixed {
    min-height: 90px;
}

.cold-flow.popup .holder a {
    color: #fff;
}

.cold-flow.popup .holder .steps {
    background-image: url('../images/icons/cold-flow-step.png');
    background-repeat: no-repeat;
    height: 45px;
}

.cold-flow.popup .holder .steps.step1 {
    background-position: 0 8px;
}

.cold-flow.popup .holder .steps.step2 {
    background-position: 0 -30px;
}

.cold-flow.popup .holder .steps.step3 {
    background-position: 0 -70px;
}

.cold-flow.popup .holder .steps.step4 {
    background-position: 0 -109px;
}

.cold-flow.popup .holder .steps2 {
    background-image: url('../images/icons/cold-flow-step2.png');
    background-repeat: no-repeat;
    height: 45px;
}

.cold-flow.popup .holder .steps2.step1 {
    background-position: 0 8px;
}

.cold-flow.popup .holder .steps2.step2 {
    background-position: 0 -30px;
}

.cold-flow.popup .holder .steps2.step3 {
    background-position: 0 -70px;
}

.cold-flow.popup .holder .steps2.step4 {
    background-position: 0 -109px;
}

.cold-flow.popup .holder .steps2.step5 {
    background-position: 0 -136px;
}

.cold-flow.popup.image-hover {
    background-image: url("../images/popup-arrow-blue-top.png");
    display: none;
}

.cold-flow.popup.image-hover .holder {
    border: 1px solid #83cdf2;
}

.cold-flow.popup.image-hover .holder .fixed {
    min-height: 126px;
}

.cold-flow.popup.image-hover.left {
    padding: 0 0 0 40px !important;
    background-position: 1px 10%;
    top: 40px;
    left: 120px;
}

.cold-flow.popup.image-hover.left .holder {
    -moz-box-shadow: 3px 5px 5px #999 !important;
    -webkit-box-shadow: 3px 5px 5px #999 !important;
    box-shadow: 3px 5px 5px #999 !important;
    width: auto;
}

.cold-flow.popup.image-hover.left.bottom {
    background-position: 1px 90%;
    top: auto;
    bottom: 40px;
    padding: 0 0 0 40px !important;
}

.cold-flow.popup.image-hover.right {
    background-image: url("../images/popup-arrow-blue-right.png");
    padding: 0 40px 0 0 !important;
    background-position: 97% 10%;
    box-sizing: content-box;
    top: 0px;
    right: 110px;
}

.cold-flow.popup.image-hover.right .holder {
    -moz-box-shadow: -3px 5px 5px #999 !important;
    -webkit-box-shadow: -3px 5px 5px #999 !important;
    box-shadow: -3px 5px 5px #999 !important;
    width: 341px;
}

.cold-flow.popup.image-hover.right.bottom {
    background-position: 97% 90%;
    top: auto;
    bottom: 40px;
    padding: 0 40px 0 0 !important;
}

.cold-flow.popup.left {
    background-position: 1px 50%;
    padding: 0 0 0 10px !important;
}

.cold-flow.popup.top {
    background-position: 50% 1%;
    padding: 10px 0 0 0 !important;
}

.cold-flow.popup.bottom {
    background-position: 50% 97%;
    padding: 0 0 10px 0 !important;
}

.cold-flow.popup.right {
    background-position: 50% 97%;
    padding: 0 9px 0 0 !important;
}

.hover-bubble:hover .opacity img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.hover-bubble:hover .cold-flow.image-hover {
    display: block;
}

.side-nav li {
    border-bottom: 1px solid #ececec;
}

.side-nav li a {
    color: #83cdf2 !important;
    line-height: 40px !important;
}

.grid {
    background-image: url("../images/grid-bg.gif");
    background-position: left bottom;
    background-repeat: repeat;
}

.notification {
    width: 100%;
}

ul.yiiPager {
	font-size: 12px;
	border: 0 none;
	display: inline-block;
	vertical-align: top;
}

ul.yiiPager li {
    display: inline;
}

ul.yiiPager li a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-weight: 500;
	display: inline-block;
}

ul.yiiPager li a:hover {
    border: 1px solid #ececec;
}

ul.yiiPager li a:link,
ul.yiiPager li a:visited {
    border: 1px solid #ececec;
    color: #747474;
    font-weight: 500;
    padding: 7px 10px;
    text-decoration: none;
}

ul.yiiPager li.selected a {
    background: #5cae48;
    color: #fff;
    font-weight: 500;
    border: 1px solid #5cae48;
}

.accordian .toggler .arrow {
    background-color: #83cdf2;
    background-image: url("../images/icons/toggle_plus.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    float: left;
    height: 22px;
    width: 22px;
    margin: 10px 20px 0 0;
}

.accordian .toggler .count {
    color: #afafaf;
    display: block;
    float: right;
    margin: 0 0 0 20px;
    width: 120px;
}

.accordian .toggler .toggler-title {
    float: left;
    width: 90%;
}

.accordian .toggler.active a {
    border-bottom: 0px solid;
}

.accordian .toggler.active .arrow {
    background-color: #747474;
    background-image: url("../images/icons/toggle_minus.png");
}

.accordian .toggler a {
    width: 100%;
    cursor: pointer;
    float: left;
    overflow: hidden;
    color: #747474;
    border-bottom: 1px solid #ececec;
    padding: 10px 0 10px 0 !important;
}

.accordian .toggler-content {
    padding-bottom: 0;
    position: relative;
}

.arrow-accordian .toggler .arrow {
    background-image: url("../images/icons/arrow_close.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    float: right;
    height: 10px;
    width: 6px;
    margin: 18px 20px 0 0;
}

.arrow-accordian .toggler .count {
    color: #afafaf;
    display: block;
    float: right;
    margin: 0 0 0 20px;
    width: 120px;
}

.arrow-accordian .toggler .toggler-title {
    float: left;
    width: 90%;
}

.arrow-accordian .toggler.active a {
    border-bottom: 0px solid;
}

.arrow-accordian .toggler.active .arrow {
    height: 10px;
    width: 6px;
    background-image: url("../images/icons/arrow_open.png");
}

.arrow-accordian .toggler a {
    width: 100%;
    cursor: pointer;
    float: left;
    overflow: hidden;
    color: #747474;
}

.arrow-accordian .toggler-content {
    padding-bottom: 0;
    position: relative;
}

.normal-line-height {
    height: 58px;
}

.title-height {
    height: 95px;
}

.logo-height {
    height: 155px;
    width: 235px;
    display: table-cell;
    vertical-align: middle;
}

.fly-title {
    position: absolute;
    top: 10px;
    background-color: #96ca39;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding: 0 10px 0 10px !important;
}

.fly-title:before {
    height: 32px;
    width: 4px;
    overflow: hidden;
    content: url("../images/fly-title.png");
    position: absolute;
    left: -4px;
}

.fly-title:after {
    content: url("../images/fly-title.png");
    position: absolute;
    right: 267px;
    top: 0;
    width: 24px;
}

.milestone-bg {
    background-image: url("../images/milestone-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.milestone-bg>div {
    float: left;
    height: 120px;
    width: 170px;
}

.milestone-bg>div>span {
    color: #afafaf;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    right: -30px;
    border-bottom: 2px solid #fff;
    text-align: center;
}

.milestone-bg>div:first-child {
    width: 47px;
    margin-left: 49px;
}

.milestone-bg>div:first-child span {
    left: -23px;
}

.milestone-bg>div:first-child.done {
    background-image: url("../images/milestone-green.png");
}

.milestone-bg>div:first-child.missed {
    background-image: url("../images/milestone-red.png");
}

.milestone-bg>div.done {
    background-image: url("../images/milestone-green-process.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.milestone-bg>div.done span {
    color: #96ca39 !important;
}

.milestone-bg>div.done.selected span {
    color: #747474 !important;
    border-bottom: 2px solid #96ca39;
}

.milestone-bg>div.missed {
    background-image: url("../images/milestone-red-process.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.milestone-bg>div.missed span {
    color: #fc8486 !important;
}

.milestone-bg>div.pointer {
    cursor: pointer;
}

.outplacement-bg {
    background-image: url("../images/outplacement-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.outplacement-bg>div {
    float: left;
    height: 120px;
    width: 427px;
}

.outplacement-bg>div>span {
    color: #afafaf;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    right: -10px;
    border-bottom: 2px solid #fff;
    text-align: center;
    white-space: nowrap;
}

.outplacement-bg>div:first-child {
    width: 47px;
    margin-left: 49px;
}

.outplacement-bg>div:first-child span {
    left: -23px;
}

.outplacement-bg>div:first-child.done {
    background-image: url("../images/milestone-green.png");
}

.outplacement-bg>div:first-child.missed {
    background-image: url("../images/milestone-red.png");
}

.outplacement-bg>div.done {
    background-image: url("../images/outplacement-green-process.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.outplacement-bg>div.done span {
    color: #96ca39 !important;
}

.outplacement-bg>div.done.selected span {
    color: #747474 !important;
    border-bottom: 2px solid #96ca39;
}

.outplacement-bg>div.missed {
    background-image: url("../images/milestone-red-process.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.outplacement-bg>div.missed span {
    color: #fc8486 !important;
}

.outplacement-bg>div.pointer {
    cursor: pointer;
}

.profile-nav {
    position: relative;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
}

.profile-nav a {
    color: #747474;
    padding-left: 10px;
}

.profile-nav:before {
    transition: all 150ms ease-in-out 0s;
    -webkit-transition: all 150ms ease-in-out 0s;
    -moz-transition: all 150ms ease-in-out 0s;
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #afafaf;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 18px;
}

.profile-nav:hover a {
    color: #747474;
}

.profile-nav:hover:after {
    content: '';
    width: 7px;
    height: 100%;
    border-radius: 0px;
    background-color: #ececec;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.profile-nav.current:before {
    background-color: #fc8486;
    border: 1px solid #fc8486;
}

.profile-nav.completed:before {
    background-color: #96ca39;
    border: 1px solid #96ca39;
}

.profile-nav.title {
    padding-left: 25px !important;
}

.profile-nav.title.current:before {
    background-color: #fc8486;
    border: 1px solid #fc8486;
}

.profile-nav.title:after {
    width: 0px;
    height: 0px;
}

.text-right {
    text-align: right;
}

#slider1 {
    margin: 0 0 20px;
    padding: 0 40px;
    position: relative;
}

#slider1 .viewport {
    float: left;
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}

#slider1 .buttons {
    display: block;
    position: absolute;
    left: 0px;
    top: 58%;
    color: #747474;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 22px;
}

#slider1 .next {
    left: auto;
    right: 0px;
    top: 58%;
}

#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
}

.top-dark-gradiant {
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(89%, rgba(0, 0, 0, 0.82)), color-stop(90%, rgba(0, 0, 0, 0.83)), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.bottom-dark-gradiant {
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.83) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(89%, rgba(0, 0, 0, 0.83)), color-stop(90%, rgba(0, 0, 0, 0.83)), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.83) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.83) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.83) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.83) 89%, rgba(0, 0, 0, 0.83) 90%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 990px;
    border-spacing: 0;
}

.bordered th {
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    border-top: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.bordered th:first-child {
    border-left: none;
}

.bordered td:first-child {
    border-left: none;
}

.bordered th,
.bordered td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 6px 10px;
    text-align: center;
}

.cursor-help {
    cursor: help;
}

.custom-calendar-wrap {
    position: relative;
    overflow: hidden;
}

.custom-calendar-wrap .custom-inner {
    background-color: #fff;
}

.custom-calendar-wrap .custom-inner:before,
.custom-calendar-wrap .custom-inner:after {
    content: '';
    width: 99%;
    height: 50%;
    position: absolute;
    background: #f6f6f6;
    bottom: -4px;
    left: 0.5%;
    z-index: -1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.custom-calendar-wrap .custom-inner:after {
    content: '';
    width: 98%;
    bottom: -7px;
    left: 1%;
    z-index: -2;
}

.custom-calendar-wrap .custom-header {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    overflow: auto;
    clear: both;
    line-height: 45px;
}

.custom-calendar-wrap .custom-header.hover.pointer:hover {
    cursor: pointer;
    background-color: #ececec;
}

.custom-calendar-wrap .custom-header.hover.pointer:hover:after {
    content: ">";
    position: absolute;
    top: 40%;
    left: 95%;
    font-size: 115%;
    font-weight: 500;
}

.custom-calendar-wrap .custom-header.multi_line {
    line-height: 25px;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 35px 10px 35px !important;
}

.custom-calendar-wrap .custom-header.multi_line.small-gutter {
    padding: 10px 14px 10px 14px !important;
}

.custom-calendar-wrap .custom-header.multi_line.hover:hover .hidden {
    display: block;
}

.custom-calendar-wrap .custom-header.multi_line.large_font {
    font-size: 16px;
    line-height: 30px;
}

.custom-calendar-wrap .custom-header.absolute {
    position: absolute;
}

.custom-calendar-wrap .custom-header.no-gutter {
    padding: 0 0 0 0 !important;
}

.custom-calendar-wrap .custom-header.no-outer-gutter {
    margin: 0 0 0 0 !important;
}

.custom-calendar-wrap .custom-header .box-shadow {
    -moz-box-shadow: 1px 5px 5px #747474;
    -webkit-box-shadow: 1px 5px 5px #747474;
    box-shadow: 1px 5px 5px #747474;
}

.custom-calendar-wrap .custom-header.medium-font {
    font-size: 14px;
    line-height: 25px;
}

.custom-calendar-wrap .custom-header .element-partition {
    border-right: 1px solid #ececec;
    margin-right: 14px;
    padding-right: 14px;
}

.custom-calendar-wrap .custom-header h3 {
    line-height: 45px;
}

.custom-calendar-wrap .custom-header h3.line-height {
    line-height: 35px;
}

.custom-calendar-wrap .custom-header .left {
    float: left;
    margin: 0 28px 0 0 !important;
}

.custom-calendar-wrap .custom-header .left.small-right {
    margin: 0px 7px 0px 0px !important;
}

.custom-calendar-wrap .custom-header .left.small-right-bottom {
    margin: 0 7px 7px 0 !important;
}

.custom-calendar-wrap .custom-header .right {
    float: right;
}

.custom-calendar-wrap .custom-header.center,
.custom-calendar-wrap .custom-header .center {
    text-align: center;
}

.custom-calendar-wrap .custom-header .lightgray {
    color: #afafaf;
}

.custom-calendar-wrap .custom-header input {
    margin: 0 0 0 0;
}

.custom-calendar-wrap .custom-header .small,
.custom-calendar-wrap .custom-header.small {
    font-size: 12px;
}

.custom-calendar-wrap .custom-header.uppercase,
.custom-calendar-wrap .custom-header .uppercase {
    text-transform: uppercase;
}

.custom-calendar-wrap .custom-header.alert-yellow {
    background-color: #fdeda4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.alert-yellow.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.alert-yellow.link:hover {
    color: #fff;
    background-color: #96ca39;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.lightyellow {
    background-color: #fff7da;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.lightyellow.border {
    border: 1px solid #fde5b4;
}

.custom-calendar-wrap .custom-header.lightyellow .border-bottom {
    border-bottom: 1px solid #fde5b4;
}

.custom-calendar-wrap .custom-header.green {
    background-color: #e1f0c6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.green.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.green.link:hover {
    color: #fff;
    background-color: #96ca39;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.dark-green {
    background-color: #96ca39;
}

.custom-calendar-wrap .custom-header.dark-green.rounded-corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.dark-green.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.dark-green.link:hover {
    color: #fff;
    background-color: #3e5416;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.aqua-light {
    background-color: #e9fafb;
}

.custom-calendar-wrap .custom-header.pink {
    background-color: #fee8e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.pink.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.pink.link:hover {
    color: #fff;
    background-color: #fc8486;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.dark-pink {
    background-color: #fc8486;
    color: #fff;
}

.custom-calendar-wrap .custom-header.dark-pink.rounded-corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.dark-pink.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.dark-pink.link:hover {
    color: #fff;
    background-color: #e20509;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.blue {
    background-color: #dff2fc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.blue.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.blue.link:hover {
    color: #fff;
    background-color: #83cdf2;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.dark-blue {
    background-color: #83cdf2;
}

.custom-calendar-wrap .custom-header.dark-blue.rounded-corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.dark-blue.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.dark-blue.link:hover {
    color: #fff;
    background-color: #83cdf2;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.white {
    background-color: #fff;
    border: 1px solid #ececec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-calendar-wrap .custom-header.white .title {
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 10px 0px;
}

.custom-calendar-wrap .custom-header.white.no-border {
    border: 0px !important;
}

.custom-calendar-wrap .custom-header.white.link.cursor {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.white.link:hover {
    color: #747474;
    border: 1px solid #afafaf;
    background-color: #ececec;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.white.link:hover a,
.custom-calendar-wrap .custom-header.white.link:hover:hover {
    color: #747474;
}

.custom-calendar-wrap .custom-header.gray {
    background-color: #ececec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    color: #747474;
}

.custom-calendar-wrap .custom-header.gray.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.gray.link:hover {
    color: #fff;
    background-color: #747474;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.gray.inner-gutter,
.custom-calendar-wrap .custom-header.gray .inner-gutter {
    padding: 14px 14px 14px 14px !important;
}

.custom-calendar-wrap .custom-header.dark-gray {
    background-color: #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    color: #747474;
}

.custom-calendar-wrap .custom-header.dark-gray.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.dark-gray.link:hover {
    color: #fff;
    background-color: #747474;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.dark-gray.inner-gutter,
.custom-calendar-wrap .custom-header.dark-gray .inner-gutter {
    padding: 14px 14px 14px 14px !important;
}

.custom-calendar-wrap .custom-header.light-gray {
    background-color: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    color: #747474;
}

.custom-calendar-wrap .custom-header.light-gray.link {
    cursor: pointer;
}

.custom-calendar-wrap .custom-header.light-gray.link:hover {
    color: #fff;
    background-color: #747474;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.custom-calendar-wrap .custom-header.light-gray.inner-gutter,
.custom-calendar-wrap .custom-header.light-gray .inner-gutter {
    padding: 14px 14px 14px 14px !important;
}

.custom-calendar-wrap .custom-header.visible {
    overflow: visible !important;
}

.custom-calendar-wrap .custom-header .relative {
    position: relative;
}

.custom-calendar-wrap .custom-header.no-clear {
    clear: none;
}

.custom-calendar-wrap .custom-header.no-border {
    border: 0;
}

.custom-calendar-wrap .custom-header.border-bottom,
.custom-calendar-wrap .custom-header .border-bottom {
    border-bottom: 1px solid #ececec;
}

.custom-calendar-wrap .custom-header.border-top,
.custom-calendar-wrap .custom-header .border-top {
    border-top: 1px solid #ececec;
}

.custom-calendar-wrap .custom-header.border-bottom-dotted,
.custom-calendar-wrap .custom-header .border-bottom-dotted {
    border-bottom: 1px dotted #ececec;
}

.custom-calendar-wrap .custom-header.border-top-dotted,
.custom-calendar-wrap .custom-header .border-top-dotted {
    border-top: 1px dotted #ececec;
}

.custom-calendar-wrap .custom-header .tag-image {
    position: absolute;
    cursor: pointer;
    background-image: url("../images/icons/addtag.png");
    height: 61px;
    width: 61px;
    left: 0px;
    top: -6px;
}

.custom-calendar-wrap .custom-header .tag-image.addtag {
    background-position: left top;
}

.custom-calendar-wrap .custom-header .tag-image.addtag:hover {
    background-position: 0 -64px;
}

.custom-calendar-wrap .custom-header .tag-image.addedtag {
    background-position: 0 -129px;
}

.custom-calendar-wrap .custom-header .tag-image.addedtag:hover {
    background-position: 0 -193px;
}

.custom-calendar-wrap .custom-header .tag-image.removetag {
    background-position: 0 -193px;
}

.custom-calendar-wrap .custom-header .tag-image.addtag-suggested {
    background-position: 0 -255px;
}

.custom-calendar-wrap .custom-header .tag-image.addtag-suggested:hover {
    background-position: 0 -318px;
}

.custom-calendar-wrap .custom-header .tag-image.addedtag-suggested {
    background-position: 0 -381px;
}

.custom-calendar-wrap .custom-header .tag-image.addedtag-suggested:hover {
    background-position: 0 -444px;
}

.custom-calendar-wrap .custom-header nav span {
    position: absolute;
    top: 7px;
    width: 30px;
    height: 30px;
    color: transparent;
    cursor: pointer;
    margin: 0 1px;
    font-size: 155%;
    line-height: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-calendar-wrap .custom-header nav span:first-child {
    left: 5px;
}

.custom-calendar-wrap .custom-header nav span:last-child {
    right: 5px;
}

.custom-calendar-wrap .custom-header nav span:before {
    color: #747474;
    position: absolute;
    text-align: center;
    width: 100%;
}

.custom-calendar-wrap .custom-header nav span.custom-prev:before {
    content: '\25c2';
}

.custom-calendar-wrap .custom-header nav span.custom-next:before {
    content: '\25b8';
}

.custom-calendar-wrap .custom-header nav span:hover:before {
    color: #282828;
}

.custom-content-reveal {
    background: #f6f6f6;
    background: rgba(246, 246, 246, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0px;
    text-align: center;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.custom-content-reveal span.custom-content-close {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #83cdf2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 16px;
    padding: 0;
}

.custom-content-reveal span.custom-content-close:after {
    content: 'x';
    font-size: 18px;
    color: #fff;
}

.custom-content-reveal a,
.custom-content-reveal span {
    color: #fc8486;
    display: block;
}

.custom-content-reveal h4 {
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #777;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #afafaf;
    border-top: 5px solid #747474;
    box-shadow: 0 1px rgba(255, 255, 255, 0.9);
    margin-bottom: 30px;
}

.custom-content-reveal span {
    color: #888;
}

.custom-content-reveal a {
    font-weight: 700;
}

.custom-content-reveal a:hover {
    color: #333;
}

.fc-calendar-container {
    height: 400px;
    width: 500px !important;
}

.fc-calendar .fc-head {
    background-color: #fff !important;
    font-size: 16px;
    color: #333 !important;
    line-height: 45px !important;
    height: 45px !important;
    font-weight: 700;
}

.fc-calendar .fc-row>div {
    background: #fff;
    cursor: pointer;
}

.fc-calendar .fc-row>div:empty {
    background: transparent;
}

.fc-calendar .fc-row>div>span.fc-date {
    font-size: 16px !important;
    top: 45%;
    left: 41%;
    text-align: center;
    margin: -10px 0 0 -15px;
    color: #333 !important;
    font-weight: 500 !important;
    pointer-events: none;
}

.fc-calendar .fc-row>div.fc-today {
    background: #ef4f69;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
}

.fc-calendar .fc-row>div.fc-today>span.fc-date {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.fc-calendar .fc-row>div.fc-content {
    background-color: #83cdf2;
}

.fc-calendar .fc-row>div.fc-content>span.fc-date {
    color: #fff !important;
    font-weight: 700;
}

.fc-calendar .fc-row>div>div a,
.fc-calendar .fc-row>div>div span {
    display: none;
    font-size: 22px;
}

@media screen and (max-width: 400px) {
    .fc-calendar-container {
        height: 300px;
    }
    .fc-calendar .fc-row>div>span.fc-date {
        font-size: 15px;
    }
}

.parent {
    text-align: center;
}

.parent .circle-link {
    background-color: #fff;
    display: block;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto 10px auto;
}

.parent .circle-link.green {
    border: 1px solid #83cdf2;
}

.parent .circle-link.size3,
.parent .circle-link .size3 {
    width: 80px;
    height: 80px;
}

.parent .circle-link span {
    background-image: url(../images/univariety-tools-icons.png);
    background-repeat: no-repeat;
    display: block;
}

.parent .circle-link.discovery span {
    background-position: 5px 5px;
}

.parent .circle-link.clarity span {
    background-position: -69px -1px;
}

.parent .circle-link.college span {
    background-position: -140px -4px;
}

.parent .circle-link.test span {
    background-position: -213px 2px;
}

.parent .circle-link.scholarships span {
    background-position: -286px -2px;
}

.parent .circle-link.premium span {
    background-position: -356px -1px;
}

.parent a {
    color: #83cdf2;
    font-size: 16px;
    font-weight: bold;
}

.grid_2.pull.namealign>a {
    margin-top: 8px;
    text-align: left;
    color: #5cae48;
}

.parent .circle-link-gray {
    background-color: #fff;
    display: block;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto 10px auto;
}

.parent .circle-link-gray.size3,
.parent .circle-link-gray .size3 {
    width: 80px;
    height: 80px;
}

.parent .circle-link-gray span {
    background-image: url(../images/about-icons.png);
    background-repeat: no-repeat;
    display: block;
}

.parent .circle-link-gray.students span {
    background-position: -27px -40px;
}

.parent .circle-link-gray.schools span {
    background-position: -360px -40px;
}

.parent .circle-link-gray.universities span {
    background-position: -745px -40px;
}

.parent .circle-link-gray.experts span {
    background-position: -1123px -40px;
}

.parent:hover .circle-link,
.parent:hover .circle-link-gray,
.parent.on .circle-link,
.parent.on .circle-link-gray {
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    cursor: pointer;
    background-color: #158cc7;
}

.parent:hover .circle-link.green,
.parent:hover .circle-link-gray.green,
.parent.on .circle-link.green,
.parent.on .circle-link-gray.green {
    border-color: #158cc7;
}

.parent:hover .circle-link.discovery span,
.parent:hover .circle-link-gray.discovery span,
.parent.on .circle-link.discovery span,
.parent.on .circle-link-gray.discovery span {
    background-position: 5px -139px;
}

.parent:hover .circle-link.clarity span,
.parent:hover .circle-link-gray.clarity span,
.parent.on .circle-link.clarity span,
.parent.on .circle-link-gray.clarity span {
    background-position: -69px -145px;
}

.parent:hover .circle-link.college span,
.parent:hover .circle-link-gray.college span,
.parent.on .circle-link.college span,
.parent.on .circle-link-gray.college span {
    background-position: -140px -147px;
}

.parent:hover .circle-link.test span,
.parent:hover .circle-link-gray.test span,
.parent.on .circle-link.test span,
.parent.on .circle-link-gray.test span {
    background-position: -213px -144px;
}

.parent:hover .circle-link.scholarships span,
.parent:hover .circle-link-gray.scholarships span,
.parent.on .circle-link.scholarships span,
.parent.on .circle-link-gray.scholarships span {
    background-position: -286px -144px;
}

.parent:hover .circle-link.premium span,
.parent:hover .circle-link-gray.premium span,
.parent.on .circle-link.premium span,
.parent.on .circle-link-gray.premium span {
    background-position: -356px -145px;
}

.parent:hover .circle-link.students span,
.parent:hover .circle-link-gray.students span,
.parent.on .circle-link.students span,
.parent.on .circle-link-gray.students span {
    background-position: -27px -270px;
}

.parent:hover .circle-link.schools span,
.parent:hover .circle-link-gray.schools span,
.parent.on .circle-link.schools span,
.parent.on .circle-link-gray.schools span {
    background-position: -360px -270px;
}

.parent:hover .circle-link.universities span,
.parent:hover .circle-link-gray.universities span,
.parent.on .circle-link.universities span,
.parent.on .circle-link-gray.universities span {
    background-position: -745px -270px;
}

.parent:hover .circle-link.experts span,
.parent:hover .circle-link-gray.experts span,
.parent.on .circle-link.experts span,
.parent.on .circle-link-gray.experts span {
    background-position: -1123px -270px;
}

.parent:hover.selected,
.parent.on.selected {
    background-image: url(/app/themes/new_grid_theme/views/layouts/images/up_arrow_about.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    bottom: -1px;
    position: relative;
}

.parent:hover a,
.parent.on a {
    color: #158cc7;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.parent:hover .color-gray,
.parent.on .color-gray {
    color: #747474;
}

.parent.missedContent .popup {
    background-position: 10% 100%;
    bottom: 100%;
}

.parent.missedContent .popup a {
    font-weight: normal;
    text-align: left;
    display: block;
    font-size: 14px;
    padding: 5px 0 5px 0 !important;
    border-bottom: 1px solid #afafaf;
}

.parent.missedContent .popup a:last-child {
    border-bottom: 0px solid;
}

.parent.missedContent .popup a:hover {
    color: #282828;
}

.rollover {
    cursor: pointer;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.rollover span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0.9;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    color: #fff;
    z-index: 1;
}

.rollover:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.rollover:hover a {
    opacity: 1;
}

.rollover:hover a:hover {
    color: #fff;
}

.rollover:hover span {
    color: #282828;
}

.border-right {
    border-right: 1px solid #ececec !important;
}

#section3 .cols.row .split-two {
    margin: 0 1% 0 0 !important;
}

.widthfix .split-three {
    width: 31% !important;
}

.worries-bg {
    display: inline-block;
    width: 100%;
    height: 400px;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/no-warries.jpg);
}

.worries-bg .mesh-overlay {
    height: 100%;
}

.review-count-bg {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/home_footer_image-light.jpg);
}

.review-count-bg .mesh-overlay {
    height: 100%;
}

.universites-count-bg {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/universites_footer_bnr2.jpg);
}

.universites-count-bg .mesh-overlay {
    height: 100%;
}

.school-footer-bg {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/schools_footer_bnr.jpg);
}

.school-footer-bg .mesh-overlay {
    height: 100%;
}

.gray-pattern-bg {
    background: #ececec url(../images/pattern-box-bg.jpg);
    background-repeat: repeat;
    background-position: 0 0;
}

.fix-height {
    height: 450px;
}

.min-height {
    min-height: 450px;
}

.min-height2 {
    min-height: 270px;
}

.signup-container {
    position: absolute;
    left: 62%;
    top: 3%;
    z-index: 101;
    background-color: rgba(255, 255, 255, 0.95) !important;
}

.signup-container .small {
    line-height: 18px;
}

.error {
    border: 0px !important;
}

.error input {
    border: 1px solid #fc8486 !important;
}

footer.new-footer-height {
    height: auto;
}

.cbp-af-header.revamp nav ul li {
    padding: 7px 0px 7px 0px !important;
}

.cbp-af-header.revamp nav ul li .sub-nav {
    background-color: #fff;
    border-color: #5cae48;
    border-style: solid;
    border-width: 1px 0 0px;
    font-size: 14px;
    top: 58px;
    left: 0px;
}

.cbp-af-header.revamp nav ul li .sub-nav h4 {
    text-transform: none;
    padding: 7px 14px 7px 14px !important;
    text-align: left;
}

.cbp-af-header.revamp nav ul li .sub-nav li {
    border-bottom: 0px !important;
    padding: 7px 14px 7px 14px !important;
    width: auto;
    display: block;
}

.cbp-af-header.revamp nav ul li .sub-nav li:hover {
    background-color: #ececec;
}

.cbp-af-header.revamp nav ul li .sub-nav>ul>li {
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec !important;
}

.cbp-af-header.revamp nav ul li .sub-nav>ul>li:hover .hidden {
    display: block;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb {
    background-color: #fbfbfb;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 5px 5px #dfdfdf;
    -webkit-box-shadow: 0px 5px 5px #dfdfdf;
    box-shadow: 0px 5px 5px #dfdfdf;
    overflow: visible;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb ul li {
    padding: 0px 0px 0px 0px !important;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb ul li a {
    padding: 7px 14px 7px 14px !important;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li {
    position: relative;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li>a {
    background-color: #fff;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li:hover,
.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li.on {
    border-right: 0px !important;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li:hover:before,
.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li.on:before {
    content: url("../images/bg-popup2.png");
    top: 7px;
    right: 10px;
    position: absolute;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li:hover a,
.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li.on a {
    background-color: #fbfbfb;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb>ul>li.no-arrow:before {
    content: '';
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb .level2-nav {
    position: absolute;
    left: 238px;
    top: -1px;
    border-color: #83cdf2;
    border-style: solid;
    border-width: 1px 0 0px;
    -moz-box-shadow: 3px 5px 5px #dfdfdf;
    -webkit-box-shadow: 3px 5px 5px #dfdfdf;
    box-shadow: 3px 5px 5px #dfdfdf;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb .level2-nav a {
    padding: 3px 14px 3px 14px !important;
    font-size: 12px;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb .level2-nav a:hover {
    color: #83cdf2;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb .level2-nav .title {
    padding: 14px 14px 3px 14px !important;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb .level2-nav .title-full {
    padding: 5px 7px 5px 7px !important;
    background-color: #ececec;
    font-weight: bold;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb .level2-nav .grid_3 {
    width: 247px;
}

.cbp-af-header.revamp nav ul li .sub-nav.new-gnb .level2-nav li:hover {
    background-color: #fbfbfb;
}

.cbp-af-header.revamp nav ul li .sub-nav.right {
    left: auto;
    right: 0;
}

.cbp-af-header.revamp nav ul li .show {
    visibility: hidden;
    opacity: 0;
}

.cbp-af-header.revamp nav ul li:hover>.show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.cbp-af-header.revamp nav>ul>li {
    padding: 20px 30px 0 !important;
    position: static;
    width: auto;
    margin: 0;
}

.cbp-af-header.revamp nav>ul>li>a {
    padding: 0px !important;
    height: 38px;
    cursor: default;
    color: #0d3453;
}

.cbp-af-header.revamp nav>ul>li>a.on {
    border-bottom: 5px solid #5CAE48 !important;
    color: #5CAE48;
}

.cbp-af-header.revamp nav>ul>li:hover>a {
    border-bottom: 5px solid #5CAE48 !important;
    color: #4a9737;
}

.cbp-af-header.revamp nav>ul>li:hover>.hidden {
    display: block;
}

.cbp-af-header.revamp nav>ul>li.relative {
    position: relative;
}

.cbp-af-header.revamp .cbp-af-inner {
	max-width: 994px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cbp-af-header.revamp div.cbp-af-inner{padding: 25px 0;}
.cbp-af-header.revamp.review {
    border-top: 0px !important;
    margin-top: 0px;
    position: fixed;
    top: 0;
    display: none;
    opacity: 0;
    height: auto;
}

.cbp-af-header.revamp.review.fix-nav {
    display: block;
    transition: all 3s linear 2s;
    opacity: 1;
}

.cbp-af-header.revamp.review .cbp-af-inner {
    border-bottom: 0px;
}

.cbp-af-header.revamp.review nav>ul>li {
    padding: 17px 30px 0 !important;
}

.cbp-af-header.revamp.review nav>ul>li>a {
    height: 46px;
    font-size: 16px;
    color: #83cdf2;
}

.cbp-af-header.revamp.review nav>ul>li .sub-nav {
    top: 63px;
}

.cbp-af-header.revamp.review .button-green {
    margin: 10px 0 !important;
}

.cols .split-four {
    width: 24%;
    display: inline-block;
}

.cols .split-four.pad45 {
    padding: 0 42px 0 42px !important;
}

.cols .split-four.last-child {
    border: 0;
    width: 26%;
}

.cols .split-four.margin-top-bottom {
    margin: 45px 0 70px 0;
}

.cols .split-four .uppercase {
    text-transform: uppercase;
}

.cols .split-four .gutter {
    margin: 0 0 30px 0;
}

.cols.row .split-two {
    width: 49%;
    display: inline-block;
    float: left;
    margin: 0 2% 0 0;
}

.cols.row .split-two:nth-child(2n+2) {
    margin: 0 0 0 0 !important;
}

.cols.row .split-three {
    width: 34%;
}

.cols.row .split-three:nth-child(3n+3) {
    margin: 0 0 0 0 !important;
}

.cols.row .split-four {
    width: 25%;
    float: left;
}

.cols.row .split-four.hover .absolute-title {
    position: absolute;
    left: 5px;
    bottom: 7px;
    padding: 7px 14px 7px 14px !important;
    background: rgba(52, 52, 52, 0.6);
    color: #fff;
    text-shadow: 0px 1px 1px #000;
    padding: 0 10px;
    width: 96%;
}

.cols.row .split-four.hover:hover .absolute-title {
    background: #343434;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
}

.cols.row .split-four.hover:hover .absolute-title.height160 {
    height: 161px;
    padding-top: 65px !important;
}

.cols .split-three {
    width: 31%;
    display: inline-block;
}

.cols .split-three.pad8 {
    padding: 8px 8px 5px 8px !important;
}

.cols .split-three.uppercase {
    text-transform: uppercase;
    font-size: 12px;
}

.cols .split-three.gutter {
    margin: 0 29px 10px 0;
}

.cols .split-three:nth-child(3n+3) {
    border: 0;
    width: 31%;
    margin: 0 0 10px 0 !important;
}

.cols .split-three.border {
    border: 1px solid #a6a6a6;
}

.cols .split-three.black {
    color: #333;
}

.cols .split-three.relative {
    position: relative;
}

.cols .split-three.hover span {
    position: absolute;
    width: 287px;
    height: 176px;
    text-align: center;
    transition: .3s linear;
    color: uwhite;
    left: 8px;
    top: 8px;
    padding: 25% 20% 25% 20% !important;
    background: rgba(51, 51, 51, 0.6);
    opacity: 0;
}

.cols .split-three.hover span strong {
    font-size: 14px;
    background-color: #fff;
    color: #747474;
    padding: 10px 10px 10px 10px !important;
}

.cols .split-three.hover:hover {
    color: #747474;
    cursor: pointer;
}

.cols .split-three.hover:hover span {
    opacity: 1;
}

.cols .split-three.hover .image {
    width: 286px;
    height: 175px;
    overflow: hidden;
}

.cols .split-three.hover .image img {
    width: 286px;
    height: 176px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.cols .split-three.hover:hover .image img {
    width: 300px;
    height: 200px;
}

.cols .split-three .pad8 {
    padding: 8px 8px 8px 8px !important;
}

.cols .split-three .uppercase {
    text-transform: uppercase;
}

.cols .split-three .gutter {
    margin: 0 30px 30px 0;
}

.cols .split-three h4.gutter {
    margin: 15px 0 15px 0;
}

.cols .split-three .border {
    border: 1px solid #a6a6a6;
}

.cols .split-three .rounded-corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.cols .captionfont {
    font-style: italic;
    font-size: 115%;
    margin: 0 0 24px 0;
}

.cols .center {
    text-align: center;
}

.colls.slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px;
}

.colls.slider .split-four {
    width: 226px;
    height: 150px;
    text-align: center;
    float: left;
}

.colls.slider .split-four small {
    color: #747474;
}

.controlArrow {
    position: absolute;
    top: 45%;
    width: 29px;
    height: 29px;
    cursor: pointer;
    background-color: #83cdf2;
}

.controlArrow.prev {
    left: 0;
    background-image: url("../images/slider-left-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.controlArrow.next {
    right: 0;
    background-image: url("../images/slider-right-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.controlArrow:hover {
    background-color: #158cc7;
}

.globe-container {
    background-image: url("../images/world-map.png");
    background-position: 45% top;
    background-repeat: no-repeat;
    height: 300px;
    margin-top: 20px;
    position: relative;
}

.globe-container .pins {
    background-image: url("../images/college-icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    text-align: center;
}

.globe-container span {
    position: absolute;
    display: none;
}

.globe-container .process-arrow {
    background-image: url("../images/process-arrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    width: 294px;
    height: 75px;
}

.globe-container .process-arrow.green {
    background-image: url("../images/process-arrow-green.png");
}

#banner {
    background: #b7dde1;
    background: -moz-linear-gradient(top, #b7dde1 0%, #e7eded 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7dde1), color-stop(100%, #e7eded));
    background: -webkit-linear-gradient(top, #b7dde1 0%, #e7eded 100%);
    background: -o-linear-gradient(top, #b7dde1 0%, #e7eded 100%);
    background: -ms-linear-gradient(top, #b7dde1 0%, #e7eded 100%);
    background: linear-gradient(to bottom, #b7dde1 0%, #e7eded 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#b7dde1, endColorstr=#e7eded, GradientType=0);
}

#banner .ground {
    background-image: url("../images/greenary.png");
    background-position: 0 130%;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#banner .ground .clouds {
    background-image: url("../images/clouds.png");
    background-position: 10% 56%;
    background-repeat: no-repeat;
}

#banner .ground .shadow {
    background-image: url("../images/banner-top-shadow.png");
    background-position: top center;
    background-repeat: no-repeat;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

#banner .ground .shadow .slide-image {
    width: 400px;
    height: 400px;
    position: absolute;
    bottom: 10%;
}

#banner .ground .shadow .slide-caption {
    width: 480px;
    position: absolute;
    top: 20%;
    right: 2%;
    color: #333;
}

#banner .grass {
    background-image: url("../images/greenary-grass.png");
    background-position: 0 -41px;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    height: 131px;
    position: absolute;
    left: 0;
    bottom: -180px;
}

.scroll-down {
    background-image: url("../images/Scroll.png");
    background-pos-tion: bottom center;
    background-repeat: no-repeat;
    height: 53px;
    width: 53px;
    position: absolute;
    bottom: 5%;
    right: 1%;
}

.footer-design {
    background-image: url("../images/clouds.png"), url("../images/home-footer-bg.png");
    background-position: 144% 0;
    background-repeat: repeat-x;
    height: 317px;
    color: #fff !important;
}

.footer-design .swinging {
    background-image: url("../images/swininging.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
    height: 219px;
}

footer {
    height: 270px;
}

footer.gutter {
    padding: 50px 0 50px !important;
}

footer>.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer div.pull {
    width: auto;
}

footer div.pull article {
    display: flex;
    flex-direction: column;
}
footer div.pull article li {
	list-style: none;
}
footer>.row:before,
footer>.row:after {
    display: none;
}

footer .split-four {
    border: 0 !important;
}

footer div {
    float: left;
    width: 100%;
}

footer div a {
    color: #fff !important;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}

footer div a:hover {
    color: #5cae48 !important;
}

.center.copyright p {
    margin: 0;
}

.center.copyright p .gutter20 {
    padding: 0 10px !important;
    line-height: 42px;
}

.center.copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerSocialLinks {
    display: flex;
    align-items: center;
}

.footerSocialLinks a {
    display: flex;
    margin-top: 0;
    align-items: center;
}

.footerSocialLinks a:not(:last-child) {
    margin-right: 7px;
}

footer h4 {
    margin: 0 0 20px 0;
}

.footer-links {
    color: #fff !important;
    background-color: #0D3453 !important;
}

.copyright {
    height: 50px;
    font-size: 14px;
}

.copyright a {
    color: #747474;
}

.slide-container {
	background: #fff;
	position: absolute;
	display: none;
	right: 0;
	top: 50%;
	z-index: 9999;
	color: #747474;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 5px 5px #bfbfbf;
	-webkit-box-shadow: 0px 5px 5px #bfbfbf;
	box-shadow: 0px 5px 5px #bfbfbf;
	margin-top: 25px;
}

.slide-container div {
    padding: 20px 12px 20px 11px !important;
    margin: 0 8px 0 8px;
    border-bottom: 1px dashed #afafaf;
}

.slide-container div.uppercase {
    position: relative;
    text-transform: uppercase;
}

.slide-container div.uppercase .close {
    position: absolute;
    background-image: url("../images/controls2.png");
    background-position: 100% 0%;
    left: 93%;
    top: 40%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.slide-container div:last-child {
    border-bottom: 0;
}

.slide-container div .no-gutter {
    padding: 0px 0px 0px 0px !important;
    border-bottom: 0px dashed #afafaf;
    margin: 0 0px 14px 0px;
}

.slide-container div .no-gutter input,
.slide-container div .no-gutter select {
    margin: 0 0px 0px 0px;
}

.slide-container div .no-gutter .popup,
.slide-container div .no-gutter .holder {
    margin: 0 0px 0px 0px;
}

.slide-container div .no-gutter .popup.errorMessage,
.slide-container div .no-gutter .holder.errorMessage {
    left: auto;
    background-position: 85% 100%;
    right: 0;
}

.slide-container div .no-gutter.error {
    border: medium none !important;
}

.slide-container div .no-gutter.error input,
.slide-container div .no-gutter.error select {
    border: 1px solid #fc8486 !important;
}

.slide-container div input {
    width: 100%;
    margin: 0 0 20px 0;
}

.slide-container div input:last-child {
    margin: 0;
}

.slide-container div select {
    width: 100%;
    margin: 0 0 20px 0;
}

.slide-container div button:last-child {
    margin: 0;
}

.slide-container div p {
    margin: 0 0 20px 0;
}

.slide-container div.center {
    text-align: center;
}

.slide-container.login {
    width: 262px;
}

.slide-container.signup {
    width: 500px;
}

.slide-container.setting-options .uppercase {
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
}

.slide-container.setting-options .uppercase .close {
    top: auto;
}

.screen-navigation {
    position: fixed;
    width: 50px;
    top: 35%;
    right: 0;
}

.screen-navigation li {
    height: 30px;
}

.screen-navigation li a {
    display: block;
    position: relative;
    width: 12px;
    height: 12px;
    background: #747474;
    opacity: 0.2;
    filter: alpha(opacity=20);
    border: 1px solid #333;
    margin: 5px auto 5px auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.screen-navigation li :hover {
    width: 20px;
    height: 20px;
    background: #333;
    opacity: 0.9;
}

.screen-navigation li .active,
.screen-navigation li .active:hover {
    width: 12px;
    height: 12px;
    background: #333;
    opacity: 0.6;
    cursor: default;
}

.numbers {
    background: none repeat scroll 0 0 #efefef;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.numbers li {
    text-align: center;
}

.tumb_ht {
    height: 139px;
}

.webnr-tumbsize {
    width: 250px;
    height: 160px;
    border: 0;
}

.mesh-overlay {
    background-image: url("../images/mesh-overlay.png");
    background-repeat: repeat;
    -moz-box-shadow: inset 0 4px 4px -4px #333, inset 0 -4px 4px -4px #333;
    -webkit-box-shadow: inset 0 4px 4px -4px #333, inset 0 -4px 4px -4px #333;
    box-shadow: inset 0 4px 4px -4px #333, inset 0 -4px 4px -4px #333;
}

.color-overlay {
    background-image: url("../images/color-overlay.png");
    background-repeat: repeat;
}

.color-footer-overlay {
    background-image: url("../images/color-footer-overlay.png");
    background-repeat: repeat;
}

.fixed-banner {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.margin-fixed {
    margin-top: 570px;
}

.down-arrow {
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 100px;
}

.down-arrow.white-arrow {
    background-image: url("../images/white-down-arrow.png");
}

.down-arrow.gray-arrow {
    background-image: url("../images/gray-down-arrow.png");
}

@media only screen and (max-width: 854px) {
    .responsive-global-alert {
        text-align: center;
    }
    .responsive-global-alert .grid_12,
    .responsive-global-alert .grid_9 {
        width: 100%;
    }
    .responsive-global-alert .grid_9 {
        margin: 0 0 14px 0 !important;
        font-size: 14px;
        padding: 0 !important;
    }
    .responsive-global-alert .right {
        float: none;
    }
}

::selection {
    background: #fc8486;
    color: #fff;
}

::-moz-selection {
    background: #fc8486;
    color: #fff;
}

::-webkit-selection {
    background: #fc8486;
    color: #fff;
}

*,
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    background: #fff;
    font-weight: 500;
    overflow-x: hidden;
}

a {
    color: #5cae48;
    text-decoration: none;
}

a:hover {
    color: #3d822c;
}

.container>header aside {
    float: right;
    line-height: 90px;
}

section.white-bg div.border {
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #f5f5f5;
    border-bottom-color: #f5f5f5;
}

.container {
    position: relative;
    margin-top: 6.2em;
}

.container>header,
.main section>div {
    width: 100%;
    max-width: 994px;
    margin: 0 auto;
}

.container>header h1 {
    font-size: 2.125em;
    line-height: 1.3;
    margin: 0 0 0.6em 0;
    float: left;
    font-weight: 400;
}

.container>header>span {
    display: block;
    position: relative;
    z-index: 9999;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    padding: 0 0 0.6em 0.1em;
}

.container>header>span span:after {
    width: 30px;
    height: 30px;
    left: -12px;
    font-size: 50%;
    top: -8px;
    font-size: 75%;
    position: relative;
}

.container>header>span span:hover:before {
    content: attr(data-content);
    text-transform: none;
    text-indent: 0;
    letter-spacing: 0;
    font-weight: 300;
    font-size: 110%;
    padding: 0.8em 1em;
    line-height: 1.2;
    text-align: left;
    left: auto;
    margin-left: 4px;
    position: absolute;
    color: #fff;
    background: #47a3da;
}

.bp-icon:after {
    font-family: 'bpicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    color: #47a3da;
    -webkit-font-smoothing: antialiased;
}

.container>header nav .bp-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 2;
    text-indent: 0;
}

.container>header nav a:hover:after {
    color: #fff;
}

.main>section:nth-child(even) {
    background-color: #fff;
    color: #000;
}

.main section:first-child>div {
    padding-top: 0em;
}
.main section.cbp-af-header > .cbp-af-inner:not(nav) {
	padding: 25px 0;
}
@media screen and (max-width: 55em) {
    .container>header h1,
    .container>header nav {
        float: none;
    }
    .container>header>span,
    .container>header h1 {
        text-align: center;
    }
    .container>header nav {
        margin: 0 auto;
    }
    .container>header>span {
        text-indent: 30px;
    }
    .main section p {
        padding: 2em 5%;
        font-size: 1.4em;
    }
}

.sideimage_Er {
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 240px;
    width: 36px !important;
    height: 34px !important;
    z-index: 1000;
    background-image: url('/app/themes/new_grid_theme/views/layouts/images/popup_way-er.png');
}

.sideimage_Er:hover {
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 240px;
    width: 95px !important;
    height: 34px !important;
    z-index: 1000;
    background-image: url('/app/themes/new_grid_theme/views/layouts/images/popup_out.png');
}

.sideimage_Er_Hover {
    position: fixed;
    right: 0;
    top: 240px;
    width: 95px !important;
    height: 34px !important;
    z-index: 1000;
    background-image: url('/app/themes/new_grid_theme/views/layouts/images/popup_out.png');
}

.even {
    background: #f7f7f7;
}

.table-responsive table a {
    color: #5cae48;
}

.table-responsive table thead {
    background: #f9f9f9;
}

.table-responsive thead tr td {
    padding: 0 10px 14px;
}

.table-responsive thead tr th {
    padding: 14px 10px 4px;
    font-weight: 600;
    color: #000;
}

.table-responsive thead tr th .sort-link {color: #000;}
.table-responsive table tr td:first-child {}
.table-responsive table tr td:first-child span {display: flex;	align-items: center;}
.table-responsive table tr td:first-child span input.milestonecheckBoxClass {
	
}
#StudentJourneyActivities_journey_name {
	width: 245px;
}
.table-responsive table tr td:first-child span a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden !important;
	max-width: 100px !important;
	width: 100% !important;
	margin-left: 24px;
	text-transform: capitalize;
}
.table-responsive table tr td:first-child span input.milestonecheckBoxClass + a {
	margin-left: 0 !important;
}

.table-responsive table tbody tr:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.table-responsive table.table-bordered thead tr {
    background-color: transparent;
}

.table-responsive table tr td {
    color: #000;
}

#yw0_ctitle {
    padding-left: 30px;
}

.table-responsive table td,
.table-responsive table th {
   /* white-space: nowrap;*/
}
.mh-255 {
    min-height: 255px;
}
.mh-300 {
    min-height: 300px;
}

.mh-340 {
    min-height: 340px;
}

.mh-400 {
    min-height: 400px;
}

.mh-420 {
    min-height: 420px;
}

.mh-450 {
    min-height: 450px;
}

.mh-500 {
    min-height: 500px;
}

.mh-520 {
    min-height: 520px;
}

.mh-550 {
    min-height: 550px;
}

.mh-600 {
    min-height: 600px;
}
.cbp-af-header aside .search-box {
	width: 100%;
	display: flex;
	align-items: center;
}


.cbp-af-header aside .search-box #search_values {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
.cbp-af-header aside > .right {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}
.cbp-af-header.revamp nav > ul > li:first-child {
  padding-left: 0 !important;
}
.cbp-af-header.revamp nav > ul > li:last-child {
  padding-right: 0 !important;
}
.cbp-af-header.revamp nav > ul > li:last-child .sub-nav {
	left: auto;
	right: 0;
}
.row.multi_line.gutter_vertical.relative.nopadding {
	padding: 0 !important;
}
.alumniReport span.city, .alumniReport span.uni_name, .alumniReport span.department_name {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 10px;
}

.d-flex {
  display: flex;
}
.table-responsive table tr td:first-child span.alumni_name {
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.table-responsive table tr td:first-child span.alumni_name a {
    margin: 0;
    width: 100% !important;
    max-width: 170px !important;
}
#sigin {
	height: 40px;
	line-height: 35px;
	padding: 0 20px;
	margin: 0 0 0 20px;
}
.spacer25 img[src*="attachment_umail.png"] {
	margin: 3px 0 0 10px;
}
.slide-container.option_setting.setting-options a {
	font-weight: 600;
}
.profile-title.fixed-block[style="margin:30px 10px 0 0;"] {
	margin: 0 0px 0 !important;
}