/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 8, 2016, 12:26:13 PM
    Author     : 007pr
*/

@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);

.exam{
    padding: 0 20px 20px 20px;
    margin-top: -30px;
}

.exam a{
	text-decoration: underline;
}

.user-account-exams th{
    font-size:90%;
    text-align: center;
    
}
.user-account-exams td{
    font-size:80%;
    text-align: center;
}

.payform{
    line-height: 0px;
}

.certificate{
    text-align:center;
    background: #fff;
    margin: 20px 20px;
    padding: 10px 50px 70px;
    font-weight: bold;
}

.certificate img{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.certificate p{
    margin-bottom: 0 !important;
    line-height: 1.3em !important;
}

.certificate-link-user.live-webinar{
	display:none;
}

.examlist-live-webinar{
	font-weight: 600;
}

.signature{
    font-family: Homemade Apple;
}

.payment-note{
 color:grey; 
 float: right;
 margin-top: 20px;
 }
 
.payment-note p{
 font-size:80% !important;
}

.select-list{
	/*text-align: center;*/
}

.select-list select{
    font-size:24px;
    width:300px;
    padding:3px 5px;
}

.select-list .row{
	display: inline-block;
}

#examslist {
    background: #fff;
	text-align: center;
}

#examslist tr:first-child{
	font-weight:bold;
}

#examslist th{
	color: #5E3F8C;
}

#examslist tr{
	
}

#examslist td{
	
}



div.row {
    margin-bottom:15px;
}

.manager-table{
    padding-top: 10px;
}

.manager-table th{
    font-weight:bold;
    background: grey;
    color: #fff;
    padding: 10px 20px !important;
}

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

.manager-table td{
    font-size: 90%;
}

#dashboard_table{
     width: 98% !important;
}

#dashboard_table th{
    font-size: 14px;
}

#dashboard_table tr{
        vertical-align: middle !important;
}

#dashboard_table td{
    font-size: 14px;
    padding: 6px 2px !important;
}

#userInfo th{
    font-size: 12px;
}

#userInfo td{
    font-size: 12px;
}

#userInfo tr td{
    padding:6px !important;
}

.formEditable {
    color: inherit !important;
    background: inherit !important;
    border: 0px !important;
    width: 100%;
}

.firstname{
    width:100px;
}

.lastname{
    width:100px;
}

.phone{
    width:100px;
}

.email{
    width:100px;
}

.address{
    width:250px;
}

.testsTaken th{
    font-size:14px;
}

.testsTaken td{
    font-size:12px;
}

#updateUser td{
    padding: 6px 20px !important;
}

.authorization-1{
	margin:20px;
	min-height: 300px;
}

.login-form-1, .register-button-1{
	float:left;
	padding: 0 20px 0 20px;
}

.login-form-1{
	border-right: 1.7px solid rgba(0, 160, 219, 0.27);
}

.register-button-1 a{
    padding: 10px 100px 10px 100px;
    border: 2px solid;
    background: #00A0DB;
    color: #fff;
    border-radius: 5px;
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
	#examslist table, #examslist thead, #examslist tbody, #examslist th, #examslist td, #examslist tr {
		display: block;
	}
	
	.user-account-exams table, .user-account-exams thead, .user-account-exams tbody, .user-account-exams th, .user-account-exams td, .user-account-exams tr {
		display: block;
	}
	
	#examslist th, .user-account-exams th{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#examslist td:first-of-type, .user-account-exams td:first-of-type{
		font-weight: bold;
		background: #F5F5F5;
		color: #5E3F8C;
	}
	
	#examslist td, .user-account-exams td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 39% !important;
		min-height: 30px;
	}
	
	#examslist td:before, .user-account-exams td:before{
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	#examslist td:nth-of-type(1):before {
		content: "Exam";
	}

	#examslist td:nth-of-type(2):before {
		content: "Hours";
	}
	
	#examslist td:nth-of-type(3):before {
		content: "Price";
	}
	
	#examslist td:nth-of-type(4):before {
		content: "STEP 1: Guide";
	}
	
	#examslist td:nth-of-type(5):before {
		content: "STEP 2: Exam";
	}
	
	
	.user-account-exams td:nth-of-type(1):before {
		content: "Choose Course";
	}
	
	.user-account-exams td:nth-of-type(2):before {
		content: "Exam";
	}
	
	.user-account-exams td:nth-of-type(3):before {
		content: "Pass Date";
	}
	
	.user-account-exams td:nth-of-type(4):before {
		content: "Result";
	}
	
	.user-account-exams td:nth-of-type(5):before {
		content: "Cost";
	}
	
	.user-account-exams td:nth-of-type(6):before {
		content: "License";
	}
	
	.user-account-exams td:nth-of-type(7):before {
		content: "Payment";
	}
	
	.user-account-exams td:nth-of-type(8):before {
		content: "Certificate";
	}
	
	.select-list{
		text-align: center;
	}


}