/* LearnMax css */

/* Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }*/

/*used in modern business template*/
.portfolio-item {
  margin-bottom: 30px;
}

body {
  padding-top: 54px;
  color: #404040;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.learnmax-content {
  min-height: 750px;
}

.learnmax-navbar-container {
	justify-content: flex-start;
}

.learnmax-navbar {
	margin-left: 0rem;
}

.learnmax-navbar-print {
	display: flex;
}

@media print {
	.navbar {
	display: flex !important;
	}
}
	
@media (min-width: 992px) {
	.learnmax-navbar {
		margin-left: 3rem;
	}
}

table.learnmax-table {
	font-size: .85em;
	border-top: 2px solid #d0d0d0;
}
table.learnmax-table tr:nth-child(odd){
	background-color: #eeeeee;
	border-left: 1px solid #d0d0d0;
}
table.learnmax-table tr:nth-child(even){
	background-color: #ffffff;
	border-left: 1px solid #d0d0d0;
}
table.learnmax-table tr:first-child {
	background-color: #e7f1f8;
	font-weight: 700;
	text-align: center;
}
table.learnmax-table td {
	border-right: 1px solid #d0d0d0;
}
table.learnmax-table tr:last-child {
	border-bottom: 1px solid #d0d0d0;
}

table.learnmax-table-rowspan {
	font-size: .85em;
	border-top: 2px solid #d0d0d0;
}
table.learnmax-table-rowspan tr:nth-child(odd){
	background-color: #ffffff;
	border-left: 1px solid #d0d0d0;
}
table.learnmax-table-rowspan tr:nth-child(even){
	background-color: #ffffff;
	border-left: 1px solid #d0d0d0;
}
table.learnmax-table-rowspan tr:first-child {
	background-color: #e7f1f8;
	font-weight: 700;
	text-align: center;
}
table.learnmax-table-rowspan td {
	border-top: 0px;
	border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

table.learnmax-table-double {
	font-size: .85em;
	border-top: 2px solid #d0d0d0;
}

table.learnmax-table-double tr:nth-child(even){
	background-color: #eeeeee;
	border-left: 1px solid #d0d0d0;
}
table.learnmax-table-double tr:nth-child(odd){
	background-color: #ffffff;
	border-left: 1px solid #d0d0d0;
}
table.learnmax-table-double tr:first-child {
	background-color: #e7f1f8;
	font-weight: 700;
	text-align: center;
}
table.learnmax-table-double tr:nth-child(2) {
	background-color: #e7f1f8;
	font-weight: 700;
	text-align: center;
	border-top: 2px solid #d0d0d0;
}
table.learnmax-table-double td {
	border-right: 1px solid #d0d0d0;
}
table.learnmax-table-double tr:last-child {
	border-bottom: 1px solid #d0d0d0;
}

/*table.learnmax-table-double tr:first-child td  {
	border-right: 1px solid #C0C0C0;
}
table.learnmax-table-double tr:nth-child(2) td{
	border-right: 1px solid #C0C0C0;
}*/

.learnmax-70percent {
	margin: 0 auto;
	max-width: 70%;
}

.learnmax-logo {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  color: white;
}

.learnmax-logo:hover {
  text-decoration: none;
  color: white;
}

@media (max-width: 991px) {
  .learnmax-logo {
    text-align: center;
    margin: 0px;
  }
}

.learnmax-logo-image {
	height: 1.6rem;
	margin-bottom: .4em;
}

.teknimedia-logo-navbar {
	height: 2rem;
}

@media (max-width: 420px) {
	.teknimedia-logo-navbar {
		height: 1.6rem;
	}
}
 
.ed2go-logo-navbar {
	width: 220px;
}

@media (max-width: 420px) {
	.ed2go-logo-navbar {
		width: 180px;
	}
}

.labyrinth-logo-navbar {
	width: 300px;
}

@media (max-width: 768px) {
	.labyrinth-logo-navbar {
		width: 240px;
	}
}

.teknimedia-records-body {
	padding-top: 10px;
}

.teknimedia-records-header {
	padding: 15px 20px 5px 20px;
	background-color: #e7f1f8;
}

.teknimedia-records-header-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.teknimedia-records-header-label {
	display: inline-block;
	width: 130px;
	font-weight: bold;
}

.teknimedia-records-button-inactive {
	color: white !important;
	background-color: #54778e;
	padding: .2rem .6rem;
	min-width: 5rem;
	margin-right: 1px;
	border: 1px solid transparent;
	cursor: default;
}

.teknimedia-records-button-active {
	color: #2980b9 !important;
	font-weight: 600 !important;
	background-color: transparent;
	padding: .2rem .6rem;
	min-width: 5rem;
	cursor: pointer;
	margin-right: 1px;
	border: 1px solid transparent;
}

.teknimedia-records-button-active:hover {
	border: 1px solid #2980b9;
}

.teknimedia-image-row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.image-button-courses {
	margin: auto;
	width: 120px;
	height: 150px;
	background: url("../images/courses-n.png") no-repeat;
	background-size: auto;
	background-position: center; 
	cursor: pointer;
}

.image-button-courses:hover {
	background: url("../images/courses-r.png") no-repeat;
	background-size: auto;
	background-position: center; 
}

.image-button-records {
	margin: auto;
	width: 120px;
	height: 150px;
	background: url("../images/records-n.png") no-repeat;
	background-size: auto;
	background-position: center;
	cursor: pointer;
}

.image-button-records:hover {
  background: url("../images/records-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-title-admin {
	margin: auto;
	width: 120px;
	height: 150px;
	background: url("../images/title-admin-n.png") no-repeat;
	background-size: auto;
	background-position: center;
	cursor: pointer;
}

.image-button-title-admin:hover {
  background: url("../images/title-admin-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-user-admin {
	margin: auto;
	width: 120px;
	height: 150px;
	background: url("../images/user-admin-n.png") no-repeat;
	background-size: auto;
	background-position: center;
	cursor: pointer;
}

.image-button-user-admin:hover {
  background: url("../images/user-admin-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-account-admin {
	margin: auto;
	width: 120px;
	height: 150px;
	background: url("../images/account-admin-n.png") no-repeat;
	background-size: auto;
	background-position: center;
	cursor: pointer;
}

.image-button-account-admin:hover {
  background: url("../images/account-admin-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

.image-button-attendance-report {
	margin: auto;
	width: 120px;
	height: 150px;
	background: url("../images/attendance-report-n.png") no-repeat;
	background-size: auto;
	background-position: center;
	cursor: pointer;
}

.image-button-attendance-report:hover {
  background: url("../images/attendance-report-r.png") no-repeat;
  background-size: auto;
  background-position: center; 
}

@media (max-width: 992px) {
	.image-button-courses, .image-button-courses:hover,
	.image-button-records, .image-button-records:hover,
	.image-button-title-admin, .image-button-title-admin:hover,
	.image-button-user-admin, .image-button-user-admin:hover,
	.image-button-account-admin, .image-button-account-admin:hover,
	.image-button-attendance-report, .image-button-attendance-report:hover {
		width: 108px;
		height: 135px;
		background-size: contain;
	}
}

@media (max-width: 768px) {
	.image-button-courses, .image-button-courses:hover,
	.image-button-records, .image-button-records:hover,
	.image-button-title-admin, .image-button-title-admin:hover,
	.image-button-user-admin, .image-button-user-admin:hover,
	.image-button-account-admin, .image-button-account-admin:hover,
	.image-button-attendance-report, .image-button-attendance-report:hover {
		width: 96px;
		height: 120px;
		background-size: contain;
	}
}
  
@media (max-width: 576px) {
	.image-button-courses, .image-button-courses:hover,
	.image-button-records, .image-button-records:hover,
	.image-button-title-admin, .image-button-title-admin:hover,
	.image-button-user-admin, .image-button-user-admin:hover,
	.image-button-account-admin, .image-button-account-admin:hover,
	.image-button-attendance-report, .image-button-attendance-report:hover {
		width: 84px;
		height: 105px;
		background-size: contain;
	}
}
  
@media (max-width: 420px) {
	.image-button-courses, .image-button-courses:hover,
	.image-button-records, .image-button-records:hover,
	.image-button-title-admin, .image-button-title-admin:hover,
	.image-button-user-admin, .image-button-user-admin:hover,
	.image-button-account-admin, .image-button-account-admin:hover,
	.image-button-attendance-report, .image-button-attendance-report:hover {
		width: 72px;
		height: 90px;
		background-size: contain;
	}
}


.learnmax-login {
  display: inline-block;
  margin-right: 0px;
  font-size: 1rem;  line-height: inherit;
  color: white;
}

.learnmax-login:hover {
  text-decoration: none;
}

.learnmax-login:active {
  text-decoration: none;
}

.learnmax-page-title {
  justify-content: center;
}

@media (max-width: 420px) {
  .learnmax-page-title {
    font-size: 1.5rem;
  }
}

.learnmax-page-heading {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

.learnmax-small-font {
	font-size: .8em;
	font-weight: 600;
}

.learnmax-link {
	color: #2980b9;
	font-weight: 600;
	cursor: pointer;
}

.learnmax-link:hover {
	text-decoration: underline;
}

.learnmax-link-bold {
	color: #2980b9;
	font-weight: bold;
	cursor: pointer;
}

.learnmax-link-bold:hover {
	text-decoration: underline;
}

.learnmax-link-small-font {
	color: #2980b9;
	font-weight: 600;
	font-size: .8em;
}

.learnmax-link-bullet {
	color: #2980b9;
	font-size: .7em;
	font-weight: 600;
	margin-right: .3em;
}

.learnmax-change-setting-link {
	color: ForestGreen; 
}

.learnmax-change-setting-link:hover {
	color: ForestGreen; 
}

.learnmax-message {
	color: DarkOrchid;
	font-weight: 600;
}

.learnmax-button {
	color: white !important;
	background-color: #2980b9;
	border-color: #2980b9;
	padding: .2rem .6rem;
	margin: 0px .5rem .5rem 0px;
	min-width: 5rem;
	cursor: pointer !important;
}

.learnmax-button:hover {
	background-color: #206694;
	border-color: #206694;
}

.learnmax-button:focus {
	background-color: #206694 !important;
	border-color: #206694 !important;
}

.learnmax-button-inactive {
	color: white !important;
	background-color: gray;
	border-color: gray;
	padding: .2rem .6rem;
	margin: 0px .5rem .5rem 0px;
	min-width: 5rem;
}

.learnmax-button-navigation {
	background-color: #66ab17;
	border-color: #66ab17;
}

.learnmax-button-navigation:hover {
	background-color: #599514;
	border-color: #599514;
}

.learnmax-button-navigation:focus {
	background-color: #599514 !important;
	border-color: #599514 !important;
	box-shadow: 0 0 0 0.2rem #a3cc73 !important;
}

.learnmax-button-basic {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
	padding: .2rem .6rem;
	color: #606060 !important;
	cursor: pointer !important;
}

.learnmax-button-basic:hover {
	background-color: #e0e0e0;
	border-color: #e0e0e0;
	color: #606060;
}

.learnmax-button-basic:focus {
	background-color: #e0e0e0 !important;
	border-color: #e0e0e0 !important;
	color: #404040 !important;
	box-shadow: 0 0 0 0.2rem #d0d0d0 !important;
}


.learnmax-button-request-info {
  	padding: .5rem 1rem;
	background-color: #66ab17;
	border-color: #66ab17;
}

.learnmax-button-request-info:hover {
	background-color: #599514;
	border-color: #599514;
}

.learnmax-button-facebook {
	padding: .35em .7em;
}

.learnmax-button-facebook-image {
	margin-top: -.2em;
	height: 1.2em;
	margin-right: .35em;
}

.learnmax-settings {
	line-height: 1em;
}

.learnmax-form-field-heading {
  color: #404040;
  font-weight: bold;
}

.form-field-heading {
  font-weight: 600;
}

.form-field-subheading {
  font-size: .8em;
  color: #2980b9;
}

.learnmax-form-control {
  padding: .25rem .5rem;
}

.learnmax-text-box {
  padding: 0rem .25rem;
  max-width: 100%;
}

.learnmax-number-box {
  padding: 0rem .25rem;
  text-align: right;
}

.learnmax-div-link {
	display: block;
}

.learnmax-div-link:hover {
	text-decoration: none;
}

.learnmax-card {
	display: flex;
	flex-direction: row;
}

.learnmax-card-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.learnmax-checkbox {
	transform: scale(1.3);
}

.learnmax-checkbox-label {
	width: 1rem;
	height: 1rem;
	vertical-align: bottom;
	line-height: 1rem;
}

.learnmax-titlebar {
	justify-content: space-between;
}

.learnmax-titlebar-icon {
	color: #2980b9;
	font-size: 1rem;
	margin: .25rem .5rem;
}

.learnmax-titlebar-icon:hover {
	color: #206694;
}

.learnmax-main-menu-icon {
	width: 104px;
	text-align: center;
	margin-right: 2rem;
	margin-bottom: 1rem;
}

.learnmax-main-menu-icon:hover {
	opacity: .9;
}

.learnmax-copyright {
	font-size: .6rem;
}

.learnmax-teknimedia {
	font-size: .7rem;
}

.teknimedia-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: .75rem;
	margin-bottom: .75rem;
	width: 210px;
}

.teknimedia-special-message {
	text-align: center;
	background-color: red;
	color: white;
	font-weight: 600;
	padding: 10px 5px;
	border-radius: 5px;
}

.learnmax-plus {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1rem;
}

.learnmax-point75rem {
	font-size: .75rem;
	line-height: 1rem;
}

.learnmax-point8rem {
	font-size: .8rem;
	line-height: 1rem;
}

.learnmax-point9rem {
	font-size: .9rem;
	line-height: 1rem;
}

.learnmax-dropdown {
	background-color: #e9ecef;
}

/* home page */

.learnmax-carousel {
	width: 100%;
	height: 80vh;
	min-height: 420px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	overflow: hidden;
}

@media (min-width: 1140px) {
  .learnmax-carousel {
    max-width: 1140px;
  }
}

@media (max-width: 992px) {
  .learnmax-carousel {
    height: 75vh;
  }
}

@media (max-width: 768px) {
  .learnmax-carousel {
    height: 70vh;
  }
}

@media (max-width: 576px) {
  .learnmax-carousel {
    height: 60vh;
  }
}

@media (max-width: 420px) {
  .learnmax-carousel {
    height: 60vh;
  }
}

.learnmax-carousel-fade-duration {
	transition-duration: 2s !important;
}

.learnmax-height-20 {
	height: 20px;
}

.learnmax-height-24 {
	height: 24px;
}

.learnmax-height-30 {
	height: 30px;
}

.learnmax-height-40 {
	height: 40px;
}

.home-page-cover {
  height: 80vh;
  min-height: 420px;
  background: no-repeat center top scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media (max-width: 992px) {
  .home-page-cover {
    height: 75vh;
  }
}

@media (max-width: 768px) {
  .home-page-cover {
    height: 70vh;
  }
}

@media (max-width: 576px) {
  .home-page-cover {
    height: 60vh;
  }
}

@media (max-width: 420px) {
  .home-page-cover {
    height: 60vh;
  }
}

.instructor-image1 {
	background-image: url('../images/learnmax-home-instructor1.jpg');
}
	
.instructor-image2 {
	background-image: url('../images/learnmax-home-instructor2.jpg');
}
	
.instructor-image3 {
	background-image: url('../images/learnmax-home-instructor3.jpg');
}

.student-image1 {
	background-image: url('../images/learnmax-home-student1.jpg');
}
	
.student-image2 {
	background-image: url('../images/learnmax-home-student2.jpg');
}
	
.student-image3 {
	background-image: url('../images/learnmax-home-student3.jpg');
}

.student-image4 {
	background-image: url('../images/learnmax-home-student4.jpg');
}

.student-image5 {
	background-image: url('../images/learnmax-home-student5.jpg');
}

.student-image6 {
	background-image: url('../images/learnmax-home-student6.jpg');
}

.learnmax-carousel-right {
  position: absolute;
  top: 0px;
  margin-left: 50%;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 992px) {
  .learnmax-carousel-right {
    margin-left: 49%;
	width: 51%;
  }
}

@media (max-width: 768px) {
  .learnmax-carousel-right {
    margin-left: 48%;
	width: 52%;
  }
}

@media (max-width: 576px) {
  .learnmax-carousel-right {
    margin-left: 47%;
	width: 53%;
  }
}

@media (max-width: 420px) {
  .learnmax-carousel-right {
    margin-left: 47%;
	width: 53%;
  }
}

.home-page-right-transparent {
	width: 100%;
	height: 100%;
	background-color: #404040;
	opacity: .5;
}

.home-page-right-nontransparent {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.home-page-right-container {
	width: 100%;
	height: 360px;
	margin-bottom: 100px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

@media (max-width: 992px) {
  .home-page-right-container {
  }
}

@media (max-width: 768px) {
  .home-page-right-container {
	height: 320px;
  }
}

@media (max-width: 576px) {
  .home-page-right-container {
	height: 280px;
  }
}

@media (max-width: 420px) {
  .home-page-right-container {
	height: 260px;
	margin-bottom: 60px;
  }
}

.home-page-right-logo {
  margin-left: 40px;
}

@media (max-width: 992px) {
  .home-page-right-logo {
  }
}

@media (max-width: 768px) {
  .home-page-right-logo {
	margin-left: 30px;
    width: 240px;
  }
}

@media (max-width: 576px) {
  .home-page-right-logo {
	margin-left: 20px;
    width: 180px;
  }
}

@media (max-width: 420px) {
  .home-page-right-logo {
	margin-left: 10px;
    width: 150px;
  }
}

.home-page-right-message1 {
	margin-top: 1rem;
	color: white;
	font-size: 1.4rem;
	font-weight: 400;
	padding: 0px 40px;
}

@media (max-width: 992px) {
  .home-page-right-message1 {
  }
}

@media (max-width: 768px) {
  .home-page-right-message1 {
	padding-left: 30px;
    font-size: 1.2rem;
  }
}

@media (max-width: 576px) {
  .home-page-right-message1 {
	padding-left: 20px;
    font-size: 1rem;
  }
}

@media (max-width: 420px) {
  .home-page-right-message1 {
	padding-left: 10px;
    font-size: .85rem;
  }
}

.home-page-right-message2 {
	margin-bottom: .5rem;
	font-size: 2.4rem;
	font-weight: 600;
	padding-left: 40px;
	color: #ffd281;
}

a.home-page-right-message2:hover {
	color: #ffe1ab;
	text-decoration: none;
}

@media (max-width: 992px) {
  .home-page-right-message2 {
  }
}

@media (max-width: 768px) {
  .home-page-right-message2 {
	padding-left: 30px;
    font-size: 1.8rem;
  }
}

@media (max-width: 576px) {
  .home-page-right-message2 {
	padding-left: 20px;
    font-size: 1.4rem;
  }
}

@media (max-width: 420px) {
  .home-page-right-message2 {
	padding-left: 10px;
    font-size: 1rem;
  }
}

.home-page-right-message2-color1 {
	color: #ffd281;
}

.home-page-right-message2-color2 {
	color: #FFD062;
}

.home-page-right-message2-color3 {
	color: #FFF284;
}

.home-page-right-message2-color4 {
	color: #FFCAF9;
}

.home-page-right-link {
	color: white;
	text-decoration: underline;
}

.home-page-right-link:hover {
	/*color: #aaddff;*/
	color: #d6ff80;
}

.home-page-video-button {
	margin-left: 40px;
	background-color: #2980b9;
	border-color: #2980b9;
}

@media (max-width: 992px) {
  .home-page-video-button {
  }
}

@media (max-width: 768px) {
  .home-page-video-button {
	margin-left: 30px;
  }
}

@media (max-width: 576px) {
  .home-page-video-button {
	margin-left: 20px;
  }
}

@media (max-width: 420px) {
  .home-page-video-button {
	margin-left: 10px;
  }
}

.home-page-video-button:hover {
  background-color: #206694;
  border-color: #206694;
}

.home-page-feature-icon {
  width: 60px;
  margin-right: 1rem;
}

.home-page-feature-text {
	margin-top: 0px;
}

/* form */

.required-symbol {
  color: red;
  vertical-align: top;
  font-weight: 600;
}

/* common styles */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.learnmax-show {
	display: block !important;
}

.learnmax-hide {
	display: none !important;
}

.learnmax-dcursor-default {
  cursor: default;
}

.learnmax-margin-top-5px{
  margin-top: 5px;
}

.learnmax-margin-top-10px{
  margin-top: 10px;
}

.learnmax-margin-top-20px{
  margin-top: 20px;
}

.learnmax-margin-bottom-0px{
  margin-bottom: 0px;
}

.learnmax-no-padding{
  padding: 0px;
}

.learnmax-no-padding-left{
  padding-left: 0px;
}

.learnmax-padding-top-5px{
  padding-top: 5px;
}

.learnmax-padding-top-10px{
  padding-top: 10px;
}

.learnmax-padding-top-20px{
  padding-top: 20px;
}

.learnmax-no-border {
  border: none;
}

.learnmax-center {
  text-align: center;
}

.learnmax-float-right {
  float: right;
}

.learnmax-no-wrap {
	white-space: nowrap;
}

.learnmax-list {
	width:400px; height:200px; overflow:scroll; border:2px solid black;
}

.learnmax-multiple-select-width{
	min-width: 200px;
}

.learnmax-correct{
	background-color: green;
	color: white
}

.learnmax-cell-vertical-center{
	vertical-align: middle !important;
	text-align: center;
}

#dhtmltooltip {
	position: absolute;
	width: 500px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}	
					"