/* containers */
html, body {
	/*font-family: 'Source Sans Pro', Segoe UI, Arial, sans-serif;*/
	/*font-size: 12px;*/
}

.list-container {border-bottom: 1px solid #ddd;}
.card_container, #card_container {margin:0 0 26px 0; padding:0; border-radius: 2px; box-shadow: 0px 2px 10px 0px #e0e0e0; background: #fff; float: left; /*position: relative;*/}

.card_container.striped:hover {background: rgba(0,0,0,.05)  !important;}

.card_container.no-float {float:none;}
 
.card_container.record-full, .card_container.teaser-full {width:100%;}
.card_container.record-xl, .card_container.teaser-xl {width:650px;}
.card_container.record-md, .card_container.teaser-md {width:312px;}
.card_container.record-sm, .card_container.teaser-sm {width:270px;}
.card_container.record-xs, .card_container.teaser-xs {width:200px;}
.card_container.record-20, .card_container.teaser-20 {width:18.5%;}
.card_container.record-25, .card_container.teaser-25 {width:23.5%; /*margin-right: 2% !important;*/}
.card_container.record-33, .card_container.teaser-33 {width:31%; margin-right: 2% !important;}
.card_container.record-50, .card_container.teaser-50 {width: 46.5%; margin: 10px !important;}
.card_container.list-item {box-shadow: none !important; margin: 0 !important; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.card_container.list-item.color-border {border-left: 3px solid;}
.card_container.no-shadow {box-shadow: none !important;}
.card_container.hover:hover {box-shadow: 0px 2px 8px #999 !important; cursor: pointer;}
.card_container.card-tile {border-radius: 0px !important; margin:0 !important;}
.card_container.no-margin, .card_container .no-margin {margin: 0 !important;}
.card_container.no-padding, .card_container .no-padding {padding: 0 !important;}
.card_container.no-border, .card_container .no-border {border: none !important;}
.card_container.bordered, .card_container .bordered {border: 1px solid #ddd !important;}
.card_container.top-bordered, .card_container .top-bordered {border: none !important; border-top: 1px solid #ddd !important;}
.card_container.bottom-bordered, .card_container .bottom-bordered {border: none !important; border-bottom: 1px solid #ddd !important;}
.card_container.transparent, .card_container .transparent {background: transparent !important;}
.card_container.opaque, .card_container .opaque {background: rgba(0,0,0,.5) !important;}
.card_container.info {background: #d9edf7 !important; color: #2196F3 !important;}
.card_container.danger {background: #d9edf7; color: #2196F3;}
.card_container.success {background: #d9edf7; color: #2196F3;}
.card_container.warning {background: #d9edf7; color: #2196F3;}
.card_container.primary {background: #d9edf7; color: #2196F3;}

/* general */
.card_container .head {font-size: 20px; font-weight: 700; float:none; width:100%; line-height: 24px; padding-bottom: 4px;}
.card_container .head.lower {font-size: 14px; line-height: 16px; padding-top: 4px; font-weight: 700;}
.card_container .head.second {font-size: 13px; line-height: 14px; padding-top: 4px; font-weight: 700;}
.card_container .head.third {font-size: 16px; line-height: 18px; padding-top: 4px; font-weight: 700;}
.card_container .head.major {font-size: 18px; line-height: 20px; padding-top: 4px; font-weight: 700;}
.card_container .head.large {font-size: 24px; line-height: 32px; padding-top: 4px; font-weight: 700;}
.card_container .head.grand {font-size: 28px; line-height: 32px; padding-top: 4px; font-weight: 700;}
.card_container .head.colos {font-size: 32px; line-height: 36px; padding-top: 4px; font-weight: 700;}
.card_container .head.black {font-weight: 900;}
.card_container .head.thin {font-weight: 300;}
.card_container .head.regular {font-weight: 500;}
.card_container .head.float {width: auto; float:left;}
.card_container .head:after {clear: both;}
.card_container .head.text-shadow {text-shadow: 0px 2px 1px #000;}
.button_to_show_secondary:hover {cursor: pointer;}
.dim {opacity:.36;}
.card_container .subhead {font-size: 10px; font-weight: 400; color:#999; float:none; width:100%; line-height: 14px;}
.card_container .subhead.float-left {float: left !important; font-weight:700;}
.card_container .subhead.grand {font-size: 11px; font-weight: 300; color:#999; float:none; width:100%; line-height: 14px;}
.card_container .subhead.hint {font-size: 9px; font-weight: 500; color:#aaa; float:none; width:100%; line-height: 14px;}
.card_container .subhead.white {color:#bbb !important; text-shadow: 1px 2px 1px #000;}
.card_container p {font-size: 12px; margin:0; padding:10px 0 0; line-height: 16px; color: #666;}
.card_container .text h3, .card_container .text h4, .card_container .text h5, .card_container .text h6 {margin:0 0 10px;}
.card_container .text p {margin:0 0 15px;}
.card_container > a {color:black;}
.card_container a:hover {text-decoration: none;}
.card_container .label {/*font-size: 24px;*/}
.card_container .avatar {float:left;width: 40px;}
.card_container .avatar img {width: 40px; height: 40px; border-radius: 3px;}
.card_container .avatar60 {float:left;width: 60px;}
.card_container .avatar60 img {width: 60px; height: 60px; border-radius: 3px;}
.card_container .avatar.round img {width: 40px; height: 40px; border-radius: 20px;}
.card_container .title {float:left; padding-left: 16px;}
.card_container .subaction {float:right; font-size: 11px; color:#aaa; font-weight: 400;}
.card_container .gray {background: #f6f7f8;}
.card_container .aliceblue {background: aliceblue;}
.card_container .lightgreen {background: #f1f8e9;}
.card_container .gray-color {color: #999;}
.card_container .show-more {position: absolute; top: 10px; right: 20px;}
.card_container .avatar-padded {padding-left: 72px !important;}
.card_container .embed-container {/*margin: 0 16px 16px; border: 1px solid #ddd;*/}
.card_container .section-subtitle {font-size: 11px; color: #777; text-align: left; padding: 5px 0;}
.card_container .hidden-content-container {position: relative;}
.card_container .hovering:hover > .header-context {cursor: pointer; background: #f6f7f8;}
.tt-menu .card_container.tt-suggestion {padding:0;}
.card_container.tt-suggestion {cursor: pointer; background: transparent;}
.card_container.tt-suggestion:hover {cursor: pointer; background: #f6f7f8;}
.card_container .center {text-align: center;}
.divider:before {content: " \00b7";}
/* header */
.preheader-context {padding:16px 16px 0 72px; height: auto;}
.header-context {padding:16px; height: 72px;}
.header-context.head {height: 76px;}
.header-context.page-title {padding:16px; height: auto; background: #f6f7f8;}
.header-context.page-title.side-widget {padding:8px 16px; letter-spacing: -1px; font-weight: 900; color: #777;}
.header-context.low-margin  {padding:8px 16px; height: 56px;}
.header-context.collapsing  {cursor: pointer;}
.header-context.collapsing.inverted  {cursor: pointer; color:white; background: #263238;}
.header-context.collapsing:hover  {background: #BBDEFB;}
.header-context.collapsing.normal  {background: #f6f7f8;}
/* main-context */
.main-context {width: 100%;}
.card_container.no-shadow .main-context {border-top: none;}
.main-context .body-area {}
/* rich-media */
.media-area {position: relative;}
.main-context .media-area {padding: 16px 16px 0 0;}
.main-context .media-area .left, .main-context .media-area.left {padding: 16px 0 16px 16px;}
.record-full .main-context .media-area .image, .record-full .main-context .media-area .image img {width:168px !important; height:129px !important;}
.record-xl .main-context .media-area .image, .record-xl .main-context .media-area .image img {width:152px !important; height:152px;}
.record-md .main-context .media-area .image, .record-md .main-context .media-area .image img {width:112px; height:112px;}
.record-sm .main-context .media-area .image, .record-sm .main-context .media-area .image img {width:80px; height:80px;}
.record-xs .main-context .media-area .image, .record-xs .main-context .media-area .image img {width:80px; height:80px;}
.record-full .media-area, .record-full .media-area img {padding:0; width:100% !important; height:100% !important;}
.record-full .main-context .media-area, .record-full .main-context .media-area img {width:168px !important; height:auto !important;}
.record-xl .media-area .image, .record-xl .media-area .image img, .record-xl .main-context .media-area.full .image, .record-xl .main-context .media-area.full .image img {padding:0; width:100% !important; height:366px;}
.record-md .media-area .image, .record-md .media-area .image img {padding:0; width:100% !important; height:176px;}
.record-md .media-area.square .image, .record-md .media-area.square .image img {width: 312px; height:312px;}
.record-sm .media-area .image, .record-sm .media-area .image img {padding:0; width:100% !important; height:152px;}
.record-sm .media-area.square .image, .record-sm .media-area.square .image img {width:270px; height:270px;}
.record-xs .media-area .image, .record-xs .media-area .image img {padding:0; width:100% !important; height:113px;}
.record-xs .media-area.square .image, .record-xs .media-area.square .image img {width:200px; height:200px;}


.blueimp-gallery-carousel {box-shadow: none !important; margin:0 !important;}
/* primary context */
.primary-context {padding:24px 16px 16px;}
.primary-context.in-media {padding:0px 16px 8px; position: absolute;  bottom: 0; color:#fff; text-shadow: 1px 1px 2px #000;}
.primary-context.in-media.dark {padding:8px 16px 8px; background-image: linear-gradient(to top,rgba(69,90,100,.10),rgba(0,0,0,.35)); width: 100%;}
.primary-context.in-media.dark .head {padding-bottom: 0px; text-shadow: 1px 1px 2px #000; /*font-weight: 700;*/ font-size: 15px; line-height: 20px;}
.primary-context.in-media.dark .subhead {text-shadow: 0px 0px 1px #444; color:#ddd; font-size: 11px; line-height: 12px;}
.primary-context.right {text-align: right;}
.primary-context.full {padding:24px 16px;}
.primary-context.normal {padding:16px;}
.primary-context.low-margin  {padding:8px 16px;}
.primary-context.inverted, .secondary-context.inverted, .header-context.inverted  {color:white; background: #263238;}
.card-tile .primary-context, .primary-context.small-margin {padding:12px 16px 0px;}
.left-sidebar .primary-context {padding:12px 8px;}
.main-context .body-area.avatar-padded .primary-context, .main-context .body-area.avatar-padded .secondary-context,
.main-context .body-area.avatar-padded .header-context {padding-left: 0px;}
/* secondary-context */
.secondary-context {padding:16px; min-height: 46px; height: auto;}
.secondary-context.cont {padding-top:0px;}
.secondary-context.tease, .left-sidebar .secondary-context.tease {padding-top:0px; padding-bottom:0px;}
.secondary-context.tease > p {font-size: 11px !important; line-height: 14px;}
.secondary-context.bottom {padding-bottom:24px;}
.left-sidebar .secondary-context {padding:12px 8px;}
.secondary-context .widget {border-collapse: collapse;}
.secondary-context .widget td {vertical-align: middle; position: relative; z-index: 2; text-align: ;}
.secondary-context .widget .widget-title {text-transform: uppercase; font-size: 9px; font-weight: 900; color: #ccc;}
.secondary-context .widget .headline {font-size: 16px; font-weight: 900;}
.secondary-context .widget .headline.major {font-size: 20px; font-weight: 700;}
.secondary-context .widget .subline {font-weight: 700;}
.secondary-context .widget .line {}
.secondary-context .widget i {color: #2196F3; position: relative; z-index: 2;}
.secondary-context .widget .label {position: relative; z-index: 2;}
.secondary-context.none {display:none;}
tr.strikeout td.line:before { content: "";position: absolute;top: 7px;left: 0;border-bottom: 4px solid #ddd;width: 100%;z-index: 0;}
tr.strikeout td.line.right:before { left: -5px; }
/* built-in-context */
.built-in-context {width: 100%; height: auto; padding: 16px; margin: -16px;}
/* action-area */
.action-area {padding:8px; height: 48px;}
.action-area.free {padding:0; height: auto;}
.action-area a, .action-area button, .action a, .action button {font-weight: 400; text-transform: ; font-size: 13px;}
.action-area.normal-case {padding: 4px 8px 0; /*background: #f6f7f8; */height: 36px;}
.action-area.normal-case a, .action-area.normal-case button {text-transform: none;}
.action-area.right a, .action-area.right button {margin-left: 4px;}
.card_container .gray {background: #f6f7f8;}
.primary-context .head .action-area {padding-top: 0; float: right;}
.primary-context .head .action-area a {margin: 0;}
.left-sidebar .action-area {padding:12px 8px;}
.secondary-context .action-area {padding-top: 0; float: right;}
.action-area td {vertical-align: middle;}
/* bids-area & comments-area */
.bids-area, .comments-area {min-height: 72px;}
.bids-area.closed, .comments-area.closed {min-height: 72px; display:none;}
.bids-area .bid-wrap, .comments-area .comment-wrap {border-top: 1px solid #ddd;}
.comments-area .comment-wrap {padding:16px;}
.bids-area .body, .comments-area .body {padding-left:16px;}
.bids-area .body .head, .comments-area .body .head {float: left; width: 80%;}
.bids-area .body .subaction, .comments-area .body .subaction {text-align: right; width: 20%;}

.indexed {border-bottom:1px solid #ddd;}
.indexed td {padding: 10px; font-size: 13px;}
.indexed .table-header td {background: #263238; color: #ccc; font-size: 12px;}
.indexed tr:hover > td {}
.indexed .id-column, .indexed .action-column {width: 50px;}
.indexed .detail-column {width: 260px;}
.indexed .subdetail-column {width: 150px;}

.index-sorter {}

.wrapper.two {
	max-width: 48%;
	margin: 0 1%;
}

.wrapper:nth-of-type(2) {margin-left:0 !important;}

.cover-product {position:absolute; left: 0; right: 0; max-height:432px; height:432px;}
.backscreen {position: absolute; z-index: 1; background: rgba(0,0,0,.4); top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;}
.modal {z-index: 1052 !important;}

.post-style {}
.post-style ul {list-style: disc;}
.post-style ul li {margin:5px 20px;}
.post-style ul li a {}
.post-style a {}
.post-style p {margin: 0 0 15px; text-indent: 30px;}

.header-wrapper {background: #6b4934; border-bottom: 3px solid #2196F3; color: white; margin-bottom: 20px; padding-top:60px; }
.header-wrapper.profile {background: #f8f8f8; border-bottom: 3px solid #d2d2d2; color: black;}
.header-wrapper a {color: white; }
.header-wrapper.hover li:hover, .header-wrapper.hover a:hover { background: none !important; }
.header-wrapper.hover a:hover {color: #2196F3; }

.header-wrapper.profile a {color: black;}
.header-wrapper.dash {background: #222222;}




@media (max-width: 1024px) {
    /* For mobile phones: */
    .card_container.record-50, .card_container.teaser-50 {width:100% !important;  margin-left: 0% !important; margin-right: 0% !important;}
    .card_container.record-33, .card_container.teaser-33 {width:100% !important; margin-right: 0% !important;}
    .card_container.record-25, .card_container.teaser-25 {width:100% !important; margin-right: 0% !important;}
    .hide-phone {display: none !important;}
}



.dark-theme .card_container,.dark-theme #card_container {background: #000; box-shadow: 0px 2px 10px 0px #000;}
.dark-theme .card_container .gray {background: #111;}
.dark-theme .card_container .gray-color, .dark-theme .card_container .subhead {color: #666;}

.dark-theme .card_container.list-item {box-shadow: none !important; margin: 0 !important; border-left: 1px solid #222; border-right: 1px solid #222;}
.dark-theme .card_container.bordered, .dark-theme .card_container .bordered {border: 1px solid #222 !important;}
.dark-theme .card_container.top-bordered, .dark-theme .card_container .top-bordered {border: none !important; border-top: 1px solid #222 !important;}
.dark-theme .card_container.bottom-bordered, .dark-theme .card_container .bottom-bordered {border: none !important; border-bottom: 1px solid #222 !important;}
.dark-theme .list-container {border-bottom: 1px solid #222;}

.dark-theme .card_container a {color: #eee;}