/*Styles for components of internal pages for NauticEd account*/

.inner-item .inner {
	border: solid #d1d2d3;
	border-width: 3px 1px 1px;
	display: block;
	margin: 20px 0;
	position: relative;
	background-color: #fff;
	padding: 20px;
}

.page-title {
	font-size: 30px;
    font-weight: 600;
	margin: 3px 0 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 18px;
	text-align: center;
}

.page-title i {
	font-size: 65px;
    font-weight: 300;
    margin-bottom: 8px;
	color: #666;
    display: block;
	text-align: center;
}

/*Curriculum*/

#courses-list-tabs + .tab-content {
	padding-top: 5px;
}

#badges-tabs + .tab-content,
#gifts-tabs + .tab-content,
.tab-content.under-tabs {
	padding-top: 0px;
}

#courses-list-tabs + .tab-content .tab-pane h4,
.course-list-content h4 {
	margin: 0 0 10px;
}

.curriculum .course-list-content ul,
.curriculum ul.interesting {
	padding: 0;
	list-style: none;
}

.curriculum .course-list-content ul li,
.curriculum ul.interesting li {
	list-style: none;
}

.curriculum .course-list-content ul a,
#recommended a,
.curriculum ul.interesting a {
	font-size: 15px;
}

.curriculum .course-list-content ul a.label {
	font-size: 90%;
}

.curriculum .course-list-content ul li {
	margin-top: 10px;
	padding: 10px 0 0;
	border-top: 1px solid #eee;
}

.curriculum ul.interesting li {
	margin-top: 10px;
}

.curriculum .promote-block ul.interesting li {
	margin-top: 3px;
}

.curriculum .course-list-content ul li:first-child {
	margin-top: 0;
	padding-top: 0;
	border: 0 none;
}

.curriculum ul.interesting li:first-child,
.curriculum .promote-block ul.interesting li:first-child {
	margin-top: 0;
}

.promote-block .upgrade-sum {
	color: #5cb85c;
	font-size: 15px;
	font-weight: 600;
}

.promote-block .promote-item {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

.promote-block .promote-item:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0 none;
}

.curriculum .course-name {
	margin-bottom: 8px;
}

.curriculum .course-progress {
	max-width: 50%;
}

.curriculum .passed-courses .course-progress,
.curriculum .passed-courses .course-rate {
    display: inline-block;
	vertical-align: middle;
}

.curriculum .passed-courses .course-progress {
	width: 45%;
	margin-right: 1rem;
}

@media (min-width: 35.5em) {
	.curriculum .passed-courses .course-progress,
	.curriculum .passed-courses .course-rate {
		display: table-cell;
		width: 170px;
        margin: 0;
        max-width: 25%;
	}

	.curriculum .passed-courses .course-name {
		width: 40% !important;
	}
}

@media (min-width: 48em) {
	.curriculum .passed-courses .course-name {
		width: 50% !important;
	}
}

@media (min-width: 62em) {
	.curriculum .passed-courses .course-name {
		width: 56% !important;
	}
}

.curriculum .course-rate .rate-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
	gap: .5rem;
}

.curriculum .course-list-content ul .course-rate a {
    font-size: 0.75rem;
}

.curriculum .register-now.course-progress {
	max-width: none;
}

.curriculum .recommend-icon {
    font-size: 90px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
	color: #0164a5;
	display: none;
}

.ri-title {
	margin-top: 30px;
}

#recommended .colored {
	font-size: 16px;
	font-weight: 600;
}

ul + .full-widget {
    margin-top: 20px;
}

.curriculum .register-now .btn-sm {
	font-size: 13px !important;
}

.course-list-content > div + div,
.course-list-content #assessments {
	border-top: 1px solid #eee;
	padding-top: 30px;
	margin-top: 10px;
}

.course-list-content #assessments .orange {
    color: #ff5200;
}


.course-list-content > div:first-child,
.course-list-content #incomplete {
	padding-top: 5px;
}

.curriculum .popover {
    max-width: none;
    width: 95%;
}

.my-slc .popover {
    max-width: 400px;
}

.select-goal {
	position: relative;
}

.select-goal #goals_wait {
	position: absolute;
	top: 15px;
	right: 15px;
}

.courses-based-on-goal .help-block {
	font-size: 1em;
}

.courses-based-on-goal .rank-item > h4 {
	text-transform: uppercase;
	font-size: 15px;
}

.courses-based-on-goal .tooltip {
	text-transform: none;
}

.courses-based-on-goal .rank-item .help-block {
	padding-left: 30px;
}

.courses-based-on-goal .rank-item ul {
	padding-left: 30px;
	font-size: 15px;
}

.courses-based-on-goal .rank-item ul li a:first-child,
.courses-based-on-goal .rank-item > h4 a:first-child,
.courses-based-on-goal .rank-item > h4 .disabled-element:first-child,
.courses-based-on-goal .interesting li a:first-child {
	margin-right: 8px;
}

.courses-based-on-goal.apps-games .interesting li a:first-child {
	margin-right: 0;
}

.icon-action {
	margin-right: 5px;
	font-size: 1.2em !important;
	color: #888;
	white-space: nowrap;
	cursor: pointer;
}

.icon-action.green {
	color: #5cb85c;
}

.icon-action:before {
	content: "";
	width: 5px;
	height: 1px;
	background-color: #888;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}

.icon-action + .icon-action:before {
	display: none;
}

.courses-based-on-goal .help-block em a {
	color: #666;
	cursor: pointer;
	border-bottom: 1px dotted #999;
	display: inline-block;
    margin-bottom: 3px;
}

.courses-based-on-goal .help-block em a:hover,
.courses-based-on-goal .help-block em a:focus,
.courses-based-on-goal .help-block em a:active {
	color: #222;
}

.courses-based-on-goal .help-block .popover {
	font-style: normal;
}

.courses-based-on-goal ul.interesting li {
	font-size: 15px;
	margin-top: 4px;
}

.courses-based-on-goal.apps-games .interesting li {
	margin-top: 4px;
}

.courses-based-on-goal.apps-games .interesting li:first-child {
	margin-top: 0;
}

.courses-based-on-goal .divider-inner {
	color: #ccc;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.2em;
	position: relative;
}

.courses-based-on-goal .divider-inner:before {
    background-color: #eee;
    content: "";
    display: inline-block;
    height: 1px;
	width: 100%;
    position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
}

.courses-based-on-goal .divider-inner span {
	padding: 0 15px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

/*How it works*/

.welcome-section {
	text-align: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.welcome-section h2 {
	text-align: left;
	margin-bottom: 25px;
}

.video-list {
	padding: 0;
	list-style: none;
}

.video-list li {
	list-style: none;
	margin-top: 5px;
}

.video-list li:first-child {
	margin-top: 0;
}

.video-list a {
	font-size: 15px;
}

/*Logbook*/

/*Add logbook day*/

.form-control.width-80p {
    max-width: 80%;
}

.crew-line-wrapper {
	background-color: #f6f6f6;
    margin: 0 -20px;
    padding: 15px 20px;
}

.crew-line-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.crew-line-wrapper ul li {
	list-style: none;
}

.crew-line-wrapper .bs-callout-info {
	margin-bottom: 15px;
}

.crew-line-wrapper span[class*="col-"] {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.crew-line-wrapper span[class*="col-"]:first-child {
	text-align: left;
}

.crew-line-wrapper span[class*="col-"] {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #d1d2d3;
}

.crew-line-wrapper li:last-child span[class*="col-"] {
	padding-bottom: 0;
}

.crew-line-wrapper .titles span {
	font-weight: 700;
	border: 0 none;
	padding-bottom: 10px;
}

.crew-line-wrapper label {
	margin: 0;
}

.activate-cm label {
	display: block;
	margin-right: 80px;
}

.activate-cm .btn-help {
	margin-bottom: 10px;
	margin-top: 0;
}

.activate-cm .help-block {
	padding-left: 21px;
	margin-right: 40px;
}

/*Logbook days*/

#LogbookDaysListDIV table td:last-child,
#CrewmateListDIV table td:last-child {
	text-align: center;
}

#LogbookDaysListDIV table td .label.label-default {
        vertical-align: inherit;
}

/* Fixed header for Logbook List, way 1 */
#LogbookDaysListDIV > .scrollable > div {
    overflow-y: auto;
	overflow-x: hidden;
    max-height: 632px;

}

#LogbookDaysListDIV > .scrollable.has-scroll > div {
    overflow: auto;
    max-height: 632px;

}

#LogbookDaysListDIV > div:not(.scrollable):first-of-type {
	overflow-y: auto;
    max-height: 632px;
}

#LogbookDaysListDIV table.list thead th {
    position: sticky;
	position: -webkit-sticky;
    top: 0;
    z-index: 100;
	border: 0 transparent;
	box-shadow: inset 0 0 1px #d4d2d2;
}



/* Fixed header for Logbook List, way 2 (not working without fixed width for each column) */
/*
#LogbookDaysListDIV table.list {
    table-layout: fixed;
    width: 100%;
}

#LogbookDaysListDIV table.list thead tr {
    display: block;
    position: relative;
}

#LogbookDaysListDIV table.list tbody {
    display: block;
    overflow: auto;
    height: 300px;
    width: 100%;
}

/*Vessels*/

.vessel-img input[type="file"],
.avatar_selector input[type="file"] {
	margin-bottom: 14px;
}

.current-vessel-img {
	margin: 0 0 20px;
}

.vessel-hull > div label:first-child,
.vessel-propulsion > div label:first-child,
#interesting-charter > div label:first-child,
.with-horizontal-radio > div label {
	margin-right: 15px;
}

#vessel-list-accordion .current-vessel-img {
	text-align: center;
}

/*Crew Mate*/

#crewmate_step_1 {
	padding: 15px 20px;
	background-color: #f6f6f6;
	margin: 20px -20px 0;
}

#crewmate_step_1 .form-group,
#crewmate_step_1 .form-group > div,
#crewmate_step_1 .form-top-info,
#crewmate_step_1 .form-actions,
#resume_cert_add_box .form-group,
#resume_cert_add_box .form-actions,
#resume_cert_add_box .form-top-info,
#resume_cert_add_box .form-group > div,
.grey-field .form-group,
.grey-field .form-actions,
.grey-field .form-top-info,
.grey-field .form-group > div,
.grey-field .without-right-info {
	border-color: #e2e2e2;
}

#crewmate_step_1 .form-actions > div,
#resume_cert_add_box .form-actions > div,
.grey-field .form-actions > div {
	padding-bottom: 0;
}

.crewmates .step_2 {
	margin-top: 25px;
}

.crewmate_avatar,
.rank_avatar {
	float: left;
        margin: 10px 20px 0 0;
        max-width: 100px;
	display: none;
}

.rank_avatar_edit {
        margin: 0 20px 0 0;
	display: none;
        text-align: center;
        font-size: 80%;
}

.status_graphic {
	display: block;
	float: none;
	margin: 0 auto 15px;
	max-width: 100px;
}

.resume-item,
#status_info {
	margin-bottom: 25px;
}

.resume-item:last-child {
	margin-bottom: 0;
}

.crewmate_icon,
.rank_icon {
	float: left;
    margin: 0 20px 0 0;
    width: 100px;
	height: 100px;
	border: 1px solid #eee;
	text-align: center;
	display: none;
}

.crewmate_icon i,
.rank_icon i {
	font-size: 60px;
	color: #d6d6d6;
	line-height: 1;
	padding-top: 19px;
}

.crewmate_infos,
.rank_infos,
.status_infos {
	overflow: hidden;
}

.crewmate_infos p,
.rank_infos p,
.status_infos p {
	margin: 0;
}

.crewmate_info_name,
.rank_info_name,
.status_info_name {
    font-size: 16px;
	font-weight: 600;
    padding: 15px 0 0;
}

.rank_info_name,
.status_info_name {
	padding: 0;
}

.find-user-list {
	margin: 10px 0;
}

.crewmate_anonym_email,
.crewmate_anonym_lastname {
	display: inline-block;
	margin-top: 6px;
}

.crewmate-settings .form-group > div,
#settings_form .form-group > div {
	border: 0 none;
	padding-left: 0;
	min-height: 0;
}

.crewmate-settings .form-actions > div,
#settings_form .form-actions > div {
	padding-left: 0;
}

#resume_cert_add_box,
.grey-field {
    background-color: #f6f6f6;
    margin: 25px -20px 0;
    padding: 15px 20px;
}

.grey-field:first-child {
	margin-top: 0;
}

/*Sidebar Rank*/

.rank-progress-item {
	text-align: center;
}

.rank-progress-item h5 {
	margin-top: 15px;
}

.rank-progress h4,
.rank-progress .view-table {
	text-align: center;
}

.profile-progress .colored {
	color: #0164a5;
	font-weight: 600;
}

/*Top info panel*/

.info-panel {
	padding: 15px 20px;
	margin: 0 -20px;
	background-color: #f6f6f6;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
}

.info-panel .help-icons {
	margin: 0;
    text-align: center;
}

.info-panel + .info-panel {
	display: none;
}

/*Icon buttons in top info panel*/

.icon-btn {
	background-color: #fafafa;
    border: 1px solid #ddd;
    color: #0164a5;
    cursor: pointer;
    display: block;
    padding: 10px 6px 8px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin: 8px 0 0;
}

.icon-btn:hover, .icon-btn:focus, .icon-btn:active {
	border-color: #ff5d31;
	color: #ff5d31;
}

.icon-btn:first-child {
	margin-top: 0;
}

.icon-btn i {
	font-size: 20px;
	color: #0164a5;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.icon-btn:hover i, .icon-btn:focus i, .icon-btn:active i {
	color: #ff5d31;
}

.icon-btn span {
	display: block;
	color: #0164a5;
    font-size: 12px;
    font-weight: 400;
    margin-top: 3px;
}

.icon-btn:hover span, .icon-btn:focus span, .icon-btn:active span {
	color: #ff5d31;
}

.module .help-icons .btn-group {
	margin: 18px 0 0;
    vertical-align: top;
}

.current-rank p {
	font-weight: 600;
}

/*Resume*/

.resume h2 .btn-help,
h2.with-help .btn-help,
h3.with-help .btn-help,
h4.with-help .btn-help {
	vertical-align: 1px;
	margin: 0;
	float: none;
}

.resume h2 span,
h2.with-help span,
h3.with-help span,
h4.with-help span {
	margin: 0 10px 0 0;
	vertical-align: top;
}

.sidebar-item h2.with-help span,
.sidebar-item h3.with-help span,
.sidebar-item h4.with-help span {
	vertical-align: baseline;
}

h4.with-help .btn-help,
.h4.with-help .btn-help {
	position: relative;
	top: -2px;
}

.sidebar-item h4.with-help .btn-help,
.sidebar-item .h4.with-help .btn-help {
	top: 0;
	vertical-align: baseline;
}

.table-border .experience-table {
	border: 1px solid #eee;
}

.table-border .experience-table td,
.table-border .experience-table th {
	border: 0 none;
}

.table-border .experience-table td.bordered_right,
.table-border .experience-table th.bordered_right {
	border-right: 1px solid #eee;
}

.table-border .experience-table .header + .header th {
	border-bottom: 1px solid #eee;
	padding-top: 0;
}

.table-border .experience-table .header:first-child th {
	font-size: 15px;
}

.table-border .experience-table .not-colored {
	background-color: transparent;
}

.experience-table .header th,
.experience-table td {
	text-align: center;
}

.long-trips-table th,
.long-trips-table td {
    text-align: center;
}

.long-trips-table th.first,
.long-trips-table td.first {
    text-align: left;
}

.long-trips-table .lt-dates {
    min-width: 150px;
}

.long-trips-table .lt-nights {
    min-width: 75px;
}

.long-trips-table .lt-auth {
    min-width: 125px;
}

.long-trips-table .subheader {
    font-size: 15px;
    font-weight: 600;
}

.practical_exp .value,
.cert_list .value {
	text-align: center;
}

.cert_list .value.buttons {
	width: 1%;
	min-width: 75px;
}

.badge_item .inner-box {
	margin-top: 8px;
	padding-top: 11px;
	border-top: 1px solid #eee;
}

.badge_item:first-child .inner-box {
	margin-top: 0;
	padding-top: 0;
	border-top: 0 none;
}

.badge_item img {
	vertical-align: top;
	margin-bottom: 6px;
	height: auto;
}

.badge_item .description {
	display: block;
}

.badge_item .description strong {
	display: block;
}

.resume-bottom-note,
.bottom-note {
	margin-top: 22px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.bottom-note-small {
	margin-top: 16px;
	padding-top: 18px;
	border-top: 1px solid #eee;
}

.resume .qualification .progress .progress-bar-success {
    background-color: #f3565d;
}

.pipe-separated + .pipe-separated::before {
	content: '|';
}

/* Profile page */

.avatar-img input[type="file"] {
	margin-bottom: 14px;
}

.current-avatar-img {
	margin: 0 0 20px;
}

/*Courses pages*/

.sidebar-item.authors {
	font-size: 0.93em;
	color: #666;
}

.school-logo-part {
	text-align: center;
	border-top: 1px solid #eee;
	padding-top: 12px;
}

.school-logo-part span + img{
	vertical-align: top;
	margin-top: 3px;
}

.school-logo-part span {
	display: block;
	margin-top: 2px;
}

#course-list-accordion,
#vessel-list-accordion,
#skipper-testout {
	margin-bottom: 0;
}

#course-list-accordion .panel-heading h4 a {
	display: block;
	padding: 0;
	width: 35px;
	float: left;
}

#course-list-accordion .panel-heading h4 a + a {
    color: #444;
    display: inline-block;
    font-size: 15px;
    padding: 10px 0 10px 5px;
    width: auto;
	margin-left: 35px;
	float: none;
}

#course-list-accordion .panel-heading h4 a i {
	left: 35px;
}

#course-list-accordion .scores,
#skipper-testout .scores {
	font-size: 0.814em;
}

/*#course-list-accordion .scores:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 0;
}*/

#course-list-accordion .scores span,
#skipper-testout .scores span {
	vertical-align: middle;
}

#course-list-accordion .score,
#skipper-testout .score {
	width: 40px;
	margin-right: 5px;
	display: inline-block;
}

#course-list-accordion .panel-title,
#skipper-testout .panel-title {
	margin-right: 0;
}

#course-list-accordion .panel-body ul {
	padding: 0;
	margin: 0 -20px;
	list-style: none;
}

#course-list-accordion .panel-body ul li a {
    color: #555;
    display: block;
    line-height: 18px;
    padding: 6px 20px;
    text-decoration: none;
}

#course-list-accordion .panel-body ul li a:hover,
#course-list-accordion .panel-body ul li a:focus,
#course-list-accordion .panel-body ul li a:active,
#course-list-accordion .panel-body ul > .active > a,
#course-list-accordion .panel-body ul >.active > a:hover {
	background-image: none;
	background-color: #f6f6f6;
	color: #555;
}

#course-list-accordion .panel-body ul > .active > a {
	font-weight: bold;
}

#course-list-accordion .panel-heading h4 .rya-review-link {
	display: inline-block;
	width: auto;
	float: none;
	font-size: 1.1em;
	color: #0164a5;
	margin-right: 5px;
	vertical-align: middle;
}

.module-table-head,
.list-table-head {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 1.07em;
}

.module-table-head > div {
	padding-left: 0;
}

.module-table-head > div:first-child {
	padding-left: 35px;
	text-align: left;
}

.course-introduction p:first-child {
	margin-bottom: 0;
}

.course-introduction p:empty {
	display: none;
}

.course-content iframe {
	margin: 0 auto;
	display: block;
}

.download-module-md,
.take-test-md,
.mobile-access-md:first-child  {
	margin-top: 46px;
}

.download-module-md + .take-test-md  {
	margin-top: 0;
}

.take-test-md i,
.add-question i {
	right: 10px;
    top: 50%;
	margin: -17px 0 0;
}

.take-test a,
.add-question a {
	padding: 30px 10px 30px 15px;
}

.take-test h4,
.add-question h4 {
	margin: 0;
}

.module .mode-switcher {
    margin-bottom: 20px;
}

.module .info-panel,
.testing .info-panel {
	margin-bottom: 25px;
}

.module-bottom-nav {
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.module-bottom-nav a {
	display: block;
	text-align: center;
	margin-top: 10px;
}

.module-bottom-nav a:first-child {
	margin-top: 0;
}

.course-content img,
.course-introduction img {
	margin: 10px 10px 10px 0;
	max-width: 100%;
    height: auto !important;
}

.course-content > p:first-child > img:first-child,
.course-content > img:first-child,
.course-introduction > p:first-child > img:first-child,
.course-introduction > img:first-child {
	margin-top: 0;
}

.course-content table,
.course-introduction table {
	margin: 10px 0;
}

.course-content > p:first-child > table:first-child,
.course-content > table:first-child,
.course-introduction > p:first-child > table:first-child,
.course-introduction > table:first-child {
	margin-top: 0;
}

.rating-system:empty {
	display: none;
}

.rating-system iframe {
	display: inline-block;
	max-width: none;
	width: auto;
	margin: 0 auto;
}

/*Module testing*/

.module-test-section .question {
	display: block;
}

.module-test-section .answer-item {
	padding: 5px 10px 5px 15px;
}

.module-test-section .answer-item label {
	font-weight: normal;
    margin: 0;
}

.module-test-section #question-number {
	text-align: center;
	margin-bottom: 15px;
}

.testing .sidebar-item {
	border-top: 1px solid #eee;
	padding-top: 15px;
}

#answer .error {
	color: #d9534f;
	font-weight: bold;
}

.correct_answer {
	background-color: #5cb85c;
	color: #fff;
}

.incorrect_answer {
	background-color: #d9534f;
	color: #fff;
}

.promo-discount {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.rya-tests-list .rya-name a {
    font-size: 15px;
}

.rya-tests-list .rya-row {
	border-top: 1px solid #eee;
	padding: 8px 0;
}

.list-table-head > div,
.rya-tests-list .rya-row > div {
	padding-left: 5px;
	padding-right: 5px;
}

/*Forum*/

.forum-item {
	border-bottom: 1px solid #eee;
    margin: 10px 0;
    padding: 10px 0 15px;
}

.forum-item:first-child {
    margin-top: 0;
    padding-top: 0;
}

.forum-icon {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 40px;
}

.forum-icon i {
    display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/l2015/images/sprite.svg);
	width: 34px;
	height: 30px;
	background-position: -506px -92px;
}

.forum-title-wrapper {
	margin-left: 60px;
	margin-top: 3px;
}

.forum-item-title {
    display: block;
    font-size: 18px;
    font-weight: 600;
	color: #676a6c;
}

.forum-sub-title {
    color: #999;
	font-size: 0.93em;
	display: none;
}

.forum-info {
    text-align: center;
	float: left;
	padding: 0 20px;
	margin-top: 10px;
}

.forum-info.first {
    margin-left: 60px;
}

.forum-info  .number {
    font-size: 24px;
    font-weight: 400;
    line-height: 18px;
}

.forum-info small {
    color: #999;
	font-size: 85%;
}

/*Icons for forum topics*/

#topic-9 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -414px -46px;
}

#topic-11 .forum-icon i {
	width: 34px;
	height: 30px;
	background-position: -644px -46px;
}

#topic-2 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -874px 0;
}

#topic-3 .forum-icon i {
	width: 32px;
	height: 30px;
	background-position: -46px -46px;
}

#topic-12 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -46px 0;
}

#topic-6 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -276px 0;
}

#topic-8 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -322px 0;
}

#topic-10 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -736px 0;
}

#topic-14 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -506px 0;
}

#topic-5 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -368px 0;
}

#topic-7 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -598px 0;
}

#topic-4 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -92px 0;
}

#topic-13 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -184px -46px;
}

#topic-1 .forum-icon i {
	width: 30px;
	height: 30px;
	background-position: -1058px 0;
}

.forum .breadcrumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	font-weight: bold;
	margin-bottom: 25px;
}

.breadcrumb .forum-icon {
	margin-right: 10px;
	width: auto;
	text-align: left;
}

.breadcrumb a {
	display: inline-block;
}

.breadcrumb .forum-icon i {
	vertical-align: top;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/l2015/images/sprite20.svg);
	width: 23px;
	height: 20px;
	background-position: -504px -36px;
}

.bc-links {
	display: block;
	overflow: hidden;
}

.with-right-links {
	float: left;
    width: 60%;
}

.related-module-links {
	float: right;
    margin-left: 5%;
    text-align: right;
    width: 35%;
}

.related-module-links .circle-count.small {
	margin-bottom: -1px;
}

/*Icons for forum topics - breadcrumb*/

#topic-9 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -324px -36px;
}

#topic-11 .breadcrumb .forum-icon i {
	width: 23px;
	height: 20px;
	background-position: -504px -36px;
}

#topic-2 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -684px 0;
}

#topic-3 .breadcrumb .forum-icon i {
	width: 21px;
	height: 20px;
	background-position: -36px -36px;
}

#topic-12 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -36px 0;
}

#topic-6 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -216px 0;
}

#topic-8 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -252px 0;
}

#topic-10 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -576px 0;
}

#topic-14 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -396px 0;
}

#topic-5 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -288px 0;
}

#topic-7 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -468px 0;
}

#topic-4 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -72px 0;
}

#topic-13 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -144px -36px;
}

#topic-1 .breadcrumb .forum-icon i {
	width: 20px;
	height: 20px;
	background-position: -828px 0;
}

#forum_list {
	border-top: 1px solid #e2e2e2;
}

.forum-row {
	border-bottom: 1px solid #e2e2e2;
}

#forum-detail .forum-row {
	border-bottom: 0 none;
}

.post-info {
	padding: 15px 0 0;
	font-size: 0.93em;
}

.post-body {
    padding: 9px 0 15px;
}

.forum-avatar,
#seatalks_post_form .forum-avatar,
.reply_form .forum-avatar {
	margin: 0 10px 0 0;
	max-width: 50px;
	height: auto;
	border-style: solid;
	border-color: #e2e2e2;
	border-width: 1px;
	vertical-align: top;
	float: left;
}

#seatalks_post_form .forum-avatar,
.reply_form .forum-avatar  {
	vertical-align: middle;
	float: none;
}

.post-author-info {
	overflow: hidden;
}

.forum-status-wrapper {
	float: right;
	margin-left: 15px;
}


.forum_message {
	padding-top: 10px;
        white-space: pre-wrap;
}

.forum-title {
	font-weight: bold;
}

.replies {
    margin-top: 10px;
}

.replies + .replies {
	margin-top: 10px;
}

span.post_status_0 {
    background-color: #d9534f;
}

span.post_status_1 {
   background-color: #f0ad4e;
}

span.post_status_10 {
    background-color: #5cb85c;
}

span.post_status_50 {
   background-color: #0164a5;
}

span.post_status_200 {
   background-color: #c9302c;
}

.reply_form textarea {
	width: 100%;
	resize: vertical;
}

.post_reply_link {
	display: inline-block;
	color: #222;
}

.post_reply_link .count,
.circle-count {
	font-size: 12px;
	margin: -1px 0 0 5px;
	vertical-align: top;
	font-style: normal;
	display: inline-block;
}

.circle-count.small {
	margin: 0 0 0 5px;
}

.post_reply_link .count .circle,
.circle-count .circle {
	background-color: #ababab;
    color: #fff;
	line-height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    padding: 1px 8px 2px;
	display: block;
	float: left;
	font-style: normal;
}

.circle-count.small .circle {
	padding: 0 7px 1px;
}

.circle-count .circle.white {
	background-color: #eaeaeb;
	color: #777d85;
}

.post_reply_link .count .corner {
	border-style: solid;
    border-width: 8px 9px 9px 0;
    height: 0;
    margin-right: -5px;
	margin-top: 5px;
    width: 0;
	border-color: transparent #ccc transparent transparent;
	display: block;
	float: left;
}

.post_reply_link.view_reply {
	margin: 15px 15px 0 0;
}

.reply_row .name,
.post-author-info .name {
	font-weight: 600;
}

.add-question {
	margin-bottom: 25px;
	display: block;
}

.add-question h4 {
	font-size: 16px;
	line-height: 1.4;
}

#post_form {
	margin-top: 0;
	clear: both;
}

#new_post_submit_to_admin {
	margin-top: 10px;
}

.more-user-info {
	margin: 0 0 6px;
}

.nautic-info {
	margin: 6px 0 0;
}

.replies .voting {
	float: right;
    margin-top: 15px;
}

/*#forum-detail .replies {
	border: solid #e2e2e2;
	border-width: 1px 0 0;
	padding: 15px 0 0;
	margin-top: 15px;
}*/

#replies-list .replies {
	border-color: #eee;
}

#replies-list .replies .voting {
    margin-top: 0;
}

#forum-detail .post-body {
    padding-bottom: 0;
}

.replies .voting span {
	cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.replies .voting span:first-child {
	margin-right: 12px;
}

.replies .voting span i {
	font-size: 21px;
	color: #777;
}

.replies .voting span span {
	position: relative;
	width: 9px;
}

.replies .voting span span i {
	position: absolute;
	left: 0;
	top: 3px;
	font-size: 16px;
}

.replies .voting span:hover i, .replies .voting span:active i, .replies .voting span:focus i {
	color: #ff5d31;
}

.forum-row .controls {
    margin-top: 15px;
	float: right;
}

#replies-list .forum-row .controls {
	float: none;
	margin-top: 0;
	margin-right: 15px;
}

.post-filter {
	margin: 0 0 20px;
}

/*Badges*/

#badges_list .badge-image {
	margin: 0 10px 0 0;
	max-width: 72px;
	height: auto;
	transition: opacity .2s ease;
}

#badges_list .badge-image.notawarded {
	opacity: .5;
}

#badges_list .panel-heading h4 a:hover .badge-image.notawarded {
	opacity: 1;
}

#badges_list .panel-heading h4 a i {
	top: 38px;
	left: 15px;
	margin: 0;
}

#badges_list .panel-heading h4 a {
	text-decoration: none;
	padding: 10px 0 10px 35px;
}

#badges_list .panel-heading h4 a:focus {
	outline: none;
}

#badges_list .panel-heading h4 a:hover .badge-name {
	text-decoration: underline;
}

#badges_list .help-block {
	line-height: 1.4;
	margin: 10px 0 0;
}

#badges_list .progress-block {
	padding: 0 20px 10px 40px;
	max-width: 350px;
}

#badges_list .progress-block .percent {
	display: none;
}

#badges_list .badge-info {
	font-size: 14px;
}

.activity_block {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}

.activity_block:last-child {
	border-bottom: 0 none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.activity_block .btn-help {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 0 0 10px;
}

.activity_title {
	margin-bottom: 10px;
	padding-right: 35px;
}

.activity_buttons {
	margin-top: 20px;
}

.activity_buttons input + input{
	margin: 10px 0 0;
}

.activity_block .form-control.small-size {
	width: 150px;
}

/*Gifts*/

#promo-current {
    font-size: 18px;
    font-weight: bold;
}

.promo-edit-link {
	margin-top: 10px;
}

.download-coupon-icon {
	font-size: 32px;
	margin-right: 5px;
	vertical-align: middle;
}

.give-gift {
	font-size: 32px;
	margin-right: 5px;
	vertical-align: -5px;
}

.promo-share-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.promo-share-list .item {
	margin-top: 15px;
	font-weight: 600;
	position: relative;
	padding: 8px 0;
}

.promo-share-list .item:first-child {
	margin-top: 0;
}

.promo-share-list .item i {
	font-size: 38px;
	margin-right: 10px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	left: 0;
}

.promo-share-list .item span {
	display: inline-block;
    margin-left: 43px;
}

.fb-promo-help {
	margin-left: 43px;
}

.promo-share-list a {
	color: #5a5a5a;
}

.promo-share-list a:hover,
.promo-share-list a:focus,
.promo-share-list a:active {
	color: #ff5d31;
}

.promo-share-list .item i.fb {
	color: #113d84;
}

.promo-share-list .item i.tw {
	color: #08ace8;
}

.promo-share-list .item i.em {
	color: #ff5200;
}

.credit-current span {
	font-weight: 600;
	font-size: 18px;
}

.gift-details {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding: 0 0 10px;
}

.gift-details strong {
	display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
}

/*Operational Experience*/

.exp_table .number-days {
	max-width: 60px;
	margin-right: 6px;
	margin-top: 0;
}

.exp_table .plus-minus-buttons {
	display: inline-block;
    margin-top: 3px;
    vertical-align: top;
}

.exp_table .plus-minus-buttons button {
	max-width: 31px;
	display: inline-block;
	margin-left: 4px;
}

.exp_summary .main-title {
	font-size: 15px;
}

.exp_table .indicator {
	position: absolute;
	top: 7px;
	left: -5px;
}

.exp_table .indicator .label {
	display: inline-block;
    padding: 5px;
    width: 21px;
}

.table-border .exp_summary th {
	border: 0 none;
}

.table-border .exp_summary th.main-title {
	padding-bottom: 0;
}

.table-border .exp_summary th.b-right {
	border-right: 1px solid #eee;
}

.table-border .exp_summary th.b-left {
	border-left: 1px solid #eee;
}

.table-border .exp_summary th.b-top {
	border-top: 1px solid #eee;
}

.course-progress .upgrade_button {
	margin-top: 7px;
}

.course-progress .yesterday,
.course-progress .yesterday a {
	color: #d9534f;
	font-weight: bold;
	text-decoration: line-through;
	font-size: 18px;
	line-height: 1.2;
}

.course-progress .today,
.course-progress .today a {
	color: #5cb85c;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.2;
}

.course-progress .current_level {
	font-size: 1.2;
}

.course-progress h2 .btn-help {
	vertical-align: 1px;
	margin: 0;
	float: none;
}

.course-progress h2 span {
	margin: 0 10px 0 0;
	vertical-align: top;
}

.rya-code-wrapper {
	clear: both;
}

#rya_code_form .form-group > div {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	border: 0 none;
	min-height: 0;
}

#rya_code_form .form-actions,
#rya_code_form .form-group {
	border: 0 none;
}

#rya_code_form .form-group.with-help .btn-help {
	top: 5px;
	margin-top: 0;
}

.ryacourse_page.tests .page-content iframe {
	width: 100%;
	border: 1px solid #fff;
	padding: 0 20px;
	margin-top: 20px;
}

.course-content iframe.rya-iframe {
	width: 100%;
	border: 1px solid #d5d5d5;
	padding: 20px;
	margin-top: 20px;
}

.select-state select {
	display: block;
}

.select-state span + span {
	margin-top: 15px;
	display: block;
}

.companies-list ul {
	list-style: none;
	padding: 0;
}

.companies-list h4 {
	text-align: left;
}

.qualification-result-block {
	margin-bottom: 10px;
}

.qualification-result-block:last-child {
	margin-bottom: 0;
}

.result-label {
	float: left;
	margin-right: 10px;
}

.result-description {
	display: block;
	overflow: hidden;
	margin-top: 3px;
}

.give-gift-list {
	list-style: none;
	padding: 0;
}

.give-gift-list .label {
	margin-left: 5px;
}

.give-gift-list .c_purchased .c_name {
	color: #999;
    font-style: italic;
}

.gift-tolal-price {
	font-size: 20px;
}

.gift-tolal-price #total_price {
	color: #5cb85c;
	font-weight: 600;
}

.gift-tolal-price #total_shipping {
	font-size: 14px;
	font-weight: 600;
}

.forgot-pass {
	margin-top: 15px;
	display: inline-block;
}

.qualification-offer {
	border-bottom: 1px solid #eee;
	padding-bottom: 18px;
}

.qualification-offer .btn-default {
	white-space: normal;
	display: block;
}

/*Sign In / Sign Up*/

.login-boxes .form-group {
	margin: 0 0 15px;
	border: 0 none;
}

.login-boxes .control-label {
	margin: 0 0 4px;
	padding: 0;
	text-align: left;
	float: none;
	width: auto;
	font-weight: 700;
}

.login-boxes .privacy-notice {
	margin: 0 0 4px 8px;
	font-weight: 700;
	text-align: right;
}

.login-boxes .form-group > div {
	border: 0 none;
	padding: 0;
	margin: 0;
	min-height: 0;
	width: auto;
	float: none;
}

.login-boxes .form-group.with-help > div {
	padding-right: 50px;
}

.login-boxes .form-actions {
	border: 0 none;
}

.login-boxes .form-actions > div {
	padding: 0;
	margin: 0;
	width: auto;
	float: none;
}

.login-boxes .with-line {
	margin-top: 20px;
}

.login-boxes .form-group.with-help .btn-help {
	right: 0;
	margin-top: -12px;
    top: 50%;
}

.or-social-login {
	margin-top: 20px;
}



@media (min-width: 35.5em) {
	.row-with-social-btns {
		display: flex;
		justify-content: center;
	}

	.row-with-social-btns .col-sm-12 {
		width: auto;
	}
}

/*Partner's logos on Sign In page*/

#footer_partners ul.partners {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#footer_partners ul.partners li {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 5px;
}

#footer_partners ul.partners.boat li {
	display: block;
	text-align: center;
}

#footer_partners ul.partners span {
    display: block;
    background-image: url(/l2015/images/layout-white/logos.png);
}

#footer_partners ul.partners span.tmm {
    width: 106px;
    height: 50px;
    background-position: 4px 5px;
}
#footer_partners ul.partners span.tmm:hover {
    background-position: 5px -43px;
}

#footer_partners ul.partners span.sunsail {
    width: 140px;
    height: 51px;
    background-position: -149px 5px;
}
#footer_partners ul.partners span.sunsail:hover {
    background-position: -149px -45px;
}

#footer_partners ul.partners span.anacortes {
    width: 110px;
    height: 51px;
    background-position: -303px 4px;
}
#footer_partners ul.partners span.anacortes:hover {
    background-position: -303px -50px;
}

#footer_partners ul.partners span.florida {
    width: 175px;
    height: 50px;
    background-position: 556px 8px;
}
#footer_partners ul.partners span.florida:hover {
    background-position: 556px -40px;
}

#footer_partners ul.partners span.rentyacht {
    width: 138px;
    height: 52px;
    background-position: 366px 0;
}
#footer_partners ul.partners span.rentyacht:hover {
    background-position: 366px -55px;
}

#footer_partners ul.partners span.wsescape {
    background-position: 223px 1px;
    height: 51px;
    width: 200px;
}
#footer_partners ul.partners span.wsescape:hover {
    background-position: 223px -50px;
}

#footer_partners ul.partners span.horizone {
    width: 80px;
    height: 81px;
    background-position: 137px -280px;
    margin-top: -10px;
}
#footer_partners ul.partners span.horizone:hover {
    background-position: 137px -196px;
}

#footer_partners ul.partners span.cumberland {
    background-position: 4px -119px;
    height: 50px;
    width: 132px;
}
#footer_partners ul.partners span.cumberland:hover {
    background-position: 5px -173px;
}

#footer_partners ul.partners span.snz {
    background-position: -148px -114px;
    height: 54px;
    width: 117px;
}
#footer_partners ul.partners span.snz:hover {
    background-position: -149px -175px;
}

#footer_partners ul.partners span.moorings {
    width: 128px;
    height: 53px;
    background-position: 674px -113px;
}
#footer_partners ul.partners span.moorings:hover {
    background-position: 674px -177px;
}

#footer_partners ul.partners span.gulf {
    background-position: 519px -109px;
    height: 52px;
    width: 149px;
}
#footer_partners ul.partners span.gulf:hover {
    background-position: 519px -163px;
}

#footer_partners ul.partners span.catamaran {
    background-position: 538px -245px;
    height: 49px;
    width: 180px;
}
#footer_partners ul.partners span.catamaran:hover {
    background-position: 538px -291px;
}

#footer_partners ul.partners span.charterlink {
    background-position: 337px -245px;
    height: 49px;
    width: 190px;
}
#footer_partners ul.partners span.charterlink:hover {
    background-position: 337px -297px;
}

#footer_partners ul.partners span.australia {
    background-position: 156px -101px;
    height: 45px;
    width: 100px;
}
#footer_partners ul.partners span.australia:hover {
    background-position: 156px -145px;
}

#footer_partners ul.partners span.ccbvi {
    background-position: 762px -248px;
    height: 52px;
    width: 190px;
}
#footer_partners ul.partners span.ccbvi:hover {
    background-position: 762px -304px;
}

#footer_partners ul.partners span.queensland {
    background-position: 4px -241px;
    height: 50px;
    width: 203px;
}
#footer_partners ul.partners span.queensland:hover {
    background-position: 4px -283px;
}

#footer_partners ul.partners span.dreamyacht {
    background-position: 356px -116px;
    height: 59px;
    width: 178px;
}
#footer_partners ul.partners span.dreamyacht:hover {
    background-position: 356px -176px;
}

#footer_partners ul.partners span.bvi {
    background-position: 4px -336px;
    height: 48px;
    width: 140px;
}
#footer_partners ul.partners span.bvi:hover {
    background-position: 4px -392px;
}

#footer_partners div.manufacturers img {
    text-align: center;
    /*cursor: pointer;*/
}

.login-bottom-part {
	background-color: #f8f8f8;
	margin: 20px -20px -20px;
	padding: 20px;
}

.login-bottom-part .testimonials {
	margin-bottom: 25px;
}

.login-bottom-part .testimonials #seatalk_photo {
	text-align: center;
	margin-bottom: 15px;
}

.login-bottom-part .testimonials dd {
	font-size: 1.08em;
	line-height: 1.5;
}

.login-bottom-part .testimonials dt {
	font-style: italic;
	font-weight: 400;
	margin-top: 10px;
}

.trending-comments {
	margin: 20px 0;
}

.footer_seatalk {
	margin: 0 0 20px;
}

.for-full {
	list-style-position: inside;
	list-style-type: decimal;
    padding: 0;
}

.module-table-head.for-testout > div:first-child {
    padding-left: 39px;
}

#skipper-testout .panel-heading h4 a {
	padding: 10px 15px 10px 20px;
}

#module-content a[href],
.course-introduction a[href]{
	word-wrap: break-word;
}

#profile-progress-popup-content .form-group > div {
	overflow: hidden;
}

#profile-progress-popup-content .control-label {
	float: left;
	margin-right: 20px;
}

#profile-progress-popup-content .form-group,
#profile-progress-popup-content .form-group > div {
	border-color: #ddd;
}

#profile-progress-popup-content .form-group {
	padding: 10px 20px 0;
}

.profile-result-label {
	display: inline-block;
	margin-top: -1px;
}

#profile-progress-popup-content .form-group .form-control-static {
	padding-top: 7px;
}

.img-gives-way {
	text-align: center;
}
@media (max-width: 540px) {
    .img-gives-way iframe {
        display: none;
    }
}

.do-you-know {
	font-size: 25px;
	color: #3281b5;
	font-weight: 600;
}

.do-you-know p {
	margin-top: 20px;
}

.do-you-know p:first-child {
	margin-top: 30px;
}

.navrules-course-help {
	margin-left: 10px;
    position: relative;
    top: 2px;
    vertical-align: baseline;
}

.module-help {
	margin: 0 0 10px 40px !important;
        position: relative;
        top: 2px;
        vertical-align: baseline;
	float: none !important;
	width: 26px !important;
	min-width: 0 !important;
}

.module-help i {
	font-size: 18px !important;
}

#course-list-accordion .panel-heading h4 a.module-bookmark {
	margin: 0 0 0 5px;
        padding: 0;
        vertical-align: baseline;
}

#course-list-accordion .panel-heading h4 a.module-bookmark img {
	margin: 0;
        padding: 0;
	max-width: 17px;
}

.cart_content {
	padding: 0 20px;
}

.cart_content .row .cart_content_name,
.cart_content .row .cart_content_price,
.cart_content .row .count-cart,
.cart_content .row .cart_content_qty {
	padding-left: 0;
}

.cart_content .row .cart_content_name,
.cart_content .row .count-cart {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dashed #ccc;
}

.cart_content #process_error + .row .cart_content_name {
	margin-top: 0;
	padding-top: 0;
	border-top: 0 none;
}

.cart_content .cart_total_price.row .count-cart {
	border-top: 1px solid #ccc;
}

.inner-td {
	position: relative;
}

.instructor-public-info .instructor-photo {
    display: block;
    float: none;
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
}

.feedback-row .rating-row {
	margin-top: 5px;
        margin-left: 0!important;
        margin-right: 0!important;
}

.feedback-row .rating-row:first-child {
	margin-top: 0;
}

.feedback-row .rating-col {
	padding-left: 0;
	padding-right: 0;
}

.logbook-auto .btn-icon.btn-help {
    padding: 4px 0;
    top: 5px;
}

.instructor-profile-badge-item img {
    display: inline-block;
    max-width: 5rem;
    height: auto;
    margin-right: .5rem;
    margin-top: .5rem;
}

@media (min-width: 48em) {
    .logbook-auto .btn-icon.btn-help {
        top: 15px;
    }
}


/*  BYC inquiries */

.company-field {
    background-color: #FDE0D9;
}


@media (min-width: 35.5em) {
	.page-title {
		font-size: 28px;
	}

	.page-title i {
		font-size: 36px;
		margin: 3px 15px 0 0;
		float: left;
		display: inline-block;
		text-align: left;
	}

	.how-it-works .page-title i,
	.module .page-title i,
	.resume .page-title i,
	.badges .page-title i,
	.gifts .page-title i,
	.profile .page-title i,
	.login-page .page-title i,
	.competency .page-title i,
	.forgot .page-title i {
		margin-top: 0;
	}

	.logbook .page-title i {
		margin-top: 1px;
	}

	.course .page-title i,
	.forum .page-title i,
	.ryacourse_page.tests .page-title i,
	.qcalculator .page-title i,
	.not-found .page-title i,
	.payment-page .page-title i  {
		margin-top: -1px;
	}

	.course-progress .page-title i,
	.event-page .page-title i	{
		margin-top: -2px;
	}

	.page-title {
		text-align: left;
	}

	/*Curriculum*/

	#courses-list-tabs + .tab-content {
		padding-top: 18px;
	}

	#badges-tabs + .tab-content,
	#gifts-tabs + .tab-content,
	.tab-content.under-tabs{
		padding-top: 30px;
	}

	#courses-list-tabs + .tab-content .tab-pane h4 {
		margin: 12px 0 10px;
	}

	.curriculum .tab-content ul li {
		padding-left: 5px;
		padding-right: 5px;
	}

	.curriculum .course-name {
		width: 60%;
	}

	.curriculum #incomplete .course-name,
        .curriculum #assessments .course-name,
	.curriculum #passed .course-name,
	.curriculum #recommended .course-name {
		width: 100%;
		width: calc(100% - 170px);
	}

	.curriculum .course-progress,
	.curriculum .register-now.course-progress {
		width: 170px;
	}

	.curriculum .register-now.course-progress {
		padding-left: 20px;
	}

	.curriculum .course-rating {
		width: 40%;
		text-align: right;
	}

	.curriculum .course-progress .progress,
	.curriculum .course-progress .pc-title {
		margin-left: 20px;
		text-align: left;
	}

	.curriculum .course-rating .star-rating	{
		margin-left: 20px;
	}

	.curriculum .recommend-icon {
		display: block;
	}

	.curriculum .register-now {
		text-align: right;
	}

	.basic-course-help {
		float: right;
	}

	/*Vessels*/

	.current-vessel-img {
		margin: 0 20px 0 0;
		float: left;
		width: 100px;
	}

	.current-vessel-img img {
		max-width: 100px;
		height: auto;
	}

	.add-vessel-img,
	.vessel-info-div {
		margin-left: 120px;
	}

	#vessel-list-accordion .current-vessel-img {
		text-align: left;
	}

	/*Top info panel*/

	.info-panel {
		padding-top: 7px;
	}

	.icon-btn {
		margin: 8px 0 0 5px;
		display: inline-block;
	}

	.icon-btn:first-child {
		margin-left: 0;
		margin-top: 8px;
	}

	.module .help-icons .btn-group {
		margin: 33px 0 0 15px;
		vertical-align: top;
	}

	/*Resume*/

	.badge_item img {
		margin: 0 10px 6px 0;
		display: inline-block;
		vertical-align: middle;
	}

	.badge_item .description {
		display: inline-block;
		vertical-align: middle;
	}

	/*Courses*/

	#course-list-accordion .panel-heading h4 a + a {
		padding: 14px 0 14px 5px;
	}

	#course-list-accordion .scores:before,
	#skipper-testout .scores:before 	{
		width: auto !important;
	}

	.promo-discount {
		display: block;
		width: auto;
		text-align: left;
		float: left;
		margin-right: 25px;
	}

	.forum-sub-title {
		display: block;
	}

	.forum-info {
		margin-top: 25px;
	}

	.add-question h4 {
		font-size: 17px;
		line-height: 1.2;
	}

	/*Badges*/

	.status_graphic {
		float: left;
		margin: 0 20px 0 0;
		display: inline-block;
	}

	#badges_list .panel-heading h4 a {
		display: block;
		width: 100%;
	}

	#badges_list .badge-info {
		font-size: 15px;
		display: block;
		overflow: hidden;
		padding-top: 8px;
	}

	#badges_list .badge-image {
		float: left;
		margin: 0 12px 10px 0;
	}

	#badges_list .help-block {
		margin-top: 0;
	}

	#badges_list .badge-name {
		font-weight: 700;
	}

	#badges_list .progress-block .percent {
		display: inline-block;
	}

	#skipper-testout .panel-heading h4 a {
		padding: 14px 15px 14px 20px;
		width: 100%;
	}

	.crewmates-details-popup .popover {
		max-width: none;
		width: 95%;
	}

	.instructor-public-info .instructor-photo {
		display: block;
		float: left;
		margin: 0 20px 10px 0;
		text-align: left;
		width: auto;
	}

	.feedback-row .rating-col {
		padding-left: 10px;
		float: left;
	}

	.feedback-row .rating-col:first-child {
		padding-left: 0;
		width: 170px;
	}
}

@media (min-width: 48em) {
	.inner-item .inner {
		min-height: 600px;
	}

	.page-title {
		font-size: 30px;
	}

	/*Curriculum*/

	.curriculum .tab-content ul a,
	#recommended a {
		font-size: 16px;
	}

	/*How it works*/

	.welcome-section h2 {
		text-align: center;
	}

	.video-list a {
		font-size: 16px;
	}

	/*Logbook*/

	.activate-cm .btn-help {
		margin-bottom: 0;
		margin-top: 6px;
	}

	.crew-line-wrapper {
		margin: 0;
	}

	/*Vessels*/

	.vessel-hull > div label,
	.vessel-propulsion > div label,
	#interesting-charter > div label,
	.with-horizontal-radio > div label {
		margin-top: 6px;
	}

	/*Crew Mate*/

	#crewmate_step_1 {
		margin: 20px 0 0;
		padding: 15px;
	}

	#resume_cert_add_box,
	.grey-field	{
		margin: 25px 0 0;
		padding: 15px;
	}

	.grey-field:first-child {
		margin-top: 0;
	}

	.crewmate_avatar,
	.crewmate_icon,
	.rank_avatar,
        .rank_icon {
		display: inline-block;
	}

        .rank_avatar_edit {
                display: block;
        }


	#crewmate_save {
		float: right;
		margin-left: 20px;
	}

	.crewmate_info_name	{
		padding: 5px 0 15px;
	}

	.rank_info_name,
	.status_info_name	{
		padding: 5px 0 0;
	}

	/*Top info panel*/

	.info-panel {
		padding: 7px 15px 15px;
		margin: 0 0 20px;
		border: 0 none;
	}

	.info-panel .help-icons {
		text-align: left;
	}

	.icon-btn {
		float: left;
	}

	.icons-pull-right {
		float: right;
	}

	.info-panel.fixed {
		-webkit-box-shadow: 0 1px 10px 0 rgba(50, 50, 50, 0.3);
		box-shadow: 0 1px 10px 0 rgba(50, 50, 50, 0.3);
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1020;
		padding: 3px 20px 10px;
		margin: 0;
		display: block;
	}

	.info-panel.fixed .help-icons {
		max-width: 1000px;
		margin: 0 auto;
	}

	/*Resume*/

	.badges-item {
		margin-bottom: 10px;
	}

	.badge_item {
		margin-bottom: 15px;
	}

	.badge_item .inner-box {
		margin-top: 0;
		padding-top: 0;
		border-top: 0 none;
	}

	.badge_item img {
		margin: 0 12px 0 0;
		float: left;
	}

	.badge_item .description {
		display: block;
		overflow: hidden;
		height: 72px;
	}

	.badge_item .description:after {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		width: 0;
	}

	.badge_item .description > span {
		display: inline-block;
		vertical-align: middle;
	}

	/*Courses*/

	#course-list-accordion .scores,
	#skipper-testout .scores	{
		padding: 14px 0;
	}

	/*#course-list-accordion .panel-title .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}*/

	#course-list-accordion .panel-body ul {
		margin: 0 -15px;
	}

	#course-list-accordion .panel-body ul li a {
		padding: 6px 15px 6px 40px;
	}

	.module .help-icons .btn-group {
		float: left;
		margin: 30px 15px 0 0;
	}

	.module .help-icons .dropdown-menu {
		right: 9px;
	}

	.module-bottom-nav a {
		display: block;
		float: right;
		text-align: right;
		margin-top: 0;
		width: 45%;
		position: relative;
		padding-right: 20px;
		margin-left: 5%;
	}

	.module-bottom-nav a:first-child {
		float: left;
		text-align: left;
		padding-left: 20px;
		padding-right: 0;
		margin-left: 0;
		margin-right: 5%;
	}

	.module-bottom-nav a i {
		position: absolute;
		right: 0;
		top: 4px;

	}

	.module-bottom-nav a:first-child i {
		right: auto;
		left: 0;
	}

	/*Forum*/
	.forum-info {
		margin-top: 0;
	}

	.forum-info.first {
		margin-left: 0;
	}

	#new_post_submit_to_admin {
		margin-top: 0;
		margin-left: 10px;
	}

	#seatalks_post_form .form-actions.with-help > div {
		padding-right: 50px;
	}

	.replies .voting {
		margin-top: 9px;
	}

	.forum-row {
		overflow: hidden;
	}

	.post-info {
		padding: 15px 15px 32000px;
		text-align: right;
		margin-bottom: -31985px;
	}

	#forum-detail .post-info {
		padding: 0 15px 32000px;
		margin-bottom: -32000px;
	}

	.post-body {
		border-left: 1px solid #e2e2e2;
		min-height: 60px;
		padding: 15px 15px 32000px;
		margin-bottom: -31985px;
	}

	#forum-detail .post-body {
		padding: 0 15px 32000px;
		margin-bottom: -32000px;
	}

	.forum-avatar {
		float: right;
		margin: 0 0 5px 0;
	}

	.post-author-info {
		clear: both;
	}

	.nautic-info {
		display: block !important;
		visibility: visible !important;
	}

	.replies {
		border-top: 1px solid #eee;
		padding-top: 15px;
		margin-top: 15px;
	}

	.forum-row .controls {
		float: none;
	}

	#replies-list .forum-row .controls 	{
		float: left;
		margin-top: 0;
	}

	#replies-list .forum-row	{
		border-bottom: 1px solid #e2e2e2;
	}

	#replies-list > h4 + .forum-row	{
		border-top: 1px solid #e2e2e2;
	}

	#forum-detail .post-body	{
		padding-bottom: 32000px;
	}

	.post-filter {
		float: right;
	}

	.post_reply_link {
		float: left;
	}

	.post_reply_link.view_reply {
		margin: 0 15px;
		padding: 7px 0 2px;
	}

	/*Badges*/

	#badges_list .panel-title {
		float: left;
		margin: 0;
		width: 60%;
	}

	#badges_list .progress-block {
		float: right;
		padding: 33px 20px 0 15px;
		width: 40%;
	}

	#badges_list .badge-image {
		margin: 0 12px 0 0;
	}

	.activity_buttons input + input{
		margin: 0 0 0 5px;;
	}

	.activity_title {
		padding-right: 0;
	}

	.activity_block {
		padding-right: 35px;
	}

	.activity_buttons {
		margin-top: 0;
	}

	.promo-edit-link {
		margin: 0 0 0 8px;
	}

	.current-promo-title {
		margin-bottom: 20px !important;
	}

	/*Profile*/

	#interesting-charter > div,
	.label-two-lines > div	{
		min-height: 81px;
	}

        .label-four-three-lines > div {
		min-height: 122px;
	}

	#interesting-charter > div label {
		display: block;
	}

	.current-avatar-img {
		margin: 0 20px 0 0;
		float: left;
		width: 100px;
	}

	.current-avatar-img img {
		max-width: 100px;
		height: auto;
	}

	.add-avatar-img,
	.avatar-info-div {
		overflow: hidden;
                padding-left: 1px;
        }

	.rya-upgrade-btn {
		min-width: 40%;
	}

	#rya_code_value {
		display: inline-block;
		margin-right: 8px;
		vertical-align: middle;
		width: auto;
	}

	.select-state select {
		display: inline-block;
		width: auto;
	}

	.select-state span + span {
		margin-left: 10px;
		display: inline;
	}

	.forgot-pass {
		margin-top: 7px;
		float: right;
	}

	.login-boxes .with-line {
		border-left: 1px solid #eee;
		margin-top: 0;
	}

	.or-social-login {
		margin-top: 30px;
	}

	.login-bottom-part .testimonials {
		margin-bottom: 30px;
	}

	.login-bottom-part .testimonials #seatalk_photo {
		text-align: left;
		margin: 0 20px 0 0;
		float: left;
	}

	.login-bottom-part .testimonials #seatalk_photo + dl{
		overflow: hidden;
	}

	.trending-comments {
		margin: 30px 0 20px;
	}

	.footer_seatalk {
		margin: 0 0 30px;
	}

	#skipper-testout .attempts {
		text-align: center;
		padding-right: 20px;
	}

	.page-title.without-space {
		margin-bottom: 0;
	}

	#interesting-charter label.with-element-inside {
		margin-top: 5px;
	}

	#interesting-charter label.with-element-inside:first-child {
		margin-top: 0;
	}

	#profile-progress-popup-content .form-group > div {
		min-height: 67px;
	}

	#profile-progress-popup-content .form-group > div {
		overflow: visible;
	}

	#profile-progress-popup-content .control-label {
		margin-right: 0;
	}

	#profile-progress-popup-content .form-group {
		padding: 0;
	}

	.profile-result-label {
		display: inline;
		margin-top: 0;
	}

	.do-you-know {
		font-size: 30px;
	}

	.do-you-know p {
		margin-bottom: 70px;
	}

	.do-you-know p:first-child {
		margin-top: 15px;
	}

	.signup-promo-fields,
	.signup-promo-social {
		display: inline-block;
	}

	.cart_content .row .cart_content_name,
	.cart_content .row .cart_content_price,
	.cart_content .row .count-cart,
	.cart_content .row .cart_content_qty {
		margin-top: 5px;
		padding-top: 5px;
		border-top: 1px dashed #ccc;
	}

	.cart_content #process_error + .row .cart_content_name,
	.cart_content #process_error + .row .cart_content_price,
	.cart_content #process_error + .row .cart_content_qty	{
		margin-top: 0;
		padding-top: 0;
		border-top: 0 none;
	}

	.cart_content .cart_total_price.row .count-cart,
	.cart_content .cart_total_price.row .cart_content_price {
		border-top: 1px solid #ccc;
	}

	#form_process_courses .cart-number > div,
	#billing_form .cart-number > div {
		min-height: 85px;
	}

        #billing_form .form-control[disabled], #billing_form .form-control[readonly] {
            cursor: default;
        }

	.cart_content .row .cart_content_price,
	.cart_content .row .cart_content_qty	{
		text-align: right;
	}

	#share-promo-email .scrollable.has-scroll::after,
	#BalanceOpListDIV .scrollable.has-scroll::after,
	.profile #social .scrollable.has-scroll::after {
		display: none;
	}

	#share-promo-email .scrollable.has-scroll,
	#BalanceOpListDIV .scrollable.has-scroll,
	.profile #social .scrollable.has-scroll {
		margin: 0;
		padding: 0;
	}

	.payment-page .fb_dialog.fb_dialog_advanced .fb_dialog_content > iframe {
		width: 576px !important;
	}

	#rating-form .control-label.for-star {
		margin-top: 12px;
	}
}

@media (max-width: 47.938em) {

	#logbook-tabs {
		display: block;
	}

	#logbook-tabs:before {
		content: "Logbook menu";
		font-weight: 600;
		line-height: 1.1;
		font-size: 18px;
		padding: 15px 20px;
		display: block;
	}

	.nav.nav-tabs {
		margin: 0 -20px;
		background-color: #f6f6f6;
		padding: 0;
	}

	.nav-tabs > li {
		border: solid #e2e2e2 !important;
		border-width: 1px 0 0 !important;
		float: none;
		margin: 0 !important;
		width: auto;
	}

	.nav > li > a {
		padding: 10px 20px;
	}

	.nav.nav-tabs > li.active > a,
	.nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus, .nav.nav-tabs > li > a:active {
		background-color: #59a5d9 !important;
		color: #fff;
	}

	#course-list-accordion .scores {
		padding-left: 60px;
		padding-bottom: 5px;
		height: 35px;
		float: left;
	}

	#skipper-testout .scores	{
		padding-left: 40px;
		padding-bottom: 5px;
		height: 35px;
		float: left;
		width: auto;
	}

	#course-list-accordion .scores:before,
	#skipper-testout .scores:before	{
		content: "Recent Score:";
		display: inline-block;
		margin-right: 5px;
		font-weight: 600;
		vertical-align: -1px;
		width: 90px;
	}

	#course-list-accordion .scores + .scores:before,
	#skipper-testout .scores + .scores:before	{
		content: "Best Score:";
	}

	#skipper-testout .scores + .scores + .scores:before	{
		content: "Attempts left:";
	}

	#course-list-accordion .panel-heading h4 a + a {
		padding-right: 20px;
	}

	.ryacourse_page #course-list-accordion .scores:before {
		content: "Review Questions:";
		width: auto;
	}

	.ryacourse_page #course-list-accordion .scores + .scores:before {
		content: "Final Exam:";
	}

	.rya-name:before {
		content: "Test:";
		display: inline-block;
		margin-right: 5px;
		font-weight: 600;
	}

	.rya-name {
		margin-bottom: 3px;
	}

	.rya-type:before {
		content: "Type:";
		display: inline-block;
		margin-right: 5px;
		font-weight: 600;
	}

	.rya-status:before {
		content: "Status:";
		display: inline-block;
		margin-right: 5px;
		font-weight: 600;
		vertical-align: -1px;
	}

	.rya-type, .rya-status {
		float: left;
		margin-right: 80px;
		margin-top: 3px;
	}

	.rya-review {
		clear: both;
		padding-top: 6px;
	}

	/*Forum*/

	.with-right-links {
		width: 100%;
	}

	.related-module-links {
		clear: left;
		float: left;
		margin-left: 33px;
		margin-top: 10px;
		text-align: left;
		width: auto;
	}

	/*Space for related module links - breadcrumb*/

	#topic-9 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-11 .breadcrumb .related-module-links {
		margin-left: 33px;
	}

	#topic-2 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-3 .breadcrumb .related-module-links {
		margin-left: 31px;
	}

	#topic-12 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-6 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-8 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-10 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-14 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-5 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-7 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-4 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-13 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	#topic-1 .breadcrumb .related-module-links {
		margin-left: 30px;
	}

	.rya-form-input {
		width: 100%;
		width: calc(100% - 80px);
		margin-top: 10px;
	}

	.rya-form-question {
		float: right;
		margin-top: 14px !important;
	}

	.cart_content.cc-course .row .cart_content_price,
	.cart_content.cc-course .row .cart_content_qty {
		width: auto;
		float: left;
	}
}

@media (min-width: 60em) {
	.info-panel > h5 {
		max-width: 55%;
	}

	.module-help {
		margin: 0 0 0 10px !important;
	}
}

@media (min-width: 62em) {
	.second-column {
		float: right;
	}

	.current-rank a {
		min-height: 91px;
	}

	.current-rank p {
		height: 42px;
	}

	.current-rank p:after {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		width: 0;
	}

	.current-rank p span {
		vertical-align: middle;
		display: inline-block;
	}

	.current-rank h4 {
		margin-bottom: 6px;
	}

	.rank-progress h4,
	.profile-progress h4,
	.rank-progress .view-table {
		text-align: left;
	}

	/*Courses*/
	#course-list-accordion,
	#vessel-list-accordion,
	#skipper-testout{
		margin-bottom: 20px;
	}

	.module .mode-switcher {
		margin-bottom: 0;
	}

	/*Module testing*/

	.submit-test {
		text-align: center;
	}

	.module-test-section #question-number {
		text-align: left;
	}

	.testing .sidebar-item {
		border: 0 none;
		padding-top: 0;
	}

	.add-question a {
		padding: 20px 60px 20px 15px;
	}

	.add-question {
		float: left;
	}

	.post-filter {
		margin: 15px 15px 0 15px;
	}

	.rya-upgrade-btn {
		min-width: 30%;
	}

	.sidebar-item.qualification h4 {
		position: relative;

	}

	.sidebar-item.qualification h4 span {
		margin: 0 30px 0 0;
		display: inline-block;
	}

	.sidebar-item.qualification h4 .btn-help {
		position: absolute;
		top: 9px;
		right: 0;
	}

	.do-you-know p,
	.do-you-know p:first-child {
		font-size: 36px;
		line-height: 1.5;
		margin-bottom: 80px;
		margin-top: 30px;
	}

	.padding-l {
		padding-right: 40px;
	}
}

/*Title and Icon Colors*/

.red .page-title,
.red .page-title i,
i.red {
	color: #f3565d;
}

.orange .page-title,
.orange .page-title i,
i.orange {
	color: #ff5200;
}

.blue .page-title,
.blue .page-title i,
i.blue {
	color: #3281b5;
}

.light-blue .page-title,
.light-blue .page-title i,
i.light-blue {
	color: #2386ca;
}

.green .page-title,
.green .page-title i,
i.green {
	color: #45b6af;
}

.green2 .page-title,
.green2 .page-title i,
i.green2 {
	color: #45b563;
}

.black .page-title,
.black .page-title i,
i.black {
	color: #000;
}

.yellow .page-title,
.yellow .page-title i,
i.yellow {
	color: #dfba49;
}

.purple .page-title,
.purple .page-title i,
i.purple {
	color: #8e44ad;
}

/* Signup promo thanks page */

.thanks {
	color: #333;
	font-size: 1rem;
	line-height: 1.5625;
}

@media (min-width: 768px) {
	.thanks {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}

.thanks-head {
	font-size: 28px;
	line-height: 1.25;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 8px;
	text-transform: uppercase;
	color: #ff5200;
	font-weight: bold;
}

@media (min-width: 768px) {
	.thanks-head {
		margin-top: 60px;
		font-size: 33px;
	}
}

.thanks-head br {
	display: none;
}

@media (min-width: 768px) {
	.thanks-head br {
		display: inline;
	}
}

.thanks-under-title {
	text-align: center;
	margin-bottom: 40px;
}

@media (min-width: 960px) {
	.thanks-under-title {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 1040px) {
	.thanks-under-title {
		width: 72%;
	}
}

.thanks-under-title_reduce-margin {
	margin-bottom: 24px;
}

@media (min-width: 1040px) {
	.thanks-under-title_extend-width {
		width: 79%;
	}
}

.thanks-sub-title {
	font-size: 21px;
	line-height: 1.25;
	text-align: center;
	margin-bottom: 24px;
	text-transform: uppercase;
	font-weight: bold;
}

@media (min-width: 768px) {
	.thanks-sub-title {
		font-size: 26px;
	}
}

.thanks-info-blocks + .thanks-sub-title {
	margin-bottom: 4px;
}

.thanks-info-blocks {
	margin-bottom: 16px;
}

.thanks-info-blocks .thanks-info-block {
	margin-bottom: 24px;
}

.thanks-info-blocks .thanks-info-block span {
	color: #ff5200;

}

.thanks-finish-button {
	margin: 40px 0 30px;
	text-align: center;
}

@media (min-width: 768px) {
	.thanks-finish-button {
		margin-bottom: 60px;
	}
}

.thanks-finish-button a {
	margin-bottom: 0;
	white-space: normal;
}

/* Accounts elements*/

.uploaded-image {
	display: inline-block;
	position: relative;
	max-width: 100px;
	margin: 10px 20px 10px 0;
}

.delete-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	font-size: 0;
	line-height: 0;
	color: #fff;
	background-color: #ab1b20;
	opacity: .7;
	border: 1px solid #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin: -10px -10px 0 0;
	transition: opacity .15s ease-in-out;
}

.delete-image:hover, .delete-image:focus, .delete-image:active {
	color: #fff;
	opacity: 1;
}

.delete-image::after {
	content: "\f00d";
	font: normal normal normal 16px/1 FontAwesome;
	vertical-align: top;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.school-image-preview {
	max-height: 100px;
	max-width: 100px;
	width: auto;
	height: auto;
}

.curriculum .course-rate {
    text-align: center;
}

/* .curriculum .course-rate.unrated {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0 0;
    background-image: radial-gradient(circle closest-side, #E6646370, transparent);
    animation: pulse 5s infinite;
}

@keyframes pulse {
    0% {
        background-size: 0 0;
    }

    70% {
        background-size: 100% 100%;
    }

    100% {
        background-size: 0 0;
    }
} */

.rate-button {
	height: 36px;
    width: 120px;
	border: 1px solid #fcaf17;
	color: #e79a03;
	z-index: 1;
    vertical-align: middle;
    display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 42px;
    padding: 0 10px 0 0;
	text-decoration: none !important;
	overflow: visible;
	position: relative;
	transition: all .2s ease-in-out;
}

.rate-button:hover, .rate-button:focus, .rate-button:active {
	color: #e79a03;
	border-color: #e79a03;
	background-color: #fff8ea;
}

.rate-button img {
	width: 36px;
	height: auto;
}

/* Student coupon opportunity */

.student-opportunity-block {
	background-color: #ff5200;
	padding: 20px;
	border-radius: 6px;
}

.student-opportunity-block.student-opportunity-coupon-used-message {
	background-color: #45b563;
}

.student-opportunity-block + .student-opportunity-block {
	margin-top: 25px;
}

.student-opportunity-block h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 12px;
}

.student-opportunity-block h3 + div {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin: 0 0 20px;
}

.student-opportunity-block h3 + div span {
	font-weight: 500;
}

.student-opportunity-block-inner {
	background-color: #fff;
	padding: 16px;
	border-radius: 6px;
}

@media (min-width: 768px) {
	.student-opportunity-block-inner {
		padding-left: 26px;
		padding-right: 26px;
	}
}

.student-opportunity-block-inner p {
	font-size: 15px;
	font-weight: 500;
	margin: 10px 0 12px;
}

.student-opportunity-block-inner p:first-child {
	margin: 12px 0 10px;
}

@media (min-width: 768px) {
	.student-opportunity-block-inner p {
		display: flex;
		align-items: center;
		font-size: 17px;
		column-gap: 20px;
	}
}

.student-opportunity-block-inner p span,
.student-opportunity-block-inner p small {
	display: block;
}

.student-opportunity-block-inner p a {
    font-size: 1rem;
    background-color: transparent;
    color: #338ecd;
    border: 0 transparent;
    padding: 0 1.625rem 0 0;
    position: relative;
	width: auto;
    display: inline-block;
    font-weight: 700;
    line-height: 1.46;
    border-radius: .625rem;
	text-transform: uppercase;
	touch-action: manipulation;
    cursor: pointer;
	user-select: none;
	flex: 0 0 auto;
	margin: 12px 0 0;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
}

@media (min-width: 768px) {
	.student-opportunity-block-inner p a {
		margin-top: 0;
	}
}

.student-opportunity-block-inner p a:hover,
.student-opportunity-block-inner p a:focus {
	color: #2d80b9;
}

.student-opportunity-block-inner p a:focus {
	outline: none;
}

.student-opportunity-block-inner p a:active {
	color: #2872a5;
}

.student-opportunity-block-inner p a::before {
	content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0.65rem;
    height: 0.65rem;
    border-width: 0 0.125rem 0.125rem 0;
    border-style: solid;
    border-color: #338ecd;
    transform: translateY(-50%) rotate(-45deg);
    right: 0.25rem;
    top: 50%;
    transition: border-color .2s ease-in-out;
}

.student-opportunity-block-inner p a:hover::before,
.student-opportunity-block-inner p a:focus::before,
.student-opportunity-block-inner p a:active::before {
	border-color: #2d80b9;
}

.student-opportunity-block-inner p a:active::before {
	border-color: #2872a5;
}

.student-opportunity-block-divider {
	position: relative;
	text-align: center;
}

.student-opportunity-block-divider strong {
	font-size: 14px;
	font-weight: 400;
	color: rgba(66, 113, 156, 0.20);
	display: inline-block;
	vertical-align: top;
	padding: 2px 25px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.student-opportunity-block-divider::before {
	content: "";
    display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
    height: 1px;
    background-color: rgba(66, 113, 156, 0.20);
	z-index: 1;
	transform: translateY(-50%);
}

#coupon-timer {
	display: inline-block;
}