/* This style file is for any custom styles for the YTB Rep Back Office. */

/*** DEV STYLES, DELETE FOR LIVE SITE ***/
.aqua {
	background-color: aqua;
}

.pink {
	background-color: fuchsia;
}

.green {
	background-color: green;
}

.gray {
	background-color: gray;
}

.padding {
	padding-top: 30px;
	margin: 20px;
}


/*** MAIN STYLES ***/
html, body {
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
    position: relative
}

.content-wrapper {
    height: 100%;
}

.sidebar {
    width: 200px;
    position: absolute;
    left: 0;
    top: 45px;
    bottom: 58px;
}

.notification-container {
    position: relative;
    width: 16px;
    height: 16px;
    i {
        color: #fff;
    }
}

.notification-counter {   
    position: absolute;
    top: -2px;
    left: 30px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    padding: 2px 4px;
    font: 8px sans-serif;
    font-weight: bold;
    /* border:1px solid #a70606; */
    -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.75);
}

.icon-bar label {
	margin-left: .5rem;
}

.container {
	/*margin-bottom: 5rem;*/
}

#content {
	margin-top: 1rem;
}

.my-why {
	border: 1px solid #f0f1f2;
	background: #f6f8fa;
	padding: 1rem;
	margin: 0rem 1rem 1rem 1rem;
}

.my-why-title {
	font-size: 1.25rem;
	margin-bottom: .5rem;
}

.my-why-answer {
	font-size: .75rem;
}

.leader-icons {
	margin: 0rem 1rem 1rem 1rem;
}

.leader-icons ul {
	margin-top: 1.5rem;
}

.leader-icons a {
	color: ##000000;
}

.leader-icons a:hover {
	color: #BBB;
}

.leader-icons img {
	width: 20px;
	height: 20px;
	margin-top: -5px;
	margin-right: 5px;
}

.banner {
	margin-bottom: 1rem;
}

footer {
	background-color: #fafafa;
	color: #686d71;
	font-weight: 300;
	padding-top: 1rem;
}

.alert-box a {
	color: #DDD;
}

/*** TYPOGRAPHY ***/

body, p, h1, h2, h3, h4, h5, h6, h7, ul, li, label, small {
	font-family: 'Montserrat', sans-serif;
	color: #494c4f;
}

p {
	font-size: 14px;
}

a {
	color: #096f8b;
}

ul.pagination li.current a, ul.pagination li.current button {
	background-color: #096f8b;
}

a:hover {
	color: #2f9191;
}

.text-bold {
	font-weight: 700;
}

.text-light {
	font-weight: 300;
}

.text-italic {
	font-style: italic;
}

.opacity-25 {
	opacity: .25;
}

button, .button {
	background-color: #096f8b
}

button:hover, .button:hover {
	background-color: #2f9191;
}

.page-title {
	font-size: 2.75rem;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}

.page-subtitle {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.4;
	color: #6e7379;
}


/*** WIDGETS ***/

.widget {
	margin-bottom: 1.25rem;
	padding: 0; 
	background: #f3f3f3;
/*
	background: #fafafa;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(40,40,40,0.5);
	-moz-box-shadow: 1px 1px 3px 0px rgba(40,40,40,0.5);
	box-shadow: 1px 1px 3px 0px rgba(40,40,40,0.5);
*/
}

.widget-fixed {
	border: 1px solid #f3f3f3;
	margin-bottom: 1.25rem;
	background: none;
}

.health-widget .widget-content {
	padding: 0 1rem 0 1rem;
}

.mobile-widget .widget-content {
	padding: 0 1rem 0 1rem;
}

.getting-started-widget .widget-content {
	padding: 0 1rem 0 1rem;
}

.earnings-widget .widget-content {
	padding: 0 1rem 0 1rem;
}

.team-activity-widget .widget-content {
	padding: 0 1rem 0 1rem;
}

.team-activity-widget div.row {
	margin: 1rem;
}

.widget-title {
	color: #686d71;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
	padding: .25rem 1rem;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}

.widget-fixed-title {
	color: #686d71;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
	padding: .25rem 0rem;
}

.widget-title h5 {
	color: #686d71;
	margin: 0;
}

.widget-title a {
	color: #CCCCCC;
	cursor: move;
}

.widget-content {
	padding: 1.25rem;
}

.widget-thumb {
	padding-left: .1rem;
	padding-right: .1rem;
	padding-top: .4rem;
}

.news-title {
	font-weight: 300;
	margin-bottom: 0;
}

.news-date {
	font-weight: 300;
	font-style: italic;
	margin-bottom: .75rem;
}

.social-icons li {
	background-color: #8b8b8b;
	padding: .65rem 0 0 .35rem;
	width: 50px;
	height: 50px;
}

.social-icons li a {
	color: #FFF;
}

.stat-1, .stat-2, .stat-3, .stat-4 {
	padding: 2rem 1rem;
}

.stat-1, .stat-4 {
	background-color: #c9da2c;
	outline: 1px solid #c9da2c;
}

.stat-2, .stat-3 {
	background-color: #f0624e;
	outline: 1px solid #f0624e;
}

.stat-3-big {
	background-color: #096f8b;
	outline: 1px solid #096f8b;
	padding: 2rem 1rem 1rem 1rem;
}

ul.user-list {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style-type: none;
}

ul.user-list li {
	margin-left: 0;
	margin-bottom: 1rem;
	text-decoration: none;
	display: inline;
	font-size: 1.25rem;
}

.stat-3-big .fa-user {
	margin-right: .15rem;
	margin-left: .15rem;
	color: #FFF;
}

.stat-4-big {
	background-color: #2fb4a9;
	outline: 1px solid #2fb4a9;
	padding: 2rem 1rem 4rem 1rem;
}

.stat-3-big p, .stat-4-big p {
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
}

.stat-title {
	font-family: sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 28px;
	white-space: pre-wrap;
	color: #FFF;
	font-weight: bolder;
}

.stat-title-chart {
	text-transform: uppercase;
	text-align: center;
	font-size: 28px;
	padding-left: -15px;
	white-space: pre-wrap;
	color: #FFF;
}

.stat-subtitle {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	padding-bottom: .5rem;
	padding-top: 1rem;
	font-size: .75rem;
	line-height: .75rem;
}

.progress.success .meter {
	background: #096f8b;
}

.rank-status {
	margin-bottom: 1rem;
}

.rank-status p {
	margin-bottom: 0;
	margin-top: .5rem;
}

.rank-status h4 {
	margin-top: 0rem;
}

.rank-icons p {
	margin-bottom: 0;
	text-align: center;
}

.rank-icons li, .rank-icons li i {
	text-align: center;
}

.achievements-widget div.progress {
	margin: 1rem 0;
	background-color: #686d71;
}

.achievements-widget div.progress p {
	text-align: center;
	text-transform: uppercase;
	padding-bottom: .5rem;
	font-size: .75rem;
	line-height: .75rem;
}

.progress {
	background-color: #e8f5fa;
	border: none;
}

.progress span.meter {
	background-color: #096f8b;
}

.progress p {
	margin-top: 1rem;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: .5rem;
	font-size: .75rem;
	line-height: .75rem;
	font-weight: bold;
}

.achievement-icons {
	margin-top: 2rem;
}

.achievement-icons ul li img {
	width: 60px;
	height: 60px;
}

@media only screen and (min-width: 40.063em) { 

    .logo-wrapper {
        position: relative;
    }

    .logo-wrapper .logo {
        width: 98px;
        height:  45px;
        position: absolute;
        left: 50%;
        right: 50%;
        top: 5px;
        margin-left: -46px;
        z-index: 2;
        top: 0;
    }
}
/*** NAVIGATION ***/
.logo {
	background-image: url("/content/images/surge-logo-color.png");
	background-repeat: no-repeat;
	width: 98px;
	height: 45px;
}

.top-bar-section ul.right li.has-form div.large-8 input {
	height: 1.75rem !important;
}

.contain-to-grid, .top-bar, .top-bar-section ul.right li, .top-bar-section ul.right li a, .icon-bar, .tab-bar {
	background: #f0f1f2;
	color: #686d71;
}

.username {
	text-transform: uppercase;
	font-weight: bold;
	padding-right: .7rem;
}

.top-bar-section ul.right li a {
	height: 45px;
}

i.fa.fa-question-circle.fa-2x.fa-fw, i.fa.fa-gears.fa-2x.fa-fw {
	padding-top: 8px;
}

.icon-bar a i, .icon-bar label, .top-bar-section ul.right li a:hover, .top-bar-section .dropdown li:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button), .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li:not(.has-form) a:not(.button) {
	color: #686d71;
	background: #f0f1f2;
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover, .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a:hover {
	background-color: #485f7c;
	color: #FFF;
}

.icon-bar a:hover i, .icon-bar a:hover label, .icon-bar a:hover {
	background: #485f7c;
	color: #FFF;
}


/*** EXPANDING SEARCH BAR ***/

.sb-search {
    position: relative;
    margin-top: 2px;
    width: 0%;
    min-width: 40px;
    height: 40px;
    float: right;
    overflow: hidden;
 
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
 
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 40px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #e67e22;
}
 
input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    box-shadow: none;
    border: none;
    height: 40px;
}

input#search.sb-search-input {
	top: 0px;
}

.sb-search-input::-webkit-input-placeholder {
    color: #8b8b8b;
}
 
.sb-search-input:-moz-placeholder {
    color: #8b8b8b;
}
 
.sb-search-input::-moz-placeholder {
    color: #8b8b8b;
}
 
.sb-search-input:-ms-input-placeholder {
    color: #8b8b8b;
}

.sb-icon-search,
.sb-search-submit  {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: #686d71;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
 
.sb-icon-search:before {
}

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #686d71;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/*** Popups & Such ***/
#user-Modal, #sponsor-Modal, #ptleader-Modal, #coachscorner-Modal, #rleader-Modal, #director-Modal,  {
	background: #f3f3f3;	
}

#user-Modal ul li.fn {
	font-size: 16px;
}

#user-Modal ul li {
	font-size: 12px;
}

.vcard {
	border: none;
	background: none;
}

/*** Data Tables ***/
.dataTable tbody {
	font-family: sans-serif;
}

.dataTables_filter label {
	text-transform: uppercase;
}

div.dataTables_filter input{
	margin-left: .5rem !important;
}

/*** Search Results Page ***/
.search-query-word, .search-query-number {
	color: #2f9191;
}

.search-result-title {
	font-size: 1.25rem;
}

.search-result-subtitle {
	font-size: .5rem;
}

/*** QTO Status Bar ***/
.qto-wrapper {
	margin-left: 0rem;
}

.qto-content {
	margin-left: 2rem;
	margin-right: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.qto-yes {
	background-color: #1b831b;
	outline: 1px solid #1b831b;
}

.qto-almost {
	background-color: #fce513;
	outline: 1px solid #fce513;
}

.qto-no {
	background-color: #e1430a;
	outline: 1px solid #e1430a;
}

.qto-title {
	color: rgba(40,40,40,0.5);
	font-size: 1rem;
	margin-right: 1rem;
}

.qto-status {
	color: #FFF;
	font-size: 1rem;
	text-transform: uppercase;
	margin-right: 1rem;
}

.qto-count {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1rem;
	margin-right: .5rem;
}

.qto-count i {
	margin-left: .5rem;
}

/*** 3 and Free Status Bar ***/
.threeandfree-wrapper {
	margin-left: 0rem;
}

.threeandfree-content {
	margin-left: 2rem;
	margin-right: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	cursor:pointer;
}

.threeandfree-yes {
	background-color: #1b831b;
	outline: 1px solid #1b831b;
}

.threeandfree-almost {
	background-color: #fce513;
	outline: 1px solid #fce513;
}

.threeandfree-no {
	background-color: #e1430a;
	outline: 1px solid #e1430a;
}

.threeandfree-title {
	color: rgba(40,40,40,0.5);
	font-size: 1rem;
	margin-right: 1rem;
}

.threeandfree-status {
	color: #FFF;
	font-size: 1rem;
	text-transform: uppercase;
	margin-right: 1rem;
}

.threeandfree-count {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1rem;
	margin-right: .5rem;
}

.threeandfree-count i {
	margin-left: .5rem;
}
/* REPORT CATEGORY PAGE ICON HOVER STYLES */

figure { 
  display: block; 
  position: relative; 
  float: left; 
  overflow: hidden; 
  margin: 0 20px 20px 0;
}

figure.cap-bot {
	/*background-color: #096f8b;*/
	background-repeat: no-repeat;
	background-position: center center;
	height: 230px;
	width: 230px;
	text-align: center;
}

figure.cap-bot p {
	font-size: 36px;
	line-height: 36px;
	color: #FFF;
	margin-top: 40px;
}

.report-10x10 {
	background-image: url("/content/images/report_icons/10for10_user_details_report.png");
}
.report-allachievements {
	background-image: url("/content/images/report_icons/view-all-achievements.png");
}
.report-10kbonus {
	background-image: url("/content/images/report_icons/10k_bonus_report.png");
}
.report-new10kbonus {
	background-image: url("/content/images/report_icons/10K_Bonus_Summary_Report.png");
}
.report-cclteam {
	background-image: url("/content/images/report_icons/ccl_team_report.png");
}
.report-coachscorner {
	background-image: url("/content/images/report_icons/coach's_corner_standing_report.png");
}
.report-carprogram {
	background-image: url("/content/images/report_icons/director_car_program_status.png");
}
.report-directorcomparison {
	background-image: url("/content/images/report_icons/Marketing_Director_status_comparison_report.png");
}
.report-directorstatusdetailed {
	background-image: url("/content/images/report_icons/director_status_summary_detailed_reports.png");
}
.report-downlinesearch {
	background-image: url("/content/images/report_icons/downline_search_postal_code.png");
}
.report-estpowerteamleader {
	background-image: url("/content/images/report_icons/estimated_powerteam_leader_travel_bonus.png");
}
.report-falloff {
	background-image: url("/content/images/report_icons/fall-off_report.png");
}
.report-leads {
	background-image: url("/content/images/report_icons/leads_report.png");
}
.report-nextpowerteambonus {
	background-image: url("/content/images/report_icons/Next_Team_Builder_Bonus_Status.png");
}
.report-faststartbonus {
	background-image: url("/content/images/report_icons/Fast_Start_Bonus_Report.png");
}
.report-faststartbonus150 {
	background-image: url("/content/images/report_icons/150.png");
}
.report-personalpowerteamreps {
	background-image: url("/content/images/report_icons/Personal_Powerteam_reps.png");
}
.report-qualifiedoverride {
	background-image: url("/content/images/report_icons/qualified_to_override_report.png");
}
.report-salespersonalpowerteam {
	background-image: url("/content/images/report_icons/Sales_Report_Personal_&_Team_Builder.png");
}
.report-intlunverified {
	background-image: url("/content/images/report_icons/Sales_Report_International_Unverified_Accounts_personal.png");
}
.report-intlunverifieddir {
	background-image: url("/content/images/report_icons/Sales_Report_International_Unverified_Accounts_team.png");
}
.report-totaldownline {
	background-image: url("/content/images/report_icons/Sales_Report_Total_Downline.png");
}
.report-threefree {
	background-image: url("/content/images/report_icons/3&Free_status_report.png");
}

.report-ptlprogress {
	background-image: url("/content/images/report_icons/Team_Builder_progress.png");
}

.report-ptlprogress-checked {
	background-image: url("/content/images/report_icons/ptl-progress-checked.png") !important;
}

.report-coachscornerprogress {
	background-image: url("/content/images/report_icons/Regional_Builder_Progress.png");
}

.report-coachscornerprogress-checked {
	background-image: url("/content/images/report_icons/ccl-progress-checked.png") !important;
}

.report-regionalleaderprogress {
	background-image: url("/content/images/report_icons/National_Builder_Progress.png");
}

.report-regionalleaderprogress-checked {
	background-image: url("/content/images/report_icons/rgl-progress-checked.png") !important;
}

.report-ptlteamprogress {
	background-image: url("/content/images/report_icons/ptl-progress.png");
}

.report-teambuilderprogress {
	background-image: url("/content/images/report_icons/team_builder_progress.png");
}

.report-ccteamprogress {
	background-image: url("/content/images/report_icons/Regional_builder_report.png");
}

.report-regionalleaderteam {
	background-image: url("/content/images/report_icons/rgl-team.png");
}
.report-directorteam {
	background-image: url("/content/images/report_icons/Marketing_director_team_report.png");
}

.report-directorprogresslvl1  {
	background-image: url("/content/images/report_icons/dir_lvl1.png");
}

.report-directorprogresslvl2  {
	background-image: url("/content/images/report_icons/Marketing_director_progress_nolevel.png");
}

.report-directorprogress-checked {
	background-image: url("/content/images/report_icons/director-progress-checked.png") !important;
}

.report-guest-member {
	background-image: url("/content/images/report_icons/guest_member_report.png");
}

.report-deferredbank {
	background-image: url("/content/images/report_icons/deferred.png");
}

.report-tb-guest-member {
	background-image: url("/content/images/report_icons/tb_guest_member_report.png");
}

.report-upgrade-report {
	background-image: url("/content/images/report_icons/upgrade_report.png");
}

.report-sba-sales-personal {
	background-image: url("/content/images/report_icons/sba_sales_personal.png");
}

.report-sba-sales-downline {
	background-image: url("/content/images/report_icons/sba_sales_downline.png");
}

.report-10k-training {
	background-image: url("/content/images/report_icons/10KTrainingBonus.png");
}
.report-500-training {
	background-image: url("/content/images/report_icons/500TrainingBonus.png");
}
.report-6andfree {
	background-image: url("/content/images/report_icons/6free.png");
}
.report-waiting {
	background-image: url("/content/images/report_icons/waiting.png");
}
.report-mPowerME365training {
	background-image: url("/content/images/report_icons/Sales_Report_mPME365_Training.png");
}
.report-mPowerNextBonus {
	background-image: url("/content/images/report_icons/mPower_Training.png");
}
.report-mPowerDownlineTraining {
	background-image: url("/content/images/report_icons/mPower_500.png");
}

.locked {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}


figure img {
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

figcaption { 
  font-size: 14px;
  position: absolute; 
  background: #FFF; 
  color: #096f8b; 
  border: 3px solid #096f8b;
  padding: 10px 20px; 
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  text-align: center;
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
}

figure:hover figcaption {
  opacity: 1;
}

/*
figure:before { 
  content: "?"; 
  position: absolute; 
  font-weight: 800; 
  background: rgba(255,255,255,0.75); 
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;	
}
*/

figure:hover:before {
  opacity: 0;
}

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; height: 100%; width:100%; bottom: -30px;}
.cap-bot:hover figcaption { bottom: 0; }

.cta-icon:before {
	display: none;
}

/*** VORTEX BACK OFFIE ICONS 888 */
.vortex-customers
{
	background-image: url("/content/images/Vortex_Customer_Report.png");
}
.vortex-bookings
{
	background-image: url("/content/images/Vortex_Customer_Booking_Report.png");
}
.vortex-cash-reward
{
	background-image: url("/content/images/Vortex_Cash_Rewards_Report.png");
}
.vortex-nb-cash-reward
{
	background-image: url("/content/images/Team_Builder_Cash_Rewards_report.png");
}

/*** TEAM PAGE ICONS ***/
.team-searchable_genealogy {
	background-image: url("/content/images/team_icons/searchable_genealogy.png");
}
.team_treeview_genealogy {
	background-image: url("/content/images/team_icons/tree_view_genealogy.png");
}
.team_contactmanager {
	background-image: url("/content/images/team_icons/contact_manager.png");
}

/*** Training Videos PAGE ICONS ***/
.videos-getting-started {
	background-image: url("/content/images/Video_getting_started.png");
}
.videos-series-100 {
	background-image: url("/content/images/Video_100_series.png");
}

/*** RESOURCES PAGE ICONS ***/
.resources-business_forms {
	background-image: url("/content/images/resources_icons/Business_Forms.png");
}
.resources-rep_docs {
	background-image: url("/content/images/resources_icons/rep_documents.png");
}
.resources-recognition {
	background-image: url("/content/images/resources_icons/recognition.png");
}
.resources-presentations {
	background-image: url("/content/images/resources_icons/presentations.png");
}
.resources-videos {
	background-image: url("/content/images/resources_icons/videos.png");
}
.resources-bizreports {
	background-image: url("/content/images/resources_icons/bizreport_archives.png");
}

/*** Support Tickets ***/
.support-ticket {
	margin-bottom: 1.25rem;
	padding: 1.25rem;
	/* background: #f2f2f2; */
	border-style: solid;
	border-width: 1px;
	border-color: #d8d8d8; 
}

.support-ticket table, .reveal-modal table {
	width: 100%;
	border: none;
}

.support-ticket-title {
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.support-ticket-date {
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: bold;
	color: #d8d8d8;
	margin-bottom: 1rem;
}

/*** Shopping ***/
.product {
	margin-bottom: 2rem;	
}

.product p {
	margin-bottom: 1rem;
}

tbody, tfoot {
	font-family: sans-serif;
}

/*** Large Screen Fixes ***/
@media only screen and (min-width: 90.063em) { 
	.icon-bar.vertical {
		width: 300px;
	}
	.icon-bar label {
		font-size: 24px;
		padding-left: 1rem;
	}
	.icon-bar i {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.row {
		max-width: 82.5rem;
	}
	#support-tickets label, #director-info label, #merge-accounts label {
		font-size: 21px;
	}
}

/*** Mobile Styles ***/
@media only screen and (max-width: 40em) { 
	.logo {
		margin-left: -10px;
	}
	.left-small, .right-small {
		border: none;
	}
	.tab-bar a.left-off-canvas-toggle.menu-icon span:after {
		-webkit-box-shadow: 0 2px 0 1px #686d71, 0 8px 0 1px #686d71, 0 16px 0 1px #686d71 !important;
		box-shadow: 0px 2px 0px 1px #686d71, 0px 8px 0px 1px #686d71, 0px 14px 0px 1px #686d71 !important;
	}
	.left-off-canvas-menu {
		background: #f0f1f2;
		color: #686d71;
	}
	ul.off-canvas-list {
		background: #f0f1f2;
		color: #686d71;
	}
	ul.off-canvas-list li a {
		border: none;
		color: #686d71;
	}
	ul.off-canvas-list li a:hover {
		background-color: #485f7c;
		color: #FFF;
	}
	.leader-icons {
		margin-left: 0;
	}
	.leader-icons li {
		margin-left: 0.5rem;
	}
	.stat-3-big .fa-user {
		margin-left: 0;
	}
	.social-icons li {
		margin-left: 1.25rem;
	}
	.my-why-widget img {
	}
	.widget-thumb {
		margin: 1rem;
	}
	.achievements-widget .inline-list {
		margin-top: 1.5rem;
	}
	.achievement-icons ul li img {
		width: 55px;
		height: 55px;
	}
	footer p {
		font-size: 10px;
	}
}

/*** Off Canvas Tests ***/
/*
.left-off-canvas-menu {
	width: 60px;
}
*/

.no-padding {
    padding: 0 !important;
}

.ajax-status-loader
{
    width: auto; 
    height: auto; 
    background-color: #f0f1f2; 
    text-align: center;
    padding:25px;
    z-index:9999;
}

.ajax-status-loader-text
{
    font-weight:bold;
}

.support-ticket th
{
    width:100px;
}

.photo-selection-box
{
    float: left;
    width: 90px;
    text-align: center;
}

.photo-selection-box img
{
    padding: 5px 0;
}

.no-pointer
{
    cursor:default !important;
}

.content-image
{
    position: static;
    cursor: pointer;
}


.leader-vcard
{
    background-color:#fff !important;
    border: solid 1px #cccccc !important;
}

.content-icon 
{
	color: #686d71 !important;
	background: transparent  !important;
}

.support-ticket-view {
	margin-bottom: 1.25rem;
	padding: 1.25rem;
}

.support-ticket-view th
{
    width:140px;
}

.support-ticket-respond
{
    background-color: #8fadcd; 
    padding:1px;
}

#supportTicketMessages
{
	max-height:250px;
	overflow-y:auto;
	margin-bottom: 1.25rem;
}

.widget-selector
{
    padding-right:12px;
    height: 25px;
}

.widget-selector select
{
    height: 98%;
    padding: 0;
    /*width: 130px;*/
}

.unread
{
    color:red;
}

#earnings .stat-1, #earnings .stat-2, #earnings .stat-3-big, #earnings .qto-wrapper, #earnings .stat-4-big 
{
	cursor:pointer;	
}

fieldset.collapsed
{
    border:0 !important;
    margin-bottom:0  !important;
    padding-bottom:0  !important;
}

#infobox-content .vcard
{
    padding:0.625rem 0;
}

#infobox-content .widget-thumb
{
    padding-left:0.9375rem !important;
    padding-top:0 !important;
}

#infobox-content .achievement-icons
{
    margin-top:0 !important;
}

#infobox-content .achievements-widget div.progress {
	margin: 0 !important; 
	background-color: #686d71;
}



.vcard-border
{
    border-left:1px solid #686d71;
    border-right:1px solid #686d71;
    border-bottom:1px solid #686d71;
}

.time-ago
{
    float:right;
    font-weight:500;
}