/**
 * CSS Overrides for the Customer's Member Panel Pages
 *
 * (c)2014 Virtual Wonders Web Solutions.
 */

/* hub error rendering */
.hub-error {
	font-size:18px;
	position: absolute;
	z-index: 999999;
	left: 0;
    right: 0;
    top: 20%;
    margin: auto;
    width: 30%;
}

/* action links*/

.action-links {
	display: inline-block;
	font-size: 18px;
}

.action-links a {
	color: #727272;
	padding: 0 7px;
	text-decoration: none;
}

.ui-autocomplete-loading {
	background:url('../images/img/ajax-loader.gif') no-repeat center;
}

/* scrollbar formating*/

.scrollbar-ver-465 {
	max-height: 465px;
	overflow: hidden;
    overflow-y: scroll;
}

a, a:hover, a:focus {
	color: #0277bd;
}

.table {
	font-size: 12px !important;
}

.table-responsive {
	border: none;
}

.coming-soon img {
	width: auto !important;
}

/* content title formatting ================*/

.content-title {
	padding: 25px 15px;
}

.content-title h1 {
	font-size: 24px;
	margin: 0;
	line-height: 45px;
}

.content-title p {
	line-height: 40px;
	margin: 0;
}

/* content menu formatting ================*/

.content-menu {
	margin-bottom: 20px;
}

.content-menu .menu-inner {
	/*max-width: 1450px;*/
	max-width: 1200px;
	width: 100%;
	padding: 0 15px;
}

.content-menu .menu-inner.menu-small {
	max-width: 1200px;
}

.content-menu .menu-inner .nav {
	width: 100%;
}

.content-menu .menu-inner li {
	padding: 0;
	display: block;
	min-width: inherit !important;
}

.content-menu .menu-inner li.active a, .content-menu .menu-inner li a:hover {
	background: #00acc1;
	color: #FFF;
}

.content-menu .menu-inner li.active a span.badge, .content-menu .menu-inner li a:hover span.badge {
  background: #18344d;
  color: #FFF;
}

.content-menu .menu-inner li a {
	padding: 20px 12px;
	display: block;
	color: #4c4c4c;
	font-size: 14px;
}

.content-menu .menu-few-items li a {
	padding: 20px 30px;
}

.content-menu .menu-inner .badge-top {
	margin: -10px 0 0 5px;
}

.content-menu .menu-inner li a:hover .badge-top {
	background: #e0e0e0;
	color: #727272;
}

.content-title {
	position: relative;
}

.content-title .btn {
	vertical-align: text-bottom;
	border-radius: 2px;
	margin-left: 10px;
}

.content-title .dropdown-menu {
	margin-top: 8px;
	padding: 5px 10px;
}

.content-title .dropdown-menu li a {
	color: #727272;
	font-size: 13px;
	padding: 3px 10px;
}

.content-title .dropdown-menu li a i {
	font-size: 20px;
	padding-right: 5px;
}

.content-title .dropdown-menu li a span {
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
}

.content-title .dropdown-menu li a:hover {
	color: #333;
}

.content-title ul {
	list-style: none;
	margin: 0;
}

.content-title ul li a:hover {
	color: #0277bd;
}

.content-title .notification-wrap {
	position: absolute;
	left: 50%;
	top: 30px;
}

.content-title .notification {
	position: relative; 
	left: -50%; 
	border-radius: 3px;
	padding: 3px 8px;
}

.content-title .notification i {
	font-size: 20px;
}

.content-title .notification span.text {
	vertical-align: middle;
	display: inline-block;
	margin: -10px 0 0 0;
}

.content-title .notification span.text a {
	text-decoration: underline;
}

/* notifications formatting ================*/

.orange-notification {
	border: 1px solid #FEBF00;
	background: #FFEBAC;
}

.orange-notification i {
	color: #FF8B00;
}

.blue-notification {
	border: 1px solid #2B6A95;
	background: #D9EFFD;
}

.yellow-notification {
	border: 1px solid #FFD700;
	background: #00acc1F99;
}

.red-notification {
	border: 1px solid #FF0000;
	background: #FF8C8C;
}

.content-main {
	max-width: 1200px;
	width: 100%;
	padding: 0 15px;
}

.content-main a:hover {
	color: #0277bd;
}

.btn-circle	 {
	border-radius: 50%;
	border: 2px solid #FFF;
	padding: 5px;
	width: 40px;
	height: 40px;
	margin-top: 10px;
	position: fixed;
	right:15px;
	bottom: 15px;
	z-index: 999;
	outline: 0;
}

.btn-circle	i {
	font-size: 20px;
	padding-top: 5px;
	padding: 4px 0 0 2px;
}

.btn-circle, .btn-circle:focus {
	color: #FFF !important;
	outline: 0;
}

.btn-circle:hover {
	background: #3cc3ff;
	color: #FFF !important;
}

.bottom-create-modal .modal-dialog {
	max-width: 250px;
	margin: 15px auto;
}

.bottom-create-modal ul {
	list-style: none;
	padding:0;
	margin: 0;
}

.bottom-create-modal ul li a, 
.bottom-create-modal ul li a:focus {
	color: #727272;
	font-size: 13px;
	padding: 3px 10px;
	display: block;
	text-decoration: none;
}

.bottom-create-modal ul li a i {
	font-size: 20px;
	padding-right: 5px;
}

.bottom-create-modal ul li a:hover {
	color: #333;
	background-color:#f5f5f5;
	text-decoration: none;
}

.bottom-create-modal ul li a span {
	vertical-align: top;
	line-height: 20px;
} 

.bottom-create-modal .divider {
	height: 1px;
	margin: 5px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

/* dashboard original formatting ================*/

.dashboard-2-col, .box-whats-new {
	overflow: hidden;
}

.box-whats-new02 .img-text {
    background: url("../images/img/img-sales-pitch.jpg") no-repeat center right ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.box-whats-new .learn-more-about {
    background: url("../images/bg/bg-learn-more-about-the-industry.jpg") no-repeat center center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.box-left {
	padding-right: 15px;
}

.box-right .count {
	font-size: 30px;
	float: right;
}

.box-right img {
	padding-right: 5px;
}

.box-event {
	padding: 15px 0 45px;
}

.box-event-inner, .box-wn-left, .box-wn-right {
	 
}

.box-event .boxed-event-inner-left, .box-event .boxed-event-inner-right,
.box-wn-inner-left, .box-wn-inner-left02, .box-wn-inner-left03, .box-wn-inner-right {
	display: table-cell;
	float: none;
}

.box-wn-inner-left, .box-wn-inner-left02, .box-wn-inner-left03 {
	vertical-align: middle;
}

.box-wn-inner-right {
	vertical-align: top;
}

.box-event .boxed-event-inner-left {
	min-width: 163px;
	width: 163px;
}

.box-event .boxed-event-inner-right,
.box-wn-inner-right {
	width: 100%;
}

.box-event .time, .box-event .date {
	display: block;
}

.content-title ul, .box-links ul {
	list-style: none;
	margin: 0;
}

.box-links ul {
	padding: 20px 0 7px;
}

.content-title ul li {
	display: block;
}

.box-links ul li {
	display: inline-block;
}

.box-links ul li {
	padding-right: 15px;
}

.content-title ul li a:hover {
	color: #0277bd;
}

.box-links a:hover {
	text-decoration: underline;
}

.box-wn-inner-left {
	min-width: 100px;
	width: 100px;
}

.box-wn-inner-left02 {
	min-width: 75px;
	width: 75px;
}

.box-wn-inner-left03 {
	min-width: 140px;
	width: 140px;
}

/* dashboard formatting ================*/

.page-dashboard-alternate {
	max-width: 1200px;
}
	
.page-dashboard-alternate .subheading .description {
	padding-top: 15px;
	margin-bottom: -45px;
	padding-bottom: 15px;
}

.page-dashboard-alternate .carousel-control {
	width: 34px;
	background: none;
}

.page-dashboard-alternate .carousel-control.left {
	background: url('../images/img/img-prev.png') no-repeat center left;
}

.page-dashboard-alternate .carousel-control.right {
	background: url('../images/img/img-next.png') no-repeat center right;
}

.page-dashboard-alternate h3 {
	font-size: 16px;
}

.page-dashboard-alternate .dashboard-fixed-wrap {
	overflow: hidden;
}

.page-dashboard-alternate .dashboard-fixed-wrap .column > div {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.page-dashboard-alternate .how-it-works img {
	max-width: 147px;
}

.page-dashboard-alternate .how-it-works .attract-traffic {
	background: #f3f3f3 url('../images/img/img-a.jpg') no-repeat top left;
}

.page-dashboard-alternate .how-it-works .follow-up {
	background: #f3f3f3 url('../images/img/img-b.jpg') no-repeat top left;
}

.page-dashboard-alternate .how-it-works .train-and-duplicate {
	background: #f3f3f3 url('../images/img/img-c.jpg') no-repeat top left;
}

.page-dashboard-alternate .dashboard-fixed-wrap02 {
	display: table;
	width: 100%;
}

.page-dashboard-alternate .dashboard-fixed-wrap02 .column {
	display: table-cell;
	float: none;
	width: 49%;
}

.page-dashboard-alternate .dashboard-fixed-wrap02 .table-split {
	width: 15px;
}


.page-dashboard-alternate .dashboard-fixed-wrap02 h4 {
	font-size: 16px;
}

.page-dashboard-alternate .dashboard-fixed-wrap02 a.btn {
	background: #00acc1;
	color: #FFF;
	border-radius: 2px;
	width: 140px;
}

.page-dashboard-alternate .dashboard-fixed-wrap02 a.btn:hover {
	background: #00c0d0;
}

.page-dashboard-alternate .dashboard-fixed-wrap02 .my-courses {
	background: #FFF url('../images/bg/bg-laptop01.png') no-repeat bottom right;
	margin: 15px;
}

.page-dashboard-alternate .dashboard-fixed-wrap02 .activate-site {
	background: #FFF url('../images/bg/bg-products01.png') no-repeat bottom right;
	margin: 15px;
}

.page-dashboard-alternate .page-prospect img {
	max-width: 100px;
}

.page-dashboard .form-element {
	max-width: 120px;
	width: 100%;
}

.page-dashboard .page-this-month img {
	max-width: 100px;
}

.page-dashboard .page-this-month p.title {
	font-size: 18px;
}

.page-dashboard .page-this-month h3 {
	font-size: 16px;
}

.page-dashboard .page-this-month h4 {
	font-size: 35px;
}

.page-dashboard .page-this-month h5 {
	font-size: 23px;
	margin-bottom: 30px;
}

.page-dashboard .page-this-month p {
	font-size: 16px;
}

.page-dashboard .page-this-month p.description {
	height: 44px;
}

.page-dashboard .page-this-month a {
	font-size: 15px;
}

.page-dashboard .page-this-month .dashboard-fixed-wrap .column.first {
	position: relative;
}

.page-dashboard .page-this-month .dashboard-fixed-wrap .top-left-triangle {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 0;
}

.page-dashboard .page-this-month .dashboard-fixed-wrap .top-left-triangle.blue {
	border-color: #3aafda transparent transparent transparent;
}

.page-dashboard .page-this-month .dashboard-fixed-wrap .top-left-triangle.orange {
	border-color: #FFA727 transparent transparent transparent;
}

.page-dashboard .page-this-month .dashboard-fixed-wrap .top-left-triangle.green {
	border-color: #8CC34B transparent transparent transparent;
}

.page-dashboard .page-this-month .dashboard-fixed-wrap .top-left-triangle span {
	position: absolute;
	z-index: 100;
	margin: -38px 0 0 7px;
	font-size: 18px;
}

.page-dashboard .page-this-month .dashboard-fixed-wrap .up-triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent #92d14f transparent;
	display: inline-block;
}

.page-dashboard .page-this-month .dashboard-fixed-wrap .down-triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #ea533f transparent transparent transparent;
	display: inline-block;
}

.youtube-videos .modal-body {
	padding-bottom: 0 !important;
}

.youtube-videos .video-player {
	position: relative;
	padding-top: 15px;
	padding-bottom: 63%;
	height: 0;
	overflow: hidden;
}

/* inbox formatting ================*/

.page-inbox {
	max-width: 1200px;
}

.page-inbox .bg-white .inbox-private-message {
	border: 1px solid #CCC;
}

.page-inbox .inbox-private-message .inbox-list {
	border: 1px solid #CCC;
	margin-left: 10px;
}

.page-inbox .inbox-private-message .inbox-message {
	border-bottom: 1px solid #CCC;
}

.page-inbox .form-element {
	max-width: 120px;
	width: 100%; 
	display: inline-block;
	font-size: 13px;
	border-radius: 0;
	height: 25px;
	padding: 3px 12px;
}

.page-inbox .inbox-message .inbox-img {
	padding: 15px 0px 0px 10px;
	margin: 0px ;
}

.page-inbox .inbox-message .inbox-img img {
	max-width: 100%;
}

.page-inbox .inbox-message .inbox-msg {
	padding: 0px 0px 0px 5px;
	margin: 0px ;
}

.page-inbox .inbox-message .inbox-msg .inbox-day {
	padding: 10px 10px 0px 0px;
	margin: 0px ;
}

.page-inbox .inbox-message p {
	padding: 0px ;
	margin: 0px ;
}

.page-inbox .inbox-box {
	margin-right: -15px;
	height: 350px;
}

.page-inbox .inbox-box-reply {
	margin-right: -15px;
}

.page-inbox .inbox-box-reply textarea {
	height: 100px;
	width: 100%;
	border: 1px solid #ccc;
}

.page-inbox .inbox-box-reply-footer {
	margin-top: -5px;
	margin-right: -15px;
	height: 60px;
	padding: 15px 0px 15px;
}

.page-email .tablesaw td {
	line-height: 2em;
	padding: 10px;
}

.page-email input .form-element,
.page-email select {
	display: inline-block;
	font-size: 13px;
	border-radius: 0;
	height: 25px;
	padding: 3px 12px;
}

.create-message-modal .modal-dialog {
	width: 750px;
}

.create-message-modal .modal-content .modal-body {
	padding: 0px !important;
}

.create-message-modal .modal-content .modal-body .nav-tabs li a {
	border-radius: 0px;
}

.create-message-modal .modal-content .modal-body .nav-tabs  .active a {
	border-top: 3px solid #00acc1;
	border-radius: none !important;
}

.create-message-modal .modal-content .modal-body .tab-content .input-name {
	width: 88%;
}

.create-message-modal .modal-content .modal-body .tab-content textarea {
	width: 100%;
}

.create-message-modal .modal-body .form-element {
	max-width: 300px;
	display: inline-block;
	font-size: 13px;
	width: 100%;
	border-radius: 0;
	height: 25px;
	padding: 3px 12px;
}

.create-email-modal .modal-content .form-control {
	max-width: 300px;
	display: inline-block;
	font-size: 13px;
	width: 100%;
	border-radius: 0;
	height: 30px;
	padding: 3px 12px;
}

.create-message-modal .modal-content .form-contact {
    width: 100%;
}

.create-message-modal .modal-content .form-contact .form-control {
    /*max-width: 230px;*/
}
 
.create-message-modal .modal-dialog {
    max-width: 750px !important;
    width: 100%;
}

/* opportunities formatting ================*/

.page-opportunities .form-control {
	border-radius: 0;
	height: 25px;
	padding: 3px 12px;
	margin-top: 5px;
}

.page-opportunities .tablesaw thead {
    background: none !important;
    color: #4C4C4C;
    border-bottom: 1px solid #cdcdcd;
}

.page-opportunities .tablesaw thead tr:first-child th {
    font-weight: bold;
}

.page-opportunities .create-opportunity a {
	color: #4c4c4c;
}

.page-opportunities .create-opportunity i {
	font-size: 25px;
	color: #83C03F;
}

.page-opportunities .create-opportunity span {
	vertical-align: middle;
	display: inline-block;
	margin: -10px 0 0 5px;
}
 
.create-opportunity-modal .modal-dialog {
    max-width: 750px !important;
    width: 100%;
}

/* contacts formatting ================*/
.page-contacts {
	max-width: 1200px;
}

.page-contacts h2 {
	font-size: 20px;
}

.contacts-overview-2col img {
	max-width: 73px;
}

.page-contacts .con-number {
	display: block;
	font-size: 32px;
	line-height: 30px;
	color: #00acc1;
	padding-bottom: 10px;
}

.most-recent-contacts h3 {
	font-size: 16px;
	padding: 12px 10px;
}

.most-recent-contacts .most-recent-contacts-2col {
	margin-top: 15px;
	overflow: hidden;
}

.most-recent-contacts .box-left02 {
	padding-left: 0;
	padding-right: 7.5px;
	padding-bottom: 20px;
}

.most-recent-contacts .box-right02 {
	padding-left: 7.5px;
	padding-right: 0;
	padding-bottom: 20px;
}

.most-recent-contacts .recent-list {
	padding: 0;
	list-style: none;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.most-recent-contacts .recent-list li {
	padding: 10px 80px;
	vertical-align: bottom;
	/*display: table;*/
}

.most-recent-contacts .recent-list li .con-name {
	/*display: table-cell;*/
	width: 100%;
}

.most-recent-contacts .recent-list li .con-date {
	display: table-cell;
	min-width: 130px;
	width: 130px;
	vertical-align: middle;
}

.most-recent-contacts .recent-list li .con-date .fa {
	font-size: 18px;
}

.most-recent-contacts .recent-list li .con-date .fa-stack-1x {
	font-size: 10px;
	line-height: 25px;
}

.most-recent-contacts .recent-list li .con-date .fa-stack-2x {
	font-size: 25px;
}

.contacts-overview-5col .column {
	max-width: 230px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.contacts-overview-5col .column img {
	max-width: 73px;
}

.page-contacts .contacts-head {
	padding-top: 20px;
}

.page-contacts .contacts-left {
	max-width: 500px;
	width: 100%;
	float: left;
}

.page-contacts .contacts-right {
	max-width: 270px;
	width: 100%;
	float: right;
}

.page-contacts .contacts-left .select-box.first {
	margin-right: 40px;
}

.page-contacts .contacts-right .select-box span {
	line-height: 34px;
	margin-right: 20px;
}

.page-contacts .contacts-right .select-box span a {
	padding: 0 7px;
}

.page-contacts .contacts-right .select-box span a:hover {
	color: #727272;
}

.page-contacts .suspects-table {
	overflow-x: auto;
	font-size: 12px;
}

.page-contacts .suspects-table .suspects-header {
	padding: 5px 0;
}

.page-contacts .suspects-table .suspect-row {
	padding: 5px 15px;
}

.page-contacts .select-box {
	max-width: 150px;
	width: 100%;
}

.page-contacts .form-control {
	border-radius: 0px;
	height: 25px;
	padding: 2px 12px;
	margin-top: 5px;
}

.page-contacts .suspects-table .suspect-row .column-first img {
	margin: 0 5px;
}

.page-contacts .suspects-table .suspect-row .column {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	min-height: 50px;
}

.page-contacts .suspects-table .wrap-cb {
	width: 25px;
	display: block;
	margin-top: 15px;
}

.page-contacts .page-count a {
	padding: 10px 12px;
	font-size: 16px;
}

.page-contacts .page-count a:hover, 
.page-contacts .page-count a:focus,
.page-contacts .page-count a.active {
	color: #00acc1;
	text-decoration: none;
}

.page-contacts .box-event {
	padding: 0;
	max-width: 460px;
	width: 100%;
}

.page-contacts .box-event h4 {
	font-size: 18px;
}

.page-contacts .box-event p {
	padding-top: 5px;
}

.page-contacts .box-event .boxed {
	padding: 0;
}

.page-contacts .my-trainer, .page-contacts .address-box {
	display: table;
	width: 100%;
}

.page-contacts .my-trainer-img, 
.page-contacts .address-box .address-box-left {
	display: table-cell;
	width: 250px;
	vertical-align: top;
}

.page-contacts .contact-profile-img {
	max-width: 130px;
	width: 130px;
}

.page-contacts .my-trainer-img img {
	max-width: 100%;
}

.page-contacts .my-trainer-details .send-message {
	background: url('../images/ico/icon-send-message.png') no-repeat left center;
	padding-left: 25px;
}

.page-contacts .my-trainer-details .social-link {
	padding: 5px;
	display: inline-block;
	min-width: 30px;
}

.page-contacts .my-trainer-img .social-link {
	padding: 5px 5px 4px;
	display: inline-block;
	min-width: 24px;
	font-size: 10px;
}

.page-contacts .my-trainer-img .social-link:hover, 
.page-contacts .my-trainer-details .social-link:hover {
	color: #FFF;
	text-decoration: none;
}

.page-contacts .my-trainer-details, .page-contacts .address-box .address-box-right {
	display: table-cell;
}

.page-contacts .my-trainer-details h3 {
	font-size: 23px;
}

.page-contacts .my-trainer-details p.connect-text {
	font-size: 18px;
}

.page-contacts .my-trainer-link {
	color: #717171;
	padding: 3px 10px;
	display: inline-block;
	margin: 0 3px 5px 0;
	max-width: 165px;
	width: 100%;
}

.page-contacts .my-trainer-link:hover, .page-contacts .my-trainer-link.active {
	color: #FFF;
	background: #9E9E9E;
	text-decoration: none;
}

.page-contacts .notes {
	display: table;
}

.page-contacts .notes .notes-img, .page-contacts .notes .notes-area {
	display: table-cell;
}

.page-contacts .notes .notes-img {
	width: 50px;
}

.page-contacts .notes .notes-area {
	width: 100%;
	position: relative;
}

.page-contacts .notes .arrow-pointer:before {
	content: "";
	position: absolute;
	display: block;
	width: 0px;
	height: 0px;
	border-color: transparent #999 transparent transparent;
	border-style: solid;
	border-width: 11px;
	left: 8px;
	top: 20px;
}

.page-contacts .notes .arrow-pointer:after {
	content: "";
	position: absolute;
	display: block;
	width: 0px;
	height: 0px;
	border-color: transparent #00acc1 transparent transparent;
	border-style: solid;
	border-width: 11px;
	left: 9px;
	top: 20px;
}

.page-contacts .notes .notes-area textarea {
	vertical-align: middle;
	width: 100%;
	height: 30px;
}

.page-contacts .contact-profile-tab .address-section .address-box span {
	margin-bottom: 15px;
	display: block;
}

.page-contacts .contact-profile-tab .bi-profile {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.page-contacts .contact-profile-tab .bi-profile .question {
	display: table-cell;
}

.page-contacts .contact-profile-tab .bi-profile .answer {
	display: table-cell;
	width: 140px;
	padding-left: 10px
	
}

.page-contacts #contact-info .form-element {
	display: table;
	width: 100%;
	max-width: 100%;
}

.page-contacts #contact-info .form-element .form-label {
	display: table-cell;
	width: 165px;
}

.page-contacts #contact-info .form-element .form-tfield {
	display: table-cell;
}

.page-contacts #contact-info .form-element .form-tfield i {
	font-size: 25px;
	vertical-align: middle;
}

.page-contacts #contact-info .form-element .form-tfield a {
	margin-left: 5px;
}

.page-contacts #contact-info .form-element .form-tfield i.fa-plus-circle {
	color: #89C348;
}

.page-contacts #contact-info .form-element .form-tfield i.fa-times-circle {
	color: #E94D40;
}

.page-contacts #contact-info .form-element label {
	width: 165px;
	font-weight: 500;
	vertical-align: top;
}

.page-contacts #contact-info .form-element .textfield01 {
	max-width: 400px;
	width: 100%;
	vertical-align: top;
	height: 25px;
}

.page-contacts #contact-info .form-element select {
	height: 25px;
	max-width: 100px;
	width: 100%;
	margin-left: 7px;
}

.page-contacts #contact-info .form-element textarea {
	height: 75px !important;
}

.page-contacts .tablesaw thead {
    background: none !important;
    color: #4C4C4C;
    border-bottom: 1px solid #cdcdcd;
}

.page-contacts .tablesaw thead tr:first-child th {
    font-weight: bold;
}

.create-suspect-modal .modal-content {
	max-width: 750px !important;
}

.create-suspect-modal .modal-content .form-group {
	display: block !important;
}

.create-suspect-modal .modal-content .modal-body span {
	display: inline-block;
	width: 100px;
}

.modal-content .modal-body span.required {
	display: inline !important;
	color: #D80100;
}

.create-suspect-modal .modal-content .form-control {
	display: inline-block;
	/*max-width: 300px;*/
}

.create-suspect-modal .modal-content .checkbox-wrap {
	display: inline-block;
}

.create-suspect-modal .modal-content .checkbox-wrap span {
	width: auto;
}

.create-suspect-modal .modal-footer {
	padding: 15px 0px 30px;
}

.create-suspect-modal .modal-dialog {
    max-width: 750px !important;
    width: 100%;
}

/* contacts - PROSPECTS and CANDIDATES tab formatting ================*/

.page-contacts .prospects-table .tablesaw-table, 
.page-contacts .candidates-table .tablesaw-table, 
.page-contacts .builders-table .tablesaw-table {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.page-contacts .prospects-table .tablesaw-table .ts-table-cell, 
.page-contacts .candidates-table .tablesaw-table .ts-table-cell, 
.page-contacts .builders-table .tablesaw-table .ts-table-cell {
	display: table-cell;
}

.page-contacts .prospects-table .tablesaw-table .ts-table-cell02, 
.page-contacts .candidates-table .tablesaw-table .ts-table-cell02, 
.page-contacts .builders-table .tablesaw-table .ts-table-cell02 {
	display: table-cell;
	padding-left: 10px;
	width: 80px;
}

/* TABLESAW section formatting ================*/

.page-contacts .tablesaw span {
	margin-bottom: 10px;
	display: inline-block;
}

.page-contacts .tablesaw .checkbox01 {
	position: absolute;
}

.page-contacts .tablesaw img {
	margin: 0 5px;
}

.tablesaw-columntoggle .leads-col span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 13em;
}

.tablesaw-columntoggle .col-small span {
	max-width: 6em;
}

.page-contacts .nav-tabs>li>a, 
.page-contacts .nav-tabs>li>a:hover, 
.page-contacts .nav-tabs>li>a:focus {
	border: 1px solid transparent;
	border-radius: 0;
	padding: 15px 22px;
	font-size: 16px;
}

.page-contacts .nav-tabs {
	border: 0;
}

.page-contacts .nav-tabs>li {
	margin-bottom: 0;
}

.page-contacts .tab-content .form-element {
	max-width: 150px;
	width: 100%;
}

.page-contacts .con-leads-wrap a {
	display: inline-block;
	min-width: 50px;
	font-size: 13px;
	padding: 0 10px;
	text-decoration: none;
}

.page-contacts .con-leads-wrap a img {
	margin: 0 5px 0 0;
}

.page-contacts .con-leads-wrap a i {
	font-size: 16px;
	padding-right: 5px;

}

.small-circle {
	width: 5px;
	height: 5px;
	background: #86C552;
	margin: 0 0 2px !important;
	border-radius: 50%;
}

.green-circle {
	background: #86C552;
}

.red-circle {
	background: #E74F42;
}

/* tasks formatting ================*/

.page-tasks {
	width: auto;
}

.page-tasks h2 {
	font-size: 20px;
}

.page-tasks .tasks-left {
	max-width: 740px;
	width: 100%;
	float: left;
}

.page-tasks .tasks-right {
	max-width: 270px;
	width: 100%;
	float: right;
}

.page-tasks .suspects-table .tablesaw thead {
    background: none !important;
    color: #4C4C4C;
    border-bottom: 1px solid #cdcdcd;
}

.page-tasks .suspects-table .tablesaw thead tr:first-child th {
    font-weight: bold;
}

.page-tasks .tasks-left .select-box.first {
	margin-right: 40px;
}

.page-tasks .tasks-right .select-box span {
	line-height: 34px;
	margin-right: 20px;
}

.page-tasks .tasks-right .select-box span a {
	padding: 0 7px;
}

.page-tasks .tasks-right .select-box span a:hover {
	color: #727272;
}

.page-tasks .select-box {
	max-width: 150px;
	width: 100%;
}

.page-tasks .task-link {
	color: #717171;
	padding: 3px 15px;
	width: 110px;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 5px;
}

.page-tasks .task-link:hover, .page-tasks .task-link.active {
	color: #FFF;
	background: #9E9E9E;
	text-decoration: none;
}

.page-tasks .form-control {
	border-radius: 0;
	height: 25px;
	padding: 2px 12px;
	margin-top: 5px;
}

.page-tasks .high-priority {
	border-left: 5px solid #D80100;
}

.page-tasks .medium-priority {
	border-left: 5px solid #F3A006;
}

.page-tasks .low-priority {
	border-left: 5px solid #93D051;
}

.page-tasks .no-priority {
	border-left: 5px solid #707070;
}

.page-tasks h4 {
	font-size: 15px;
	max-width: 150px;
	padding: 5px 3px;
}

.page-tasks .task-box {
	padding: 30px 15px;
}

.page-tasks .task-box .wrap-cb {
	width: 25px;
	display: block;
}
 
.create-task-modal .modal-dialog {
    max-width: 750px !important;
    width: 100%;
}

.create-task-modal .modal-content .input-append {
	height: 2.3em;
	border: 1px solid #ccc;
}

.create-task-modal .modal-content .input-append .form-control {
	border: none;
	background: none;
}

.create-task-modal .modal-content .form-title {
	max-width: 230px;
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.create-task-modal .modal-content .form-type,
.create-task-modal .modal-content .form-start,
.create-task-modal .modal-content .form-end {
	/*max-width: 120px;*/
	width: 100%
}

.create-task-modal .modal-content .form-priority {
	max-width: 150px;
	width: 100%
}

.create-task-modal .modal-content .form-contact {
	width: 100%;
}

.create-task-modal .modal-content .form-contact .form-control {
	/*max-width: 230px;*/
}

.create-task-modal .modal-content .form-contact span {
	/*margin-top: -8px;*/
	display: inline-block;
	vertical-align: middle;
}

.create-task-modal .modal-content .form-contact i {
	color: #727272;
	font-size: 18px;
}

.create-task-modal .modal-content .form-notes {
	width: 100%;
}

.create-task-modal .modal-content .form-notes .form-control {
	height: 100px;
}

/* opportunity modal formatting========*/

.create-opportunity-modal .modal-content .input-append {
	border: 1px solid #ccc;
}

.create-opportunity-modal .modal-content .input-append .form-control {
	border: none;
	background: none;
}

.create-opportunity-modal .modal-content .form-title {
	max-width: 230px;
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.create-opportunity-modal .modal-content .form-type,
.create-opportunity-modal .modal-content .form-start,
.create-opportunity-modal .modal-content .form-end {
	/*max-width: 120px;*/
	width: 100%
}

.create-opportunity-modal .modal-content .form-priority {
	max-width: 150px;
	width: 100%
}

.create-opportunity-modal .modal-content .form-contact {
	width: 100%;
}

.create-opportunity-modal .modal-content .form-contact .form-control {
	/*max-width: 230px;*/
}

.create-opportunity-modal .modal-content .form-contact span {
	display: inline-block;
	vertical-align: middle;
}

.create-opportunity-modal .modal-content .form-contact i {
	color: #727272;
	font-size: 18px;
}

.create-opportunity-modal .modal-content .form-interested-in {
	width: 100%;
}

.create-opportunity-modal .modal-content .form-interested-in .form-control {
	height: 100px;
}

.modal-open .bootstrap-datetimepicker-widget ul {
	margin-left: -20px !important;
	width: 100%;
}

/* note modal and find guide modal formatting ========*/

.create-note-modal .modal-dialog {
    max-width: 750px !important;
    width: 100%;
}

.create-note-modal .modal-content .input-append {
	height: 25px;
	border: 1px solid #ccc;
}

.create-note-modal .modal-content .input-append .form-control {
	border: none;
	background: none;
	max-width: 150px;
}

.create-note-modal .modal-content .form-title {
	max-width: 230px;
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.create-note-modal .modal-content .form-type,
.create-note-modal .modal-content .form-start,
.create-note-modal .modal-content .form-end {
	max-width: 120px;
	width: 100%
}

.create-note-modal .modal-content .form-priority {
	max-width: 150px;
	width: 100%
}

.create-note-modal .modal-content .form-contact,
.find-guide-modal .modal-content .form-contact {
	width: 100%;
}

.create-note-modal .modal-content .form-contact .form-control,
.find-guide-modal .modal-content .form-contact .form-control {
	/*max-width: 230px;*/
}

.create-note-modal .modal-content .form-contact span,
.find-guide-modal .modal-content .form-contact span {
	/*margin-top: -8px;*/
	display: inline-block;
	vertical-align: middle;
}

.create-note-modal .modal-content .form-contact i,
.find-guide-modal .modal-content .form-contact i {
	color: #727272;
	font-size: 18px;
}

.create-note-modal .modal-content .form-interested-in {
	width: 100%;
}

.create-note-modal .modal-content .form-interested-in .form-control {
	height: 100px;
}

/* calendar formatting ================*/

.calendare-wrap .responsive-calendar .day.header {
	border-bottom: 1px solid #888;
}

.bootstrap-datetimepicker-widget > ul {
    margin: 0px 0px 0px -45px !important;
}

.page-calendar .calendare-wrap {
	display: table;
	width: 100%;
}

.page-calendar .calendare-wrap .cal-side {
	display: table-cell;
	width: 230px;
	padding-right: 30px;
}

.page-calendar .calendare-wrap .cal-main {
	position: initial;
	display: table-cell;
	vertical-align: top;
}

.page-calendar .calendare-wrap .bg-white .details-page-img {
	text-align: center;
	margin: 0px auto 0px;
}

.page-calendar #calendar {
	max-width: 100%;
	margin: 0 auto;
}

.page-calendar .fc-view-container {
	background: #FFF;
	height: auto;
}

.page-calendar .fc-unthemed tbody .fc-row{
  padding: 6px 0px !important;
}

.page-calendar .fc-toolbar {
  margin-bottom: 1.7em !important;
}

.page-calendar .fc .fc-axis {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-calendar  .fc .fc-axis span {
  margin-left: -60px;
}

.page-calendar.content-main {
	position: relative;
}

.page-calendar .fc-left {
	position: absolute;
	left: 15px;
}

.page-calendar .fc-left .fc-button-group .fc-button {
	padding: 0;
}

.page-calendar .fc-center {
	position: absolute;
	left: 70px;
}

.page-calendar .fc-center h2 {
	font-size: 15px;
	line-height: 25px;
}

.page-calendar .fc-button {
	border: none;
	background: none;
	box-shadow: none;
	outline: 0;
}

.page-calendar .fc-right .fc-button {
	background: #E0E0E0;
	border-radius: 0;
	text-shadow: none;
	padding: 0 50px;
}

.page-calendar .fc-right .fc-state-hover, 
.page-calendar .fc-right .fc-state-active {
	background: #00ACC0;
	color: #FFF;
}

.page-calendar .mini-calendar {
	max-width: 100%;
	width: 100%;
	height: 240px;
	margin: 50px 0 30px;
}
	
.page-calendar .buttons-wrap a {
	display: block;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	max-width: 250px;
}

.page-calendar .buttons-wrap a:hover {
	color: #FFF;
	text-decoration: none;
}

.page-calendar .buttons-wrap a i {
	font-size: 23px;
}

.page-calendar .btn-view-follow-ups {
	background: url('../images/ico/icon-calendar-follow-up.svg') no-repeat;
	padding: 10px 10px 10px 42px;
	background-size: 36px 36px;
	text-decoration: none;
}

.page-calendar .fc-event {
	border-radius: 0;
}

.page-calendar .fc-event:hover {
	color: #FFF;
}

.page-calendar .form-group .invite-people {
	width: 250px !important;
}

.page-calendar .form-date-time .input-append {
	border: 1px solid #ccc !important;
	border-radius: 4px;
}

.page-calendar .form-date-time input {
	border: none;
}

.page-calendar .form-control {
	display: inline-block;
	font-size: 13px;
	border-radius: 0;
	height: 25px;
	padding: 3px 12px;
}

.page-calendar .form-control-feedback {
    line-height: 25px;
}

.checkbox01 {
	visibility: hidden;	
	position: absolute;
}

.table .checkbox01 {
	position: absolute;
}

.checkbox-wrap {
	position: relative;
	padding-top: 10px;
	padding-bottom: 15px;
}

.checkbox-wrap span {
	display: inline-block;
}

.table .checkbox-wrap span,
.checkbox-wrap span {
	margin-left: 32px;
}

.checkbox-wrap label {
	cursor: pointer;
	position: absolute;
	min-width: 20px;
	width: 20px;
	height: 20px;
	top: 0;
  	left: 0;
	background: #eee;
	border:2px solid #727272;
	border-radius: 3px;
	margin-right: 5px;
	margin-top: 10px;
}

.checkbox-wrap label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 6px;
	background: transparent;
	top: 4px;
	left: 2px;
	border: 3px solid #FFF;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkbox-wrap input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.checkbox-wrap input[type=checkbox]:checked + label {
	background: #01ACC0;
	border:2px solid #01ACC0;
}

/* pipeline formatting ================*/

.page-pipeline .page-classrooms {
    padding-left: 30px;
    padding-right: 30px;
}

.page-pipeline .page-the-process, .page-no-access img {
	width: auto;
}

.page-no-access {
	background: url('../images/bg/bg-pipeline.jpg') no-repeat;
	color: #00acc1;
}

.pipeline-steps {
	overflow: hidden;
}

.page-pipeline .numbered-list {
	counter-reset:li; 
	margin-left:0; 
	padding-left:0;
	padding-top: 10px;
	overflow: hidden;
}

.number-list {
	counter-reset:li; 
	margin-left:0; 
	padding-left:0;
	padding-top: 10px;
	overflow: hidden;
}

.page-pipeline .step1 .numbered-list {
	min-height: 270px;
}

.page-pipeline .step2 .numbered-list,
.page-pipeline .step3 .numbered-list {
	min-height: 300px;
}

.page-pipeline .step2 .box-right-end .numbered-list,
.page-pipeline .step3 .box-right-end .numbered-list {
	min-height: 570px;
}

.page-pipeline .numbered-list li {
	vertical-align: bottom;
	position:relative; 
	margin:0 0 10px 30px; 
	padding:5px 15px 10px; 
	list-style:none;
}

.page-pipeline .number-list li {
	vertical-align: bottom;
	position:relative; 
	margin:0 0 10px 30px; 
	padding:5px 15px 10px; 
	list-style:none;
}

.page-pipeline .numbered-list li:before {
     content:counter(li);
	counter-increment:li;
	position:absolute;
	left:-15px;
	top: 8px;
	border-radius: 50%;
	width:15px;
	font-size: 10px;
	line-height: 15px;
	color:#4c4c4c;
	background:#eeeeee;
	font-family:"Roboto Medium", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
}

.page-pipeline .number-list li:before {
     content:counter(li);
	counter-increment:li;
	position:absolute;
	left:-15px;
	top: 8px;
	border-radius: 50%;
	width:15px;
	font-size: 10px;
	line-height: 15px;
	color:#00acc1;
	background:#00acc1;
	font-family:"Roboto Medium", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
}

.page-pipeline .numbered-list-overview {
	counter-reset:li; 
	margin-left:0; 
	padding-left:0;
	padding-top: 10px;
	overflow: hidden;
}

.page-pipeline .step1 .numbered-list-overview {
	min-height: 200px;
}

.page-pipeline .step2 .numbered-list-overview,
.page-pipeline .step3 .numbered-list-overview {
	min-height: 250px;
}

.page-pipeline .step2 .box-right-end .numbered-list-overview,
.page-pipeline .step3 .box-right-end .numbered-list-overview {
	min-height: 520px;
}

.page-pipeline .numbered-list-overview li {
	vertical-align: bottom;
	position:relative; 
	margin:0 0 10px 30px; 
	padding:5px 5px; 
	list-style:none;
}

.page-pipeline .numbered-list-overview li:before {
     content:counter(li);
	counter-increment:li;
	position:absolute;
	left:-15px;
	top: 8px;
	border-radius: 50%;
	width:15px;
	font-size: 10px;
	line-height: 15px;
	color:#4c4c4c;
	background:#eeeeee;
	font-family:"Roboto Medium", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
}

.page-pipeline .img-responsive {
	width: auto;
}

.img-pipeline {
	background: url('../images/img/img-l-pipeline-step01.png') no-repeat;
	width: 1000px;
	float: none !important;
	height: 193px;
}

.img-pipeline-step02 {
	background: url('../images/img/img-l-pipeline-step02.png') no-repeat;
}

.img-pipeline-step03 {
	background: url('../images/img/img-l-pipeline-step03.png') no-repeat;
}

.img-pipeline a {
	display: block;
	height: 193px;
	width: 100%;
}

.img-pipeline .pipeline-steps01 {
	width: 347px;
}

.img-pipeline .pipeline-steps02 {
	width: 307px;
}

.img-pipeline .pipeline-steps03 {
	width: 346px;
}

.img-pipeline .pipeline-steps01 a:hover {
	background: url('../images/img/img-l-pipeline-step01.png') no-repeat center left;
}

.img-pipeline .pipeline-steps02 a:hover {
	background: url('../images/img/img-l-pipeline-step02.png') no-repeat center center;
}

.img-pipeline .pipeline-steps03 a:hover {
	background: url('../images/img/img-l-pipeline-step03.png') no-repeat center right;
}

h5.btn-pipeline {
	padding: 5px 10px;
	max-width: 195px;
	width: 100%;
	display: block;
	margin: 30px 0 25px;
}

.btn-pipeline {
	padding: 3px 10px;
	max-width: 195px;
	width: 100%;
	display: block;
	margin: 30px auto;
}

a.btn-pipeline:hover {
	color: #FFF;
}

.page-pipeline .nav-tabs {
	border: 0;
}

.page-pipeline .nav-tabs>li>a, 
.page-pipeline .nav-tabs>li>a:hover, 
.page-pipeline .nav-tabs>li>a:focus {
	border-radius: 0;
	padding: 15px 35px;
	border: 0;
	color: #4c4c4c;
}

.page-pipeline .nav-tabs>li {
	margin-bottom: 0;
}

.page-pipeline .nav-tabs>li>ul>li>a, 
.page-pipeline .nav-tabs>li>ul>li>a:hover, 
.page-pipeline .nav-tabs>li>ul>li>a:focus {
	border-radius: 0;
	padding: 15px 35px;
	border: 0;
	color: #4c4c4c;
	background: #FFF !important;
	border-bottom: 1px solid #C3C7C8;
}

.page-pipeline .nav .dropdown.open > a,
.page-pipeline .nav .dropdown.open > a:hover,
.page-pipeline .nav .dropdown.open > a:focus {
	background: #FFF !important;
}

.page-pipeline .nav-tabs>li {
	margin-bottom: 0;
}


.page-pipeline .page-classrooms .classroom-heading {
	background-size: auto;
	padding: 50px 15px 200px;
	height: 410px;
}

.page-pipeline .page-classrooms .back-intro {
	padding-bottom: 87px;
}

.pad-top {
	padding-top: 30px;
}

.text-intro {
	font-size: 14px;
}

.text-intro-title {
	font-size: 24px;
}

.page-pipeline .page-classrooms .back-intro {
    background-image: url("../images/bg/bg-img-introduction.jpg");
    color: #FFF;
    background-repeat: no-repeat;
    /*background-position: top left !important;*/
    background-color: transparent;
    background-position: 0px -72px;
}

.page-pipeline .page-classrooms #classroom-1 .classroom-heading {
	background: url('../images/bg/bg-classroom01.jpg');
	color: #FFF;
	background-position: top center !important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: 120% 120%;
}

.page-pipeline .page-classrooms #classroom-2a .classroom-heading {
	background: url('../images/bg/bg-classroom2a.jpg');
	background-position: top center !important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: 120% 120%;
}

.page-pipeline .page-classrooms #classroom-2b .classroom-heading {
	background: url('../images/bg/bg-classroom2b.jpg');
	background-position: top center !important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: 120% 120%;
}

.page-pipeline .page-classrooms #classroom-3 .classroom-heading {
	background: url('../images/bg/bg-classroom03.jpg');
	background-position: top center !important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: 120% 120%;
}

.page-pipeline .page-classrooms #smart-start .classroom-heading {
	background: url('../images/bg/bg-smart-start.jpg');
	background-position: top center !important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: 120% 120%;
}

.page-pipeline .page-classrooms #smart-start .smart-start-header {
	padding-bottom: 40px;
}

.page-pipeline .page-classrooms .smart-start-header .smart-start-hero {
	background-image: url('../images/bg/bg-smart-start-hero.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.page-pipeline .page-classrooms #smart-start .smart-start-hero-caption  {
	padding-bottom: 200px;
}

.page-pipeline .page-classrooms #smart-start .smart-start-hero-caption .smart-start-checklist-header {
	background: rgba(255, 255, 255, 0.7);
}

.page-pipeline .page-classrooms #smart-start .smart-start-hero-caption .smart-start-checklist-header .green {
	font-size: 22px;
	font-weight: 600;
	color: #5D9732;
}

.page-pipeline .page-classrooms #smart-start .smart-start-hero-caption .smart-start-checklist-header .green-sub-title {
	font-size: 16px;
	font-weight: 600;
}

.page-pipeline .page-classrooms #classroom-3 .classroom-heading .text, 
.page-pipeline .page-classrooms #smart-start .classroom-heading .text {
	background: url('../images/bg/bg-reduce-opacity01.png');
	padding: 15px;
	max-width: 530px;
	margin: 0 auto;
}

.page-pipeline .page-classrooms .classroom-heading h2 {
	font-size: 25px;
}

.page-pipeline .page-classrooms .classroom-heading h2 span {
	font-size: 18px;
}

.page-pipeline .page-classrooms .tab-inner {
	padding: 30px 15px;
}

.page-pipeline .page-classrooms .classroom-bottom .column .p-icon {
	margin: 0;
}

.page-pipeline .page-classrooms .classroom-bottom .column a {
	color: #FFF;
}

.page-pipeline .page-classrooms .classroom-bottom .column i {
	font-size: 60px;
}

.page-pipeline .page-classrooms .classroom-bottom .top-left-square {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px;
	border-color: #16364F;
}

.page-pipeline .page-classrooms .classroom-bottom .top-left-square span {
	position: absolute;
	z-index: 100;
	margin: -12px 0 0 -5px;
	font-size: 18px;
}

.page-pipeline .page-classrooms .classroom-recap i {
	color: #8bc34a;
	font-size: 30px;
	vertical-align: middle;
	display: inline-block;
}

.page-pipeline .pipeline-intro-wrap {
	display: table;
	width: 100%;
}

.page-pipeline .pipeline-intro-wrap .pipeline-row {
	display: table-row;
}

.page-pipeline .pipeline-intro-wrap .col-left,
.page-pipeline .pipeline-intro-wrap .col-right {
	display: table-cell;
	width: 100%;
}

.page-pipeline .pipeline-intro-wrap .col-half {
	width: 50% !important;
}

.page-pipeline .pipeline-intro-wrap .col-left-number {
	width: 50px;
}

.page-pipeline .pipeline-intro-wrap .col-left-button {
	width: 120px;
}

.page-pipeline .pipeline-intro-wrap .col-left-image {
	width: 70px;
}

.page-pipeline .pipeline-intro-wrap .col-left-number h3 {
	line-height: 30px;
	margin: 10px 0 0;
}

.page-pipeline .pipeline-intro-wrap .col-right-content p {
	line-height: 25px;
}

.page-pipeline .pipeline-intro-wrap .col-right-content .pipeline-row p {
	line-height: 18px;
}

.page-pipeline .lets-connect i {
	float: left;
}

.classrooms .modal-dialog {
	max-width: 1000px !important; 
	width: 100%;
}

.classrooms .modal-dialog .presentation iframe {
	height: 650px;
	border: none;
}	

.classrooms .modal-dialog .presentation .close {
	position: absolute;
	top: -15px;
	right: -5px;
	background: #000000;
	padding: 5px 9px;
	border: 1px solid #00acc1;
	border-radius: 15px;
	color: #FFF;
	opacity: 1;
}	

.funclassrooms .modal-dialog {
	max-width: 750px !important; 
	width: 100%;
}

.funclassrooms .modal-backdrop {
	position: fixed;
	margin-right: 15px;
}

.funclassrooms .modal-dialog .item {
	padding: 0px 25px;
}

.funclassrooms .carousel-control.right, 
.funclassrooms .carousel-control.left {
	background-image: none !important;
	color: #989898;
}

.funclassrooms .modal-header .close {
    margin-top: 5px;
}

.modal-edit-hubsite.classrooms .modal-header {
	border: none;
	padding: 0 !important;
}

.get-started .modal-header {
	background: #FFF;
	color: #00acc1666;
}

.get-started .modal-dialog {
	width: auto;
	max-width: 700px;
  	margin: 30px auto;
}

.get-started button.close {
	color: #00acc1666;
}

.classrooms .modal-body {
	padding: 0 !important;
}

.classrooms .modal-body img {
	width: auto;
}

.page-pipeline .page-no-access p {
	font-size: 20px;
}

.page-pipeline .page-no-access .btn {
	font-size: 15px;
	border-radius: 0;
	max-width: 250px;
	padding: 10px;
}

.page-pipeline .page-no-access .btn:hover, 
.page-pipeline .page-no-access .btn:focus {
	color: #FFF;
}

.classrooms .modal-content .modal-header h4 {
	line-height: 40px;
}

.pipeline-intro-wrap .form-control {
	height: 25px;
	border-radius: 0;
}

.pipeline-intro-wrap a i {
	font-size: 18px;
	vertical-align: middle;
}

.pipeline-intro-wrap .access-state01 i {
	font-size: 60px;
	color: #E84F41;
}

.pipeline-intro-wrap .access-state02 i {
	font-size: 60px;
	color: #FFAF3A;
}

.pipeline-intro-wrap .access-state03 i {
	font-size: 60px;
	color: #A4D55F;
}

.pipeline-intro-wrap .span-filler {
	width: 50px;
}

.pipeline-intro-wrap .link-grey,
.pipeline-intro-wrap .link-grey:hover {
	color: #727272;
	font-size: 10px;
}

.pipeline-overview h5 {
	font-size: 14px;
	padding: 8px 10px;
}

/* marketing formatting ================*/

.page-marketing .tablesaw-swipe .tablesaw-cell-persist {
	box-shadow: none;
	-moz--box-shadow: none;
	-webkit-box-shadow: none;
	border-right: none;
}

.page-marketing .tablesaw-swipe td p {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 1000px;
}

/* project library formatting ================*/

.page-library {
	width: auto;
}

/* analytics formatting ================*/
.page-analytics {
	max-width: 1200px;
}

.chart-line #canvas {
	max-height: 320px;
	max-width: 750px;
}

#chartlegend ul {
	color: #03a9f4;
}

.page-analytics p {
	font-size: 20px;
}

.page-analytics h5 {
	font-size: 20px;
}

.page-analytics h4 {
	font-size: 23px;
}

.page-analytics .search,
.page-analytics .bg-white {
	margin: 0px auto 10px;
}

.page-analytics .search form .form-group .text-view {
	font-size: 17px;
}

.page-analytics .search form .form-group .form-control {
	font-size: 11px;
     height: 27px;
}

.page-analytics .search form .form-group .input-group-addon {
	padding: 3px 12px;
}

.page-analytics .bg-white .bar-chart,
.page-analytics .bg-white .pie-chart {
	padding-left: 0px;
	padding-right: 0px;
     margin: 0px auto 0px;
     text-align: center;
	height: 200px;
	max-width: 100%;
}

.page-analytics .bg-white .chart-graph {
     margin: 0px auto 0px;
	max-width: 100%;
}

.page-analytics .bg-white form .form-group .form-control {
	font-size: 11px;
     height: 27px;
}

.page-analytics .bg-white form .form-group .input-group-addon {
	padding: 3px 12px;
}

.page-analytics .bg-white .contacts-day-overview {
     text-align: center;
}

.page-analytics .bg-white .contacts-day-overview img {
     max-width: 73px;
     margin: 0px auto 0px;
}

.page-analytics .bg-white .contacts-day-overview h3 {
     font-size: 40px;
     margin-top: 10px;
     margin-bottom: 0px;
}

.page-analytics .bg-white .contacts-day-overview .text-contact {
     font-size: 13px;
}

.page-analytics .search form .form-group label {
	font-size: 11px;
     line-height: 30px;
}

.page-analytics .bg-white .text-sub-title {
	font-size: 13px;
     line-height: 30px;
     margin: -10px auto 0px;
}

.page-analytics .bg-white .text-link {
	font-size: 12px;
}

.page-analytics .bg-white .table > tbody > tr > td {
	padding: 15px 0px 15px 15px;
}

.page-analytics .bg-white .table .tablesaw-cell-persist {
    box-shadow: none;
    border-right: none;
}

.page-analytics .bg-white .table {
	max-width: 100% !important;
     width: 100% !important;
}

.page-analytics .p-text {
	font-size: 15px;
}

.page-analytics .bg-white .p-text-more {
	padding: 2px 0px;
}

.page-analytics .bg-white .form-inline .form-group label {
	font-size: 11px;
     line-height: 30px;
}

.page-analytics .form-element {
	max-width: 175px;
	width: 100%;
	height: 25px;
}

.page-analytics .web-traffic-overview-graph {
	margin: 20px 0;
}

.page-analytics .web-traffic-overview-graph img {
	width: 100%;
	max-width: 100%;
	max-height: 200px;
}

.page-analytics .circle-stacked .fa-circle-thin {
	font-size: 200px;
}

.circle-text {
    width:160px;
}

.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 140px;
    background: #FFF;
	border: 10px solid #8bc34a;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}

.circle-text div {
    float:left;
    width:100%;
    padding-top:55px;
    line-height:30px;
    margin-top:-0.5em;
    text-align:center;
    color: #4c4c4c;
}

.circle-text .text-light {
	font-size: 24px;
}

.chart-number {
	font-size: 36px;
}

canvas {
	width: 100% !important;
}

.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, 
.table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, 
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
	white-space: normal;
}

/* helpdesk formatting ================*/

.page-helpdesk {
	width: auto;
}

.page-helpdesk h2 {
	font-size: 20px;
}

.page-helpdesk .helpdesk-left {
	max-width: 640px;
	width: 100%;
	float: left;
}

.page-helpdesk .helpdesk-right {
	max-width: 270px;
	width: 100%;
	float: right;
}

.page-helpdesk .helpdesk-left .select-box.first {
	margin-right: 40px;
}

.page-helpdesk .helpdesk-right .select-box span {
	line-height: 34px;
	margin-right: 20px;
}

.page-helpdesk .helpdesk-right .select-box span a {
	padding: 0 7px;
}

.page-helpdesk .helpdesk-right .select-box span a:hover {
	color: #727272;
}

.page-helpdesk .select-box {
	max-width: 150px;
	width: 100%;
}

.page-helpdesk .form-element {
	max-width: 150px;
	width: 100%;
	display: inline-block;
	font-size: 13px;
	border-radius: 0px;
	height: 25px;
	padding: 3px 12px;
}

/* profile formatting ================*/

.page-profile .nav-tabs {
	border: 0;
}

.page-profile .nav-tabs>li>a, .page-profile .nav-tabs>li>a:hover, .page-profile .nav-tabs>li>a:focus {
	border-radius: 0;
	padding: 15px 35px;
	border: 0;
	color: #4c4c4c;
}

.page-profile .nav-tabs>li {
	margin-bottom: 0;
}

.page-profile .tab-content h3 {
	font-size: 16px;
}

.page-profile .tab-content h4 {
	font-size: 18px;
}

.page-profile .form-element {
	display: table;
	width: 100%;
}

.page-profile .form-element label {
	width: 165px;
	font-weight: 500;
	vertical-align: top;
}

.page-profile .form-element span.billing-info {
	max-width: 250px;
	width: 100%;
}

.page-profile .form-element .textfield01 {
	max-width: 400px;
	width: 100%;
}

.page-profile .form-element .textfield02 {
	max-width: 75px;
	width: 100%;
}

.page-profile .form-element .checkbox01 {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: -4px 0 0 5px;
	visibility:visible !important;
}

.page-profile .form-element span {
	display: inline-block;
}

.page-profile .form-element .change-photo {
	vertical-align: top;
}

.page-profile .form-photo {
	max-width: 250px;
	width: 100%;
	display: inline-block;
}

.page-profile .recommended-size {
	margin-left: 165px;
}

.page-profile .form-element .form-label {
	display: table-cell;
	width: 165px;
}

.page-profile .form-element .form-label02 {
	display: table-cell;
	width: 150px;
}

.page-profile .form-element .form-label02 label {
	width: 150px;
}

.page-profile .form-element .form-label-photo {
	vertical-align: top;
}

.page-profile .form-element .form-tfield {
	display: table-cell;
}

.page-profile .form-element .view-e-pref {
	margin-left: 165px;
}

.page-profile .form-element .btn {
	color: #FFF;
}

.page-profile .subscription-box-inner {
	display: table;
}

.page-profile .subscription-box-inner-left, 
.page-profile .subscription-box-inner-right {
	display: table-cell;
	float: none;
}

.page-profile .subscription-box-inner-left {
	min-width: 150px;
	width: 150px;
}

.page-profile .details-contact .input-group-addon {
	padding: 3px 1px 3px 12px;
	text-align: left;
	background-color: rgb(235, 235, 228);
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
}

.page-profile .details-contact .input-group {
	width: 60%;
}

.page-profile .nav-tabs > li > ul > li > a,
.page-profile .nav-tabs > li > ul > li > a:hover,
.page-profile .nav-tabs > li > ul > li > a:focus {
	border-radius: 0;
	padding: 15px 35px;
	border: 0;
	color: #4c4c4c;
	background: #FFF !important;
	border-bottom: 1px solid #C3C7C8;
}

.page-profile .nav .dropdown.open > a,
.page-profile .nav .dropdown.open > a:hover,
.page-profile .nav .dropdown.open > a:focus {
    background: #FFF !important;
}

.cancel-plan-modal .modal-body h5, 
.change-plan-modal .modal-body h5 {
	font-size: 16px;
	line-height: 22px;
}

.change-plan-modal .modal-footer .btn {
	max-width: 160px;
}

/* my products formatting ================*/

.page-training .nav-tabs {
	border: 0;
}

.page-training .nav-tabs>li>a, .page-training .nav-tabs>li>a:hover, .page-training .nav-tabs>li>a:focus {
	border-radius: 0;
	padding: 15px 35px;
	border: 0;
	color: #4c4c4c;
}

.page-training .nav-tabs>li {
	margin-bottom: 0;
}

.page-training .action-links {
	display: inline-block;
	font-size: 18px;
}

.page-training .action-links a {
	color: #727272;
	padding: 0 7px;
	text-decoration: none;
}

.page-training .action-links a:hover {
	color: #00acc1;
}

.page-training .ema-tab h4,
.page-training .fbpa-tab h4 {
	font-size: 45px;
	margin: 0;
}

.page-training .ema-tab h4 span,
.page-training .fbpa-tab h4 span {
	font-size: 25px;
}

.page-training .ema-tab h5,
.page-training .fbpa-tab h5 {
	font-size: 18px;
	line-height: 23px;
	margin: 0;
}

.page-training .btn-join-group01 {
	display: block;
	background: #698cca;
	font-size: 16px;
	color: #FFF;
	padding: 10px;
	max-width: 250px;
	border-radius: 3px;
	margin: 15px 0 0;
	border-bottom: 3px solid #436197;
}

.page-training .btn-join-group01:hover {
	color: #FFF;
	background: #6495ED;
	text-decoration: none;
}

.page-training .thumbnail-holder {
	padding: 0 5px;
}

.page-training .thumbnail-box {
	margin: 0 auto 10px;
	display: block;
	max-width: 252px;
}

.page-training .download-workbooks .column {
	display: table;
}

.page-training .download-workbooks .column p {
	display: table-row;
}

.page-training .download-workbooks .column p >span, 
.page-training .download-workbooks .column p a {
	display: table-cell;
}

.page-training .download-workbooks .column p a {
	vertical-align: middle;
	color: #00acc1;
}

.page-training .download-workbooks a.btn {
	white-space: normal;
	margin: 30px 0;
}

.page-training .download-workbooks a.btn i {
	font-size: 20px;
	padding-left: 5px;
}

.page-training .download-workbooks img {
	max-width: 477px;
}

.session-modal .modal-dialog, 
.session-modal .modal-content {
	max-width: 1000px !important;
	width: 100%;
}

.session-modal button.close {
	margin-top: 5px; 
}

.session-modal .modal-backdrop {
	position: inherit;
}

.page-my-products .nav-tabs {
	border: 0;
}

.page-my-products .nav-tabs>li>a, 
.page-my-products .nav-tabs>li>a:hover, 
.page-my-products .nav-tabs>li>a:focus {
	border-radius: 0;
	padding: 15px 30px;
	border: 0;
	color: #4c4c4c;
}


.page-my-products .nav-tabs>li {
	margin-bottom: 0;
}

.page-my-products .page-freedom-builder .tab-inner {
	padding: 30px 15px;
}

.page-my-products .page-freedom-builder .contacts .col-sm-2 {
	padding-top: 80px;
}

.page-my-products .page-freedom-builder .contacts .col-xs-1 {
	padding-top: 45px;
	font-size: 20px;
}

.page-my-products .btn-arrow-blue-bg {
	background: #DBEEFD;
	color: #4c4c4c;
	border: 1px solid #3C6793;
	width: 200px;
	text-align: left;
}

.page-my-products .btn-arrow-blue-bg:hover {
	background: #B7DCFB;
	color: #4c4c4c;
}

/* my websites formatting ================*/
.page-websites {
	max-width: 1200px;
}

.page-websites .site-layout h3, 
.page-websites .site-layout h4 {
	font-size: 15px;
}

.page-websites .nav-tabs {
	border: 0;
}

.page-websites .nav-tabs>li>a, 
.page-websites .nav-tabs>li>a:hover, 
.page-websites .nav-tabs>li>a:focus {
	border-radius: 0;
	padding: 15px 35px;
	border: 0;
	color: #4c4c4c;
}

.page-websites .nav-tabs>li>ul>li>a, 
.page-websites .nav-tabs>li>ul>li>a:hover, 
.page-websites .nav-tabs>li>ul>li>a:focus {
	border-radius: 0;
	padding: 15px 35px;
	border: 0;
	color: #4c4c4c;
	background: #FFF !important;
	border-bottom: 1px solid #C3C7C8;
}

.page-websites .nav .dropdown.open > a,
.page-websites .nav .dropdown.open > a:hover,
.page-websites .nav .dropdown.open > a:focus {
	background: #FFF !important;
}

.page-websites .nav-tabs>li {
	margin-bottom: 0;
}

.page-websites .carousel p {
	margin-top: 10px;
}

.page-websites .carousel-control {
	top: 48%;
	width: 15px;
	background: none !important;
	color: #727272;
	opacity: 1;
	font-size: 30px;
}

.page-websites .carousel-control:hover {
	color: #727272;
}

.page-websites .hub-lead-capture .heading {
	font-size: 18px;
}

.page-websites .hub-lead-capture img {
	max-width: 364px;
}

.page-websites .action-links {
	display: inline-block;
	font-size: 18px;
}

.page-websites .action-links a {
	color: #727272;
	padding: 0 7px;
	text-decoration: none;
}

.page-websites .action-links a:hover {
	color: #00acc1;
}

.page-websites .hub-lead-capture .info-box {
	display: table;
}

.page-websites .hub-lead-capture .info-box .left-col, 
.page-websites .hub-lead-capture .info-box .right-col {
	display: table-cell;
}

.page-websites .hub-lead-capture .info-box .left-col {
	width: 250px;
}

.page-websites .form-control {
	border-radius: 0px;
	height: 1.9em;
	padding: 2px 7px;
}

.hub-theme {
	display: table;
	width: 100%;
}

.hub-theme .hub-col {
	display: table-cell;
	padding: 15px 0 30px;
}

.hub-theme .hub-col img {
	max-width: 150px;
	display: inline-block;
}

.hub-theme .hub-col img.module-showcase {
	max-width: 70px;
}

.page-websites .hub-lead-capture-bottom {
	overflow: hidden;
}

.page-websites .hub-lead-capture-bottom .purpose {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.page-websites .lc-link {
	color: #717171;
	padding: 3px 10px;
	width: 130px;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 5px;
}

.page-websites .lc-link:hover, 
.page-websites .lc-link.active {
	color: #FFF;
	background: #9E9E9E;
	text-decoration: none;
}

.color-theme span {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.modal-edit-hubsite .modal-dialog {
	max-width: 1050px;
	width: 100%;
	margin: 15px auto;
}

.modal-edit-hubsite .modal-content {
	border-radius: 0;
	padding: 30px;
}

.modal-edit-hubsite .modal-header {
	padding: 0 0 15px;
}

.modal-edit-hubsite .modal-header .close {
	opacity: 1;
	color: #4E4E4E;
	font-size: 30px;
}

.modal-edit-hubsite .modal-header h4 {
	font-size: 15px;
}

.modal-edit-hubsite .modal-body {
	padding: 15px 0;
}

.hub-lead-capture .hub-image img {
	max-width: 439px;
}

.hub-lead-capture hr {
	border-top: 1px solid #e5e5e5;
}

.hub-lead-capture .color-name {
	display: inline-block;
	width: 80px;
}

.hub-lead-capture .header-graphics img {
	display: inline-block;
	max-width: 220px;
}

.modal-edit-hubsite .graphics-wrap {
	padding: 15px 20px;
}

.modal-edit-hubsite .carousel-control {
	width: 20px;
	background: none !important;
	color: #727272;
	opacity: 1;
	font-size: 40px;
}

.modal-edit-hubsite .carousel-control i {
	position: absolute;
	top: 40%;
}

.modal-edit-hubsite .carousel-control:hover {
	color: #727272;
}

.modal-edit-hubsite .btn, 
.modal-edit-hubsite .btn:focus {
	color: #FFF;
	font-size: 13px !important;
}

.modal-edit-hubsite .modal-footer {
	padding: 15px 0;
}

.modal-edit-hubsite.success, 
.modal-edit-hubsite.not-saved {
	padding-right: 0 !important;
}

.modal-edit-hubsite.success .modal-footer,
.modal-edit-hubsite.not-saved .modal-footer {
	padding: 15px 0 0;
}

.modal-edit-hubsite.success .modal-dialog,
.modal-edit-hubsite.not-saved .modal-dialog {
	max-width: 450px;
	width: 100%;
	margin: 15px auto;
}

.modal-edit-hubsite.success .modal-dialog i {
	color: #8bc34a;
	font-size: 40px;
}

.modal-edit-hubsite.not-saved .modal-dialog i {
	color: #D80100;
	font-size: 40px;
}

.page-websites .photo-story .heading {
	font-size: 16px;
}

.page-websites .photo-story-image img {
	max-width: 200px;
}

.page-websites .photo-story .story-editor {
	max-width: 950px;
}

.page-websites .photo-story textarea {
	width: 100%;
	min-height: 200px;
}

.page-websites .photo-story .btn {
	font-size: 13px !important;
}

.hub-story-photo {
	height: 140px;
}

.weight-story-photo {
	height: 205px;
}

.page-websites .photo-story .weight-loss-photos {
	max-width: 200px;
}

.page-websites .photo-story .weight-loss-photos img {
	max-width: 200px;
}

.modal-edit-hubsite.update-photo .modal-dialog {
	max-width: 600px;
	width: 100%;
	margin: 15px auto;
}

.modal-edit-hubsite.update-photo img {
	width: auto;
}

.modal-edit-hubsite.update-photo .modal-body {
	padding-top: 0;
}

.modal-edit-hubsite.update-photo .modal-body a {
	color: #4c4c4c;
	text-decoration: none;
}

.modal-edit-hubsite.update-photo .modal-body i {
	font-size: 20px;
	line-height: 25px;
}

.modal-edit-hubsite.update-photo .modal-body i.icon-camera {
	font-size: 25px;
}

.modal-edit-hubsite.update-photo .modal-body span {
	vertical-align: middle;
	display: inline-block;
	margin-top: -10px;
}

.modal-edit-hubsite.update-photo .modal-body .take-photo span {
	margin-top: -13px;
}

.install-code .col-md-4 {
	border: 1px solid #d3dede;
	min-height: 280px;
}

.install-code .col-md-4 h5 {
	background: #428bca;
	margin: 0px -15px 30px;
	padding: 8px 10px;
	color: #00acc1;
}

.install-code .col-md-4 .code-area {
	width: 100%;
}
	
.modal-follow-up {
	overflow-y:scroll;
	overflow-x: hidden;
	height: 700px;	
}

.page-websites .photo-story-hub-photo {
	width: 100%;
	display: inline-block;
	font-size: 13px;
	border-radius: 0px;
	padding: 3px 12px;
	height: inherit;
}

/* global elements formatting ================*/

/* --------- tooltip --------- */

.white-tooltip + .tooltip > .tooltip-inner {
	font-family: "Roboto Regular", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
	color: #727272;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(133,133,133,1);
	-moz-box-shadow: 0px 0px 10px 2px rgba(133,133,133,1);
	box-shadow: 0px 0px 10px 2px rgba(133,133,133,1);
	border-radius: 2px;
	padding: 8px 15px;
	width: 200px;
	max-width: 100%;
	height: auto;
}

.white-tooltip + .tooltip > .tooltip-arrow {
	border-top-color:#FFF;
}

.white-tooltip + .tooltip.top {
	opacity: 1;
}

.white-tooltip-bottom-w-auto + .tooltip > .tooltip-inner {
	font-family: "Roboto Regular", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #727272;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(133,133,133,1);
	-moz-box-shadow: 0px 0px 10px 2px rgba(133,133,133,1);
	box-shadow: 0px 0px 10px 2px rgba(133,133,133,1);
	border-radius: 2px;
	padding: 8px 15px;
	width: auto;
	max-width: 200px;
	height: auto;
}

.white-tooltip-bottom-w-auto + .tooltip > .tooltip-arrow {
	border-bottom-color:#FFF;
}

/* -------- radio button ---------- */

.radio-button:not(old){
  width     : 20px;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  cursor: pointer;
}

.radio-button:not(old) + label{
  display      : inline-block;
  margin-left  : -30px;
  line-height  : 30px;
}

.radio-button:not(old) + label > span.outer{
  cursor: pointer;
  display          : inline-block;
  width            : 20px;
  height           : 20px;
  margin           : 5px 10px 5px 5px;
  border           : 1px solid rgb(110, 110, 110);
  border-radius    : 50%;
  background       : rgb(255,255,255);
  background-image :    -moz-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image :     -ms-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image :      -o-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image : -webkit-linear-gradient(rgb(255,255,255),rgb(255,255,255));
  background-image :         linear-gradient(rgb(255,255,255),rgb(255,255,255));
  vertical-align   : middle;
}

.radio-button:not(old):checked + label > span.outer {
  border           : 1px solid rgb(0,171,193);
}

.radio-button:not(old):checked +  label > span.outer > span.inner {
	display          : block;
	width            : 12px;
	height           : 12px;
	margin           : 3px;
	border           : none;
	border-radius    : 50%;
	background       : rgb(0,171,193);
	background-image :    -moz-linear-gradient(rgb(0,171,193),rgb(0,171,193));
	background-image :     -ms-linear-gradient(rgb(0,171,193),rgb(0,171,193));
	background-image :      -o-linear-gradient(rgb(0,171,193),rgb(0,171,193));
	background-image : -webkit-linear-gradient(rgb(0,171,193),rgb(0,171,193));
	background-image :         linear-gradient(rgb(0,171,193),rgb(0,171,193));
}

/* -------- buttons ---------- */

.btn.bg-l-green, 
.btn.bg-l-grey,
.btn.bg-d-turquoise {
	color: #FFF;
	border-radius: 2px;
	min-width: 100px;
}

.btn.bg-l-green:hover, 
a.btn.bg-l-green:focus {
	color: #FFF;
	background: #9ddc54;
}

.btn.bg-d-turquoise:hover, 
a.btn.bg-d-turquoise:focus {
	color: #FFF;
	background: #00c0d0;
}

.btn.bg-l-grey:hover {
	color: #FFF;
	background: #c1c1c1;
}

span.convert-builder-grey {
	background: #C8C8C8;
	color: #FFF;
	border-radius: 2px;
	min-width: 100px;
	margin: 0;
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	cursor: default;
}

.btn-edit:focus, 
.btn-edit {
	background: #9E9E9E;
	padding: 5px;
	min-width: 80px;
	color: #FFF;
}

.btn-edit:hover {
	background: #c1c1c1;
	color: #FFF !important;
}

.btn-icon-edit i {
	font-size: 18px;
	color: #4c4c4c;
}

.btn-live-preview:focus, 
.btn-live-preview {
	border-radius: 2px;
	background: #00acc1;
	min-width: 100px;
	color: #FFF;
}
.btn-live-preview:hover {
	background: #00c9e2;
	color: #FFF !important;
}

.btn-gray:focus, 
.btn-gray {
	border-radius: 2px;
	background: #9e9e9e;
	min-width: 100px;
	color: #FFF;
}

.btn-gray:hover {
	background: #727272;
	color: #FFF !important;
}

.box-event-inner {
	display: table;
}

.box-event .boxed-event-inner-left, .box-event .boxed-event-inner-right {
	display: table-cell;
	float: none;
}

.box-event .boxed-event-inner-left {
	min-width: 163px;
	width: 163px;
}

.box-event .boxed-event-inner-right {
	width: 100%;
}

.box-event .time, .box-event .date {
	display: block;
}

/* -------- CREATE MODALS ---------- */

.create-modal .modal-content {
	margin: 30px auto;
	border-radius: 0;
	font-size: 13px;
}

.create-modal .modal-content p {
	line-height: 20px !important;
}

.create-modal .modal-content .modal-header {
	background: #284F76;
	color: #FFF;
}

img-classroom-03 {
	color: #D80100;
	font-size: 18px;
	width: auto;
	display: inline-block !important;
}

.create-modal .modal-content .modal-footer {
	border: none;
	padding-top: 0;
}

.create-modal .modal-content .modal-header .close {
	font-size: 30px;
	color: #FFF;
	opacity: 1;
	text-shadow: none;
	outline: 0;
}

.create-modal .modal-content .modal-title {
	font-size: 16px;
	line-height: 0 !important;
}

.create-modal .modal-content .modal-title span {
	vertical-align: middle;
	display: inline-block;
	margin: -10px 0 0 5px;
}

.create-modal .modal-content .modal-title i {
	font-size: 27px;
	color: #FFF;
}

.modal-title-classroom {
	margin: none;
}

.create-modal .modal-content .label {
	font-weight: normal;
}

.create-modal .modal-content textarea {
	height: 100px !important;
}

.create-modal .modal-content .form-group {
	display: block;
}

.create-modal .modal-content .form-control {
	border-radius: 0px;
	height: 1.9em;
	padding: 2px 7px;
}

.create-modal .modal-content .input-append {
	border: 1px solid #ccc;
}

.create-modal .modal-content .input-append .form-control {
	border: 1px solid #ccc;
	background: none;
}

#modal-2,
#modal-2-edit,
#search-contact-appointment {
	z-index: 1500;
}

.mindworks-modal .modal-backdrop,
.moo-modal .modal-backdrop,
.sevenbs-modal .modal-backdrop,
.ob-modal .modal-backdrop {
	position: inherit;
	margin-right: 15px;
}

.mindworks-modal .modal-content,
.moo-modal .modal-content,
.sevenbs-modal .modal-content,
.ob-modal .modal-content {
	border-radius: 0px;
	border: none;
}

.mindworks-modal .modal-header,
.moo-modal .modal-header,
.sevenbs-modal .modal-header,
.ob-modal .modal-header {
    border-bottom: none;
	background-color: #284F76;
	color: #00acc1;
}

.mindworks-modal button.close,
.moo-modal button.close,
.ob-modal button.close,
.sevenbs-modal button.close {
	/*background: #000 none repeat scroll 0% 0% !important;*/
	/*color: #00acc1 !important;*/
	/*padding: 1px 5px !important;*/
	/*position: fixed !important;*/
	/*top: 9px !important;*/
	/*right: 20px !important;*/
	/*border-radius: 25px !important;*/
	/*border: 2px solid #00acc1 !important;*/
	/*opacity: 0.8 !important;*/
	display: inline;
}

.free-trial-expire-modal .modal-dialog {
	max-width: 450px;
}

.free-trial-expire-modal .modal-header {
	border-bottom: 1px solid #FEBF00;
	background: #FFEBAC !important;
	color: #4c4c4c !important;
	padding: 10px 15px;
}

.free-trial-expire-modal .modal-header i {
	color: #FF8B00 !important;
}

.free-trial-expire-modal .modal-header .close {
	color: #4c4c4c !important;
}

.free-trial-expire-modal .modal-body p.m-bottom {
	margin-bottom: 15px;
}

.create-modal.choose-domain modal-dialog,
.create-modal.choose-domain modal-content {
	max-width: 750px;
	width: 100%;
}

body {
	overflow-x: hidden;
} 

@media (max-width: 1500px) {

	.box-left, .box-right {
		width: 50%;
	}	

	/* contacts formatting ================*/
	
	.contacts-overview-5col .column {
		max-width: 190px;
	}

	.page-dashboard-alternate .dash-right-box .h-740 ,
	.page-dashboard-alternate .dash-left-box .h-740 {
		height: 735px !important;
	}

}

@media (max-width: 1280px) {
		
	.page-calendar .mini-calendar {
		height: 240px !important;
	}
	
	/* contacts formatting ================*/
	
	.contacts-overview-5col .column {
		max-width: 220px;
	}

	.most-recent-contacts .recent-list li {
		padding: 10px 40px;
	}

	/* pipeline formatting ================*/

	.img-pipeline {
		background: url('../images/img/img-m-pipeline-step01.png') no-repeat;
		width: 767px;
		float: none !important;
		height: 149px;
	}

	.img-pipeline-step02 {
		background: url('../images/img/img-m-pipeline-step02.png') no-repeat;
	}

	.img-pipeline-step03 {
		background: url('../images/img/img-m-pipeline-step03.png') no-repeat;
	}
	
	.img-pipeline a {
		display: block;
		height: 149px;
		width: 100%;
	}
	
	.img-pipeline .pipeline-steps01 {
		width: 267px;
	}
	
	.img-pipeline .pipeline-steps02 {
		width: 234px;
	}
	
	.img-pipeline .pipeline-steps03 {
		width: 266px;
	}
	
	.img-pipeline .pipeline-steps01 a:hover {
		background: url('../images/img/img-m-pipeline-step01.png') no-repeat center left;
	}
	
	.img-pipeline .pipeline-steps02 a:hover {
		background: url('../images/img/img-m-pipeline-step02.png') no-repeat center center;
	}
	
	.img-pipeline .pipeline-steps03 a:hover {
		background: url('../images/img/img-m-pipeline-step03.png') no-repeat center right;
	}

	.page-dashboard-alternate .dashboard-stats .dashboard-stats-left .text-75,
    .page-dashboard-alternate .dashboard-stats .dashboard-stats-right .text-75 {
        font-size: 60px;
    }

    .page-dashboard-alternate .dashboard-stats .dashboard-stats-left .col-sm-4 .row,
    .page-dashboard-alternate .dashboard-stats .dashboard-stats-right .col-sm-4 .row {
        margin-top: 10px;
    }

}

@media (max-width: 1250px) {


    .page-dashboard-alternate .h-600 {
	    height: 650px !important;
	}

	.img-contact-prof .contact-prof {
		width: 120px;
	}
	
	.img-contact-prof .contact-prof a {
		background: url('../images/img/img-prospecting-process02a.png') no-repeat;
		height: 37px;
		padding-top: 8px;
	}
	
	.img-contact-prof .contact-prof a.first {
		background: url('../images/img/img-prospecting-process01a.png') no-repeat;
	}
	
	.img-contact-prof .contact-prof a.active, .img-contact-prof .contact-prof a:hover {
		background-position: -125px;
	}

	/* my websites formatting ================*/

	.hub-theme.first {
		display: block;
	}
	
	.hub-theme.first .hub-col {
		display: block;
		float: left;
	}

	.hub-theme.first .hub-col01 {
		width: 50%;
		padding: 15px 0;
	}

	.hub-theme.first .hub-col02 {
		width: 33.33%;
		padding: 15px 0;
	}

	.hub-theme.first .hub-col03 {
		width: 100%;
		padding: 15px 0 30px;
	}
	
}

@media (max-width: 1199px) {

    .page-dashboard-alternate .dashboard-stats .dashboard-stats-left .text-75,
    .page-dashboard-alternate .dashboard-stats .dashboard-stats-right .text-75 {
        font-size: 75px;
    }

	/* notifications formatting ================*/
	
	.content-title .notification-wrap {
		top: 57px;
	}
	
	/* content menu formatting ================*/

	.content-menu .menu-inner li a {
		padding: 15px 10px;
	}

	.content-menu .menu-inner .badge-top {
		margin: -10px 0 0 0;
	}

	.box-left, .box-right {
		width: 100%;
	}	

	.box-left {
		padding: 0;
	}	

	.box-right .box-right-inner > p {
		padding-top: 30px;
	}	

	/* dashboard formatting ================*/

	.box-right img {
		padding-right: 15px;
	}

	.page-dashboard .page-this-month a {
		display: block;
		margin-bottom: 15px;
	}
		
	/* my products formatting ================*/
	
	.page-my-products .nav-tabs>li>a, 
	.page-my-products .nav-tabs>li>a:hover, 
	.page-my-products .nav-tabs>li>a:focus {
		padding: 15px 15px;
	}

	/* contacts formatting ================*/
	.clearfix-mobile {
		clear: both;
	}

	.page-contacts .box-event {
		float: none !important;
		max-width: 100%;
	}

	.page-contacts .my-trainer, .page-contacts .contact-profile {
		padding: 0;
	}
		
	.img-contact-prof .contact-prof {
		width: 156px;
	}
	
	.img-contact-prof .contact-prof a {
		background: url('../images/img/img-prospecting-process02.png') no-repeat;
		height: 48px;
		padding-top: 15px;
	}
	
	.img-contact-prof .contact-prof a.first {
		background: url('../images/img/img-prospecting-process01.png') no-repeat;
	}
	
	.img-contact-prof .contact-prof a.active, .img-contact-prof .contact-prof a:hover {
		background-position: -161px;
	}

	.page-contacts .contact-profile .img-contact-prof {
		margin-bottom: 20px;	
	}

	.page-contacts .contact-profile-tab .bi-profile-wrap-first {
		padding: 0;
	}
	
	.page-contacts #contact-info .form-element .textfield01 {
		max-width: 300px;
	}

	.most-recent-contacts .recent-list li .con-date {
		padding-left: 36px;
	}
		
	/* calendar formatting ================*/
	
	.page-calendar .calendare-wrap, 
	.page-calendar .calendare-wrap .cal-side, 
	.page-calendar .calendare-wrap .cal-main {
		display: block;
		width: 100%;
	}
	
	.page-calendar .calendare-wrap .cal-side {
		padding: 20px 0 0;
	}
	
	.page-calendar .mini-calendar {
		margin: 0;
	}
		
	.page-calendar .fc-view-container {
		background: #FFF;
	}
	
	.page-calendar.content-main {
		position: relative;
	}
		
	.page-calendar .mini-calendar {
		margin: 0;
	}
		
	.page-calendar .buttons-wrap a {
		margin: 0 auto 10px;
	}

	/* pipeline formatting ================*/

	.page-websites .hub-lead-capture-bottom .purpose .h-320 {
		height: 360px !important;
	}

	.page-pipeline .nav-tabs>li>a, 
	.page-pipeline .nav-tabs>li>a:hover, 
	.page-pipeline .nav-tabs>li>a:focus {
		width: 120px;
		padding: 15px 5px;
		text-align: center;
	}
	
	.page-pipeline .step1 .numbered-list {
		min-height: 420px;
	}
	
	.page-pipeline .step2 .numbered-list,
	.page-pipeline .step3 .numbered-list {
		min-height: 475px;
	}
	
	.page-pipeline .step2 .box-right-end .numbered-list,
	.page-pipeline .step3 .box-right-end .numbered-list {
		min-height: 720px;
	}
	
	/* profile formatting ================*/
	.page-profile .form-element span.side-desc , 
	.page-profile .form-element span.change-photo {
		padding-left: 0;
		margin-top: 5px;
		display: block;
	}

	.page-pipeline .page-classrooms {
	    padding-left: 0px;
	    padding-right: 0px;
	}


	/* my websites formatting ================*/

	.page-websites .hub-lead-capture .action-links {
		float: none !important;
		margin-top: 10px;
	}

}

@media (max-width: 1050px) {

	.page-dashboard-alternate .dash-right-box .h-740,
	.page-dashboard-alternate .dash-left-box .h-740 {
		height: 780px !important;
	}

	/* contacts formatting ================*/

	.page-contacts .contacts-left, .page-contacts .contacts-right {
		max-width: 100%;
		width: 100%;
		float: left;
		margin: 0 0 15px;
		text-align: left;
	}

	.page-contacts .my-trainer {
		padding: 0;
	}

	.tablesaw-columntoggle .leads-col span {
		max-width: 10em;
	}
	
	.tablesaw-columntoggle .col-small span {
		max-width: 5em;
	}

	.page-contacts .nav-tabs>li>a, 
	.page-contacts .nav-tabs>li>a:hover, 
	.page-contacts .nav-tabs>li>a:focus {
		font-size: 15px;
		padding: 15px 18px;
	}
	
	/* pipeline formatting ================*/
	.img-pipeline {
		background: url('../images/img/img-s-pipeline-step01.png') no-repeat;
		width: 480px;
		float: none !important;
		height: 93px;
	}

	.img-pipeline-step02 {
		background: url('../images/img/img-s-pipeline-step02.png') no-repeat;
	}

	.img-pipeline-step03 {
		background: url('../images/img/img-s-pipeline-step03.png') no-repeat;
	}
	
	.img-pipeline a {
		display: block;
		height: 93px;
		width: 100%;
	}
	
	.img-pipeline .pipeline-steps01 {
		width: 167px;
	}
	
	.img-pipeline .pipeline-steps02 {
		width: 147px;
	}
	
	.img-pipeline .pipeline-steps03 {
		width: 166px;
	}

	.img-pipeline .pipeline-steps01 a:hover {
		background: url('../images/img/img-s-pipeline-step01.png') no-repeat center left;
	}
	
	.img-pipeline .pipeline-steps02 a:hover {
		background: url('../images/img/img-s-pipeline-step02.png') no-repeat center center;
	}
	
	.img-pipeline .pipeline-steps03 a:hover {
		background: url('../images/img/img-s-pipeline-step03.png') no-repeat center right;
	}

	.page-pipeline .nav-tabs>li>a, 
	.page-pipeline .nav-tabs>li>a:hover, 
	.page-pipeline .nav-tabs>li>a:focus {
		width: 130px;
	}

}

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

	.page-dashboard-alternate .dash-right-box .h-740 {
		height:  auto !important;
	}
	
	.page-dashboard-alternate .dash-left-box .h-740 {
		height: auto !important;
	}	

	.page-dashboard-alternate .dashboard-stats .dashboard-stats-left .col-md-6 .box-stats-row ,
    .page-dashboard-alternate .dashboard-stats .dashboard-stats-right .col-md-6 .box-stats-row {
        text-align: center !important;
    }

	.hidden-1024 {
		display: none !important;
	}
	
	.visible-1024 {
		display: block !important;
	}

	.page-websites .mobile-site-layout img {
		max-height: 40px;
	}

	.page-websites .mobile-site-layout {
		text-align: center;
		max-width: 170px;
		width: 100%;
		padding: 10px 15px;
		background: #00acc1;
		border: 1px solid #00acc1;
	}

	.page-websites .contact-and-ema-system img.center-block.m-top03 {
		width: 100%
	}

	.dashboard-stats .m-right-15 {
		margin-right: 0px;
	}

}

@media (max-width: 991px) {

	.content-title p  {
		line-height: 15px !important;
	}
	
	/* dashboard formatting ================*/		
	
	.page-dashboard-alternate .dash-right-box .p-bottom80 {
		padding-bottom: 0px;
	}

	.page-dashboard-alternate .dash-right-box .h-740 {
		height: auto !important;
	}
	
	.page-dashboard-alternate .dash-left-box .h-740 {
		height: 600px !important;
	}
	
	.page-dashboard-alternate .dash-left-box {
		padding-top: 40px !important;
	}
	
	.page-dashboard-alternate .subheading p {
		text-align: center;
	}

	.page-dashboard .page-this-month .dashboard-fixed-wrap {
		max-width: 600px;
		margin: 0 auto 40px;
	}

	.page-dashboard .page-this-month .column {
		max-width: 600px;
		margin: 0 auto;
	}

	.page-dashboard .page-this-month h3 {
		max-width: 600px;
		margin: 0 auto 15px;
	}

	.page-dashboard .page-this-month h5 {
		margin-bottom: 10px;
	}

	.page-dashboard .page-this-month p.description {
		height: auto;
	}

	.page-dashboard .page-this-month .dashboard-fixed-wrap .p-all02 {
		padding: 15px;
	}

	.page-dashboard .page-this-month .dashboard-fixed-wrap .column.first .p-all02 {
		padding: 30px 15px 15px;
	}

	.page-dashboard .page-this-month .mid-column {
		border-top: 1px solid #C3C7C8;
		border-bottom: 1px solid #C3C7C8;
		border-left: none;
		border-right: none;
	}	
	
	.page-dashboard-alternate .dash-left-box .h-740 .p-bottom75 {
	    padding-bottom: 0px !important;
	}
	
	.page-dashboard-alternate .dash-left-box .h-740 .p-top02 {
	    padding-top: 0px !important;
	}
	
	.page-dashboard-alternate .dash-left-box .h-740 .quick-overview {
	    padding: 15px;
	}

	/* contacts formatting ================*/

	.page-contacts .prospects-table .p-right, 
	.page-contacts .candidates-table .p-right, 
	.page-contacts .builders-table .p-right {
		padding-right: 0;
	}

	/* pipeline formatting ================*/

	.page-pipeline .page-classrooms .classroom-heading-wrap {
		float: none !important;
	}

	.page-pipeline .page-classrooms .classroom-heading {
		background-size: 100% !important;
		padding: 30px 15px 0;
		max-height: 300px;
		margin-bottom: 15px;
	}

	.page-pipeline .page-classrooms .classroom-bottom .column .p-all02 {
		padding: 30px 15px;
	}

	.page-pipeline .page-classrooms .classroom-bottom .column .p-icon {
		text-align: center;
	}

	.page-pipeline .page-classrooms .classroom-bottom .column i {
		font-size: 50px;
	}
	
	.page-pipeline .page-classrooms .classroom-bottom {
		overflow: hidden;
	}

	.page-pipeline .page-classrooms .classroom-bottom > div {
		padding-right: 15px;
	}
	
	.page-pipeline .page-classrooms .classroom-bottom .column {
		margin-bottom: -99999px;
		padding-bottom: 99999px;
		position: relative;
	}

	.page-pipeline .page-classrooms .classroom-recap p {
		text-align: left;
	}
	
	/* my websites formatting ================*/
	
	.page-websites .site-layout {
		background: #FFF;
		padding-bottom: 40px;
	}

	.page-websites .site-layout .p-all {
		margin: 0;
		padding-bottom: 0;
	}

	.page-websites .site-layout img.line-img {
		max-width: 370px;
	}

	.page-websites .site-layout img.layout-img, 
	.page-websites .site-layout .carousel img {
		max-width: 170px;
	}

	.page-websites .contact-and-ema-system {
		width: 86%;
		margin: 0px auto;
	}

	.page-websites .mobile-site-layout {
		text-align: center;
		max-width: 170px;
		width: 100%;
		padding: 10px 15px;
		border: 1px solid #C3C7C8;
	}
		
	.page-websites .mobile-site-layout img {
		max-height: 40px;
	}

	.page-websites .hub-lead-capture .heading {
		display: block;
		margin-top: 15px;
	}
	
	.subheading .p-left-quick {
		padding-left: 0px !important;
	}
	 
	.subheading .p-left-quick .h-420,
	.subheading .p-left-quick .h-380 {
		height: 440px !important;
	}
	
	.modal-follow-up {
		overflow-y:scroll;
		overflow-x: scroll;
	}	
	
	.page-websites .photo-story .img-responsive {
		width:  auto !important ;
	}

	.dashboard-stats .dashboard-stats-right  {
		margin-left: -15px;
	}
}

@media (max-width: 960px) {		

	.page-dashboard-alternate .dash-left-box .h-740 {
		height: auto !important;
	}

	.page-dashboard-alternate .box-whats-new .review,	
	.page-dashboard-alternate .box-whats-new .visit {
		padding-left: 0px;
		padding-right: 0px;
	}

	.page-dashboard-alternate .box-whats-new .box-wn-left {
		padding-left: 15px;
		padding-right: 15px;
	}	

	.page-dashboard-alternate .dash-left-box {
		padding-top: 40px !important;
	}
	
	.page-dashboard-alternate .dash-left-box .bg-white {
		padding: 15px !important;
	}
	
	.page-dashboard-alternate .dash-left-box .h-420,
	.page-dashboard-alternate .dash-left-box .h-380 {
		height: auto !important;
	}
	
	.page-dashboard-alternate .subheading .p-left {
		padding-left: 0px;
	}
	
	.page-dashboard-alternate .subheading .description {
	    padding-top: 15px;
	    margin-bottom: -45px;
	    padding-left: 15px;
	}
		
	.page-dashboard-alternate .subheading .p-left-desc {
		padding-left: 15px;
	}
	/* content title formatting ================*/
	
	.content-title .join-training {
		font-size: 16px;	
	}

	/* notifications formatting ================*/
	
	.notification-wrap, .notification {
		position: initial !important;
		margin: 5px auto;
	}

	.notification-wrap .free-trial-07 {
		max-width: 280px;
	}

	.notification-wrap .free-trial-30 {
		max-width: 290px;
	}

	.notification-wrap .plan-change {
		max-width: 325px;
	}

	.notification-wrap .new-features {
		max-width: 290px;
	}

	.content-main {
		border-top: 1px solid #DADADA;
		padding-top: 15px;
	}
	
	.content-title {
		background: #f0f0f0;
		padding: 5px 2px;
		border-bottom: 1px solid #F6F6F6;
	}

	.content-title p {
		float: none !important;
		text-align: center;
		line-height: 22px;
	}

	/* dashboard formatting ================*/

	.box-left .box-left-inner > p, .box-right .box-right-inner > p {
		padding: 20px 0 10px;
	}	

	.box-right .box-right-inner {
		background: #e9e9e9;
	}
	
	.box-links-mobile ul {
		padding: 0;
		background: #f0f0f0;
	}

	.box-links-mobile ul li {
		display: inline-block;
		padding: 10px 5px;
	}

	.box-whats-new .p-2-col-all-left {
		padding: 0 7.5px 15px 0;
	}
	
	.box-whats-new .p-2-col-all-right {
		padding: 0 0 15px 7.5px;
	}
	
	.box-whats-new02 {
		padding: 15px 0;
	}

	.box-right .box-links {
		background: #e9e9e9;
		padding: 0;
	}	

	.page-inbox .tasks-field-action .p-left02 {
		padding-left: 0px;
	}	

	.page-inbox .tasks-field-action .p-left02-xs {
		padding-left: 30px;
	}
			
	/* contacts formatting ================*/

	.most-recent-contacts .recent-list li {
		padding: 10px 20px;
	}

	.most-recent-contacts .recent-list li .con-date {
		min-width: 125px;
		width: 125px;
	}

	.most-recent-contacts .most-recent-contacts-2col-collapse {
		margin: 0;
	}

	.most-recent-contacts .most-recent-contacts-2col-collapse .column {
		width: 100%;
		margin-bottom: 15px;
		overflow: hidden;
		padding: 0;
	}

	.page-contacts .my-trainer-gray {
		text-align: center;
	}

	.page-contacts .box-event {
		max-width: 100%;
	}		

	.page-contacts .nav-tabs>li {
		max-width: 125px;
		width: 100%;
		text-align: center;
	}

	.page-contacts .nav-tabs>li>a, 
	.page-contacts .nav-tabs>li>a:hover, 
	.page-contacts .nav-tabs>li>a:focus {
		font-size: 13px;
		padding: 15px 10px;
	}

	.page-contacts .tab-content .select-box {
		display: block;
		text-align: left;
		margin-bottom: 5px;
	}

	.page-contacts .tab-content .select-box span,
	.page-contacts .tab-content .select-box .form-element {
		float: left;
	}

	.page-contacts .tab-content .select-box span {
		margin-left: 0;
		width: 70px;
		display: inline-block;
	}

	/* opportunities formatting ================*/

	.page-opportunities .select-box {
		display: block;
		text-align: left;
		margin-bottom: 5px;
	}

	.page-opportunities .select-box span, 
	.page-opportunities .select-box .form-element {
		float: left;
	}

	.page-opportunities .select-box span {
		margin-left: 0;
		display: inline-block;
	}

	/* tasks formatting ================*/

	.page-tasks .task-box .col-sm-5-mobile {
		width: 60%;
		float: left;
	}

	.page-tasks .task-box .col-sm-4-mobile {
		width: 40%;
		float: left;
		text-align: right;
	}

	.page-tasks .task-box .col-sm-3-mobile {
		width: 100%;
		text-align: left;
		padding-top: 15px;
	}

	.page-tasks .tasks-field-action {
		text-align: left;
	}
	
	.page-tasks .select-box {
		display: block;
	}
	
	.page-tasks .select-box span {
		max-width: 60px;
		width: 100%;
		display: inline-block;
	}
	
	/* Calendar Formatting ================*/
	
	.mini-cal-wrap-mobile {
		padding-bottom: 15px;
		max-width: 250px;
		width: 100%;
		margin: 0 auto;
		float: none;
		
	}
	
	.buttons-wrap-mobile, .view-cal-wrap-mobile, .view-cal-inner-mobile {
		max-width: 250px;
		margin: 0 auto;
		width: 100%;
		float: none;
		padding: 0;
	}

	.view-cal-inner-mobile {
		margin: 15px auto 0;
	}
	
	.page-calendar .fc-right .fc-button-mobile {
		padding: 0 25px;
	}

	.responsive-calendar .controls {
		margin-bottom: 7px;
	}
	
	/* my websites Formatting ================*/

	.hub-theme.first .hub-col.wrap {
		width: 100%;
		padding: 15px 0;
	}

	.hub-theme.inner .hub-col.inner {
		padding: 0 15px 0 0;
	}

	.hub-theme.inner .hub-col.inner02 {
		width: 150px;
		padding: 0 5px;
	}

	.page-websites .site-layout .text-cead-capture-websites {
		margin-top: -10px;
	}

	.page-websites .lc-wrap {
		text-align: center;
	}

	.page-websites .photo-story.weight .heading,
	.page-websites .photo-story.business .heading {
		display: block;
	}

	.page-websites .photo-story.weight .heading-wrap .text-underline,
	.page-websites .photo-story.business .heading-wrap .text-underline {
		margin: 0;
		display: block;
	}

	.page-websites .photo-story.weight .action-links,
	.page-websites .photo-story.business .action-links {
		float: none !important;
		margin-top: 10px;
	}	
	
	.page-websites .photo-story .img-responsive {
		width:  auto !important ;
	}

}

@media (max-width: 800px) {
	
	.img-contact-prof-collapse {
		width: 360px;
	}

	.img-contact-prof-collapse .contact-prof {
		width: 120px;
	}
	
	.img-contact-prof-collapse .contact-prof a {
		background: url('../images/img/img-prospecting-process02a.png') no-repeat;
		height: 37px;
		padding-top: 8px;
	}
	
	.img-contact-prof-collapse .contact-prof a.first {
		background: url('../images/img/img-prospecting-process01a.png') no-repeat;
	}
	
	.img-contact-prof-collapse .contact-prof a.active, .img-contact-prof .contact-prof a:hover {
		background-position: -125px;
	}

	.page-contacts .contact-profile-tab .bi-profile .answer {
		width: 100px;
	}

	.page-dashboard-alternate .subheading .description {
	    padding-bottom: 0px;
	}

	/* my websites Formatting ================*/

	.hub-theme.modal-showcase {
		display: block;
		text-align: center;
	}

	.hub-theme.modal-showcase .hub-theme.inner {
		display: inline-block;
		width: auto;
	}
	
	.hub-theme.modal-showcase .hub-col.wrap {
		width: 100%;
		padding: 15px 0;
	}

	.hub-theme.modal-showcase .hub-col {
		display: block;
		float: left;
	}
	.hub-theme.modal-showcase .hub-col02 {
		width: 100%;
		padding: 15px 0;
	}
		
	/* pipeline Formatting ================*/
		
	.classrooms .modal-dialog .presentation iframe {
		height: 450px;
	}	

}

@media (max-width: 767px) {

	.modal-dialog {
	    margin: 0px;
	    padding: 15px;
	}

	.create-modal .modal-dialog, {
	    max-width: 100% !important;
	    width: 100%;
	}	

	.create-modal .modal-dialog .modal-body .form-group .p-right {
	    padding-right: 0px;
	}

	.create-modal .modal-dialog .modal-body .form-group label.p-right {
	    padding-right: 15px;
	}

	.create-message-modal .modal-dialog {
		width: auto;
	}
	
	.page-pipeline .page-classrooms .back-intro {
		padding-bottom: 61px;
		background-position: 0px 0px;
	}

	.pad-top {
		padding-top: 15px;
	}

	.text-intro {
		font-size: 12px;
	}

	.text-intro-title {
		font-size: 20px;
	}

	.clearfix-xs {
		clear: both;
	}
	
	.subheading .w-90 {
		width: 40% !important;
	}
	
	.subheading .w-55 {
		width: 25% !important;
	}
	
	/* dashboard formatting ================*/

	.page-dashboard-alternate .dash-left-box .h-740 {
		height: auto !important;
	}

	.box-whats-new {
		height: 200px;
	}

	.box-whats-new-prospect {
		height: auto;
	}

	.page-dashboard-alternate .dashboard-stats .dashboard-stats-left .p-bottom {
        padding-bottom: 0px;
    }

	.page-dashboard-alternate .box-whats-new .box-wn-left ,
	.page-dashboard-alternate .box-whats-new .box-wn-right {		
		height: 200px;
	}

	.dash-left-box .h-600 {
	    height: auto !important;
	}

	.dashboard-stats .dashboard-stats-left .img-responsive,
	.dashboard-stats .dashboard-stats-right .img-responsive {
		width: 60%;
	}

	.dashboard-tools-courses ,
	.dashboard-tools-courses .column .text-right {
		text-align: center !important;
		margin: 0px auto 0px;
	}

	.page-dashboard-alternate .dashboard-stats .dashboard-stats-left .text-75,
    .page-dashboard-alternate .dashboard-stats .dashboard-stats-right .text-75 {
        font-size: 45px;
    }

	.dashboard-stats .dashboard-stats-left .col-sm-6,
	.dashboard-stats .dashboard-stats-right .col-sm-6 {
		padding-bottom: 15px;
	}

	.dashboard-stats .dashboard-stats-left .m-right-7 {
		margin-right:-7px;
	}

	.dashboard-stats .dashboard-stats-left .m-left-7 {
		margin-left: -7px;
	}

	.dashboard-stats .dashboard-stats-right .m-left-7 {
		margin-left: -7px;
	}

	.dashboard-stats .dashboard-stats-right .m-right-7 {
		margin-right: -7px;
	}

	.box-right img {
		padding-right: 5px;
	}

	.box-wn-inner-left, .box-wn-inner-left02 {
		min-width: 60px;
		width: 60px;
	}
		
	.box-wn-inner-left03 {
		min-width: 100px;
		width: 100px;
	}
	
	.box-wn-inner-right-fsize {
		font-size: 13px;
	}

	.box-wn-inner-left-img {
		min-width: 45px;
		width: 45px;
	}

	.box-event .boxed-event-inner-left {
		min-width: 120px;
		width: 120px;
	}

	.box-event .boxed-event-inner-right {
		vertical-align: top;
		padding-top: 5px;
	}

	.page-dashboard-alternate .how-it-works .dashboard-fixed-wrap .column {
		padding: 0 0 15px;
	}

	.page-dashboard-alternate .how-it-works .dashboard-fixed-wrap .column .p-left-right07 {
		padding: 0;
	}

	.page-dashboard-alternate .how-it-works .dashboard-fixed-wrap .column > div {
		margin-bottom: 0;
		padding-bottom: 15px;
	}

	.tab-fsize {
		font-size: 12px;
	}

	.tab-fsize-mobile {
		font-size: 11px;
	}

	.page-dashboard-alternate .dashboard-fixed-wrap02 {
		display: block;
	}
	
	.page-dashboard-alternate .dashboard-fixed-wrap02 .column {
		display: block;
		width: 100%;
		margin: 0;
		padding: 15px;
	}

	.page-dashboard-alternate .dashboard-fixed-wrap02 .my-courses, 
	.page-dashboard-alternate .dashboard-fixed-wrap02 .activate-site {
		margin: 0;
	}

	.page-dashboard-alternate .dashboard-fixed-wrap02 .table-split {
		height: 15px;
		display: block;
	}	
	
	/* inbox formatting ================*/


	.page-inbox .my-inbox {
		margin: 0px auto 0px;
	}
	
	.page-inbox .p-all02 {
		padding: 0px 0px;
	}
	
	.page-inbox .btn.bg-l-green,
	.page-inbox .btn.bg-l-grey,
	.page-inbox .btn.bg-d-turquoise {
	    min-width: 90px;
	}
	
	.page-inbox .inbox-private-message .inbox-left {
		padding: 15px 20px 0px;
	}
	
	.page-inbox .inbox-private-message .inbox-list {
		border-left: 1px solid #CCC;
		margin-left: -15px;
	}
	
	.page-inbox .inbox-message .inbox-img img {
		max-width: 10%;
	}
	
	.page-inbox .inbox-box,
	.page-inbox .inbox-box-reply {
	 	margin-right: 0px;
	}
	
	.page-inbox .inbox-private-message .right-box {
	 	padding-right: 5px;
	 	padding-left: 0px;
	}
	
	.page-inbox .inbox-box-reply textarea {
		width: 100%;
	}

	.page-inbox .inbox-box-reply-footer {
		margin-right: 0px;
		border-left: none;
		border-bottom: none;
	}
	
	/* my products formatting ================*/
			
	.page-my-products .page-freedom-builder .contacts .col-sm-2 {
		padding-top: 0px;
	}

	/* Contact Formatting ================*/

	.page-contacts .con-number {
		font-size: 30px;
		line-height: 25px;
	}
	
	.contacts-overview-2col .column {
		width: 100%;
		margin-bottom: 15px;
	}

	.most-recent-contacts .most-recent-contacts-2col {
		margin: 0;
	}

	.most-recent-contacts .most-recent-contacts-2col .column {
		width: 100%;
		margin-bottom: 15px;
		overflow: hidden;
		padding: 0;
	}	
	
	.contacts-overview-5col .column {
		max-width: 170px;
	}
	
	.contacts-overview-5col .column img {
		min-width: 50px;
	}

	.page-contacts h2 a.btn.btn-collapse {
		display: block;
		float: none !important;
		margin: 15px auto 0;
		max-width: 130px;
	}

	.page-contacts .contacts-left, .page-contacts .contacts-right {
		float: left !important;
		text-align: left;
		max-width: 100% !important;
		margin-bottom: 20px;
	}

	.page-contacts .address-box .address-box-left {
		width: 150px;
	}
	
	.page-contacts .contact-profile .text-right {
		text-align: left;
	}
	
	.page-contacts .contact-profile div.text-right {
		max-width: 280px;
		width: 100%;
	}

	.page-contacts .contact-profile div.text-right .form-element {
		float: right;
	}
	
	.page-contacts .page-count a {
		padding: 10px 7px;
	}

	.page-contacts .contact-profile-tab .p-all02 {
		padding: 15px;
	}

	.page-contacts .contact-profile-tab .p-left-right02 {
		padding: 0 15px;
	}

	.page-contacts .contact-profile-tab .p-left-right02 {
		padding: 0 15px;
	}

	.page-contacts #contact-info .form-element .textfield01 {
		max-width: 100%;
	}

	.page-contacts #contact-info .form-element select {
		margin: 7px 5px 0 0;
	}

	.page-contacts #contact-info .form-element .form-tfield a {
		margin: 7px  5px 0 0;
		display: inline-block;
	}

	.most-recent-contacts .recent-list li .con-date {
		padding-left: 35px;
	}

	.page-contacts .p-left02,
	.page-contacts .p-right02 {
		padding-left: 0px;
		padding-right: 0px;
	}
		
	/* Tasks Formatting ================*/

	.page-tasks .task-box .col-sm-5 {
		width: 60%;
		float: left;
	}

	.page-tasks .task-box .col-sm-4 {
		width: 40%;
		float: left;
		text-align: right;
	}

	.page-tasks .task-box .col-sm-3 {
		width: 100%;
		text-align: left;
		padding-top: 15px;
	}

	.page-tasks .task-box .col-sm-5-mobile, .page-tasks .task-box .col-sm-4-mobile {
		width: 100%;
		float: left;
	}

	.page-tasks .task-box .col-sm-4-mobile {
		text-align: left;
		padding: 15px 0 0;
	}

	.create-task-modal .modal-content .form-group.form-title {
		margin-bottom: 15px;
	}

	.create-task-modal .modal-content .form-group.form-priority {
		width: 100%;
		max-width: 175px;
		display: block;
		margin-top: 15px;
	}
	
	.create-task-modal .modal-content .form-type {
		max-width: 175px;
	}
	
	.create-task-modal .modal-content .form-date-time {
		width: 100%;
		/*max-width: 175px;*/
		display: block;
	}
	
	/* Calendar Formatting ================*/
	
	.mini-cal-wrap {
		padding-bottom: 20px;
		max-width: 250px;
		margin: 0 auto 15px;
		float: none;		
	}
	
	.view-cal-inner {
		max-width: 250px;
		margin: 10px auto 0;
	}
	
	.page-calendar .fc-right .fc-button {
		padding: 0 25px;
	}

	.page-calendar .fc-right-mobile {
		margin-top: 45px;
		float: left;
		width: 100%;
	}

	.page-calendar .form-group .invite-people {
		width: 100% !important;
	}
	
	.page-calendar .form-inline .m-bottom .p-left28 {
		padding-left: 0px;
	}
	
	/* pipeline formatting ================*/

	.page-pipeline .page-classrooms .classroom-heading {
		background-size: auto !important;
		max-height: 300px;
	}

	.page-pipeline .page-classrooms .classroom-bottom {
		overflow: initial;
	}
	
	.page-pipeline .page-classrooms .classroom-bottom .column {
		margin: 0;
		padding: 0;
	}		
		
	.page-pipeline .step1 .numbered-list,
	.page-pipeline .step2 .numbered-list,
	.page-pipeline .step2 .box-right-end .numbered-list,
	.page-pipeline .step3 .numbered-list,
	.page-pipeline .step3 .box-right-end .numbered-list {
		min-height: 100px;
	}

	.text-center {
		text-align: center;
	}
	
	/* Profile Formatting ================*/

	.page-profile .form-element-mobile {
		display: block;
	}	

	.page-profile .form-element-mobile .form-label, 
	.page-profile .form-element-mobile .form-tfield {
		display: block;
		width: 100%;
	}	

	.page-profile .form-element-mobile .form-label label {
		text-align: left;
	}	

	.page-profile .subscription-box-inner-mobile {
		display: block;
		text-align: left;
		width: 100%;
	}

	.page-profile .subscription-box-inner-mobile img {
		display: block;
		margin: 0 auto 20px;
	}

	.page-profile .billing-subscription-mobile .column {
		padding: 0;
	}

	.page-profile .billing-subscription-mobile .column .subscription-box-inner {
		margin-bottom: 15px;
	}

	.page-profile .details-contact .input-group {
		width: 100%;
	}	

	.page-profile .billing-subscription span.pull-right {
		float: none !important;
	}

	.page-profile .billing-subscription .subscription-box-inner {
		margin-bottom: 0px !important;
	}	

	.page-websites .hub-lead-capture-bottom .left-purpose .purpose {
		margin-bottom: 0px;
		padding: 0px;
	}
	
	.page-websites .hub-lead-capture-bottom .left-purpose .purpose ul {
		margin-bottom: 0px;
	}
	
	.page-websites .hub-lead-capture-bottom .left-purpose .purpose ul.p-bottom {
		padding-bottom: 0px;
	}

	/* Pipeline Formatting ================*/
	
	.pipeline-steps .column {
		padding: 0;
		margin-top: 15px;
	}

	.page-pipeline .numbered-list {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.funclassrooms .modal-dialog .item {
		padding: 0px 25px;
	}

	/* my websites formatting ================*/

	.page-training .ema-tab .ema-schedule .column {
		margin-bottom: 15px;
	}
	
	.page-websites .site-layout img.line-img {
		max-width: 390px;
	}

	.page-websites .click-here-to-visit-marketing {
		text-align: center;
	}
	
	.modal-follow-up {
		overflow-y:scroll;
		overflow-x: scroll;
	}	

	.page-websites .hub-lead-capture-bottom .hub-content-footer {
		padding: 15px !important;
	}
	
	/* my websites formatting ================*/

	.page-websites .site-layout h4 {
		font-size: 12px;
	}
	
	.page-websites .hub-lead-capture-bottom .purpose {
		margin-bottom: 15px;
		padding: 0px;
	}

	.page-websites .hub-lead-capture-bottom	.col-sm-6 {
		padding-right: 0;
	}

	.page-websites .photo-story.weight .editor-wrap,
	.page-websites .photo-story.business .editor-wrap {
		padding: 0;
	}
	
	.page-websites .photo-story .hub-story-photo {
		max-width: 100% ;
		width:  auto !important ;
	}
	
	/* graph formatting ================*/
		
     .page-analytics .bg-white .bar-chart,
     .page-analytics .bg-white .pie-chart {
          height: 150px;
     }
     
     .page-analytics .bg-white .chart-graph {
          margin: 0px auto 0px;
          max-width: 98%;
     }
     
}

@media (max-width: 700px) {	

	.page-dashboard-alternate .dash-left-box .h-740 {
		height: auto !important;
	}

	.page-tasks .task-box .col-sm-4 {
		text-align: left;
		padding: 15px 0 0;
	}

	/* contacts formatting ================*/

	.img-contact-prof-collapse {
		width: 300px;
	}

	.img-contact-prof-collapse .contact-prof {
		width: 100px;
	}
	
	.img-contact-prof-collapse .contact-prof a {
		background: url('../images/img/img-prospecting-process02b.png') no-repeat;
		height: 31px;
		padding-top: 6px;
	}
	
	.img-contact-prof-collapse .contact-prof a.first {
		background: url('../images/img/img-prospecting-process01b.png') no-repeat;
	}
	
	.img-contact-prof-collapse .contact-prof a.active, .img-contact-prof .contact-prof a:hover {
		background-position: -105px;
	}

	/* tasks formatting ================*/

	.page-tasks .task-link-wrap {
		text-align: center;
	}

}

@media (max-width: 600px) {
	.display-600 {
		display: block !important;
	}

	.box-links-mobile ul li a {
		font-size: 14px;
	}
	
	.box-wn-inner-left-img {
		min-width: 35px;
		width: 35px;
	}

	.tab-fsize-mobile {
		font-size: 10px;
		word-break:break-all;
	}
	
	.break-mobile {
		display: block !important;
	}

	.page-dashboard-alternate .box-whats-new .new-message .text-90 {
		font-size: 50px;
	}

	.page-dashboard-alternate .box-whats-new .lets-connect .text-90 {
		font-size: 55px;
	}	


	.box-whats-new .learn-more-about .p-left58 {
	    padding-left: 8px;
	}

	.box-whats-new .learn-more-about .p-right58  {
	    padding-right: 8px;
	}

	.box-whats-new {
		height: 230px;
	}

	.page-dashboard-alternate .dash-left-box .h-740 {
		height: auto !important;
	}

	.page-dashboard-alternate .box-whats-new .box-wn-left ,
	.page-dashboard-alternate .box-whats-new .box-wn-right {		
		height: 230px;
	}	

	.box-whats-new-prospect {
		height: auto;
	}

	.page-dashboard-alternate .box-whats-new-prospect .box-wn-left ,
	.page-dashboard-alternate .box-whats-new-prospect .box-wn-right {		
		height: auto;
	}

	.page-calendar .fc .fc-axis {
	    padding-left: 5px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}	

	.page-calendar .fc-view-container .fc-time-grid-container {
		height: 450px !important;
	}
	
	/* Tasks Formatting ================*/

	.page-tasks .task-box .col-sm-5, .page-tasks .task-box .col-sm-4 {
		width: 100%;
		float: left;
	}

	/* my websites formatting ================*/

	.page-websites .hub-lead-capture .info-box .left-col {
		width: 175px;
		padding-right: 10px;
	}
		
	/* pipeline Formatting ================*/
		
	.classrooms .modal-dialog .presentation iframe {
		height: 330px;
	}	

}

@media (max-width: 550px) {	

	.page-dashboard-alternate .dash-left-box .h-600 {
		height: 580px !important;
	}

	.page-dashboard-alternate .dash-left-box .h-740 {
		height: auto !important;
	}

	.hidden-550 {
		display: none !important;
	}
	
	.display-550 {
		display: block !important;
	}
	
	.funclassrooms .p-all {
		padding: 0px;
	}

	.funclassrooms .glyphicon {
		line-height: 0;
	}

	/* contacts formatting ================*/

	.page-contacts .contacts-left .select-box {
		display: block;
		margin: 0 0 10px !important;
	}
	
	.page-contacts .contacts-left .select-box span {
		display: inline-block;
		width: 80px;
	}

	.img-contact-prof {
		width: 360px;
	}

	.img-contact-prof .contact-prof {
		width: 120px;
	}
	
	.img-contact-prof .contact-prof a {
		background: url('../images/img/img-prospecting-process02a.png') no-repeat;
		height: 37px;
		padding-top: 8px;
	}
	
	.img-contact-prof .contact-prof a.first {
		background: url('../images/img/img-prospecting-process01a.png') no-repeat;
	}
	
	.img-contact-prof .contact-prof a.active, .img-contact-prof .contact-prof a:hover {
		background-position: -125px;
	}
			
	/* calendar formatting ================*/
	.page-calendar .fc-right {
		margin-top: 45px;
		float: left;
		width: 100%;
	}
		
	/* pipeline formatting ================*/
	.img-pipeline {
		background: url('../images/img/img-xs-pipeline-step01.png') no-repeat;
		width: 310px;
		float: none !important;
		height: 60px;
	}

	.img-pipeline-step02 {
		background: url('../images/img/img-xs-pipeline-step02.png') no-repeat;
	}

	.img-pipeline-step03 {
		background: url('../images/img/img-xs-pipeline-step03.png') no-repeat;
	}
	
	.img-pipeline a {
		display: block;
		height: 60px;
		width: 100%;
	}
	
	.img-pipeline .pipeline-steps01 {
		width: 107px;
	}
	
	.img-pipeline .pipeline-steps02 {
		width: 97px;
	}
	
	.img-pipeline .pipeline-steps03 {
		width: 106px;
	}

	.img-pipeline .pipeline-steps01 a:hover {
		background: url('../images/img/img-xs-pipeline-step01.png') no-repeat center left;
	}
	
	.img-pipeline .pipeline-steps02 a:hover {
		background: url('../images/img/img-xs-pipeline-step02.png') no-repeat center center;
	}
	
	.img-pipeline .pipeline-steps03 a:hover {
		background: url('../images/img/img-xs-pipeline-step03.png') no-repeat center right;
	}

	.create-modal .modal-dialog .modal-footer {
	    text-align: center;
	}

	.create-modal .modal-dialog .modal-body .form-group .p-right {
	    padding-right: 0px;
	}

	.create-modal .modal-dialog .modal-body .form-contact button {
	    max-width: 100% !important;
	    width: 100%;
	}
	
	.create-modal .modal-dialog .modal-footer button {
	    max-width: 100% !important;
	    width: 100%;
	}

	.create-modal .modal-footer .btn + .btn {
	    margin-left: 0px;
	}

	.create-modal .modal-footer button {
	    margin-bottom: 10px;
	}

	.hub-theme i.text-130 {
		font-size: 100px;
	}	

	.page-profile .billing-subscription .m-bottom02 {
		margin-bottom: 10px !important;
	}

}

@media (max-width: 480px) {

	.box-whats-new .learn-more-about .text-16 {
	    font-size: 13px;
	}

	.page-dashboard-alternate .dash-left-box .h-740 {
		height: auto !important;
	}

	.box-whats-new02 .img-text {
	    background: url("../images/img/img-sales-pitch.jpg") no-repeat center right ; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.box-whats-new02 .back .p-all {
	    font-family: "OpenSans-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	    padding: 10px 20px;
	    background: rgba(59, 190, 158, 0.8) none repeat scroll 0% 0%;
	}

	.box-whats-new02 .back .text-grey {
	    color: #FFF !important;
	}
		
	.box-whats-new02 .back .text-left {
		text-align: center !important;
	}
		
	.box-wn-inner-left, .box-wn-inner-left02 {
		min-width: 45px;
		width: 45px;
	}

	.box-wn-inner-right {
		font-size: 13px;
	}

	.tab-fsize {
		font-size: 10px;
		word-break:break-all;
	}

	/* Contacts Formatting ================*/

	.page-contacts h2 a.btn {
		display: block;
		float: none !important;
		margin: 15px auto 0;
		max-width: 130px;
	}

	.create-suspect-modal .modal-content .modal-body span {
		display: block;
		margin-bottom: 5px;
	}

	.create-suspect-modal .modal-content .form-control {
		display: block;
		max-width: 100%;
	}

	.modal-content .dummy-space {
		display: none;
	}
		
	/* tasks Formatting ================*/

	.create-task-modal .modal-content .form-end label, 
	.create-task-modal .modal-content #timezone label {
		display: none;
	}

	.create-task-modal .modal-content .date-wrap {
		display: block;
		margin: 10px 0 0;
	}
	
	.create-task-modal .modal-content .form-contact a {
		display: block;
		margin: 10px 0 0;
	}

	/* Pipeline Formatting ================*/

	.pipeline-intro-wrap .span-filler {
		display: none;
	}

	.pipeline-intro-wrap .link-grey {
		display: block;
		margin: 5px 0 10px;
	}
	
	/* Profile Formatting ================*/

	.page-profile .form-element {
		display: block;
	}	

	.page-profile .form-element .view-e-pref, 
	.page-profile .recommended-size {
		margin-left: 0;
	}

	.page-profile .form-element .form-label, 
	.page-profile .form-element .form-tfield, 
	.page-contacts #contact-info .form-element .form-label, 
	.page-contacts #contact-info .form-element .form-tfield {
		display: block;
		width: 100%;
	}	

	.page-profile .form-element .form-label label, 
	.page-contacts #contact-info .form-element label {
		text-align: left;
	}	

	.page-profile .subscription-box-inner, 
	.page-profile .subscription-box-inner-left, 
	.page-profile .subscription-box-inner-right {
		display: block;
		text-align: left;
		width: 100%;
	}

	.page-profile .subscription-box-inner img {
		/**/
		margin: 0 auto 20px;
	}

	.page-profile .billing-subscription .column {
		padding: 0;
	}

	.page-profile .billing-subscription .column .subscription-box-inner {
		margin-bottom: 15px;
	}

	.cancel-plan-modal .modal-footer .btn {
		margin-bottom: 10px;
	}

	/* my training formatting ================*/

	.page-training .ema-tab .ema-schedule .column, 
	.page-training .ema-archived-videos .column {
		width: 100%;
	}

	/* my websites formatting ================*/

	.hub-theme i.text-130 {
		font-size: 80px;
	}

	.page-websites .site-layout h3 {
		font-size: 15px;	
	}

	.hub-theme .hub-col img {
		max-width: 150px;
		display: block;
		margin-top: 10px;
	}
	
	.color-theme {
		display: block;
		margin-top: 10px;
	}

	.page-websites .hub-lead-capture .info-box .left-col {
		width: 130px;
	}
	
	.page-websites .hub-fix-height-text {
		height: 50px;
	}

	.page-websites .contact-and-ema-system img.center-block.m-top03 {
		width: 100%;
	}
	
	.modal-edit-hubsite.update-photo .modal-body .upload-photo, 
	.modal-edit-hubsite.update-photo .modal-body .take-photo, 
	.modal-edit-hubsite.update-photo .modal-body .edit-photo { 
		width: 100%;
		border: none;
		padding: 10px 15px;
	}

	.modal-edit-hubsite.update-photo .modal-body .upload-photo, 
	.modal-edit-hubsite.update-photo .modal-body .take-photo { 
		border-bottom: 1px solid #C3C7C8
	}
	
	/* note modal and find guide modal formatting ========*/
		
	.create-note-modal .modal-content .form-contact,
	.find-guide-modal .modal-content .form-contact {
		display: block;
	}
	
	.create-note-modal .modal-content .form-contact .m-left01,
	.find-guide-modal .modal-content .form-contact .m-left01 {
		margin-left: 0px;
	}
	
	.create-note-modal .modal-content .form-contact .form-control,
	.find-guide-modal .modal-content .form-contact .form-control {
		max-width: 500px;
	}

}

@media (max-width: 400px) {

	.page-dashboard-alternate .dashboard-stats .dashboard-stats-left .col-md-6 .box-stats-row ,
    .page-dashboard-alternate .dashboard-stats .dashboard-stats-right .col-md-6 .box-stats-row   {
        height: 100px;
    }

	.page-dashboard-alternate .dash-left-box .h-740 {
		height: auto !important;
	}

	.page-dashboard-alternate .dashboard-upline-greeting .p-left02 {
	    padding-left: 15px;
	}

	.page-dashboard-alternate .dashboard-upline-greeting .p-right {
	    padding-right: 5px;
	}

	/* contacts formatting ================*/
	
	.most-recent-contacts {
		font-size: 14px;
	}

	.img-contact-prof {
		width: 300px;
	}

	.img-contact-prof .contact-prof {
		width: 100px;
	}
	
	.img-contact-prof .contact-prof a {
		background: url('../images/img/img-prospecting-process02b.png') no-repeat;
		height: 31px;
		padding-top: 6px;
	}
	
	.img-contact-prof .contact-prof a.first {
		background: url('../images/img/img-prospecting-process01b.png') no-repeat;
	}
	
	.img-contact-prof .contact-prof a.active, .img-contact-prof .contact-prof a:hover {
		background-position: -105px;
	}

	.tablesaw-columntoggle .leads-col span {
		max-width: 9em;
	}
	
	.tablesaw-columntoggle .col-small span {
		max-width: 5em;
	}

	/* my websites formatting ================*/

	.page-websites .hub-fix-height-text {
		height: 60px;
	}

	.hub-lead-capture .header-graphics img {
		display: inline-block;
		max-width: 150px;
	}

	.modal-edit-hubsite .btn {
		display: block;
		margin: 0 auto 10px !important;
		float: none !important;
	}

	/* pipeline Formatting ================*/
		
	.classrooms .modal-dialog .presentation iframe {
		height: 210px;
	}	

	/* page pipeline formatting */

	.funclassrooms .carousel-control {
		font-size: 14px;
	}

	.funclassrooms .w-5 {
		width: 8%
	}	

	.page-websites .hub-lead-capture-bottom .purpose .h-320 {
		height: 380px !important;
	}

}

@media (max-width: 340px) {

	.box-wn-inner-left, .box-wn-inner-left02 {
		min-width: 35px;
		width: 35px;
	}	

	.page-contacts .contact-profile div.text-right {
		max-width: 100%;
	}

	.page-contacts .contact-profile div.text-right .select-box span {
		display: block;
	}

	.page-contacts .contact-profile div.text-right .form-element {
		float: none !important;
	}

}

@media (max-width: 1360px) {

	.training-text {
		display: none;
	}

}