#pnlPost {
    width: 100%;
}
#configuratorPost {
	padding: 0 10px;
	position: relative;
}
#build #content {
    width: 100%;
}
#configuratorPost .fancybox-content {
    width: inherit;
    height: inherit;
    padding: inherit;
}
#build #breadcrumbs {
    display: flex;
    margin-left: 10px;
}
#product.DesktopFramework .fancybox-content {
    width: inherit!important;
    height: inherit!important;
    padding: inherit;
}
#build #content {
    width: 100%;
}
#configuratorPost .userInfo {
	color: #666666;
	display: block;
	margin: 10px 15px;
	text-align: center;
}

#configuratorPost .returnToBuilds {
    margin-left: 10px;
    padding-top: 14px;
}

#configuratorPost .padding input[type="button"] {
	-webkit-appearance: button;
	cursor: pointer;
	font-size: .75em;
	width: auto;
	background-color: #145d93;
	color: white;
    padding: 5px 9px;
	border-width: 1px;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
}
.MobileFramework #pnlPost iframe {
    width: 94%!important;
    margin: 0 3%;
}
#configuratorPost .padding input[type="button"]:hover, #configuratorPost .returnToBuilds:hover {
	opacity: .6;
}

#configuratorPost .returnToBuilds a {
    font-size: 14px;
    font-weight: 700;
    color: #145d93;
}

#configuratorPost input[name="addtocart"] {
	background-color: #01831f;
}

.buildimagesContainer {
    width: 100%;
    border-bottom: solid 1px #145d93;
    align-items: center;
    margin: 20px 0 0 0;
}

#configuratorPost .buildContainer {
	width: 860px;
	margin: auto;
}

#configuratorPost .buildContainer .slick-slider {
	height: 190px;
}
#configuratorPost .buildContainer .slick-prev, #configuratorPost .buildContainer .slick-next {
	height: 50px;
	width: 50px;
}
@media(max-width:1219px) {
	#configuratorPost .buildContainer {
		width: 680px;
	}
}

@media(max-width:969px) {
	#configuratorPost .buildContainer {
		width: 480px;
	}
}

.buildContainer .slick-arrow {
	position: absolute;
	z-index: 9;
	color: #145d93;
}

.buildContainer .slick-prev.slick-disabled:before,
.buildContainer .slick-next.slick-disabled:before {
	opacity: .25;
}

.buildContainer .slick-arrow.slick-prev {
	top: 40%;
	left: -10%;
}

.buildContainer .slick-arrow.slick-prev:hover {
	opacity: .6;
}

.buildContainer .slick-arrow.slick-next {
	top: 40%;
	right: -7%;
}

.buildContainer .slick-arrow.slick-next:hover {
	opacity: .6;
}

.buildContainer .slick-prev:before,
.buildContainer .slick-next:before {
	font-family: 'slick';
	font-size: 50px;
	line-height: 1;
	opacity: .75;
	color: #145d93;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#configuratorPost .imageItem {
	padding: 5px;
}

#configuratorPost .postImage {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    height: 180px;
    max-width: 100%;
    -ms-flex-direction: column;
}

#configuratorPost .imageItem img {
    max-height: 90%;
    max-width: 90%;
}

#configuratorPost .errorBlock {
	color: #ffffff;
	background: #ff0000;
	width: 100%;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
}

#configuratorPost .buildStatus {
	float: right;
	display: block;
	padding: 5px;
	color: #ffffff;
	background: #ff0000;
	font-weight: bold;
	font-size: 14px;
}

.buildItemsList .listiteminfo {
	display: flex;
	flex-wrap: wrap;
	width:100%;
}

.buildItemsList .buildPageImage {
	width: 15%;
}

.buildItemsList .buildPageName {
	width: 70%;
}

.buildItemsList .buildPageQtyPrice {
    width: 12%;
    margin-left: 2%;
}

.buildItemsList .comments {
    width: 100%;
}

#configuratorPost.tabs article {
	width: 100%;
}

#configuratorPost .configuratorUser {
	position: absolute;
	right: 10px;
	font-size: 14px;
	font-weight: bold;
}

#configuratorPost .details {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

#configuratorPost .buildItemsList {
    width: 35%;
    float: left;
    padding: 0px;
    margin: 0px 0px 50px 2%;
}

#configuratorPost .tip {
	float: right;
	color: #a0a0a0;
}

#configuratorPost .descriptionContainer {
    width: 63%;
}

#configuratorPost .descriptionDetail h2, #configuratorPost .descriptionDetail h3 {
    padding: 10px 0;
    border-bottom: solid 1px #145d93;
    color: #145d93;
    font-size: 18px;
    margin: 0;
}

#configuratorPost .infoBlock {
    margin: 10px 0 50px 0;
	padding: 10px;
	display: block;
}
#configuratorPost .infoBlock .padding {
    width: 100%;
}

#configuratorPost .infoBlock .padding.description {
    min-width: 300px;
}
.listitemdetail h2, .listitemdetail h3 {
	color: #145d93;
	font-size: 18px;
	margin: 0;
	width: 63%;
}

#configuratorPost label {
	font-weight: bold;
}

#configuratorPost .full {
	width: 100%;
}

#configuratorPost .input {
	border: solid 1px #000000;
}

#configuratorPost.itemdetail {
	border-bottom: 1px solid #a0a0a0;
	padding: 10px 0;
}

#configuratorPost input[disabled] {
	color: #a0a0a0;
}

#configuratorPost #image-list {
	display: flex;
	flex-flow: wrap;
	width: 100%;
	flex-direction: row;
	align-items: stretch;
}

#configuratorPost .itemImage {
	float: left;
	padding: 10px;
	border: solid 1px #a0a0a0;
}

#configuratorPost .itemImage img {
	width: 100px;
	display: block;
}

#configuratorPost .removeImages {
	clear: both;
	padding: 10px 0;
}

#configuratorPost .buildTotal {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}

#configuratorPost .listitemdetail img {
    max-width: 40px;
    margin: 2px 5px;
}

#configuratorPost .listitemdetail {
	padding: 10px 0;
	border-bottom: solid 1px #145d93;
	font-size: 12px;
    display: flex;
    flex-wrap: wrap;
}

#configuratorPost .builddetail {
	margin: 10px;
	float: left;
	width: 23%;
	outline: solid 1px #a0a0a0;
	text-align: center;
	display: block;
}

#configuratorPost .builddetail .btn {
	padding: 4px 10px;
	margin: 10px;
	background: #666666;
	color: #ffffff;
	display: inline-block;
}

#configuratorPost .builddetail .buildTotal {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}

#configuratorPost .builddetail .buildThumbnail img {
	width: 90%;
}

#configuratorPost .builddetail .buildDescription {
	padding: 10px 0;
}

#configuratorPost .buildList {
	display: flex;
	flex-flow: wrap;
	width: 100%;
	flex-direction: row;
	align-items: stretch;
}

#configuratorPost .itemdetail {
	padding: 10px;
	margin: 5px 0;
}

#configuratorPost .iteminfo img {
	width: 75px;
}

#configuratorPost .h3Container {
	padding: 10px;
	margin: 0;
	background: #145d93;
	color: #fff;
    width: 98%;
    display: flex;
    flex-wrap: wrap;
}

.previewItems {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.previewItems div {
    width: 88%;
    padding: 6px 6px 6px 10px;
    min-height: 20px;
    margin: 10px 2% 10px 0;
    align-items: center;
    color: #fff;
    font-weight: bold;
}

.previewItems .reason {
    font-weight: normal;
    margin-left: 10px;
}


.previewNew, .previewModified {
    background: #9D6D09;
}
.previewPending, .previewResubmitted, .previewRejected {
    background: #c00;
}
.previewApproved {
    background: #008000;
}

.previewItems a {
    -webkit-appearance: button;
    cursor: pointer;
    font-size: .75em;
    width: auto;
    background-color: #145d93;
    color: white;
    padding: 8px 16px;
    border-width: 1px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.postHeader.hasShare-True {
    display: flex;
    flex-wrap: wrap;
}

#configuratorPost .hasShare-True .h3Container {
    width: 80%;
}

#configuratorPost .hasShare-True .share {
    border: 2px solid #145d93;
    width: 16%;
    padding: 10px;
}
#configuratorPost .shareIcons .fa {
    font-family: 'FontAwesome';
}
#configuratorPost .fa-facebook-square {
    color: #1877F2;
}
#configuratorPost .fa-linkedin-square {
    color: #2867B2;
}
#configuratorPost .fa-linkedin-square:after {
    color: #2867B2;
    content: "\f0e1";
}
#configuratorPost .fa-reddit-square {
    color: #FF4500;
}
#configuratorPost .fa-twitter-square {
    color: #1DA1F2;
}

#configuratorPost .hasShare-True .share div {
    margin-bottom: 5px;
}

.hasShare-True .label, .hasShare-True .shareLink, .hasShare-True .shareIcons {
    height: 33%;
    vertical-align: middle;
}

.hasShare-True .shareIcons {
    display: flex;
	flex-wrap: wrap;
    width: 100%;
}

.hasShare-True .shareIcons a {
    width: 15%;
    margin-left: 9%;
    font-size: 24px;
}
#configuratorPost .hasShare-True input[type=text] {
    width: 82%;
    height: 24px;
}

#configuratorPost h1 {
	float: left;
	margin: 2px 0;
	width: 100%;
}

#configuratorPost .h3PostedBy {
    margin: 0;
    padding-top: 5px;
    float: left;
    width: 40%;
}

#configuratorPost .h3PostedOn {
	float: left;
	padding-top: 5px;
    width: 36%;
}

#configuratorPost .configuratorListdetail {
	margin: 2px;
	width: 100%;
	padding: 10px;
	border-bottom: solid 1px #a0a0a0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}

#configuratorPost .configuratorListdetail:hover {
	background: #f0f0f0;
}

#configuratorPost .configuratorListdetail span {
	display: inline-block;
	font-size: 14px;
}

#configuratorPost .configuratorName {
	width: 50%;
	font-weight: bold;
}

#configuratorPost .savedDate {
	width: 25%;
}

#configuratorPost .configuratorActions {
	text-align: right;
}

#configuratorPost .padding {
    padding: 1px 0px;
    display: flex;
    flex-wrap: wrap;
    float: left;
}

#configuratorPost .padding.Favorite {
    display: flex;
    flex-wrap: wrap;
    float: left;
}

#configuratorPost .padding.Favorite h4 {
    width: 100%;
}

#configuratorPost .padding h2,#configuratorPost .padding h3 {
    width: 100%;
    margin: 50px 0 10px 0;
}

#configuratorPost input[type=text] {
	height: 25px;
}

#configuratorPost input[type=textarea] {
	height: 140px;
}

#descriptionofproject {
	height: 140px;
}

#imageUploader {
	width: 100%;
	height: 140px;
	border: 0;
	overflow: hidden;
}

.imageOrder {
	display: none;
}
@media only screen and (min-width: 970px) and (max-width: 1219px) {

    #configuratorPost .descriptionContainer {
        width: 61%;
    }
    #configuratorPost .descriptionDetail h2, #configuratorPost .descriptionDetail h3{
        font-size: 15px;
    }
    .listitemdetail h2, .listitemdetail h3 {
        font-size: 15px;
        width: 56%;
    }
    #configuratorPost .buildItemsList {
        width: 37%;
    }
    #configuratorPost .listitemdetail {
        padding: 9px 0 8px 0;
    }
    .previewItems div {
        width: 86%;
    }
    #configuratorPost .hasShare-True .h3Container {
        width: 74%;
    }
    #configuratorPost .hasShare-True .share {
        width: 19%;
    }

}
@media only screen and (max-width: 969px) {

    #configuratorPost .descriptionContainer {
        width: 52%;
        font-size: 14px;
    }
    #configuratorPost .descriptionDetail h2, #configuratorPost .descriptionDetail h3 {
        font-size: 12px;
        Padding: 14px 0;
    }
    #configuratorPost .listitemdetail h2, #configuratorPost .listitemdetail h3 {
        font-size: 12px;
        width: 53%;
    }
    #configuratorPost .buildItemsList {
        width: 45%;
    }
    #configuratorPost .buildItemsList .buildPageImage {
        width: 17%;
    }
    #configuratorPost .buildItemsList .buildPageName {
        width: 68%;
    }
    #configuratorPost .listitemdetail {
        padding: 10px 0;
    }
    #configuratorPost .listitemdetail h2, #configuratorPost .listitemdetail h3{
        width: 51%;
        padding: 4px 0 0 0;
    }
    .previewItems div {
        width: 81%;
    }
    #configuratorPost .hasShare-True .h3Container {
        width: 66%;
    }
    #configuratorPost .hasShare-True .share {
        width: 24%;
    }

}

    .MobileFramework #content {
        width: 100%;
    }
    .MobileFramework #configuratorPost .buildContainer {
        width: 78%;
        margin: auto;    
        height: 90px;
    }
    .MobileFramework #configuratorPost .postImage {
        height: 65px;
    }
    .MobileFramework .buildContainer .slick-arrow.slick-next {
        top: 12%;
        right: -4%;
    }
    .MobileFramework .buildContainer .slick-arrow.slick-prev {
        top: 12%;
    }
    .MobileFramework #configuratorPost .descriptionContainer {
        margin-bottom: 50px;
        width: 100%;
    }
    .MobileFramework #configuratorPost .descriptionDetail h2, .MobileFramework #configuratorPost .descriptionDetail h3 {
        font-size: 16px;
    }
    .MobileFramework #configuratorPost .buildItemsList {
        margin-bottom: 50px;
        width: 100%;
    }
    .MobileFramework .selector.active .newItem .configuratorSelector {
        min-height: 40px;
    }
    .MobileFramework #configuratorPost .listitemdetail h2, .MobileFramework #configuratorPost .listitemdetail h3 {
        width: 71%;
        font-size: 16px;
        padding: 4px 0 4px 0;
    }
    .MobileFramework #configuratorPost .listitemdetail {
        border-top: solid 1px #145d93;
        border-bottom: none;
        font-size: 14px;
    }
    .buildContainer .slick-arrow.slick-next {
        right: -10%;
    }
    .MobileFramework #configuratorPost .hasShare-True .h3Container, .MobileFramework #configuratorPost .hasShare-True .share {
        width: 100%;
    }
    .MobileFramework #configuratorPost .hasShare-True input[type=text] {
        width: 100%;
    }
    .MobileFramework #configuratorPost .hasShare-True .share div {
        width: 96%;
        margin-left: 1%;
        display: flex;
    }

@media only screen and (min-width: 640px) and (max-width: 719px) {

}
@media only screen and (min-width: 480px) and (max-width: 639px) {
    .MobileFramework #configuratorPost .listitemdetail h2, .MobileFramework #configuratorPost .listitemdetail h3 {
        width: 62%;
    }
    .MobileFramework #configuratorPost {
        padding: 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
    #configuratorPost h1 {
        font-size: 20px;
    }
    .MobileFramework #configuratorPost .hasShare-True .h3Container {
        width: 93%;
    }
    .MobileFramework #configuratorPost .hasShare-True .share {
        width: 92%;
    }
    .MobileFramework #configuratorPost .hasShare-True .share div {
        margin-bottom: 5px;
        display: flex;
    }
    .ui-page-theme-a .ui-body-inherit {
        width: 100%;
    }
    #configuratorPost .hasShare-True input[type=text] {
        width: 99%;
    }
   #configuratorPost .hasShare-True .h3PostedOn {
        width: 55%;
    }
    .ui-page-theme-a a:visited {
        color: inherit;
    }
    .previewItems div {
        width: 100%;
        height: auto;
    }
    .previewItems a:visited {
        color: white;
    }
    
        
    .MobileFramework #configuratorPost .descriptionDetail h2, .MobileFramework #configuratorPost .descriptionDetail h3 {
        font-size: 13px;
    }
    .MobileFramework #configuratorPost .listitemdetail h2, .MobileFramework #configuratorPost .listitemdetail h3 {
        width: 47%;
        font-size: 13px;
    }
    .MobileFramework #configuratorPost .buildItemsList .buildPageName {
        width: 61%;
        margin-right: 1%;
        font-size: 13px;
    }
    .MobileFramework .buildContainer .slick-prev:before, .MobileFramework .slick-next:before {
        font-size: 40px;
    }
    .MobileFramework .buildContainer .slick-arrow.slick-prev {
        left: -12%;
    }
    .MobileFramework .buildContainer .slick-arrow.slick-next {
        right: -5%;
    }
    .MobileFramework .buildContainer .slick-arrow.slick-prev, .MobileFramework .buildContainer .slick-arrow.slick-next {
        top: 19%;
    }
}