/*

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,100,700);

*/

body {
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
   
    font-size: 1rem;
}

a {
    outline: none;
    border: none;
    text-decoration: none;
    
}

img {
    vertical-align: middle;
}

textarea:focus, input:focus {
    outline: 0;
}

*:focus {
    outline: 0;
}

/** HELPERS **/

.d-block {
    display: block;
}

.d-inline {
    display: inline-block;
}

.d-none {
    display: none;
}

.m-none {
    margin: 0 !important;
}

.m1 {
    margin: 1rem;
}

.m2 {
    margin: 2rem;
}

.m3 {
    margin: 3rem;
}

.m4 {
    margin: 4rem;
}

.p0-5 {
    padding: 0.5rem !important;
}

.p1 {
    padding: 1rem;
}

.p2 {
    padding: 2rem;
}

.p-0 {
    padding: 0;
}

.p-10 {
    padding: 10px;
}

.p-15px {
    padding: 10px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-5 {
    margin-left: 5px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mt--10 {
    margin-top: -10px !important;
}

.mt--5 {
    margin-top: -5px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-50 {
    margin-top: 50px;
}

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

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.fl-right {
    float: right;
}

.fl-left {
    float: left;
}

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

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

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

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.pad-5-0 {
    padding: 5px 0;
}

.pad-10-0 {
    padding: 10px 0;
}

.pad-25 {
    padding: 25px;
}

.invisible {
    visibility: hidden;
}

.margin-sides-auto {
    margin-left: auto;
    margin-right: auto;
}

.width-100 {
    width: 100%;
}

.circle {
    border-radius: 50%;
}

.cursor {
    cursor: pointer;
}

.list-unstyled {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

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

.border-none {
    border: none !important;
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inline-help {
    color: #8a8a8a;
    font-size: 14px;
    margin: 5px 0 0 0;
}

.inline-help a {
    color: #2d99d3;
    font-weight: 500;
    text-decoration: none;
}

/***************************
****************************
		COLORS
****************************
***************************/
.white {
    color: #FFF;
}

.white-bg {
    background-color: #FFF;
}

.grey {
    color: #BCBCBC;
}

.dark-grey {
    color: #888;
}

.grey-bg {
    background-color: #BCBCBC;
}

.red {
    color: #FD8267;
}

.red-bg {
    background-color: #FD8267;
}

.orange {
    color: #E16C2F;
}

.orange-bg {
    background-color: #E16C2F;
}

.green {
    color: #ACCE45;
}

.green-bg {
    background-color: #ACCE45;
}

.blue {
    color: #5690CA;
}

.blue-bg {
    background-color: #5690CA;
}

.asphalt {
    color: #59697D;
}

.asphalt-bg {
    background-color: #59697D;
}

.input-bg-color {
    background-color: #F3F9F9
}

/** Alerts **/
.alert {
    display: inline-block;
    width: 100%;
    padding: 1rem;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alert.alert-success {
    border: 1px solid #6B902A;
    background-color: #92CA1E;
    color: #FFF;
    font-weight: bold;
}

.error-alert {
    display: inline-block;
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #FF5723;
    background-color: #FEF3F0;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FF5723;
    font-weight: bold;
}

/** Global Header **/
#global-header {
    position: relative;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #ebebeb;
    background: #FFF;
}

#header-logo {
    height: 35px;
    width: 0 auto;
    padding: 15px;
}

.logoimge {
    max-height: 72px;
}

.logoimgi {
    max-height: 72px;
    max-width: 200px;
}

/** Main navigation **/
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#main-navigation {
    display: inline-block;
    float: right;
}

#main-navigation ul {
    /*margin: 20px 15px 0 0;*/
    margin: 20px 0px 0 0;
    padding: 0px;
    list-style: none;
}

#main-navigation ul li a {
    display: block;
    color: #6e6f71;
    font-size: 12pt;
    font-weight: 400;
    text-decoration: none;
    padding: 5px 10px;
}

#main-navigation ul li:hover {
    background: #eee;
}

#main-navigation li ul {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
}

#main-navigation .pure-menu-children {
    right: 0;
    left: auto !important;
    width: auto !important;
}

/** Sub navigation **/
#sub-navigation {
    display: inline-block;
    position: relative;
    height: 38px;
    background-color: #555;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
}

ul.subnav {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.subnav li {
    display: block;
    float: left;
}

ul.subnav li a {
    display: block;
    text-decoration: none;
    padding: 7px 15px;
    color: #ddd;
    font-size: 12pt;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}

ul.subnav li:hover a {
    background-color: #333;
    color: #fff;
}

ul.subnav li.active a {
    background-color: #e16c2f;
    color: #FFF;
}

ul.subnav li a i {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
}

header {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 100;
    height: 109px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.container header {
    position: initial !important;
    left: initial;
    right: initial;
    top: initial;
    z-index: initial;
    height: initial;
    box-shadow: initial;
}

div.fc {
    padding-top: 109px;
}

@media screen and (max-width: 48em) {

    header {
        height: 71px;
    }

    div.fc {
        padding-top: 71px;
    }

    ul.subnav li a {
        padding: 7px 15px;
    }

    ul.subnav li a span {
        display: inline-block;
        font-size: 12pt;
    }

    ul.subnav li a i {
        display: inline-block;
        margin: 0 5px 0 0;
    }

    #sub-navigation {
        position: fixed !important;
        top: 0;
        bottom: 0;
        width: 200px;
        left: -200px;
        background: #555;
        height: auto;
        z-index: 100;
    }

    ul.subnav {
        width: 100%;
        padding-top: 20px;
    }

    ul.subnav li {
        display: block;
        float: none;
    }

    ul.subnav li a {
        display: block;
        text-align: left;
    }

    a.sidebar-pull {
        padding: 0 10px 0 20px;
        color: #888;
        font-size: 16pt;
    }

    #header-logo {
        height: 34px;
        padding: 15px 0px;
    }
}

@media screen and (min-width: 48.1em) {

    a.sidebar-pull {
        display: none;
    }

    ul.subnav li a {
        padding: 10px 15px;
    }

    ul.subnav li a i {
        font-size: 12pt;
    }

}

/** Login Header **/
.hero {
    text-align: center;
}

.hero-titles {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 1em;
    margin: 0.5em auto;
    max-width: 768px;
}

.hero-titles .logo {
    width: 80%;
    max-width: 419px;
    margin: 20px 0;
}

.hero-site {
    font-size: 400%;
    font-weight: 200;
    margin: 0;
    color: #1f8dd6;
}

.hero-tagline {
    font-size: 150%;
    font-weight: 200;
    line-height: 1.5;
    margin: 0 0 0.5em;
    color: #666;
}

@media screen and (min-width: 35.5em) {
    .hero {
        margin-bottom: 0.5em;
    }
}

@media screen and (min-width: 48em) {
    .hero-titles {
        padding: 0 2em;
    }

    .hero-titles .logo {
        width: 419px;
        height: auto;
    }

    .hero-site {
        font-size: 720%;
    }

    .hero-tagline {
        font-size: 220%;
    }
}

/** Footer **/

#footer {
    /*text-align: center;*/
    margin-top: 100px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #777;
}

#footer .tnc {
    padding-top: 45px;
}

.aac-logo-footer {
    height: 35px;
    width: auto;
    margin-bottom: 10px;
}

/** Content **/
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1em;
    padding-right: 1em;
    max-width: 1040px;
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    max-width: 1040px;
}

/** Buttons **/
.button {
    display: inline-block;
    letter-spacing: 0px;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    text-align: center;
    background: #eee;
    margin: 5px 0;
}

.button-default {
    border: 1px solid #E3E9EB;
    background-color: #FFF;
    color: #528FCC;
}

.button-success {
    background-color: #ACCE45;
    color: #FFF;
}

.button-warning {
    background-color: #dd4b16;
    color: #FFF;
}

.button-success:hover {
    background-color: #98BA2C;
}

.button-primary {
    background-color: #5690CA;
    color: #FFF;
}

.button-primary:hover {
    background-color: #3D74AA;
}

.button-success,
.button-danger {
    color: white;
}

.button-xsmall {
    padding: 5px 10px 4px;
    font-size: 70%;
}

.button-small {
    font-size: 85%;
}

.button-large {
    font-size: 110%;
}

.button-xlarge {
    font-size: 125%;
}

/** Form styling elements **/
.field {
    width: 100%;
    margin-bottom: 10px;
}

.field label {
    color: #888;
    text-transform: uppercase;
    font-size: 10pt;
    line-height: 150%;
}

/** Multi step form **/
#msform {
    position: relative;
    width: 100%;
    min-height: 400px;
}

#msform fieldset {
    width: 100%;
    /*stacking fieldsets above each other*/
    position: absolute;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/** List **/
ul.list {
    list-style: none;
    padding: 0px;
    margin: 20px 0 0 0;
}

ul.list li {
    margin: 10px 0;
}

.company-mode,
.workshop-mode {
    display: none;
}

/** Boxes **/
.box5 {
    background: #fafafa;
    border: 1px solid #ccc;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    font-size: 11pt;
    display: block;
}

/** Typography **/
h1 {
    font-weight: 300;
    font-size: 24pt;
    color: #555;
}

label.label {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
}

/** Inputs **/

textarea.desc-input {
    height: 150px;
}

/** Scales / Rating **/
input.scale-1-to-5 {
    display: none;
}

ul.number-scale-input {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
}

ul.number-scale-input li {
    display: inline;
    float: left;
    margin: 0px 15px 0px 0px;
    color: #999;
}

ul.number-scale-input li a i {
    color: rgba(0, 0, 0, 0.3);
}

ul.number-scale-input li a span {
    display: none;
}

ul.number-scale-input li a:hover .fa-circle-o,
ul.number-scale-input li a .fa-circle {
    display: none;
}

ul.number-scale-input li a:hover .fa-circle {
    display: inline;
}

/** Star Rating **/
.label-min {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.label-max {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.rating-1-to-5 {
    display: inline-block;
}

.rating-1-to-5 i {
    color: rgba(0, 0, 0, 0.3);
    font-size: 16px;
    margin-right: 0px;
}

.rating-1-to-5 i:last-child {
    margin-right: 0px;
}

.rating-1-to-5 i:hover:before {
    content: "\f111";
    cursor: pointer;
}

.rating-1-to-5 i.active:before {
    content: "\f111";
}

@media screen and (max-width: 35.5em) {
    .label-min {
        font-size: 13px;
    }

    .label-max {
        font-size: 13px;
    }

    .rating-1-to-5 i {
        font-size: 16px;
        margin-right: 0px;
    }

    .rating-1-to-5 i:last-child {
        margin-right: 0px;
    }
}

@media screen and (min-width: 64em) {
    .label-min {
        font-size: 13px;
    }

    .label-max {
        font-size: 13px;
    }

    .rating-1-to-5 i {
        margin-right: 0px;
    }

    .rating-1-to-5 i:last-child {
        margin-right: 0px;
    }
}

/*
@media screen and (max-width: 35.5em) {
	.button {
		font-size: 10px;
		padding: 8px 15px;
	}
}
*/

/** Input **/
input[type="text"],
input[type="password"],
input[type="number"],
textarea {
    display: block;
    margin: 0px;
    padding: 10px;
    width: 100%;
    transition: all 0.2s ease-in 0s;
    border-radius: 5px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    outline: medium none;
    -webkit-appearance: none;
}

textarea.input {
    resize: none;
    min-height: 150px;
}

input[type="text"].input {
    color: #444;
    font-size: 15px;
}

input[type="text"].datepicker {
    width: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
    background: #fff;
}

/** Item grid **/
.item {
    margin: 10px;
    border-radius: 4px;
    border: 1px solid #d9d9de;
    min-height: 304px;
    overflow: hidden;
    display: block;
}

.item.none {
    border: 1px dashed #BCBCBC;
}

@media screen and (max-width: 35.5em) {
    .item {
        margin: 10px 0;
    }
}

.item .image {
    display: block;
    max-height: 175px;
    overflow: hidden;
    margin: 0 0 15px;
    position: relative;
}

.item .image.slider-img {
    max-height: 300px;
    height: 300px;
    margin-bottom: 0;
}

.item .image img {
    max-width: 100%;
    height: auto;

}

.item .info {
    display: block;
    height: 130px;
}

.item .info.infosol {
    height: 200px;
    padding-top: 15px
}

.item .title-overlay, .item .title-overlay2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px 10px 15px !important;
    color: #fff !important;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 68%);
    margin: 0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    z-index: 10;
}

.pro-status {
    text-transform: uppercase;
    font-size: 7pt;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    padding: 5px;
}

.item .title-overlay .meta {
    margin: 0;
    color: #eee;
    padding: 0;
}

.item .header {
    display: block;
    margin: 0 15px;
    padding: 0px;
    font-size: 12pt;
    color: #333333;
    font-family: sans-serif;
    font-weight: 700;
}

.item .header i.unread {
    float: right;
    margin-left: 5px;
    font-size: 14px;
    line-height: 16pt;
    color: #E16C2F;
}

.item .summary {
    display: block;
    margin: 10px 15px 15px;
    padding: 0px;
    font-family: sans-serif;
    font-weight: 400;
    color: #828587;
    font-size: 10pt;
    line-height: 130%;
    text-overflow: initial;
    overflow: hidden;
    white-space: normal;
    position: relative;
    height: 37px;
}

.item .author {
    display: block;
    margin: 15px 15px;
    padding: 0px;
    font-size: 0.8rem;
    font-family: sans-serif;
    font-weight: 300;
    /*color: #AFB0B2;*/
    color: #777;
}

.item .author3 {
    display: block;
    margin: 40px 15px;
    padding: 0px;
    font-size: 0.8rem;
    font-family: sans-serif;
    font-weight: 300;
    /*color: #AFB0B2;*/
    color: #777;
}

.item .author4 {
    display: block;
    margin: 50px 15px 15px;
    padding: 0px;
    font-size: 0.8rem;
    font-family: sans-serif;
    font-weight: 300;
    /*color: #AFB0B2;*/
    color: #777;
}

.author2 {
    /*	display: block;
        margin: 15px 15px;
        padding: 0px;*/
    font-size: 0.8rem;
    font-family: sans-serif;
    font-weight: 300;
    /*color: #AFB0B2;*/
    color: #ececec;
}

.item-click {
    cursor: pointer;
}

.desc-card {
    height: 500px;
}

.need-card, .challenge-card, .project-card, assessment-card {
    height: 250px;
}

.full-need {
    margin: 0.95rem;
}

.full-need .image {
    display: block;
    height: auto;
    max-height: 400px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #d9d9de;
}

.full-need .image img {
    width: 100%;
}

/** Related needs **/
ul.related {
    margin: 0px;
    padding: 3px 10px;
    height: 100px;
    overflow-y: scroll;
    list-style: none;
    border-radius: 5px;
    border: 1px solid #ddd;

}

ul.related li {
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.related li input[type="checkbox"] {
    margin-right: 5px;
}

/** Similar solutions **/
ul#similar {
    margin: 0px;
    padding: 0px;
    max-height: 200px;
    list-style: none;
    overflow: hidden;
    overflow-y: scroll;
}

ul#similar li {
    display: block;
    vertical-align: middle;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #d9d9de;
    margin-bottom: 15px;
}

ul#similar li img {

    height: 50px;
    vertical-align: middle;
}

ul#similar li span {
    margin-left: 20px;
}

h4#similar-text {
    font-weight: 300;
}

ul.pagination {
    list-style: none;
    margin: 0;
    padding: 20px;
    text-align: center;
    font-size: 11pt;
    color: #555;
}

ul.pagination li {
    display: inline;
}

ul.pagination li a {
    cursor: pointer;
    background: #eee;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #eee;
}

ul.pagination li a:hover {
    border: 1px solid #ccc;
}

ul.pagination li a.current-page {
    background: #fff;
}

.card {
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    /*
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    */
}

.card p {
    margin-top: 0px;
}

.card.card-sidebar header {
    position: initial !important;
}

hr {
    border: none;
    border: 1px solid #eee;
    margin-bottom: 15px;
}

.comment-box {
    margin: 0;
}

.comment-box textarea {
    margin: 0;
    height: 120px !important;
}

.comment p {
    font-size: 10pt;
}

.comment {
    padding-top: 15px;
    padding-bottom: 10px;
    /*border-bottom: 1px solid #eee;*/
}

.comment .meta {
    font-size: 9pt;
}

.comments h1 {
    margin: 0 0 10px 0 !important;
}

.comments h3 {
    margin: 10px 0 0 0;
}

/*.comments iframe {
	display: none;
}*/

table.settings td {
    padding: 10px 0;
    vertical-align: top;
}

td.label {
    width: 35%;
}

td.input {
    width: 65%;
    padding-top: 0 !important;
}

.w100 {
    width: 100%;
}

.w90 {
    width: 90%;
}

.w80 {
    width: 80%;
}

/** Inbox items **/
.inbox-items .inbox-item {
    display: block;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #f3f4f8;

}

.inbox-item .content {
    padding-left: 80px;
    padding-right: 90px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.inbox-item .status {
    display: inline-block;
    padding: 4px 5px 3px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 9px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.inbox-item .status span {
    margin: 0;
    padding: 0;
}

.inbox-item .status.draft {
    border: 1px solid #5690CA;
    color: #5690CA;
}

.inbox-item .status.published {
    border: 1px solid #ACCE45;
    color: #ACCE45;
}

.inbox-item .info {
    font-weight: 300;
    font-size: 14px;
}

/***************************
****************************
			TABS
****************************
***************************/
.tab {
    display: none;
}

.tab.active {
    display: block;
}

/* Notice Bars */

.notice-success {
    border: 2px solid #08a13d;
    color: #08a13d;
    padding: 5px 10px;
    border-radius: 5px;
}

.notice-alert {

}

.notice-warning {
    border: 1px solid #a11f08;
    background: #d91818;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

/* Profile picture */

.profile-picture {
    border-radius: 20px;
    border: 1px solid #eee;
    cursor: pointer;
}

.profile-picture-unset {
    border-radius: 80px;
    height: 160px;
    width: 160px;
    margin: 0 auto;
    background: #eee;
    color: #888;
    cursor: pointer;
}

/* Attachment */
.attachment {
    display: block;
    margin-bottom: 10px;
}

.attachment img {
    height: 30px;
}

.attachment a {
    word-wrap: break-word;
}

.pure-menu-children {
    right: 0;
    left: auto !important;
    width: auto !important;
}

@media screen and (max-width: 35.5em) {
    .pure-table {
        font-size: 0.6rem;
    }

    .pure-table th {
        padding: .2em .2em;
    }
}

@media screen and (max-width: 48em) {
    .pure-table {
        font-size: 0 . rem;
    }

    .pure-table th {
        padding: .3em 0.8em;
    }
}

div.comment-delete {
    float: right;
}

div.comment:hover {

}

a.comment-delete {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    color: #888;
    font-size: 10pt;
}

a.comment-delete:hover {
    border: 1px solid #aaa;
}

.member {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 10pt;
}

.member .img {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    overflow: hidden;
}

input.error, select.error, textarea.error {
    border: 1px solid #e33 !important;
}

.redactor-box.error {
    border: 1px solid #e33 !important;
    border-radius: 5px;
}

input[type=file] {
    border-radius: 5px;
}

select {
    border: 1px solid #eee;
    padding: 5px !important;
    line-height: 150% !important;
}

p.stats {
    font-size: 9pt;
}

p.stats strong {
    font-size: 16pt !important;
    line-height: 150%;
}

table.teammember-table {
    width: 100%;
    border-collapse: collapse;
}

table.teammember-table td {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

table.teammember-table td img {
    width: 50px;
}

table.teammember-table tr:last-child td {
    border-bottom: none;
}

ul.team-list li {
    position: relative;
    display: block;
    min-height: 50px;
    padding: 10px 0;
    margin-bottom: 10px;
}

ul.team-list li img {
    display: inline-block;
    float: left;
    height: 50px;
    vertical-align: middle;
}

ul.team-list li span.info {
    display: inline-block;
    float: left;
    margin-left: 5px;
}

.card {
    line-height: 150%;
}

.meta {
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
}

.image-container {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    border: 1px solid #eee;
    overflow: hidden;
    text-align: center;
}

.image-container img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    height: 100%;
}

.author-profile-picture {
    width: 50px;
    height: 50px;
}

.author-profile-picture img {
    width: inherit;
    height: inherit;
}

.user-profile-picture {
    width: 20px;
    height: 20px;
}

.user-profile-picture img {
    width: inherit;
    height: inherit;
}

.large-profile .user-profile-picture {
    width: 50px;
    height: 50px;
}

.large-profile .user-profile-name {
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
}

.preview-card {
    border-radius: 5px;
    padding: 20px 10px;
    margin-top: 15px;
    font-size: 10pt;
    background: #fff7e3;
}

.preview-card button {
    margin-top: -10px;
}

.preview-card a {
    margin-top: -10px;
    margin-right: 10px;
}

.large-text {
    font-size: 20pt !important;
}

.thin {
    font-weight: 300 !important;
}

.regular {
    font-weight: normal !important;
}

.small-text {
    font-size: 10pt !important;
}

.block {
    display: block;
}

.clear {
    clear: both;
}

strong.stats {
    display: block;
    font-size: 24pt;
    margin-top: 15px;
    color: #000;
}

.stat-container {
    font-size: 9pt;
    color: #999;
}

.pure-table th, .pure-table td {
    font-size: 10pt !important;
    border: 1px solid #eee;
}

.pure-table {
    border: 1px solid #eee;
}

.pure-table thead {
    background: #f7f7f7 !important;
}

li.active {
    background: #ddd;
}

.thin {
    font-weight: 300;
}

.analytics-tab {
    padding: 15px 25px;
    border: 1px solid #eee;
}

div.stat-box {
    text-align: center;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
    line-height: 100%;
    font-size: 15pt;
    min-width: 90px;
    margin-bottom: 10px !important;
    box-sizing: border-box;
}

.float-none {
    float: none;
}

.min-w-auto {
    min-width: inherit !important;
}

div.stat-box-needs {
    border: 3px solid #eeb333;
}

div.stat-box-needs i {
    color: #eeb333;
}

div.stat-box-challenges {
    border: 3px solid #F5484F;
}

div.stat-box-challenges i {
    color: #F5484F;
}

div.stat-box-challenges {
    border: 3px solid #F5484F;
}

div.stat-box-challenges i {
    color: #F5484F;
}

div.stat-box-projects {
    border: 3px solid #9b3aae;
}

div.stat-box-projects i {
    color: #9b3aae;
}

div.stat-box-solutions {
    border: 3px solid #4DC0BD;
}

div.stat-box-solutions i {
    color: #4DC0BD;
}

div.stat-box-comments {
    border: 3px solid #5282BB;
}

div.stat-box-comments i {
    color: #5282BB;
}

div.stat-box-views {
    border: 3px solid #43b11b;
}

div.stat-box-views i {
    color: #43b11b;
}

div.stat-box-rated {
    border: 3px solid #df0ba7;
}

div.stat-box-rated i {
    color: #df0ba7;
}

div.stat-box i {
    font-size: 16pt;
    margin-right: 5px;
}

div.stat-box strong.stats {
    font-size: 14pt;
    display: inline;
}

div.stat-box span {
    display: block;
    color: #888;
    padding-top: 10px;
    font-size: 9pt;
}

div.overall-stats {
    margin-top: 25px;
}

input.stat-date {
    width: 95px !important;
    font-size: 9pt;
    box-sizing: border-box;
    padding: 6px 5px 5px 5px !important;
    margin: 0;
    display: inline-block !important;
}

.chart-filter {
    font-size: 9pt;
    background: linear-gradient(#f4f4f4 0%, #ffffff 100%);
    border: 1px solid #eee;
    padding: 2px 10px;
    margin: 10px 0 25px 0;
}

.chart-filter select {
    margin-right: 10px;
}

.toolbar {
    display: block;
    float: left;
    background-color: #F4F4F4;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.toolbar .tool {
    display: inline-block;
    margin-right: 10px;
}

.toolbar select {
    display: inline-block;
    background-color: #FFF;
    border-radius: 5px;
    width: 200px;
    border: none;
}

@media screen and (max-width: 35.5em) {

    .container .pure-menu-horizontal {
        overflow-x: scroll;
        background: linear-gradient(left, #e4e4e4 0%, #ffffff 3%, #ffffff 97%, #e4e4e4 100%);

    }

    .redactor-placeholder {
        font-size: 8pt;
    }

    ::-webkit-input-placeholder {
        font-size: 8pt;
    }

    :-moz-placeholder { /* Firefox 18- */
        font-size: 8pt;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        font-size: 8pt;
    }

    :-ms-input-placeholder {
        font-size: 8pt;
    }

    .toolbar {
        padding: 6px;
    }

    .toolbar .tool {
        display: block;
        width: 32%;
        margin-bottom: 0px;
        float: left;
        box-sizing: border-box;
        margin-right: 1px

    }

    .toolbar select {
        display: block;
        margin-top: 0px;
        width: 100%;
        font-size: 8pt;
    }

    .toolbar a.button {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.bb-1 {
    border-bottom: 1px solid #eee;
}

.pp-cp {
    cursor: pointer;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 7px 0;
    border-radius: 17px 17px 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
}

.posts-container, activities-container {
    border: 1px solid #eee;
    padding: 15px 20px;
}

#top {
    background: #f5f5f5;
    padding: 5px;
    text-align: center;
    font-size: 9pt;
}

.pp-container {
    position: relative;
    text-align: center;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.r-10 {
    right: 10px;
}

.lh-150 {
    line-height: 150%;
}

.notification-bubble {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 8pt;
    background: #d00;
    color: #fff;
    padding: 0px 5px;
    border-radius: 8px;
    font-weight: normal;
	z-index: 2;
}

.redactor-editor {
    background: #fafafa;
    border-radius: 0 0 5px 5px;
    transition: all 0.2s ease-in 0s;
}

.redactor-editor:focus {
    background: #fff;

}

.redactor-toolbar {
    background: #fafafa;
    border-radius: 5px 5px 0 0;
}

ul.notifications {
    max-height: 360px !important;
    overflow-y: scroll;
}

li.notification {
    width: 270px;
    padding: 10px;
    font-size: 10pt !important;
    white-space: normal !important;
    border-bottom: 1px solid #eee;
}

li.notification a {
    font-size: 10pt !important;
}

li.notification-seen {
    background: #fff;
}

li.notification-unseen {
    background: #ecf8ff;
}

li.notification-unseen a {
    color: #000 !important;
    font-weight: bold !important;
}

li.notification-no-click {
    background: #ecf8ff;
}

li.notification-no-click a {
    color: #000 !important;
    font-weight: bold !important;
}

li.notification-seen a {
    color: #666;
}

li.notification user {
    font-weight: bold;
}

.team-profile {
    display: inline-block;
    max-width: 90px;
    margin: 10px 20px 0 0;
    vertical-align: top;
    text-align: center;
}

.team-profile .team-img {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    overflow: hidden;
    margin: auto;
    border: 1px solid #ddd;
}

.team-profile .team-img img {
    display: block;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    height: 100%;
}

.team-profile strong {
    margin-top: 5px;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
}

th.header {
    cursor: pointer;
}

th.header:hover {
    background: #fafafa;
}

th.header:active {
    background: #f1f1f1;
}

th.header:before {
    font-family: FontAwesome;
    content: '\f0dc  ';
}

th.headerSortDown:before {
    font-family: FontAwesome;
    content: '\f0de  ';
}

th.headerSortUp:before {
    font-family: FontAwesome;
    content: '\f0dd  ';
}

div.comment {
    padding: 15px 5px 0 5px;
    background: #fff;
}

div.comment a.user-profile {
    padding-top: 8px;
    display: inline-block;
}

div.comment div.replies {
    border-left: 3px solid #eee;
    padding-left: 20px;
    background: #fff;
    margin-top: 5px;
}

.following {
    /*background: #f39300;
    color: #fff;*/
    background: #eee;
    color: #000;
}

table.milestones {
    border-collapse: collapse;
}

table.milestones thead {
    margin-bottom: 10px;
}

table.milestones thead tr.border-bottom {
    border-bottom: 1px solid #eee;
}

table.milestones tbody:before {
    content: "-";
    display: block;
    line-height: 1em;
    color: transparent;
}

table.milestones tbody tr td {
    padding-bottom: 1em;
}

.close-reply {
    color: #dd0000;
    font-weight: bold;
}

form.reply {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.vote-up, .vote-down {
    cursor: pointer;
}

.button-disabled {
    color: #aaa;
    cursor: inherit;
}

.voted {
    /*background: #ff7000;
    color: #fff;*/
    cursor: pointer;
}

.reason-dropdown {
    background: #eee;
    border-radius: 5px;
    width: 150px;
}

.reason-dropdown a {
    display: block;
    padding: 5px;
    border-top: 1px solid #ddd;
    cursor: pointer;
}

.reason-dropdown a:hover {
    background: #ff7000;
    color: #fff;
}

.reason-dropdown a:first-child {
    border: none;
    border-radius: 5px 5px 0 0;
}

.reason-dropdown a:last-child {
    border-radius: 0 0 5px 5px;
}

.project-log {
    font-size: 11pt;
    border: 1px solid #ddd;
    padding: 10px 10px 2px 10px;
    border-radius: 5px;
}

.project-log p {
    margin-top: 0px;
}

.portal-search-result {
    position: absolute;
    background: #fff;
    left: 210px;
    right: 150px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.portal-search-result .search-item {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.portal-search-result .search-item:hover {
    background: #fafafa;
    cursor: pointer;
}

.portal-search-result .search-item img {
    width: 100px;
    float: left;
    margin-right: 15px;

}

.post-status {
    display: inline-block;
    padding: 3px 5px 3px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 18pt;
    font-weight: 300;
    letter-spacing: 0.05rem;
}

.post-status.draft {
    border: 1px solid #5690CA;
    color: #5690CA;
}

div.mentor-comment {
    background: #fffaec !important;
}

div.update-delete {
    float: right;
}

a.update-delete {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    color: #888;
    font-size: 10pt;
}

a.update-delete:hover {
    border: 1px solid #aaa;
}

.comment p a {
    color: #1744ae;
}

.inbox-badge {
    font-size: 8pt;
    background: #d00;
    color: #fff;
    padding: 2px 5px;
    border-radius: 8px;
    font-weight: normal;
}

.hover-active {
    position: absolute;
    display: none;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 280px;
    margin-top: 15px;
}

.hover-active img {
    width: 100px;
    margin-right: 10px;
}

td:hover .hover-active {
    display: block;
}

div.intro-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}

#intro {
    margin: 0 auto;
    max-width: 300px;
    border-radius: 4px;
    padding: 15px 10px 25px 10px;
    background: #fff;
    margin-top: 85px;
    z-index: 1000;
}

.menu-dropdown {
    cursor: pointer;
}

.dd-small {
    width: 125px;
    font-size: 9pt;
    height: 27px;
}

div.tool {
    margin-bottom: 7px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.list-filter {
    font-size: 11pt;
}

.list-filter p.title {
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 5px;
}

.list-filter a {
    font-size: 10pt;
    cursor: pointer;
    color: #888;
}

.list-filter a:hover {
    text-decoration: underline;
}

.list-filter select {
    width: 100%;
    font-size: 10pt;
    /*margin-bottom: 15px;*/
}

.list-filter a.current-tag {
    font-weight: bold;
    color: #333;
}

.uppercase {
    text-transform: uppercase;
}

.blue-link {
    color: #157dd8;
}

.flipswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.flipswitch input[type=checkbox] {
    display: none;
}

.flipswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 50px;
}

.flipswitch-inner {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    -moz-transition: margin 0.3s ease-in 0s;
    -ms-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.flipswitch-inner:before, .flipswitch-inner:after {
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flipswitch-inner:before {
    content: "On";
    padding-left: 5px;
    background-color: #256799;
    color: #FFFFFF;
}

.flipswitch-inner:after {
    content: "Off";
    padding-right: 5px;
    background-color: #EBEBEB;
    color: #888888;
    text-align: right;
}

.flipswitch-switch {
    width: 21px;
    margin: -0.5px;
    background: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 27px;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.flipswitch-cb:checked + .flipswitch-label .flipswitch-inner {
    margin-left: 0;
}

.flipswitch-cb:checked + .flipswitch-label .flipswitch-switch {
    right: 0;
}

table.stats td {
    padding-right: 20px;
    padding-bottom: 10px;
    color: #888;
}

table.stats strong {
    font-size: 20pt;
    color: #333;
}

.disabled {
    color: #999;
}

div.fc {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

#sub-navigation {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

.slide-in {
    transform: translate(200px, 0);
    -webkit-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
}

.slide-out {
    transform: translate(-200px, 0);
    -webkit-transform: translate(-200px, 0);
    -o-transform: translate(-200px, 0);
    -moz-transform: translate(-200px, 0);
}

.rounded-box {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-top: 15px;
    box-sizing: border-box;
}

.headcol {
    width: 200px !important;
}

.headcol-small {
    width: 50px !important;
}

div.card img {
    max-width: 100%;
}

.post-an-update {
    float: right;
    margin-top: -55px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
}

.post-an-update-on {
    background: #fff;
    padding-bottom: 25px;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;

    padding-top: 14px;
    padding-right: 14px;
    padding-left: 14px;

}

.post-task {
    float: right;
    margin-top: -55px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
}

.post-task-on {
    background: #fff;
    padding-bottom: 23px;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;

    padding-top: 14px;
    padding-right: 14px;
    padding-left: 14px;

}

.add-task.card {
    border-top-right-radius: 0;
}

.subtasks_wrapper {
    /*background: #eee;*/
    padding: 10px;
    border-radius: 5px;
}

.subtasks input[type=checkbox] {
    margin: 10px;
}

.subtasks input[type=text] {
    display: initial;
    width: 80%;
    padding: 5px 10px;
    margin-left: 10px;
}

.task-container .mt-10 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.task-container .mt-10:last-child {
    border: none;
}

.task-container .mt-10 .pure-g {
    margin: 4px 0;
}

.task-container .due-date {
    padding: 5px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
}

.task-container .task_status {
    padding-left: 15px;
}

.task-container .task_day_remaining {
    padding-left: 15px;
    font-size: 12px;
}

.pure-menu-task li.pure-menu-item:hover {
    background-color: #eee;
}

.pure-menu-task li.active {
    margin-bottom: -1px;
    background: #fff;
    padding-bottom: 0;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding-right: 14px;
    padding-left: 14px;
}

.checklist-area {
    /*background: #ddd;*/
    padding: 10px;
}

.checklist-area .checklist {
    padding-bottom: 5px;
}

.checklist-area .checklist checkbox {
    vertical-align: middle;
}

.member-hide {
    display: none;
}

.status-green-box {
    display: inline-block;
    border-radius: 5px;
    height: 16px;
    width: 16px;
    background: #009c60;
}

.status-red-box {
    display: inline-block;
    border-radius: 5px;
    height: 16px;
    width: 16px;
    background: #c60000;
}

.status-yellow-box {
    display: inline-block;
    border-radius: 5px;
    height: 16px;
    width: 16px;
    background: #ffdd00;
}

.update-status {
    text-transform: uppercase;
    font-size: 8pt;
    padding: 5px;
    letter-spacing: 1px;
    border-radius: 5px;
}

.update-status-red {
    border: 1px solid #c60000;
    color: #c60000;
    text-transform: uppercase;
    font-size: 8pt;
    padding: 5px;
    letter-spacing: 1px;

}

.update-status-yellow {
    border: 1px solid #ffbf00;
    color: #ffdd00;
    text-transform: uppercase;
    font-size: 8pt;
    padding: 5px;
    letter-spacing: 1px;

}

.project-status {
    font-size: 9pt;
    padding: 5px;
    margin: 5px;
    display: block;
    text-align: right;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3 rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    position: absolute;
}

.colmn-cat {
    margin: 0 15px;
    display: block;
}

@media (max-width: 441px) {
    .timeline .author {
        width: 50% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }

    .timeline .image {
        padding-bottom: 10px
    }

    .timeline .row {
        padding-bottom: 30px !important;
    }

    /* .timeline .rating{margin-left: 15px !important;}*/
    .timeline {
        overflow-y: none !important;
    }

    .colmn-cat {
        margin: 0 10px 0 0
    }

    .item .title-overlay {
        padding: 35px 15px 5px 15px !important;
    }

    .item {
        min-height: 0px;
    }

    .item .image {
        margin: 0 0 0px;
    }

    .desc-card {
        height: 200px;
    }

    .ml-15 {
        margin-left: 0px;
    }

    .card {
        padding: 10px;
    }

    .item .info.infosol {
        height: 80px;
    }

    .logoimge {
        max-height: 52px;
        padding-top: 7px;
    }

    .logoimgi {
        max-height: 52px;
        max-width: auto;
        padding-top: 7px;
    }

    .pro-status {
        z-index: 10;
    }

    .item .title-overlay2 {
        padding: 35px 15px 25px 15px !important;
    }

    .item .image.slider-img {
        max-height: 200px;
    }

    .beefuptag {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }

    .colmn-cat {
        margin: 0 10px 0 0
    }

    .item .title-overlay {
        padding: 35px 15px 5px 15px !important;
    }

    .item {
        min-height: 0px;
    }

    .item .image {
        margin: 0 0 0px;
    }

    .desc-card {
        height: 200px;
    }

    .ml-15 {
        margin-left: 0px;
    }

    .card {
        padding: 10px;
    }

    .item .info.infosol {
        height: 80px;
    }

    .logoimge {
        max-height: 57px;
        padding-top: 7px;
    }

    .logoimgi {
        max-height: 57px;
        max-width: auto;
        padding-top: 7px;
    }

    .pro-status {
        z-index: 10;
    }

    .item .title-overlay2 {
        padding: 35px 15px 25px 15px !important;
    }

    .beefuptag {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }

    .colmn-cat {
        margin: 0 10px 0 0
    }

    .item .title-overlay {
        padding: 35px 15px 5px 15px !important;
    }

    .item .title-overlay2 {
        padding: 35px 15px 25px 15px !important;
    }

    .item {
        min-height: 0px;
    }

    .item .image {
        margin: 0 0 0px;
    }

    .desc-card {
        height: 200px;
    }

    .ml-15 {
        margin-left: 0px;
    }

    .card {
        padding: 10px;
    }

    .item .info.infosol {
        height: 80px;
    }

    .logoimge {
        max-height: 57px;
        padding-top: 7px;
        padding-left: 16px;
    }

    .logoimgi {
        max-height: 57px;
        max-width: auto;
        padding-top: 7px;
        padding-left: 16px;
    }

    .pro-status {
        z-index: 10;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

/* Event */
.tab-box-vertical ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
}

.tab-box-vertical li a {
    display: block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}

.tab-box-vertical li a.current {
    background-color: #555;
    color: white;
}

.event table.form td {
    vertical-align: top;
    /*padding: 8px;*/
}

.event table.form td.label {
    font-weight: bold;
    text-align: right;

}

.event table.form td.label {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    width: 25%;
    padding: 0 15px 16px 0;
    line-height: 1.2;
    padding-top: 5px;
}

.event table.form input.text {
    padding: 2px 5px;
    font-size: 12pt;
    width: auto;
}

.event select.large {
    font-size: 12pt;
    border: 1px solid #eee;
    margin-bottom: 10px;
    color: #555;
}

.event table.form textarea {
    font-size: 12pt;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    padding: 2px 5px;
    border: 1px solid #dedede;
    height: 100px;
    border-radius: 5px;

    display: block;
    margin-bottom: 10px;
    outline: none;
}

.event input.text {
    font-size: 16pt;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 300;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    outline: none;
    display: initial;
}

.w100 {
    width: 100% !important;
}

.edit-event-image {
    width: 300px;
}

.edit-event-image img {
    width: 100%;
}

.event table.form {
    width: 100%;
    border-collapse: collapse;
}

.event .challenge_category {
    border-bottom: 1px solid #eee;
}

.event .float-right {
    float: right;
    margin-top: -5px;
}

.event .mt10 {
    margin-top: 10px;
}

.event .btn-grey:hover {
    border: 1px solid #aaa;
}

.event .btn {
    border: 1px solid #ddd;
    padding: 3px;
    font-size: 12px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 300;
    background: #ffab00;
    background: -webkit-linear-gradient(#ffb700 0%, #ff7800 100%);
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.event .btn-grey {
    background: -webkit-linear-gradient(#ffffff 0%, #f4f4f4 100%) !important;
    color: #888 !important;
}

.event div.form-tab {
    background: #eee;
    padding: 5px 5px 0 5px;
    margin-bottom: 20px;
}

.event .participant {
    border-bottom: 1px solid #eee;
}

.event div.form-tab a {
    cursor: pointer;
    color: #555;
    font-weight: bold;
    background: #f5f5f5;
    font-size: 12pt;
    padding: 7px 10px;
    display: inline-block;
}

.event div.form-tab a.current-tab {
    background: #fff;
}

.event .judge-status {
    text-transform: uppercase;
    margin-top: 5px;
    margin-right: 0px;
    padding: 5px;
    border-radius: 5px;
}

.event .judge-status-pending {
    background: #f0f0aa;
}

.btn {
    
}

.btn-grey {
    background: -webkit-linear-gradient(#ffffff 0%, #f4f4f4 100%) !important;
    color: #888 !important;
}

.btn-mid {
    padding: 5px 7px !important;
    font-size: 12pt !important;
}

.btn-small {
    padding: 3px 5px !important;
    font-size: 10pt !important;
}

a.btn {
    color: #555;
    text-decoration: none;
}

.submission-entry a {
    color: #333;
    text-decoration: none;
}

p.field {
    margin-top: 30px;
}

.submissions-container .author .header {
    margin: 0px;
}

p.field strong {
    background: #eee;
    padding: 10px;
    display: block;
    margin: 0;
    color: #555;
    font-size: 11pt;
}

.submission-content {
    padding: 0px 0px 5px 5px;
    word-wrap: break-word;
    font-size: 11pt;
}

.submission-content a, .submission-content a:visited {
    color: #ffab00;
}

#event-desc {
    padding: 15px 20px;
    line-height: 150%;
    font-size: 11pt;
    min-height: 300px;
}

#event-desc table thead tr th {
    color: #555;
}

#event-details-sidebar {
    float: right;
    width: 295px;
    padding-left: 30px;
}

#event-details {
    margin-right: 330px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    margin-top: 35px;
}

#event-desc input[type="text"] {
    display: initial;
    margin-bottom: 10px;
}

.mi-parent input[type="text"] {
    display: initial;
    margin-bottom: 5px;
}

.toggle-btn {
    background: -webkit-linear-gradient(#ffffff 0%, #f4f4f4 100%);
}

.toggle-btn-current {
    background: -webkit-linear-gradient(#f4f4f4 0%, #ffffff 100%);
}

.toggle .toggle-btn:first-child {
    border-radius: 5px 0 0 5px;
}

.toggle .toggle-btn {
    border-right: none;
    padding: 5px 7px !important;
}

.toggle .toggle-btn:hover {
    border: 1px solid #ccc;
    border-right: none;
}

.toggle .toggle-btn:last-child {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #ddd;
}

.toggle .toggle-btn:last-child:hover {
    border: 1px solid #ccc;
}

table.judging-table th {
    padding: 12px 7px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 9pt;
    background: -webkit-linear-gradient(#f6f6f6 0%, #ececec 100%)
}

table.judging-table td {
    padding: 7px !important;
    border-bottom: 1px solid #eee !important;
}

table.judging-table tr td select {
    width: 200px;
    margin-bottom: 2px;
    padding: 2px !important;
}

#event-details {
    margin-right: 330px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    margin-top: 35px;
}

.tab-box {
    background: #eee;
    /*height: 35px;*/
    display: table;
}

.tab-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tab-box ul li {
    display: inline;
}

.tab-box ul li a {
    float: left;
    display: block;
    color: #888;
    text-decoration: none;
    background: #fff;
    padding: 10px 15px;
    border-right: 1px solid #eee;
    font-size: 12pt;
}

.tab-box ul li a img {
    opacity: 0.5;
}

.tab-box ul li a.current {
    font-weight: bold;
    color: #555;
}

.tab-box ul li a.current img {
    opacity: 1;
}

.judging-table {
    width: 100%;
    border-collapse: collapse;
}

.events-container .item .image {
    height: 175px;
}

.events-container .item .summary {
    height: 115px;
}

/* New Design*/

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.8125rem + 0);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #55595c;
    vertical-align: middle;
    background: #f7f7f9 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 0 solid #ced4da;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.itmcontainer {
    /*background: #f1f1f1;*/
    height: 102px;
    position: relative;
    border: 1px solid #ddd;
}

.itmcontainer img {
    float: left;
    height: 102px;
    margin-right: 10px;
    /*border-radius: 3px;*/
    border: 1px solid #ddd;
    overflow: hidden;
}

.itmlist {
    font-weight: 400;
    color: #828587;
    font-size: 10pt;
    text-overflow: initial;
    overflow: hidden;
    white-space: normal;
}

.itmsummary {
    display: block;
    padding-top: 2px;
}

.itmheader {
    font-weight: 600;
    color: #828587;
    font-size: 11pt;
    text-overflow: initial;
    overflow: hidden;
    white-space: normal;
    padding-top: 5px;
    margin-bottom: -12px;
}

.itmfooter {
    font-weight: 400;
    color: #828587;
    font-size: 10pt;
    text-overflow: initial;
    overflow: hidden;
    white-space: normal;
    position: absolute;
    padding-left: 178px;
    bottom: 5px;
}

.itmclick {
    cursor: pointer;
}

.challenges-container .image img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.p-3 {
    padding: 1rem !important;
}

.form-post-container {
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
}

/*End New Design*/

.flexaap {
  display: flex;
  align-items: center;
}

/*aap 20190305 for saving search posts*/ 
.saving {
	/*background: #f39300;
	color: #fff;*/
	color: #red;
}

/*aap 20190305 */
.butdiscard {
	display: inline-block;
	letter-spacing: 0px;
	padding: 3px 3px;
	border-radius: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	text-align: center;
	background: transparent;
	margin: 5px 0;
	color: red;
}

/*aap 20190305 */
.butsave {
	display: inline-block;
	letter-spacing: 0px;
	padding: 3px 3px;
	border-radius: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	text-align: center;
	background: transparent;
	margin: 5px 0;
	color: green;
}

/*aap 20190403 */
.stay-end {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width: 0px;
}

/* similar search wording colour */
.post-cat-need {
    color: #FACB86;
}

.post-cat-challenge {
    color: #E78683;
}

.post-cat-solution {
    color: #4DB7BE;
}

.post-cat-project {
    color: #B591AF;
}

.post-cat-news {
    color: #97DA97;
}

.post-cat-guide {
    color: #C9D38F;
}

.post-cat-talent {
    color: #CE8B99;
}

/* knowledge graph node colour */
.dotN {
  height: 10px;
  width: 10px;
  background-color: #EEB333;
  border-radius: 50%;
  display: inline-block;
}

.dotC {
  height: 10px;
  width: 10px;
  margin-right: 5px;    
  background-color: #F5484F;
  border-radius: 50%;
  display: inline-block;
}

.dotS {
  height: 10px;
  width: 10px;
  background-color: #4DC0BD;
  border-radius: 50%;
  display: inline-block;
}

.dotP {
  height: 10px;
  width: 10px;
  background-color: #9B3AAE;
  border-radius: 50%;
  display: inline-block;
}

.dotW {
  height: 10px;
  width: 10px;
  background-color: #A0A0A0;
  border-radius: 50%;
  display: inline-block;
}

.dotG {
  height: 10px;
  width: 10px;
  background-color: #9E8B00;
  border-radius: 50%;
  display: inline-block;
}

.dotT {
  height: 10px;
  width: 10px;
  margin-right: 5px; 
  background-color: #FFA5A5;
  border-radius: 50%;
  display: inline-block;
}

.dotDC {
  height: 10px;
  width: 10px;
  margin-right: 5px;
  background-color: #009600;
  border-radius: 50%;
  display: inline-block;
}

.dotCT {
  height: 10px;
  width: 10px;
  margin-right: 5px;  
  background-color: #2E8BF4;
  border-radius: 50%;
  display: inline-block;
}

.dotTG {
  height: 10px;
  width: 10px;
  margin-right: 5px;  
  background-color: #6BC1FF;
  border-radius: 50%;
  display: inline-block;
}

.dotATG {
  height: 10px;
  width: 10px;
  margin-right: 5px;  
  background-color: #E0E0E0;
  border-radius: 50%;
  display: inline-block;
}

.dotSS {
  height: 10px;
  width: 10px;
  margin-right: 5px; 
  background-color: #FFE97F;
  border-radius: 15%;
  border-color: grey;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
}

/* overall platform + knowledge graph node colour updated */
.set_dot {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
}

.set_dot_a {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 2px;    
}

.set_dot_b {
	height: 10px;
	width: 10px;
	margin-right: 2px; 
	display: inline-block;  
	border-radius: 15%;
	border-color: grey;
	border-width: 1px;
	border-style: solid;
}

.set_color_nee {
	background-color: #FACB86;
}

.set_color_cha {
	background-color: #E78683;
}

.set_color_sol {
	background-color: #4DB7BE;
}

.set_color_pro {
	background-color: #B591AF;
}

.set_color_new {
	background-color: #97DA97;
}

.set_color_gui {
	background-color: #C9D38F;
}

.set_color_tal {
	background-color: #CE8B99;
}

.set_color_dec {
	background-color: #009600;
}

.set_color_cat {
	background-color: #2E8BF4;
}

.set_color_tag {
	background-color: #6BC1FF;
}

.set_color_autotag {
	background-color: #E0E0E0;
}

.set_color_ser {
	background-color: #FFE97F;
}