@charset "utf-8";
/* CSS Document */


.wbupload {font-family: "Open Sans",Sans-serif;}


#thaddimage, #thaddimagenew {
	background-color:#50c560;
    font-family: "Roboto",Sans-serif;
	margin-bottom:20px;
	font-size: 18px;
}

#thaddimage:hover, #thaddimagenew:hover {
	background-color:#468e50;
}

#thaddimage .add, #thaddimagenew .add {
	font-size: 3em;
    line-height: 0.3em;
    font-weight: 200;
    vertical-align: middle;
    padding-right: 11px;
    position: relative;
    top: -2px;
} 

#th-wbupload .form-group.imgpreview {width:35%;margin-right:5%;float:left;}
#th-wbupload .form-group.imgtitle {width:60%;float:left;}

#th-wbupload .file {
  visibility: hidden;
  position: absolute;
}

#th-wbupload input[type=text] {
	margin-bottom:1em;
	max-width: 90%;
}

#th-wbupload input[type=submit] {
	margin-right:1em;
	border:0;
	background-color:#50c560;
	color:#fff;
	font-size: 1rem;
	padding: .5rem 1rem;
	margin-bottom: 0.5em;
}
#th-wbupload input[type=submit]:hover {
	background-color:#468e50;
}

#th-wbupload input[type=button] {
	background-color:#b5b5b5;
	color:#fff;
  	border:0;
	font-size: 1rem;
    padding: .5rem 1rem;
}

#th-wbupload input[type=button]:hover {
	background-color:#969696;
}



#th-wbupload label {
	margin: 1em 0;
}

#th-preview {
	max-width:100%;
	float:left;
	margin-right:5%;
}



/* FORM */
#th-wbupload {
	border-top:1px solid #ccc;	
	border-bottom:1px solid #ccc;	
	background-color:#eee;
	padding: 1em;
	font-family: "Open Sans",Sans-serif;
    font-weight: 400;
	overflow:auto;
	display:none;
	margin-bottom:20px;
} 


#th-wbupload-pb {display:none;}


#th-wbupload-pb i {
    color: #333;
    font-size: 1.5em;
    vertical-align: middle;
    display: inline-block;
}

#th-wbupload-pb .progressWrapper {
    background-color: #fff;
    height: 5px;
    display: inline-block;
    width: 80%;
    margin-left: 10px;
    vertical-align: middle;
}

#th-wbupload-pb .progressWrapper span {
	background-color: #50c460;
    width: 0%;
    display: block;
    height: 100%;
}

#th-wbupload-msg {
	color:#c00;
	margin-top:1em;
}

#th-wbupload-msg i {
	padding-right:3px;
}


.wbparticipate {
	border-top:1px solid #ccc;
	position:relative;	
	overflow: visible;
    clear: both;
}

.wbparticipate:hover {
	background-color: rgba(80, 196, 96, 0.1);
}

.wbparticipate .delete {
	position: absolute;
    right: 7px;
    top: 3px;
    white-space: nowrap;
}

.wbparticipate .delete a {
	color:#999;
}

.wbparticipate .delete a:hover {
	color:#c00;
}

.wbparticipate .delete a i {
	color:#c00;
	font-size: 1.3em;
	vertical-align:middle;
	padding-left:4px;
	position: relative;
    top: -1px;
}

.wbparticipate .counter {
	font-size: 120px;
    font-weight: 800;
    line-height: 120px;
    color: #e0e0e0;
	float:left;
	width: 80px;
}

.wbparticipate .imgshow {
	width: 300px;
	float:left;
	margin: 20px 10px 20px 0;
}

.wbparticipate .titleshow {
	float: left;
    margin-top: 100px;
    padding-right: 15px;
    border-top: 1px solid #FFBA39;
    padding-top: 5px;
	max-width: 220px;
}



@media screen and (min-width: 769px) and (max-width: 1000px) {
	.wbparticipate .imgshow {width: 200px;}
	.wbparticipate .titleshow {margin-top: 55px;max-width: 165px;}
}


@media screen and (max-width: 660px) {
	.wbparticipate .imgshow {width: 200px;}
	.wbparticipate .titleshow {margin-top: 55px;max-width: 165px;}
}

@media screen and (max-width: 540px) {
	.wbparticipate .imgshow {width: 300px;margin-top: 35px;margin-bottom:0;}
	.wbparticipate .titleshow {margin-top: 10px;max-width: 80%;float:none;clear:both;margin-bottom: 2em;margin-left:80px;border:0;margin-top:0;}
	.wbparticipate .counter {margin-top: 15px;}
}

@media screen and (max-width: 450px) {
	.wbparticipate .imgshow {width: 200px;}
}

@media screen and (max-width: 345px) {
	.wbparticipate .imgshow {width: 200px;}
	.wbparticipate .counter {font-size: 60px;width: 40px;margin-top:0;}
	.wbparticipate .titleshow {margin-left:40px;}

}

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .6!important;
}

.jconfirm-content {font-family: 'Open Sans';}

.fiw-infobutton {
    display: inline-block;
    background-color: #DC0023;
    padding: 4px 12px;
    font-size: 0.95em;
    margin-left: 5px;
    color: #fff!important;
}

.fiw-infobutton:hover {
    background-color: #8C0016;
}