html, body {
padding: 0;
margin: 0;
min-height: 100%;
}
body {
box-sizing: border-box;
background: white;
background-size: cover;
background-repeat: repeat-x;
background-position: 0%;
background-blend-mode: darken;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%;
/*overflow-y: auto;
overflow-x: auto;*/
}
    
@media screen and (max-width: 200px) {
body {
display: none;
        
}
}


/* Hide scrollbar for Chrome, Safari and Opera */
.home_scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.home_scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #b4ec6b; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #95ca4f; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #95ca4f; 
}

/* INDEX */

.confirm_email{
box-sizing: border-box;  
background-color: rgb(247, 10, 10);
color: white;
text-align: center;
/*background-color:transparent;*/
width: 100%;
min-height: 50px;
position: fixed;
left: 0;
top: 50px;
padding: 0px 5px  5px;
z-index: 10;
display:flex;
flex-direction: initial;
align-items: center;
justify-content: center;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;                       
*/
}

.ok_button_email_confirm{
cursor: pointer;
color: white;
background-color: #95ca4f;
border-radius: 7px;
border: 0;
}
.sidebar{
box-sizing: border-box;  
background-color: white;
/*background-color:transparent;*/
width: 100%;
height: 50px;
position: fixed;
/*left: 0;*/
top: 0;
padding: 0px 5px  5px;
z-index: 20;
display:flex;
flex-direction: initial;
align-items: center;
justify-content: space-between;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;                       
}

/*@media screen and (width: 1024px) {
.sidebar{
height: 80px;
}
}*/

    
.logo{   
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;        
/*text-align: left;*/
/*font-size: 40px;*/
/*font-size: 2vw;*/
background-image: url('image-icons/adjowato-logo-site2.png');
background-repeat: no-repeat;
/*background-position: 0%;*/
background-size: 100% 100%;
/*background-color: black;*/
width: 150px;
height: 35px;
font-family: sans-serif;
/*color: #0687f1;*/
/*padding: 10px;*/
margin-right: -35px;
margin-left: 10px;
font-weight: bold;
max-width: 120px;
min-height: 30px;  
/*background-color: #f5c6cb;*/
box-sizing: border-box;                
}
@media screen and (max-width: 1030px) {
a.logo {
/*display: none;*/
right: 0;
left: 0;
margin: 0 auto;
}
}

@media screen and (width: 240px) {
a.logo {
width: 90px;
}
}

/*@media screen and (width: 1024px) {
.logo{
max-width: 200px;
min-height: 50px;
}
}*/

.logo_index{
position: relative;
display: flex;
align-items: center;
justify-content: center;        
/*text-align: left;*/
/*font-size: 40px;*/
/*font-size: 2vw;*/
background-image: url('image-icons/adjowato-logo-site2.png');
background-repeat: no-repeat;
/*background-position: 0%;*/
background-size: 100% 100%;
/*background-color: black;*/
width: 220px;
height: 55px;
font-family: sans-serif;
/*color: #0687f1;*/
/*padding: 10px;*/
right: 0;
left: 0;
margin: 0 auto;
top: 30px;
font-weight: bold;
/*max-width: 120px;
min-height: 30px;  */
/*background-color: #f5c6cb;*/
box-sizing: border-box;    

}


.top_index_msg{
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-width: 50px;
min-height: 70px;
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
color: #95ca4f;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 12px;
font-weight: bolder;
top: 50px;
background-color: white;

}

@media screen and (max-width:640px) {
.top_index_msg {
max-width: 300px;
} 
}



.logo_contactus{
position: relative;
display: flex;
align-items: center;
justify-content: center;        
/*text-align: left;*/
/*font-size: 40px;*/
/*font-size: 2vw;*/
background-image: url('image-icons/adjowato-logo-site2.png');
background-repeat: no-repeat;
/*background-position: 0%;*/
background-size: 100% 100%;
/*background-color: black;*/
width: 170px;
height: 45px;
font-family: sans-serif;
/*color: #0687f1;*/
/*padding: 10px;*/
right: 0;
left: 0;
margin: 0 auto;
top: 10px;
font-weight: bold;
/*max-width: 120px;
min-height: 30px;  */
/*background-color: #f5c6cb;*/
box-sizing: border-box;    
  
}

.index_right_msg{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;  
color: #95ca4f;   
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 15px;
font-weight: bolder;
/*width: 380px;  */  
width: 200px;             
height: 200px;
top: 110px;
/*left: 36%;*/
right: -450px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
border: 2px solid whitesmoke;
border: 0;
/*z-index:2;*/
background-color:white;
}
@media screen and (max-width: 1050px) {
div.index_right_msg {
/*display: none;*/
right: -300px;
}
}

@media screen and (max-width: 800px) {
div.index_right_msg {
display: none;
/*margin: 0 auto;
left: 0;
right: 0;
top: 430px;
*/
}
}

.index_left_msg{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;  
color: #95ca4f;   
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 17px;
font-weight: bolder;
/*width: 380px;  */  
width: 200px;             
height: 200px;
top: -90px;
/*left: 36%;*/
left: -450px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
border: 2px solid whitesmoke;
border: 0;
/*z-index:2;*/
background-color:white;
}
@media screen and (max-width: 1050px) {
div.index_left_msg {
/*display: none;*/
left: -300px;  
}
}  
@media screen and (max-width: 800px) {
div.index_left_msg {
display: none;
/*margin: 0 auto;
left: 0;
right: 0;
top: 480px;
*/
}
} 

.index_bottom_msg{
position: relative;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;  
color: #95ca4f;   
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bolder;
/*width: 380px;  */  
width: 200px;             
height: 200px;
margin: 0 auto;
left: 0;
right: 0;
top: 500px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
border: 2px solid whitesmoke;
border: 0;
/*z-index:2;*/
background-color:white;
}
  
@media screen and (max-width: 800px) {
div.index_bottom_msg {
display: flex;
  
}
}

.index_bottom_msg_fr{
position: relative;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;  
color: #95ca4f;   
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bolder;
/*width: 380px;  */  
width: 200px;             
height: 200px;
margin: 0 auto;
left: 0;
right: 0;
top: 520px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
border: 2px solid whitesmoke;
border: 0;
/*z-index:2;*/
background-color:white;
}
    
@media screen and (max-width: 800px) {
div.index_bottom_msg_fr {
display: flex;
    
}
}

.indexup_bottom_msg{
position: relative;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;  
color: #95ca4f;   
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bolder;
/*width: 380px;  */  
width: 200px;             
height: 200px;
margin: 0 auto;
left: 0;
right: 0;
/*top: 700px;*/
top: 230px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
border: 2px solid whitesmoke;
border: 0;
/*z-index:2;*/
background-color:white;
}
    
@media screen and (max-width: 800px) {
div.indexup_bottom_msg {
display: flex;
top: 630px;    
}
}
    
.indexup_bottom_msg_fr{
position: relative;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;  
color: #95ca4f;   
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bolder;
/*width: 380px;  */  
width: 200px;             
height: 200px;
margin: 0 auto;
left: 0;
right: 0;
/*top: 700px;*/
top: 230px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
border: 2px solid whitesmoke;
border: 0;
/*z-index:2;*/
background-color:white;
}
      
@media screen and (max-width: 800px) {
div.indexup_bottom_msg_fr {
display: flex;
top: 650px;    
}
}
      

/* FIN INDEX */


/* PUBLISH ICON*/

.publish_icon_home_page{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
/*background-color: transparent;*/
color: #f7f8f6;
width: 200px;
position: absolute;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
/*top: 10px;*/
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.publish_icon_home_page:hover{
filter: brightness(1.1);
}
/*@media screen and (min-width: 200px) and (max-width: 250px) {
a.signup_home_page {
margin-right:55px;
          
}
}*/

@media screen and (max-width: 1030px) {
a.publish_icon_home_page {
display: none;
}
}

/*FIN PUBLISH ICON*/


/*IMG MENU SIDEBAR*/
.img_menu_sidebar{
position: absolute;    
display: flex;
/*float: right;*/
right: 0;
height: 40px;
width: 40px;
border:2px solid #eaecec;
border-radius: 50%;
background-image: url('image-icons/signin-signup-logo-1.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*margin-right: 3%;*/
margin-top:5px;
cursor: pointer;
                       
}

/*@media screen and (width: 1024px) {
.img_menu_sidebar{
height: 70px;
width: 70px;
}
}*/
    
/*@media screen and (max-width: 1200px) {
img.profile_img_sidebar {
display: none;
}
}*/

.img_search_sidebar{
position: absolute;    
display: none;
/*float: right;*/
right: 70px;
height: 30px;
width: 30px;
/*border:2px solid #eaecec;*/
border-radius: 50%;
background-image: url('image-icons/search-sidebar-icon.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*margin-right: 3%;*/
margin-top:5px;
cursor: pointer;
                         
}

@media screen and (max-width:280px) {
.img_search_sidebar {
right: 50px;
height: 20px;
width: 20px;
} 
}

@media screen and (max-width:320px) {
.img_search_sidebar {
right: 60px;
} 
}

@media screen and (width:240px) {
.img_search_sidebar {
right: 50px;
} 
}

@media screen and (width:280px) {
.img_search_sidebar {
right: 50px;
} 
}  




/*FIN IMG MENU SIDEBAR*/








/* DEBUT CART */

.img_cart_sidebar{
position: absolute;    
display: flex;
align-items: start;
justify-content: center;
/*right: 110px;*/
right: 150px;
height: 35px;
width: 35px;
color: red;
/*border:2px solid #eaecec;*/
/*background-color: #721c24;*/
background-image: url('image-icons/cart-icon.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*margin-right: 3%;*/
margin-top:5px;
cursor: pointer;
top: 5px;
}

@media screen and (max-width: 600px) {
.img_cart_sidebar {
left: 50px;
}
}

.cart_background{
position: fixed;
display:none;
align-items: center;
justify-content: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 25;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
/*opacity: 0.5;*/
}
      
.cart_content{
position: fixed;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
top: 0;
/*left: 0;*/
/*z-index: 20;*/
min-width: 250px;
height: 50%;
background-color: white;
overflow: scroll;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;             
}
      
.cart_close{
position: absolute;
display:flex;
align-items: center;
justify-content: center;
top: 20px;
/*z-index: 20;*/
width: 20px;
height: 20px;
color: white;
/*background-image: url('image-icons/close-icon.png');*/
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: transparent;
cursor: pointer;
}

.cart_items_content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
width: 80%;
min-height: 200px;
top: 50px;
/*outline: 1px solid red;*/
box-sizing: border-box;
}


.cart_items_total_content {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: rgb(110, 109, 109);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 70%;
min-height: 50px;
margin: 10px 0;
/*outline: 1px solid purple;*/
}



.cart_items_total_price_content {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: rgb(110, 109, 109);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 70%;
min-height: 50px;
margin: 10px 0;
/*outline: 1px solid purple;*/
}

.cart_total_pay_bnt_content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
width: 70%;
min-height: 50px;
margin: 10px 0;
/*outline: 1px solid purple;*/
}

.cart_pay_btn{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
width: 60%;
min-height: 20px;
color: white;
background-color: #95ca4f;
border-radius: 20px;
border: 1px solid #95ca4f;
cursor: pointer;
text-decoration: none;
}

.cart_submit_form {
display: flex;
align-items: center;
justify-content: center;
width: 70%;
min-height: 50px;
margin: 10px 0;
/*outline: 1px solid purple;*/
}



.adjo_adjo_cart {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
/*border: 1px solid #95ca4f;*/
border: 1px solid whitesmoke;
/*padding: 1rem 1rem;*/
/*vertical-align: middle;*/
width: 200px;
height: 200px;
margin-bottom: 5px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}  


.adjo_adjo_cart_title{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
width: 60%;
min-height: 40px;
border: 1px solid whitesmoke;
/*border-width: 0px;*/
/*border: 1px solid red;*/
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
font-size: 12px;
word-break: break-all;
}
    

.adjo_adjo_cart_image{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
min-width: 50px;
min-height: 50px;
max-width: 80px;
max-height: 80px;
border: 1px solid whitesmoke;
margin: 0 auto;
top: 7px;
text-decoration: none;

}  



.cart_item_delete_btn{
width: 20px;
height: 20px;
background-color: transparent;
background-image: url('image-icons/close-icon3.png');
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid red;
cursor: pointer;
}


.cart_item_price{
text-align: center;
color: rgb(110, 109, 109);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


/* FIN CART */




/* DEBUT NOTIFICATION */

.img_notif_sidebar{
position: absolute;    
display: flex;
align-items: center;
justify-content: center;
/*right: 150px;*/
right: 110px;
height: 35px;
width: 35px;
color: red;
/*border:2px solid #eaecec;*/
/*background-color: #131313;*/
background-image: url('image-icons/bell-icon.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*margin-right: 3%;*/
margin-top:5px;
cursor: pointer;
top: 5px;
text-decoration: none;
text-align: center;
}

@media screen and (max-width: 600px) {
.img_notif_sidebar {
/*left: 90px;*/
/*left: 50px;*/
display: none;
}
}


.img_notif_menu_responsive{
position: absolute;    
display: flex;
align-items: center;
justify-content: center;
/*right: 150px;*/
right: 120px;
height: 35px;
width: 35px;
color: red;
/*border:2px solid #eaecec;*/
/*background-color: #131313;*/
background-image: url('image-icons/bell-icon.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*margin-right: 3%;*/
margin-top:5px;
cursor: pointer;
top: 5px;
text-decoration: none;
text-align: center;
z-index: 5;
}


.img_notif_index{
position: absolute;    
display: flex;
align-items: center;
justify-content: center;
/*right: 150px;*/
right: 40px;
height: 45px;
width: 45px;
color: red;
/*border:2px solid #eaecec;*/
/*background-color: #131313;*/
background-image: url('image-icons/bell-icon.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*margin-right: 3%;*/
margin-top:5px;
/*cursor: pointer;*/
top: 5px;
text-decoration: none;
text-align: center;
font-size: 13px;
z-index: 5;
}

/* FIN NOTIFICATION */







/* PUBLISH ICON RESPONSIVE*/

.publish_icon_home_page_responsive{
/*position: relative;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 3px solid whitesmoke;
text-align: center;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 30px;
height: 30px;
position: absolute;
left: 0;
/*right: 0;*/
padding: 4px 4px;
margin: 20px  ;
margin-top: 22px;
margin-left: 1px;
/*top: 10px;*/
/*margin: 0 auto;*/
text-align: center;
text-decoration: none;
display: none;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.publish_icon_home_page_responsive:hover{
filter: brightness(1.1);
}
    
@media screen and (max-width: 1030px) {
a.publish_icon_home_page_responsive {
display: flex;
}
}

/*@media screen and (width: 1024px) {
.publish_icon_home_page_responsive{
height: 60px;
width: 60px;
font-size: 30px;
}
}*/

    
/*FIN PUBLISH ICON RESPONSIVE */



/* MENU SIDEBAR CONTENT*/
.menu_sidebar_content{
width: 200px; 
position:fixed;
top: 60px;
/*min-height: 65%;*/
height: 123px;
/*left: 71%;*/
right: 0;
background-color: white;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border:2px solid #95ca4f;
display: none;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;                   
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
z-index: 10;                    
}
    
.close_navemenu{
position: relative;
margin-left: 170px;
margin-top: -80px;
cursor: pointer;
font-size: 20px;
font-weight: bold;
color: #95ca4f;
                        
}
/* FIN MENU SIDEBAR CONTENT*/


/* MENU SIDEBAR BUTTON*/
.menu_sidebar_button_signin{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
position: absolute;
left: 0;
right: 0;
top: 20px;
padding: 7px 1px;
margin: 20px  ;
/*top: 10px;*/
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.menu_sidebar_button_signin:hover{
filter: brightness(1.1);
}
/*@media screen and (min-width: 200px) and (max-width: 250px) {
a.signup_home_page {
margin-right:55px;
              
}
}*/


.menu_sidebar_button_signup{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
position: absolute;
left: 0;
right: 0;
top: 65px;
padding: 7px 1px;
margin: 20px  ;
/*top: 10px;*/
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.menu_sidebar_button_signup:hover{
filter: brightness(1.1);
}
/*@media screen and (min-width: 200px) and (max-width: 250px) {
a.signup_home_page {
margin-right:55px;
                  
}
}*/

.menu_sidebar_button_signin_publish{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
position: absolute;
left: 0;
right: 0;
top: 40px;
padding: 7px 1px;
margin: 20px  ;
/*top: 10px;*/
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.menu_sidebar_button_signin:hover{
filter: brightness(1.1);
}





/*FIN MENU SIDEBAR BUTTON*/



/* COUNTRY LIST SEARCH */

.country_list_search_content{
position: fixed;
display:none;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 25%;
/*width: 35%;*/
top: 51px;
min-height: 40px;
border-radius: 5px;
background-color: #95ca4f;
border: 1px solid white;
text-align: center;
text-decoration: none;
margin:0 auto;
/*color:#0687f1;*/
z-index:1;
    
left: 0;
right: 0;
    
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 */   
}

@media screen and (max-width:640px) {
.country_list_search_content {
width: 60%;
} 
}

.country_search_box{
width: 100%;
min-height: 40px;
color: yellowgreen;
outline: 0;
border: 3px solid #95ca4f;
border-radius: 20px;
font-weight: bold;
}




.no_adjos_engine{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #95ca4f;
border: 1px solid #95ca4f;
color: white;
/*min-width: 40%;*/
width: 300px;
height: 25px;
/*height: 80%;*/
top: 200px;
margin-bottom: 20px;
}

@media screen and (max-width:640px) {
.no_adjos_engine {
width: 200px;
} 
}

/*.title_country_search{
position: fixed;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 10%;
top: 60px;
min-height: 30px;
background-color: yellowgreen;
text-align: center;
text-decoration: none;
margin:0 auto;
color:#f8f9fa;
z-index:1;   
left: 0;
right: 0;

}*/

/* FIN COUNTRY LIST SEARCH */ 




/* ADJO CONTENT*/
.adjo_content{
/*position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 1px solid #95ca4f;
min-width: 40%;
min-height: 15cm;
top: 100px;*/

position: relative;
display: flex;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: white;
padding: 5px;
width: 60%;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
top: 1px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 */ 

}
  
@media screen and (max-width:640px) {
.adjo_content {
width: 100%;
} 
}

@media screen and (max-width:712px) {
.adjo_content {
width: 100%;
} 
}

@media screen and (width:800px) {
.adjo_content {
width: 100%;
} 
}


@media screen and (width:820px) {
.adjo_content {
width: 100%;
} 
}
  

@media screen and (width:768px) {
.adjo_content {
width: 100%;
} 
}

@media screen and (width:912px) {
.adjo_content {
width: 100%;
} 
}


@media screen and (width:1024px) {
.adjo_content {
width: 100%;
} 
}

@media screen and (width:1280px) {
.adjo_content {
width: 66%;
} 
}


@media only screen and (min-width: 716px) and (max-width: 1030px){
.adjo_content {
width: 100%;
} 
} 



.new_adjo_content{
position: relative;
display: flex;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: white;
padding: 5px;
width: 60%;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
top: 45px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/ 
  
}
    
@media screen and (max-width:640px) {
.new_adjo_content {
width: 100%;
} 
}
  
@media screen and (max-width:712px) {
.new_adjo_content {
width: 100%;
} 
}
  
@media screen and (width:800px) {
.new_adjo_content {
width: 100%;
} 
}
  
  
@media screen and (width:820px) {
.new_adjo_content {
width: 100%;
} 
}
    
  
@media screen and (width:768px) {
.new_adjo_content {
width: 100%;
} 
}
  
@media screen and (width:912px) {
.new_adjo_content {
width: 100%;
} 
}
  
  
@media screen and (width:1024px) {
.new_adjo_content {
width: 100%;
} 
}
  
@media screen and (width:1280px) {
.new_adjo_content {
width: 66%;
} 
}
  
  
@media only screen and (min-width: 716px) and (max-width: 1030px){
.new_adjo_content{
width: 100%;
} 
} 





.adjo_adjo_content {      
/*border: 1px solid black;*/
margin: 0rem;
padding: 0rem 0rem;
text-align: center;
    
}
  

@media screen and (max-width:712px) {
.adjo_adjo_content {
width: 100%;
} 
}

@media screen and (width:1280px) {
.adjo_adjo_content {
width: 100%;
} 
}



.adjo_adjo {
position: relative;
display: inline-block;
flex-direction: center;
align-items: center;
justify-content: center;
box-sizing: border-box;
/*border: 1px solid #95ca4f;*/
border: 1px solid whitesmoke;
/*padding: 1rem 1rem;*/

vertical-align: middle;
min-width: 200px;
min-height: 200px;
margin-bottom: 5px;


box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    
}

@media screen and (width:640px) {
.adjo_adjo {
width: 150px;
height: 150px;
} 
}


@media screen and (width:360px) {
.adjo_adjo {
width: 160px;
height: 160px;
} 
}
  
/*@media screen and (width:600px) {
.adjo_adjo {
width: 280px;
height: 280px;
} 
}*/

@media screen and (width:712px) {
.adjo_adjo {
width: 310px;
height: 310px;
} 
}

@media screen and (width:800px) {
.adjo_adjo {
width: 370px;
height: 370px;
} 
}

@media screen and (width:384px) {
.adjo_adjo {
width: 180px;
height: 180px;
} 
}

@media screen and (width:640px) {
.adjo_adjo {
width: 200px;
height: 200px;
} 
}

@media screen and (width:412px) {
.adjo_adjo {
width: 190px;
height: 190px;
} 
}


@media screen and (width:480px) {
.adjo_adjo {
width: 380px;
height: 380px;
} 
}

@media screen and (width:393px) {
.adjo_adjo {
width: 184px;
height: 184px;
} 
}


@media screen and (width:353px) {
.adjo_adjo {
width: 160px;
height: 160px;
} 
}


@media screen and (width:375px) {
.adjo_adjo {
width: 175px;
height: 175px;
} 
}

@media screen and (width:414px) {
.adjo_adjo {
width: 350px;
height: 350px;
} 
}

@media screen and (width:390px) {
.adjo_adjo {
width: 350px;
height: 350px;
} 
}


@media screen and (width:820px) {
.adjo_adjo {
width: 370px;
height: 370px;
} 
}


@media screen and (width:768px) {
.adjo_adjo {
width: 370px;
height: 370px;
} 
}


@media screen and (width:912px) {
.adjo_adjo {
width: 395px;
height: 395px;
} 
}


@media screen and (width:540px) {
.adjo_adjo {
width: 250px;
height: 250px;
} 
}

@media screen and (width:412px) {
.adjo_adjo {
width: 380px;
height: 380px;
} 
}


@media screen and (width:1024px) {
.adjo_adjo {
width: 331px;
height: 331px;
} 
}

@media screen and (width:1280px) {
.adjo_adjo {
width: 270px;
height: 270px;
} 
}

@media screen and (width:411px) {
.adjo_adjo {
width: 320px;
height: 320px;
} 
}


.adjo_adjo_title{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
/*justify-content: space-evenly;*/
justify-content: center;

width: 98%;
height: 70px;
border: 1px solid whitesmoke;
/*border-width: 0px;*/
/*border: 1px solid red;*/
margin: 0 auto;
left: 0;
right: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
font-size: 12px;
text-align: center;


/*word-break: break-all;*/
}

@media screen and (width:360px) {
.adjo_adjo_title {
height: 60px;
font-size: 15px;
} 
}

/*@media screen and (width:600px) {
.adjo_adjo_title {
height: 90px;
font-size: 23px;
} 
}*/

@media screen and (width:712px) {
.adjo_adjo_title {
height: 130px;
font-size: 30px;
} 
}

@media screen and (width:800px) {
.adjo_adjo_title {
height: 150px;
font-size: 35px;
} 
}

@media screen and (width:384px) {
.adjo_adjo_title {
height: 70px;
font-size: 15px;
} 
}

@media screen and (width:640px) {
.adjo_adjo_title {
height: 75px;
font-size: 18px;
} 
}


@media screen and (width:412px) {
.adjo_adjo_title {
height: 95px;
font-size: 25px;
} 
}


@media screen and (width:480px) {
.adjo_adjo_title {
height: 85px;
font-size: 25px;
} 
}

@media screen and (width:393px) {
.adjo_adjo_title {
height: 70px;
font-size: 18px;
} 
}


@media screen and (width:353px) {
.adjo_adjo_title {
height: 60px;
font-size: 15px;
} 
}

@media screen and (width:375px) {
.adjo_adjo_title {
height: 70px;
font-size: 16px;
} 
}


@media screen and (width:414px) {
.adjo_adjo_title {
height: 95px;
font-size: 25px;
} 
}


@media screen and (width:390px) {
.adjo_adjo_title {
height: 95px;
font-size: 25px;
} 
}


@media screen and (width:820px) {
.adjo_adjo_title {
height: 150px;
font-size: 35px;
} 
}

@media screen and (width:768px) {
.adjo_adjo_title {
height: 150px;
font-size: 35px;
} 
}

@media screen and (width:912px) {
.adjo_adjo_title {
height: 150px;
font-size: 35px;
} 
}

@media screen and (width:540px) {
.adjo_adjo_title {
height: 100px;
font-size: 20px;
} 
}

@media screen and (width:280px) {
.adjo_adjo_title {
height: 70px;
font-size: 18px;
} 
}


@media screen and (width:1024px) {
.adjo_adjo_title {
height: 140px;
font-size: 27px;
} 
}

@media screen and (width:1280px) {
.adjo_adjo_title {
height: 120px;
font-size: 30px;
} 
}
  
@media screen and (width:411px) {
.adjo_adjo_title {
height: 100px;
font-size: 20px;
} 
}


@media screen and (width:320px) {
.adjo_adjo_title {
height: 66px;
font-size: 17px;
} 
}


.adjo_adjo_image{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 90px;
min-height: 90px;
max-width: 110px;
max-height: 110px;
border: 1px solid whitesmoke;
margin: 0 auto;
top: 7px;
}  

@media screen and (width:640px) {
.adjo_adjo_image {
width: 60px;
height: 60px;
} 
}

@media screen and (width:360px) {
.adjo_adjo_image {
width: 80px;
height: 80px;
} 
}

/*@media screen and (width:600px) {
.adjo_adjo_image {
width: 170px;
height: 170px;
} 
}*/


@media screen and (width:712px) {
.adjo_adjo_image {
width: 160px;
height: 160px;
} 
}

@media screen and (width:800px) {
.adjo_adjo_image {
width: 190px;
height: 190px;
} 
}


@media screen and (width:384px) {
.adjo_adjo_image {
width: 90px;
height: 90px;
} 
}

@media screen and (width:640px) {
.adjo_adjo_image {
width: 105px;
height: 105px;
} 
}

@media screen and (width:412px) {
.adjo_adjo_image {
width: 240px;
height: 240px;
} 
}


@media screen and (width:480px) {
.adjo_adjo_image {
width: 270px;
height: 270px;
} 
}


@media screen and (width:393px) {
.adjo_adjo_image {
width: 95px;
height: 95px;
} 
}

@media screen and (width:353px) {
.adjo_adjo_image {
width: 80px;
height: 80px;
} 
}


@media screen and (width:375px) {
.adjo_adjo_image {
width: 88px;
height: 88px;
} 
}


@media screen and (width:414px) {
.adjo_adjo_image {
width: 230px;
height: 230px;
} 
}

@media screen and (width:390px) {
.adjo_adjo_image {
width: 230px;
height: 230px;
} 
}


@media screen and (width:820px) {
.adjo_adjo_image {
width: 195px;
height: 195px;
} 
}


@media screen and (width:768px) {
.adjo_adjo_image {
width: 195px;
height: 195px;
} 
}

@media screen and (width:912px) {
.adjo_adjo_image {
width: 220px;
height: 220px;
} 
}
  
@media screen and (width:540px) {
.adjo_adjo_image {
width: 127px;
height: 127px;
} 
}

@media screen and (width:1024px) {
.adjo_adjo_image {
width: 170px;
height: 170px;
} 
}

@media screen and (width:1280px) {
.adjo_adjo_image {
width: 130px;
height: 130px;
} 
}

@media screen and (width:411px) {
.adjo_adjo_image {
width: 200px;
height: 200px;
} 
}



/* FIN ADJO CONTENT*/

/*HOME LEFT ADS*/
.home_left_ads{
position: fixed;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
/*width: 380px;  */  
width: 200px;                  
height: 200px;
top: 60px;
/*left: 36%;*/
left: 1px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
/*border: 2px solid whitesmoke;*/
/*z-index:2;*/
background-color:white;
}
@media screen and (max-width: 1290px) {
div.home_left_ads {
display: none;
}
}

/*.close_ads{
position: relative;
margin-left: 270px;
margin-top: -175px;
cursor: pointer;
font-size: 20px;
font-weight: bold;
color: #0687f1;   
}*/
        
/* FIN HOME LEFT ADS*/
    


/*HOME RIGHT ADS*/
.home_right_ads{
position: fixed;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
/*width: 380px;  */  
width: 200px;             
height: 200px;
top: 60px;
/*left: 36%;*/
right: 0;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
/*border: 2px solid whitesmoke;*/
border: 0;
/*z-index:2;*/
background-color:white;
}
@media screen and (max-width: 1030px) {
div.home_right_ads {
display: none;
}
}
/*.close_ads{
position: relative;
margin-left: 270px;
margin-top: -175px;
cursor: pointer;
font-size: 20px;
font-weight: bold;
color: #0687f1;   
}*/
    
/* FIN HOME RIGHT ADS*/



/* DEBUT HOME RIGHT ARROW*/

.home_right_arrowd{
position: fixed;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;   
cursor: pointer;  
/*width: 380px;  */  
width: 40px;             
height: 40px;
top: 500px;
/*left: 36%;*/
right: 0;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
/*border: 2px solid whitesmoke;*/
z-index:10;
/*background-color:white;*/
}

@media screen and (width: 240px) {
.home_right_arrowd {
top: 230px;    
width: 20px;             
height: 20px;      
}
}

@media screen and ( max-height: 550px ) { 
  
.home_right_arrowd{
top: 240px;    
width: 30px;             
height: 30px; 
}
    
}


.home_right_arrowu{
position: fixed;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;    
cursor: pointer; 
/*width: 380px;  */  
width: 40px;             
height: 40px;
top: 450px;
/*left: 36%;*/
right: 0;
/* box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
/*border-radius: 5px;*/
/*border: 2px solid whitesmoke;*/
z-index:10;
/*background-color:white;*/
}

@media screen and (width: 240px) {
.home_right_arrowu {
top: 200px;  
width: 20px;             
height: 20px;         
}
}


@media screen and ( max-height: 550px ) { 
  
.home_right_arrowu{
top: 200px;  
width: 30px;             
height: 30px;
}
    
}

/* FIN HOME RIGHT ARROW*/




/* SIGN IN */

.popup{
/*margin: 5% auto;*/
position: absolute;
/*top: 90px;*/
top: 200px;
margin-top: 10px;
margin-bottom: auto;
/*min-width: 300px;
max-width: 410px;
width: 30%;*/
/*width: 30%;*/
width: 380px;
background-color: white;
border-radius: 5px;
padding: 1em;
min-height: 12cm;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
                       
}
/*@media screen and (min-width: 200px) and (max-width: 330px) {
div.popup {
min-width: 200px;
        
}
}
*/

@media screen and (max-width:640px) {
.popup {
width: 80%;
} 
}




.connect-form {
                    
font-size: 12px;
background: #fafafa;
border: 1px solid #ddd;
margin-bottom: 35px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
height: 40px; 
outline: 0;
display: flex;
align-items: center;
/*justify-items: left;*/
                        
}

.int-signin{
width: 90%;
border-width: 0;
outline: 0; 
background-color: transparent;
}


.login-btn {
border-radius: 50px;
background-color:#95ca4f ;
color: #f4f6f7;
width: 100px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 1.8rem;
transform: translateX(-10%);
position: relative;
height: 30px;
border: none;
padding: 5px;
top: 5px;
cursor: pointer;
font-size: 15px;
text-align: center;
}
.login-btn:hover{
filter: brightness(1.1);
}

/* FIN SIGN IN */


/* SIGNUP */
.content_signup{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
margin-top: 25px;
                  
}
.signup_home_page{
position: relative;
border-radius: 50px;
background-color: #f4f6f7;
color: #95ca4f;
width: 100px;
position: absolute;
right: 10px;
padding: 7px 1px;
margin: 20px  ;
top: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}
.signup_home_page:hover{
filter: brightness(1.1);
}
@media screen and (min-width: 200px) and (max-width: 250px) {
a.signup_home_page {
margin-right:55px;
      
}
}
    
.signup{
position: relative;
border-radius: 50px;
background-color: #f4f6f7;
color: #95ca4f;
width: 100px;
position: absolute;
right: 10px;
padding: 7px 1px;
margin: 20px  ;
top: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}
.signup:hover{
filter: brightness(1.1);
}
    
@media screen and (min-width: 200px) and (max-width: 900px) {
a.signup {
display: none;
}
}
    
.popup_signup{
/*margin: 5% auto;*/
position: absolute;
/*top: 90px;*/
top: 200px;
margin-top: 10px;
margin-bottom: auto;
/*min-width: 300px;
max-width: 410px;*/
/*width: 30%;*/
width: 380px;
background-color: white;
border-radius: 5px;
padding: 1em;
/*height: 13cm;*/
min-height: 15cm;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
                        
}

/*
@media screen and (min-width: 200px) and (max-width: 500px) {
div.popup_signup {
min-width: 95px;
}
}
*/
/*@media screen and (max-width:640px) {
.popup_signup{
min-width: 90%;
} 
}*/

/*@media screen and (min-width: 200px) and (max-width: 330px) {
  div.popup_signup {
  min-width: 200px;
          
}
}

@media screen and (width: 1024px) {
.popup_signup{
width: 1500px;
}
}
*/
@media screen and (max-width:640px) {
.popup_signup {
width: 80%;
} 
}
  
        
.signup_form {
font-size: 12px;
background: #fafafa;
border: 1px solid #ddd;
margin-bottom: 35px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
height: 40px; 
outline: 0;
display: flex;
align-items: center;
/*justify-items: left;*/
                            
}

.signup_form2 {
font-size: 12px;
/*background: #fafafa;
border: 1px solid #ddd;*/
margin-bottom: 35px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
height: 40px; 
outline: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
                              
}

/*.signup_formf {
font-size: 12px;
background: #fafafa;
border: 1px solid #ddd;
margin-bottom: 35px;
padding-left: 10px;
border-radius: 50px;
box-shadow:5px 5px 5px #95ca4f;
width: 97%;
height: 40px; 
outline: 0;
display: flex;
align-items: center;
justify-items: right;
outline:none;
                            
} */
/*::-webkit-file-upload-button {
    
color: white;
background: #0687f1;
padding: 8px;
border: none;
border-radius: 50px;
box-shadow:1px 0 1px 1px #0687f1;
outline: none;
    
}*/
                          
.int{
width: 90%;
border-width: 0;
outline: 0; 
background-color: transparent;
}
    
.signup_btn {
border-radius: 50px;
background-color:#95ca4f ;
color: #f4f6f7;
width: 100px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 1.8rem;
transform: translateX(-10%);
position: relative;
height: 30px;
border: none;
padding: 5px;
top: 1px;
cursor: pointer;
font-size: 15px;
text-align: center;
}

.signup_btn:hover{
filter: brightness(1.1);
}

.texte_signup {
color: rgb(122, 122, 122);
position: relative;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: -0.2%;
margin-top: -0.7cm;
text-align: center;
}


.signup_link {
color: #95ca4f;
width: 100px;                  
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 1.8rem;
transform: translateX(-10%);
position: relative;
text-decoration: none;
display: flex;
padding: 5px;
top: 5px;
font-size: 12px;
text-align: center;
}
/*@media screen and (min-width: 900px) {
a.signup_link {
display: none;
        
}
}*/

.verify_code{
font-size: 13px;
margin-bottom: 35px;
border-radius: 5px;
width: 50%;
height: 20px; 
text-align: center;
color: #95ca4f;
display: flex;
align-items: center;
justify-items: center;
justify-content: center;
left: 0;
right: 0;
margin: 0 auto;
}

.verify_code_form{
font-size: 12px;
background: #fafafa;
border: 1px solid #ddd;
margin-bottom: 35px;
border-radius: 5px;
width: 50%;
height: 20px; 
align-items: center;
outline: 0;
display: flex;
align-items: center;
/*justify-items: center;
justify-content: center;*/
left: 0;
right: 0;
margin: 0 auto;
                              
}     
    
/* FIN SIGNUP */

    
/* ALERT */
/*input:required:focus {
border: 1px solid red;
outline: none;
}*/    
.alert {
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
color: #721c24;
background: #f8d7da;
border: 1px solid #f5c6cb;
text-align: center;                            
font-size: 11px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
height: 40px; 
width: 100%;
margin-bottom: 25px;
}


/* FIN ALERT */





/* DEBUT SUCCESSFUL */


.SUCCESSFUL {  
/*display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;      
text-align: center;   
color: white;         
font-size: 12px;
width: 100%;
min-height: 2px;
margin: 20px 0;
background-color: #95ca4f;
font-weight: bold;
margin-bottom: -1px;
border: 1px solid #95ca4f;
padding: 10px 0;
border-radius: 2px;*/

position: relative;
top: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
color: white;
background: #95ca4f;
border: 1px solid #95ca4f;
text-align: center;                            
font-size: 11px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
height: 40px; 
width: 100%;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}

.SUCCESSFUL_PASSWORD {  
position: relative;
top: 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
color: white;
background: #95ca4f;
border: 1px solid #95ca4f;
text-align: center;                            
font-size: 11px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
height: 40px; 
width: 100%;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
}
  
  
/* FIN SUCCESSFUL */

/* Debut Success Payment */
.success_payment {
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
color: white;
background: #95ca4f;
border: 1px solid #95ca4f;
text-align: center;                            
font-size: 11px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
height: 40px; 
width: 100%;
}

.success_payment_fedapay {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
/*border-radius: 5px;*/
color: white;
background: #95ca4f;
border: 1px solid #95ca4f;
text-align: center;                            
font-size: 11px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
height: 40px; 
width: 400px;
top: 200px;
z-index: 20;
}

@media screen and (max-width:640px) {
.success_payment_fedapay {
width: 60%;
} 
}
/* Fin Success Payment */

/* PASSWORD REC */
.password_rec {
color: #95ca4f;
width: 100px;               
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 1.8rem;
transform: translateX(-10%);
position: relative;
text-decoration: none;
display: flex;
padding: 5px;
top: 5px;
font-size: 12px;
text-align: center;
}
                
.popup_password_rec{
/* margin: 5% auto;*/
position: absolute;
top: 90px;
margin-top: 10px;
margin-bottom: auto;
/*min-width: 300px;
max-width: 410px;*/
/*width: 30%;*/
width: 380px;
background-color: white;
border-radius: 5px;
padding: 1em;
min-height: 10cm;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
                    
}
/*@media screen and (min-width: 200px) and (max-width: 330px) {
div.popup_password_rec {
min-width: 200px;
        
}
}*/

@media screen and (max-width:640px) {
.popup_password_rec {
width: 80%;
} 
}

.popup_password_rec_change{
/* margin: 5% auto;*/
position: absolute;
top: 90px;
margin-top: 10px;
margin-bottom: auto;
/*min-width: 300px;
max-width: 410px;*/
/*width: 30%;*/
width: 380px;
background-color: white;
border-radius: 5px;
padding: 1em;
min-height: 6cm;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
                      
}
@media screen and (min-width: 200px) and (max-width: 330px) {
div.popup_password_rec_change {
min-width: 200px;
          
}
}
    
.password_rec_form {
font-size: 12px;
background: #fafafa;
border: 1px solid #ddd;
margin-bottom: 5px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
height: 40px; 
outline: 0;
margin-top: 50px;
                             
}
    
.password_rec_btn {
border-radius: 50px;
background-color:#95ca4f ;
color: #f4f6f7;
width: 100px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 1.8rem;
transform: translateX(-10%);
position: relative;
height: 30px;
border: none;
padding: 5px;
top: 10px;
cursor: pointer;
font-size: 15px;
text-align: center;
}
.password_rec_btn:hover{
filter: brightness(1.1);
}

.text-titre-password-rec {
    
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
/*Fin password-rec*/ 
 
 
/* PUBLISH BOX */
.publish_box{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: white;*/
background-color: transparent;
border: 2px solid whitesmoke;
/*min-width: 40%;*/
/*width: 40%;*/
width: 430px;
height: 27cm;
/*min-height: 15cm;*/
border-radius: 5px;
top: 60px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
/*@media screen and (max-width: 900px) {
div.publish_box {
display: none;
}
}*/

@media screen and (max-width:640px) {
.publish_box {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.publish_box {
width: 90%;
} 
}
*/
.publish_box_admin{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: white;*/
background-color: transparent;
border: 2px solid whitesmoke;
/*min-width: 40%;*/
width: 40%;
min-height: 33cm;
/*min-height: 15cm;*/
border-radius: 5px;
top: 120px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
}
/*@media screen and (max-width: 900px) {
div.publish_box {
display: none;
}
}*/
  
@media screen and (max-width:640px) {
.publish_box_admin {
width: 90%;
} 
}
  


.title_publish_box_form{
position: relative; 
width: 100%;
height: 40px;
color: yellowgreen;
/*outline: 0;
border: 3px solid #95ca4f;
border-radius: 20px;*/
font-weight: bold;
/*margin-top: 35px;*/
top: 10px;
  
}
.publish_form_box_content{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: rgb(14, 13, 13);*/
width: 70%;
height: 900px;
margin: 0 auto;
left: 0;
right: 0;
top: 50px;
    
}

.publish_form_box_admin_content{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: rgb(14, 13, 13);*/
width: 70%;
height: 1090px;
margin: 0 auto;
left: 0;
right: 0;
top: 50px;
      
}

.country_publish_box{
width: 100%;
min-height: 40px;
color: yellowgreen;
outline: 0;
border: 3px solid #95ca4f;
border-radius: 20px;
font-weight: bold;
margin-bottom: 3px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 
}

.publish-form {                    
font-size: 12px;
background: #fafafa;
/*border: 1px solid #ddd;*/
border: 1px solid yellowgreen;
margin-bottom: 3px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
height: 40px; 
outline: 0;
display: flex;
align-items: center;
/*justify-items: right;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
                          
}

.publish-form_textarea {
                    
font-size: 12px;
background: #fafafa;
/*border: 1px solid #ddd;*/
border: 1px solid yellowgreen;
margin-bottom: 3px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
height: 80px; 
outline: 0;
display: flex;
align-items: center;
/*justify-items: right;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

                          
}
  
.publish_button_publish_box{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 960px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.publish_button_publish_box:hover{
filter: brightness(1.1);
}

.publish_button_publish_box_admin{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 1170px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.publish_button_publish_box_admin:hover{
filter: brightness(1.1);
}

.whatsApp_country_publish{
width: 20%;
height: 40px;
color: rgb(246, 247, 244);
background-color: #95ca4f;
outline: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
/*border: 3px solid #95ca4f;*/
/*border-radius: 0px;*/
font-weight: bold;
border: 0px;
margin-left: -10px;
/*margin-bottom: 3px;*/
    
}

.whatsApp_country_publish_form{
width: 85%;
height: 35px;
color: yellowgreen;
background-color: rgb(255, 255, 255);
outline: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid yellowgreen;
/*border-radius: 0px;*/
/*font-weight: bold;*/
border: 0px;
margin-right: 0px;
/*margin-bottom: 3px;*/
      
}


.adjos_publish_btn_publish_icon{
width: 25px;
height: 15px;
cursor: pointer;
text-decoration: none;
}

/*
.publish_digital_form_content {
font-size: 12px;
background: #fafafa;
border: 3px solid rgb(23, 158, 248);
margin-bottom: 3px;
border-radius: 5px;
width: 97%;
height: 100px; 
outline: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
justify-content: center;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;                         
}

.digital_product_form {                    
font-size: 12px;
background: #fafafa;
border: 1px solid rgb(23, 158, 248);
margin-bottom: 5px;
padding-left: 10px;
border-radius: 5px;
width: 50%;
height: 20px; 
outline: 0;
display: flex;
align-items: center;
justify-items: right;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}  
*/

.admin_publish_digital_product_form_content {
position: relative;
top: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
justify-content: center;  
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: rgb(23, 158, 248);
background: #fafafa;
border: 3px solid rgb(23, 158, 248);
margin-bottom: 3px;
margin-top: 5px;
border-radius: 5px;
width: 97%;
min-height: 35%; 
outline: 0;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;                         
}
.admin_digital_product_sub_form{
display: flex;
font-size: 12px;
background: #fafafa;
border: 3px solid rgb(23, 158, 248);
width: 60%;
min-height: 20px;
outline: 0;
}



/* FIN PUBLISH BOX */


/*MENU CONTENT*/
.menu_content{
position: fixed;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
width: 210px;                  
/*height: 420px;*/
height: 362px;
top: 60px;
/*left: 36%;*/
left: 1px;
border-radius: 5px;
border: 2px solid whitesmoke;
/*z-index:2;*/
background-color:white;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
@media screen and (max-width: 1030px) {
div.menu_content {
display: none;
}
}

@media screen and ( max-height: 440px ) { 
  
.menu_content{
overflow: scroll;
height: 150px;
}
  
}





.menu_vertical_main {
position: relative;
width: 210px;
height: 50px;
top: -30px;
}

  
.menu_vertical_main a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;  
background-color: #95ca4f; /* Grey background color */
color: white; /* Black text color */
display: block; /* Make the links appear below each other */
padding: 5px; /* Add some padding */
text-decoration: none; /* Remove underline from links */
text-align: left;
border: white solid 1px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
  
.menu_vertical_main a:hover  {
filter: brightness(1.1);
}
  
.menu_vertical_main a:active {
background-color: #95ca4f/*white*/; /* Add a green color to the "active/current" link */
color: white/*black*/;
}



.menu_vertical_main_responsive {
position: relative;
width: 168px;
height: 40px;
top: -10px;
}

@media screen and (width: 240px) {
.menu_vertical_main_responsive {
height: 5px;   
}
}

    
.menu_vertical_main_responsive a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;  
background-color: #95ca4f; /* Grey background color */
color: white; /* Black text color */
display: block; /* Make the links appear below each other */
padding: 5px; /* Add some padding */
text-decoration: none; /* Remove underline from links */
text-align: left;
border: white solid 1px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

@media screen and (width: 240px) {
.menu_vertical_main_responsive a{
padding: 2px;
font-size: 12px;
    
}
}
    
.menu_vertical_main_responsive a:hover  {
filter: brightness(1.1);
}
    
.menu_vertical_main_responsive a:active {
background-color: #95ca4f/*white*/; /* Add a green color to the "active/current" link */
color: white/*black*/;
}
/* 
.menu_vertical_color_blue {
color: rgb(6, 149, 245);
font-weight: bold;
}

.menu_vertical_color_rouge {
color: rgb(253, 4, 4);
font-weight: bold;
}

.menu_vertical_color_jaune {
color: rgb(237, 250, 57);
font-weight: bold;
} */

/* FIN MENU CONTENT*/



/* USER PHOTO AND NAME*/
.user_photo_name_content{
position: absolute;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
width: 200px;                  
height: 200px;
top: 5px;
/*background-color: black;*/
} 

.photo_user_content{
position: relative;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 100px;
width: 100px;
border:5px solid yellowgreen;
border-radius: 50%;
background-size: 100% 100%;
background-color: white;
margin-top: -20px;
/*overflow: hidden;*/
/*background-image: url('image-icons/default.png');*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/*background-position-x: 0;
background-position-y: 10px;*/
text-decoration: none;
                
}


.photo_user{
position: relative;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 100px;
width: 100px;
/*border:5px solid yellowgreen;*/
border-radius: 50%;
background-size: 100% 100%;
margin-top: -20px;
overflow: hidden;
/*background: url('profile-photos/default.png');*/
margin: 0 auto;
right: 0;
left: 0;
/*display: none;*/
/*visibility: hidden;*/

                               
}

/*.upload_user_photo{
position: absolute;
bottom: 0;
outline: none;
right: 0;
left: 0;
box-sizing: border-box;
color: transparent;
padding: 10px 50px;
cursor: pointer;
transition: 0.5s;
background-color: rgba(105, 104, 104, 0.5);
opacity: 0;
background-image: url('image-icons/photo-icon.png');
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center;

        
}

.upload_user_photo::-webkit-file-upload-button{
visibility: hidden;
}

.upload_user_photo:hover{   
opacity: 1;
}*/


  

.profile_name_text{
text-align: center;
font-size: 12px;
height: 32px;
width: 200px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -30px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
/*background-color: #0f0f0f; */   
text-decoration: none;     
}

/* FIN USER PHOTO  AND NAME*/




/* MENU LINKS */ 

.menu_channel_content{
position: absolute;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
width: 150px;                  
height: 220px;
top: 185px;
/*background-color: black;*/

}    

.menu_link1{
position: absolute;
text-align: center;
font-size: 12px;
/*height: 32px;
width: 150px;*/
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -30px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
/*background-color: transparent;   */
top: 30px;
/*border: 1px solid yellowgreen;*/
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  */   
}



.menu_link2{
position: absolute;
text-align: center;
font-size: 12px;
height: 32px;
width: 150px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -30px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
background-color: #f8f7f7;   
top: 90px;
/*border: 1px solid yellowgreen;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 
}


.menu_link3{
position: absolute;
text-align: center;
font-size: 12px;
height: 32px;
width: 150px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -30px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
background-color: #f8f7f7;   
top: 130px;
/*border: 1px solid yellowgreen;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
     
}


.menu_link4{
position: absolute;
text-align: center;
font-size: 12px;
height: 32px;
width: 150px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -30px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
background-color: #f8f7f7;   
top: 170px;
/*border: 1px solid yellowgreen;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
         
}

.menu_link5{
position: absolute;
text-align: center;
font-size: 12px;
height: 32px;
width: 150px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -30px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
background-color: #f8f7f7;   
top: 210px;
/*border: 1px solid yellowgreen;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
             
}

/* FIN MENU LINKS */ 



/*  MENU RESPONSIVE DEBUT  */

.img_navmenu_sidebar_responsive{
position: absolute;    
display: none;
left: 0;
height: 40px;
width: 40px;
border:2px solid #eaecec;
border-radius: 50%;
background-image: url('image-icons/navbar-icon.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*margin-right: 3%;*/
margin-top:5px;
cursor: pointer;
                             
}
          
@media screen and (max-width: 1030px) {
div.img_navmenu_sidebar_responsive {
display: flex;
}
}
  

.navmenu_sidebar_responsive_content{
/*width: 200px;*/
width: 170px; 
position:fixed;
top: 60px;
/*min-height: 65%;*/
/*height: 20%;*/
height: 320px;
/*left: 71%;*/
left: 1px;
background-color: white;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border:2px solid whitesmoke;
display: none;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;                   
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
z-index: 10;                    
}
  
@media screen and (width: 240px){
.navmenu_sidebar_responsive_content{
height: 250px;
}
}

@media screen and ( max-height: 400px ) { 
  
.navmenu_sidebar_responsive_content{
overflow: scroll;
height: 160px;
}

}
          
/*.close_navmenu_sidebar{
position: relative;
margin-left: 170px;
margin-top: -80px;
cursor: pointer;
font-size: 20px;
font-weight: bold;
color: #95ca4f;
                              
}*/
  
/*@media screen and (max-width: 1030px) {
div.menu_navbar_content {
display: flex;
}
}*/
/* FIN MENU NAVBAR CONTENT*/
  


.user_photo_name_responsive_content{
position: absolute;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
width: 165px;                  
height: 200px;
top: 5px;
/*background-color: black;*/
} 

.photo_user_responsive_content{
position: relative;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 60px;
width: 60px;
border:5px solid yellowgreen;
border-radius: 50%;
background-size: 100% 100%;
/*background-color: yellowgreen;*/
margin-top: -110px;
/*overflow: hidden;*/
/*background-image: url('image-icons/default.png');*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/*background-position-x: 0;
background-position-y: 10px;*/
text-decoration: none;
                   
}
    
    
.photo_user_responsive{
position: relative;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 60px;
width: 60px;
/*border:5px solid yellowgreen;*/
border-radius: 50%;
background-size: 100% 100%;
margin-top: -110px;
overflow: hidden;
/*background: url('profile-photos/default.png');*/
margin: 0 auto;
right: 0;
left: 0;
/*display: none;*/
/*visibility: hidden;*/ 
                            
}  

.profile_name_text_responsive{
position: absolute;
/*display: flex;
flex: 1;
flex-direction: column;
justify-content: space-evenly;
box-sizing: border-box; */ 
text-align: center;
font-size: 12px;
height: 42px;
width: 140px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -20px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
/*background-color: #ff0707; */
margin: 0 auto;
right: 0;
left: 0; 
top:90px;  
text-decoration: none;     
}
      
      
.menu_channel_responsive_content{
position: absolute;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
width: 120px;                  
height: 170px;
top: 140px;
/*background-color: rgb(54, 207, 228);*/
right:0;
left:0;
margin: 0 auto;
      
}    

@media screen and (width:240px) {
.menu_channel_responsive_content {
height: 5px;
top: 178px;
} 
}
  
      
.menu_link1_responsive{
position: absolute;
text-align: center;
font-size: 12px;
/*height: 32px;
width: 150px;*/
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -30px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
/*background-color: transparent;   */
top: 40px;
/*border: 1px solid yellowgreen;*/
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 */   
}

@media screen and (width:240px) {
.menu_link1_responsive{
top: -10px;
} 
}
      
      
      
.menu_link2_responsive{
position: absolute;
text-align: center;
font-size: 12px;
height: 20px;
width: 100px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -30px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
background-color: #f8f7f7;
/*background-color: black;*/   
top: 80px;
/*border: 1px solid yellowgreen;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
       
}
      
      
.menu_link3_responsive{
position: absolute;
text-align: center;
font-size: 12px;
height: 20px;
width: 100px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -40px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
background-color: #f8f7f7;
/*background-color: black; */
top: 120px;
/*border: 1px solid yellowgreen;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
           
}
      
      
.menu_link4_responsive{
position: absolute;
text-align: center;
font-size: 12px;
height: 20px;
width: 100px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -50px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
background-color: #f8f7f7;
/*background-color: black; */  
top: 160px;
/*border: 1px solid yellowgreen;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
               
}
      
.menu_link5_responsive{
position: absolute;
text-align: center;
font-size: 12px;
height: 20px;
width: 100px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
margin-top: -60px;
margin-bottom: -15px;
margin-left: 15px;
margin-right: 15px;
background-color: #f8f7f7;
/*background-color: black; */  
top: 200px;
/*border: 1px solid yellowgreen;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
                   
}
      

/*    FIN MENU RESPONSIVE   */





/* MY ADJOS */

.my_myadjos_search_buton_content{
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: transparent;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
width: 40%;
min-height: 100px;
margin: 0 auto;
margin-top: 60px;
box-sizing: border-box;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
}
  
@media screen and (max-width:640px) {
.my_myadjos_search_buton_content {
width: 90%;
} 
}


.myadjos{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: transparent;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
/*width: 40%;*/
width: 470px;
min-height: 300px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
box-sizing: border-box;
/*top: 40px;*/
top: 70px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
  
}
    
@media screen and (max-width:640px) {
.myadjos {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.myadjos {
width: 90%;
} 
}*/


.myadjos_menu {
position: fixed;
display: flex;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: white;
color: #95ca4f;
font-size: 15px;
font-weight: bold;
/*width: 40%;*/
width: 460px;
height: 50px;
margin: 0 auto;
margin-top: 50px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
      
} 
      
@media screen and (max-width:640px) {
.myadjos_menu {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.myadjos_menu {
width: 90%;
} 
}*/


.myadjos_menu_content{
margin: 0 auto;
}
.myadjos_menu_icon{
text-decoration: none;
margin: 5px;
}
  

.my_myadjos_myadjos{

display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: #95ca4f;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
width: 90%;
min-height: 300px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 

}

.my_myadjos_status{
/*position: relative;*/
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
/*border-radius: 5px;*/
background-color: #95ca4f;
border: 1px solid white;
color: white;
text-align: center;
font-weight: bold;
 /*padding: 5px;*/
width: 100%;
min-height: 30px;
margin: 0 auto;
margin-top: -1px;
/*top: -30px;*/
box-sizing: border-box; 
}

.my_myadjos_publish_paid_button{
position: relative;
align-items: center;
justify-content: center;
/*display: flex; */
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: white;
color: #95ca4f;
width: 40px;
/* left: 0px;*/
/*right: 0;*/
/*top: 220px;*/
/*padding: 7px 1px;*/
/*margin: 20px  ;*/
/*margin: 0 auto;*/
margin-right: 2px;
margin-top:0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.my_myadjos_publish_paid_button:hover{
filter: brightness(1.1);
}

.my_myadjos_title_content{
/*position: relative;*/
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
background-color: #95ca4f;
border: 1px solid whitesmoke;
color: rgb(43, 41, 41);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
/*padding: 5px;*/
width: 100%;
height: 130px;
margin: 0 auto;
margin-top: 2px;
/*top: -56px;*/
box-sizing: border-box;  
}


.my_myadjos_image_content{
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
background-color: white;
/*border: 4px solid whitesmoke;*/

color: rgb(43, 41, 41);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
/*padding: 5px;*/
min-width: 100px ;
min-height: 100px ;
max-width: 150px;
max-height: 150px;
margin: 0 auto;
margin-top: 5px;
/*top: -100px;*/
box-sizing: border-box;  
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}

.myadjos_adjos_btn_btn_content {
/*border: 1px solid #e94605;*/
/*border-radius: 55px;
background-color: #95ca4f;*/
background-color: transparent;
margin: 1rem;
/*padding: 2rem 2rem;*/
width: 150px;
height: 75px;
text-align: center;
margin-top: 10px;
align-items: center;
justify-content: center;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
}

.myadjos_adjos_btn_btn {
display: inline-block;
flex-direction: column;
align-items: center;
justify-content: center;
/*border: 1px solid red;*/
/*padding: 1rem 1rem;*/
width: 65px;
height: 70px;
vertical-align: middle;
margin-top: 4px;
          
}

.myadjos_adjos_submit_content {
flex-basis: 100%;
width: 70px;
min-height: 20px;
margin: 0 auto;
margin-bottom: 5px;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}

.myadjos_adjos_btn_edit{
position: relative;
align-items: center;
justify-content: center;
display: flex; 
border-radius: 50px;
border: 3px solid white;
background-color: #95ca4f;
color: #f7f8f6;
width: 50px;
/*height: 3px;*/
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
/*.myadjos_adjos_btn_edit:hover{
filter: brightness(1.1);
}*/

.myadjos_adjos_btn_publish{
position: relative;
align-items: center;
justify-content: center;
display: flex; 
border-radius: 50px;
border: 3px solid white;
background-color: rgb(23, 158, 248);
/*background-color: #95ca4f;*/
color: #f7f8f6;
width: 50px;
/*height: 3px;*/
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
/*.myadjos_adjos_btn_publish:hover{
filter: brightness(1.1);
}*/
  
.myadjos_adjos_btn_preview{
position: relative;
align-items: center;
justify-content: center;
display: flex; 
border-radius: 50px;
border: 3px solid white;
background-color: rgba(216, 219, 4, 0.89);
/*background-color: #95ca4f;*/
color: #f7f8f6;
width: 50px;
/*height: 3px;*/
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
/*.myadjos_adjos_btn_preview:hover{
filter: brightness(1.1);
}*/

.myadjos_adjos_btn_delete{
position: relative;
align-items: center;
justify-content: center;
display: flex; 
border-radius: 50px;
border: 3px solid white;
background-color: red;
/*background-color: #95ca4f;*/
color: #f7f8f6;
width: 50px;
/*height: 3px;*/
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
/*.myadjos_adjos_btn_delete:hover{
filter: brightness(1.1);
}*/

.myadjos_adjos_btn_a_btn{
text-decoration: none;
color: white;
}

.myadjos_adjos_btn_icon{
width: 10px;
height: 10px;
cursor: pointer;
text-decoration: none;  
}

.myadjos_adjos_btn_preview_icon{
width: 15px;
height: 10px;
cursor: pointer;
text-decoration: none;
}



/*
.adjos_publish_status_content{
position: absolute;
display:block;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 1px solid #95ca4f;
width: 95%;
height: 60%;
margin-bottom: 30px;
margin-top: 10px;
}

.adjos_publish_status_title{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #95ca4f;
border: 1px solid #95ca4f;
color: white;
text-align: center;
font-weight: bold;
width: 100%;
height: 9%;
}

.adjos_publish_title_content{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: whitesmoke;
border: 2px solid whitesmoke;
color: rgb(43, 41, 41);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
width: 100%;
height: 10%;
top: 23px;
}


.adjos_publish_subdate_content{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f9faf8;
border: 1px solid whitesmoke;
color: rgb(27, 27, 27);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100%;
height: 9%;
top: 51px;
}


.adjos_publish_clicks_content{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f9faf8;
border: 1px solid whitesmoke;
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100%;
height: 9%;
top: 74px;
}




.adjos_publish_expdate_content{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f9faf8;
border: 1px solid whitesmoke;
color: red;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0 auto;
width: 100%;
height: 9%;
top: 97px;
}

.arrow_adjo{
position: absolute;    
right: 0;
height: 15px;
width: 15px;
border:2px solid #eaecec;
border-radius: 50%;
background-image: url('image-icons/arrow.png');
background-repeat: no-repeat;
background-size: 100% 100%;
margin-right: 2%;
margin-top:3px;
cursor: pointer;
}  

.menu_arrow_adjo{
position: absolute; 
display: flex;   
right: 0;
height: 100px;
width: 100px;
border:1px solid #95ca4f;
background-color: white;
z-index: 2;
top: 10px;
} 


  


.menu_arrow_adjo{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;

right: 0;
z-index: 2;

}


.menu_arrow_adjo ul{
position: absolute;    
background-color: white;
margin-top: 25px;
right: 0;
list-style: none;
display: none;
    
}


.menu_arrow_adjo a{
color: #95ca4f;
text-decoration: none;
      
}


.menu_arrow_adjo li:hover{
filter: brightness(1.1);

      
}

/*.menu_arrow_adjo button:focus + ul{

pointer-events: all;


display: flex;
          
}*/

/*
.vertical_menu_arrow_adjo {
position: absolute;    
right: 0;
height: 100px;
width: 90px;
text-align: left;  
}

.vertical_menu_arrow_adjo a {
background-color: white;
color:#95ca4f;
display: block; 
text-decoration: none; 
border: #95ca4f solid 1px;
}

.vertical_menu_arrow_adjo a:hover {
filter: brightness(1.1);
}

.adjos_publish_image_content{
position: absolute; 
height: 100px;
width: 100px;
border:1px solid #c5c3c3;
background-color: white;
top: 122px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

} 

/*.adjos_publish_buton_content{

  position: absolute; 
height: 100px;
width: 100px;
border:1px solid #c5c3c3;
top: 140px;
}*/
/*
.adjos_publish_buton_content {
  border: 1px solid black;
  margin: 1rem;
  padding: 2rem 2rem;
  width: 220px;
  height: 85px;
  text-align: center;
  top: -140px;  
  }
    
  */  
   
  /*
  .adjos_myadjos_btn_btn {
  display: inline-block;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100px;
  height: 80px;
  vertical-align: middle;
  top: -140px;  
  }





.adjos_publish_paid_button{
position: absolute;
align-items: center;
justify-content: space-between;
border-radius: 50px;
border: 3px solid #95ca4f;
background-color: white;
color: #95ca4f;
width: 40px;
left: 0;
margin-right: 2px;
margin-top:0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.adjos_publish_paid_button:hover{
filter: brightness(1.1);
}


.article_content{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 3px solid whitesmoke;
margin: 0 auto;
width: 80%;
height: 10cm;
top: 60px;
margin-bottom: 20px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 
}

@media screen and (max-width:640px) {
.article_content {
width: 90%;
} 
}
*/
.no_adjos{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #95ca4f;
border: 1px solid #95ca4f;
color: white;
margin: 0 auto;
/*min-width: 40%;*/
min-width: 30%;
min-height: 25px;
/*height: 80%;*/
top: 60px;
margin-bottom: 20px;
}

.no_adjos_back_icon{
width: 20px;
height: 20px;
cursor: pointer;
text-decoration: none;

}

.no_publish{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #95ca4f;
border: 1px solid #95ca4f;
color: white;
margin: 0 auto;
text-align: center;
/*min-width: 40%;*/
width: 30%;
min-height: 45px;
/*height: 80%;*/
top: 60px;
margin-bottom: 20px;
}
@media screen and (max-width:640px) {
.no_publish {
width: 70%;
} 
}

.myadjos_search_content {

display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-basis: 100%;
width: 100%;
min-height: 50px;
/*margin: 10px 0;*/
margin: 0 auto;
margin-bottom: 10px;
/*outline: 1px solid purple;*/
}
  
.content_myadjos_myadjos_search{
display:flex;
/*flex-direction: column;
align-items: center;
jstify-content: space-between;*/
background-color: white;
width: 100%;
margin: 0 auto;
min-height: 40px;
color: yellowgreen;
outline: 0;
border: 1px solid #95ca4f;
border-radius: 20px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 3px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
           
}


/* FIN MY ADJOS */ 




/*  DEBUT ADS */

.ads{

display: flex;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: transparent;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
/*width: 40%;*/
width: 460px;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
box-sizing: border-box;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 */

}


@media screen and (max-width:640px) {
.ads {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.ads {
width: 90%;
} 
}*/

.content_adjo_result_ads {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
width: 100%;
min-height: 200px;
margin: 20px 0;
border: 3px solid whitesmoke;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
border-radius: 4px;
}

.content_title_ads {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
text-align: center;
font-size: 12px;
flex-basis: 100%;
width: 100%;
min-height: 50px;
margin: 20px 0;
/*outline: 1px solid purple;*/
}


.content_adjo_ads {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
width: 100%;
min-height: 100px;
margin: 20px 0;
  /*outline: 1px solid purple;*/
}



.content_adjo_ads_select{
width: 70%;
min-height: 40px;
color: yellowgreen;
outline: 0;
border: 3px solid #95ca4f;
border-radius: 20px;
font-weight: bold;
margin-bottom: 3px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
     
}
  
      
.ads_adjos_btn {
position: relative;
align-items: center;
justify-content: center;
display: flex; 
width: 80px;
height: 20px;
border-radius: 50px;
border: 3px solid #95ca4f;
margin: 0 auto;
background-color: #95ca4f;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;  
}     
      

.ads_balise_form{
width: 90%;
}

    
/* FIN ADS */ 



/* DEBUT HELP */

.help{ 
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/*border-radius: 5px;
border: 5px solid whitesmoke;
background-color: transparent;*/
/*outline: 3px solid red;*/
/*color: #95ca4f;*/
font-weight: bold;
/*padding: 5px;*/
/*width: 40%;*/
width: 460px;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
box-sizing: border-box;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/      
}
        
@media screen and (max-width:640px) {
.help {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.help {
width: 90%;
} 
}*/

.question_content{
width: 100%;
margin: 0 auto;
left: 0;
right: 0;
}
/*@media screen and (max-width:640px) {
.question_content {
width: 90%;
} 
}*/
.accordion{
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
background: #95ca4f;
border-radius: 5px;
}
.accordion__question p{
margin: 5px;
padding: 0;
font-family: Verdana;
font-size: 17px;
font-weight: lighter;
color: white;
}
.accordion__answer p{
margin: 5px;
padding: 10px;
font-size: 13px;
font-weight: lighter;
font-family: Arial, Helvetica, sans-serif;
color: rgb(182, 179, 179);
background: white;
border-radius: 5px; 
}
.accordion:hover{
cursor: pointer;
}
.accordion__answer {
display: none;
} 
.accordion.active .accordion__answer {
display: block;
}
    
    
/* FIN HELP */ 


/* DEBUT PRIVACY POLICY */

.privacypolicy{ 
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: whitesmoke;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
width: 40%;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
box-sizing: border-box;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/      
}
          
@media screen and (max-width:640px) {
.privacypolicy {
width: 90%;
} 
}


.privacypolicy_text{
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;     
text-align: left;   
color: rgb(105, 104, 104);         
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
flex-basis: 100%;
width: 95%;
/*min-height: 200px;*/
min-height: 10px;
margin: 20px 0;
/*outline: 1px solid purple;*/
/*background-color: whitesmoke;*/
/*font-weight: bold;*/
/*margin-top: 5px;*/
border: 1px solid whitesmoke;
/*padding: 20px 0;*/
border-radius: 2px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
} 

/* FIN PRIVACY POLICY */


/* DEBUT TERM OF USE */

.termofuse{ 
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: whitesmoke;
/*outline: 3px solid red;*/
/*color: #95ca4f;*/
font-weight: bold;
/*padding: 5px;*/
width: 40%;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
box-sizing: border-box;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/      
}
            
@media screen and (max-width:640px) {
.termofuse {
width: 90%;
} 
}


.termofuse_text{
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;     
text-align: left;   
color: rgb(105, 104, 104);         
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
flex-basis: 100%;
width: 95%;
/*min-height: 200px;*/
min-height: 10px;
margin: 20px 0;
/*outline: 1px solid purple;*/
/*background-color: whitesmoke;*/
/*font-weight: bold;*/
/*margin-top: 5px;*/
border: 1px solid whitesmoke;
/*padding: 20px 0;*/
border-radius: 2px;
 /*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
} 
  
  /* FIN TERM OF USE */


/* DEBUT CONTACT US */

.contactus{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 3px solid rgb(236, 236, 236);
border-radius: 4px;
/*border: none;*/
text-align: center;
/*min-width: 40%;*/
/*width: 40%;*/
width: 460px;
height: 16cm;
/*height: 80%;*/
top: 60px;
/*overflow: scroll;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    
}
  
@media screen and (max-width:640px) {
.contactus {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.contactus {
width: 90%;
} 
}*/
  
/* FIN CONTACT US */


/*  DEBUT SETTING */

.settings{
display: flex;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: transparent;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
/*width: 40%;*/
width: 460px;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
box-sizing: border-box;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
  
}
  
  
@media screen and (max-width:640px) {
.settings {
width: 80%;
} 
}
 
/*@media screen and (max-width:1024px) {
.settings {
width: 90%;
} 
}*/

  
.content_setting_language {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
width: 100%;
min-height: 200px;
margin: 20px 0;
border: 3px solid whitesmoke;
text-align: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
border-radius: 4px;
}


.language_setting_form{
width: 100%;
}

.content_setting_profile {
position: relative;
display:flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
/*flex-basis: 100%;*/
width: 100%;
min-height: 200px;
/*min-height: 900px;*/
margin: 20px 0;
border: 3px solid whitesmoke;
text-align: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
border-radius: 4px;
}

.setting_profile_profile-text {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
text-align: center;
font-size: 12px;
flex-basis: 100%;
width: 100%;
min-height: 50px;
margin: 5px 0;
/*outline: 1px solid purple;*/
}
  
.setting_profile_line_photo{
/*position: relative;*/
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
/*border-radius: 5px;*/
/*background-color: #95ca4f;*/
/*background-color: rgb(72, 70, 70);
border: 1px solid white;*/
background: none;
border: none;
color: darkgray;
text-align: center;
font-weight: bold;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
/*padding: 5px;*/
width: 200px;
height: 200px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
/*top: -30px;*/
box-sizing: border-box; 
}


.setting_profile_line{
/*position: relative;*/
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
/*border-radius: 5px;*/
/*background-color: #95ca4f;*/
/*background-color: rgb(72, 70, 70);
border: 1px solid white;*/
background: none;
border: none;
color: darkgray;
text-align: center;
font-weight: bold;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
/*padding: 5px;*/
width: 100%;
min-height: 30px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
/*top: -30px;*/
box-sizing: border-box; 
}

/*.photo_content_setting {
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 20px 0;
border: 3px solid whitesmoke;
text-align: center;
box-sizing: border-box;     
width: 200px;                  
height: 200px;
top: 5px;

}   */



.form_content_setting {
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 20px 0;
/*border: 3px solid whitesmoke;*/
text-align: center;
box-sizing: border-box;     
width: 100%;                  
height: 300px;
top: 5px;
/*background-color: black;*/
} 
       


.user_photo_update_setting_content{
position: absolute;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;   
width: 98%;  
/*min-width: 300px;  */                
height: 14.7cm;
top: 2px;
/*left: 75%;*/
right: 0;
left: 0;
margin: 0 auto;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

border-radius: 4px;
/*border: 1px solid yellowgreen;*/
/*z-index:10;*/
background-color:white;
/*background-color: yellowgreen;*/
/*background-color: transparent;*/
}



    
.user_photo_update_content{
position: relative;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 100px;
width: 100px;
border:5px solid yellowgreen;
border-radius: 50%;
background-size: 100% 100%;
background-color: white;
/*margin-top: -20px;*/
/*overflow: hidden;*/
/*background-image: url('image-icons/default.png');*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/*background-position-x: 0;
background-position-y: 10px;*/
                    
}



.user_photo_update{
position: relative;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 100px;
width: 100px;
/*border:5px solid yellowgreen;*/
border-radius: 50%;
background-size: 100% 100%;
margin-top: -20px;
overflow: hidden;
/*background: url('image-icons/default.png');*/
margin: 0 auto;
right: 0;
left: 0;
/*display: flex;*/
                                      
}


.upload_user_photo_update{
position: absolute;
bottom: 0;
outline: none;
/*right: 0;
left: 0;*/
right: 0;
/*top: 95px;
height: 30px;*/
box-sizing: border-box;
color: transparent;
/*width: 50px;*/
/*padding: 15px 120px;*/
padding: 10px 10px;
cursor: pointer;
transition: 0.5s;
background-color: rgba(105, 104, 104, 0.5);
/*opacity: 0;*/
background-image: url('image-icons/photo-icon.png');
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
width: 40px;
height: 40px;
border-radius: 50%;
            
}
    
.upload_user_photo_update::-webkit-file-upload-button{
visibility: hidden;
}
    
.upload_user_photo_update:hover{   
opacity: 1;
}

.change_name_pass_setting_form_content {
position: relative;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 250px;
width: 80%;
/*background-color: yellowgreen;*/
/*top: 80px;*/
/*margin: 0 auto;
right: 0;
left: 0;*/
}

.update_form_setting {
position: relative;
font-size: 12px;
background: white;
border: 2px solid whitesmoke;
margin-bottom: 30px;
/*padding-left: 10px;*/
border-radius: 20px;
width: 80%;
height: 40px; 
outline: 0;
display: flex;
align-items: center;
/*justify-items: right;*/
/*right: 0;
left: 0; 
margin: 0 auto;*/
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 */
                                
}



.language_setting_btn {
position: relative;
align-items: center;
justify-content: center;
display: flex; 
width: 100px;
height: 20px;
border-radius: 50px;
border: 3px solid #95ca4f;
background-color: #95ca4f;
color: white;
text-align: center;
text-decoration: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;

cursor: pointer;  
}    


.language_setting_btn:hover{
filter: brightness(1.1);
}

.save_button_setting_profile{
/*position: absolute;*/
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
/*top: 630px;*/
padding: 2px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.save_button_setting_profile:hover{
filter: brightness(1.1);
}

.adjos_setting_btn_update_icon{
width: 25px;
height: 25px;
cursor: pointer;
text-decoration: none;
}

.adjos_setting_btn_download_icon2{
width: 15px;
height: 15px;
cursor: pointer;
text-decoration: none;
}
   
/* FIN SETTING */ 



/*  DEBUT RECEIPT */

.no_receipt{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #95ca4f;
border: 1px solid #95ca4f;
color: white;
margin: 0 auto;
/*min-width: 40%;*/
min-width: 30%;
min-height: 25px;
/*height: 80%;*/
top: 5px;
margin-bottom: 20px;
}

.receipt_line {
/*flex-basis: 100%;*/
width: 100%;
min-height: 30px;
margin: 5px 0;
color: #a7a9aa;
font-size: 12px;
display: flex;
align-items: center;
justify-content: left;
background-color: #ebecec;
/*outline: 1px solid purple;*/
outline: 0;
}

/* FIN RECEIPT */




/* DEBUT ADJOS TOOLTIP */ 


 
.tooltip {
position: absolute;
display: inline-block;
top: 8%;
right: 0;
height: 15px;
width: 15px;
border:2px solid #eaecec;
border-radius: 50%;
background-image: url('image-icons/arrow.png');
background-color: white;
background-repeat: no-repeat;
background-size: 100% 100%;
/*margin-right: 2%;*/
margin-top:-2px;
cursor: pointer;

}
  
  
.tooltip .tooltiptext {
visibility: hidden;
position: absolute;
z-index: 2;
top: 19px;
right: 0;
           
}
  
  
.tooltip:hover .tooltiptext {
visibility: visible;
      
}



/*FIN ADJOS TOOLTIP*/




/* DEBUT PREVIEW*/



.preview {
display: flex;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: white;
/*outline: 3px solid red;*/
padding: 5px;
/*width: 40%;*/
width: 500px;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

} 

@media screen and (max-width:640px) {
.preview {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.preview {
width: 90%;
} 
}*/


.preview-title-content {

display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;      
text-align: center;   
color: white;         
font-size: 12px;
/*flex-basis: 100%;*/
width: 100%;
min-height: 10px;
margin: 20px 0;
/*outline: 1px solid purple;*/
background-color: #95ca4f;
font-weight: bold;
margin-top: -2px;
border: 1px solid #95ca4f;
padding: 20px 0;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
word-break: break-all;
} 


.preview-image {
/* flex-basis: 100%; */
/*min-width: 250px;
min-height: 250px;
max-width: 350px;
max-height: 350px;*/
/* min-height: 300px; */
min-width: 50%;
min-height: 50%;
max-width: 80%;
max-height: 80%;

margin: 20px 0;
background-repeat: no-repeat;
background-size: 100% 100%; 
background-color: white;
/*border: 1px solid whitesmoke; */
/*border-radius: 5px;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}

@media screen and (width:240px) {
.preview-image {
width: 100%;
height: 200px;
} 
}

@media screen and (width:280px) {
.preview-image {
width: 100%;
height: 220px;
} 
}
  

.preview-text{

display:flex;
flex-direction: column;
align-items: center;
justify-content: center;     
text-align: center;   
color: rgb(105, 104, 104);         
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
flex-basis: 100%;
width: 100%;
/*min-height: 200px;*/
min-height: 10px;
margin: 20px 0;
/*outline: 1px solid purple;*/
background-color: whitesmoke;
/*font-weight: bold;*/
/*margin-top: 5px;*/
border: 1px solid whitesmoke;
/*padding: 20px 0;*/
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
/*word-break: break-all;*/
} 



.preview-video {
flex-basis: 100%;
width: 100%;
min-height:300px; 
margin: 20px 0;
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid whitesmoke;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}



.preview-address-content {
flex-basis: 100%;
width: 100%;
height: 200px;
margin: 20px 0;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}


.preview-address{
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;      
text-align: center;   
color: #95ca4f;         
font-size: 12px;
text-decoration: none;
/*flex-basis: 100%;*/
width: 100%;
min-height: 5px;
margin: 20px 0;
/*outline: 1px solid purple;*/
background-color: whitesmoke;
font-weight: bold;
margin-top: 5px;
border: 1px solid whitesmoke;
padding: 20px 0;
border-radius: 2px;
/*cursor: pointer;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
word-break: break-all;
}







.preview-website-content {
flex-basis: 100%;
width: 100%;
height: 200px;
margin: 20px 0;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}


.preview-website{

display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;      
text-align: center;   
color: #95ca4f;         
font-size: 12px;
/*flex-basis: 100%;*/
width: 100%;
min-height: 5px;
margin: 20px 0;
/*outline: 1px solid purple;*/ 
text-decoration: none;
background-color: whitesmoke;
font-weight: bold;
margin-top: 5px;
border: 1px solid whitesmoke;
padding: 20px 0;
border-radius: 2px;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}



.preview-adjoto-content {
flex-basis: 100%;
width: 100%;
min-height: 100px;
margin: 20px 0;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;  
}


.preview-profile-photo-content {
      
width: 100px;
height: 100px;
margin: 20px 0;

border:5px solid #95ca4f;
border-radius: 50%;
background-size: 100% 100%;
background-color: white;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-decoration: none;
}


.preview-profile-name-content {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
width: 50%;
min-height: 50px;
margin: 20px 0;
margin-top: 1px;
/*outline: 1px solid purple;*/
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
text-align: center;
font-size: 12px;  
text-decoration: none;    
}



.preview-report {

display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;      
text-align: center;   
color: white;         
font-size: 12px;
/*flex-basis: 100%;*/
width: 100%;
min-height: 2px;
margin: 20px 0;
/*outline: 1px solid purple;*/
background-color: #95ca4f;
font-weight: bold;
margin-bottom: -1px;
border: 1px solid #95ca4f;
padding: 10px 0;
border-radius: 2px;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

} 








.preview_page_btn_content {
  flex-basis: 100%;
width: 20%;
min-height: 100px;
margin: 20px 0;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}


.preview_page_submit_content {
flex-basis: 100%;
width: 15%;
min-height: 20px;
margin: 20px 0;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}

.preview_page_edit_content {
flex-basis: 100%;
width: 15%;
min-height: 20px;
margin: 20px 0;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}



.preview_page_btn_good{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.preview_page_btn_good:hover{
filter: brightness(1.1);
}
    
.preview_page_btn_edit{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.preview_page_btn_edit:hover{
filter: brightness(1.1);
}






.preview-contacts{

display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;           
color: black;         
font-size: 12px;
/*flex-basis: 100%;*/
width: 100%;
min-height: 90px;
margin: 20px 0;
/*outline: 1px solid purple;*/
background-color: whitesmoke;
/*font-weight: bold;*/
/*margin-top: 5px;*/
border: 1px solid whitesmoke;
/*padding: 20px 0;*/
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    
} 



.preview-contact-icons-content {
      
/*border: 1px solid black;*/
margin: 1rem;
padding: 1rem 1rem;
text-align: center;
}



.preview-contact-icons {
display: inline-block;
/*border: 1px solid red;*/
/*padding: 1rem 1rem;*/
vertical-align: middle;

}

.report_button {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;      
text-align: center;   
width: 100%;
min-height: 2px;
margin: 20px 0;
margin-bottom: -1px;
  
}

.adjos_view_btn_back_icon{
width: 25px;
height: 15px;
cursor: pointer;
text-decoration: none;
}

.adjos_preview_btn_back_icon{
width: 25px;
height: 15px;
cursor: pointer;
text-decoration: none;
}

/* FIN PREVIEW*/


/* DEBUT EDIT*/
.edit{
display: flex;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
border: 5px solid #95ca4f;
background-color: white;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
/*width: 40%;*/
width: 460px;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
}

@media screen and (max-width:640px) {
.edit {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.edit {
width: 90%;
} 
}*/

.edit_balise_form{
width: 70%;
}
    
.edit_country_content {
      
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 30px;
margin: 20px 0;
/*outline: 1px solid whitesmoke;*/
}
  
  
.edit_label_input_content {
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 30px;
margin: 20px 0;
/*outline: 1px solid whitesmoke;*/
}  
  


.edit_save_btn {
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 2px solid white;
background-color: #95ca4f;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;  
width: 55px;
height: 22px;
} 
  

.edit_country_box{
width: 100%;
min-height: 40px;
color: yellowgreen;
outline: 0;
border: 3px solid #95ca4f;
border-radius: 20px;
font-weight: bold;
margin-bottom: 3px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
   
}

.edit_form {                   
font-size: 12px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

background: #fafafa;
/*border: 1px solid #ddd;*/
border: 1px solid yellowgreen;
color: rgb(70, 69, 69);
margin-bottom: 3px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
height: 40px; 
outline: 0;
display: flex;
align-items: center;

box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
                              
}


.edit_form_data { 
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;                    
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 500;
text-align: center;
background: #95ca4f;
color: #fafafa;
/*border: 1px solid #ddd;*/
border: 1px solid #95ca4f;
margin-bottom: 3px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
min-height: 40px; 
outline: 0;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
/*word-break: break-all;*/
                                
}
  
.edit_form_textarea {   
font-weight: 500;                     
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
background: #fafafa;
color: rgb(70, 69, 69);
/*border: 1px solid #ddd;*/
border: 1px solid yellowgreen;
margin-bottom: 3px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
height: 80px; 
outline: 0;
display: flex;
align-items: center;

box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
                              
}

.edit_form_textarea_edit { 
font-weight: 500;                     
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
background: #95ca4f;
color: #fafafa;
/*border: 1px solid #ddd;*/
border: 1px solid #95ca4f;
margin-bottom: 3px;
padding-left: 10px;
border-radius: 5px;
width: 97%;
min-height: 80px; 
outline: 0;
display: flex;
align-items: center;
justify-items: center;
justify-content: center;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;                              
/*overflow-wrap: break-word;*/
/*word-break: break-all;*/
}



.edit_country_phone_whatsApp{
width: 20%;
height: 40px;
color: rgb(246, 247, 244);
background-color: #95ca4f;
outline: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
/*border: 3px solid #95ca4f;*/
/*border-radius: 0px;*/
font-weight: bold;
border: 0px;
margin-left: -10px;
/*margin-bottom: 3px;*/
      
}
  
.edit_country_phone_whatsApp_form{
width: 85%;
height: 35px;
color: yellowgreen;
background-color: rgb(255, 255, 255);
outline: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid yellowgreen;
/*border-radius: 0px;*/
/*font-weight: bold;*/
border: 0px;
margin-right: 0px;
/*margin-bottom: 3px;*/
        
}


/*.edit_page_btn_content {
flex-basis: 100%;
width: 20%;
min-height: 40px;
margin: 20px 0;
outline: 1px solid purple;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 

}*/

.edit_page_btn_preview_content {
flex-basis: 100%;
width: 15%;
min-height: 20px;
margin: 20px 0;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}
  
.edit_page_btn_close_content {
flex-basis: 100%;
width: 15%;
min-height: 20px;
margin: 20px 0;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}


.edit_page_btn_preview{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.edit_page_btn_preview:hover{
filter: brightness(1.1);
}
      
.edit_page_btn_close{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.edit_page_btn_close:hover{
filter: brightness(1.1);
}

.adjos_save_btn_save_icon{
width: 15px;
height: 15px;
cursor: pointer;
text-decoration: none;
}

.adjos_edit_btn_back_icon{
width: 25px;
height: 15px;
cursor: pointer;
text-decoration: none;
}

.adjos_preview_btn_edit_icon{
width: 16px;
height: 15px;
cursor: pointer;
text-decoration: none;
}
  
/* FIN EDIT*/


/* DEBUT PAUSE*/
.pause{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 1px solid #95ca4f;
border-radius: 2%;
/*border: none;*/
text-align: center;
/*min-width: 40%;*/
/*width: 40%;*/
width: 450px;
height: 10cm;
/*height: 80%;*/
top: 60px;
/*overflow: scroll;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
}

@media screen and (max-width:640px) {
.pause {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.pause {
width: 90%;
} 
}*/
  
.pause_title_message{
  
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: #95ca4f;
border: 1px solid #95ca4f;*/
text-align: center;
color: rgb(128, 126, 126);
font-weight: bold;
/*width: 60%;
height: 60px;*/
/*top: 60px;*/
/*margin-bottom: 20px;*/
padding: 10px;
box-sizing: border-box;
    
}

  
.pause_title{  
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: #95ca4f;
border: 1px solid #95ca4f;*/
text-align: center;
color: #95ca4f;
font-weight: bold;
/*width: 60%;
height: 60px;*/
top: 60px;
/*margin-bottom: 20px;*/
padding: 10px;
box-sizing: border-box;
word-break: break-all;  
}
  
.pause_button_yes{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 180px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.pause_button_yes:hover{
filter: brightness(1.1);
}
  
.pause_button_no{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 230px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.pause_button_no:hover{
filter: brightness(1.1);
}
      
.adjos_pause_btn_yes_no_icon{
width: 12px;
height: 12px;
cursor: pointer;
text-decoration: none;
} 


/* FIN PAUSE*/



/* DEBUT PPUBLISH*/
.ppublish{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 1px solid #95ca4f;
/*min-width: 40%;*/
width: 40%;
height: 15cm;
/*height: 80%;*/
top: 60px;
/*overflow: scroll;*/
}
  
/* FIN PPUBLISH*/


/* DEBUT DELETE*/
.delete{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 1px solid #95ca4f;
border-radius: 2%;
/*border: none;*/
text-align: center;
/*min-width: 40%;*/
/*width: 40%;*/
width: 460px;
height: 10cm;
/*height: 80%;*/
top: 60px;
/*overflow: scroll;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}

@media screen and (max-width:640px) {
.delete {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.delete {
width: 90%;
} 
}*/

.delete_title_message{

position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: #95ca4f;
border: 1px solid #95ca4f;*/
text-align: center;
color: rgb(128, 126, 126);
font-weight: bold;
/*width: 60%;
height: 60px;*/
/*top: 60px;*/
/*margin-bottom: 20px;*/
padding: 10px;
box-sizing: border-box;
  
}


.delete_title{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: #95ca4f;
border: 1px solid #95ca4f;*/
text-align: center;
color: #95ca4f;
font-weight: bold;
/*width: 60%;
height: 60px;*/
top: 60px;
/*margin-bottom: 20px;*/
padding: 10px;
box-sizing: border-box;
word-break: break-all;
}

.delete_button_yes{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 180px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.delete_button_yes:hover{
filter: brightness(1.1);
}

.delete_button_no{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 230px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.delete_button_no:hover{
filter: brightness(1.1);
}
    
  
/* FIN DELETE*/ 





/* DEBUT EMAILME*/


.emailme{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 3px solid whitesmoke;
border-radius: 4px;
/*border: none;*/
text-align: center;
/*min-width: 40%;*/
/*width: 40%;*/
width: 450px;
height: 16cm;
/*height: 80%;*/
top: 60px;
/*overflow: scroll;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
}

@media screen and (max-width:640px) {
.emailme {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.emailme {
width: 90%;
} 
}*/

.emailme-form {

position: relative;
top: -30%;
width: 60%;
height: 40px;
margin: 20px 0;
border: 1px solid whitesmoke;
border-radius: 5px;
outline: 0;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  

     /* position: relative;              
    font-size: 12px;
    background: #fafafa;
    
    border: 1px solid yellowgreen;
    margin-bottom: 20px;
    padding-left: 10px;
    border-radius: 5px;
    width: 100%;
    height: 40px; 
    outline: 0;
    display: flex;
    align-items: center;
    justify-items: right;
    top: -60%;*/
                              
}
    
.emailme-form_textarea {
position: relative;
top: -30%;
width: 60%;
height: 60px;
margin: 20px 0;
border: 1px solid whitesmoke;
border-radius: 5px;
outline: 0;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  


      /*position: relative;                 
    font-size: 12px;
    background: #fafafa;
    border: 1px solid yellowgreen;
    margin-bottom: 5px;
    padding-left: 10px;
    border-radius: 5px;
    width: 100%;
    height: 80px; 
    outline: 0;
    display: flex;
    align-items: center;
    justify-items: right;
    top: -60%;         */                
}



.emailme_title_message{

position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: #95ca4f;
border: 1px solid #95ca4f;*/
text-align: center;
color: rgb(128, 126, 126);
font-weight: bold;
/*width: 60%;
height: 60px;*/
/*top: 60px;*/
/*margin-bottom: 20px;*/
padding: 10px;
box-sizing: border-box;
top: 3%;
        
}  


.emailme_title{

position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
/*background-color: black;*/
/*border: 1px solid #95ca4f;*/
text-align: center;
color: #95ca4f;
font-weight: bold;
/*width: 60%;
height: 60px;*/
top: 60px;
/*margin-bottom: 20px;*/
padding: 10px;
box-sizing: border-box;
      
}






.emailme_button_send{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 480px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.emailme_button_send:hover{
filter: brightness(1.1);
}
    
.emailme_button_cancel{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 530px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.emailme_button_cancel:hover{
filter: brightness(1.1);
}


.alert_emailme {  
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 10 px;
color: #721c24;
background: #f8d7da;
border: 1px solid #f5c6cb;
text-align: center;                            
font-size: 11px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
height: 30px; 
width: 60%;
}


.success_emailme {  
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 10 px;
color: white;
background: #95ca4f;
border: 1px solid #95ca4f;
text-align: center;                            
font-size: 11px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
height: 30px; 
width: 60%;
}



/* FIN EMAILME*/




/* DEBUT MAPS ADDRESS */



.maps_address{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
/*background-color: rgb(62, 76, 78);*/
background-color: whitesmoke;
/*border: 1px solid #95ca4f;*/
border-radius: 1px;
text-align: center;
color: #95ca4f;
font-weight: bold;
/*width: 60%;
height: 60px;*/
top: 150px;
margin-top: 10px;
margin-bottom: 20px;
padding: 10px;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
        
}


.view_maps {
/*flex-basis: 100%;*/
position: relative;
width: 100%;
min-height:300px; 
/*margin: 20px 0;*/
margin: 0 auto;
right: 0;
left: 0;
top: -80px;
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid whitesmoke;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
}



/* FIN MAPS ADDRESS */






/* DEBUT SMSTELEPHONE*/
.smstelephone{
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: white;
border: 1px solid #95ca4f;
border-radius: 2%;
/*border: none;*/
text-align: center;
/*min-width: 40%;*/
/*width: 40%;*/
width: 450px;
height: 7cm;
/*height: 80%;*/
top: 60px;
/*overflow: scroll;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;  
}
@media screen and (max-width:640px) {
.smstelephone {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.smstelephone {
width: 90%;
} 
}*/
  
.smstelephone_title_message{
  
position: absolute;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*background-color: #95ca4f;
border: 1px solid #95ca4f;*/
text-align: center;
color: rgb(128, 126, 126);
font-weight: bold;
/*width: 60%;
height: 60px;*/
/*top: 60px;*/
/*margin-bottom: 20px;*/
padding: 10px;
box-sizing: border-box;
    
}
  
  
.smstelephone_title{
position: relative;
top: -90px;
color: #95ca4f;
width: 100%;
height: 50px;
margin-bottom: -100px;
border: 0;
  
}
  
  
.smstelephone_button_close{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 180px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.smstelephone_button_close:hover{
filter: brightness(1.1);
}
      
    
  /* FIN SMSTELEPHONE*/ 




/*        DEBUT RESTRICTION          */

.restriction_content {
display: flex;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: white;
/*outline: 3px solid red;*/
padding: 5px;
width: 40%;
min-height: 100px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
} 
    
@media screen and (max-width:640px) {
.restriction_content {
width: 90%;
} 
}




.restriction_menu_content{
position: fixed;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;     
width: 210px;                  
/*height: 420px;*/
height: 362px;
top: 60px;
/*left: 36%;*/
left: 1px;
border-radius: 5px;
border: 2px solid whitesmoke;
z-index:2;
background-color:white;
color: rgb(128, 126, 126);
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
}
@media screen and (max-width: 1030px) {
div.restriction_menu_content {
display: none;
}
}


.restriction_navmenu_sidebar_responsive_content{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;   
background-color: white;
color:rgb(128, 126, 126) ;
width: 168px;
height: 319px;
border-radius: 3px;
z-index: 10;
}



.contact_restriction {
text-decoration: none;
}

.contact_restriction_responsive {
position: relative;
text-decoration: none;
top: 150px;

}


.restriction_title_content {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #a7a9aa;
text-align: center;
font-size: 12px;
flex-basis: 100%;
width: 100%;
min-height: 50px;
margin: 20px 0;
/*outline: 1px solid purple;*/
}


.submit_image_restriction{
align-items: center;
justify-content: center;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.submit_image_restriction:hover{
filter: brightness(1.1);
}


.restriction_id_image_content {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
width: 90%;
min-height: 200px;
margin: 20px 0;
border: 3px solid whitesmoke;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
border-radius: 4px;
}

.restriction_id_image{
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: white;  
width: 110px;
height: 110px;
}  

.restriction_id_image_viewer{
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
/*background-color: #721c24; */
background-color: transparent;
width: 140px;
height: 140px;
top: -40px;
color: #a7a9aa;
text-align: center;
margin: 0 auto;
border: 3px solid whitesmoke;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
border-radius: 4px;
}  

.id_card_view_href{
text-decoration: none;
}

.success_logo{   
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;        
background-image: url('image-icons/success.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*background-color: black;*/
width: 30px;
height: 30px;
font-family: sans-serif;
margin: 0 auto;
box-sizing: border-box;                
}

.id_viewer{
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}


.menu_restriction {
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
width: 100%;
min-height: 10px;
margin: 0 auto;
top: 130px;
z-index: 10;
/*outline: 1px solid purple;*/
color: rgb(128, 126, 126);
text-align: center;
} 

/*         FIN RESTRICTION               */





/* DEBUT ADMINISTRATION */



.admin_icon_home_page{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
/*background-color: transparent;*/
color: #f7f8f6;
width: 200px;
position: absolute;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
/*top: 10px;*/
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.admin_icon_home_page:hover{
filter: brightness(1.1);
}
/*@media screen and (min-width: 200px) and (max-width: 250px) {
a.signup_home_page {
margin-right:55px;
          
}
}*/

@media screen and (max-width: 1030px) {
a.admin_icon_home_page {
display: none;
}
}



.admin_icon_home_page_responsive{
/*position: relative;*/
align-items: center;
justify-content: space-between;
/*display: flex; */
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 50px;
position: absolute;
left: 0;
/*right: 0;*/
padding: 7px 1px;
margin: 20px  ;
/*top: 10px;*/
/*margin: 0 auto;*/
text-align: center;
text-decoration: none;
display: none;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.admin_icon_home_page_responsive:hover{
filter: brightness(1.1);
}
      
@media screen and (max-width: 1030px) {
a.admin_icon_home_page_responsive {
display: flex;
}
}



.menu_content_admin{
position: fixed;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
width: 210px;                  
height: 420px;
/*min-height: 300px;*/
top: 60px;
/*left: 36%;*/
left: 1px;
border-radius: 5px;
border: 2px solid whitesmoke;
/*z-index:2;*/
background-color:white;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
}
@media screen and (max-width: 1030px) {
div.menu_content_admin {
display: none;
}
}

.menu_content_adminuser{
position: fixed;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;     
width: 210px;                  
/*height: 420px;*/
height: 300px;
top: 60px;
/*left: 36%;*/
left: 1px;
border-radius: 5px;
border: 2px solid whitesmoke;
/*z-index:2;*/
background-color:white;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    
}
@media screen and (max-width: 1030px) {
div.menu_content_adminuser {
display: none;
}
}




.menu_vertical {
position: relative;
width: 210px;
height: 50px;
top: 55px;
}

.menu_vertical a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;  
background-color: #95ca4f; /* Grey background color */
color: white; /* Black text color */
display: block; /* Make the links appear below each other */
padding: 5px; /* Add some padding */
text-decoration: none; /* Remove underline from links */
text-align: left;
border: white solid 1px;
}

.menu_vertical a:hover  {
filter: brightness(1.1);
}

.menu_vertical a:active {
background-color: #95ca4f/*white*/; /* Add a green color to the "active/current" link */
color: white/*black*/;
}



  

.addadmin_content {
display: flex;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: white;
/*outline: 3px solid red;*/
padding: 5px;
width: 40%;
min-height: 300px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
} 
  
@media screen and (max-width:640px) {
.addadmin_content {
width: 90%;
} 
}




.adduser_form_content {

position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*flex-basis: 100%;*/
width: 100%;
min-height: 320px;
margin: 20px 0;
/*outline: 1px solid purple;*/
}




.addadmin_form_content {

position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*flex-basis: 100%;*/
width: 100%;
min-height: 320px;
margin: 20px 0;
/*outline: 1px solid purple;*/
}


.msg_addadmin{
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;      
text-align: center;   
color: white;         
font-size: 12px;
/*flex-basis: 100%;*/
width: 100%;
min-height: 2px;
margin: 20px 0;
/*outline: 1px solid purple;*/
background-color: #95ca4f;
font-weight: bold;
margin-bottom: 10px;
border: 1px solid #95ca4f;
padding: 10px 0;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
   
}

.adjosaddmin_view_status {
display: flex;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: white;
color: #95ca4f;
font-size: 15px;
font-weight: bold;
/*outline: 3px solid red;*/
width: 40%;
height: 70px;
margin: 0 auto;
margin-top: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    
} 
    
@media screen and (max-width:640px) {
.adjosaddmin_view_status {
width: 90%;
} 
}
/*.viewadmin_page_btn_content {
flex-basis: 100%;
width: 20%;
min-height: 100px;
margin: 20px 0;
outline: 1px solid purple;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}*/


.viewadmin_btn_btn_content {
/*border: 1px solid black;*/
margin: 1rem;
/*padding: 2rem 2rem;*/
width: 220px;
height: 85px;
text-align: center;
}
  
  
  
.viewadmin_btn_btn {
display: inline-block;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*border: 1px solid red;*/
/*padding: 1rem 1rem;*/
width: 100px;
height: 80px;
vertical-align: middle;
  
}

.viewadmin_page_btn_publish{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.viewadmin_page_btn_publish:hover{
filter: brightness(1.1);
}

.viewadmin_page_btn_report{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgba(216, 219, 4, 0.89);
/*background-color: #62a5aa;*/
background-color: rgba(216, 219, 4, 0.89);
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.viewadmin_page_btn_report:hover{
filter: brightness(1.1);
}
          
        
.viewadmin_page_btn_close{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(23, 158, 248);
/*background-color: #62a5aa;*/
background-color: rgb(23, 158, 248);
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.viewadmin_page_btn_close:hover{
filter: brightness(1.1);
}
    
.viewadmin_page_btn_delete{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(211, 35, 35);
/*background-color: #62a5aa;*/
background-color: rgb(211, 35, 35);
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.viewadmin_page_btn_delete:hover{
filter: brightness(1.1);
}


.viewadmin_page_btn_reject{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(208, 211, 35);
/*background-color: #62a5aa;*/
background-color: rgb(208, 211, 35);
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.viewadmin_page_btn_reject:hover{
filter: brightness(1.1);
}

.viewadmin_page_btn_restrict{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(208, 211, 35);
/*background-color: #62a5aa;*/
background-color: rgb(208, 211, 35);
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.viewadmin_page_btn_restrict:hover{
filter: brightness(1.1);
}

.viewadmin_page_btn_free{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.viewadmin_page_btn_free:hover{
filter: brightness(1.1);
}

.restrict_button_admin_yes{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(208, 211, 35);
/*background-color: #62a5aa;*/
background-color: rgb(208, 211, 35);
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 180px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.restrict_button_admin_yes:hover{
filter: brightness(1.1);
}
        
.restrict_button_admin_no{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(208, 211, 35);
/*background-color: #62a5aa;*/
background-color: rgb(208, 211, 35);
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 230px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.restrict_button_admin_no:hover{
filter: brightness(1.1);
}


.free_button_admin_yes{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 180px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.free_button_admin_yes:hover{
filter: brightness(1.1);
}
          
.free_button_admin_no{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 230px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.free_button_admin_no:hover{
filter: brightness(1.1);
}

      

.viewadmin_page_submit_content {
flex-basis: 100%;
width: 70px;
min-height: 20px;
margin: 0 auto;
margin-bottom: 5px;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}
      
.viewadmin_page_submit2_content {
flex-basis: 100%;
width: 70px;;
min-height: 20px;
margin: 0 auto;
/*outline: 1px solid purple;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
}

.delete_button_admin_yes{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(211, 35, 35);
/*background-color: #62a5aa;*/
background-color: rgb(211, 35, 35);
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 180px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.delete_button_admin_yes:hover{
filter: brightness(1.1);
}
  
.delete_button_admin_no{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(211, 35, 35);
/*background-color: #62a5aa;*/
background-color: rgb(211, 35, 35);
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 230px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.delete_button_admin_no:hover{
filter: brightness(1.1);
}


.report_button_admin_yes{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgba(216, 219, 4, 0.89);
/*background-color: #62a5aa;*/
background-color: rgba(216, 219, 4, 0.89);
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 180px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.report_button_admin_yes:hover{
filter: brightness(1.1);
}
    
.report_button_admin_no{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgba(216, 219, 4, 0.89);
/*background-color: #62a5aa;*/
background-color: rgba(216, 219, 4, 0.89);
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 230px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.report_button_admin_no:hover{
filter: brightness(1.1);
}

.publish_button_admin_yes{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 180px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.publish_button_admin_yes:hover{
filter: brightness(1.1);
}
      
.publish_button_admin_no{
position: absolute;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 100px;
left: 0;
right: 0;
top: 230px;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.publish_button_admin_no:hover{
filter: brightness(1.1);
}
  
  
.menu_navbar_responsive_content_admin{
/*width: 200px;*/
width: 170px; 
position:fixed;
top: 60px;
/*min-height: 65%;*/
/*height: 20%;*/
height: 295px;
/*left: 71%;*/
left: 1px;  
background-color: white;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border:1px solid #95ca4f;
display: none;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;                   
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
z-index: 10;                    
}
  


.menu_vertical_responsive_admin {
position: relative;
width: 168px;
height: 20px;
top: 150px;
}
  
.menu_vertical_responsive_admin a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;  
background-color: #95ca4f; /* Grey background color */
color: white; /* Black text color */
display: block; /* Make the links appear below each other */
padding: 2px; /* Add some padding */
text-decoration: none; /* Remove underline from links */
text-align: left;
border: white solid 1px;
}
  
.menu_vertical_responsive_admin a:hover  {
filter: brightness(1.1);
}
  
.menu_vertical_responsive_admin a:active {
background-color: #95ca4f/*white*/; /* Add a green color to the "active/current" link */
color: white/*black*/;
}



.menu_navbar_responsive_content_adminuser{
/*width: 200px;*/
width: 170px; 
position:fixed;
top: 60px;
/*min-height: 65%;*/
/*height: 20%;*/
height: 273px;
/*left: 71%;*/
left: 1px;  
background-color: white;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border:1px solid #95ca4f;
display: none;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
text-align: center;
box-sizing: border-box;                   
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
z-index: 10;                    
}

.menu_vertical_responsive_adminuser {
position: relative;
width: 168px;
height: 20px;
top: 175px;
}
    
.menu_vertical_responsive_adminuser a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;  
background-color: #95ca4f; /* Grey background color */
color: white; /* Black text color */
display: block; /* Make the links appear below each other */
padding: 2px; /* Add some padding */
text-decoration: none; /* Remove underline from links */
text-align: left;
border: white solid 1px;
}
    
.menu_vertical_responsive_adminuser a:hover  {
filter: brightness(1.1);
}
    
.menu_vertical_responsive_adminuser a:active {
background-color: #95ca4f/*white*/; /* Add a green color to the "active/current" link */
color: white/*black*/;
}

.welcome_admin {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
width: 100%;
min-height: 10px;
margin: 20px 0;
/*outline: 1px solid purple;*/
color: rgb(128, 126, 126);
text-align: center;
}


.info_welcome_admin {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between; 
width: 100%;
min-height: 100px;
margin: 20px 0;
/*outline: 1px solid purple;*/
color: rgb(128, 126, 126);
text-align: center;
font-size: 12px;
}


.content_adjoto_admin {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
width: 100%;
min-height: 100px;
margin: 20px 0;
/*outline: 1px solid purple;*/
}



.content_adjoto_admin_search{
display:flex;
/*flex-direction: column;
align-items: center;
justify-content: space-between;*/
background-color: white;
width: 70%;
margin: 0 auto;
min-height: 40px;
color: yellowgreen;
outline: 0;
border: 1px solid #95ca4f;
border-radius: 20px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 3px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
         
}

  
.search_box_form_admin{
outline: 0;
border: 0;
background: 0;
width: 100%;
color:#95ca4f ;
    
}
  
.search_box_submit_admin{
background: 0;
border:2px solid #95ca4f;
border: 0;
border-radius: 50%;
cursor: pointer;
left: 0;
display: none;
}
  
.search_box_submit_icon_admin{
position: relative;
height: 17px;
width: 15px;
border-radius: 50%;
background-size: 100% 100%;
    
}


.no_result {
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;  
background-color: #95ca4f;
color: white;
}

/* FIN ADMINISTRATION */




/* Center the loader */
.loader {
position: absolute;
/*left: 50%;*/
display:flex;
margin: 0 auto;
top: 50%;
z-index: 1;
width: 30px;
height: 30px;
/*margin: -76px 0 0 -76px;*/
border: 16px solid #95ca4f;
border-radius: 50%;
border-top: 16px solid #3498db;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}

@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 } 
to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
from{ bottom:-100px; opacity:0 } 
to{ bottom:0; opacity:1 }
}



#myDiv {
display: none;
text-align: center;
}




/* DEBUT INDEX LOADER */

.index_loader {
position: absolute;
/*left: 50%;*/
display:flex;
flex-direction: column;
align-items: center;
justify-content: center; 
margin: 0 auto;
top: 250px;
z-index: 1;
width: 250px;
height: 75px;
/*
width: 50%;
height: 120px;
*/
background-image: url('image-icons/adjowato-logo-site2.png');

/*background-position: 0%;*/
background-size: 100% 100%;

}


/*   FIN INDEX LOADER */


.adsadminp_btn_btn {
position: relative;
display: inline-block;
flex-direction: column;
align-items: center;
justify-content: space-between;
/*border: 1px solid red;*/
/*padding: 1rem 1rem;*/
width: 100px;
height: 80px;
vertical-align: middle;
top: 100px;
    
}



.low_ads_position_btn{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgba(216, 219, 4, 0.89);
/*background-color: #62a5aa;*/
background-color: rgba(216, 219, 4, 0.89);
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.low_ads_position_btn:hover{
filter: brightness(1.1);
}


.close_ads_position_btn{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid rgb(23, 158, 248);
/*background-color: #62a5aa;*/
background-color: rgb(23, 158, 248);
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.close_ads_position_btn:hover{
filter: brightness(1.1);
}


.middle_ads_position_btn{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid orange;
/*background-color: #62a5aa;*/
background-color: orange;
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;     
padding: 7px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.middle_ads_position_btn:hover{
filter: brightness(1.1);
}


.high_ads_position_btn{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid #95ca4f;
/*background-color: #62a5aa;*/
background-color: #95ca4f;
color: #f7f8f6;
width: 70px;
left: 0;
right: 0;
padding: 7px 1px;
margin: 20px  ;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.high_ads_position_btn:hover{
filter: brightness(1.1);
}



/*EMAIL CONFIRMATION*/

.ec{
display: flex;
position:relative;
align-items: center;
justify-content: center;
border-radius: 5px;
border: 2px solid whitesmoke;
background-color: white;
color: rgb(92, 92, 92);
text-align: center;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
width: 40%;
min-height: 200px;
margin: 0 auto;
top: 70px;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
@media screen and (max-width:640px) {
.ec {
width: 90%;
} 
}

/*FIN EMAIL CONFIRMATION */



/*DEBUT PAYPAL BUTTON CUSTOMIZATION */
.paypal_button_custom{
z-index: 0;
}
/*FIN PAYPAL BUTTON CUSTOMIZATION */



/* DEBUT DOWNLOAD PRODUCT */

.download_product_btn {
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;      
text-align: center;   
text-decoration: none;
/*color: rgb(105, 104, 104); */   
color: #95ca4f;      
font-size: 15px;
font-family: 'Times New Roman', Times, serif;
/*flex-basis: 100%;*/
width: 100%;
min-height: 60px;
margin: 20px 0;
/*outline: 1px solid purple;*/
/*background-color: rgba(28, 95, 252, 0.921);*/
/*background-color: #95ca4f;*/
background-color: whitesmoke;
font-weight: bold;
margin-bottom: -1px;
border: 1px solid whitesmoke;
/*padding: 10px 0;*/
border-radius: 2px;
/*cursor: pointer;*/
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  
} 

.download_product_bouton{
background-color: #95ca4f;
border: 1px solid #95ca4f;  
color: white;
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}


.admin_product_detail{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;      
text-align: left; 
/*color: #3d3c3c;*/
color: rgb(146, 146, 146);
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}


.my_downloads_links_content{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: transparent;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
/*width: 40%;*/
width: 460px;
min-height: 100px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
box-sizing: border-box;
/*top: 40px;*/
top: 80px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
    
}

@media screen and (max-width:640px) {
.my_downloads_links_content {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.my_downloads_links_content {
width: 90%;
} 
}*/

.my_downloads_links{
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 5px;
border: 5px solid whitesmoke;
background-color: #95ca4f;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
width: 90%;
min-height: 100px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 3px;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
  
.my_downloads_links_title{
/*position: relative;*/
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
/*border-radius: 5px;*/
background-color: #95ca4f;
border: 1px solid white;
color: white;
text-align: center;
font-weight: bold;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
/*padding: 5px;*/
width: 100%;
min-height: 30px;
margin: 0 auto;
margin-top: -1px;

/*top: -30px;*/
box-sizing: border-box; 
}
  
  
.my_downloads_links_button{
position: relative;
align-items: center;
justify-content: space-between;
display: flex; 
border-radius: 50px;
border: 3px solid white;
background-color: white;
/*background-color: #95ca4f;*/
color: #95ca4f;
width: 100px;
left: 0;
right: 0;     
padding: 5px 1px;
margin-top: 10px;
margin: 0 auto;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
    
}
.my_downloads_links_button:hover{
filter: brightness(1.1);
}


/* FIN DOWNLOAD PRODUCT 





/* DEBUT PROFILE   */

.profile_content{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: transparent;
outline: 3px solid whitesmoke;
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
/*width: 40%;*/
width: 450px;
min-height: 100px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
box-sizing: border-box;
/*top: 40px;*/
top: 45px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

      
}
  
@media screen and (max-width:640px) {
.profile_content {
width: 80%;
} 
}

/*@media screen and (max-width:1024px) {
.profile_content {
width: 90%;
} 
}*/

.profile_photo{
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
background-color: #95ca4f;
border:5px solid yellowgreen;
border-radius: 50%;
background-size: 100% 100%;
background-color: white;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: white;
text-align: center;
font-weight: bold;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
height: 110px;
width: 110px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
box-sizing: border-box; 
}
.profile_photo_user{
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 100px;
width: 100px;
/*border:5px solid yellowgreen;*/
border-radius: 50%;
background-size: 100% 100%;
overflow: hidden;
/*background: url('profile-photos/default.png');*/
margin: 0 auto;
right: 0;
left: 0;
}

.profile_text{
/*position: relative;*/
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
/*border-radius: 5px;*/
/*background-color: #95ca4f;*/
background-color: white;
border: 1px solid white;
color: darkgray;
text-align: center;
font-weight: bold;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
/*padding: 5px;*/
width: 100%;
min-height: 30px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
/*top: -30px;*/
box-sizing: border-box; 
}


.profile_adjos_content{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: transparent;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
width: 40%;
min-height: 100px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
box-sizing: border-box;
/*top: 40px;*/
top: 45px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
        
}
    
@media screen and (max-width:640px) {
.profile_adjos_content {
width: 90%;
} 
}

@media screen and (max-width:1024px) {
.profile_adjos_content {
width: 90%;
} 
}


.profile_adjos_back_btn_content{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 5px;
/*border: 5px solid whitesmoke;*/
background-color: transparent;
/*outline: 3px solid red;*/
color: #95ca4f;
font-weight: bold;
/*padding: 5px;*/
width: 40%;
min-height: 50px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
box-sizing: border-box;
/*top: 40px;*/
top: 45px;
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
*/
          
}
      
@media screen and (max-width:640px) {
.profile_adjos_back_btn_content {
width: 90%;
} 
}

.profile_view_btn_back_icon{
position: absolute;  
width: 15px;
height: 15px;
cursor: pointer;
text-decoration: none;
/*background-color: #721c24;*/
left: -1px; 
top: 5px;
}


/* FIN PROFILE */ 




/* DEBUT CAMPAIGN */

.send_campaign_content {
position: relative;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex-basis: 100%;
width: 100%;
min-height: 200px;
margin: 20px 0;
border: 3px solid whitesmoke;
text-align: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
border-radius: 4px;
/*background-color: red; */
top: 30px;
}


.campaign_btn_update {
/*border-radius: 50px;*/
background-color:#95ca4f ;
color: #f4f6f7;
width: 200px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
/*margin-top: 1.8rem;
transform: translateX(-10%);*/
position: relative;
height: 30px;
border: none;
/*padding: 5px;*/
top: 5px;
cursor: pointer;
font-size: 15px;
text-align: center;
}
.campaign_btn_update:hover{
filter: brightness(1.1);
}
    
    
.campaign_btn_send_emails {
border-radius: 50px;
background-color:#95ca4f ;
color: #f4f6f7;
width: 200px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
/*margin-top: 1.8rem;
transform: translateX(-10%);*/
position: relative;
height: 30px;
border: none;
/*padding: 5px;*/
top: 5px;
cursor: pointer;
font-size: 15px;
text-align: center;
}
.campaign_btn_send_emails:hover{
filter: brightness(1.1);
}

/* FIN CAMPAIGN */






/*FOOTER*/
.footer {
position: relative;
margin-top: 520px;        
bottom: -800px;
width: 100%;
background-color: none;
color: #568814;
text-align: center;
font-size: 12px;
}
              
/*FIN FOOTER*/






.testo_clicks{
background-color: black;
color: red;
}





















/*   */



  .content-post {
    flex-basis: 100%;
    width: 100%;
    min-height: 300px;
    margin: 20px 0;
    outline: 1px solid purple;
  }