body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.amnesty-registration-container{
	text-transform: uppercase;
	font-family: "AmnestyTradeGothic";
	width: 100%;
}

.amnesty-registration-container a{
	color: #000;
}

.amnesty-section{
	width: 100%;
}

a.amnesty-button.docebo-hover-yellow.success-subtitle2{
	width:auto;
	background-color: #ffff00;
}
/* header styles */

.amnesty-registration-header{
	display: flex;
	align-items: center;
	padding: 0;
	margin-bottom: 0;
    min-height: 50px;
    width: 100%;
}

.amnesty-logo{
	width: 118px;
	height: 50px;
	padding-left: 25px;
}

.amnesty-logo-link{
	height: 50px;
	margin-right: 25px;
}

.amnesty-logo-link:hover{
    background-color: transparent!important;
}

.amnesty-logo-link:focus{
   background-color: transparent!important;  
}

.success-subtitle2{
	font-family: "AmnestyTradeGothic-BdCn20" !important;
	font-size: 16px;
	font-weight: 1000;
}

.nav-end-container{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
    margin-right: 30px;
    
}

.nav-end-container *{
    font-family: "AmnestyTradeGothic" !important;

}


.dropdown{
	height: 50px;
	width: 114px;
    font-size: 14px;
	display: flex;
	justify-content: center;
    align-items: center; 
    color: #999999;
    border: 0.5px solid #9999; 
    border-radius:.13rem;
    margin-right: 10px;
}

.docebo-dropdown-hover{
    -webkit-transition: background ease-out 300ms;
    
    
	height: 29px;
    padding: 2px;
    display: flex;
    
    justify-content: center;
    align-items: center; 
    color: #0465ac;
    font-weight: 800;
    font-size: 14px;
    
    border-radius:.13rem;
}

.docebo-dropdown-hover:hover{
    background-color: rgb(228,228,228);
    transition: 300ms background ease;
    color: #0465ac!important;
   -webkit-transition: background ease 300ms;
   
}

.amnesty-buttons{
	display: flex;
}

.amnesty-button{
	width: 79px;
	height: 29px;
    padding:2px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    line-height: 35px;
    border-radius:.13rem;
}


.amnesty-buttons a{
    line-height: 1!important;
    text-align: center;
    font-size: 12px;
}

.register-btn{
    margin-right: 7px;
}

.login-btn{
    background: #ffff00;
    margin-right: -5px;
	
}

.login-btn:hover{

}


.black-bar{
	width: 100%;
	height: 40px;
	background: #000;
	margin-top: 0;
}
/* main body styles */ 

.amnesty-registration-form-container{
	width: 100%;
    position: relative;
    display: flex;
    align-items: stretch;
    height: 100%;
    min-height: calc(100vh - 145px);
	 background: #F8F5F7 !important;
}

.amnesty-aside-image{
	width: 70%;
    background-size: cover;
    background-image: url("Images/laptop.jpg");
    background-position: 0% 00%;

}

.amnesty-form{
    max-width: 30%;
    min-width: 400px;
    height: 100%;
	background: #F8F5F7;
    display: inline-block;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 25px;
}

/* registration form styles */ 

.amnesty-footer{
	height: 55px;
	width: 100%;
    background: #000;
    display: flex;
	justify-content: center;
	align-items: center;
}

.footer-link{
	color: #fff!important;
	text-decoration: none;
	font-size: 14px;
	padding-left: 25px;
}

.footer-link::after{
	content: '';
	height: 14px;
	width: 1px;
	background: #fff;
	display: inline-block;
	margin-left: 25px;
}

.footer-link:nth-child(3)::after{
	visibility: hidden;
}

.form-title {
    font-family: "AmnestyTradeGothic-BdCn20";
    font-size: 30px;
    font-weight: 600;
    margin: 25px 0px 10px 0px;
}

.form-subtitle {
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 500;
    font-size: 15px;
    font-family: Arial, "Helvetica Neue";
}

.success-title {
    font-size: 30px;
    font-weight: 600;
    margin: 25px 0;
    font-family: "AmnestyTradeGothic-BdCn20";
}

.success-subtitle {
    margin-bottom: 25px;
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
}

.form-group-title {
    text-transform: none;
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.form-group-title-password{
    text-transform: none;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.success-group-title {
    text-transform: none;
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.details-form{
    display: flex;
    flex-direction: column;
}

.checkbox-text {
    text-transform: none;
    font-weight: 500;
    font-size: 15px;
    width: 95%;
    font-family: Arial, "Helvetica Neue";
}

.checkbox{
    display: flex;
    margin-bottom: 15px;
      cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    padding: 10px;
}

.checkbox:nth-child(1){
    background: #cacaca;
}

input[type=checkbox]:focus + .checkmark{
    border: 1px solid #000;
    outline: 1px solid #000;
}


.amnesty-input {
    font-size: 16px;
    padding: 12px 8px;
    margin-bottom: 10px;
}

.amnesty-select{
    font-size: 16px;
    padding: 12px 8px;
    margin-bottom: 10px;
}


button {
    width: 35%;
    font-size: 24px;
    padding: 16px 20px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #ffff00;
    border: 2px solid #000;
    margin-left: 30%;
    cursor: pointer;
}



/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
    z-index: 2;
}

/* Create a custom checkbox */
.checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid rgb(118, 118, 118);
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #ffff00!important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked 
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
*/
/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}







/* fixes to be integrated into style sheet */ 


.amnesty-footer{
    justify-self: flex-end;
}

.amnesty-copyright-statement{
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
}


/* makes register now button smaller on laptops */ 

.details-form button{
    font-size: 16px;
    width: 40%;
}


/* checkbox stylings */ 

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

.checkbox input{
    width: 50px;
    height: 45px;
}

.checkbox input:checked ~ .checkmark{
    width: 50px;
    height: 45px;
    background-image: url("Images/Checkbox.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.checkmark{
    width: 50px;
    height: 45px;
    margin-right: 20px;
}




button{
    font-family: "AmnestyTradeGothic";
}





.language-text{
    margin-right: 2px;
}

/* select list styling */ 

.header-select{
    border: none;
    background-size: 10%;
    padding: 0;
    text-transform: uppercase;
    color: #0465ac;
    width: 75px;
    font-size: 14px!important;
    font-family: "AmnestyTradeGothic";
}

.amnesty-footer{
    justify-self: flex-end;
}

.amnesty-select{
    background-color: #fff!important;
    color: #666!important;
	 font-family: Arial !important;
}

.amnesty-input{
    color: #666!important;
}

/* makes register now button smaller on laptops */ 

.details-form button{
    font-size: 16px;
    width: 40%;
}


/* checkbox stylings */ 

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

.checkbox input{
    width: 45px;
    height: 40px;
}

.checkbox input:checked ~ .checkmark{
    width: 45px;
    height: 40px;
    background-image: url("Images/Checkbox.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.checkmark{
    width: 45px;
    height: 40px;
    margin-right: 20px;
}

select{
    background: url("Images/dropdown-arrow.png") no-repeat right;
    -webkit-appearance: none;
    background-position: 93%;
    font-family: "AmnestyTradeGothic";
    cursor: pointer;
}


button{
    font-family: "AmnestyTradeGothic";
}



.header-select{
    font-size: 13px!important;
    font-family: "AmnestyTradeGothic";
}

.language-text{
    margin-right: 2px;
}

/* select list styling */ 

.header-select{
    border: none;
    background-size: 10%;
    padding: 0 20px 0 0;
    text-transform: uppercase;
    color: #0465ac;
}

.error-message{
    color: #f00000;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 600;
}

.error-state{
    border: 1px solid #f00000;
}



.amnesty-hover:hover{
    background-color: #eeee00;
    transition: 100ms background ease;
}

.amnesty-hover:focus{
    background-color: #eeee00;
    transition: 100ms background ease;
}

.docebo-hover-yellow:hover{
    background-color: #eeee00;
    color: #000!important;
    
    box-shadow:0 1px 10px 0 rgba(0,0,0,.24);
    transition:opacity .2s ease-in;
    opacity: 0.9;
    transition:box-shadow .5s ease;
}

.docebo-hover-white{
    
    -webkit-transition: background ease-out 300ms;
} 
.docebo-hover-white:hover{
    
    background-color: rgb(228,228,228);
    transition: 300ms background ease;
    color: #000!important;
   -webkit-transition: background ease 300ms;
}
.amnesty-hover{
    transition: 100ms background ease;
}

.docebo-hover-yellow{
    box-shadow:0 1px 2px 0 rgba(0,0,0,.24);
    opacity: 1;
    transition:opacity .5s ease-in;
    border-radius:.13rem;
    color:#707070;
    
    
}



.hidden{
    opacity: 0;
    visibility: hidden;
    display: none;
}

.instagram-icon{
	display:none;
}



/* social media icons styling */

.social-media-icon-container{
    height: 40px;
    width: 45%;
    display: flex;
    justify-content: space-between;
}

.social-media-link{
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
}

.facebook-icon{
    background-image: url("Images/facebook-icon.png"); 
}

.twitter-icon{
    background-image: url("Images/twitter-icon.png"); 
}

.instagram-icon{
    background-image: url("Images/instagram-icon.png"); 
}

.linkedin-icon{
    background-image: url("Images/linkedin-icon.png"); 
}




/* social media icons styling */

.social-media-icon-container{
    height: 71px;
    width: 80%;
    display: flex;
    justify-content: space-between;
}


.facebook-icon{
    background-image: url("Images/facebook-icon.png"); 
}

.twitter-icon{
    background-image: url("Images/twitter-icon.png"); 
}

.instagram-icon{
    background-image: url("Images/instagram-icon.png"); 
}

.linkedin-icon{
    background-image: url("Images/linkedin-icon.png"); 
}



.aside-banner{
    font-family: "AmnestyTradeGothic-BdCn20";
    background: none;
    font-size: 40px;
    font-weight: 1000;
    max-width: 500px;
    height: auto;
    margin-bottom: 0;
    margin-left: 60px;
    margin-top: 100px;
    margin-bottom: 15px;
}


.aside-text{
    background: none;
    background-color: #000;
    color: #fff;
    padding: 14px 0.6em;
    max-width: 400px;
    font-size: 17px;
    line-height: 1.4;
    margin-left: 60px;
    margin-bottom: 15px;
    font-family: Arial, "Helvetica Neue"!important;
    text-transform: none!important;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* social media icons styling */

.social-media-icon-container{
    height: 71px;
    width: 45%;
    display: flex;
    justify-content: space-between;
}

.facebook-icon{
    background-image: url("Images/facebook-icon.png"); 
}

.twitter-icon{
    background-image: url("Images/twitter-icon.png"); 
}

.instagram-icon{
    background-image: url("Images/instagram-icon.png"); 
}

.linkedin-icon{
    background-image: url("Images/linkedin-icon.png"); 
}



/* fonts */ 


@font-face {
     font-family: "AmnestyTradeGothic";
     src: url("https://register.academy.amnesty.org/fonts/AmnestyTradeGothic.ttf");
   }
@font-face {
     font-family: "AmnestyTradeGothic-BdCn20";
     src: url("https://register.academy.amnesty.org/fonts/AmnestyTradeGothic-BdCn20.ttf");
   }
@font-face {
     font-family: "AmnestyTradeGothic-Cn18";
     src: url("https://register.academy.amnesty.org/fonts/AmnestyTradeGothic-Cn18.ttf");
   }
@font-face {
     font-family: "AmnestyTradeGothic-Bd2";
     src: url("https://register.academy.amnesty.org/fonts/AmnestyTradeGothic-Bd2.ttf");
   }
@font-face {
     font-family: "AmnestyTradeGothic-Light";
     src: url("https://register.academy.amnesty.org/fonts/AmnestyTradeGothic-Light.ttf");
   }

@font-face {
     font-family: "frutigerLight";
     src: url("https://register.academy.amnesty.org/fonts/Frutiger%20LT%20Arabic%2045%20Light.ttf");
   }
@font-face {
     font-family: "frutigerRoman";
     src: url("https://register.academy.amnesty.org/fonts/Frutiger%20LT%20Arabic%2055%20Roman.ttf");
   }
@font-face {
     font-family: "frutigerBold65";
     src: url("https://register.academy.amnesty.org/fonts/Frutiger%20LT%20Arabic%2065%20Bold.ttf");
   }
@font-face {
     font-family: "frutigerBold75";
     src: url("https://register.academy.amnesty.org/fonts/Frutiger%20LT%20Arabic%2075%20Black.ttf");
   }

/* arabic */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 400;
  src: local('Changa'), local('Changa-Regular'), url('https://fonts.gstatic.com/s/changa/v4/2-cm9JNi2YuVOUckY5y-au8.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

/* latin-ext */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 400;
  src: local('Changa'), local('Changa-Regular'), url('https://fonts.gstatic.com/s/changa/v4/2-cm9JNi2YuVOUckaJy-au8.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 400;
  src: local('Changa'), local('Changa-Regular'), url('https://fonts.gstatic.com/s/changa/v4/2-cm9JNi2YuVOUckZpy-.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#registered{
	display:none;	
}
 a:focus, a:hover {
   color: white;
   background-color: black;
   text-decoration: none
 }
 
 


 @media only screen and (max-width: 1000px) {
    .amnesty-registration-form-container {
        flex-direction: column;
        background-image: url("Images/laptop.jpg");
        background-size: cover;
        background-position: left;
        
    }
    
    .amnesty-button{
        height: 29px !important;
    }
	 
	 .instagram-icon{
		display:flex;
	  }
		
    
    .amnesty-aside-image {
        margin: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-image: none;
    }
		
		.amnesty-form{
        padding: 0 12px;
     }
		#password-input{
				margin-top: 1px;
		}
    
    .aside-text {
        margin-left: 0;
        margin-left: 0;
        font-size: 14px;
        width: 350px;  
        padding: 8px;
        box-sizing: border-box; 
        margin-bottom: 15px; 
    }

    .aside-banner {
        margin-left: 0;
        margin-top: 20px;
        margin-left: 0;
        font-size: 25px;
        width: 100%;
        width: 450px;
        
        box-sizing: border-box; 
        margin-bottom: 15px;
    }
		
    
    .amnesty-form {
        width: 100%;
        min-width: 0;
        margin: auto;
        max-width: 50%;
    }
  }


  @media only screen and (max-width: 750px) {
    .amnesty-form {
        max-width: 100%;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
		
		.dropdown{
			border:0;
		}
		
		.copyright{
			display:none;
		}
		
		.aside-banner > h1 {
			padding: 0.4rem !important;
		}
		
		.amnesty-aside-image {
        margin: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        background-image: none;
        
        background-image: url(Images/laptop.jpg);
        background-size: cover;
        background-position: left;
    }

    .social-media-icon-container {
        width: 100%;
    }
    .amnesty-button{
        height: 29px !important;
    }
        
    .aside-text {
        margin-left: 0;
        margin-left: 12px;
        font-size: 14px;
        width: 300px; 
        margin-bottom: 15px;
    }

    .aside-banner {
        margin-left: 0;
        margin-top: 20px;
        margin-left: 12px;
        font-size: 25px;
        width: 100%;
        width: 300px;
        margin-bottom: 15px;
    }
    
		.details-form button {
				width: 80%;
				margin-left: auto;
				margin-right: auto;
		}

    .amnesty-footer {

    }

    .footer-link {
        font-size: 13px;
    }

    .footer-link::after {
        width: 0;
    }

    .copyright{
        top: 150px;
        right: 0;
        left: auto!important;
        bottom: auto!important;
        margin-right: 20px;
    }
	 
	 #swal2-title{
		font-size:20 !important;
	 }
	 #swal2-content{
		font-size:14 !important;
	 }

}

@media only screen and (max-width: 650px) {
    .amnesty-copyright-statement{
            font-size: 10px;
    text-align: center;
    margin-right: 0;
    padding: 0;
    padding-left: 7px;
    padding-right: 7px;
    }

    .amnesty-button{
        height: 29px !important;
    }
    
    .aside-banner {
        flex-direction: column;
        align-items: flex-start;
        
    }

    .register-btn {
        display: none;
    }
		
		.copyright{
			display:none !important;
		}

    .footer-link {
        font-size: 10px;
        text-align: center;
        margin-right: 0;
        padding: 0;
        padding-left: 7px;
        padding-right: 7px;
    }

    
    .footer-link::after {
        display: none;
    }


    .nav-end-container {
            display: flex;
            height: max-content;
            margin-right: 30px;
            margin-left: auto;
    }
    
    .language-text {
            display: none;;
    }
    
    .amnesty-logo {
            padding-left: 0;
    }
    
    .dropdown  {
            font-size: 12px !important;
            width: 70px;
            padding-left: 10px;
            padding-right: 10px;
            height: 35px;
            border-bottom: none;
            position: center;
    }
    
    .dropdown-select {
            font-size: 12px !important;
            width: 70px;
    }
    
    .login-btn {
            font-size: 12px !important;
            height: 30px;
            width: 79px;
    }



    .nav-end-container {

    }
}
 
.social-media-icon-container,.success-group-title{
	display:none;
}

.amnesty-hover{
		margin-bottom:30px;
}
.amnesty-hover:focus{
    color: white;
    background-color: black;
    text-decoration: none;
}


.aside-banner >h1{
  background-color: #ffffff;
	font-size:inherit;
  color: #000000; 
  display: inline;
  padding: 0.6rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}


.aside-banner { 
  line-height: 1.4; 
   
}

.amnesty-select:focus{
	font-weight:bold;
}

.copyright{
    color: #FFF !important;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    font-size:8px;
    color: white;
    text-decoration: none;
    margin-bottom: 10px;
    margin-left: 10px;
}

.copyright > center > a{
    color: white;
}
.amnesty-logo-link:focus{
		outline:0 !important;
}
  @media only screen and (max-width: 1000px) and (min-width:750px) {
		 .aside-banner, .aside-text{
				 width:50% !important;
				 max-width:50% !important;
		 }
	}
  .amnesty-footer a {
  color:white;
  text-decoration:none;
}

.bolded{
  font-weight: 800;
}

:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow:none;
}

#swal2-title, #swal2-content, body > div.swal2-container.swal2-center.swal2-fade.swal2-shown > div > div.swal2-actions > button.swal2-confirm.swal2-styled{
    font-family: Arial, "Helvetica Neue" !important;
}

.swal2-popup .swal2-styled.swal2-confirm:hover {
    background-color: #eeee00 !important;
    transition: 100ms background ease !important;
}

.swal2-popup .swal2-styled.swal2-confirm{
	text-transform: uppercase !important;
	font-weight: 600 !important;
	background-color: #ffff00 !important;
	border: 2px solid #000 !important;
	cursor: pointer !important;
	text-align:center !important;
	padding-right:58px !important;
}

.register-btn{
	display:none;
}

.success-subtitle2{
	text-transform: none;
}

.success-subtitle2{
	font-family: "AmnestyTradeGothic-BdCn20" !important;
	font-size: 18px !important;
	font-weight: 1000;
}

a.amnesty-button.docebo-hover-yellow.success-subtitle2{
	padding-right:16px;
	padding-left:16px;
	padding-top:8px;
	padding-bottom: 8px;
}