/*
Theme Name: EEIQ Theme
Theme URI: http://www.thirstcreative.com.au
Author: Thirst Creative
Author URI: http://www.thirstcreative.com.au
Description: Custom Theme for MAC Energy's LMS Portal
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: thirstcreative, thrist, mac energy, lms, lms portal
Text Domain: EEIQ

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.terms-checkbox { margin: 15px 0 25px; }
.terms-checkbox input { width: 15px; height: 15px; position: relative; top: 3px; margin-right: 5px; cursor: pointer; }
.terms-checkbox a { text-decoration: underline; }
.credit-table td { font-size: 1.2em; }
.credit-table td:last-child { text-align: right; padding: 7px 0; }
.credit-table .btn { width: 150px; text-align: center; background: #8cc340; color: #FFF; font-weight: bold; text-decoration: none; border: none; display: inline-block; transition: .2s; }
.credit-table .btn:hover { opacity: .7; }
.coursedesc, .entry-content { overflow: hidden; display: block; }
.coursedesc img, .entry-content img { width: 100%; height: auto; margin-top: 15px; }
.btn-purchase { background: #FFF !important; border: none !important; display: block; width: calc(100% - 50px) !important; margin: auto; font-weight: bold !important; transition: .2s !important; }
.btn-purchase:hover { opacity: .8; }
#mobile { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #272727; color: #FFF; font-size: 15px; line-height: 25px; text-align: center; display: none; z-index: 9999999999; }
.mobile-container { width: 100%; max-width: 700px; padding: 40px; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.mobile-container strong { font-size: 18px; }
.mobile-container img { margin: 0 auto 30px; }

.btn.btn-enrol { background: #55c0e0; color: #fff;
    padding-left: 17px;
    padding-right: 17px;
    width: auto;
    margin-top: 25px;
    transition: 0.3s;
    border: none;
    margin: 10px 0 20px !important;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}
.btn.btn-enrol:hover {
	color: #fff;
	background: #0f9fca;
}

@media only screen and (max-width:800px) {
	#mobile { display: block; }
}

#error {
	font-size: 75%;
}

html {
	height: 100%;
}
body {
	margin: 0;
	height: 100%;
	font: 400 14px/140% 'Raleway', sans-serif;
	color: #333;
}

a {
	transition: 0.3s;
	text-decoration: none;
	color: #333;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

h1 {
	line-height: 1.2em;
}

h2 {
	font-size: 1.1em;
}
h5 {
	font-size: 1.1em;
}

h2.border {
	border-bottom: 3px solid #8dc63f;
	padding-bottom: 7px;
	margin-bottom: 1.35em;
}

.h2bg {
	background: #f4f7f4;
	padding: 20px 0 20px 50px;
	position: relative;
	margin-top: 30px;
}

p.info:before {
	font-family: 'FontAwesome';
	content: '\f06a';
	position: absolute;
	left: 0;
}

p.info a {
	color: #fff;
	text-decoration: underline;
}

p.info {
	padding-left: 30px;
	position: relative;
	margin: 1.5em 0;
}

.single-sfwd-courses .h2bg:before {
	font-family: 'FontAwesome';
	content: '\f234';
	position: absolute;
	left: 15px;
	top: 19px;
	font-size: 110%;
	color: #8cc340;
	font-weight: normal;
}

.tabscontent .h2bg:before {
	font-family: 'FontAwesome';
	content: '\f097';
	position: absolute;
	left: 15px;
	top: 19px;
	font-size: 110%;
	color: #55c0e0;
	font-weight: normal;
}

.single-sfwd-courses .col.active h1 {
	color: #59c1de;
}

.single-sfwd-courses .enrolled .h2bg:before {
	content: '\f007';
	color: #5fc0e0;
}

.enrolled p.checkbox {
	border-bottom: 1px solid #e0e6e0;
	display: block;
	padding: 4px 0;
	margin: 0;
}

.enrolled p.checkbox label {
	margin-left: 25px;
	display: block;
	line-height: 25px;
	margin-bottom: 0;
}

.enrolled p.checkbox input {
	float: left;
	margin-top: 7px;
}

.coursedesc {
	margin-bottom: 30px;
}

/***** Home *****/

.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: auto;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}

.kwicks .h2 {
	font-weight: 300;
	font-size: 2em;
}
.content h2 {
	font-weight: 700;
	font-size: 3em;
	padding-right: 80px;
	line-height: 1.25em;
}
.kwicks {
	height: 100%;
}
.kwicks > li {
	height: 100%;
	text-align: center;
	color: #fff;
}
.kwicks span.h2 {
	position: absolute;
	top: 50%;
	height: 100px;
	width: 100%;
	height: auto;
	left: 0;
	margin-top: -50px;
	line-height: 1.4em;
	box-sizing: border-box;
	padding: 40px;
	background: url('images/arrow_right.png') no-repeat bottom center;
	background-size: 65px;
	-webkit-transition:background-position .2s ease-in;
    -moz-transition:background-position .2s ease-in;
    -o-transition:background-position .2s ease-in;
    transition:background-position .2s ease-in;
}

.kwicks span.h2:hover {
    background-position-x: calc(50% + 15px);
}

.kwicks a {
	color: #fff;
}

.close-button {
	height: 30px;
	width: 30px;
	position: relative;
	box-sizing: border-box;
	line-height: 50px;
	display: inline-block;
	text-indent: -9999px;
	border: 1px solid #fff;
	border-radius: 100px;
	padding: 25px;
}
.active .close-button {
	border-color: #ccc;
}
.active .close-button:before, .active .close-button:after {
	background-color: #ccc;
}
.close-button.corner {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 9999;
}
.close-button:before, .close-button:after {
	transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.5px;
	margin-left: -15px;
	display: block;
	height: 1px;
	width: 30px;
	background-color: #fff;
	transition: all 0.25s ease-out;
}
.close-button:after {
	transform: rotate(-135deg);
}
.close-button:hover:before, .close-button:hover:after {
	transform: rotate(0deg);
}

#panel-0 { background: #8dc63f url('images/EEIQ_RegisterasaBusiness.jpg') no-repeat center center; background-size: cover; }
#panel-0 .padd { background: #8dc63f; }
#panel-1, .login-panel .col.darkgreen { background: #3ea244 url('images/img2.jpg') no-repeat center center; background-size: cover; }
#panel-1 .padd { background: #3ea244; height: 100%; }

#panel-2, .login-panel .col.darkgreen { background: #8dc63f url('images/img1.jpg') no-repeat center center; background-size: cover; }
#panel-2 .padd { background: #3ea244; height: 100%; }

.content {
	background: #8dc63f;
	width: 100%;
	height: 100%;
}

.expander .content {
	display: none;
	-moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
    position: absolute;
}


.col.green {
	background: #8cc340;
	color: #fff;
}

.col.green form label {
	font-size: inherit;
}

.col.green form input[type=text], .col.green form input[type=password] {
	padding: 15px;
	font-size: 110%;
}

.col.green form p {
	margin-bottom: 25px;
}

.col.darkgreen {
	background: #3ea244;
	color: #fff;
}

.padd {
	padding: 40px;
	text-align: left;
	position: relative;
}

.frameT {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}

.frameTC {
	display: table-cell;
	vertical-align: middle
}

.frameTC .padd {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	box-sizing: border-box;
}

.paddlr40 {
	padding-left: 40px;
	padding-right: 40px;
}

#user_switching_switch_on {
	position: absolute;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.kwicks-expanded .content {
	display: block;
	z-index: 30;

}

.main-content { line-height: 1.5em; }
.main-content a { color: #8cc340; text-decoration: underline; }
.main-content h2 { font-weight: bold; font-size: 1.3em; margin: 1.5em 0; line-height: 1em; }

.content h2 {
	margin: 0 0 1em;
}

.left {
	width: 33.33%;
	background: #272727;
	float: left;
	height: 100%;
	color: #fff;
}

.left h1, .main-content h1 {
	font-weight: 300;
	font-size: 2.3em;
	line-height: 1.3em;
	margin: 2em 0;
}

.left h1 span {
	color: #8cc340;
	font-weight: 700;
	display: block;
}

.left h2,
.side h2 {
	font-weight: 300;
	font-size: 2em;
	line-height: 1.3em;
	margin: 1.25em 0;
	color: #8cc340;
}

.left h2 span {
	color: #333;
	font-weight: 700;
	display: inline-block;
}

ul.base-menu {
	list-style: none;
	padding: 0;
	position: absolute;
	bottom: 20px;
	left: 40px;
}

.base-menu li {
	display: inline-block;
	margin-right: 25px;
}

.base-menu li a {
	color: #999;
	font-weight: 700;
	border-bottom: 1px solid #444;
	padding-bottom: 2px;
	text-decoration: none;
}
.base-menu li.base-menu-sub a { font-size: 11px; font-weight: 400; }

	.base-menu li a:hover {
		color: #fff;
	}

.expander {
	width: 66.66%;
	float: right;
	height: 100%;
}

.left p {
	font-size: 110%;
	line-height: 1.55em;
	padding-right: 30px;
}

/***** alert / error boxes *****/

.alert a {
	text-decoration: underline;
}

.alert,
.success span,
p.alert,
#learndash_complete_prev_topic {
	padding: 15px 20px 15px 60px;
	margin: 0 0 40px;
	position: relative;
	display: block;
	font-size: 13px !important;
	border-radius: 3px;
	overflow: hidden;
}

.alert-success,
.success span {
	background: #e5fdc1;
	color: #333;
}

	.alert-success:before,
	.success span:before {
		font-family: 'FontAwesome';
		content: '\f058';
		position: absolute;
		left: 15px;
		top: 14px;
		font-size: 130%;
	}

.alert-error,
#learndash_complete_prev_topic {
	background: #46b3d4;
	color: #fff;
}

	.alert-error:before,
	#learndash_complete_prev_topic:before  {
		font-family: 'FontAwesome';
		content: '\f071';
		position: absolute;
		left: 15px;
		top: 0;
		font-size: 130%;
		border-right: 1px solid #7FCADF;
	    height: 100%;
	    padding: 17px 12px 0 0;
	}

.alert-error a {
	color: #fff !important;
	text-decoration: underline;
}

.alert-error a.btn {
	color: #fff !important;
	text-decoration: none;
	display: inline-block;
	width: auto;
	margin-top: 10px;
	float: right;
	border: 2px solid #fff;
	font-weight: bold;
	padding: 4px 10px;
	transition: 0.3s;
}

.alert-error a.btn:hover {
	background: #fff;
	color: #46b3d4 !important;
}

.eeiq_errors {
	background: #3ea244;
	padding: 15px 20px 15px 40px;
	margin-bottom: 20px;
	position: relative;
}

.eeiq_errors:before {
	font-family: 'FontAwesome';
	content:"\f06a";
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 115%;
}

/***** Tabs *****/

ul.tabs {
	list-style: none;
	padding-left: 0;
	overflow: hidden;
	margin: 0 0 40px;
}

ul.tabs li {
	width: 20%;
	float: left;
	font-size: 1.2em;
}

ul.tabs li a {
	text-transform: uppercase;
	border-bottom: 10px solid #eee;
	display: block;
	text-align: center;
	line-height: 40px;
	margin-right: 5px;
}

ul.tabs li a:hover {
	border-bottom-color: #ccc;
}

ul.tabs li.active a {
	border-color: #55c0e0;
}

.courseitem {
	padding-left: 50px;
}
.courseitem .entry-title a {
	color: #51b6d4;
}
.courseitem .entry-title a:hover {
	color: #0f9fca;
}
.courseitem .entry-content {
	font-size: 85%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}

.tabscontent span {
	color: #ccc;
	font-size: 85%;
}

/***** Login - standalone page *****/

.login-panel {
	width: 66.66%;
	height: 100%;
	float: left;
}

.login-panel .content {
	float: left;
}

.login-panel.columns .col.active {
	background: #8dc63f;
	width: 65%;
}

.login-panel .col.darkgreen {
	width: 35%;
	float: left;
}

#eeiq_login_form p:last-child {
	margin-top: 50px;
}

/***** Left - Profile *****/

.left .logo {
	margin: 0 0 45px;
}

.left.profile {
	background: #eaeeea;
	color: #333;
	height: 100%;
}

.left.profile.installer /* clean up */
{
	background: #eef2f5;
}

.single-sfwd-courses .logowrap,
.single-sfwd-courses .menu,
.single-sfwd-lessons .logowrap,
.single-sfwd-lessons .menu,
.single-sfwd-topic .logowrap,
.single-sfwd-topic .menu,
.single-sfwd-quiz .logowrap,
.single-sfwd-quiz .menu {
	background: #374457;
}

.single-sfwd-courses .menu a,
.single-sfwd-lessons .menu a,
.single-sfwd-topic .menu a,
.single-sfwd-quiz .menu a {
	border-color: #374457;
}

.placeholder {
	background: #eee;
	border: 3px solid #ccc;
	width: 55%;
	max-width: 170px;
	display: block;
	font-size: 30px;
	height: 90px;
	text-align: center;
	position: relative;
}

.placeholder .fa {
	line-height: 90px;
	color: #aaa;
}

.placeholder:hover:before {
	font-family: 'FontAwesome';
	content:"\f040";
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 18px;
}

.profile-photo img {
	border-radius: 150px;
}

.profile-photo-wrap {
	position: relative;
	width: 100px;
}

.left .profile-edit {
	float: right;
	margin: 0 0 10px;
	padding-right: 0;
}
.left .profile-edit a {
	color: #999;
	font-weight: 700;
	
}

.profile-status {
	list-style: none;
	padding: 0;
	margin-bottom: 40px;
}

.profile-status li {
	padding: 4px 0 7px;
	position: relative;
}

.profile-status li span {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	min-width: 50px !important;
	font-weight: 700;
	text-align: center;
}
span.active {
	color: #8dc63f;
	font-weight: 700;
}
span.inactive {
	background: #ccc !important;
	font-weight: 700;
}
span.pending {
	color: #dcbf1d;
	font-weight: 700;
}

.left a {
	color: #333;
	transition: all 0.3s;
}

.left a:hover {
	color: #333;
}

.left .credits-purchase a .fa {
	color: #8dc63f;
	padding-right: 4px;
}

.credits-purchase a {
	font-weight: 700;
}

.credit-packs a {
	width: 30%;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	float: left;
    margin-right: 3%;
    margin-bottom: 3%;
}

.credit-packs a span {
	font-size: 200%;
	font-weight: 700;
	display: block;
	padding-bottom: 10px;
}

.left .logout a {
	color: #999;
}

.logout a:before {
	font-family: 'FontAwesome';
	content:"\f08b";
	margin-right: 10px;
}
	.left .logout a:hover {
		color: inherit;
	}

.columns {
	width: 66.66%;
	float: left;
	height: 100%;
}

.columns .col {
	float: left;
	background: #8dc63f;
	height: 100%;
	position: relative;
}

.col {
	width: 33.33%;
}

.col50 {
	width: 50% !important;
}

.col22 {
	width: 22.5%;
}

.col45 {
	width: 45%;
}

.col55 {
	width: 55%;
}

.columns .col .edit {
	color: #fff;
	font-weight: 700;
}

.col .edit .fa { padding-right: 4px; }

.col .title {
	color: #fff;
	font-weight: 300;
	padding-bottom: 50px;
	background: url('images/arrow_right.png') no-repeat bottom center;
	background-size: 65px;
	line-height: 1.2em;
	display: block;
	font-size: 1.5em;
	margin-top: 15px;
	-webkit-transition:background-position .2s ease-in;
    -moz-transition:background-position .2s ease-in;
    -o-transition:background-position .2s ease-in;
    transition:background-position .2s ease-in;
}

.col .title:hover {
	background-position-x: calc(50% + 15px);
}

	.col.complete .title {
		background: none;
		padding-bottom: 20px;
	}

	.col .padd {
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.profile .col .padd {
		display: block;
		max-width: 100%;
	}

	.full {
		width: 100%;
		box-sizing: border-box;
		padding: 50px
	}

.columns .col.active {
	background: #fff;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	position: relative;
	overflow: auto;
}

.col.darkgreen {
	background: #3ea244;
}

	.col.active .padd {
		text-align: left;
		padding-left: 40px;
		padding-right: 40px;
		box-sizing: border-box;
	}

	.active .num {
		width: auto;
		color: #8cc340;
		border: 0;
		line-height: normal;
	}

	.col.active h1, .main-content h1 {
		color: #8cc340;
		font-size: 2em;
	}

	.main-content h1 { font-weight: bold; }

.num {
	border: 1px solid #fff;
	border-radius: 100px;
	display: inline-block;
	line-height: 55px;
	width: 55px;
	color: #fff;
	font-size: 180%;
	margin: 5px 0 5px;
	font-weight: 300;
}

/***** Login  *****/

.login-btn {
	position:absolute;
	cursor:pointer;
	font-weight: 700;
	width: 90px;
	color: #FFF;
	line-height:21px;
	right: 0;
	z-index: 26;
	font-size:1.2em;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	margin:33px 35px;
	border: 2px solid #fff;
	background: url('images/icon_login.png') no-repeat 10px 12px;
	display: block;
	height: 22px;
	padding: 10px 8px 8px 45px;
	background-position-y: -40px;
}

.login-btn:hover,
.login-btn:active,
.login-btn:focus {
	background-color: #fff;
	color: #8cc340;
	background-position-y: 10px;
}

.container {
	transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	padding:5em 3em;
}

#toggle:checked ~ .loginslide {
	top: 0;
}

#toggle:checked ~ .container {
	margin-top: 250px;
}

#toggle:checked + label {
	background:#999;
	left: 0;
	width: 12px;
	font-size: 14px;
	border-radius: 100px;
	cursor: pointer;
	margin-top: 37px;
}

#toggle:checked + label:after {
	font-family: 'FontAwesome';
	content:"\f00d";
	padding: 0;
	background-image: none;
}

/***** Video *****/

.videocontainer {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videocontainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***** Forms *****/

fieldset {
	border: 0;
	padding: 0;
	clear: both;
}
form p {
	margin: 12px 0;
}
form p span {
	display: block;
	margin-bottom: 17px;
}
form p span.tipso_style {
	display: inline;
	padding: 1px 4px;
	background: #eee;
	border-radius: 2px;
}
form span.error {
	font-weight: 700;
	font-size: 85%;
	color: #df1b1b;
	display: block;
	padding-top: 6px;
}
.subscribe_info{
	text-align:center;
	font-size:14px;
}
form p.half {
	width: 47%;
	float: right;
}
	form p.half.first {
		margin-right: 10px;
		float: left;
	}
form p.checkbox label {
	margin-right: 20px;
	display: inline-block;
}
form p.checkbox label:nth-child(1) {
	width: 100%;
}
#invite_installer p {
	float: left;
	width: 48.5%;
}
#invite_installer p:nth-child(2) {
	float: right;
}
.btn, form input[type=text], form input[type=email], form input[type=number], form input[type=date], input[type=number], form input[type=tel], form input[type=password], form input[type=submit], form select, form textarea { padding:10px; width: 100%; color:#333; font-size: 90%; box-sizing:border-box; background: transparent; border:2px solid #ddd; transition: border 0.5s, background-color 0.5s, color 0.5s; }
.btn, form input[type=submit] { cursor: pointer; }
form select { height: 40px; }
form input[type=text]:hover, form input[type=email]:hover, form input[type=number]:hover, form input[type=date]:hover, input[type=number]:hover, form input[type=tel]:hover, form select:hover, form input[type=password]:hover, form input[type=submit]:hover, form textarea:hover { border-color: #9bd053; outline: 0; }
form input[type=text]:focus, form input[type=email]:focus, form input[type=number]:focus, form input[type=date]:focus, input[type=number]:focus, form input[type=tel]:focus, form input[type=password]:focus, form input[type=submit]:focus, form textarea:focus { background: #f4fcf5; border-color: #9bd053; outline: 0; }
.dark form input[type=submit]:hover { background: #fff; color: #333; }

.green form input[type=text], .green form input[type=email], .green form input[type=number], input[type=number], .green form input[type=password]:focus, .green form input[type=password] { background: #f4fcf5; border-color: #9bd053; outline: 0; }

#submit_logo { padding: 4px 10px; }
.expander form input[type=submit] { border-color: #fff; color: #fff; }

form label { margin-bottom: 5px; font-weight: 700; d1isplay: block; font-size: 90%; }
.green form label { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
form label em { font-weight: 400; color: #999; }
form input[type=submit], form input[type=reset], form a.enrol { background: none; width: auto; font-weight: 700; padding: 10px 20px; font-size: 95%; border-color: #333; border: 2px solid; display: inline-block;}


body .wpProQuiz_button, body .wpProQuiz_button:hover {
	background: none !important; width: auto; font-weight: 700 !important; padding: 10px 20px !important; font-size: 95%; border-color: #333 !important; border: 2px solid !important; display: inline-block !important; border-radius: 0 !important; color: #333 !important; box-shadow: none !important; margin-right: 10px !important;
}

.green form input[type=submit] { border-color: #fff; color: #fff; }
.green form input[type=submit]:hover { color: #fff; }
form input[type=reset] { border-color: transparent; }

.btn.arrow, form input.arrow { font-weight: 700; border-color: #3ea244; color: #3ea244; font-size: 120%; padding: 10px 60px; min-width: 40%; text-align: center; }
	
.loginslide form input.arrow { background-position: top left; min-width: inherit; background-size: auto; }
.green form input.arrow, .darkgreen form input.arrow { background: url('images/arrow_right.png') no-repeat right 10px; background-size: 58px; }
form input#submit_general_info:hover { color: #fff; background: #3ea244 url('images/arrow_right.png') no-repeat right 10px; background-size: 58px; }
.btn.add { color: #8CC33F; font-weight: 700; border: 0; background: none; font-size: 100%; transition: 0.3s; outline: none; margin-bottom: 10px; }
.btn.add:before { content: '\f055'; font-family: 'FontAwesome'; padding-right: 10px; font-size: 115%; }
.btn.add:hover { color: #333; }
.columns .btn.add { float: right; }

.btn-download:before {
	font-family: 'FontAwesome';
	content:"\f019";
	padding-right: 5px;
}
.btn-download, .btn-preview {
	border-bottom: 1px solid #777;
	margin: 10px 10px 20px 0;
	display: inline-block;
}

.btn-preview:before {
	font-family: 'FontAwesome';
	content:"\f06e";
	padding-right: 5px;
}

::-webkit-input-placeholder { /* Chrome */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  opacity: 0.7;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #ccc;
  opacity: 0.7;
}

.kwicks form {
	width: 70%;
}

/***** Company *****/

.gradient1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ca341+0,81be41+100 */
	background: #4ca341;
	background: -moz-linear-gradient(left,  #4ca341 0%, #81be41 100%);
	background: -webkit-linear-gradient(left,  #4ca341 0%,#81be41 100%);
	background: linear-gradient(to right,  #4ca341 0%,#81be41 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca341', endColorstr='#81be41',GradientType=1 );
	height: 100%;
}

.gradient2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f90ab+0,5ebfdf+100 */
	background: #4f90ab;
	background: -moz-linear-gradient(left, #4f90ab 0%, #5ebfdf 100%);
	background: -webkit-linear-gradient(left, #4f90ab 0%,#5ebfdf 100%);
	background: linear-gradient(to right, #4f90ab 0%,#5ebfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f90ab', endColorstr='#5ebfdf',GradientType=1 );
	height: 100%;
	color: #fff;
}

.gradient3 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#303b4c+0,1a222e+100 */
	background: #303b4c; /* Old browsers */
	background: -moz-linear-gradient(left,  #303b4c 0%, #1a222e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #303b4c 0%,#1a222e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #303b4c 0%,#1a222e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303b4c', endColorstr='#1a222e',GradientType=1 ); /* IE6-9 */

	height: 100%;
	color: #fff;
}

.creditbox {
	border: 2px solid #fff;
	padding: 15px 20px;
	text-align: center;
	margin: 20px auto;
	font-size: 110%;
	display: inline-block;
}

.creditbox strong {
	display: block;
	font-size: 140%;
	padding-bottom: 8px;
}

.creditbox small {
	display: block;
	font-size: 70%;
}

.loggedin .active {
	overflow: visible;
}

.page .left,
.single .left,
.page-template-company-installers .left {
	position: fixed;
	overflow: auto;
}

.columns {
	padding-left: 33.33%;
}

.loggedin .col.active {
	margin-top: 54px;
	width: calc(100% - 250px);
	height: auto;
	z-index: 25;
}

.loggedin .active .padd {
	height: 100%;
	height: calc(100% - 54px);
	padding-top: 12px;
}

.loggedin .col.two {
	position: fixed;
	right: 0;
	width: 250px;
	height: 100%;
	top: 0;
}

.logowrap {
	background: #414141;
}
.profilelogo .logowrap {
	background: none;
	background: url('images/logo_trans.png') no-repeat 0 0;
	margin: 30px 30px 0 40px;
	background-size: contain;
	max-width: 317px;
}
.profilelogo .logowrap img {
	visibility: hidden;
}
.logowrap .padd {
	padding: 26px 40px;
	min-height: 64px;
}
.profilelogo .logowrap .padd {
	padding: 0;
}
.profilelogo .profile-edit {
	display: none;
}
.profilelogo .dashboard {
	display: block !important;
}

.left .logowrap .logo { margin-bottom: 0; }


.sub { margin:0 28px; float:left; z-index:10; position:relative; }
.sub > ul > li { float:left; position:relative; }
.sub > ul > li a { padding:10px 28px; font:16px/16px "proxima-nova-soft", sans-serif; color:#404043; letter-spacing:-.3px; }
.sub > ul > li i { margin-left:5px; color:#404043; position:relative; top:1px; }
.sub > ul > li ul { position:absolute; top:25px; left:13px; display:none; background:#FFF; box-shadow:0 5px 10px rgba(0,0,0,.1); }
.sub > ul > li ul a { padding:0 15px; font:14px/22px "proxima-nova-soft", sans-serif; display:block; letter-spacing:0; white-space:nowrap; }
.sub > ul > li ul li:last-child a { padding-bottom:7px; }

.menu {
	background: #414141;
	position: fixed;
	z-index: 30;
	width: inherit;
}
.menu ul {
	margin: 0;
	padding: 0 0 6px;
	float: left;
}
.menu li {
	display: inline-block;
	float: left;
	list-style: none;
}
.menu>ul>li>a {
	color: #fff;
	display: block;
	padding: 13px 20px;
	border-top: 6px solid #414141;
	color: #999;
	font-weight: 700;
}

	.menu a:hover,
	.menu .dropit-open a {
		border-color: #aaa !important;
		color: #ccc;
	}

.menu ul ul a {
	padding: 13px 25px;
	display: block;
	color: #999;
	width: 100%;
}

	.menu ul ul a:hover {
		color: #fff;
	}

.menu li.active a {
	border-color: #8cc340;
	color: #8cc340;
}

ul.right,
div.sub {
	float: right;
}
.menu ul.right a {
	font-weight: 300;
}
.menu .fa-user {
	font-size: 135%;
}

/***** Courses *****/

/* breadcrumbs */

.breadcrumb-trail {
	float: left;
	line-height: 57px;
	padding-left: 100px;
	color: #aaa;
	font-size: 12px;
	background: url('images/logo_icon.png') no-repeat 40px 11px;
}
.breadcrumb-trail a { color: #aaa; }
.breadcrumb-trail .sep { padding: 0 8px; }
.breadcrumb-trail>span:last-of-type a { font-weight: bold; color: #55c0e0; }

/* cousre side panel expand */

.two.side {
	transition: 0.6s;
	width: 21px !important;
}

.side.expand {
	width: 250px !important;
}

.hide-on-close {
	display: none;
}

.expand .hide-on-close {
	display: block;
	padding: 40px 0 0 15px;
}

.expand-sidebar a {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 10px;
	height: 100%;
}

.expand-sidebar a:hover {
	background: #202937;
}

p.expand-sidebar {
	margin-bottom: 0;
	position: absolute;
    left: 0;
    height: 100%;
    background: #242e3c;
}

.expand-sidebar a:before {
	content: '\f104';
	font-family: 'fontawesome';
    position: absolute;
    top: 42%;
    left: 7px;
	
}

.expand .expand-sidebar a:before {
   transform: rotate(180deg);
}

.loggedin .col.two.side {
	z-index: 25;
}

/* full screen template */

.wpProQuiz_quiz {
	transition: 0.5s;
}

.wpProQuiz_results {
	background: #374457;
    padding: 30px;
    text-align: center;
}

body .wpProQuiz_response {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.wpProQuiz_points {
	font-size: 30px;
	line-height: 1.3em;
}

input[name=check] {
	display: none !important;
}

.wpProQuiz_questionListItem label {
	padding: 15px;
	width: 100%;
	background: #000;
	display: block !important;
	box-sizing: border-box;
	border-radius: 3px;
}

body .wpProQuiz_questionListItem,
body .wpProQuiz_questionListItem:last-child {
	padding: 15px !important;
	transition: 0.3s;
}

.wpProQuiz_questionListItem:hover {
	background: #435165;
	border-radius: 4px;
}

.wpProQuiz_questionListItem.checked {
	background: #579cb3;
	border-radius: 4px;
}

.wpProQuiz_question {
	font-size: 130%;
}

.wpProQuiz_question_page {
    position: absolute;
    top: 0;
    right: 0;
}
.wpProQuiz_content h2 { display: none; }


/* .roundedOne */
.roundedOne {
  width: 28px;
  height: 28px;
  position: relative;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.roundedOne label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  left: 4px;
  padding: 0;
  top: 4px;
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.roundedOne label span {
	padding-left: 40px;
    width: 700px;
    display: block;
    padding: 20px 20px 20px 40px;
    margin-top: -20px;
    font-size: .9em;
}
.roundedOne label:after {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #8cc340;
  background: -webkit-linear-gradient(top, #8cc340 0%, #145b32 100%);
  background: linear-gradient(to bottom, #8cc340 0%, #145b32 100%);
  opacity: 0;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.roundedOne label:hover::after {
  opacity: 0.3;
}
.roundedOne input[type=checkbox] {
  visibility: hidden;
}
.roundedOne input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.single-sfwd-quiz,
.single-sfwd-topic,
.single-sfwd-lessons,
.installer .single-sfwd-courses {
	 background: #1f2226;
}

.single-sfwd-quiz .columns .col.active,
.single-sfwd-topic .columns .col.active,
.single-sfwd-lessons .columns .col.active,
.single-sfwd-courses.installer .columns .col.active {
	 background: #1f2226;
	 color: #fff;
	 width: 100%;
 }
.single-sfwd-quiz .columns,
.single-sfwd-topic .columns,
.single-sfwd-lessons .columns,
.single-sfwd-courses.installer .columns {
	width: 100%;
	float: none;
	padding-left: 0;
}
.single-sfwd-quiz .loggedin .active .padd,
.single-sfwd-topic .loggedin .active .padd,
.single-sfwd-lessons .loggedin .active .padd,
.single-sfwd-courses.installer .loggedin .active .padd {
	padding-right: 290px;
}
body .wpProQuiz_button {
	border-color: #fff !important;
	color: #fff !important;
	transition: 0.3s;
}
body .wpProQuiz_button:hover {
	background: #fff !important;
	color: #222 !important;
	border-color: #fff !important;
}

body .wpProQuiz_questionList {
	background: #374457 !important;
	border: 0 !important;
	padding: 15px !important;
	margin-bottom: 25px !important;
}

.single-sfwd-quiz h5 {
	color: #55c0e0;
	margin-top: 25px !important;
}

body #learndash_lesson_topics_list>div, body #learndash_lessons, body #learndash_profile, body #learndash_quizzes {
	margin-bottom: 40px;
}

#learndash_lesson_topics_list>div, #learndash_lessons, #learndash_profile, #learndash_quizzes {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

#learndash_back_to_lesson {
	position: absolute;
	bottom: 75px;
	font-weight: 700;
}

.alignleft {
	text-align: left;
	padding: 5px 15px;
	display: block;
}

.back {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	border: 0;
	padding-left: 30px;
	position: relative;
}
.back:before {
	content: '\f177';
	font-family: 'fontawesome';
	position: absolute;
	left: 0;
}
.dashboard .back {
	background: #3ea244;
	color: #fff;
    padding-left: 40px;
    padding-right: 17px;
    width: auto;
    margin-top: 25px;
    transition: 0.3s;
}
.dashboard .back:hover {
	color: #fff;
	background: #8dc63f;
}
.dashboard .back:before {
	left: 15px;
}

body .col.two dd.course_progress {
	overflow: visible !important;
	margin-top: 55px;
	margin-left: 0;
}

.col.two .course_progress:before {
    content: attr(title);
    position: absolute;
    display: block;
    top: -45px;
    font-size: 13px;
}

body .learndash .topic-completed span,
body .learndash .topic-notcompleted span,
body #learndash_profile .notcompleted {
	background: none;
	
}

body .learndash .topic-completed span:before {
	content: '\f058';
	color: #8cc340;
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	font-size: 22px;
}
	.single-sfwd-topic .learndash .learndash_topic_dots .topic-completed span:before {
		position: relative;
	}
	
body .learndash .topic-notcompleted span:before {
	content: '\f10c';
    color: #01a6dc;
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	font-size: 22px;
}

	.single-sfwd-topic .learndash .learndash_topic_dots .topic-notcompleted span:before {
		position: relative;
	}

.blue,
.single-sfwd-courses .left h2,
.single-sfwd-lessons .left h2,
.single-sfwd-topic .left h2,
.single-sfwd-quiz .left h2,
.single-sfwd-quiz .menu {
	color: #55c0e0 !important;
}

#learndash_next_prev_link {
	border-top: 1px solid #50555d;
	padding-top: 15px;
	margin-top: 30px !important;
	float: left;
    width: 100%;
}

#learndash_next_prev_link a:hover {
	color: #55c0e0 !important;
}

.installer .learndash_topic_dots {
	border-bottom: 1px solid #50555d;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.prev-link {
	float: left;
}

.next-link {
	float: right;
}

#learndash_mark_complete_button {
	float: right;
}

#learndash_profile .clear_both {
	clear: none !important;
}

#learndash_course_content {
	margin-top: 35px;
}

body .learndash > div .profile_info,
.profile_info,
.learndash_profile_heading,
#learndash_course_content_title {
	display: none !important;
}

.learndash_profile_heading.no_radius {
	display: block !important;
}

body #learndash_lessons a, body #learndash_quizzes a, body .learndash_topic_dots a, body .learndash_topic_dots a > span, body #learndash_lesson_topics_list span a, body .learndash > div a span, body #learndash_profile a {
	font-family: inherit;
	font-size: 13px;
}

body #learndash_lessons #lesson_heading, body .learndash > div .learndash_profile_heading, body #learndash_quizzes #quiz_heading, body #learndash_lesson_topics_list div > strong, body #learndash_profile .learndash_profile_heading {
	padding: 20px;
	background-color: #eef2f5;
}
	
	/* darken learndash tables in fullscreen */
	body .dark #learndash_lessons #lesson_heading, body .dark .learndash > div .learndash_profile_heading, body .dark #learndash_quizzes #quiz_heading, body .dark #learndash_lesson_topics_list div > strong, body .dark #learndash_profile .learndash_profile_heading {
		background-color: #374457;
		color: #fff;
	}
	
	.dark form input[type=submit], .dark form input[type=reset] {
		border-color: #fff;
		color: #fff;
	}
	
	.dark #learndash_course_content .learndash_topic_dots ul>li {
		background: transparent;
	}
	
	.dark h4 ul>li:nth-of-type(odd), .dark #learndash_lesson_topics_list ul>li:nth-of-type(odd) {
	    background: #1E2835 !important;
	}
	
	.dark #learndash_lesson_topics_list>div, .dark #learndash_lessons, .dark #learndash_profile, .dark #learndash_quizzes,
	.dark #course_list>div h4, .dark #learndash_lesson_topics_list ul>li>span.topic_item, .dark #lessons_list>div h4, .dark #quiz_list>div h4, .dark #course_list>div>div, .dark #lessons_list>div>div, .dark #quiz_list>div>div, .single-sfwd-lessons .dark #learndash_lesson_topics_list ul>li>span.sn, .singular-sfwd-lessons .dark #learndash_lesson_topics_list ul>li>span.sn,
	.dark #learndash_lesson_topics_list div>strong {
    	border: 1px solid rgba(221, 221, 221, 0.1);
    }

	.learndash_profile_heading.course_overview_heading { padding: 10px 20px !important; }

#lessons_list > div  > div, #course_list > div  > div, #quiz_list > div  > div, .single-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn, .singular-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn {
	width: 8% !important;
}

#lesson_heading, #quiz_heading,
#learndash_lesson_topics_list div>strong,
.learndash_profile_heading,
#lesson_heading {
	font-weight: 700 !important;
	font-size: 15px !important;
}

#learndash_profile .course_progress {
	margin: 18px !important;
}

body .course_overview_heading {
	font-size: 12px !important;
	font-weight: 400 !important;
	display: block !important;
}

body .learndash > div .course_progress {
	margin: 17px 12px;
}

body dd.course_progress div.course_progress_blue {
	background: #5ebfdf;
	box-shadow: none;
}

body dd.course_progress {
	background: #ceecf5;
	border-radius: 0;
	box-shadow: none;
	height: 10px;
}



body .list_arrow.collapse,
body .list_arrow.expand {
	background: none;
}

body .list_arrow.collapse:before {
	font-family: 'FontAwesome';
	content: '\f0da';
    color: #01a6dc;
    font-size: 175%;
}

body .list_arrow.expand:before {
	font-family: 'FontAwesome';
	content: '\f0d7';
    color: #01a6dc;
    font-size: 175%;
}

.dark .learndash a,
.dark .learndash a>span {
	color: #fff !important;
}


body .learndash > div h4 a,
body .learndash .learndash_topic_dots.type-list a>span,
body #learndash_profile #course_list a,
body .active .list_arrow.collapse,
body .active .list_arrow.expand,
body #learndash_lessons a,
body #learndash_quizzes a {
	background: none;
	position: relative;
	font-weight: 700;
	line-height: 33px !important;
	color: #333;
	font-family: inherit;
}

.learndash > div h4 a:hover,
body #learndash_profile #course_list a:hover {
	color: #01a6dc !important;
}

.learndash > div h4 a:after,
body #learndash_profile a.notcompleted:after, body #learndash_profile a.completed:after {
    font-family: 'FontAwesome';
 	position: absolute;
 	right: 35px;
 	font-size: 180%;
}

.learndash > div .notcompleted:after, .learndash > div .completed:after,
body #learndash_profile a.notcompleted:after, body #learndash_profile a.completed:after  {
	content: '\f10c';
    color: #01a6dc;
}

.learndash > div .completed:after, body #learndash_profile a.completed:after {
	content: '\f058';
    color: #61a92c;
}

body #learndash_lesson_topics_list ul>li>span.topic_item:hover, body #learndash_lessons h4>a:hover, body #learndash_quizzes h4>a:hover {
	background: none;
}

/***** Table *****/

table {
	width: 100%;
	font-size: 14px;
	margin-bottom: 45px;
}
table, table td, table th {
	border-collapse: collapse;
	text-align: left;
	font-family: 'Raleway', sans-serif;
}
table td, table th {
	padding: 15px 10px 15px 0;
	font-size: 90%;
	vertical-align: top;
}
table th {
	text-transform: uppercase;
}
table td {
	border-bottom: 1px solid #eaeeea;
}
table th {
	padding-top: 25px;
}
table tr:first-child th {
	padding-top: 10px;
	border-bottom: 3px solid #8dc63f;
}
table th.center, table td.center {
	text-align: center;
}
table span.badge {
	font-size: 95%;
	background: #eee;
}
table .fa {
	font-size: 115%;
}
table .fa-link {
	color: #8dc63f;
}

table .fa-search {
	color: #3B3B3B;
}

p.mobilemsg {
	display: none;
}
.mobilemsg.alert {
	color: #333;
}

table a {
	color: #3ea244;
	text-decoration: underline;
	transition: all 0.3s;
	cursor: pointer;
}

table a .fa {
	color: #333;
	transition: all 0.3s;
}
table a:hover .fa {
	color: #3ea244;
	cursor: pointer;
}

table a:hover .fa-minus-circle {
	color: #f00;
}

/* Badges */

span.badge {
	border-radius: 100px;
	font-size: 80%;
	padding: 2px 13px;
	background: #ccc;
	line-height: 20px;
	text-transform: uppercase;
	min-width: 1px !important;
	color: #333;
}

.profile-status li span.badge.active {
	background: #8dc63f;
	color: #fff;
}

.profile-status li span.badge.pending {
	background: #ebd768;
}

.preview .side .badge {
	background: #367a2d;
	color: #fff;
}

.profile-photo-wrap .badge {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: -45px;
	font-size: 100%;
}
.profile-photo-wrap .badge.inactive,
.profile-photo-wrap .badge.pending {
	color: #333;
}

.profile-photo-wrap .badge.active {
	background: #8CC33F;
	color: #fff
}
.profile-photo-wrap .badge.pending {
	background: #ebd768;
}


/***** Preview *****/

.preview {
	height: 100%;
	color: #fff;
	overflow: auto;
	background: #4ca341;
	background: -moz-linear-gradient(left,  #4ca341 0%, #81be41 100%);
	background: -webkit-linear-gradient(left,  #4ca341 0%,#81be41 100%);
	background: linear-gradient(to right,  #4ca341 0%,#81be41 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca341', endColorstr='#81be41',GradientType=1 );
}

.preview .side {
	width: 220px;
	float: left;
	padding-top: 60px;
}

.preview .side a {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
}

.preview .side label {
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: -10px;
	display: block;
	margin-top: 25px;
}



.preview .side h2 {
	color: #fff;
}

.preview .main {
	margin-left: 250px;
	padding-top: 110px;
	color: #333;
}

.preview .main .padd {
	background: #fff;
	clear: right;
	min-height: calc(100% - 190px);
}

.preview .close-button {
	text-indent: 0;
	color: #fff;
	font-weight: bold;
	line-height: 0;
	padding: 15px;
	top: 68px;
}

.preview .close-button em {
	display: block;
	width: 100px;
	font-style: normal;
	position: absolute;
	left: -110px;
}

.preview .close-button:before, .preview .close-button:after {
	width: 20px;
	margin-left: -10px;
}

.macce-locations {
	padding: 30px 0 0 0;
}

.macce-locations li {
	list-style: none;
	float: left;
	width: 50%;
}

.contact form input[type=text],
.contact form textarea {
	color: #000;
}

.contact form input[type=text]:focus,
.contact form textarea:focus {
	color: #333;
}

#contactpanel {
	z-index: 9999;
	position: absolute;
	top: 0;
	height: 100%;
	background: #272727;
	width: 100%;
	padding: 0;
}

@media only screen and (min-width:601px) {
	.home .left .padd,
	.page-template-page-login .left .padd {
		height : 100%;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    box-sizing: border-box;
	}
	.vcenter {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.col.vcenter,
	.padd.vcenter {
		position: relative;
		top: auto;
		transform: none;
		height : 100%;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    box-sizing: border-box;
	}
}


@media only screen and (min-width: 601px) and (max-width: 1000px) {
	.loggedin .col.active {
		width: 100% !important;
	}
	.loggedin .col.two {
		bottom: 0;
		width: 100% !important;
		z-index: 9999;
		height: 140px !important;
		top: auto !important;
	}
}

@media only screen and (max-width:1024px) {
	body {
		font-size: 12.5px;
	}
	.padd,
	.columns .col.active .padd {
		padding-left: 30px;
		padding-right: 30px;
	}
	.left h1 {
		font-size: 135%;
	}
	.left.profile {
		width: 28%;
	}
	.columns:not(.main-columns) {
		width: 72%;
		padding-left: 28%;
	}
	.single .columns,
	.page-template-company-installers .columns {
		padding-left: 28%;
	}
	
	.single-sfwd-courses .columns,
	.single-sfwd-quiz .columns,
	.single-sfwd-topic .columns,
	.single-sfwd-lessons .columns {
		padding-left: 0;
	}
	table {
		font-size: 100%;
	}
	.loggedin .col.two {
		width: 200px;
	}
	.loggedin .col.active {
	    width: calc(100% - 200px);
	}
}

@media only screen and (max-width:600px) {
	.content h2 {
		font-size: 2em;
	}

	.left {
		height: 100%;
		width: 100%;
	}
	.expander,
	.login-btn {
		display: none;
	}
	.left h1 {
		margin: 0.5em 0 0;
	}
	.columns {
		padding-left: 0;
	}
	p.mobilemsg {
		display: block;
	}
	.left h1,
	.mobilemsg {
		margin-top: 50px;
	}
	.main-content { display: none; }

}


/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
 
 
.remodal.confirm {
	background: #4f90ab;
    background: -moz-linear-gradient(left, #4f90ab 0%, #5ebfdf 100%);
    background: -webkit-linear-gradient(left, #4f90ab 0%,#5ebfdf 100%);
    background: linear-gradient(to right, #4f90ab 0%,#5ebfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f90ab', endColorstr='#5ebfdf',GradientType=1 );
    color: #fff;
    text-align: left;
}

.remodal.tip {
	text-align: left;
	max-width: 600px;
}

.remodal.image {
	max-width: 90%;
}

.remodal .fa-exclamation-circle {
	font-size: 250%;
	color: #296781;
}

.remodal.confirm button {
	border: 2px solid #fff;
	padding: 10px 15px;
	font-weight: 700;
	color: #fff;
	background: none;
	font-size: 13px;
	transition: all 0.2s;
	cursor: pointer;
}

.remodal.confirm button:hover {
	background: #fff;
	color: #d90000;
}

.remodal.confirm .cancel {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	margin-left: 30px;
	cursor: pointer;
}

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}


/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Input checkboxes and labels for enrolling installers into courses. */
p.checkbox{
	display: inline;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 400px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.tip-modal {
	display: inline-block;
	padding: 0 6px;
	background: #eee;
    border-radius: 3px;
    cursor: help;
    border-bottom: 1px dotted;
	font-weight: bold;
	font-size: 14px;
	height: 18px;
	color: #333;
	line-height: 18px;
	margin-left: 5px;
}

/* Tipso Bubble Styles */
.tipso_bubble, .tipso_bubble > .tipso_arrow{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
.tipso_bubble {
    position: absolute;
	text-align: center;
	border-radius: 6px;
	z-index: 9999;
}
.tipso_style{
	cursor: help;
	border-bottom: 1px dotted;
}
.tipso_title {
	border-radius: 6px 6px 0 0;
}
.tipso_content {
  	word-wrap: break-word;
	padding: 0.5em;
}

/* Tipso Bubble size classes - Similar to Foundation's syntax*/
.tipso_bubble.tiny {
	font-size: 0.6rem;
}
.tipso_bubble.small {
	font-size: 0.8rem;
}
.tipso_bubble.default {
	font-size: 1rem;
}
.tipso_bubble.large {
	font-size: 1.2rem;
	width: 100%;
}

/* Tipso Bubble Div */
.tipso_bubble > .tipso_arrow{
	position: absolute;
	width: 0; height: 0;
	border: 8px solid;
	pointer-events: none;
}
.tipso_bubble.top > .tipso_arrow {
	border-top-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	top: 100%;
	left: 50%;
	margin-left: -8px;
}
.tipso_bubble.bottom > .tipso_arrow {
	border-bottom-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
}
.tipso_bubble.left > .tipso_arrow {
	border-left-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	top: 50%;
	left: 100%;
	margin-top: -8px;
}
.tipso_bubble.right > .tipso_arrow {
	border-right-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	top: 50%;
	right: 100%;
	margin-top: -8px;
}

.tipso_bubble .top_right_corner, 
.tipso_bubble.top_right_corner {
	border-bottom-left-radius: 0;
}

.tipso_bubble .bottom_right_corner, 
.tipso_bubble.bottom_right_corner  {
	border-top-left-radius: 0;
}

.tipso_bubble .top_left_corner, 
.tipso_bubble.top_left_corner {
	border-bottom-right-radius: 0;
}

.tipso_bubble .bottom_left_corner, 
.tipso_bubble.bottom_left_corner  {
	border-top-right-radius: 0;
}

/*
 * Dropit v1.1.0
 * http://dev7studios.com/dropit
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* These styles assume you are using ul and li */
.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 150px;
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-open .dropit-submenu { display: block; }
.dropit-submenu {
	background: #414141;
}

.left .fa-user {
	font-size: 1.35em;
}

.left .dropit>li>a {
	border: 1px solid #ccc !important;
    padding: 5px 10px;
    border-radius: 5px;
    display: block;
    background: #f5f5f5;
    transition: none;
    font-weight: bold;
}

.left .dropit .dropit-submenu {
	border-radius: 3px;
	padding: 15px;
}

.left .dropit ul a {
	color: #ccc;
	padding: 5px 0;
	display: block;
}

.left .dropit ul a:hover {
	color: #fff !important;
}

.single-sfwd-courses .dropit-submenu,
.single-sfwd-quiz .dropit-submenu,
.single-sfwd-topic .dropit-submenu,
.single-sfwd-lessons .dropit-submenu {
	background: #374457;
}
.left .dropit .dropit-submenu,
.menu .dropit .dropit-submenu {
	right: 0;
	left: auto;
}

/* Animations */

body {
    opacity: 1;
    transition: 1s opacity;
}
body.fade-out {
    opacity: 0;
    transition: none;
}

.tickwrap{
	width: 30%;
	max-width: 60px;
	margin: auto;
	height: 60px;
}
.circ{
    opacity: 0;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.tick{
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
    -moz-transition: stroke-dashoffset 1s 0.5s ease-out;
    -ms-transition: stroke-dashoffset 1s 0.5s ease-out;
    -o-transition: stroke-dashoffset 1s 0.5s ease-out;
    transition: stroke-dashoffset 1s 0.5s ease-out;
}
.drawn + svg .path{
    opacity: 1;
    stroke-dashoffset: 0;
}

/*** Hide first question back button ***/
li.wpProQuiz_listItem:first-child .wpProQuiz_QuestionButton:nth-of-type(1){
	display:none !important;
}

::-moz-selection { /* Code for Firefox */
  color: red;
  background: yellow;
}

::selection {
  color: red;
  background: yellow;
}
.no_record_shadow .col.active
{
	width: calc(100% - 30px);
	box-shadow: unset;
	text-align: center;
	
}
.dlt_att
{
	cursor:pointer;
	width:10px;
	height:10px;
	align:center;
}
 
#showCamera input
{
	cursor:pointer;
	background: none;
width: auto;
font-weight: 700;
padding:5px 20px;
font-size: 95%;
border-color: #333;
border: 2px solid;
display: inline-block;
height:30px;
}
.insurance_table .file_title
{
	/* width:230px !important; */
}
.insurance_table td, table th
{
	padding: 15px 9px 15px 0;
}
.insurance_table td a img.dlt_att
{
	display: block;
  margin-left: auto;
  margin-right: auto;
 
}

table.insurance_table tbody tr td a
{
	word-wrap: anywhere;
}
.additional_files_settings h2 {
	color: #8cc340;
	font-size:18px;
}
.additional_files_settings p {
	font-size:14px;
	margin: -13px 0px 0px 0px !important;
}
.additional_files_settings h4 {
	font-size:14px;
	font-weight:bold;
	margin: 0px 0px 0px 0px !important;
}
.magicsearch {
    border: 3px solid #8cc340;
    height: 56px;
    width: 350px;
    border-radius: 8px;
    outline: none;
    color: #fff;
    background-color: transparent;
    transition: all .5s cubic-bezier(.19,1,.5,1);
    padding: 5px 10px;
    font-size: 1.8rem;
}
.magicsearch:focus {
    background-color: #fff;
}
.fileshare_text{
	font-size:	120%;
}