/*@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;400;500;600;700;800;900&display=swap');*/
	
	
	
	/*@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
	
	

	#filesStatus {
		color:#ff1DA8;	
		min-height:1000px;
	}
	
	
	#topLogo{
		position: fixed; background-color:#2B2A28;top: 0; margin:auto; z-index:200;	
		text-align:center;
		
	}
	
	
	.center{
		margin-left:auto;
		margin-right:auto;
		display:flex;
	}
	
	.textMessage {
		padding:10px; text-align:center;
	}
	
	.pinkButton {
		background-color:#ff1DA8;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	
	body {
		background: #2B2A28;
		/*background: #262422;*/
		 min-height: 90vh;
	    display: flex;
	    flex-direction: column;
	    
	    font-family: 'Heebo', sans-serif;
	    
	    font-weight: 400; 
		font-style: normal;
	    
	    
	    margin-left:auto; margin-right:auto;
	}
	
	
	footer {
		margin-top: auto;
		padding-top:50px;
		padding-bottom:50px;
		
	}
	
	label{
		max-width:200px;
		font-size:14px;	
		font-weight:400;
	}
	
	.pinkButton {
		color:#FFFDF6; background:#FF1DA8; padding:20px; border-radius:50px; width:100%; font-size:26px; margin-top:20px;
		font-family: 'NarkissimBlock', sans-serif; 
	}
	
	.emptyButton{
		color:black; padding:10px; border-radius:50px; width:100%; font-size:26px; margin-top:20px;
		font-family: 'NarkissimBlock', sans-serif;  border-color:black; border-type:solid; border-width:2px;background: transparent;
	}
	
	
	.emptyPinkButton{
		color:#FF1DA8; padding:5px; border-radius:50px; width:100%; font-size:16pt; margin-top:20px;
		font-family: 'NarkissimBlock', sans-serif;  border-color:#FF1DA8; border-type:solid; border-width:1px;background: transparent; width:150px;
	}
	
	
	.detailBox{
		background:#F3F2ED;
		border-radius:50px;
		padding:20px;
		max-width:800px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.detailBoxInside{
		margin-top:20px; margin-left:auto; margin-right:auto; text-align:center
	}
	
	.subTitle {
		font-size:18pt;
		font-weight:500;
	}
	
	.subTitle2 {
		font-size:14pt;
		font-weight:500;
	}
	
	.checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 2px solid black;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-left:10px;
    background: transparent;
}

.checkbox-round:checked {
	background:url("https://alimut.org/img/checkedPink.gif") no-repeat;
	background-size: 20px;
    
}







.blackInput {
	color:white;
	background-color:black;
	border-radius:50px;
		margin-left:auto;
	margin-right:auto;
  padding:15px;
  font-size:14pt;
  position: relative;
  width: 280px;
  
}

.blackInput > label {
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -0.8em 0 0;
  font-weight: 300;
  font-size:14pt;
}
.blackInput .hide {
  display: none;
}
.first-text {
  color: white;
}
.second-text {
  color: #ff1DA8;
}

.blackInput input {
	

	
	background-color:black;
	border:none;
	color:white ;
	margin-right:80px;
	width:175px;
	
	
}


/*Change text in autofill textbox*/
/*input:-webkit-autofill{
    -webkit-text-fill-color: white !important;
    -webkit-background: black !important;
}*/




.blackInput input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px black inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #fff;
}

.blackInput input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px black inset;
    -webkit-text-fill-color: #fff;
}  


*:focus {
    outline: none;
}



.blackSelect {
	
	margin-left:auto;
	margin-right:auto;
	
	background-color:black;
	border-radius:50px;	
	height:60px;
	color:#fff !important;
	width: 280px;
	font-size:14pt;
	font-weight: 100;
	font-family: 'Heebo', sans-serif;
	
	
	
	 -webkit-appearance: none;
    -moz-appearance : none;

    padding:15px 20px;
}






.blackTextarea {
	margin-left:auto;
	margin-right:auto;
	background-color:black;
	border-radius:50px;
	padding:30px;
	width:280px;
	color:white;
	font-size:14pt;
	font-weight: 100;
	font-family: 'Heebo', sans-serif;
}




.blackSelect1 {
	background-color:black;
	color:white !important;
    display: inline-block;
    
    border-radius:50px;
	
	position: relative;
	
	

	&:after {
		border-color: blue transparent transparent transparent;
  		border-style: solid;
		border-width: 5px;
		content: '';
		position: absolute;
		pointer-events: none;
		top: 14px;
		right: 8px;
		z-index: 1000;
	}

	select {
		color: #ff0;
		display: inline-block;
		font-weight: 700;
		min-width: 150px;
		padding: 10px 18px 10px 10px; /* Right padding to account for triangle decoration */
		outline: none;
		-webkit-appearance: none;

		option {
			border: 2px solid blue;
			color: blue;
			font-weight: 700;
		}
	}
}






/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container .blackInput input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  background-color: black;
   border-radius: 50%;
}

.checkLabel{
	margin-right:15px; 
	display:inline-block;
}

.checkDetails {
	margin-right:auto;
	margin-left:auto;
	max-width:330px;
	margin-top:20px; 
	text-align:right;	
}

/* On mouse-over, add a black background color */
.container:hover input ~ .checkmark {
  background-color: black;
}

/* When the checkbox is checked, add a pink background */
.container input:checked ~ .checkmark {
  background-color: #ff1DA8;
  
  
}

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



/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}



/* Style the checkmark/indicator */
.container .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);
}



/*
input[type=checkbox].css-checkbox { position: absolute;  overflow: hidden;  clip: rect(0 0 0 0);  height:1px;  width:1px;  margin:-1px;  padding:0; border:0; } 
input[type=checkbox].css-checkbox + label.css-label { padding-left:20px; height:15px;  display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; } 
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; }  .css-label{ background-image:url(http://csscheckbox.com/checkboxes/lite-x-red.png); }
*/



.myFont{
  font-size:20px;
}


  
  
  #finishData {
	font-size:12pt;  
	width:300px;
	text-align:right;
  }





.upload-input-group {
    margin-bottom: 10px;
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
  height: 45px;
}







.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    width: auto;
    font-size: 16px;
    margin-top: 30px;
    //border: 1px solid #ccc;
    label {
        display: block;
        margin-bottom: 5px;
    }
}

.file-upload-wrapper {
    position: relative; 
    margin-bottom: 5px;
    //border: 1px solid #ccc;
}
.file-upload-input {
    width: 150px;
    margin-right:auto;
    margin-left:auto;
    color: black;
    font-size: 12ptx;
    padding: 11px 10px; 
    border: none;
    background-color: white; 
    
     border-top-left-radius: 80px;
     border-bottom-left-radius: 80px;
    @include transition(all 0.2s ease-in); 
    float: left; /* IE 9 Fix */
    &:hover, &:focus { 
        background-color: white;
        outline: none; 
    }
}
.file-upload-button {
    cursor: pointer; 
    display: inline-block; 
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 11px 10px; 
    border: none;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
    margin-left: -1px;  
    background-color: #ff1DA8; 
    float: left; /* IE 9 Fix */
    @include transition(all 0.2s ease-in);
    &:hover {
        background-color: #ff1DA8;
    }
    
   
    
}


.fileArea{
	padding:10px;
}
/*
input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}



label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
}
label:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  height: 20px;
  width: 20px;
  background-color: #ff1DA8;
  border-radius: 3px;
}

label:hover:before {
  background-color: #ff1DA8;
}

label:after {
  content: '';
  position: absolute;
  left: 7px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #333;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 0;
}

input:checked + label:after {
  opacity: 1;
}

*/



/*
#map { height: 350px; }

#mapData { max-height: 330px; overflow-y:hidden}
*/



</style>