/* CSS Document */

h1 {  }
h2 { font-size: 28px; margin-top: 0; }
.table td { word-break: normal; }
/*p, td { font-size: 110%; line-height: 1.3em; }*/

#ForgotPassword { text-transform: uppercase; color: #333; font-family: "Myriad Pro", "Vegur", "PT Sans", sans-serif; padding: 0.7rem 0 1.0625rem 0; font-size: 14px; }
#ForgotPassword:hover { color: #666; }
.users.form.forgot h2,
.users.form.reset h2 { font-size: 40px; }
@media (max-width:1000px) {
	div.message { height: auto; line-height: 1.2em; padding: 1rem 1.5rem; }
}

.clearboth { clear: both; }

#LoginDescription { margin: 0 -100px; text-align: center; }
@media ( max-width: 600px ) {
	#LoginDescription { margin: 0; }
}

#content .spinner { top: 150px !important; }
tbody.loading { opacity: 0.3; transition: opacity 0.3s; }

.modal form label { margin-bottom: 0; font-weight: normal; line-height: 1; }

.modal-content { border-radius: 0; border: none; }
.modal-content select { margin-bottom: 1rem; }
.modal-header { background: #0081c6; color: #fff; text-transform: uppercase; }
.modal-header h4 { font-size: 22px; letter-spacing: 0.5px; }
.modal-footer { background: #eee; clear: both; }
.modal-footer .btn { font-size: 12px; }
.modal-footer .btn.btn-primary { background: #0081c6; border-color: #305d84; color: #fff; }

.row { max-width: 100%; }
.row.no-gutter { margin-left: -0.9375rem; margin-right: -0.9375rem; width: calc(100% + 0.9375rem + 0.9375rem); max-width: calc(100% + 0.9375rem + 0.9375rem); }

.pull-right { float: right; }
.pull-left  { float: left; }
.btn { background: #ddd; border-color: #ccc; padding: 18px 15px 13px; font-size: 11px; color: #333; border-radius: 0; text-transform: uppercase; }
.btn:hover { background: #ccc; border-color: #bbb; color: #000; }

ul.dropdown-menu { border-radius: 0; }
ul.dropdown-menu li a { text-transform: uppercase; padding-top: 12px; padding-bottom: 12px; }

body { 
	background: #fff; background: linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 100%); background-repeat: no-repeat; background-size: auto 110px; 
	font-family: "Fira Sans", sans-serif;
}
body > .body-container { width: calc(1400px + 0.9375rem + 0.9375rem); margin: 0 auto; }
body > .body-container { width: 100vw; }
@media ( max-width: 1400px ) { 
	body.login nav.top-bar .logos-area { display: none; }
}
@media ( max-width: 768px ) { 
	body > .body-container > .top-bar > .title-area > h1.logo { width: 250px; min-width: 40%; max-width: 100%; }
	body > .body-container > .top-bar > .right-logo-area { width: 35%; }
	body.login #content { padding-left: 0; padding-right: 0; }
}
@media ( max-width: 640px ) {
	body > .body-container > .top-bar > .title-area > h1.logo { margin-left: 0; }
	body > .body-container > .top-bar > .title-area h1.logo > a { line-height: 2.5; }
}
@media ( min-width: 641px ) and ( max-width: 768px ) {
	body > .body-container > .top-bar > .title-area h1.logo > a { line-height: 1.9; }
}
@media ( max-width:  479px ) {
	body.login > .body-container { width: 100vw; } 
	body.login > .body-container > .top-bar > .right-logo-area { display: none; }
}

body > .body-container > .top-bar.boxed-logo { padding: 0; overflow: visible; }
body > .body-container > .top-bar.boxed-logo h1.logo { background: #fff; box-shadow: 0px 0px 20px rgb(0 0 0 / 50%); height: 130px; padding: 21px; margin-top: 0 !important; margin-left: 50px; }
@media ( max-width: 640px ) {
	body > .body-container > .top-bar.boxed-logo h1.logo { margin-left: 0; }
}

body > .body-container > .top-bar { height: 110px; background: #ddd; padding: 17px 0; }
body > .body-container > .top-bar h1.logo { min-width: 300px; width: 300px; margin-top: 12px; max-width: 80%; }
body > .body-container > .top-bar.expanded .title-area { background: none; }

body.THER > .body-container > .top-bar { padding: 7px 0; }
body.THER > .body-container > .top-bar h1.logo { width: 180px; margin-top: 0; }
body.THER > .body-container > .top-bar h1.logo img { max-height: 100px; }

body.login > .body-container > .top-bar h1.logo { margin-top: 3px; }

#main-container { padding-top: 60px; width: 100%; position: relative; }

#main-container .impersonating { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 36px; padding: 8px 20px; background: #c2dfef; border-top: 1px solid #a2bfcf; }

#main-container #content.large-9 { padding-top: 0; border-left: 1px dotted #333; }

#user-summary { margin-bottom: 50px; }

.nav ul { border-top: 1px solid #333; list-style: none; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.nav ul li { border-bottom: 1px solid #333; border-left: 1px dotted #333; }
.nav ul li a { display: block; text-transform: uppercase; padding: 10px 20px; color: #333; font-size: 12px; letter-spacing: 1px; }
.nav ul li a:hover { background: #f4f4f4; text-decoration: none; }
.nav ul li.active { border-left: 1px solid #4c4c4c; }
.nav ul li.active a { background: #4c4c4c; color: #fff; cursor: default; letter-spacing: 2px; }
#cartCount { float: right; background: #4c4c4c; padding: 7px 9px 7px 10px; border-radius: 13px; color: #fff; margin-top: -5px; margin-right: 0; letter-spacing: 1px; line-height: 1; }
li.active #cartCount { background: #fff; color: #4c4c4c; }
#cartCount:empty { display: none; }

@media ( min-width: 768px ) {
	.nav ul.admin { border-top: 0; }
	.nav ul li.header { border-left: 0; }
}
.nav ul.admin + ul.admin li.header { padding-top: 20px; }
.nav ul li.header a { font-weight: bold; cursor: default; }
.nav ul li.header a:hover { background: none; }

.nav ul li.active ul { border-top: 0; margin-top: -12px; }
.nav ul li.active ul li { border-left: 0; }
.nav ul li.active ul li a { padding-left: 30px; cursor: pointer; letter-spacing: 1px; text-transform: none; }
.nav ul li.active ul li a:hover { color: #ddd; }

form label { text-transform: uppercase; }
h2 { font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; }

.users.form { width: 440px; margin: 0 auto; }
@media ( max-width: 479px ) { 
	body.login .users.form { width: 90vw; } 
	body.login #content .users.form h2 { font-size: 11vw; } 
}
.users.form h2 { text-align: center; font-size: 40px; margin: 40px 0; }
.users.form button[type="submit"] { background: #ddd; color: #000; font-size: 13px; letter-spacing: 0.05em; line-height: 1; font-family: "Myriad Pro", "Vegur", "PT Sans", sans-serif; }
.users.form button[type="submit"]:hover { background: #eee; }

.logos-area { padding: 20px 2% 0 2%; }
.logos-area .brand-logo { display: inline-block; }
.logos-area .brand-logo:nth-child(1) { width: 17.5%; }
.logos-area .brand-logo:nth-child(2) { width: 17.5%; }
.logos-area .brand-logo:nth-child(3) { width: 18%; }
.logos-area .brand-logo:nth-child(4) { width: 12%; }
.logos-area .brand-logo:nth-child(5) { width: 12%; }
.logos-area .brand-logo:nth-child(6) { width: 18%; }
.logos-area .brand-logo:nth-child(7) { width: 16.5%; }
.logos-area .brand-logo img { width: 85%; }
body.login .right-logo-area img { max-height: 85px; float: right; }

body.showGaldermaBrands div.logos-area { display: block !important; }
@media ( min-width: 1200px ) {
	body.showGaldermaBrands div.title-area { width: 50%; padding-left: 10%; }
	body.showGaldermaBrands > .body-container > .top-bar h1.logo { width: 500px; }
	body.showGaldermaBrands div.logos-area { padding: 20px 0 0; width: 46%; max-width: 800px; }
	body.showGaldermaBrands div.logos-area .brand-logo { width: 19%; }
}
@media ( max-width: 1199px ) and ( min-width: 980px ) {
	body.showGaldermaBrands div.title-area { width: 50%; padding-left: 2%; }
	body.showGaldermaBrands > .body-container > .top-bar h1.logo { width: 500px; }
	body.showGaldermaBrands div.logos-area { padding: 20px 0 0; width: 46%; }
	body.showGaldermaBrands div.logos-area .brand-logo { width: 19%; }
}
@media ( max-width: 979px ) and ( min-width: 768px ) {
	body.showGaldermaBrands div.title-area { width: 40%; padding-left: 2%; }
	body.showGaldermaBrands > .body-container > .top-bar h1.logo { width: 500px; margin-top: 20px; min-width: 90%; }
	body.showGaldermaBrands div.logos-area { padding: 20px 0 0; width: 60%; }
	body.showGaldermaBrands div.logos-area .brand-logo { width: 19%; }
}
@media ( max-width: 768px ) and ( min-width: 768px ) {
	body.showGaldermaBrands > .body-container > .top-bar h1.logo { margin-top: 5px; width: 90%; }
}
@media ( max-width: 767px ) and ( min-width: 481px ) {
	body.showGaldermaBrands div.title-area { width: 40%; padding-left: 2%; }
	body.showGaldermaBrands > .body-container > .top-bar h1.logo { width: 500px; margin-top: 20px; min-width: 90%; }
	body.showGaldermaBrands div.logos-area { padding: 0 0 0 5%; width: 50%; }
	body.showGaldermaBrands div.logos-area .brand-logo { width: 32%; }
	body.showGaldermaBrands div.logos-area .brand-logo:nth-child(4) { margin-left: 18%; }
}
@media ( max-width: 480px ) {
	body.showGaldermaBrands div.title-area { width: 60%; padding-left: 2%; }
/*
	body.showGaldermaBrands > .body-container > .top-bar h1.logo { width: 500px; margin-top: 20px; min-width: 90%; }
	body.showGaldermaBrands div.logos-area { display: none; }
*/
}

table.table thead { background: #0081c6; }
.Collateral.cart table.table thead,
.Collateral.cart .modal-header { background: #7c37a4; }
.Collateral.cart .modal-footer .btn.btn-primary,
.Collateral.cart .btn.btn-primary:active,
.Collateral.cart .btn.btn-primary:focus,
.Collateral.cart #submit-cart .btn.btn-primary { background: #7c37a4; border-color: #632c83; color: #fff; }
table.table thead tr, table.table thead tr th { border: 0; }
table.table thead tr th { color: #fff; font-weight: normal; text-transform: uppercase; letter-spacing: -0.03em; font-size: 18px; padding: 18px 5px 15px 0.625rem; }

table.table tbody tr:nth-child(odd)  { background: #fcfcfc; }
table.table tbody tr:nth-child(even) { background: #f2f2f2; }
table.table tbody tr:hover           { background: #eee; }

table.table > tbody > tr > td.img { vertical-align: top; position: relative; }
table.table > tbody > tr > td.img > span.mktg_admin_only { display: block; position: absolute; top: 5px; right: 5px; padding-top: 0.3em; }
table.table > tbody > tr > td.img > span.promo { display: block; position: absolute; top: 5px; right: 5px; padding-top: 0.3em; background: #7c37a4; }

@media ( max-width: 767px ) {
	#nav { display:none; width: 250px; position: absolute; top: 110px; right: 0.9375rem; background: rgba(255,255,255,0.95); z-index: 1001; border-right: 1px dotted #444; padding-right: 0; } 
	#nav.open { display: block; }	
	#nav ul { border-top: 0; }
	#mobileNavBtn { position: absolute; bottom: 0.9375rem; right: 0.9375rem; font-size: 18px; padding: 10px 10px 6px; line-height: 1.1; }
	#content { width: 100%; border-left: 0 !important; padding-left: 0; padding-right: 0; }
}
@media ( min-width: 768px ) {
	#mobileNavBtn { display: none; }
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	box-shadow: none;
}