/* Custom CSS */
body {padding-top:10px;}

.copied::after { position: absolute; top: 53%; right: 99%; display: block; content: "copied"; font-size: 0.75em; padding: 2px 3px; color: #fff; background-color: rgb(91, 192, 222); border-radius: 3px; will-change: opacity, transform; animation: showapproved 1.5s ease;}

h1 {margin-top:0px;}
label {font-weight:normal;}

.btn-warning {background-color:#ec971f; border-color:#d58512;}
.btn-warning:hover {background-color:#f0ad4e; border-color:#eea236;}

/* Navigation */
.navbar-default {background:none; border:none;}
.navbar-brand {height:112px; padding:0px;}
.navbar-default .navbar-nav>li>a {color:#666; font-size:17px; padding-left: 11px; padding-right: 11px}
.navbar-default .navbar-nav>li>a:hover {background-color:#ddd; padding-left: 11px; padding-right: 11px}
.navbar-collapse {margin-top:62px;} /* get the nav menu to align to the bottom of the logo */
.navbar-nav>li {border-right:1px solid #ddd;} /* adds border to nav menu items */
.container-fluid>.navbar-collapse {background-color:#f5f5f5;} /* background color for menu on mobile */
.container-fluid>.navbar-header {margin-left:0px;} /* removes the default value of -15px so the logo lines up on the left side of the page */

.navbar-default .navbar-toggle {background-color:#ddd; margin-top:62px;} /* get the nav menu button to align to the bottom of the logo */

/* Video Wrapper to make embeded videos responsive */
.videoWrapper {position: relative; padding-bottom: 54%; padding-top:11px; height: 0; margin-bottom: 6px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* custom width on these columns so most brands/categories display without wrapping */
.sidebar.col-sm-3 {width:28%;} 
.listings.col-sm-9 {width:72%;}

/* Sidebar modules for boxing content */
.sidebar-module {padding: 15px;}
.sidebar-module h3 {margin-top:0px; margin-bottom:15px; color:#777;}
.sidebar-module-inset {padding: 15px; background-color: #f5f5f5; border-radius: 4px;}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {margin-bottom: 0;}

@media (max-width: 430px) {#logo { width: 220px; padding-left: -10px;}}

/* Footer */
.footer {
  margin-top:40px;
  padding: 40px 0;
  color: #999;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
}

.zebra th,td { padding-left: 3px; }

/* Change default color for text-warning */
.text-warning {color:#b69602;}

/* light colored text */
.light-text {color:#999;}

/* smallest text */
.smallest-text {font-size:10px;}

/* smaller text */
.small-text {font-size:12px;}

/* keyword search */
.searchArea {margin-bottom:40px; background:#23527c; border-radius:5px;}
.keyword-search .input-group {padding:20px 0px 20px 0px;}

/* Current Market */
.searchArea .current-market {padding-top:8px; background-color:#012443; padding-bottom:13px;}
.searchArea .current-market ul {padding-left:0px; padding-right:0px; text-align: center; list-style-type:none}
.searchArea .current-market-text {color:#fff; font-size:15px;}
.current-market-text .fa-map-marker {color:orangered;}
.searchArea .btn-default:hover, .searchArea .btn-default:focus, .searchArea .open>.dropdown-toggle.btn-default:hover {background-color:#fff;}

/* Listings styles */
.SortFilterArea {padding-bottom:20px;}
.SortFilterAreaTitle {color:#777; font-weight:bold;}
#FilterSpots .filterLink {border-right:1px solid #bbb; padding-right:5px; padding-left:5px;}

.listings h2 {margin-top:0px;}
.istings hr {clear:both; margin-top:0px;}
.listings-item {text-align: center; padding-bottom:25px; min-height: 234px; }
.listings-heading {margin-top:0px; font-weight:bold;}
/* .listings-title {padding-top:5px; overflow:hidden; height: 2em;} */

.itemActions {padding:4px 0px;}
.itemActions a, .itemActions button {width:48%; margin-right:1%;}

#PaginationArea {text-align: center;}

/* Search Options Area */
.sidebar label {font-weight:bold;}
.viewAllIndustry {text-align:center; padding-top:2px;}
.brand-category-list {color:#7a7a7a;} 
.brand-category-list a {line-height: 24px;padding-bottom:5px;}
.inventoryCount {font-size:12px;}
.mobile-brand-category-dropdown {display:none;}
#BrandTitle, #CategoryTitle {margin-top:20px;}
#InventoryTitle, #BrandTitle, #CategoryTitle label {font-size:16px;}
#InventoryTitle.form-group {margin-bottom:0px;}

.sidebarAccountLinks hr {border-top:1px solid #ccc;}
.sidebarAccountLinks a {font-size:16px; display:block; line-height:30px;}
.sidebarAccountLinks .fa-user, .sidebarAccountLinks .fa-history {color:#666;}
.sidebarAccountLinks .fa-star {color:#f0ad4e;}

/* Details Page */
.productInfo p {font-size:15px; color:#777;}


/* Outlined Button styles */
.btn-outline {color: inherit; background-color: transparent; transition: all .5s;}
.btn-primary.btn-outline {color: #428bca;}
.btn-success.btn-outline {color: #5cb85c;}
.btn-info.btn-outline {color: #5bc0de;}
.btn-warning.btn-outline {color: #f0ad4e;}

.btn-danger.btn-outline {color: #d9534f;}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Details page */
.details h1 {margin-bottom:2px;}
.details .spotDetails {padding-bottom:10px;}
.details .spotDetails .detailSep {padding:0px 4px;}
.details .spotDetailsDescription {padding-top:10px; font-size:18px;}

.productSelection {background:aliceblue; border:1px solid #becfde; padding:10px; margin-top: 15px; margin-bottom: 20px; }

.spanishOptions, .addToRequests {width:100%;}
.spanishOptionList .well {background-color:inherit; border-radius:inherit; border:none; padding:5px 0; margin-bottom:0px;}

.additionalProductTypes {padding-top:20px;}
.graphicAssets {}
.graphicAssets h5 {margin-bottom:3px;}
.graphicAsset {padding-bottom:20px;}
.graphicAsset.horizontalGraphic {text-align: center;}
.graphicAsset img {max-width:100%;}

.otherVersions {padding-top:20px; color:#666;}
.otherVersionsBlock {background-color:#f5f5f5;}
.otherVersionsBlock img {max-width:100%;}
.otherVersionsBlock h5 {text-align:center; margin-bottom:3px;}
.otherVersionsBlock p {text-align:center;}

.similarItems {background-color:#f5f5f5; text-align:center;}
.similarItems h4 {color:#666;}
.similarItemBlock {padding-bottom:1px;}
.similarItems .similarItemBlock h6 {margin-bottom:2px; color:#666;}


/* My Account section */
.accountsidebar {background:#f5f5f5;}
.myaccount legend {font-weight:bold;}

/* My Interests section */
.myInterests .interestsSelectAll {background:antiquewhite; margin-bottom:0px;}
.myInterests .panel-default>.panel-heading {background-color:#ccc;}
.myInterests .panel-title {font-size:18px;}


/* My Clients section */
.clients thead {background:#777; color:#fff;}
.clients .viewAllStoreUsers {margin-left:30px;}
.clients .viewClientActivityHistory {text-align:right;}


/****************** Responsive Styles ******************/

/* Small devices & Down (tablets and down) */
@media (max-width: 770px) 
    {
        h2 {font-size:26px;}
 /*       .row {margin-left:0px; margin-right:0px;} */
        hr {margin-bottom:10px; margin-top:0px;}
        .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {font-size:14px; padding: 10px 12px; height:34px; line-height:1;}

        .navbar-nav>li {border-right:0;}
        .container-fluid>.navbar-collapse {border-color:#aaa;}
        
        .keyword-search .input-group {padding: 15px 0px 15px 0px;}
        .current-market .btn-group, .current-market button, .searchArea .current-market ul {width:100%;}
        
        .mobile-brand-category-dropdown {display:block;}
        .brand-category-list {display:none;}
        
        .searchArea {margin-bottom:20px;}
        .searchArea .current-market {padding-top:0px; padding-bottom:10px;}
        #BrandTitle {margin-top:0px;}
        .sidebarAccountLinks {display:none;}
        
        .SortFilterArea {display:none;}
        
        .sidebar.col-sm-3, .listings.col-sm-9 {width:inherit;} /*reset custom width on these back to default for mobile */
        
        .listings h2 {margin-top:20px;}
        .listings hr {margin-bottom:20px;}
        .listings-item {padding-bottom:20px;}
        .listings-title {font-size:18px; font-weight:bold}
        
        .clients .viewAllStoreUsers {margin-left:0px; display:block; margin-top:10px;}
    }

/* Small devices & Large Desktops (between tablets and large desktops) */
@media  (max-width: 1200px) and (min-width: 770px) 
    {
        .container {width: 96%;}
    }

/* Small devices & Up (tablets and up) */
@media (min-width: 770px)
    {
        .container-fluid>.navbar-collapse {background-color:inherit;}
		.searchArea .current-market {min-height: 85px;}
    }

/* Desktops and lower */
@media (max-width: 992px)
{
	.clients .viewClientActivityHistory {text-align:left; margin-top:10px;} 
	.col-sm-12 hr { display:none; }
	.col-sm-12 h1 { font-size: 25px; }
	.otherVersions { font-size: 20px; }
	.mainProductDisplay  { padding-top: 30px;}
	.confirm_order {white-space:normal;font-size:15px; }
}
/* .industry_toggle{ display: none;} */
.industry_toggle_label { font-size: 18px; cursor: pointer;}
/* .industry_toggle_symbol { color: #E89346; } */
/* .industry_toggle_symbol+.icon-minus-sign { display: none;} */
/* .industry_toggle:checked + .industry_toggle_label .icon-minus-sign{ display: inline; } */
/* .industry_toggle:checked + .industry_toggle_label .icon-plus-sign{ display: none; } */

.panel-heading .accordion-toggle .fa-minus-circle { display: inline;}
.panel-heading .accordion-toggle .fa-plus-circle   { display: none;}
.panel-heading .accordion-toggle.collapsed .fa-minus-circle  { display: none;}
.panel-heading .accordion-toggle.collapsed .fa-plus-circle  { display: inline;}

.btn-disabled { background: #e6e6e6; border-color: #adadad; }

.vimeo_frame { width: 100%; cursor: pointer; cursor: hand; }

img.vimeo_play { width: 100%; opacity: 0.0; filter: alpha(opacity=0); zoom: 1; }
img.vimeo_play:hover { opacity: 1; filter: alpha(opacity=100); zoom: 1; }
img.youtube_play { width: 100%; opacity: 0.0; filter: alpha(opacity=0); zoom: 1; }
img.youtube_play:hover { opacity: 1; filter: alpha(opacity=100); zoom: 1; }
img.box_play { width: 100%; opacity: 0.0; filter: alpha(opacity=0); zoom: 1; }
img.item_placeholder { width: 100%; opacity: 0.0; filter: alpha(opacity=0); zoom: 1; }

.vimeo_frame iframe { width: 100%; }
  /* position: absolute; */
  /* top:0; */
  /* left: 0; */
  /* height: 100%; */
  /* padding-bottom: 25%; */
/* } */

.listings-title { width: 100%; margin-bottom:5px; overflow: hidden;}
.listings-title a { height: 1.4em; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.family-heading {
	width: 100%;
	height: 1.9em;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 5px;
}
.family-heading h5{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 5px;
	text-overflow: ellipsis;
}

label.error { color: red; font-weight: 700;}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}