html {
    font-size: 16px;
}
    * {
    		margin: 0;
    		padding: 0;
    	}
    	
    	.rp {
    	  font-family: 'Open Sans';
   		  font-style: normal;
		  font-weight: 400;
		  font-size: 1rem;
    	}
    	

    	
    
 		#loaderHTML { 
		    z-index: 9999;
		    background: rgba(0, 151, 19, 0.0);;
		    position: absolute;
		    top: 0px;
		    bottom: 0;
		    left: 0;
		    right: 0;
		}
		
		.loader {
		  border: 16px solid #f3f3f3; /* Light grey */
		 /* border-top: 16px solid #3498db; /* Blue */
		  border-top: 16px solid #003356; /*  Dark Blue */
		  border-radius: 50%;
		  width: 120px;
		  height: 120px;
		  animation: spin 2s linear infinite;
		  margin: 20px auto;
		}
		
		@keyframes spin {
		  0% { transform: rotate(0deg); }
		  100% { transform: rotate(360deg); }
		}
		
		.xdiv {
			position: absolute;
			top: 10px;
			right: 2rem;
			padding: 5px;
			font-size: 15px; 
			cursor: pointer;			
		}

        .logo {
            float: left;
            margin-top: 9px;
            margin-bottom: 18px;
            margin-left: 18px;
            width: 70px !important;
        }

        span#idErorMsg {
            margin: 0px 200px;
            text-align: justify;
        }
/*       
        .logo {
            float: left;
            margin-top: 4px;
            margin-bottom: 18px;
            margin-left: 18px;
            width: 80px;
        }
        
*/
        .myActiveButton {
		    width: 12rem;		  
		    background: #003356;
		    color: white;		    
		    font-size: .9rem;
		    font-weight: 700; 
		    text-decoration: none; 
		    background-image: none;		    
		    font-family: inherit;
		    border-radius: 1rem;
		    height: 3rem;
            border: 0px;
        }
        
        .myInactiveButton {
        
            background: white;
            color: #003356;            
		    width: 12rem;		  
		    font-size: .9rem;
		    font-weight: 700; 
		    text-decoration: none; 
		    background-image: none; 		     
		    font-family: inherit;
		    border-radius: 1rem;
		    height: 3rem;
		    border: 1px solid #003356;
        }
        .myDisabledButton,   .myDisabledButton:hover {
        
            background: white;
            color: #343579;            
		    width: 12rem;		  
		    font-size: .9rem;
		    font-weight: 700; 
		    text-decoration: none; 
		    background-image: none; 		     
            font-family: "Green Standard","Font Awesome 5 Pro",arial,sans-serif;
		    border-radius: 1rem; 
		    height: 3rem;
		    border: 1px solid #343579;
            letter-spacing: 2px;
        }
        

        .popup-inactive-button:hover, .myInactiveButton:hover {
            color: white !important;
            background: #003356 !important;
            cursor: pointer;
        }
        
        .myActiveCircleButton{
		        
		    width: 3rem;
		    background: #003356;
		    color: white;
		    font-size: .9rem;
		    font-weight: 700;
		    font-family: inherit;
		    border-radius: 50%;
		    border: black;
		    height:3rem;
        }
        
        
        .myInactiveButton:hover{
             background: #F9F9F9;
             color: #003356;
             text-decoration: none;       
             border: 1px solid #003356;    
         }
         
         .myActiveButton:hover{
            cursor: pointer;
         }
         
         .myButton:disabled{
             background: white;
             color: #003356;
             
         }
/*
         .myButton:active {
             position: relative;
             top: 1px;
         }
*/
        .fields {
            display: flex;
            flex-direction: row;
            justify-content: center;
            width: 100%;
        }

        .flexvertical {
            display: flex;
            flex-direction: column;
            /* justify-content: center; */
        }

        .flexCenterAligned {
            display: flex;
            align-items: center;
        }

        body {
            margin: 0px;
            background: white;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #333;
        }

        header {
        	background-color: #003356;          
            width: 100%;
            height: 60px;
            
        }
        
        .headerCaption{
            color: white;    
		    right: 10rem;
		    position: absolute;
		    top: 1rem;
		    font-family: 'Open Sans';
		    font-weight: 700;
		    font-style: italic;
		    font-size:1.1rem        
        }

        :root {
            --rp-spacing-left: 11rem;
        }
        
        .rp-content {
            top: 5rem;
            width: 60rem;
            color: black;    
            text-align: left;
            /*margin-block: 1rem;*/
            margin:auto;    
            padding-left: var(--rp-spacing-left);	
        }
        
        .headerMsg {
		    width: 100%;
            font-weight: 400;
            line-height: 1.31em;
		    font-size: 1.625rem;
            margin-block: 2rem 1.75rem;
		    border-bottom: 1px solid #D7D7D7;		   	    
        }

        .rp-content > p {
            font-size: 1rem;
            line-height: 1.5em;
        }
         
        .equipment-check-title {
            color: #003356;
            font-size: 1.25rem;
            line-height: 1.6em;
            margin-block: 2rem 0.75rem;
    	}
    	
    	.buttonContainer {
			padding: 0;
			gap: 0.5rem; 
			height: 3rem;   	
    	    display: flex;
			margin-top: 2.5rem;
			flex-direction: row;
			align-items: flex-start;
    	}
    	.audiobuttonContainer{
    		padding: 0;
			gap: 0.5rem;			
			margin-top: 2.5rem;
			flex-direction: column;
			align-items: flex-start;
    	
    	}
    	
    	.audioException{
    	     
            display: flex;
            flex-direction: row;
            font-weight:600;
            gap:0.5rem
    	}
    	
    	 

        div.header-separator {
            background-color: #09AEED;
            height: 1px;
            width: 100%;
        }

        div.sub-toolbar {
            background-color: #F9F9F9;            
            height: 2rem;
        }


        div.input-group {
            height: 34px;
            border-bottom: none;
            width: 25em;
            margin-bottom:1rem;
        }

        div.input-group:nth-of-type(2){
            margin-top: 15px;
            /*margin-bottom: 15px;*/
        }

        /*input[type="text"], input[type="password"] {*/
          .rp-input-text{
                display: inline-block;
	            width: 20rem;
	            padding-left: 2rem;            
	            font-size: medium;
	            line-height: 3rem;
	            color: #555;
	            border: 1px solid #ccc;
                border-radius: .75rem;
                background-color: #F2F4F5;           
	            	          
          }

          .login-rp-input-text{
            display: inline-block;
            width: 18rem;
            padding-left: 3rem;            
            font-size: 1rem !important;
            line-height: 3rem;
            color: #555;
            border: 1px solid #ccc;
            border-radius: .75rem;
            background-color: #F2F4F5;           
                         
        }
          
          .rp-input-username{            
            background-image: url(../assets/user.svg);
            background-repeat:no-repeat;
            background-position: center;
            background-position-x: 0.5rem;
        }

        .login-rp-input-username{            
            background-image: url(../assets/user.svg);
            background-repeat:no-repeat;
            background-position: center;
            background-position-x: 1rem;
        }
        
        
        .rp-input-password{            
 
            background-image: url(../assets/lock.svg);
            background-repeat:no-repeat;
            background-position: center;
            background-position-x: 0.5rem;
         
        }

        .left-align {
            float: left;
        }

 /*
        footer.copyright-notice {
            padding-top: 7em;
            font-size: 10px;
            color: #333333;
            clear: both;
            text-align: center;
            margin: 0px 90px;


        }
*/
/*
       footer.copyright-notice {
            font-size: 10px;
            color: #333333;
            clear: both;
            position: absolute;
            bottom:0;
            text-align: center;
            margin-left: 90px;
            margin-right: 90px;
        }
*/


        span.error-message{
            clear: both;
            margin-bottom: 0.5rem;
            margin-top:1rem;
        }

        span.text-danger {
            color: #a94442;
        }

        fieldset {
           
           display:flex;
           flex-direction:column;
           gap: 1rem;
           
        }
        
        html {
        	height: 100%;
        }
        li{
          margin-left:1em;
        }

       footer.copyright-notice {
            font-size: 10px;
            color: #333333;
            clear: both;
            /*position: absolute;*/
            position: relative;
            bottom:0;
            text-align: center;
            margin-left: 90px;
            margin-right: 90px;
            height: 100px;
            /*background: green;*/
            margin-top: -100px;
        }

        #container {
        	min-height: 100%;
        }
        #main {
        	overflow: auto;
        	padding-bottom: 100px;
        }
        
        .link {
         	font-weight: bold;
           /* font-size: larger; */
        	cursor: pointer;			
		    text-decoration: underline;
        
        }
/*       
        .link:hover {
		    font-size: x-larger;
		}
*/

        #ladderLogin {
            border-radius: 3px;
            padding: 30px;
            margin: auto;
        }


        #ladderLogin form {
      /*      text-align: center;
            margin: 20px 0px;*/
            
        }
        
        .authtokeninputgroup{
          margin-top:2rem
        }

        #ladderLogin p {
            font-size: 1.25em;
        }

        #ladderLoginErr {
            margin: 10px 0px 10px;
            color: #bb1b1b;
        }


        .auth-link-wrapper {
     

		    color: #003083;		    
		    margin-top:10rem
        }

        .auth-link-wrapper #ladderInterviewLogin {
            text-decoration: underline;
            cursor: pointer;
        }
        
        .auth-link-wrapper #runPreflight {
            text-decoration: underline;
            cursor: pointer;
        }
 
        /* pop up css*/
        
        
         .popup {
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.4);
            display: none;
        }
        .rp-popup-content {
            background-color: white;
            margin: 10% auto;
            padding: 20px;
            border: 1px solid #888888;                       
            border-radius:1rem;
            width:30rem;
            height:30rem;
            font-family: 'Open Sans';
            font-weight: 600;
            color: #737373;
            padding:5rem;

        }
        .popup-content button {
            display: block;
            margin: 0 auto;
        }
        .popup-header {
            display: flex;
            color:#3D3D3D;
            font-weight: 600;
            font-size: 1.625rem;
            line-height: 1.31em;
            flex-direction: row;
            margin-bottom: 1.75rem;
            border-bottom: 1px solid #D7D7D7;
        }
        .popup-buttons{
            display: flex;
			flex-direction: column;
			align-items: flex-start;
			padding-bottom: 0px;
			gap: 0.8rem;				
			margin-top:inherit
        }
        .popup-active-button{
            width: 11rem;
		    background: #003356;
		    color: white;
		    font-size: .9rem;
		    font-weight: 500;
		    text-decoration: none;
		    background-image: none;		    
		    font-family: inherit;
		    border-radius: .5rem;
		    height: 2.5rem;
            border: 0px;
		   
        }

        .popup-active-button:hover{
            /* background: #F9F9F9;
            color: #003356; */
            text-decoration: none;
            cursor: pointer;
            /* border: 1px solid #003356; */
        }

        .myActiveButton:focus, .myInactiveButton:focus, .popup-active-button:focus, .popup-inactive-button:focus{
            outline: 3px solid #003356;
            outline-offset: 2px;
        }
        
         .popup-inactive-button{
            width: 5rem;
		    background: white;
		    color: #003356;
		    font-size: .9rem;
		    font-weight: 700;
		    text-decoration: none;
		    background-image: none;		    
		    font-family: inherit;
		    border-radius: .5rem;
		    height: 2.5rem;
		    font-weight: 500;
		    border: 1px solid #003356
        }
        
        .errorsvg{
               scale: .8;
               transform-origin: bottom;        
        }
        
        .show {
            display: block;
        }
        .hide{
            display:none
        }
        
        
/*rp loader dots*/

.rp-app-loading {
    display: flex;
    height: 100%;
}

.rp .app-loading__container {
	display: flex;
    flex-direction: column;
    margin:auto;   
    width:60rem; 
    
}

.rp .app-loading__wait-msg{
	margin: 3.5rem 0  0;
	margin-bottom: 5rem;
    font-size: 3rem;
    color:#003356;    
    font-family: 'Open Sans';
    font-style: normal;
    width:100%;
    font-weight: 400;
    
}


 
.rp .loader_new__dots {
    --primary-color:#003356;
	--border-color-1: #F9F9F9;	
 
}
.rp .loader_new__dot {
	width: 1.5rem;
	height: 2rem;
	margin-right: 0.75rem;
		
}

         
.rp .loader_new__dot:nth-child(0) {
	-webkit-animation-delay: calc(0.1s * 0);
	animation-delay: calc(0.1s * 0);
}
.rp .loader_new__dot:nth-child(1) {
	-webkit-animation-delay: calc(0.1s * 1);
	animation-delay: calc(0.1s * 1);
}
.rp .loader_new__dot:nth-child(2) {
	-webkit-animation-delay: calc(0.1s * 2);
	animation-delay: calc(0.1s * 2);
}
.rp .loader_new__dot:nth-child(3) {
	-webkit-animation-delay: calc(0.1s * 3);
	animation-delay: calc(0.1s * 3);
}
.rp .loader_new__dot:nth-child(4) {
	-webkit-animation-delay: calc(0.1s * 4);
	animation-delay: calc(0.1s * 4);
}
.rp .loader_new__dot:nth-child(5) {
	-webkit-animation-delay: calc(0.1s * 5);
	animation-delay: calc(0.1s * 5);
}
.rp .loader_new__dot:nth-child(6) {
	-webkit-animation-delay: calc(0.1s * 6);
	animation-delay: calc(0.1s * 6);
}
.rp .loader_new__dot:nth-child(7) {
	-webkit-animation-delay: calc(0.1s * 7);
	animation-delay: calc(0.1s * 7);
}
.rp .loader_new__dot:nth-child(8) {
	-webkit-animation-delay: calc(0.1s * 8);
	animation-delay: calc(0.1s * 8);
}
.rp .loader_new__dot:nth-child(9) {
	-webkit-animation-delay: calc(0.1s * 9);
	animation-delay: calc(0.1s * 9);
}

.rp .loader_new__dot:nth-child(10) {
	-webkit-animation-delay: calc(0.1s * 10);
	animation-delay: calc(0.1s * 10);
}

.rp .loader_new__dot:nth-child(11) {
	-webkit-animation-delay: calc(0.1s * 11);
	animation-delay: calc(0.1s * 11);
}

.rp .preflightNavBtnContainer {
	display: flex;
	flex-direction: row;
	/*padding-left:7rem;*/
	justify-content: center;
	gap:1rem
}


.rp .softwareMsg {
	gap: 2rem;
	display: flex;
	flex-direction: row;
    padding: 1.25rem 2rem;
	border: 0.5px solid #737373;
	
}

.rp .softwareMsgTitle {
	color: #B30000;
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
    line-height: 1.33em;
}

.rp .software-msg-content {
	color: #B30000;
	font-style: italic;
    font-size: 1rem;
}

.rp .softwareMsgText {
	display: flex;
	flex-direction: column
}

.rp .softwareMsg svg{
	scale:2
}

.rp .testlaunch-examid{
    margin: 0 200px;
}

.rp .testlaunch-examid__label, .rp .testlaunch-examid input{
    font-size: 1.25rem;
}

.rp .testlaunch-examid input{
    width: calc(100% - 20%);
}

#id-div{
    color: white;
    position: absolute;
    top: 10px;
    right: 0;
    padding: 5px;
    font-size: 15px;
    cursor: pointer;
    right: 4.5rem;
    font-weight: bold;
}

#assessment-dropdown{
    background: white;
    color: #003356;
    width: 20rem;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    /* background-image: none; */
    font-family: inherit;
    border-radius: 1rem;
    height: 3rem;
    border: 1px solid #003356;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='30' viewBox='0 0 24 24' width='30' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 8px center;
    /* padding-right: 40px; */
}
#assessment-dropdown:hover{
    color: white !important;
    background: #003356 !important;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='30' viewBox='0 0 24 24' width='30' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    outline: 3px solid #003356;
    outline-offset: 2px;
}

#scheduleMessage{
    padding: 25px;
    background: white;
    color: #003356;
    font-size: .9rem;
    font-weight: normal;
    border-radius: 1rem;
    border: 1px solid #003356;
    text-align: justify;
}

option {
 background: white;
 color: #003356;
 font-size: .9rem;
 font-weight: 700;
 border-radius: 1rem;
 border: 1px solid #003356;
}
/* select option:hover {
    background-color: #f1f1f1;
}
select option:checked {
    background-color: #003356;
    color: white;
} */

.auth-link-wrapper {
    color: #000000 !important;
    margin-top: 10rem;
    font-family: inherit;
}

.auth-link-wrapper #ladderInterviewLogin {
    text-decoration: underline;
    cursor: pointer;
    color: #003083;
}
.auth-link-wrapper{
    display: none;
}