/** LOGIN-LANDING **/
@media only screen and (max-width : 386px) {
	.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
	}

	.send-password-link, .backToLogin-btn {
	width: 100%;
	margin-bottom: 1.5rem;
	}

	#login-submit{
		width: 100%;
		margin-top: 1rem;
	}

	#password-forgot-link{
		font-size: 0.75rem;
	}


}



@media 
    only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {
    
    table {
        background-color: transparent;
    }

    /* Force table to not be like tables anymore */
    .table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .table-responsive thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .table-responsive tr {
        border: 1px solid #ccc;
    }
    
    .table-responsive td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    
    .table-responsive td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
}
/* // */

/*
Min-Width: Refers to everything greater than or equal to the amount given. 
Max-Width: Refers to everything less than or equal to the amount given.
*/



@media only screen and (min-width : 768px) {
    #detail-accordion {
		display: none;
	}
	.detail-tabs {
		display: block;
	}
}

/* Home Pages Summary */

@media (max-width: 1200px) {
	.vtabs .nav-tabs li a {
    		font-size:20px;
    }
    .count-name {
	    font-size: 26px;
	}
	.count-num {
	    font-size: 32px;
	}
}

@media (max-width: 992px) {
	.vtabs .nav-tabs li a {
    		font-size:20px;
    }
    .count-name {
	    font-size: 20px;
	}
	.count-num {
	    font-size: 24px;
	}
}

@media only screen and (max-width : 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	    color: #fff;
	    font-style: italic;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	    color: #f2b968;
	}
	.navbar-default .navbar-nav .open .dropdown-menu {
		list-style-type: circle;
	}
	#detail-accordion {
		display: block;
	}
	.detail-tabs {
		display: none;
	}
	.col-xs-12 .img-circle {
		margin: 0 auto;
    		margin-bottom: 20px;
	}
	.logo-text {
        font-size: 16px;
    }
    .state-name {
		font-size: 18px;
    }
    .welcome-text, .logout {
    		padding-left:0px;
    }

    .footer-logo {
    width: 150px;
	}
}

@media only screen and (min-width : 767px) {
	 .footer-logo {
    width: 230px;
	}
}


/* Admin Main Page */

@media only screen and (max-width:590px){
	.app-btn {
		min-height: 90px;
	} 
	
	.app-btn:hover {
		background-color: #323A45;
   		border-top: 1px solid #4A90E2;
	    border-left: 1px solid #3f526d;
	    border-bottom: 1px solid #4A90E2;
	} 
	
	.app-btn-left {
		display:none;
	}
	
	.app-btn-right {
		background-color: #4A90E2;
		width: 70px;
		min-height: 89px;
		height: 89px;
		color:#4A90E2;
		border-top: 0px solid #4A90E2;
	    border-left: 0px solid #3f526d;
	    border-bottom: 0px solid #4A90E2;
	}
	
	.app-btn:hover .app-btn-right {
		background-color: #4A90E2;
	    width: 70px;
	    min-height: 89px;
	    height: 89px;
	    color: #4A90E2;
	    border-top: 0px solid #4A90E2;
	    border-left: 0px solid #3f526d;
	    border-bottom: 0px solid #4A90E2;
	}
	
	.app-btn-arrow img {
		top: 34px;
	}
	
	.app-btn:hover .app-btn-arrow img {
		top: 34px;
	    right: 16px;
		opacity:1;
		transition: 0.2s;
	}
	
	.app-btn-name {
		font-size: 23px;
		padding-top: 30px;
		padding-left: 20px;
		min-height: 90px;
		transition-timing-function:ease;
		transition: 0.2s;
	}
	.app-btn-details {
		display:none;
		opacity:0;
		min-height: 90px;
	}
	.app-btn:hover .app-btn-name {
		font-size: 23px;
		padding-top: 30px;
		padding-left: 20px;
		transition-timing-function:ease;
		transition: 0.2s;
	}
	
	.app-btn, .app-btn:focus {
		min-height:90px;
	}
	
}

/* Admin Summary Page */

@media only screen and (max-width : 991px) {

    .right-pannel, .left-pannel {
        min-height: 720px;
    }
    
    .report-count-num {
        font-size: 32px;
        margin-right: 10px;
    }

    .report-count-name {
        font-size: 16px;
    }

    .summary-pane, .tech-pane {
		padding:0px 0px 0px 0px;
	}
	.login-lg {
		padding:0px;
	}
}

@media only screen and (max-width : 1200px) {
	.faq-accordion-header {
	    font-size: 16px;
	}
	
	.faq-accordion-header i {
	    top: 17px;
	    font-size: 20px;
	}
	.report-count-num {
        width:110px;
    }

    .report-count-name {
        width:350px;
    }
}


/* END */

/* Applicant Table */

@media only screen and (max-width : 991px) {

	.applicant-table>tbody>tr>td {
		font-size: 18px;
		padding: 5px;
	}
	
	.app-count {
		font-size: 20px;
	}
	.report-count-num {
        width: 30px;
    	font-size: 24px;
    }

    .report-count-name {
        width:230px;
    }

}

/* Exam 360 Main */

@media only screen and (min-width : 1400px) {
		
	.small-circle {
		width:350px;
		height:350px;
	}
	
	.small-circle img {
		width:300px;
	}
	
	.yellow-box p {
		padding: 0px 100px;
		line-height: 2;
	    font-size: 20px;
	}
	
	p.box-name {
		font-size: 52px;
		padding: 30px 100px 0px 100px;
	}
	
	.btn-administrator, .btn-grading, .btn-technician, .btn-print {
		font-size:46px;
	}
	
}

/* Help Popup */

@media only screen and (max-width : 1024px) {
	.help {
		display:none;
	}
}