@CHARSET "ISO-8859-1";

@media screen and (max-width: 4096px) {
	.largeDevicesFormInputWidth{
		width: 97% !important;
	}
	.largeDeviceJobTitle{
		width: 98.4% !important;
	}
	.largeDeviceClientDemoQuest{
		width: 96.5% !important;
	}	
	/* #questionImage{
		overflow: auto !important;
	    width: 805px !important;
	    margin: auto !important;
	} */
	#questAnsDivs{
		overflow: hidden !important;
	}
	.largeDeviceNewTestDOB{
		width: 97.6% !important;
	}

	
	/* Question Test Tacit Knowledge */
	.lister-content{
		top: 5px !important;
	}
}

@media screen and (max-width: 1920px) {
	.largeDevicesFormInputWidth{
		width: 97% !important;
	}
	.largeDeviceJobTitle{
		width: 99% !important;
	}
	.largeDeviceClientDemoQuest{
		width: 96.5% !important;
	}	
	#questionImage{
		overflow: auto !important;
	    width: 805px !important;
	    margin: auto !important;
	}
	#questAnsDivs{
		overflow: hidden !important;
	}
	.largeDeviceNewTestDOB{
		width: 98% !important;
	}
	
	/* .maxRowHeightContentOdd{
		width: 100% !important;
		Height: 100% !important;
	}
	.maxRowHeightContentEven{
		width: 100% !important;
		Height: 100% !important;
	} */
	
	
	/* Question Test Tacit Knowledge */
	.lister-content{
		top: 5px !important;
	}
}


@media screen and (max-width: 1440px){
	.largeDeviceJobTitle {
	    width: 99.2% !important;
	}
	
}

@media screen and (max-width: 1366px) {
	.largeDeviceJobTitle{
		width: 99.3% !important;
	}
}


@media screen and (max-width: 1280px) {
	
	
	/* .largeDeviceJobTitle {
	    width: 98.5% !important;
	}
	.largeDevicesFormInputWidth {
	    width: 95.4% !important;
	}
	.largeDeviceClientDemoQuest {
	    width: 95.3% !important;
	}
	#largeDeviceTestDOB{
		width: 96% !important;
	}*/
	
	/* #timeRemaining{
		top: 92px !important;
	} */
	
} 


@media screen and (max-width: 1200px) {
	.largeDeviceJobTitle {
	    width: 99.5% !important;
	}
	.logoOuterRPTS{
		width: 83% !important;
	}
	.footerCopyRightWidth{
		width: 60% !important;
	}
	/* #timeRemaining{
		top: 94px !important;
		right: 122px !important;
	} */
	
	
	/* Question Test Multi Select Text */
	#timeRemaining{
		line-height: 99% !important;
	}
}


@media screen and (max-width: 1080px) {
	.largeDevicesFormInputWidth{
		width: 96% !important;
	}
	.largeDeviceJobTitle {
	    width: 99.2% !important;
	}
	.largeDeviceClientDemoQuest{
		width: 96.2% !important;
	}
	.logoOuterRPTS{
		width: 80% !important;
	}
	.footerCopyRightWidth{
		width: 70% !important;
	}
	#questionImage{
		width: 705px !important;	   
	}	
	
	
	/* #timeRemaining{
		right: 110px !important;
	} */
	
	
	/* Multi Select Text */
	#ansDescMultiText{
		width: 141px !important;
	}
}


@media screen and (max-width: 1024px) {
	.registerFrmFieldsText{
		font-size: 11pt !important;
	}
	.formLabelFont{
		font-size: 11pt !important;
	}
	/* #timeRemaining{
		top: 93px !important;
	} */
}


@media screen and (max-width: 966px) {
	/* #timeRemaining {
	    top: 91px !important;
	} */
	
}


@media screen and (max-width: 900px) {
	.largeDevicesFormInputWidth {
	    width: 95% !important;
	}
	.largeDeviceJobTitle {
	    width: 98.8% !important;
	}	
	.largeDeviceClientDemoQuest {
	    width: 95% !important;
	}
	.largeDeviceNewTestDOB{
		width: 97% !important;
	}
	.largeDeviceResumeTestDOB{
		width: 99% !important;
	}
	#timeRemainingDiv {
	    right: 1.5% !important;	    
	}
	
	
}



@media screen and (max-width: 825px) {
	
	/* Question Test Single Select */
	#ansDescription{
		width: 151px  !important;
	}
	
}


@media screen and (max-width: 800px) {
	#registerCandidateTestDiv{
		width: 99% !important;
	}
	#register_testAdminNameDiv{
		width: 100% !important;
	}
	.error_show{
		font-size: 9pt !important;
	}
	.watermark{
		font-size: 13.333px !important;
	}
	.smallDevicesFormInputWidth{
		width: 96.29% !important;
	}
	.smallDevicesFormInputWidthDiv{
		width: 100% !important;
	}
	.smallDeviceJobTitle {
	    width: 97.2% !important;
	}
	.smallDeviceClientDemoQuest {
	    width: 97% !important;
	}	
	.logoOuterRPTS{
		width: 77% !important;
	}
	.footerCopyRightWidth{
		width: 80% !important;
	}
	#questionImage {
	    width: 675px !important;
	}
		
	
	/* Question Test Single Select */
	#ansDescription{
		width: 361px !important;
	}
}


@media screen and (max-width: 768px) {
	#registerCandidateTestDiv{
		width: 99.5% !important
	}
	.smallDevicesFormInputWidth{
		height: 70% !important;
		width: 96% !important;
	}
	.error_show{
		font-size: 9pt !important;
	}
	.smallDeviceJobTitle {
	    height: 70% !important;
		width: 97.3% !important;
	}
	.smallDeviceClientDemoQuest {
	    height: 70% !important;
		width: 96.5% !important;
	}
	#register_day, #register_month, #register_year{
		height: 70% !important;
	}	
	#questionImage {
	    width: 600px !important;
	}
	
	
	/* Question Test Single Select */
	#ansDescription{
		width: 361px !important;
	}
			
}


@media screen and (max-width: 764px) {
	.inlogin-page{
		padding: 0% 0 0 !important;
	}
	
}


@media screen and (max-width: 720px) {
	.footerCopyRightWidth{
		width: 90% !important;
	}
	
	
	/* Question Test Single Select Image */
	#questionText{
		font-size: 14px !important;
	}
	
	
	/* Question Test Tacit Knowledge */
	.lister-header-optionTxt, .radio-custom-label{
		font-size: 14px !important;
	}
}



/*  Kindle Fire */
@media screen and (max-width: 640px) {
	#registerCandidateTestDiv{
		width: 99.5% !important;
		font-size: 11pt !important;
	}
	.logoOuterRPTS{
		width: 74% !important;
	}
	#timeRemainingDiv {
	    right: 1% !important;	    
	}
	#questionImage{
		overflow: auto !important;
	    width: 508px !important;
	    margin: auto !important;
	}
	
	
	/* Question Test Single Select Text */
	.panelCenter{
		text-align:center !important;		
	}
	#answerTextDivId{
		width: 440px  !important;
	}
	#ansDescription{
		width: 338px !important;
	}
	
	
	/* Question Test Multi Select Text */
	.multiSelectButtonTd1{
		display: none !important;
	}
	.multiSelectButtonTd2{
		width: 5% !important;
	}
	.multiSelectButtonTd3{
		display: none !important;
	}
	
	
	/* Question Test Tacit Knowledge */
	.lister-header-optionTxt, .radio-custom-label{
		width: 99% !important;
	}		
	
	
	/* Question Test Single Select Image */
	/* #answerTextDivId{
		margin-left: 8% !important;		
	} */
}

@media only screen and (max-width: 600px) {
	.footerCopyRightWidth{
		width: 98% !important;
	}	
	
	#questionImage {
	    width: 490px !important;
	}
	
	/* Question Test Single Select */
	#ansDescription{
		width: 258px !important;
		font-size: 13px !important;
	}
	
	
	/* Question Test Multi Select Text */
	#timeRemaining{
		line-height: 95% !important;
		right: 0.5% !important;
	}
	
	/* Question Test Single Select Image */
	#questionText{
		font-size: 13px !important;
	}
	
	/* Question Test Tacit Knowledge */
	.lister-header-optionTxt, .radio-custom-label{
		font-size: 13px !important;
	}
	
	/* Level Of Insight */
	#LOIParent{
		width: 490px !important;
	}
	
}

@media only screen and (max-width: 570px) {
	#timeRemainingDiv {
	    top: 35% !important;	    
	}
	
	
	/* Question Test Single Select */
	#ansDescription{
		width: 258px  !important;
	}
	/* Level Of Insight */
	#LOIParent{
		width: 460px !important;
	}
}


@media only screen and (max-width: 568px) {	
	#registerFrmJobTitle{
		 font-size: 10pt !important;
	}
	.formLabelFont{
		font-size: 10pt !important;
	}
	#smallDeviceTestDOB{
    	width: 95% !important;
    }
    .smallDevicesFormInputWidth{
		width: 94.2% !important;
	}	
	.smallDeviceJobTitle {
	    width: 95% !important;
	}
	.smallDeviceClientDemoQuest {
	    width: 95% !important;
	}
	.logoOuterRPTS{
		width: 72% !important;
	}
	#timeRemainingDiv {
	    right: 0.4% !important;	  
	    font-size: 10px !important;  
	}
	#timeRemaining{
		font-size: 12px !important;
	}	
	#questionImage{
		overflow: auto !important;
	    width: 430px !important;
	    margin: auto !important;
	}		
	
}


/* Kindle Fire HD 7"  */
@media only screen and (max-width: 532px) {
	#register-Frm-JobTitle-Div{
		height: 40px !important;
	}
	input.watermark{ 
     	font-size:11px !important; 
     }
     #questionImage{
		overflow: auto !important;
	    width: 394px !important;
	    margin: auto !important;
	}
    		
	
	/* Question Test Single Select */
	#ansDescription{
		width: 202px  !important;
	}
	#answerTextDivId {
	    margin-left: 5% !important;
	    width: 410px  !important;
	}		
	
	/* Question Test Tacit Knowledge */
	.lister-header{
		height: 90px !important;
		/* line-height: 90px !important; */
	}
	
	/* Question Test Digit Span */
	#childContentAreaChild{
		width: 98% !important;
	}
	
	/* Level Of Insight */
	#LOIParent{
		width: 440px !important;
	}
	
}

	
/*  Google Nexus 5 */
@media screen and (max-width: 480px) {	
	.registerFrmFieldsText{
		width: 97% !important;
		font-size: 10pt !important;
	}	
	#registerCandidateTestDiv{
		font-size: 9pt !important;
		width: 99.2% !important;
		margin: 5px 0% 0% !important;
	}
	#register-Frm-JobTitle-Div{
		height:30px !important;
	}	
	#registerSubmitButtonId{
		font-size: 9pt !important;
		height: 89% !important;
	}	
	input.watermark{
    	font-size: 10px !important;
	}
	.formLabelFont{
		font-size: 9pt !important;
	}
	.smallDeviceJobTitle{
	    width: 95.3% !important;
	}
	.logoOuterRPTS{
		width: 69% !important;
	}
	#timeRemaining{
		line-height: 85% !important;
	}
	.testFormSectionsRemaining{
		padding: 21px !important;
	}
	.testFormQuestionInfo{
		padding: 12.3px !important;
	}
	#answerTextDivId {
	    width: 355px !important;
	}
	#questionImage{
		overflow: auto !important;
	    width: 344px !important;
	    margin: auto !important;
	}
	
	
	/* Question Test Single Select */
	#ansDescription{
		width: 182px !important;
		font-size: 12px !important;
	}	
	
	
	/* Question Test Single Select Image */
	#questionText{
		font-size: 12px !important;
	}
	
	/* Question Test Tacit Knowledge */
	.lister-header-optionTxt, .radio-custom-label{
		font-size: 12px !important;
	}
	
	
	/* NextStep Logic */
	.tracingcell{
		width: 47px !important;
	}
	
	/* Level Of Insight */
	#LOIParent{
		width: 380px !important;
	}
				
}


/*  Google Nexus 5 */
@media screen and (max-width: 360px) {
	.footer{
		font-size: 7pt !important;
	}
	.formLabelFont{
		font-size: 8pt !important;
	}
	.watermark {
	    font-size: 9px !important;
	}
	.smallDeviceJobTitle {
	    width: 93% !important;
	}
	.smallDevicesFormInputWidth {
	    width: 92% !important;
	}
	#smallDeviceTestDOB {
	    width: 93% !important;
	}
	.smallDeviceClientDemoQuest {
	    width: 93% !important;
	}
	.registerFrmFieldsText{
    	width: 96% !important;
	}
	.logoOuterRPTS{
		width: 63% !important;
	}
	#timeRemainingDiv {
	    right: 0% !important;	  
	    top: 20% !important;
	    font-size: 8px !important;  
	}
	#timeRemaining{
		font-size: 10px !important;
		line-height: 199% !important;
	}
	
	
	/* Question Test Single Select */
	#ansDescription{
		width: 162px  !important;
	}
	
	/* Multi Select Text */
	#ansDescMultiText{
		width: 91px !important;
	}
	
	/* Level Of Insight */
	#LOIParent{
		width: 280px !important;
	}
}



@media screen and (max-width: 320px) {
	.clientDemoQuest{
		font-size: 11px !important;
	}
	.registerFrmFieldsText{
    	width: 95% !important;
	}	
	
	
	/* Question Test Single Select */
	#ansDescription{
		width: 122px !important;
	}
}	


/*  Motorola RAZR V8 */
@media screen and (max-width: 240px) {
	/* #register_firstName, #register_middleName, #register_lastName, #register_emailAddress, #register_reference, #register_testAdminName, .clientDemoQuest, .error_show, #testAdminNameRow{
		height: 50% !important;
		width: 85% !important;
		font-size: 7pt !important;		
	}
	#registerFrmJobTitle,.registerFrmFieldsText{
		font-size: 7pt !important;
	} */
	.registerFrmFieldsText {
	    font-size: 8pt !important;
	    width: 94% !important;
	}
	.smallDeviceJobTitle {
	    width: 91% !important;
	}
	.smallDevicesFormInputWidth {
	    width: 90% !important;
	}
	#smallDeviceTestDOB {
	    width: 91% !important;
	}
	.smallDeviceClientDemoQuest {
	    width: 91% !important;
	}
	.watermark{
		font-size: 6pt !important;
	}
	.error_show {
	    font-size: 7pt !important;
	}
	#testAdminNameDiv{
		height: 30px !important;
	}
	#registerCandidateTestDiv{
	    width: 98% !important;
	}
	#registerSubmitButtonId{
		width: 30% !important;
	}
	.formLabelFont{
		font-size: 7pt !important;
	}
	.logoOuterRPTS{
		width: 60% !important;
	}
	
	/* #registerFrmFields{
		width: 93% !important;
		font-size: 6pt !important;
		height: 32px !important;
	}
	#register_day_td, #register_month_td{
		display: none !important;
	} */
	
	/* #register_day, #register_month, #register_year{
		width: 58% !important;
		font-size: 10px !important;
	} */
	/* #register_day_div, #register_month_div, #register_year_div{
		width: 25% !important;
	} */
	
		
	
	/* Question Test Single Select */
	#ansDescription{
		width: 92px !important;
	}
	
}

/* --- 1. Non-Intrusive Toast Styles --- */
    #toast-notification {
        visibility: hidden; /* Hidden by default */
        min-width: 250px;
        background-color: #333; /* Dark background */
        color: #fff; /* White text */
        text-align: center;
        border-radius: 8px; /* Nice rounded corners */
        padding: 16px;
        position: fixed;
        z-index: 9999; /* Ensure it sits on top of everything */
        
        /* Position: Top Center */
        left: 50%;
        transform: translateX(-50%); /* Centers the element exactly */
        top: 15px; 
        
        font-size: 16px;
        box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
        opacity: 0;
        transition: opacity 0.5s, top 0.5s; /* Smooth fade in/out and slide */
    }

    /* Show state */
    #toast-notification.show {
        visibility: visible;
        opacity: 1;
        top: 15px; /* Slide down slightly */
    }
    
    /* Color variants */
    #toast-notification.warning {
        background-color: #d32f2f; /* Red for violations */
    }
    
    #toast-notification.reminder {
        background-color: #f57c00; /* Orange for periodic reminders */
    }