body{
	background-image: url(http://masterperformanceacademy.com/photo/img/main_background.jpg) !important;
	/*background-image: url(http://localhost/mpa/photo/img/main_background.jpg) !important;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	margin: 0;
	height: 100%;
	padding-top: 0 !important;
	font-size: 14px!important;
	padding-right: 0 !important;
}

/* LOADER */
.background-loader {
	
	position: fixed;
	width: 100%;
	height: 100%;
	background: #0000008f;
	z-index: 999999;
	color: white;
	display: none;
}

.background-loader div.loading{
	
	position: fixed;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	bottom: 50%;
	right: 50%;
}

/* END of LOADER */

.main-header{
	min-height: 100px;
	background-color: rgba(0,0,0,0.8);
	border-bottom: solid 2px #fff;
}
footer.footer-global,footer.footer-global a{
	background-color: #000;
	min-height: 60px;
	color: #fff;
}
footer.footer-global{
	padding-top: 20px;
}
ul li{
	list-style: none;
}
.logo-container{
	padding-top: 25px;
	padding-bottom: 25px;
}
.logo-container a{
	color: #fff;
}
.logo-container a:hover, .main-navbar a:hover{
	text-decoration: none;
}
.login-form-frame{
	max-width: 400px;
	margin: 0 auto;
    /*padding-top: 50px;*/
    padding-bottom: 100px;
}
.login-form{
	background: #fff;
	min-height: 280px;
	box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.8);
}
.login-title-head{
	background: #222222;
	min-height: 60px;
}
div.login-title-head h1{
	font-size: 22px;
	color: #fff;
	padding: 20px 0;
    font-weight: 100;
}
.form-container{
	width: 85%;
	margin: auto;
	color: #666666;
}
.form-content{
	display: inline-block;
	padding-top: 20px;
	vertical-align: top;
}
.form-input{
	width: 100%;
	height: 40px;
	padding-left: 15px;
}
.form-label{
	width: 38.333%;
	font-size: 16px;
}
.form-input-container{
	width: 59.333%;
}
.form-input-container input{
	width: 100%;
}
.login-btn-circle{
	position: relative;
    width: 100%;
    margin: auto 0;
    left: 15%;
    transform: translateX(17%);
}
.forgot-pass{
	float: right;
    margin-top: 24px;
    position: relative;
    z-index: 999;
    line-height: 1.2;
    color: #ff0000;
}
.foot-overlay-list{
	color: #fff;
	padding-top: 40px;
}
.foot-overlay-list a{
	color: #fff;
	font-size: 14px;
}
.list-icon{
	font-size: 20px;
	vertical-align: middle;
	padding-right: 10px;
}
.list-icon-cust{
	font-size: 15px;
	padding-right: 10px;
}
.nav-list{
	margin: 0 15px;
}
.btn-login {
    position: absolute;
    margin-top: 40px;
}
.foot-overlay{
	min-height: 100px;
	background-color: rgba(0,0,0,0.8);
}
.main-navbar{
	min-height: 40px;
	background-image: linear-gradient(#949494, #ffffff, #949494);
	box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.8);
	margin-bottom: 20px;
	padding-top: 0.5em;
    padding-right: 10px;
    padding-left: 10px;
}
.main-navbar a{
	color: #222222;
	vertical-align: middle;
	font-size: 13px;
    font-weight: 700;
}
.main-navbar a img{
	padding-right: 0;
}
.main-navbar li{
	padding-right: 20px;
}
.user-profile span{
	font-size: 14px;
	font-weight: 700;
	vertical-align: middle;
}
.user-profile .user-name{
	font-weight: 600;
}
.header-shadow{
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	text-shadow: 2px 2px 4px #000000;
}
.log-body{
	background: #eeeeee;
	margin-top: 20px;
	padding-top: 50px;
	padding-bottom: 100px;
}
.profile-banner img{
	max-width: 1000px;
	width: 100%;
	max-height: 300px;
	border-radius: 5px;
	background-color: #fff;
}
.container-slim{
	width: 900px;
	margin: auto;
}
.profile-picture{
	margin-top: -190px;
}
.profile-picture img{
	border: solid 5px #fff;
	border-radius: 5px;
	max-height: 310px;
	max-width: 310px;
	width: 100%;
	background-color: #fff;
}
.profile-name{
	margin-top: -80px;
	padding-bottom: 50px;
}
.profile-forms{
	margin-top: 50px;
	margin-bottom: 20px;
}
.form-main-label{
	width: 29.3333%;
	font-size: 16px;
}
.form-main-input-container{
	width: 69.3333%;
}
.form-main-input-container input{
	width: 100%;
	height: 35px;
	padding-left: 10px;
}
.btn-main{
	height: 35px;
	background-color: #222222!important;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
/* DEV 1*/
/* DATARABLES style */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff !important;
}
.table-header-style th {
    background: #222222;
    color: #fff;
}
div#example_filter {
    float: right;
}
div#example_length {
    display: none;
}
#example_filter label input.form-control.form-control-sm {
    width: 100%;
    height: 35px;
}
.profile-toggle-mobile{
	border: solid 1px;
    width: 100%;
    padding: 10px;
}
.profile-toggle-menu{
	background: #222;
    color: #fff;
    margin-top: 5px;
    padding: 5px;
}
.profile-toggle-menu a{
    color: #fff!important;
}
/* END DATARABLES style */

.btn-primary-style{
	padding: 9px 21px;
    background-color: #222222;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.btn-none-style{
	text-decoration: none;
	color: #222222;
	font-weight: 900;
	padding: 7.5px 24px;
}
.btn-primary-style-critical{
	padding: 9px 21px;
    background-color: #222222;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.btn-none-style-critical{
	text-decoration: none;
	color: #222222;
	font-weight: 900;
	padding: 7.5px 24px;
}
.btn-primary-style:hover,
.btn-none-style:hover{
	text-decoration: none;
	color: #fff;
	background: #222222;
}

.btn-primary-style-critical:hover,
.btn-none-style-critical:hover{
	text-decoration: none;
	color: #fff;
	background: #ff5151;
}

/* membership questions style  */
.title-head-style{
	display: inline-flex;
}
.title-head-style p {
    font-size: 21px;
}
.title-head-style h4 {
    font-weight: 900;
}
div.col-12 a small{
	color: #ff0000;
	top: -12px;
    position: relative;
}
/* nav tabs */
.content-container-style div#myTabContent {
    background: white;
	padding: 15px 30px 50px 30px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: #222 !important;
    font-weight: 800 !important;
}
.nav-tabs .nav-link {
    border: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    background: #999;
    color: #fff;
    font-weight: 800;
}
.col-12.content-container-style {
    padding-top: 35px;
}
/* CARD style */
.card-header {
    background-color: #222222;
    border-bottom: 0;
    color: #fff;
}
.card-header:first-child {
    border-radius: 0;
}
.card-header .float-right a{
	color: #fff;
	margin-right: 5px;
	text-decoration: none;
}
div.card-body{
	/*background: #eeeeee;*/
	overflow: hidden; 
}

.back-draft {
	position: absolute;
	font-size: 11em !important;
	opacity: 0.2;
	left: 4px;
    bottom: -50px;
}
div.card-body-real{
	background: #007bff;
	padding: 10px !important;
}
div.card-body td,
.card-body table th{
	padding: 6px 16px;
	border-top: 0;
}

.float-right {
	float: right;
}
input.input-main{
	height: 40px;
	padding-left: 10px;
    max-width: 250px;
    margin-top: -2px;
}
.collapse-panel-header{
	background-color: #222222;
	height: 40px;
	color: #fff;
	padding: 5px 25px;
}
.collapse-panel-header a{
	color: #fff;
}
tbody.collapse{
	color: #666666;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  z-index: 1;
}
.profile-banner:hover .overlay {
  opacity: 1;
}
.profile-banner{
  position: relative;
  width: 1000px;
}
div.profile_cover{
  cursor: pointer;
}
.profile-picture:hover .overlay {
  opacity: 1;
}
.profile-picture{
  position: relative;
  width: 310px;
}
div.profile_picture{
  cursor: pointer;
}
.overlay-center {
  color: white;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.upload-btn {
	font-size: 12px;
	border: none;
	background-color: black !important;
}

.info-warning-content {
	width: 100%;
	height: 100%;
	background-color: #fcf8e3;
	padding: 10px;
}

#mlist {
	padding: 0 !important;
}

#mlist li{
	list-style-type: none;
}

#mlist li table tr {
	padding: 10px;
    background-color: #222222;
	border-bottom: 2px solid;
}

#mlist li table tr td, #mlist li table tr td a{
	padding: 10px;
	color: white !important;
}

#mlist li ul{
	padding: 0 !important;
}

#mlist li ul li{
	padding: 15px;
}

.hidelist {
	display: none;
}

.toggleChapters:hover {
	cursor: pointer;
	cursor: hand;
}




.viewed_by {
	border-top: 1px solid;
	padding-top: 10px;
}
.viewed_by ul li {

	list-style: none;
	display: block;

}
.list-divided{
	border-bottom: 1px;
    border-top: 0px;
    border-style: groove;
    border-left: 0px;
    border-right: 0px;
}
.generated-string-input{
	height: 35px;
    vertical-align: middle;
    font-size: 15px;
}
.generated-string-btn{
	height: 35px;
    vertical-align: middle;
    width: 35px;
    color: #fff;
    background-color: #222;
    border: none;
}
button#copyTriger[disabled] {
    color: #cccccc;
    background-color: #999;
    cursor: no-drop;
}
.dropbtn {
    background-color: #222222;
    color: white;
    padding: 5px 15px;
    font-size: 15px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
	color: black;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
	background-color: #555555;
	color: #ffffff;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #2e2e2e;
}
.badge-style{
    position: absolute;
    top: -7px;
    right: -7px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 17px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: -4px;
  box-shadow: 1px 1px 3px grey;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #85ea8d;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
#pills-upload{
	margin-top: -35px;
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.box-container{
	border: solid 1px #d4d4d4;
	background-color: #eee;
	padding: 25px 20px;
}
.btn:focus{
	color: #fff!important;
}
.btn:hover {
	color: #bbb !important;
}
.span-weight-bold{
	font-weight: 900;
}
.btn-list-main{
	width: auto;
    /* background-image: linear-gradient(#949494, #ffffff, #949494)!important; */
	background: #222;
    color: #fff;
    text-align: center!important;
}
a.btn-list-main{
	color: #fff!important;
}
.w-17{
	width: 170px;
}
.liststyle-none{
	list-style: none;
}
.list-item{
	padding: 20px 0px;
	border-bottom: 1px solid #b5b5b5;
}
.card-cntainer{
	boder: 1px solid #eee;
}
.card-list{
	padding: 10px 20px;
    width: 100%;
    min-height: 50px;
}
.bullet-container {
  width: 40px;
  height: 20px;
  background: #222;
  position: relative;
  text-align: center;
  box-shadow: 4px 4px 30px;
  margin-right: 30px;
}
.bullet-container:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 12px solid #222;
}
.bullet-container:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 12px solid #222;
}

.mod-h4 span {
	font-weight: 400 !important;
	text-transform: lowercase !important;
}
.text-normalized{
	text-transform: none!important;
}
.checkbox-list{
	padding: 8px;
    border-bottom: 1px solid #ddd;
}
.stud-mods-table tbody tr td ul {
	padding: 0 !important;
	height: 23px;
}
.profile-toggle-content{
	background: #fff;
    border-radius: 3px;
    position: absolute;
    z-index: 9999;
	width: 200px;
	box-shadow: -5px 5px 15px #000;
	transform: translate(-80%, 0);
}
span.title-separator{
	font-size: 18px;
}
ul.profile-toggle-list {
    padding: 0;
	margin: 0;
}
ul.profile-toggle-list a{
	color: #222;
}
li.profile-toggle-list-item, div.profile-toggle-list-item{
    padding: 5px 15px;
    border-bottom: #ddd solid 1px;
}

ul.profile-toggle-list a li.profile-toggle-list-item:hover{
    border-bottom: #eee solid 1px;
	background: #222;
	color: #fff;
}
img.img-circle:hover {
    box-shadow: #ddd 0px 0px 20px;
}
img.white-label{
	height: 99px;
	width: 579px;
	max-width: 100%;
	top: 9px;
	transform: translate(17%, 0%);
	object-fit: cover;
	position: absolute;
}
label.profile-toggle-list-item{
	padding: 10px 0px 5px 10px;
    width: 100%;
    background: #222;
    color: #fff;
}
img.intructor-image-inlist {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
.page-item.active .page-link {
    background-color: #222;
    border-color: #222;
}
.page-item.active .page-link:hover {
    background-color: #515151;
    border-color: #515151;
}

.jconfirm-box-container {
	margin: 0 !important;
}
.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box{
	border-top: 6px solid silver;
}
div#profile_toggle {
    cursor: pointer;
}

.rqm-studentname {
	font-size: 18px;
	font-weight: 700;
}
.card-footer{
	position: relative;
}
.card-footer-main{
	padding: .75rem 1.25rem;
	background-color: #b5b5b5;
}
.card-list a{
	text-decoration:none;
	cursor: pointer;
	color: #222;
}
.card-list a:hover {
    color: #225ba1;
}
.toggle-chapter-mod-name-pad{
	padding-left: 25px;
}
.postion-control-right{
	position: absolute;
    right: 0;
    top: 0;
}
.video-holder{
	box-shadow: 0px 0px 20px #999;
	background-color: #000;
}
div#myTabContent a, div#myTabContent p, div#myTabContent h1, div#myTabContent h2, div#myTabContent h3, div#myTabContent h4, div#myTabContent h5, div#myTabContent div{
	color: #222;
}
.text-16{
	font-size: 16px;
}
.col-md-8.padl-4{
	padding-left: 40px;
}
ul.hidelist li a {
    color: #222;
}
li.list-inline-item a:hover {
    color: #eeeeee;
    text-shadow: 0px 0px 10px #000;
}
.padl-4{
	padding-left: 40px!important;
}
.nav>li>a {
	padding: 6px 12px!important;
}
hr.styled{
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

h1.header-shadow span.text-none{
    text-transform: none !important;
}
.qDesc p{
	font-size: 16px !important;
}
form#submitStudentQuestionAnswer label{
	font-weight: unset!important;
}

.eQ-title span a {
	font-size: 16px;
    color: #222 !important;
    vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}

.slugControl {
    color: #222 !important;
    vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}

.ExamQuestionContent {
	width: 100%;
	height: auto;
	box-shadow: 4px 4px 10px;
	overflow: auto; 
	word-wrap: break-word;
	padding: 20px 30px;
}
.question-active {
	display: block;
}
.answered-question {
	background: #6cb575 !important;
    color: white !important;
	width: 40px;
	height: 20px;
	padding: 2px 16px;
	position: relative;
	text-align: center;
	box-shadow: 4px 4px 30px;
}
.answered-question:before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 19px solid transparent;
	border-bottom: 12px solid #6cb575!important;
}
.answered-question:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 19px solid transparent;
	border-top: 12px solid #6cb575!important;
}

.visited-question {
	background: #818284 !important;
    color: white !important;
	width: 40px;
	height: 20px;
	padding: 2px 16px;
	position: relative;
	text-align: center;
	box-shadow: 4px 4px 30px;
}
.visited-question:before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 19px solid transparent;
	border-bottom: 12px solid #818284!important;
}
.visited-question:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 19px solid transparent;
	border-top: 12px solid #818284!important;
}

.unvisited-question {
	background: #eee;
	color: #222;
	width: 40px;
	height: 20px;
	padding: 2px 16px;
	position: relative;
	text-align: center;
	box-shadow: 4px 4px 30px;
}
.unvisited-question:before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 19px solid transparent;
	border-bottom: 12px solid #eee;
}
.unvisited-question:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 19px solid transparent;
	border-top: 12px solid #eee;
}

::selection {
    background: darkgray!important;
}


/* RADIO BUTTON STYLE */
.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }
	
	
	
.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }
span.text-capitalize{
    text-transform: capitalize!important;
}
.chapter-take-exam{
	background: #222;
    width: 100%;
    height: auto;
    color: #fff;
    padding: 2px 2px 2px 30px;
    vertical-align: middle;
}



/* DASHBOARD */
.dash-btn {
	width: 100%;
	height: 50px;
	background: #2d2c2c;
	color: white;
	border-top: 3px solid #3ea2e8;
}
.dash-btn h3 {
	margin-top: 11px !important;
}


/* Correction Page */
.btn_correction{	
	background-color: #222222;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	line-height: 3rem;
	vertical-align: middle;
	text-align: center;
}

.btn_correction:hover{	
	text-decoration:none;
	color:#fff;
	background:#222222;
}


/* Dashboard Student Page */
#coach-section{
	height:250px;
}

.coach-info{

	padding-bottom:5px;
}

.coach-name{
	display:flex;
	padding: 1px 5px;
}

.coach-image, 
.coach-details{
	display:flex;
	justify-content:center;
	width:100%;
}

.btn-btn{
	background-color: #222222;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	line-height: 3rem;
	vertical-align: middle;
	text-align: center;
}

.btn_correction:hover{	
	text-decoration:none;
	color:#fff;
	background:#222222;
}
.p-3-p{
	padding-left: 29.5%;
}
h2.number-count {
    padding: 0;
    margin: 0;
    font-size: 45px;
}
hr.num-count-div {
    margin: 0;
}
.styled-badge {
    background-color: inherit!important;
    border: solid 1px;
}
.styled-badge:hover {
    box-shadow: 1px 1px 2px #000;
    background-color: inherit;
}

#origin
{
  background-color: #eee;
  min-height: 120px;
}

#drop
{
  background-color: #eee;
  min-height: 120px;
}
.item {
  margin: 5px;
  padding: 5px;
  border: 1px solid gray;
  background-color: #eee;
  position: relative;
}
.source,
.target {
  margin: 20px;
  min-height: 190px;
  width: auto;
  border: solid 1px #222;
  border-radius: 5px;
}
.drop-header, .source-header{
	background: #222;
	color: #fff;
	padding: 5px 20px;
}
.nav-toogle-container{
    background: #eee;
    width: min-content;
    padding: 5px 10px;
    font-size: 20px;
    z-index: 2;
    position: relative;
	display: inline-block;
}
.nav-toogle-container:hover{
	background: #222;
    color: #fff;
    border: solid 1px #eee;
}
.nav-menu-container {
    display: inline-grid;
    background-color: #eee;
    width: 100%;
    padding: 50px 10px;
    position: absolute;
    top: 0;
    z-index: 2;
	box-shadow: -5px 5px 35px #222;
}

.nav-menu-container ul li {
    border: solid 1px;
    width: 100%;
    padding: 10px;
    margin: 2px;
}

.nav-mobile {
    margin-top: 20px;
}
.nav-mobile a{
    color: #222;
}
.nav-menu-container ul li:hover {
    color: #fff;
    background: #222;
}
.video-container iframe, .video-container video{
	width: 640px;
    height: 360px;
}
.vid-upload{
	position: relative;
	z-index: 2;
}
.chapter-fa{
	font-size: 30px!important;
    position: relative;
    left: 10px;
	margin-right: 10px;
}

/* Popup Condition of Use Style */
.popupCond .modal-header {
	display: block;
	text-align: center;
}

.color-success {
	background: green !important;
}

.color-danger {
	background: red !important;
}


/* @media queries */

@media(max-width: 1150px){
	.profile-banner{
	position: absolute;
    left: 0;
    right: 0;
    width: 100%;
	}
	.profile-picture{
	margin-top: 0;
	}
	.container-slim{
	width: unset;
	margin: unset;
	}
	
	img.white-label {
		width: 472px;
	}
}

@media(max-width: 990px){
	.video-container iframe, .video-container video{
	width: 590px;
    height: 310px;
	}
}

@media(max-width: 770px){
	.video-container iframe, .video-container video{
	width: 415px;
    height: 240px;
	}
}

@media(max-width: 580px){
	.video-container iframe, .video-container video{
	width: 245px;
    height: 170px;
	}
}

@media(max-width: 550px){
	.profile-picture {
    width: 200px;
	}
}

@media(max-width: 420px){
	div.login-title-head h1 {
	font-size: 16px;
	}
	.form-label {
    width: 100%;
	}
	.form-content {
	display: unset;
	}
	.form-input-container input {
	margin-top: 10px;
	margin-bottom: 15px;
	}
	.login-btn-circle {
	margin-top: -8%;
	}
	.list-inline>li{
	padding-left: 0!important;
	}
	.foot-overlay-list {
	text-align: left!important;
	padding-top: 20px;
	}
	footer.footer-global .container .row .col-md-6{
	text-align: center!important;
	}
	.main-logo{
	width: 70%;
	}
	.video-container iframe, .video-container video{
	width: 150px;
    height: 100px;
	}
}

@media(max-width: 350px){
	.login-btn-circle {
    transform: translateX(5%);
	}
	.foot-overlay-list a {
    font-size: 11px;
	}
}