/*** Global ***/

a {
	color: #337ab7;
}

body a:focus {
	color: #05a8e9;
	text-decoration: none;
}

.clear { clear:both; height:0;}
.left { float:left; }
.right { float:right; }
.hide { display:none; }
.show { display:block; }
.inline-block  { display:inline-block; }
.mobileOnly { display: none; }
.noClick { pointer-events: none; }
.relative { position: relative; }
.heightAuto { height: auto; }
.no-wrap { white-space: nowrap; }

.spacer10 { height: 10px; }
.spacer20 { height: 20px; }
.spacer40 { height: 40px; }
.spacer60 { height: 60px; }
.spacer80 { height: 80px; }
.spacer100 { height: 100px; }

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }

.padding-xs { padding: 5px; }
.padding-sm { padding: 10px; }
.padding-md { padding: 40px; }
.padding-lg { padding: 60px; }
.padding-xl { padding: 100px; }

.padding-top-xs { padding-top: 5px; }
.padding-top-sm { padding-top: 10px; }
.padding-top-md { padding-top: 20px; }
.padding-top-lg { padding-top: 40px; }

.padding-left-xs { padding-left: 5px; }
.padding-left-sm { padding-left: 10px; }
.padding-left-md { padding-left: 20px; }
.padding-left-lg { padding-left: 40px; }

.padding-right-xs { padding-right: 5px; }
.padding-right-sm { padding-right: 10px; }
.padding-right-md { padding-right: 20px; }
.padding-right-lg { padding-right: 40px; }

.padding-bottom-xs { padding-bottom: 5px; }
.padding-bottom-sm { padding-bottom: 10px; }
.padding-bottom-md { padding-bottom: 20px; }
.padding-bottom-lg { padding-bottom: 40px; }

.spacer-xs { height: 10px; }
.spacer-sm { height: 20px; }
.spacer-md { height: 40px; }
.spacer-lg { height: 60px; }
.spacer-xl { height: 100px; }

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }
.noPadding,
.promoName.noPadding { padding: 0px; }

.negative-top-margin10 { margin-top: -10px; }
.negative-top-margin { margin-top: -15px; }
.negative-top-margin25 { margin-top: -25px; }

.margin-top-xs { margin-top: 5px; }
.margin-top-sm { margin-top: 10px; }
.margin-right-md { margin-right: 25px; }

.form-horizontal .control-label.form-label-block {
	margin-bottom: 5px;

}

.no-side-padding {
	padding-left: 0;
	padding-right: 0;
}

.opacity-50 {
	opacity: .5;
}

.td-middle {
	vertical-align: middle !important;

}

::-moz-selection{ background: #cdcdcd; color:#fff; text-shadow: none; }
::selection { background:#cdcdcd; color:#fff; text-shadow: none; } 
/*** Global END ***/


body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: calc(12px + .2vw);
}

a.whiteText,
.whiteText,
.text-white {
	color: #fff !important;
}

a.blackText,
.blackText {
	color: #000 !important;
}

.muted {
	opacity: .5;
}

.circle {
	border-radius: 50%;
}

.fullscreenArea {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
}

.line {
	display: block;
	height: 1px;
	margin: 20px 0px 20px 0px;
	background-color: rgba(175,175,175,.2);
}

.line.smallerMargin {
	margin: 8px 0px 8px 0px;
}

.dashed-line {
	display: block;
	height: 1px;
	margin: 20px 0px 20px 0px;
	border-top: 2px dashed rgba(175,175,175,.2);
}

.dotted-line {
	display: block;
	height: 1px;
	margin: 20px 0px 20px 0px;
	border-top: 2px dotted rgba(175,175,175,.2);
}

.alert-warning {
    color: #bd5e0a;
    background-color: #fce18e;
}

.text-warning {
    color: #bd5e0a !important;
}

.bs-callout-warning {
    border-left-color: #bd5e0a;
}
.bs-callout-warning h4, .text-warning {
    color: #bd5e0a;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.flex.vheight-100 .panel,
.flex.vheight-100 .box-set {
	height: 100%;
}

.btn {
	opacity: 1;
}

.btn:hover {
	opacity: .7;
}

.loginBtn {
	width: 60%;	
}

.content {
	padding: 50px 25px 0px 25px;
	box-sizing: border-box;
	min-height: 500px;	
}

.content.showSideNav {
	padding: 50px 25px 0px 25px;
	border-left: 234px solid transparent;
}

.light-theme .content.showSideNav {
	border-left-color: #28a6da;
}

.dark-theme .content.showSideNav {
	border-left-color: #1c1c1c;
}

.panel.flirtBluePanel {
	background-color: #05a8e9;
	padding: 10px;
	color: #fff;
}

.panel-default.flirtBluePanel >.panel-heading {
	background-color: #05a8e9;
	border-bottom: 1px solid #9bdcf6;
}

.panel-title span {
	font-size: 12px;
	color: #b7b7b7;
	text-transform: none;
}

.flirtBluePanel .panel-title span {
	color: #fff;
}

.panel.flirtBluePanel a {
	color: #fff;
}

.panel.panelBlack {
	background-color: #000;
	padding: 10px;
	border: 1px solid #222;
}

.panel-default.panelBlack >.panel-heading {
    background-color: #000;
	border-bottom: 1px solid #222;
}

.panel-default >.panel-heading {
	position: relative;
    border-radius: 0px;
    padding: 15px 100px 15px 15px;
	border-bottom: 0;
	box-sizing: border-box;
}

.noTitleBg.panel-heading {
	border-bottom: 1px solid rgba(100,100,100, .4);
}

.panel-heading-right {
	position: absolute;
	right: 10px;
	top: 10px;
	font-weight: bold;
}

.panel-title.thickTitle {
	text-transform: uppercase;
	font-weight: 700;	
}

.panel-body.no-padding {
	padding: 0;
}


/* Perfect Scrollbar updates */

.panel-body-scroll {
	position: relative;	
}
 
.ps-container.ps-active-y>.ps-scrollbar-y-rail,
.ps-container:hover>.ps-scrollbar-y-rail:hover {
	background: rgba(0,0,0,.4);
	border-radius: 0px;	
	width: 10px;
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-x-rail:hover {
	height: 10px;	
	background: rgba(0,0,0,.4);
	border-radius: 0px;	
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	border-radius: 0px;	
}

.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y, 
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y {
    width: 6px;
}

.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x, 
.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x {
	height: 6px;	
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail,
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
		background: rgba(0,0,0,.9);
		opacity: 1;
}


/* Page Components */

.pageTitleArea {
	height: 80px;
	line-height: 80px;
	text-transform: capitalize;
}

.pageTitleArea  h1 {
	display: inline-block;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	padding: 0 10px 0 0;
}

.pageTitleArea  h2 {
	display: inline-block;
	font-size: 17px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	padding: 0 10px 0 0;
}

.pageTitleArea  h4 {
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	padding: 0 0px 0 0;
}


.welcomePanel {
	min-height: 300px;	
}


/* Jump Menu */
.jumpMenu {
	position: absolute;
	right: 15px;
	top: 0px;
}

.jumpMenu .form-control,
.jumpMenu label {
	max-width: 60px;
	display: inline-block;
}

/* Chart panel height */
.chart {
	min-height: 320px;	
}

#vod_breakdown.chart {
	min-height: 250px;	
}

/* Panel header buttons */

.panel-heading-btns {
	display: inline-block;
	float: right;
	position: absolute;
	right: 7px;
	top: 7px;
}

.panel-heading-btns form {
	display: inline-block;
}

.hide-panel-btn {
	padding: 10px 10px 10px 10px;
	cursor: pointer;
	display: inline-block;
	color: #000;
	opacity: .8;
	transition: all .3s ease-in-out;
}

.hide-panel-btn:hover {
	opacity: 1;
}

.hide-panel {
	display: none;
}

.hide-panel:checked ~ .panel-heading .hide-panel-btn,
.hide-panel:checked ~ .panel-heading .dropArrow {
	transition: all .3s ease-in-out;
  	transform: rotateX(180deg);
	
}


.hide-panel:checked ~ .panel-body {
	display: none;
}

.hide-panel ~ .panel-body {
	display: block;
}

.panel-heading-btns .options {
	display: none;
}

/* icons inside buttons */

.btn i {
	margin-right: 5px;
}

.pager li>a i.fa-chevron-circle-left {
	margin-right: 5px;
}

.pager li>a i.fa-chevron-circle-right {
	margin-left: 5px;
}


/* Input Addon */
.input-group-addon {
    border-radius: 0px;
}

.nav.nav-tabs {
	display: table;
	white-space: nowrap;
	table-layout: fixed;
}

.nav.nav-tabs li {
	display: table-cell;
	white-space: nowrap;
	float: none;
}

.responsive-tabs {
	margin-bottom: -1px;
}

/* Font Awesome icons replacing images in Bootstrap media objects */
.media i.fa-5 {
		
	font-size:10em;
	padding-right:10px;
}

.fa-object {
	
	font-size:60px;
	float:left;
	height: 50px;
	line-height: 40px;
	padding-right: 20px;
	color: #0896cc;
}

/* If errors on the page have a <ul> */
.pageErrorsList {
	
	padding-left: 0;
}

.pageErrorsList li {
	list-style-type: none;
}

.total-row {
	font-weight: normal;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background: 
	  /* On "top" */
	  repeating-linear-gradient(
		45deg,
		transparent,
		transparent 10px,
		rgba(5,168,233,.1) 10px,
		rgba(5,168,233,.1) 20px
	  ),
	  /* on "bottom" */
	  linear-gradient(
		to bottom,
		rgba(5,168,233,.6),
		rgba(5,168,233,.6)
	  );
}

.table>tbody>tr.total-row>td {
	color: #fff;
	font-weight: 600;
}

.table thead th {
	white-space: nowrap;
}

/* Bootstrap Tabs fs */
.nav-tabs>li>a {
    border-radius: 0;
}

.responsive-tabs {
	max-width:100%; 
	overflow-x: auto;
}



/*** Data Table Extras ***/

div.dt-buttons {
	position: absolute;
    margin-top: -58px;
    width: auto;
    right: 38px;
    display: inline-block;
	float: none;
}

.panel-body.excelMidSection div.dt-buttons {
    margin-top: -35px;
	margin-right: 6px;
}

.panel-body.excelButtonSearch div.dt-buttons {
    margin-top: -35px;
	right: 10px;
}

.panel-body.excelButtonTitle div.dt-buttons {
    margin-top: -85px;
}

.panel-body.excelButtonTabsTitle div.dt-buttons {
    margin-top: -147px;
}

.panel-body.excelButtonTabs div.dt-buttons {
    margin-top: -109px;
}

.panel-body.excelButtonAccord div.dt-buttons {
    margin-top: -104px;
}

.panel-body.excelButton113 div.dt-buttons {
    margin-top: -113px;
}

.panel-body.excelNotInHeader div.dt-buttons {
    margin-top: -39px;
	margin-right: 12px;
}

.panel-body.excelButton65 div.dt-buttons {
	margin-top: -65px;
}

.panel-body.excelDropdown div.dt-buttons .buttons-excel {
    margin-top: -55px;
}

.excel_btn_cont a.dt-button,
.excel_btn_cont a.dt-button:hover {
	border: none;
	border-radius: 0;
}

.excel_btn_cont a.dt-button:hover {
	color: #000;
}

.dataTables_length {
	margin-bottom: -30px;
}

.dataTables_length label,
.dataTables_filter input {
	padding: 4px;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
}

.dataTables_length select,
.dataTables_filter input {
	padding: 4px; 
	margin: 0 5px 0px 5px;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
}

.dataTables_paginate {
	display: inline-block;
	float: right;
}

.dataTables_paginate a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #444;
	background: #eee;
	margin-left: 1px;
	min-width: 30px;
	text-align: center;
	padding: 0 5px 0px 5px;
	box-sizing: border-box;
	text-decoration: none;
}

.dataTables_paginate a:hover,
.dataTables_paginate a.current {
	color: #fff;
	background: #ccc;
	cursor: pointer;
	text-decoration: none;
}

.dataTables_paginate .ellipsis {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #444;
	padding: 0 5px 0px 5px;
}

.paginate_button.previous.disabled,
.paginate_button.next.disabled {
	opacity: .5;
	color: #444;
	background-color: #eee;
	cursor: default;
}

.paginate_button.previous.disabled:hover,
.paginate_button.next.disabled:hover {
	color: #333;
	background-color: #eee;
	cursor: default;
}

.paginate_button.previous,
.paginate_button.next {
	background-color: #01a7e1;
	color: #fff;
	padding: 0 10px 0px 10px;
}

.paginate_button.previous:hover,
.paginate_button.next:hover {
	background-color: #2db7ee;
	color: #fff;
}

/*
.dataTables_info {
	margin-bottom: -20px;
}
*/

.table-bordered>thead>tr>td {
	border-bottom: 0;
}

/* Instructions other than .help-block inside forms */
.inFormInstructions {
	margin:4px;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin-bottom: 5px;
}


/* Secondary Side nav */
.responsive-nav .mobile-title {
	display: none;
}

.responsive-nav > ul ul li {
	padding-left: 20px;
}


/* bio headshot */
.bio-headshot {
	position: relative;
}

.bio-headshot img {
	width: 100%;
}
.bio-headshot a.btn {
	width: 50%;
}

.bio-headshot .btn-group{
	width: 100%;
}

.table-responsive table.dataTable td.sorting_1.label-danger, .table-responsive table.dataTable td.sorting_2.label-danger,
 .table-responsive table.dataTable td.sorting_3.label-danger, .table-responsive table.dataTable th.sorting_1.label-danger,
 .table-responsive table.dataTable th.sorting_2.label-danger, .table-responsive table.dataTable th.sorting_3.label-danger {
	 background-color: #d9534f !important;
 }

.sm-header-font th {
	font-size: 11px;
	text-transform: uppercase;
}

 /** Suggestions box in the footer **/
 #suggestClose {
	cursor:pointer;
}

#footerSuggestionForm {
	position:relative; top:-350px;
}

 /* responsive header */

.headerResponsiveMain {
	width: 100%;
	padding-bottom: 20.8%;
	margin-bottom: 20px;
	clear: both;
}

.headerResponsiveInnerLeft,
.headerResponsiveInnerMiddle,
.headerResponsiveInnerRight {
	float: left;
	width: 33.3%;
}

.headerResponsiveInnerLeft img,
.headerResponsiveInnerRight img,
.headerResponsiveInnerMiddle img {
	max-height: 250px;
	max-width: 400px;
	margin: 0 auto;
	display: block;
}

.headerResponsiveInnerLeft img {
	float: left;
}

.headerResponsiveInnerRight img {
	float: right;
	margin-right: -2px;
}

.panel-group .panel {
	border-radius: 0;
}

.formElementBottomSpacer15 {
	margin-bottom: 15px;
}

.formElementBottomSpacer10 {
	margin-bottom: 10px;
}

.btn.btn-default.buttonNoBottomMargin {
	margin-bottom: 0;
}

.panel-body.noBottomPaddFix {
	padding-bottom: 0;
}



/* Flex items */
.flex-wrap {
	display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
	width: 100%;
}

/* Flex Leader Board */
.flex-wrap .leader-board {
	flex-grow: 1;
	margin: .25%;
	text-align: center;
	background-color: #ccc;
	color: #fff;
	position: relative;
}

.flex-wrap .leader-board:nth-child(1) {
	background-color: #43c33d;
}

.flex-wrap .leader-board:nth-child(2) {
	background-color: #0072bc;
}

.flex-wrap .leader-board:nth-child(3) {
	background-color: #5bc8ba;
}

.flex-wrap .leader-board:nth-child(4) {
	background-color: #1598bd;
}

.flex-wrap .leader-board:nth-child(5) {
	background-color: #ccae09;
}

.leader-header {
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	background-color: rgba(0,0,0,.1);
	font-weight: 400;
}

.leader-board-number {
	height: 90px;
	line-height: 90px;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

a.leader-user {
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	font-weight: 400;
	margin: 0px 0 20px 0px;
	display: block;
	text-decoration: none;
	color: #fff;
}

a.leader-user:hover {
	text-decoration: underline;
	color: #fff;
}

/* From validation */
.glyphicon-ok,
.glyphicon-remove,
.bs-error-msg {
	display:none;
}

.bs-error-msg {
	color: #a94442;
}

.form-group.has-success .glyphicon-ok,
.form-group.has-error .glyphicon-remove,
.form-group.has-error.error1 .bs-error-msg.error1,
.form-group.has-error.error2 .bs-error-msg.error2 {
	display: inline-block;
}

.datesSelectInline {
	width: 30%;
    display: inline-block;
}


/* Button Nav Group */
.button-nav-group {
	margin: 20px 0px 20px 0px;
	width: 100%;
}

.button-nav-group button {
	width: 19%;
	margin: 0 1.25% 0 0;
}

.button-nav-group button:last-child {
	margin: 0 0 0 0;
}


/* Forum snippets */

a.short-desc {
	color: #ccc;
	display: block;
	margin-bottom: 14px;
}

a.short-desc .first-line {
	display: block;
	font-size: 90%;
	padding-bottom: 4px;
}

a.short-desc:hover {
	text-decoration:none;
	color: #05a8e9;
}

a.short-desc .first-line small {
	padding-left: 5px;
}


/* Photo Cropper CSS */
#jCropModal {
	position:fixed;
	top:0;
	left:0;
	z-index:1049; /* bootbox/bootstrap modal has z-index of 1050 */
	min-width:100%;
	min-height:100%;

}

#modalWrapper{
	display: none;
	position:fixed;
	top:0;
	left:0;
	z-index:1100;
	min-width:100%;
	min-height:100%;
	background: #000;
	opacity:1;
}

body #lc_chat_layout {
	z-index: 50;
}

#jCropModal .panel-body {
	height: calc(100% - 110px);
	width: 100%;
	position: absolute;
	overflow-y: auto;
}

/* 	Center the buttons when they are collapsed for mobile */
#cropperJSHeader button {
	text-align: center;
}

#dragDropArea {
	height: 100%;
	line-height: 80vh;
}

#jCropModal .panel-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	left:0;
	background-color: rgba(100,100,100,.4);
	border-top: 1px solid  rgba(100,100,100,.6);
}

#jCropModal .panel-heading span {
	 padding-left: 0px; 
}

#jCropModal .panel-title,
#dragDropArea {
	color: #111;
}

.dark-theme #jCropModal .panel-title,
.dark-theme #dragDropArea {
	color: #111;
}

#dragDropArea {
	font-size: 18px;
}



/* Search Page */
.search-title {
	text-transform: capitalize;
	margin: 10px 0px -14px 0px;
}

.views {
	position: absolute;
	display: inline-block;
	background: rgba(0,0,0,.6);
	color: #fff;
	bottom: 0;
	right: 0;
	padding: 2px 5px 2px 5px;
	font-size: 10px;
}

.video-link {
	display: block;
	position: relative;
	padding: 0;
	border: 1px solid rgba(150,150,150,.5);
}

.thumbnail a.video-link>img {
	display: block;
	padding: 0;
}

.panel.notificationPanel.panel-info {
	background-color: #05a8e9;
	border-left: 5px solid #73d9ff;
	color:#fff;
}


/* Image Gallery Modal */

.open-modal:hover {
	opacity: .8;
}

.modal {
	display: none; 
	position: fixed; 
	z-index: 1100; 
	padding-top: 100px; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto; 
	background-color: rgba(0,0,0,0.7); 
}

.modal-check {
	display: none;
}

.modal-check:checked ~ .modal {
	display: block;	
}

.modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
}

body .modal-backdrop {
	z-index:98;
}

.modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

.text-danger {
    color: #ff0000 !important;
	font-weight: 400;
}

@-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)}
	to {-webkit-transform:scale(1)}
}

@keyframes zoom {
	from {transform:scale(0)}
	to {transform:scale(1)}
}

/* The Close Button */
.gallery-close {
	position: absolute;
	top: 45px;
	right: 20px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	transition: 0.3s;
	opacity: .8;
}

.gallery-close:hover,
.gallery-close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

.panel-default.flirtBluePanel >.panel-heading {
	color: #fff;
}

/* Loading Spinner */
.loading-spinner,
.loading-spinner.dark-spinner,
.box-set .loading-spinner.dark-spinner {
    display: none;
    border: 2px solid rgba(150,150,150,0.2);
    border-radius: 50%;
    border-top: 2px solid #28a6da;
    width: 30px;
    height: 30px;
    margin-bottom: -.1em; 
    animation: none;
}


.panel-footer {
	background-color: transparent;
	border-top: 1px solid rgba(150,150,150,.3);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.has-loader .loading-spinner {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	animation: spin .5s linear infinite;
	display: inline-block;
}

.flirtBluePanel .loading-spinner,
.power-bar .loading-spinner,
.box-set .loading-spinner,
.loading-spinner.light-spinner {
	border: 2px solid rgba(255,255,255,0.2);
    border-top: 2px solid #fff;
}

.flirtBluePanel .loading-spinner,
.box-set .loading-spinner {
	top: 32%;
}

.power-bar.has-loader .loading-spinner {
    left: 100%;
}

/* Header Tooltips */
.panel-title .tool-tip-header,
.panel-body .tool-tip-header {
	z-index: 2;
	position: absolute;
    top: 14px;
    right: 10px;
	color: rgba(150,150,150,.9);
}


/* iframes */
.iframe {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 100vh;
	border: 0;
}

.tab-info .iframe {
	height: 2000px;
}

.tab-info.tab-photos .iframe {
	height: 4000px;
}

.tab-info.tab-photos.frame0 .iframe {
	max-height: 1000px;
}

.update-date-design select.calendarDateInput {
	width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
}

.update-date-design img {
	margin: 2px;
}

.table.tbl>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.studio .responsive-tabs.vod-tabs {
	display: none;
}

.is-modal #main_breadcrumb.breadcrumb {
	display: none;
}


/* Footer theme color links */
#theme_change_dark,
#theme_change_light {
	display: none;
}

.light-theme #theme_change_dark {
	display: inline;
}

.light-theme #theme_change_dark i {
	color: #111;
}

.dark-theme #theme_change_light {
	display: inline;
}
.dark-theme #theme_change_light i {
	color: #eee;
}
.no-padding {
	padding: 0;
}


body .modal-backdrop {
	background: none;
}


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
	.modal-content {
		width: 100%;
	}
} 

@media all and (min-width: 1500px) {

	.headerResponsiveMain {
		height: 250px;
		padding-bottom: 0;
	}

}

@media all and (max-width: 1024px) {

	#footerSuggestionForm {
		position:relative; top:-350px;
	}
	
	.breadCrumbSpacer {
		display: none;	
	}
	
	.breadcrumb {
		font-size: 10px;	
	}
	
	.pageTitleArea {
		height: 60px;
		line-height: 60px;
	}
	
	.pageTitleArea  h1 {
		font-size: 17px;
		padding-left: 5px;
	}
	
	.pageTitleArea  h2 {
		font-size: 14px;
		padding-left: 5px;
	}
	
	.pageTitleArea  h4 {
		font-size: 11px;
	}
	
	.content #main_breadcrumb {
		margin: 0px;
		padding-left: 0px;
		position: static;
	}
	
	
	.panel-heading-btns .options {
		display: inline-block;
	}
	
	.panel-btn-wrap {
		display: none;
	}
	
	.panel-heading-btns:hover .panel-btn-wrap {
		display: block;
		position: absolute;
		right: 0;
		z-index: 20;
		background-color: #fff;
		box-shadow: 0px 5px 5px rgba(0,0,0,.4);
	}
	
	.panel-heading-btns:hover .panel-btn-wrap .btn {
		text-align: left;
		width: 100%;
	}
	
}


@media all and (max-width: 991px) {

	#footerSuggestionForm {
		position:relative; top:-370px;
	}

	/* Secondary Side nav */
	.responsive-nav .mobile-title {
		display: block;
		cursor: pointer;
		height: 40px;
		width: 100%;
		line-height: 40px;
		padding: 0 10px 0px 10px;
	}

	.responsive-nav > ul {
		display: none;
	}
	
	#open_side_menu:checked ~ .responsive-nav > ul {
		display: block;
	}
	
	
}

@media all and (max-width: 767px) {
	
	#footerSuggestionForm {
		position:relative; top:-380px;
	}
	
	.mobileOnly { display: block; }
	
	.welcomePanel {
		min-height: 0;	
	}
	
	.loginBtn {
		width: auto;	
	}

	.responsive-tabs {
		overflow-x: auto;
		overflow-y: hidden;
		position: relative;
		-webkit-overflow-scrolling: touch;
	}
	
	.dataTables_info,
	.dataTables_length{
		margin-bottom: 0px;
	}
	
	
	.leader-header {
		font-size: 12px;
	}
	
	.leader-board-number {
		height: 60px;
		line-height: 60px;
		font-size: 15px;
	}
	
	.flex-wrap .leader-board {
		width: 40%;
	}

	.table-responsive {
		border: 1px solid #353535;
		-webkit-overflow-scrolling: touch;
	}

}

@media all and (max-width: 500px) {
	
	#footerSuggestionForm {
		position:relative; top:-450px;
	}
	
	.pageTitleArea  h4 {
		display: none;
	}
	
	.gallery-close {
		top: 75px;
		right: 5px;
		font-size: 18px;
	}


}

@media all and (max-width: 400px) {

	.headerResponsiveInnerLeft, .headerResponsiveInnerRight {
		display: none;
	}

	.headerResponsiveInnerMiddle {
		width: 100%;
	}

	.headerResponsiveMain {
		padding-bottom: 65%;
	}

	.animation {
		width: 100%;

	}
	
	.flex-wrap .leader-board {
		width: 100%;
	}

}


/* Badges addition */

#cookiePolicyBanner {
	display: none !important;
}

.badges-container {
	margin: 0px -10px;
}

.badges-alert {
	background-image: linear-gradient(225deg, #00D3F2 0%, #00BDFF 100%);
	border-radius: 8px;
	margin: 15px 0;
	display: flex;
	flex-direction: column;
	padding: 20px 10px;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,151,187,0.11);
	position: relative;
	min-height: 85px;
	justify-content: center;
}

.badges-alert-dismiss {
	position: absolute;
	right: 15px;
	top: 30px;
}

.badges-alert-dismiss i {
	font-size: 24px;
	text-shadow: 0 2px 4px rgba(8,163,187,0.69);
}

.badges-alert-header {
	font-size: 24px;
	font-weight: 600;
}

.badges-alert-sub {
	font-size: 14px;
}

.badges-sort-container {
	margin: 10px 0 0px;
	padding-bottom: 20px;
}

.badges-sort-title {
	font-weight: Bold;
	font-size: 18px;
	color: #00A7E1;
}

.badges-sort-options {
	display: flex;
	margin: 10px 0 5px;
}

.badges-sort-single-option {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	padding: 10px 20px;
	text-align: center;
	background-image: linear-gradient(225deg, #0096FF 0%, #00BDFF 100%);
	border-radius: 8px;
	opacity: .7;
	position: relative;
}

.badges-sort-single-option:hover {
	opacity: 1;
	cursor: pointer;
}

.badges-sort-single-active {
	opacity: 1;
}

.badges-sort-single-option-text {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 700;
	letter-spacing: .4px;
	text-shadow: 0 2px 2px rgba(0,151,187,0.11);
}

.badges-sort-single-option-check {
	background: #EBEBEB;
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: -30px;
	border-radius: 20px;
}

.badges-sort-check {
	display: none;
}

.badges-sort-single-active .badges-sort-check {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: #4AC543;
	border-radius: 100%;
	color: #fff;
}

.badges-view-container {
	display: flex;
	flex-direction: column;
}

.single-badge-section {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 10px 0 20px;
}

.single-badge-section-title {
	font-size: 16px;
	color: #0097FF;
	font-weight: bold;
	position: sticky;
	top: 51px;
	z-index: 2;
	height: 46px;
	display: flex;
	align-items: center;
	width: fit-content;
}

.single-badge-section-category {

}

.badge-category-row {
	display: flex;
	min-height: 250px;
	margin: 20px 0 10px;
}

.hide-locked-badges.badge-category-row .badge-category-single-section-single-badge.badge-type-locked {
	display: none !important;
}

.badge-category-row-left {
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding: 15px;
	border-radius: 10px;
	background-image: linear-gradient(225deg, #0096FF 0%, #00BDFF 100%);
	color: #fff;
	max-width: 165px;
	min-width: 165px;
	width: 100%;
	position: sticky;
	top: 103px;
	max-height: 140px;
}

.badge-caregory-row-left-main-category-title {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	background: #155b75;
	width: 100%;
	border-radius: 4px;
}

.badge-caregory-row-left-title {
	font-size: 16px;
	font-weight: 600;
}

.badge-caregory-row-left-sub-title {
	font-size: 12px;
	margin-bottom: 5px;
}

.badge-category-row-left-unlocked {
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: 400;
}

.badge-category-row-left-locked {
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: 400;
}

.options-toggle-container {
	margin: 0px 0px -51px 0px;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: sticky;
	top: 51px;
	height: 46px;
	z-index: 3;
}

.expired-badges-container,
.expired-badges-notice {
	display: none;
}

.view-expired-badges.badges-container .expired-badges-container,
.view-expired-badges.badges-container .expired-badges-notice {
	display: flex;
	margin: 0px 20px;
}

.dashboard-section-active .expired-badges-container,
.dashboard-section-active .expired-badges-notice {
	display: none !important;
}

.show-expired-badges {
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #eeeeee;
}

.show-expired-badges,
.show-locked-badges {
	display: flex;
	align-items: center;
	justify-content: center;
}

.show-expired-badges {
	margin-right: 15px;
}

.show-locked-badges-title,
.show-expired-badges-title {
	margin: 0px 10px 0px 0px;
	font-weight: 400;
}

.show-locked-badges-toggle {

}

.badge-category-row-right {
	border-radius: 8px;
	padding: 0px 10px;
	display: flex;
	flex-direction: column;
}

.badge-category-single-section {
	margin: 0px 15px 45px 0px;
}

.badge-category-single-section-title {
	color: #00B3FF;
	font-size: 18px;
	font-weight: 600;
	position: sticky;
	top: 51px;
	z-index: 1;
	height: 46px;
	display: flex;
	align-items: center;
	width: fit-content;
}

.badge-category-single-section-badges {
	display: flex;
	border-radius: 6px;
	flex-wrap: wrap;
}

.badge-category-single-section-single-badge {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-right: 10px;
	flex: 1 1 13.5%;
	max-width: 190px;
	position: relative;
}

.badge-category-single-section-single-badge-image-container {
	width: 190px;
	background: rgba(255,255,255,0.46);
	box-shadow: 0 0 12px 0 rgba(120,149,208,0.15);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 155px;
	background-size: auto 150px;
	background-repeat: no-repeat;
	background-position: center -5px;
}

.badge-category-single-section-single-badge img {
	width: 150px;
}

.badge-category-single-section-single-badge span {
	font-size: 13px;
	font-weight: 600;
	color: #707070;
	margin: 6px 0 15px;
}

.badges-sort-single-option.option-2 {
	flex-direction: column;
	height: 115px;
	width: 190px;
	padding: 0px 2px;
	background: rgba(255,255,255,0.46);
	box-shadow: 0 0 12px 0 rgba(120,149,208,0.15);
	border-radius: 8px;
	opacity: 1;
}

.badges-sort-single-option.option-2.badges-sort-single-active {
	background-image: linear-gradient(225deg, #0096FF 0%, #00BDFF 100%);
}

.badges-sort-single-option.option-2:not(.badges-sort-single-active) img {
	filter: grayscale(1) invert(1);
	opacity: .2;
}

.badges-sort-single-option.option-2:hover:not(.badges-sort-single-active) img {
	filter: none;
	opacity: 1;
}

.badges-sort-single-option.option-2:hover:not(.badges-sort-single-active) .badges-sort-single-option-text {
	color: #fff;
}

.badges-sort-single-option.option-2:hover:not(.badges-sort-single-active) {
	background-image: linear-gradient(225deg, #0096FF 0%, #00BDFF 100%);
}

.badges-sort-single-option.option-2 img {
	margin: 15px 0;
}

.badges-sort-single-option.option-2 .badges-sort-single-option-text {
	color: rgba(72, 72, 72, .5);
	text-shadow: unset;
}

.badges-sort-single-option.option-2.badges-sort-single-active .badges-sort-single-option-text {
	color: #fff;
}

.unlock-button {
	position: relative;
	width: 74px;
	height: 36px;
	margin: 0 auto;
	overflow: hidden;
}

.unlock-button,
.unlock-button .layer {
	border-radius: 100px;
}

.unlock-button .checkbox {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 3;
}

.unlock-button .knobs {
	z-index: 2;
}

.unlock-button .button-cover,
.unlock-button .knobs,
.unlock-button .layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.unlock-button .layer {
	width: 100%;
	background-color: #77dcff;
	transition: 0.3s ease all;
	z-index: 1;
}

/* Button 9 */
#button-9 .knobs:before, #button-9 .knobs:after, #button-9 .knobs span
{
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
	transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
	box-sizing: unset;
}

#button-9 .knobs:before
{
    content: 'YES';
    left: 4px;
}

#button-9 .knobs:after
{
    content: 'NO';
    right: -24px;
}

#button-9 .knobs:before, #button-9 .knobs:after
{
    color: #fff;
    z-index: 2;
}

#button-9 .knobs span
{
    left: 4px;
    background-color: #03a9f4;
    z-index: 1;
}

#button-9 .checkbox:checked + .knobs:before
{
    left: -24px;
}

#button-9 .checkbox:checked + .knobs:after
{
    right: 4px;
}

#button-9 .checkbox:checked + .knobs span
{
    left: 42px;
    background-color: #F44336;
}

#button-9 .checkbox:checked ~ .layer
{
    background-color: #fcebeb;
}

.badges-main-title-container {
	width: 275px;
	height: 69px;
	background: rgba(255,255,255,0.46);
	box-shadow: 0 0 12px 0 rgba(120,149,208,0.15);
	border-radius: 8px;
	margin: 10px 0px 0px 0px;
	display: flex;
	align-items: center;
	padding: 0px 5px;
}

.badges-main-title-container img {
	margin: 0px 15px;
}

.badges-main-title-container .badges-main-title-text {
	color: #00A7E1;
	font-size: 21px;
	font-weight: 600;
}

.badges-dashboard {
	display: flex;
	margin: 20px 0 40px;
	flex-direction: column;
}

.badges-dashboard-leaderboard,
.badges-dashboard-leaderboard-30,
.badges-dashboard-most-popular,
.badges-dashboard-recently-earned,
.badges-dashboard-favorited {
	background: rgba(255,255,255,0.46);
	box-shadow: 0 0 12px 0 rgba(120,149,208,0.15);
	border-radius: 8px;
	margin: 0px 1% 0px 0px;
	padding: 10px 12px;
}

.badges-dashboard-row-1 {
	display: flex;
	margin: 0px 0 1%;
	flex-direction: row;
}

.badges-dashboard-leaderboard,
.badges-dashboard-leaderboard-30 {
	flex: 0 1 24.5%;
}

.badges-dashboard-most-popular {
	flex: 0 1 50%;
}

.badges-dashboard-row-2 {
	display: flex;
	flex-direction: row;
}

.badges-dashboard-recently-earned,
.badges-dashboard-favorited {
	flex: 0 1 50%;
	min-height: 250px;
	max-height: 420px;
	overflow-y: auto;
}

.badges-dashboard-title {
	font-size: 13px;
	color: #00a7e1;
	font-weight: 600;
	margin-bottom: 2px;
}

.badges-dashboard-text {
	font-size: 13px;
	color: #474B4E;
	font-weight: 300;
	margin-bottom: 10px;
}

.badges-leaderboard-container {

}

.badges-leaderboard-single-model {
	display: flex;
	margin: 10px 0px;
}

.badges-leaderboard-single-model-rank {
	margin-right: 10px;
	width: 17px;
	text-align: center;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}

.badges-leaderboard-single-model-image {
	width: 25px;
	height: 25px;
	background: #eee;
	border-radius: 20px;
	margin-right: 12px;
}

.badges-leaderboard-single-model-name {
	font-size: 14px;
	display: flex;
	align-items: center;
	font-weight: 400;
}

.badges-options-container {
	display: flex;
	position: sticky;
	top: 51px;
	z-index: 1;
	background: #f6f9ff;
	height: 46px;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	margin: 0px -15px;
	padding: 0px 15px;
}

.badges-options-container .show-locked-badges {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.show-all-sections #inner-section-1,
.show-all-sections #inner-section-2,
.show-all-sections #inner-section-3,
.show-all-sections #inner-section-4 {
	display: flex !important;
}

.show-section-1 #inner-section-2,
.show-section-1 #inner-section-3,
.show-section-1 #inner-section-4 {
	display: none !important;
}

.show-section-2 #inner-section-1,
.show-section-2 #inner-section-3,
.show-section-2 #inner-section-4 {
	display: none !important;
}

.show-section-3 #inner-section-1,
.show-section-3 #inner-section-2,
.show-section-3 #inner-section-4 {
	display: none !important;
}

.show-section-4 #inner-section-1,
.show-section-4 #inner-section-2,
.show-section-4 #inner-section-3 {
	display: none !important;
}

.single-badge-overlay-info-container {
	display: none;
}

.badge-category-single-section-single-badge-image-container:hover .single-badge-overlay-info-container {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 0px 2px;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	background: #00a2ff;
	color: #fff;
	border-radius: 8px;
}

.single-badge-overlay-description {
	font-size: 12px;
	font-weight: 100;
	margin-bottom: 10px;
}

.single-badge-overlay-active-models {

}

.single-badge-overlay-badge-status {

}

.single-badge-overlay-earned-date {

}

.single-badge-overlay-buttons {
	display: flex;
	margin-top: 15px;
}

.single-badge-overlay-favorite {
	margin-right: 15px;
}

.single-badge-overlay-favorite,
.single-badge-overlay-hide {
	cursor: pointer;
}

.single-badge-overlay-favorite i,
.single-badge-overlay-hide i {
	font-size: 21px;
}

.expired-badges-container .badge-category-single-section-single-badge-image-container {
	background-size: 65%;
	background-position: center center;
}

.expired-badges-notice {
	background: #FF9800;
	padding: 20px;
	border-radius: 5px;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}

.expired-badges-notice span {

}

.expired-badges-notice i {

}

.expired-badge-ribbon {
	display: none;
}

.expired-badges-container .expired-badge-ribbon {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	background: #ff9801;
	padding: 5px;
	font-size: 11px;
	color: #fff;
	font-weight: 700;
	border-top-left-radius: 8px;
}

.mobile-options-toggle {
	display: none;
}

@media screen and (max-width: 768px) {
	.badges-dashboard-leaderboard,
	.badges-dashboard-leaderboard-30,
	.badges-dashboard-most-popular,
	.badges-dashboard-recently-earned,
	.badges-dashboard-favorited {
		flex: 0 1 100%;
		max-height: 200px;
		overflow-y: auto;
		margin: 0px 0px 10px 0;
	}

	.badges-dashboard-row-1,
	.badges-dashboard-row-2 {
		flex-direction: column;
	}

	.badges-sort-single-option {
		width: 110px !important;
		margin-bottom: 10px;
	}

	.badges-sort-options {
		flex-wrap: wrap;
	}

	.mobile-options-toggle {
		display: flex;
		margin-right: 10px;
		font-size: 24px;
	}

	.badge-category-single-section-title {
		width: 80%;
		font-size: 12px;
	}

	.badge-category-row-left {
		min-width: 120px;
	}

	.single-badge-section-title {
		font-size: 12px;
	}

	.badge-category-row-right {
		padding: 0px 5px;
	}

	.badges-options-container {
		margin: 0px;
	}

}

.badges-v2 {
	margin: 0px -25px;
}

.badges-v2 .badges-main-nav {
	display: flex;
	padding: 0px 20px;
	height: 44px;
	border-bottom: 1px solid #eee;
	background: #fff;
}

.badges-v2 .badges-nav-title {
	display: flex;
	align-items: center;
	color: #00A7E1;
}

.badges-v2 .badges-main-title-text {
	font-size: 18px;
	font-weight: 700;
	margin-left: 10px;
}

.badges-v2 .badges-nav-items {
	display: flex;
	width: 100%;
	align-items: center;
	margin-left: 50px;
}

.badges-v2 .badges-nav-single-item {
	font-size: 15px;
	color: #999999;
	padding: 0px 20px;
	font-weight: 500;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.badges-v2 .badges-nav-single-item:hover {
	color: #00a7e1;
}

.badges-v2 .badges-nav-single-item.badges-nav-single-item-active {
	color: #00A7E1;
	font-weight: 600;
}

.badges-v2 .badges-nav-single-item.badges-nav-single-item-active:after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #00a7e1;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.badges-v2 .badges-sort-single-item-text {

}

.badges-v2 .badges-main-container {
	height: 100%;
}

.badges-v2 .badges-sticky-header {
	display: flex;
	justify-content: space-between;
	height: 65px;
	align-items: center;
	padding: 0px 20px;
	border-bottom: 1px solid #eee;
	position: sticky;
	top: 51px;
	width: 100%;
	background: #f6f9ff;
	z-index: 2;
}

.badges-v2 .sticky-header-left {
	display: flex;
	align-items: center;
}

.badges-v2 .sticky-header-title {
	font-size: 15px;
	color: #00A7E1;
	font-weight: 600;
	display: flex;
	width: 165px;
	justify-content: center;
	margin-right: 25px;
	flex-direction: column;
}

.badges-v2 .sticky-header-title span {
	font-size: 12px;
	color: #737373;
	font-weight: 400;
}

.badges-v2 .sticky-header-options {
	display: flex;
}

.sticky-header-subcat-a {
	display: flex;
}

.sticky-header-subcat-a-option {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 135px;
	margin-right: 15px;
	border: 2px solid #3DB6FF;
	border-radius: 3px;
	color: #3DB6FF;
	font-weight: 400;
	font-size: 16px;
	cursor: pointer;
}

.sticky-header-subcat-a-option i {
	margin-left: 10px;
}

.sticky-header-subcat-a-option:hover {
	background: #3DB6FF;
	border: 0px;
	color: #fff;
}

.sticky-header-subcat-a-option.subcat-option-a-active {
	background: #3DB6FF;
	border: 0px;
	color: #fff;
}

.dashboard-section,
.most-credits-section,
.performance-awards-section,
.model-milestones-section,
.promotions-section {
	display: none;
}

.badges-container.dashboard-section-active .dashboard-section,
.badges-container.most-credits-section-active .most-credits-section,
.badges-container.performance-awards-section-active .performance-awards-section,
.badges-container.model-milestones-section-active .model-milestones-section,
.badges-container.promotions-section-active .promotions-section {
	display: flex;
	flex-wrap: wrap;
}

.section-content {
	width: 100%;
	padding: 10px 20px 0px 20px;
}

.section-content .badges-dashboard {
	margin: 0;
}

.badges-v2 .badge-category-row-left {
	top: 130px;
}

.badges-v2 .badge-category-single-section-title {
	position: relative;
	top: 0;
	z-index: auto;
}

.badges-v2 .badge-category-row {
	margin-top: 0px;
}

#category-private_shows,
#category-multiuser_shows,
#category-general,
#category-fotm,
#category-foty,
#category-special_events,
#category-most_credits,
#category-most_gifts {
	display: none;
}

#category-private_shows.badge-category.badge-category-shows-active,
#category-multiuser_shows.badge-category.badge-category-shows-active,
#category-general.badge-category.badge-category-general-active,
#category-fotm.badge-category.badge-category-elite-active,
#category-foty.badge-category.badge-category-elite-active,
#category-special_events.badge-category.badge-category-elite-active,
#category-most_credits.badge-category.badge-category-holidays-active,
#category-most_gifts.badge-category.badge-category-holidays-active { 
	display: flex;
}

.badges-v2 .hide-locked-badges-section .badge-type-locked {
	display: none;
}

.dashboard-badges-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.dashboard-badges-container-empty {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 80%;
	text-align: center;
}

.badges-dashboard-notice {
	font-size: 24px;
	font-weight: 400;
	color: #00a7e1;
}

.dashboard-single-badge {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0px 15px 10px;
	flex: 0 0 20%;
	text-align: center;
}

.dashboard-single-badge img {
	max-width: 95px;
}

.dashboard-single-badge .dashboard-single-badge-name {
	font-size: 12px;
	font-weight: 500;
}

.dashboard-single-badge .dashboard-single-badge-number {
	font-size: 12px;
	font-weight: 400;
}

.badges-v2 .sticky-header-mobile-options {
	display: none;
}

.sticky-header-mobile-options .dropdown-menu {
	left: unset;
	right: 0;
	padding: 10px 5px;
	width: 250px;
	border: 0;
	border-radius: 5px;
}

.sticky-header-mobile-options .show-expired-badges,
.sticky-header-mobile-options .show-locked-badges {
	padding: 0;
	border: 0;
	margin: 0px 0px 15px;
}

.sticky-header-mobile-options .btn {
	background: unset;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sticky-header-mobile-options .btn:hover {
	color: #00a7e1;
}

.sticky-header-mobile-options .btn i {
	margin: 0;
	font-size: 24px;
}

.sticky-header-mobile-options .btn-group.open .dropdown-toggle {
	box-shadow: unset;
}

.badges-nav-items-mobile {

}

.badges-v2 .dropdown .btn {
	margin: 0 !important;
	background: unset;
	border-color: #00a7e1;
	border-width: 1px;
	border-radius: 5px;
	color: #00a7e1;
	display: flex;
	align-items: center;
}

.badges-v2 .dropdown .dropdown-menu {
	left: unset;
	right: 0;
	padding: 10px 5px;
	width: 250px;
	border: 0;
	border-radius: 5px;
}


.badges-v2 .btn-default.active.focus,
.badges-v2 .btn-default.active:focus,
.badges-v2 .btn-default.active:hover,
.badges-v2 .btn-default:active.focus,
.badges-v2 .btn-default:active:focus,
.badges-v2 .btn-default:active:hover,
.badges-v2 .open>.dropdown-toggle.btn-default.focus,
.badges-v2 .open>.dropdown-toggle.btn-default:focus,
.badges-v2 .open>.dropdown-toggle.btn-default:hover {
	background: #00a7e1;
	border-color: #00a7e1;
	color: #fff;
}

.dashboard-section-active #section-dashboard-mobile .badges-sort-single-item-text {
	color: #00a7e1;
}

.most-credits-section-active #section-1-mobile .badges-sort-single-item-text {
	color: #00a7e1;
}

.performance-awards-section-active #section-2-mobile .badges-sort-single-item-text {
	color: #00a7e1;
}

.model-milestones-section-active #section-3-mobile .badges-sort-single-item-text {
	color: #00a7e1;
}

.promotions-section-active #section-4-mobile .badges-sort-single-item-text {
	color: #00a7e1;
}

.mobile-nav-item-dashboard,
.mobile-nav-item-most-credits,
.mobile-nav-item-performance-awards,
.mobile-nav-item-model-milestones,
.mobile-nav-item-contests {
	display: none;
}

.dashboard-section-active .mobile-nav-item-dashboard {
	display: flex;
	margin-right: 10px;
}

.most-credits-section-active .mobile-nav-item-most-credits {
	display: flex;
	margin-right: 10px;
}

.performance-awards-section-active .mobile-nav-item-performance-awards {
	display: flex;
	margin-right: 10px;
}

.model-milestones-section-active .mobile-nav-item-model-milestones {
	display: flex;
	margin-right: 10px;
}

.promotions-section-active .mobile-nav-item-contests {
	display: flex;
	margin-right: 10px;
}

.badges-v2 .badges-nav-items-mobile {
	display: none;
}

@media screen and (max-width: 1280px) {
	.badges-v2 .sticky-header-options {
		display: none;
	}
	
	.badges-v2 .sticky-header-mobile-options {
		display: flex;
	}
	
	.badges-v2 .badges-nav-items {
		display: none;
	}
	
	.badges-v2 .badges-nav-items-mobile {
		display: flex;
		justify-content: flex-end;
	}

	.badges-v2 .badges-nav-single-item.badges-nav-single-item-active:after {
		width: 0;
		height: 0;
	}

	.badges-nav-single-item {
		margin: 5px 0;
	}
}

@media screen and (max-width: 600px) {
	.badges-v2 .sticky-header-left {
		flex-direction: column;
		align-items: flex-start;
	}

	.badges-v2 .badges-sticky-header {
		height: 90px;
	}

	.badges-v2 .sticky-header-left {
		align-items: flex-start;
	}

	.badges-v2 .sticky-header-title {
		margin-bottom: 5px;
	}

	.badges-v2 .sticky-header-subcat-a-option {
		height: 30px;
		width: 110px;
		font-size: 14px;
	}

	.badges-v2 .badge-category-row {
		flex-direction: column;
	}

	.badges-v2 .badge-category-row-left {
		width: 100%;
		max-width: unset;
		z-index: 1;
		top: 150px;
		margin: 0;
		backdrop-filter: saturate(1) blur(10px);
		background: rgba(0, 167, 225, .7);
	}

	.badge-category-single-section-single-badge-image-container {
		width: 130px;
		height: 105px;
		background-size: auto 100px;
	}

	.badge-category-single-section-single-badge {
		text-align: center;
	}

	.badge-category-single-section {
		margin-right: 0;
	}
}