.bt_edit_user{
width:150px !important;padding:.5em 0 .5em 0 !important;text-align:center;
font-size:0.9em !important;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url(https://dinopixel.com/quicksand.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url(https://dinopixel.com/quicksand.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url(https://dinopixel.com/quicksand.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } td{ vertical-align: middle; }
*{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;font-family:'Quicksand',sans-serif;background-color:#f9f9f9}
canvas{margin:0;cursor:crosshair;-webkit-tap-highlight-color: transparent;}

.space_ad_h{
width:100%;
height:120px;
text-align:center;margin:0 auto 0 auto;padding:1em 0 1em 0;
}

/*15-07-23*/
.title_web_uniq_px{
margin:0.4em 0.3em 0.2em 0.9em !important;
}


/*23-01-25*/
    /* Default styles for larger screens */
    .flex-container_img {
        margin: 0 0 2em 0.5em;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        text-align: left;
    }

    .flex-container_img div {
        width: 200px;
        margin: 1em 3em 1em 0.5em;
        text-align: center;
    }

    /* Media query for mobile screens */
    @media (max-width: 768px) {
        .flex-container_img {
            flex-direction: column;
        }

        .flex-container_img div {
            width: 100%;
            margin: 1em 0;
        }
    }
.bubble_2025 {
  background: #4caf50;
  border-radius: 0.8em;
  color:#ffffff ;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  margin: 0;
  text-align: center;
  width: 120px; 
  cursor:pointer;
  font-size:0.8em;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.bubble_2025:hover {
  color:#fffb00;
  text-decoration:underline;

}

.bubble_dl {
  background: #4caf50;
  border-radius: 0.8em;
  color:#ffffff;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  margin: 0;
  text-align: center;
  width: 220px; 
  cursor:pointer;
  font-size:1em;
  text-decoration:none;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
  
}
.bubble_max {
  background: #4caf50;
  border-radius: 0.8em;
  color:#ffffff;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  padding:0 1em 0 1em;
  margin: 0 0 0.5em 0;
  text-align: center;
  cursor:pointer;
  font-size:1em;
  text-decoration:none;
}
.bubble_dl:hover,.bubble_max:hover {
  color:#fffb00;
  text-decoration:underline;

}


.next_gallery{opacity:.5;width:70px;height:70px;vertical-align:middle;}
.next_gallery:hover{opacity:1}

.next_reb{opacity:.5;width:35px;height:35px;vertical-align:middle;display:none;}
.next_reb:hover{opacity:1}

.left_a_page{position: absolute;top: 50%; left: -40px;transform: translateY(-50%); z-index:3000;font-size: 20px;cursor: pointer;color: #000;}

.right_a_page{position: absolute;top: 50%; right: -40px;transform: translateY(-50%); z-index:3000;font-size: 20px;cursor: pointer;color: #000;}


@media (max-width: 880px) {

.next_reb{opacity:.3;width:30px;height:30px;vertical-align:middle;display:block;}

.left_a_page{position: absolute;top: 50%;
left: 0px;transform: translateY(-50%); z-index:3000;font-size: 20px;cursor: pointer;color: #000;}

.right_a_page{position: absolute;top: 50%;right: 0px;transform: translateY(-50%); z-index:3000;font-size: 20px;cursor: pointer;color: #000;}  

}



@keyframes colorChange {0% { fill: #ff0000; }  50% { fill: #000000; }100% { fill: #ff0000; } }
#notification_bell.animate {animation: colorChange 1s ease-in-out 5; }


.line_user_1
{
float:left;white-space: nowrap;width: 90%;
overflow: hidden; text-overflow: ellipsis;
}
.line_user_2
{
width:25px;float:right;padding:0.2em 1em 0 0;
}


.uniq_svg_section{
width:35px !important;height:35px !important;vertical-align:middle;cursor:pointer;
}

/*
.container_vote {
  position: relative;text-align: center;
}
.centered_vote{
position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);
}*/
.pos_like_el{
text-align:center;
}
.pos_vote_nb{
text-align:center;margin:-12px 0 0 0;font-size:1.2em;border:0px solid #ff0000;
color:#000000;
}
.svg_like_el{
/*width:70px !important;height:70px !important;*/
width:45px !important;height:45px !important;

}
.svg_cmt_el{
width:40px !important;height:40px !important;
}
.svg_play{
width:40px !important;height:40px !important;
}
.bookmar_area_el{
margin:0.8em 0 0 0;
}

.pos_svg_uniq_px1{
margin:0.5em 1.1em 0 0;
}
.pos_svg_uniq_px2{
margin:1em 1em 0 0;
}

.pos_svg_play{margin:1em 1em 0 0;}


/*09-05-23*/
.notif_top_1,.bookmark_top_1,.user_top_1{
float:right;margin:0.3em 1em 0.1em 0;
}



/*18-03-23*/
.next_user_drawing{
width:100%;margin:6em 2em 5em 0.5em;text-align:center;
}
/*18-03-23*/
.img_user_list{
float:left;width:200px;height:300px;margin:1em 3em 1em 0.5em;text-align:left;
}
/*18-03-23*/
.uniqpx_img{
max-width:200px;max-height:200px;height:auto;

margin-left: auto;
  margin-right: auto;
  display: block;

}
/*02-02-23*/
.user_ic{
width:16px;height:16px;cursor:pointer;vertical-align:middle;
}

.bt_settings
{
cursor:pointer;
color:#ffffff;text-align:left;text-decoration:none;
display:inline-block;
border:1px solid #4caf50;
background-color:#4caf50;
font-size:0.9em;cursor:pointer;margin:0 .5em .5em 0;
padding:.5em .3em .5em 0.3em;
word-break:break-all;
text-align:center;
}

.bt_settings:hover
{
color:#ffff00;
border:1px solid #4caf50;
}   

/*14-04-22*/
.ads_area_uniq_page{
margin:0 0 0.7em 0;padding:0 0 0 0;text-align:center;
width:100%;


/*max-height:320px;*/
}

.delete_px_user_area svg{
opacity:0.7;
}

.delete_px_user_area svg:hover{
opacity:1;
}


span.comment_magic {
  border-radius: 0em;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  margin-right: 0.5em;
  width:100%; 
  cursor:pointer;
  font-size:0.8em;
  padding-top:0.1em;
  background-color:#ffffff;
  border:1px solid #4caf50;
  color:#ffffff;
  
  background-color:#4caf50;
  border:1px solid #4caf50;
  color:#4caf50;
  color:#ffffff;
  text-align:center;
}

span.comment_magic:hover {
  background-color:#ffffff;
  border:1px solid #4caf50;
  color:#4caf50;
  text-align:center;
}



.flex_container_smiley {
  display: flex;
  flex-wrap: wrap;
  background-color: fff;
}

.flex_container_smiley > div {

  border:1px solid #ffffff;
  width: 20px;
  margin: 0em 0.2em 0em 0.2em;
  text-align: center;
  line-height: 20px;
  font-size: 1em;
}
.flex_container_smiley > div:hover {
 border:1px solid #4caf50;
}

.ft08{
font-size:0.7em !important;
}

.uniq_px_list p{
font-size:1em !important;
}


/*20-06-20*/
body {
  height: 150vh;
}
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-thumb {
  /*background: rgba(0, 0, 0, .4);
   */
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
    /*IOS*/
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.svg_ic:hover {
  /*fill: #4caf50;*/
  filter: invert(0.5);
}
.comment_bubble_1{
color:#fff;font-size:0.8em;
}
.comment_bubble_1:hover{
 color:#ff0000 !important;
}


 .bt_contest
{
cursor:pointer;
color:#fff;text-align:left;text-decoration:none;
display:inline-block;
color:#4caf50;
border:1px solid #4caf50;



font-size:1em;cursor:pointer;margin:0 .5em 0 0;
padding:.5em .3em .5em 0.3em;
}

.bt_contest:hover
{
color:#ff0000;
border:1px solid #4caf50;
}   

span.bubble_1 {
  background: #4caf50;
  border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  margin-right: 0.5em;
  text-align: center;
  width: 4em; 
  cursor:pointer;
  font-size:0.8em;
}
span.bubble_2 {
  background: #4caf50;
  border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  margin-right: 0.5em;
  text-align: center;
  width: 2em; 
  cursor:pointer;
  font-size:0.8em;
}
span.bubble_larger {
  background: #4caf50;
  border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  margin-right: 0.5em;
  text-align: center;
  width: 7em; 
  cursor:pointer;
  font-size:0.8em;
}


span.pending_comment {
  background: #4caf50;
  border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
  cursor:pointer;
  font-size:0.8em;
}



.animate_plz_10{
animation:animation_color 3s;animation-iteration-count:10;
}
.animate_plz_forever{
animation:animation_color 3s;animation-iteration-count:infinite;
}


.larger_opener{
float:right;margin:0 0.2em 0 0;
}

.not_yet_posted{
width:100%;
margin:0 auto;
text-align:center;
line-height:2em;
}

.comment_faq_block{
background-color:#f1f1f1;margin:0.5em 0 1.5em 0;padding:0.5em;
}

.comment_flow{
overflow:auto;border:0px solid #000;max-height:200px;color:#000;
margin-bottom:1em;
}

.bt_bottom,.bt_bottom_45,.bt_bottom_90,.bt_bottom_20,.bt_bottom_100{

border:0;padding:.6em 0em .6em 0em;margin:1em 0 0 0;font-size:0.75em;
				background-color:#4caf50;color:#fff;text-decoration:none;display:inline-block;cursor:pointer;
				width:120px;
}
.bt_bottom_45{
width:45%;
}
.bt_bottom_100{
width:100%;
border:5px solid #edeced;
padding:1em 0em 1em 0em;
}
.bt_bottom_90{
width:90%;
}
.bt_bottom_20{
width:20%;
/*min-width:*/
}


/*02-12-19*/
.thumbnail_area_gallery{margin:0;


/*diff from user_page_3.css*/
padding:0.5em 1em 1em 0em;


background-color:#efefef;


overflow:hidden;


border-top:1px solid #efefef;

border:0px solid #00ffff !important;
}


.d_n_edit_img{
width:90%;height:auto;
}

.all_margin_padding_user{
margin:1em 0.5em 2em 0.5em;padding:0.5em 0 0 0;
}


@media screen and (max-width:300px){


/*15-07-23*/
.back_to{
display:none;
}

}

@media screen and (max-width:650px)
{


.no_650{
display:none;
}

}


@media (max-width: 600px) 
{
	
	.bt_edit_user{
		width:90px !important;padding:.5em 0 .5em 0 !important;text-align:center;
		font-size:0.8em !important;
	}

	
}


/*07-03-21*/
@media screen and (min-height:600px)
{
	.comment_flow{max-height:250px;}
	
	
}

/*07-03-21*/
@media screen and (min-height:700px)
{
	.comment_flow{max-height:280px;}
}



/*07-03-21*/
@media screen and (min-height:800px)
{
	.comment_flow{max-height:320px;}
}






@media screen and (max-width:700px)
{

	.notif_top_1,.bookmark_top_1,.user_top_1{
float:right;margin:0.3em 1em 0.1em 0;
}


	/*14-04-22*/
	.ads_area_uniq_page{
	margin:0 auto 0.7em auto;padding:0 0 0 0;text-align:center;
	width:320px;
	max-height:320px;
	border:0px solid #ffff00;
	}

.uniq_px_list p{
font-size:0.8em !important;
}


/*01-04-20*/
.max_700_visible{
display:none;
}
.all_margin_padding_user{
margin:1em 0.5em 2em 0.5em;padding:0.5em 0 0 0;
}


.header{margin:0;padding:.2em 0 .2em 0;}
.el_title{font-size:2em;display:none;}
/*#header_left .nav_0{font-size:1.2em;}*/
.top_r_ic{margin:0.1em 2em 0.1em 0;}
}


@media screen and (max-width:620px)
{
	.notif_top_1{
	float:right;margin:0.5em 0.5em 0.1em 0;
	}

	.space_ad_h{
	

	
	height:70px;
	
	}
}
@media screen and (min-width: 1024px) and (min-height: 700px) 
{
	

	.space_ad_h{
	height:200px;
	}
}


body{
background-color:#efefef;
}

.op_hover{
opacity:0.7;
}
.op_hover:hover{
opacity:1;
}
a.ic_d_txt:link,a.ic_d_txt:visited,a.ic_d_txt:active,a.ic_d_txt:hover{text-decoration:none;color:#fff;font-size:0.8em;}
a.ic_d_txt:hover{text-decoration:underline;} 

.top_menu_tab{
padding:0.2em 0 0.2em 0;margin:0;width:100%;
cellspacing:0;cellpadding:0;
}


.open_file{
width:24px;height:27px;
}
.top_title_margin{
margin:0.2em 2em 0.2em 0.4em;
}

.top_r_ic{
float:right;margin:0.1em 2em 0.1em 0;
}


#dinopixel_cv{
background-color: #dbf0dc;
}



.checkerboard_8{	
 /* width:1024px;height:800px;*/
  background-image: linear-gradient(45deg, #b8e0ba 25%, transparent 25%), linear-gradient(-45deg, #b8e0ba 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #b8e0ba 75%), linear-gradient(-45deg, transparent 75%, #b8e0ba 75%);
  background-size: 16px 16px;
  background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
}
.checkerboard_16{	
  /* width:1024px;height:800px;*/
  background-image: linear-gradient(45deg, #b8e0ba 25%, transparent 25%), linear-gradient(-45deg, #b8e0ba 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #b8e0ba 75%), linear-gradient(-45deg, transparent 75%, #b8e0ba 75%);
  background-size: 32px 32px;
  background-position: 0 0, 0 16px, 16px -16px, -16px 0px;
}	
.checkerboard_32{	
  /* width:1024px;height:800px;*/
  background-image: linear-gradient(45deg, #b8e0ba 25%, transparent 25%), linear-gradient(-45deg, #b8e0ba 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #b8e0ba 75%), linear-gradient(-45deg, transparent 75%, #b8e0ba 75%);
  background-size: 64px 64px;
  background-position: 0 0, 0 32px, 32px -32px, -32px 0px;
}	
.ul_green{

list-style-type:disc;margin:3em 0 2em 2.1em;color:#4caf50;
}
.li_space{
padding-bottom:1em;
}

.top_ic{
width:20px;height:20px;cursor:pointer;margin:0 0 0 0;
opacity:1;
}  
.top_ic:hover{
opacity:0.7;
}    

#search_zoom_ic:hover,#award_search:hover,#like_search:hover,#date_search:hover{
opacity:0.7;
}    

.box_search{margin:0;padding:0;
float:left;background-color: #4caf50;
}
.box_zoom{
float:left;margin:-0.2em 0 0 1em;
}
.border_on{
border:2px solid #ffd966;
padding:0.2em;
}
.border_off{
border:2px solid #eee;
padding:0.2em;
}

.title_uniq_px{
float:left;margin:0 1em 0 0;
}
.user_name_uniq_px{
float:left;margin:0.3em 1em 0 0;
}
.pxdate_uniq_px{
float:left;margin:0.3em 0 0 0;
}

.search_el{
	font-size:1em;
  padding: 0.6em 0.2em 0.9em 0.5em;
   color:#fff;
  background-color: #4caf50;
  border:0;
  width:150px;
  margin:0;
  
  
}

.preview_pixel_real_size{
position:absolute;top:180px;right:5%;z-index:3000;
   vertical-align:middle;padding:0.2em 0.5em 0.2em 0.5em;margin:0;
box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
width:130px;
max-width:260px;
background-color:#fff;text-align:left;overflow:auto;border:1px solid #d9ead3;cursor:move;

}

.extra_preview_size{
padding: 0.2em 0.5em 0.2em  0.5em;min-width:120px;
}


.preview_pixel_move{
position:absolute;top:70%;right:5%;z-index:3000;
   vertical-align:middle;padding:0;margin:0;
box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
background-color: #4caf50;text-align:left;border:1px solid #d9ead3;cursor:move;
max-width:150px;
min-width:150px;
}

::placeholder { 
  opacity: 1; 
}

:-ms-input-placeholder { 

}

::-ms-input-placeholder {

}


.search_el::-webkit-input-placeholder {  color: #fff; }
.search_el::-moz-placeholder {  color: #fff;  }
.search_el:-ms-input-placeholder {  color: #fff;  }
.search_el:-moz-placeholder {  color: #fff;  }

.d_none{display:none}.message_after_send{margin:2em 1em 2em 2em;font-size:.8em}
.message_dialog_top{color:#fff;padding:.5em 1em .5em 1em;

font-size:1em;text-align:center;
background-color:#4caf50;
}

.message_dialog_loading{color:#fff;padding:.5em 1em .5em 1em;

font-size:1em;text-align:center;
background-color:#4caf50;
border-bottom:1px dashed #71c174;
}

.title_px_id{
display:inline;
font-size:0.9em;
}

.p_img{width:100px;
height:auto;
max-height:100px;
vertical-align:middle;


/*06-03-21*/
/*margin:1em 0 0 0;*/
}



/*07-03-21*/
.pos_vote_cont{
cursor:pointer;width:38px;height:38px;margin:0 0 0 0;float:right;
}
.sharing_cont{
float:right;margin:0em 0.5em 0 0;
}

.td_img{
/*06-03-21*/
/*height:140px;*/
}
.tab_nb_px{
width:100%;
 border-collapse: collapse; 
 border:0px solid #FF0000;text-align:left;
 margin:0 0 0 5px;
}


.loading_px_middle0{
min-height:300px;width:50%;
padding:5em 0 2em 0;text-align:center;margin:0 auto 0 auto;
}
.loading_px_middle1{
padding:2em;font-size:2em;color:#4caf50;text-align:center;
}

.v_am{vertical-align:middle}.p_img_open{width:300px;height:300px;vertical-align:middle;margin:1em 0 0 0}
.l_color{margin:0;float:left;
width:65px;
padding:0;}
.color_block,.erase_block,.fl_l,.fill_canvas{float:left;}



.el_size_px{float:left;margin:.7em 0 0 .6em}
.el_title{font-size:2em;float:left;color:#4caf50;cursor:pointer}.el_title:hover{animation:animation_color 3s;animation-iteration-count:infinite}.scroll_to_options_i{float:right;margin:0 1em 0 0}


.palette_block{width:25px;height:25px;margin:0;float:left;cursor:pointer;}


.el_title_small{font-size:1.2em;color:#4caf50;}


.selected_bt_palette{

cursor:pointer;color:#fffb00;background-size:25px 14px;background-image:url('valid.svg');
background-position:1px 3px;background-repeat:no-repeat}




.animate_color{
animation:animation_color 3s;animation-iteration-count:infinite
}
.valid_img{
width:18px;
height:18px;
vertical-align:middle;
}

.award_img{
width:18px;
height:18px;
vertical-align:middle;
opacity:1;
}
.opa_on{
opacity:0.5;
}

.sharing{
opacity:0.5;
}
.sharing:hover{
opacity:1;
}


.valid_round{
width:22px;
height:22px;
vertical-align:middle;
}
.valid_round.opa_on:hover{
opacity:1;
}
.valid_img_like{
width:22px;
height:22px;
vertical-align:middle;
opacity:0.5;
}
.valid_img_like:hover{
opacity:1;
}
.error_round{
width:18px;
height:18px;
vertical-align:middle;

}
.number_gif{

width:33px;padding:0.5em 0.3em 0.5em 0.3em;border:0;
}  

.preview_img_area_px{vertical-align:middle;background-color:#f3f3f3;
padding:.5em 0 .5em .5em;margin:0;box-shadow:2px 1px 2px rgba(0,0,0,0.5);
width:200px;height:200px;
text-align:left;cursor:pointer}
.preview_img_px{max-width:160px;max-height:160px;
min-height:160px;vertical-align:top;text-align:left}.send_px_art_title{color:#000;margin:.5em 0 .5em .5em;text-align:left;font-size:.9em;font-weight:bold}.input_spacer{margin:.5em 0 .5em 0}

.send_bt{margin:1.5em 0 .5em 0;

}

.textarea_h{
/*height:65px;*/
/*12-11-21*/
height:75px;



/*border:1px solid #4caf50;*/
border:1px solid #555555;
font-size:1em !important;
font-family:Arial,Helvetica,sans-serif;
}


.feedback_input{

width:90%;
padding:.5em .3em .5em .3em;font-size:1em;

 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
/*06-04-20*/
width:100%;
padding:.5em .5em .5em .5em;font-size:1em;
border:1px solid #cccccc;
  
}
.feedback_textarea{width:90%;height:180px;padding:.3em;font-size:.8em}


.preview_send_px{vertical-align:middle;background-color:#fff;

padding:1em;
margin:0;box-shadow:1px 1px 1px rgba(0,0,0,0.5);
text-align:left;
cursor:pointer;
overflow:auto;
}

.preview_send_px_form_left{float:left;width:95%;}

.preview_send_px_form_right
{
float:right;margin:0 0em 0 0;
}
.small_dl{font-size:.8em}

.back_to{
font-size:.7em
}

.user_gallery{font-size:.8em}
.abs_modal{position:absolute;top:10%;left:10%;
z-index:3000}

.modal_model,.modal_model_smaller
{
vertical-align:middle;padding:1em;margin:0;
box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
width:580px;
background-color:#fff;
text-align:left;
overflow:auto;
}

/*14-03-21*/
.modal_model_smaller
{
width:350px;

}
.button.border_bt.send_bt_special{
width:98%;margin:0;
/*06-04-20*/
width:100%;
border:0px solid #ff0000 !important;
}

.send_bt_special:hover
{
color:#ffff00;
}

.button_dialog_box
{
	width:45%;
	background-color:#4caf50;
	border:2px solid #f9f9f9;
	color:#fff;text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:1em;
	margin:0 0 0 0;
	padding:.6em 0 .6em 0;
	
}


a.large_l_txt:link,a.large_l_txt:visited,a.large_l_txt:active,a.large_l_txt:hover{font-size:1.5em;text-decoration:none;color:#4caf50}
a.large_l_txt:hover{color:#f00;text-decoration:none;} 
.back_next_bt
{
	width:140px;
	/*background-color:#4caf50;
	
	color:#fff;
	*/
	color:#4caf50;font-size:1.8em;
	
	text-align:center;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	margin:0;
	padding:.6em 0 .6em 0;
	
}
.back_next_bt:hover{
color:#ff0000;
}
.td_menu_1
{
	width:10%;border-right:1px solid #fff;text-align:center;
}
.td_menu_2
{
	width:10%;text-align:center;
}
#moving_area1,#moving_area2,#moving_area3{
}





.preview_modal_r{float:right}


.header{margin:0;padding:.2em 0 .2em 0;
background-color:#f8f8f8}

.main_c{width:100%;margin:0;padding:1em 0 1em 0;background-color:#f9f9f9}.content{margin:0;padding:1em 0 0 0;background-color:#f9f9f9;border-top:1px solid #f1f1f1}
.standard_area{margin:0;padding:1em;background-color:#efefef;
overflow:auto;border-top:1px solid #f9f9f9;}
.mobile_margin,.mobile_margin_uniq_px{margin:1em 0 0 0}


.middle_engine{margin:0;padding:0 1em 0 0;background-color:#f9f9f9}

.great_simple_bottom{margin:1em 0 0 0;
padding:1em;background-color:#eee;border-top:1px solid #f1f1f1;



}.send_form_margin{margin:1em 1em 0 0}.footer_el_txt{font-size:1em;text-align:center}
h1{

font-size:1.5em;color:#4caf50;margin:0;font-weight:normal;

color:#555;font-weight:bold
}

h2,h3{font-size:1.5em;color:#555;margin:.3em 0 1em 0;font-weight:bold}
h3,.small_h{font-size:1em;}

.user_and_px{
display:inline;
color:#4caf50;
font-size:1.3em;
}
.nb_px_show{
color:#4caf50;
font-size:0.9em;
}
.green_el{
color:#4caf50;
}

.bold_el{font-size:1em;color:#555;margin:0;font-weight:bold}.p_large{font-size:1em;color:#555;margin:.3em 0 1em 0;font-weight:bold}#list_pixel_art_grid img{-webkit-filter:invert(100%);filter:invert(100%)}.invert_el{-webkit-filter:invert(100%);filter:invert(100%)}.extra{color:#4caf50}.icon_top{width:24px;height:24px;cursor:pointer;vertical-align:top}
.options_icon_top{vertical-align:middle;-webkit-filter:invert(100%);
filter:invert(100%);
width:18px;height:18px;
cursor:pointer}

.plus_icon{
padding:0;
}

.options_icon,.options_icon_plus{vertical-align:middle;-webkit-filter:invert(100%);filter:invert(100%);
width:22px;height:22px;

cursor:pointer}

.options_icon_src{
width:18px;height:18px;
vertical-align:middle;
}
.dl_ic{
width:20px;height:27px;vertical-align:middle;
}
.dl_ic:hover,.options_icon:hover{
opacity:0.7
}

#zoom_in:hover,#zoom_out:hover{
opacity:0.6;
}
.zoom_bt{width:24px;height:24px;cursor:pointer;margin:0 0 0 0}

.options_icon_plus{width:18px;height:18px;vertical-align:middle;}

.options_icon_not_bt{
width:22px;height:22px;
cursor:pointer;margin:.5em 0 0 0}


.options_icon_dialog{vertical-align:middle;width:30px;height:30px;cursor:pointer;margin:.5em 0 0 0;-webkit-filter:invert(100%);filter:invert(100%)}.zoom_icon{-webkit-filter:invert(100%);filter:invert(100%);margin:0}.star_icon{vertical-align:middle;width:24px;height:24px;cursor:pointer;-webkit-filter:invert(100%);filter:invert(100%)}.display_code{width:85%;height:100px;margin:0 0 0 1em;color:#4caf50;border:0;padding:.5em;font-size:.7em}
.header_l{margin:0 1em 0 1em;float:left}.header_r{margin:1em 3em 0 0;float:right}.menu_svg{width:32px;height:32px;cursor:pointer}.options_svg{width:24px;height:24px;cursor:pointer}

.main_intro{
padding:0em 1em 0 0;
}




.top_content_part_1{float:left;padding:1em 1em 1em 1em;}
.top_content_part_2{padding:0.5em 1em 0 0;float:right;}

.dl_area{margin:0 auto 1em auto;padding:0}.bottom_c,.bottom_d{margin:0;width:100%;padding:1em;background-color:#f9f9f9;border-top:1px solid #f1f1f1}.bottom_d{border-bottom:1px solid #f1f1f1;padding:1em 2em 1em 2em} .great_2{margin:0 .5em .5em .5em;padding:1em .5em 0 .5em;border:0;width:100%}.great_3{margin:1em;padding:2em;width:100%}.canvas_block_1{margin:0}
.canvas_copy_1{margin:0;padding:0}
.cc1{margin:0;padding:0;
  -webkit-box-shadow:inset 1px 1px 0px 0px #d9ead3;
    -moz-box-shadow:inset 1px 1px 0px 0px #d9ead3;
    box-shadow:inset 1px 1px 0px 0px #d9ead3;
 touch-action: manipulation;
}
.cc2{margin:0;padding:0;

    -webkit-box-shadow:inset -1px 0px 0px 0px #e6e6e6;
    -moz-box-shadow:inset -1px 0px 0px 0px #e6e6e6;
    box-shadow:inset -1px 0px 0px 0px #e6e6e6;
}


.space_date,.space_vote{
float:right;
}
.space_vote{
margin:0 4em 0 0;
}
.option_canvas{margin:2em}.number_el_1{padding:5px;font-size:1em;border:1px solid #ccc}.el_line1{border-bottom:1px solid #ccc;padding:1em;margin:.5em 0 .5em 0}.footer{position:fixed;left:0;bottom:0;width:100%;color:#000;text-align:center;padding:0;margin:0}.footer_open{padding:1em 2em 2em 2em;background-color:#eee}.el_slide{padding:0 0 1em 0}.options_area{padding:0}#dialog_pixel{margin:0 auto 0 auto;width:100%;text-align:center}.message_dialog{color:#f00;padding:1em}.c_size_select{cursor:pointer;border-bottom:1px solid #AAA}.c_size_select:hover{border-bottom:1px solid #f00}.fl{float:left}.clr{clear:both;height:1px}.zoom_el{color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:1em;cursor:pointer;cursor:pointer}
.tab_img_preloaded,.tab_img_preloaded_right
{
width:25%;float:left;
background-color:#4caf50;text-align:center;
border:0;
	padding:0em .2em .2em .2em;
	margin:.1em 0em 0em 0;


height:200px;

border:5px solid #edeced;


/*17-03-22*/
/*difference with home_css because class area_title_gallery_pixel_art does not exist in the user page*/

font-size:0.9em !important;

}
.tab_img_preloaded_right
{
	/*07-03-21*/
	padding:0em .2em .2em .2em;
	margin:.1em 0em 0em 0;

border:5px solid #edeced;
}
.tab_img_preloaded_title{background-color:#fff;opacity:.7;


/*07-03-21*/
/*padding:.2em;*/
padding:.1em .2em .1em .2em;

}
/*23-01-25*/
.tab_img_preloaded_title_01{background-color:#fff;opacity:1;

background-color:#dbf0e2;
/*07-03-21*/
/*padding:.2em;*/
padding:.1em .2em .1em .2em;

}



.p_img_open{width:200px;height:200px}
.p_img_open_smaller{width:100px;height:100px}

.gif_area{
margin:0;padding:0.5em 1em 0.5em 0.5em;background-color:#eee
}

.gif_module_place
{
float:right;margin:0.2em 0.5em 0 1em;font-size:0.8em;
}

.gif_dl{

float:right;

/*padding:0.5em;background-color:#4caf50;margin:0em 0 0.5em 0;*/
}

.section_gallery_and_gif{
margin:0 1em 0 1em;padding:1em 0em 1em 0em;
}

.w_svg1_h_svg1{
width:18px;height:18px;
vertical-align:top;
}

.bt_centered_page{width:370px;text-align:center;border:0;margin:.5em;padding:0;border:0}
.button_load{background-color:#4caf50;border:0;color:#fff;text-align:center;text-decoration:none;
display:inline-block;
font-size:1em;cursor:pointer;

padding:0 0 0 0;
margin:.2em 0em .2em 0;

}
/*animation:shake 1.2s;animation-iteration-count:infinite*/
.button_load:hover{background-color:#5eb161;color:#fffb00;

}.shake_el{animation:shake 1.2s;animation-iteration-count:15}
.button,.button_cp,.button_dl,.button_dl_uniq
{
background-color:#4caf50;border:0;color:#fff;text-align:center;text-decoration:none;
display:inline-block;
font-size:1em;cursor:pointer;margin:0 .2em 0 .2em;
padding:.6em 1em .6em 1em}

.button:hover,.button_cp:hover,.button_dl:hover{border-bottom:2px solid #fffb00;
color:#ffff00;
}

.button_cp{margin:0}.left_menu_option_1{text-align:center}.left_menu_option_2{float:left;margin:.2em 0 0 1em}
.bt_size_loader{background-color:#4caf50;border:0;color:#fff;padding:1em .5em 1em .5em;
text-align:center;text-decoration:none;display:inline-block;font-size:.8em;
margin:.2em .5em .2em 0;cursor:pointer;width:155px;
border:2px solid #fff;
}
.bt_size_loader:hover{background-color:#5eb161}
.bt_size_loader_selected{border:2px solid #fffb00;color:#fffb00;background-color:#4caf50}
.button_load_c1{background-color:#4caf50}
.button_load_c2{background-color:#4cafaf}
.button_load_c2:hover{background-color:#2e6b6b}
.button_load_c3{background-color:#4c74af}
.button_load_c3:hover{background-color:#2e476b}
.border_bt{border-bottom:2px solid #f9f9f9;cursor:pointer;}
.border_bt_2px_green{border-bottom:2px solid #4caf50;cursor:pointer;}
.border_bt_green
{
border:2px solid #4caf50;cursor:pointer;
background-color:#4caf50;color:#fff;text-align:center;text-decoration:none;
display:inline-block;
font-size:1em;cursor:pointer;margin:0 .2em 0 0;
padding:.6em 1em .6em 1em
}
.border_bt_yellow{border:2px solid #fffb00;cursor:pointer;
background-color:#4caf50;color:#fff;text-align:center;text-decoration:none;
display:inline-block;
font-size:1em;cursor:pointer;margin:0 .2em 0 0;
padding:.6em 1em .6em 1em;
}
.selected_bt{border-bottom:2px solid #fffb00;cursor:pointer;}
.no_margin_bt,.margin_gallery_choice{margin:0 .2em 0 .2em}
.margin_gallery_choice{margin:0 .4em 0 0em}
.fx_y_text{color:#fffb00}
.fx_global_txt{color:#000}

.fx_global_details{color:#4d4d4d}
.fx_global_size{color:#fff}
.mg_details{

/*margin:.3em 0em 1em 0;
*/
/*12-11-21*/
margin:.3em 0em 0em 0;


font-size:1em;

line-height: 1.7;  
}

.uniq_block_px{
margin:.3em 1em 1em 0em;font-size:1em;
line-height: 1.7;color:#000;
text-align:center;
}

.margin_uniq_block_px{
margin:1em 0 0 1em;
}


.el_gif_txt{
color:#a9a9a9;  
margin:.3em 1em 0em 0;font-size:1em;
}


.mg_list{
margin:1em 0 0 0;
}
.mg_answer_post{color:#f00;font-size:.8em;text-align:left;margin:0}

.mg_answer_post_ok{color:#4caf50;font-size:.8em;text-align:left;margin:0;}

.error_post{color:#f00;}

.ok_post{color:#4caf50;}


.output_left_area{
float:left;border:0px solid #000;padding:0em;margin:0 0 0 0;
overflow:auto;
min-width:300px;
/*max-width:90%;*/
max-height:300px;
}
.output_right_area{
float:left;
}
.mg_post_details{color:#a9a9a9;font-size:.7em;text-align:center}

.h2_details{margin:.3em 0 0 0}
.h2_details_1{margin:.3em 0 0 0;display:inline;}


#mini_canvas_slide{width:60%}input[type=range]{-webkit-appearance:none;border:1px solid white;width:100%}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;background:#ddd;border:0;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:24px;width:24px;border-radius:50%;background:#4caf50;margin-top:-7px}input[type=range]:focus{outline:0}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]::-moz-range-track{width:100%;height:8px;background:#ddd;border:0;border-radius:3px}input[type=range]::-moz-range-thumb{border:0;height:24px;width:24px;border-radius:50%;background:#2c77fb}input[type=range]:-moz-focusring{outline:1px solid white;outline-offset:-1px}input[type=range]::-ms-track{width:100%;height:8px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777;border-radius:10px}input[type=range]::-ms-fill-upper{background:#ddd;border-radius:10px}input[type=range]::-ms-thumb{border:0;height:24px;width:24px;border-radius:50%;background:#2c77fb}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}a.nav_0:link,a.nav_0:visited,a.nav_0:active,a.nav_0:hover{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:1.4em;text-decoration:none;color:#4caf50;font-family:'Quicksand',sans-serif}a.nav_0:hover{color:#f00}a.nav_small:link,a.nav_small:visited,a.nav_small:active,a.nav_small:hover{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:1em;text-decoration:none;color:#4caf50}a.nav_small:hover{color:#f00}
a.nav_1:link,a.nav_1:visited,a.nav_1:active,a.nav_1:hover{font-size:1em;text-decoration:none;color:#2c77fb}
a.nav_1:hover{color:#f00;text-decoration:underline} 
a.nav_2:link,a.nav_2:visited,a.nav_2:active,a.nav_2:hover{cursor:pointer;font-size:1em;text-decoration:none;color:#000}a.nav_2:hover{color:#f00;text-decoration:underline}a.nav_big:link,a.nav_big:visited,a.nav_big:active,a.nav_big:hover{text-shadow:0 1px 0 rgba(255,255,255,1);font-size:1.2em;text-decoration:none;color:#2c77fb}a.nav_big:hover{color:#f00;text-decoration:underline}.i_page{padding:1em;font-size:1.2em;border:0;width:50px;text-align:center;background-color:#f9f9f9}.center_txt{text-align:center}



a.nav_next:link,a.nav_next:visited,a.nav_next:active,a.nav_next:hover{text-shadow:0 1px 0 rgba(255,255,255,1);
font-size:1em;text-decoration:none;color:#ff0000;font-family:'Quicksand',sans-serif}
a.nav_next:hover{color:#ff0000;text-decoration:underline;}


a.nav_vote:link,a.nav_vote:visited,a.nav_vote:active,a.nav_vote:hover{font-size:1.6em;text-decoration:none;color:#fff}
a.nav_vote:hover{color:#f00;text-decoration:underline}

a.nav_green:link,a.nav_green:visited,a.nav_green:active,a.nav_green:hover{font-size:0.9em;text-decoration:none;color:#4caf50}
a.nav_green:hover{color:#ff0000;text-decoration:underline}



.award_space{
float:left;
margin:1em 1em 1em 0em;background-color:#fff;opacity:.7;
padding:1em;width:28%;
}

.small_txt{font-size:.8em}.medium_txt{font-size:.8em}.cross_close_preview{width:25px;height:25px;float:right;margin:0 .3em 0 0}.green_el{color:#4caf50}.open_preview{width:70%;margin:1em auto 1em auto;text-align:center}.required:after{content:" *";color:#f00}.notrequired:after{content:" *";color:#fff}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes animation_color{0%{color:#000}50%{color:#f00}100%{color:#4caf50}}

a.nav_start:link,a.nav_start:visited,a.nav_start:active,a.nav_start:hover{
font-size:1em;text-decoration:none;color:#ffd966}
a.nav_start:hover{color:#ffd966;text-decoration:underline} 

.button_dl,.button_dl_uniq{width:95%;margin:0 0 .2em .1em;text-align:center}
.button_dl_uniq{width:70%;}
.op_max{opacity:1;font-size:.9em}.op_min{opacity:0}.bt_size_loader{padding:1.1em .5em .3em .5em}




@media screen and (min-width:300px){.sp-dd{display:none}.sp-preview{width:25px;height:21px}.sp-palette .sp-thumb-el{width:25px;height:25px}}
@media screen and (max-width:700px){


.textarea_h{
height:60px;
}

.preview_pixel_real_size,.preview_pixel_move{
display:none;
}

#page_title{
display:none;
}

.box_search{
display:none;
}
.border_on{
padding:0;
}
.border_off{
padding:0;
}
.space_vote{
margin:0 1em 0 0;
}
#color_list_page
{
clear:both;
min-width:300px;
width:95%;
overflow:auto;
}
.color_block,.fill_canvas,.erase_block
{
float:left;
}


#dialog_preload{
display:none;
}


.options_icon_top{vertical-align:middle;-webkit-filter:invert(100%);filter:invert(100%);
width:18px;height:18px;cursor:pointer}



.options_icon_not_bt{width:20px;height:20px}
.palette_block{width:25px;height:25px;}.button_cp{margin:0;width:35px;height:30px;padding:.4em 0 0 0}



.loading_px_middle0{
min-height:200px;width:50%;
}
.loading_px_middle1{
padding:2em;font-size:1.3em;color:#4caf50;
}

}


/*@media screen and (max-width:650px){
.p_img{width:200px;max-height:120px;border:0px solid #ff0000 !important;}
}*/






@media screen and (max-width:560px){

.tab_img_preloaded_title_01 .nav_1 {
    font-size: 0.8em !important;
        
  }


	

.top_title_margin{
margin:0.4em 2em 0.3em 0.4em;
}
.top_r_ic{
float:right;margin:0.1em 2em 0.1em 0;
}


.td_menu_1
{
	width:15%;border-right:1px solid #fff;text-align:center;
	
}
.td_menu_2
{
	width:15%;text-align:center;
	
}

#moving_area1,#moving_area2,#moving_area3,#dimension_grid{
}

.back_to{
font-size:.8em
}

.small_txt{font-size:1em}


ul.news_list {
  list-style-type: circle;
}

.zoom_bt{width:20px;height:20px;cursor:pointer;margin:0.1em 0 0 0}


#sort_by_date,#sort_by_vote,#nb_of_el_px,#search_box,#sort_by_award{
display:none;
}
.content{padding:.5em 0 0 0}
.desktop_only{display:none}
h1{font-size:1em}h2{font-size:.9em}
.el_title{font-size:1.5em;margin:0.5em 0 0 0;}
.mg_details{font-size:.8em}
.preview_send_px_form_left{text-align:left;width:300px}
.send_px_art_title{margin:.5em 0 1em .5em}
.input_spacer{margin:.5em 0 1em 0}
/*.feedback_input{width:85%}
*/

.send_bt{text-align:left;}
.button.border_bt.send_bt_special{
/*width:90%;margin:0;
*/
/*06-01-20*/
width:98%;margin:0;
/*06-04-20*/
width:100%;
border:0px solid #ff0000 !important;

}
.message_dialog_top{font-size:0.7em;text-align:center}
.el_gif_txt{
font-size:1em;
}

.gif_dl{
float:left;margin:1em 0 0 0;
}


.plus_icon{

}
.options_icon_plus{width:18px;height:18px;vertical-align:middle;}

 


.icon_no_change{width:18px;height:18px;vertical-align:middle;}


.fl_l{float:none;}
.top_content_part_2{padding:0.5em 0.5em 0 0;}

.preview_send_px{width:300px}.i_page{padding:0 .2em 0 .2em;border:0;width:30px}

.header_l{margin:.8em .3em 0 0.4em}







.abs_modal{top:10%;left:1%;
/*background-color:#eee;*/

}
.preview_preload_img{display:none}
.standard_area{margin:1em 1em 1em 1em;padding:1em 0em 1em 0em;}
.mobile_margin{padding:1em 1em 1em 1em}

.mobile_margin_uniq_px{padding:0em 1em 0em 1em}



.margin_uniq_block_px{
margin:1em 0 0 0;
}



.options_margin{padding:1em 0 1em 0}.button_load{text-align:center}
.modal_model,.modal_model_smaller{width:300px;}


#moving_area{display:none}
.button,.bt_size_loader{

/*25-03-19*/
font-size:1em;

padding:.8em .5em .8em .5em;margin:.2em .2em .2em 0}
.bt_size_loader{font-size:.7em;margin:.2em .5em .2em 0;cursor:pointer;padding:.5em .5em .5em .5em;width:150px}

.left_menu_option_1{float:none;margin:0 1em 0 0em}

.button{width:42%;margin:0}.mobile_bt{width:30%}




.bt_centered_page{width:95%}
/*
#choose_a_size{display:none}
*/
.footer_el_txt{font-size:.7em}
.preview_img_px{max-width:80px;max-height:80px;min-height:60px;}
.center_txt.small_txt{display:none}
.preview_img_area_px{width:150px;height:150px}
.preview_img_px{max-width:120px;max-height:120px;min-height:110px;}}


@media screen and (max-width:500px){



/*28-04-22*/
	/*.ads_area_uniq_page{
	
	width:300px;
	height:300px;
	border:1px solid #ff0000;
	}*/
	


.mobile_no_500{
display:none;
}

}

@media screen and (min-width:1200px){


.img_models_box{
margin:0.5em 1em 0.5em 0.5em;
height:105px;
width:75px; 
font-size:0.7em;
}

.modal_model_smaller
{
width:500px;
}    
.modal_model{
width:700px;
}

.preview_img_area_px{width:200px;height:200px}
.preview_img_px{max-width:170px;max-height:170px;min-height:160px;}


   

}



@media screen and (max-width:1400px){


}

@media screen and (max-width:1200px){


}
@media screen and (max-width:1030px){

.tab_img_preloaded,.tab_img_preloaded_right
{
/*width:31%;margin:.5em 0.8em .5em 0em;*/
width:33.3%;

}
.award_space{width:44%;}

}


@media screen and (max-width:980px){

/*18-03-23*/
.next_user_drawing{
clear:both;
width:99%;
margin:1em 2em 1em 0.5em;text-align:center;



}

}


@media screen and (max-width:950px){

.options_margin{padding:1em 0 0 0}

}

/*18-03-23*/
@media screen and (max-width:900px){
.space_vote{margin:0 2em 0 0;}
.margin_gallery_choice{margin:0 .2em 0 0}

.award_space{width:90%;}



.tab_img_preloaded,.tab_img_preloaded_right
{
width:50%;
} 


.back_next_bt
{
	width:120px;
	font-size:1.5em;

}

}

@media screen and (max-width:820px)
{

	.user_and_px{
		font-size:1.1em;
	}


	/*18-03-23*/
	.img_user_list{
	float:left;width:300px;height:300px;
	border:0px solid #FF0000;margin:1em 3em 1em 0.5em;
	text-align:left;
	}
}

@media screen and (max-width:800px){


.top_title_margin{
margin:0.3em 2em 0.3em 0.4em;
}

.top_r_ic{
float:right;margin:0.1em 2em 0.1em 0;
}

/*13-11-19*/
.button_cp{margin:0 .2em 0 .2em;padding:.1em 1em .1em 1em;width:25px;height:25px;}
.options_icon,.options_icon_plus,.dl_ic,.open_file{width:18px;height:18px;}
.top_menu_tab{
padding:0.2em 0 0.2em 0;margin:0;width:100%;
}
#get_cp_cv{
display:none;
}

.header{padding:0 0 0 0;}
.header_l{margin:0.2em .3em 0 0.4em}
.el_title{font-size:1.2em;margin:0.2em 0 0 0;}


a.large_l_txt:link,a.large_l_txt:visited,a.large_l_txt:active,a.large_l_txt:hover{font-size:1.2em;}

.back_next_bt
{
	width:100px;
	font-size:1.4em;

}





}



@media screen and (max-width:765px)
{
	/*18-03-23*/
	.img_user_list{
	float:left;width:40%;height:300px;
	border:0px solid #FFFF00;margin:1em 3em 1em 0.5em;
	text-align:left;
	
	}
}


@media screen and (max-width:650px)
{

	/*14-03-21*/
	.modal_model_smaller{padding:1em 1em 1em 1em;
	font-size:1em;

	}

	.tab_img_preloaded,.tab_img_preloaded_right
	{
	width:100%;
	}



	a.large_l_txt:link,a.large_l_txt:visited,a.large_l_txt:active,a.large_l_txt:hover{font-size:1em;}

	.ul_green{
	margin:2em 0 2em 2em;
	}
	
		/*17-03-22*/
	.area_title_gallery_pixel_art
	{
	margin:0.3em 0 0 0;
	font-size:1em !important;
	}
	
	.p_img
	{
		width:130px !important;
		height:auto;
		max-height:130px !important;
		vertical-align:middle;
	}
	
	.tab_img_preloaded,.tab_img_preloaded_right
	{
		height:200px !important;
	}




}

@media screen and (max-width:600px){
.mobile_no{
display:none;
}

#gif_module{
display:none;
}


/*18-03-23*/
.img_user_list{
float:left;width:150px;height:260px;border:0px solid #FF0000;margin:1em 3em 1em 0.5em;text-align:left;
}


.uniqpx_img{
border:0px solid #ff0000 !important;

max-width:150px;max-height:200px;height:auto;
}


}




 /*01-04-20*/
@media screen and (min-width:550px){
.modal_model_smaller{

width:450px;border:0px solid #ff0000 !important;}
}

@media(max-width: 550px) and (min-width: 450px) 
{

.modal_model_smaller{width:350px;border:0px solid yellow !important;}
}

@media screen and (max-width:450px){
.modal_model_smaller{width:350px;border:0px solid #ffff00 !important;}
}
@media screen and (max-width:400px){
.modal_model_smaller{width:300px;border:0px solid #0000ff !important;}

.mobile_no_400{display:none;}


}




/*17-03-22*/
/*screen height < 720 need to adapt thumbnail size*/
@media screen and (max-height:720px)
{
	.area_title_gallery_pixel_art
	{
	margin:0.3em 0 0 0;
	font-size:0.8em !important;
	}
	
	.p_img{width:90px !important;
	height:auto;
	max-height:90px !important;
	vertical-align:middle;
	}
	  
	.tab_img_preloaded,.tab_img_preloaded_right
	{
	height:130px  !important;
	
	border-bottom:3px solid #edeced; 
	
	/*border:1px solid #ff00ff; 
	margin-top:0.2em; 
	margin-bottom:0.5em;
	margin-top:0.2em;
	margin-right:0.2em;*/
	}
	
}



@media screen and (min-width:1200px){.preview_img_area_px{width:200px;height:200px}
.preview_img_px{max-width:170px;max-height:170px;min-height:160px;}}


 /*13-11-19*/
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}




/*17-03-22*/
/*screen height < 720 need to adapt thumbnail size*/
@media screen and (min-height:750px) and (min-width:900px) 
{
	
	  
	/*.tab_img_preloaded,.tab_img_preloaded_right
	{
	
	/*17-03-22*/
	/*difference with home_css because class area_title_gallery_pixel_art does not exist in the user page*/

	font-size:1em !important;

	}*/
	
}



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
    html, body {
	/*13-11-19*/
  /*overflow-x: hidden;*/
}
body {
  position: relative
}
    
.bt_size_loader{width:70px;}  

}


/*01-06-22*/
.tab_img_preloaded{width:100%;margin:.5em 0 .5em 0;padding:.2em .2em .2em .2em;}
.p_img{width:100px;height:auto;width:auto;max-height:200px;vertical-align:middle;margin:1em 0 0 0}
.td_img{}
.block_image_px_uniq{padding:0 0 1em 0;}



/*.main_img{height:auto;width:auto;max-height:400px;}*/
.main_img{

/*08-08-24*/

/*height:auto;width:auto;

max-height:100px;*/

/*max-width: 100%;  height: auto;*/
width: 100%;
max-width:100%;
max-height:100%;
max-height:450px;
max-width:350px;
border:0px solid #FF0000;
}


@media screen and (min-height:400px)
{
	/*.main_img{max-height:120px;}*/
	
	/*08-08-24*/
/*	.main_img{max-height:100px;border:1px solid #FF00FF;}*/
	
	

}
@media screen and (min-height:500px)
{
	/*.main_img{max-height:150px;}*/
	
	/*08-08-24*/
/*.main_img{max-height:120px;border:1px solid #000000;}*/



}
@media screen and (min-height:600px)
{
	/*08-08-24*/
/*.main_img{max-height:220px;}*/

}
@media screen and (min-height:700px)
{
	/*08-08-24*/
/*.main_img{max-height:260px;}*/
	/*.uniq_svg_section{
width:40px !important;height:40px !important;
}*/

	

}
/*07-08-24*/
@media screen and (max-height:700px)
{
	.svg_play{
		width:30px !important;height:30px !important;
	}
}

/*07-08-24*/
@media screen and (max-height:600px)
{
	/*.container_vote {position: relative;text-align: center;left:-3px;width:52px;height:52px;font-size:0.9em;}
	.svg_like_el{width:50px !important;height:50px !important;}
	.pos_svg_uniq_px1{margin:0.5em 1em 0 0;}
	.pos_svg_uniq_px2{margin:0.5em 1em 0 0;}
	
	.pos_svg_play{margin:0.5em 1em 0 0;}*/
}



@media screen and (min-height:700px)
{
	/*08-08-24*/
/*.main_img{max-height:300px;}*/

}
@media screen and (min-height:800px)
{
	/*08-08-24*/
/*.main_img{max-height:350px;}*/

}
/*@media screen and (max-height:400px)
{
	.main_img{height:auto;width:auto;max-height:150px;}

}*/







@media screen and (max-width: 800px) {

    .no_800 {
        display: none;
    }
 }
@media screen and (max-width:850px)
{

/*08-08-24*/
/*.main_img{max-width:300px;vertical-align:middle;margin:1em 0 0 0;}*/

}



@media screen and (max-width:560px){


.pos_vote_nb{
text-align:center;margin:-12px 0 0 0;font-size:1em;border:0px solid #ff0000;
color:#000000;
}

/*19-08-24*/
.main_img{

width: 80%;
max-width:80%;
max-height:80%;
/*max-height:400px;
max-width:300px;*/

}


.line_user_1
{
width: 85%;
}


.p_img{height:auto;width:auto;max-height:200px;max-width:200px;vertical-align:middle;margin:1em 0 0 0;}
/*08-08-24*/
/*.main_img{height:auto;width:auto;max-width:250px;vertical-align:middle;margin:1em 0 0 0;}*/
}


@media screen and (max-width:470px){
/*18-03-23*/
.img_user_list{
float:left;width:96%;height:260px;border:0px solid #FF0000;margin:1em 3em 1em 0.5em;text-align:left;
}


.uniqpx_img{
border:0px solid #ff0000 !important;

max-width:100%;max-height:200px;height:auto;
}
}



@media screen and (max-width:450px){
/*08-08-24*/
/*.main_img{height:auto;width:auto;max-width:230px;vertical-align:middle;margin:1em 0 1em 0;}*/
.b_450_100 {
  width: 100px; 

}
.b_450_80 {
  width:80px; 

}
.no_450{
display:none;
}

.svg_play{
width:30px !important;height:30px !important;
}



}



@media screen and (max-width:350px){


.line_user_1
{
width: 75%;
}

/*08-08-24*/
/*.main_img{height:auto;width:auto;max-width:230px;vertical-align:middle;margin:1em 0 1em 0;}*/

/*15-07-23*/
.title_web_uniq_px{
margin:0.4em 0.3em 0.2em 0.4em !important;
}


/*15-07-23*/
.no_350{
display:none;
}

}

@media screen and (max-width:300px){


/*15-07-23*/
.back_to{
display:none;
}

}
.example_responsive_1 { width: 320px; height: 100px;margin:0 auto 0 auto;text-align:center;  }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px;margin:0 auto 0 auto;text-align:center;  } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px;margin:0 auto 0 auto;text-align:center; } }

@media (min-width: 1200px){
  
  .example_responsive_1 { width: 970px; height: 90px;margin:0 auto 0 auto;text-align:center;}
  
}


.pp_u{cursor:pointer;vertical-align:middle;width:auto;height:20px;}