/* CSS Document */
body {
	font-size:16px !important;
}

.navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.box-padding {
	padding: 5px !important;
}

.gogetters {
	background-color: #333 !important;
}

.navbar-default .navbar-nav>li>a {
	text-align:center !important;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #99cc33;
}

.navbar-default {
	border:none !important;
}

a:hover > svg *{
  fill: #99cc33;
  stroke: #99cc33;
}

.navbar-default .navbar-nav>.active>a {
	background-color:transparent !important;
	color: #99cc33;
}

.navbar-default .navbar-nav>.active>a>svg *{
  fill: #99cc33;
  stroke: #99cc33;
}

.navbar-brand>img {
	width:125px;
}

.navbar-default .navbar-nav>.open>a {
	background-color:transparent !important;
	color: #99cc33;
}

.navbar-default .navbar-nav>.open>a>svg *{
  fill: #99cc33;
  stroke: #99cc33;
}

.nav li {
	border-left:1px solid #99cc33;
}

.navbar-toggle {
	margin-left:15px;
	float:left !important;
}

.footer {
	background-color:#333 !important;
	color:#fff;
}

.footer>.container>.form-inline {
	padding-top:8px;
}

.form-control {
	height: 45px !important;
	border-radius: 10px !important;
	box-shadow: inset 0 3px 8px 7px rgba(0,0,0,.1);
}

.btn-success {
	background-color:#80bc26 !important;
}

.dropdown-menu>li>a:hover {
	background-color:#80bc26 !important;
}

.chevron-right-bg-circle {
	border: 1px solid #80bc26;
    background-color: #80bc26;
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    padding-top: 7px;
}

.chevron-left-bg-circle {
	border: 1px solid #80bc26;
    background-color: #80bc26;
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    padding-top: 7px;
}

.well {
	border-radius:10px !important;
}

.contact-1.well {
	min-height:110px !important;
}

h3 {
    font-size: 1.3em !important;
}
.content-header {
	background-color: #80bc26 !important;
	margin-bottom:10px;
}

.login-form .control-label, .login-form h3 {
	color:#fff;
}

.login.well {
	background-color:#313132 !important;
}

.contact.well {
	background-color:#80bc26 !important;
}

textarea#contactform-body {
    height: 100px !important;
}

.textarea {
	height: 100px !important;
}

#login-form  button.btn-primary, .contact-send button.btn-primary {
    background-color: #313132 !important;
	border:1px solid #313132;
}

#easyPaginate img {
	display:block;margin-bottom:10px;
}

.easyPaginateNav a {
	padding:5px;
}

.easyPaginateNav a.current {
	font-weight:bold;text-decoration:underline;
}

/*
a.page, a.last, a.first {
	display:none !important;
}
*/

.page-1, .page-2, .page-3, .page-4, .page-5, .page-6, .page-7, .page-8, .page-9, .page-10, .page-11, .page-12, .page-13, .page-14, .page-15, .page-16, .page-17, .page-18, .page-19, .page-20, .page-21, .page-22, .page-23, .page-24, .page-25, .page-26, .page-27, .page-28, .page-29, .page-30, .page-31, .page-32, .page-33, .page-34, .page-35, .page-36, .page-37, .page-38, .page-39, .page-40, .page-41, .page-42, .page-43, .page-44, .page-45, .page-46, .page-47, .page-48, .page-49, .page-50, .page-51, .page-52, .page-53, .page-54, .page-55, .page-56, .page-57, .page-58, .page-59, .page-60, .page-61, .page-62, .page-63, .page-64, .page-65 {
	display: none !important;
}


a.page.page-next {
    font-size: 40px;
    width: 60px !important;
    height: 60px !important;
    line-height: 60px !important;
}

a.page.page-prev {
    font-size: 40px;
    width: 60px !important;
    height: 60px !important;
    line-height: 60px !important;
}

.paginate-pagination ul {
    text-align: center;
}

.paginate-pagination ul > li {
    float: none !important;
    display: inline-block !important;
}

.easyPaginateNav {
	width:auto !important;
	text-align: center;
}

#easyPaginate li {
    list-style: none !important;
	padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: solid 1px #000;
}

li {
    font-weight: bold;
}

li td {
    padding: 5px;
}

li td:first-child {
	color:red;
	font-weight: normal;
}

li td:last-child {
	color:green;
	font-weight: normal;
}

.table-responsive {
	overflow-x: visible !important;
}

ul {
	padding-left: 0 !important;
}

h2 {
	line-height: inherit !important;
}

.personality-bg {
	background-image: url("/images/personality_bg.jpg");
	min-height: 650px;
	background-size: contain;
    background-position-x: center;
	background-repeat: no-repeat;
}


        /* default item style - radios with labels (except for ql) END */

        /* 3 - narrow bar - active/inactive gray, 7 - narrow bar - inactive-gray, active-colorful START */

        .qt3, .qt7 { font-size:1.1em;} /* question text */

        /*.qt7 {font-weight:600;}*/

        .re3, .re7 {
			display:table;
			max-width:400px;
			width:100%;
			margin-top:30px;
			margin-bottom: 30px;
			
			/*background-image: url(/images/personality-selection-bg.jpg) !important;*/
			background-color: yellowgreen !important;
    		border-radius: 10px;
			background-size: contain;
			
            -webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none; /*prevent text selection*/

        } /*display:table-row;*/

        .re3 > *, .re7 > * {display:table-cell;}

        .qi3, .qi7 {/*display:none;*/width:0px;height:0px;position: absolute;left:-1024px;}

        .ql3, .ql7 {font-size:0.975em;width:20%;white-space:normal; padding: 2px 1px;text-align:center;vertical-align:middle;font-weight:normal;border-width:1px; border-color: #ccc; border-top-style:solid;border-right-style:solid;border-bottom-style:solid;}

                            

        .qi3:checked + .ql3, .qi7:checked + .ql7 {color:#fff; text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);}

        .qi3:checked + .ql3 {background-color:#717171;border-color: #717171;}



        .qi7[value="1"]:checked+.ql7,

        .qi7[value="2"]:checked+.ql7 {

            background-color: #5cb85c;

            border-color: #4cae4c;

        }

        .qi7[value="3"]:checked+.ql7 {

            background-color: #5bc0de;

            border-color: #46b8da;

        }

        .qi7[value="4"]:checked+.ql7,

        .qi7[value="5"]:checked+.ql7 {

            background-color: #d9534f;

            border-color: #d43f3a;

        }



        .qi3:not(:checked) + .ql3,.qi7:not(:checked) + .ql7 {
			color: #fff;
			font-weight:bold;
            /*background-color: #ececec;*/
			/*background-color: #e0e0e0;*/

            /*text-shadow: 0 1px 1px rgba(136, 136, 136, 0.75);*/

        }

        .qi3:first-child+.ql3, .qi7:first-child+.ql7 {border-top-left-radius:10px;border-bottom-left-radius:10px;border-left-style:solid;}

        .ql3:last-child, .ql7:last-child {border-top-right-radius:10px;border-bottom-right-radius:10px;}

                            

        

                                               

        .qi3:not(:checked) + .ql3:hover {background-color:#ccc;}

        .ql3, .ql7 {cursor:pointer; height:50px;}



        .qi7[value="1"]:not(:checked) + .ql7:hover,

        .qi7[value="2"]:not(:checked) + .ql7:hover {

            background-color: #9FD09F; /*8DC78D*/

            /*border-color: #88B588;*/ /*71A571*/

        }

        .qi7[value="3"]:not(:checked) + .ql7:hover {

            background-color: #ADDDEC; /*6AC5E0*/

            /*border-color: #6AC5E0;*/ /*#28a4c9*/

        }

        .qi7[value="4"]:not(:checked) + .ql7:hover,

        .qi7[value="5"]:not(:checked) + .ql7:hover {

            background-color: #EC9997; /*DB5F5C*/

            /*border-color: #E07673;*/ /*DA6967*/

        }

        

        /* 3,7 - END */



.qe {
    text-align: -webkit-center !important;
}

.hreset {
	background-color: #ff9933;
}

.hpanel {
	border: 3px solid #ff9933;
    border-radius: 10px;
	margin-bottom: 10px;
}

.hpanel > .panel-heading {
    border-bottom: 3px solid #ff9933;
}

.freset {
	background-color: #cc0033;
}

.fpanel {
	border: 3px solid #cc0033;
    border-radius: 10px;
	margin-bottom: 10px;
}

.fpanel > .panel-heading {
    border-bottom: 3px solid #cc0033;
}

.rreset {
	background-color: #ffff00;
}

.rpanel {
	border: 3px solid #ffff00;
    border-radius: 10px;
	margin-bottom: 10px;
}

.rpanel > .panel-heading {
    border-bottom: 3px solid #ffff00;
}

.creset {
	background-color: #006699;
}

.cpanel {
	border: 3px solid #006699;
    border-radius: 10px;
	margin-bottom: 10px;
}

.cpanel > .panel-heading {
    border-bottom: 3px solid #006699;
}

.sreset {
	background-color: #99cc33;
}

.spanel {
	border: 3px solid #99cc33;
    border-radius: 10px;
	margin-bottom: 10px;
}

.spanel > .panel-heading {
    border-bottom: 3px solid #99cc33;
}

.nav-pills li {
    border: 0 !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #99cc33 !important;
	color:#fff;
	font-size: 2em;
}

.nav-pills>li>a, .nav-pills>li>a:focus, .nav-pills>li>a:hover {
    background-color: #333;
	color:#fff;
	font-size: 2em;
}

.milestone-tab.tab-content {
    padding-top: 10px;
}

a.btn-lg.btn-success.personality {
    padding: 10px 40px !important;
    font-size: 24px !important;
}

@media (aspect-ratio: 3/7) {
    img.sqr_tile {
        width: -webkit-fill-available;
    }
}

@media (min-width: 1200px) {
	body > .container {
		padding: 155px 15px 0 !important;
	}
	
	.nav_icon_width {
		width:110px;
		height:100px;
	}
	
	.navbar>.container .navbar-brand>img {
		width:125px;
	}
	
	ul.nav.nav-pills {
		padding-left: 260px !important;
	}
	
	.footer_email_signup_field {
		width:400px !important;
	}
	
	.footer {
		font-size:x-large;
		min-height: 60px !important;
	}
}

@media (min-width: 767px) {
	.nav>li>a {
		/*height: 145px;*/
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	body > .container {
		padding: 135px 15px 0 !important;
	}
	
	.nav_icon_width {
		width:75px;
		height:100px;
	}
	
	ul.nav.nav-pills {
		padding-left: 160px !important;
	}
	
	.footer_email_signup_field {
		width:300px !important;
	}
	
	.footer {
		font-size:large;
	}
}

@media (max-width: 640px) {
	.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
		background-color: #99cc33 !important;
		color:#fff;
		font-size: 1.5em;
	}
	
	.nav-pills>li>a, .nav-pills>li>a:focus, .nav-pills>li>a:hover {
		background-color: #333;
		color:#fff;
		font-size: 1.5em;
	}
}

@media (max-width: 500px) {
	.nav-pills li {
		padding-bottom: 10px;
	}
	
	ul.nav.nav-pills {
		padding-left: 70px !important;
	}
	
	.personality-bg {
		background-size: cover !important;
    	background-position-x: right !important;
	}
	
	.personality-bg h2 {
		font-size: 16px !important;
	}
}

@media (max-width: 767px) {
	
	body > .container {
		padding-bottom: 100px !important;
		padding-top: 35px !important;
	}
	
	.table-responsive {
		border:0 !important;
	}
	
	.hide_in_mobile {
		display:none;
	}
	
	.nav>li>a {
		/*padding:0 !important;*/
	}
	
	.navbar-toggle {
		border-width: 4px !important;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff !important;
	}
	
	.navbar-brand {
		height:75px !important;
		padding:0 !important;
	}
	
	.LOS-logo {
		height:65px;
		width:65px;
	}
	
	.navbar-toggle .icon-bar {
		height: 4px !important;
	}
	
	.footer {
		height: 150px !important;
	}

	.chevron-right-bg-circle {
		border: 1px solid #80bc26;
		background-color: #80bc26;
		border-radius: 50%;
		width: 50px !important;
		height: 50px !important;
		padding-top: 14px;
	}
	
	.chevron-left-bg-circle {
		border: 1px solid #80bc26;
		background-color: #80bc26;
		border-radius: 50%;
		width: 50px !important;
		height: 50px !important;
		padding-top: 14px;
	}
}

@media (min-width: 767px) and (max-width: 992px) {
	body > .container {
		padding: 115px 15px 0 !important;
	}
	
	.nav_icon_width {
		width:60px;
		height:100px;
	}
	
	ul.nav.nav-pills {
		padding-left: 90px !important;
	}
	
	.navbar-brand>img {
		width: 95px !important;
	}
	
	navbar-brand>img {
		width:100px;
	}
	
	.nav>li>a {
		position: relative;
		display: block;
		padding: 5px;
	}
	
	.personality-bg h2 {
		font-size: 20px !important;
	}
	
	.footer_email_signup_field {
		width:250px !important;
	}
}

.re7 input[type=checkbox], input[type=radio] {
    margin: 15px 10px 10px 10px !important;
}

.ql7 {
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
}

.panel-body {
	padding:5px !important;
}

.table>tbody>tr>td {
	padding:5px !important;
}

.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.goal-text-box {
    width: 600px !important;
}