/*@import 'https://www.w3schools.com/w3css/4/w3.css';
@import '/res/css/intro-screen.css?v=1.5';
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';
*/
body{
	
	background-color: #E9EBEE;
	margin:0;
	font-family: sans-serif;
	font-size: 16px;
	color:#333;
	font-size:15px;
}

img{
	
	margin:0;
}

html {
-ms-touch-action: manipulation;
touch-action: manipulation;
}

img{border:none;outline:none;}
a{color:inherit;text-decoration: none;}
a.button{color:blue;cursor: pointer;}
input[type=button]:active, input[type=button]:focus{outline:none;border:none;}
/**
 * 	rap div
 * this div defined the apps general width
 */
.rap{
	
	width:1000px;
	margin:auto;
}

ul li > a:first-child{
	
	display:block;
}

.raw-signal-data img{
	
	max-width:95% !important;
}

.signal-img{
	
	border-radius:25px; /*box-shadow:none;*/ 
	margin:5px auto;
}

/**
 * 	this is the header area rap 
 * will laways be 100%
 */
#header{
	
	width:100%;
	background-color: #399e62;
	height:55px;
	padding:5px 0;
	color:white;
    display: none !important;

}

.header-input{
	
    background: transparent;
    border-bottom: 1px solid;
    padding: 5px;
    /*box-shadow:none;*/
    color: white;
    width: 50%;
    text-indent: 0;	
}

.topbar .header button i{
	
	    font-size: 22px;
	    line-height: 22px;
	        line-height: 41px;
}

.activity.topbar .header button{

	padding:0 10px;	
}
.activity.topbar .header{
	
	background-color: #399e62;
	color: white;
}

.activity.topbar.header .header.light input[type=text]{
	
	border-color: #ccc;	
}
.activity.topbar.header .header.light *{

	color:#333;	
	
}
.topbar.header .header.light {
	
	background-color: #fff;
	color:#333;
}

#header img{
	
	height:40px;
	
}
/**
 * 	this is page main body bix
 */
.activity{
	
	background-color:#eee;
	border-radius:5px;

	padding:25px;
	width:950px;
	margin:20px auto;
	display: none;
}
/**
 * 	header menu - the top menu located in the header
 */
#header-menu{
	
	height:35px;
	float:right;
	/*border:solid 1px #646464;*/
	border-radius:5px;
	margin:10px;
	line-height: 35px;
	padding:0;
	list-style: none;
}

#header-menu li{
	
	height:100%;
}
#header-menu li img{
	
	    height: 23px;
    margin-top: 6px !important;
}
#header-menu li input{
	
	background-color: transparent;
	font-size: inherit;
	color:inherit;
	border:none;
	padding:0px;
	line-height:inherit;
	margin:0;	
	cursor: pointer;
	display: inline-block;
}
#header-menu li{
	
	float: left;
	
	padding:0 6px;
	cursor: pointer;
}
#header-menu li.clean{

	border:none;	
}
#header-menu li:last-child{
	
	border:none;
}

/**
 * 	login form
 */
.form.center{text-align: center;}
.form.center p{display:block;width:300px;margin:10px auto;}
.form.center input{
	margin: 0  0  10px 0;
}

.input-rap{display: inline-block;}

/**
 * 	headers
 */
h1{
	
	font-size: inherit;
	color:#333;
	font-weight: normal;
	text-transform: uppercase;
	margin:0 auto 5px auto;
}
h1.no_upper{
	text-transform: none;
}
h1.logo{
	
	background: url("../images/ic_launcher_24x24.png") no-repeat left;
	background-size:auto 100%;
	padding-left:30px;
	margin-bottom:10px;
}
h1.c{display: inline-block;margin:10px auto;}
h2.nerrow{
	
	max-width:800px;
	margin:15px 0;
}
.input-info{
	
	display:inline-block;
	color:#999;
	font-weight: 800;
	font-size: 13px;
	margin:0;
	padding:5px;
}

.green{
	
	color:#128a0c;
	font-weight: 700;
}
h2, .notice{
	
	
	color:#555;
	margin:10px 0;
	font-weight: normal;
}

h2{
	
	font-size: 17px;
}

.activity{
	
	min-height:150px;
}

.notice{
	
	max-width:500px;
}

.notice{
	
	
	color:#525252;
}
.notice{
	
	background-color: #ffeddb;
	padding:10px;
	display: block;
}
.notice.center{
	
	margin:10px auto;
}
p b{
	color:#444;
}
/**
 * 	inputs
 */
input{
	
	padding:10px 0;
	border:none;
    /*box-shadow:none;*/
	margin: 8px 8px 8px 0;
	text-indent: 10px;
}

.form input[type=text], .form input[type=password], .form input[type=email], .form input[type=tel]{
	
	padding:7px 0;
	border:none;
    /*box-shadow:none;*/
    border-bottom:solid 1px #ccc;
	margin: 2px 0 2px 0;
	text-indent: 10px;
}

.form input.m2{
	
	width:45%;
	margin:4px 2%;
	display: inline-block;
}

input[type=image]{
	
	border:none;
	/*box-shadow:none;*/
	padding:0;
}

/**
 * 	reg-bar
 */
.reg-bar{
	
	height:1px;
	display: block;
	background-color: #244362;
	border-radius:2px;
	padding:0;
}
.progress{
	
	transition:width 4s;
	width:100px;
	background-color: #279bf0;
	height: inherit;
}
/**
 * 	form button
 */
.activity, .form{
	position: relative;
}

p{
	    margin: 5px 0;
}

button.rel.right{float: right;}

button{
	
	padding:10px;
	height: 40px;
	background-color: #244362;
	color:white;
	border:none;
	border-radius:4px;
	line-height: 40px;
	padding:0 20px;
	cursor: pointer;
}

button.light.border{
	
	border: solid 1px #eee;	
}
button.light{
	
	transition:.3s;
	background: transparent;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    
	color:#333;	
}
button.light:active{
		
	background: #eee;
}

.activity.header .header:not(.light) button:active{
	transition:all .1s;
	background-color: #05675c;
	border-radius: 30px;
}
button:active{background-color: #0066FF;}
.newline{
	
	display: block;
}

*:focus{
	
	outline: none;
}

#loader, .loader{
	
	position: absolute;left:0;height:100%;width:100%;
	/*background: url('../images/white-fade.png') repeat;*/
	text-align: center;
	z-index: 10001;
}


#loader label {
	
	line-height: 50px;
    margin-left: 20px;	
}

#loader{
	
	position: fixed;
    left: 0;
    width: 80%;
    margin: 0 10%;
    text-align: left;
    z-index: 10001;
    top: 200px;
    /*box-shadow:none;*/
    height:50px;
    background: white;
}

#loader .loader-2 {
    display: inline-block;
    float: right;
    height: 80% !important;
    margin: 5px 0;
        display: block;
    height: 50px;
    max-width: 260px;
       top:0 !important;
}

.spinner{
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	    top: 88px;
    height: 43px;
    border: solid 2px rgba(0,0,0,.05);
    border-radius: 45px;
}

/**
 * 	mobile css
 */
@media (max-width:1000px){
	
	body{
	
	
		font-size: 15px;
		
	}
	#header{
		
		width:inherit;
		display:block;
		height:30px;
	}
	#header img{
		
		margin-top:0;
		height:30px;
	}
	#header-menu{
		
		height:35px;
		line-height: 35px;
		margin:2px 2px 0px 0;
		font-size:13px;
	}
	#header-menu li{
		
		padding:10px auto;
	}
	
	.rap{
		
		width:100%;	
	}
	.activity{
		
		width:94%;
		border-radius:0;
		margin:0;
		padding:3%;
		/*box-shadow:none;*/
		position: relative !important;
		background-color: transparent;
	}
	.activity.form input, .input-rap{
		
		display:block;
		margin:10px auto;
	}
	.activity.form input{
		
		width:100%;margin:auto;
	}
	#inform{padding:0 !important;position:fixed !important;top:0 !important;}
	#inform .form{
		width:90% !important;margin:0 auto !important;position: relative;display: block;padding:0 5% 5% 5%  !important;
	}
	
	body.open{
		
		width: 100%;
    	overflow: hidden;
	}
}

p.form-error {
    margin: 0;
    font-size: 90%;
    color: red;
}

.activity button.center{position: relative;margin:auto;}
.activity.sl{
	
	width:1000px;
	padding:0;
	position: relative;
	margin:0;
	
	background-color: none;
	
}

.inform-button-green{
	
  	background-color: #3ba366;
}
.inform-button-light{
	
    background-color: #fff;
    color: #333;
}

.item-selected li.selected .signal_data{display:block;}

body{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li form{display: inline;}
.pack input[type=image]{
	
	width:100%;
	
	margin:auto;
}
.pack{
	margin:1%;cursor: pointer;
	display:inline-block !important;
	padding:0;
	max-width:400px;
	min-width:300px;
	background-image: url('../images/ic_refresh.png') no-repeat center;
	}
/*
 * change in small screens
 */
@media(max-width:900px){
	
	.pack{margin:1%;cursor: pointer;width:100% !important;display:block !important;}
}
/**
 * 	trial header
 */
.trial{
	
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color: #333;
	color:#ccc;
	padding:0;
	height:40px;
	line-height:40px;
	padding:5px;
	text-indent: 10px;
	font-weight: bold;
	text-shadow: 0 1px #000;
}

.trial img#refresh{float: right;margin:3px 5px 5px 5px;border:solid #666 1px;border-radius:2px;}
.trial img#refresh:active{background-color: #000;}

/**
 * signal list styles 
 */
ul.sl{
	
	background-color: #eee;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	padding:0;
	    width: 100%;
	border-right:solid #ccc 1px;
	margin:0;
	
}
 li.signal{
	
	padding:0;
	cursor:pointer;
	margin:0;
	display:block;
	list-style: none;
}
li.signal.current{
	
	transition:background .3s;
	background: #fff;	
}
li.signal > .container{
	
	padding:13px 5px 13px 15px;
	color:#444;
	display: block;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	font-weight: 700;
	border-bottom:solid #ccc 1px;
}
li.signal:not(.lable) .container{
	
	min-height:37px;	
}

/**
 * 	thumbs up and toggle icon panel
 */
li .container div.thumb-rap{
	
	float: right;
	font-weight: 800;color:#777;
	padding:0px 5px;
	/*border-radius:4px;
	background-color: #ccc;*/
	margin:-5px 0px 0 0px;
	font-size:10px;
	
	text-transform: capitalize;
	text-shadow:0 1px white;
	    width: 50px;
    text-align: center;
}

.thumb-rap:not(:nth-child(3)) {
    border-left: solid 1px #e3e3e3;
}

.signal-icon-rap img {
    width: 30px;
}

#signal-page .signal-icon-rap img{
	width: 24px;
    margin: 0px 7px 0 5px !important;
}
#signal-page li.signal .container div.thumb-rap img{
	
	    margin: 14px auto;
}

.signal .thumb-rap.share-btn {
    padding: 9px 0;
}

li.signal .container div.thumb-rap > img{
	
	height:20px !important;
	margin:4px auto;
	display: block;
	float:none;width:auto;
}
li.signal .date{
	
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
	margin-top:5px;
	display:block;
}
li.signal .container .date img.date_ic{
	
	height:14px;
	margin-right:5px;
}

.signal.blocked img.lock{
	
	width: 32px;
	position: relative;
	left: -2px;
	margin-right: 5px;
}

.signal-icon-rap{float: left;height:37px;}
.sl_header{
	
	padding:10px 15px;
	text-transform:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color: #333;
	font-weight: 700;
	color:white;
	margin-top:10px;
}


ul.sl li::not(.selected):not(.current):not(.lable):hover .container{
	
	background-color:#eee;
	/*box-shadow:none;*/
	font-weight: 900;
}



ul.sl li.current:not(.lable):hover .container{background-color: #fff;}
ul.sl li .container img{
	
	float:left;
	/*height:35px;*/
	margin-right:10px;
	max-width:40px;
}
ul.sl li.curr .signal_data{
	
	display: block;
}
.signal_data{
	
	border-bottom-right-radius:5px;
	background-color: #eee;
	height:100%;
	display: none;
	position: absolute;
	top:0;
	left:290px;
	width:710px;
	overflow: hidden;
	/*border-bottom:solid #ccc 1px;*/
	border-left:solid #ddd 1px;
}
.signal_data .content img{
	width:99%;
	height:auto;
}
.signal_data iframe{
				
	max-width: 100%;
}
.signal_data .content{
	
	padding:0 10px;
}
.signal_data .header{
	
	border-top-right-radius:5px;
	background-color: #444;
	font-weight: 700;
	font-size:15px;
	text-transform:none;
	color:white;
	margin:0;
	padding:10px;
}

#inform .form #message{
	
	line-height: 25px;
}

#inform .form #message div:not(.action-panel) a{
	
	color:#0016B0;
	text-decoration: underline;
}

#inform .form #message a.button{
	
	padding: 2px;
	border:#0016B0 solid 1px;
	text-decoration:none;
	border-radius:2px;
	
}

/**
 * 	inform panel
 */
#inform{
	
	
	border-radius:0;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1000;
	padding:0;
	display:block !important;
	background: rgba(0,0,0,.4);
	opacity:0;
	z-index:-1;
	transition: 300ms;
}

a.share-dialog-icon img {
    height: 50px;
}

#inform.ng-show{
	
	display:block;
	opacity:1;
	z-index:1000;
}
#inform .form{

	
	transition:100ms;
	transform: scale(0);	
}
#inform.ng-show .form{
	
	transform: scale(1);
}

#inform .form{
	
	background-color: white;
	display:block;border-radius:3px;width:500px;margin:100px auto;/*box-shadow:none;*/
	padding:15px;
	margin:0 auto;
	
}
#inform .form p{margin-top:0;margin-bottom:20px;padding-top:10px;}

.thumb-rap .count{
	padding-top: 3px;	
	display: inline-block;
}
.thumb-rap.status img{
	display:block;	
}
.thumb-rap.status{
	text-align: center;
	border-right:none;
}


/**
 * 	special desktop features
 */
@media (min-width:1000px){

	
	div#loader{
	
		width:40% !important;
		left:30% !important;	
	}

	
	#inform .form #message {
	
		 
	  		overflow-y: scroll;
	}
	
	.activity.form button:not(.center):not(.rel){position:absolute;bottom:5%;right:7% ;}
	#inform .form{padding:20px 20px 40px 20px;}
	ul.sl{
		
	overflow-y: scroll;
	}
	.activity.sl{position:absolute;bottom:70px;top:75px;border-top-left-radius:0px;border-top-right-radius:0px;}
	.signal_data{
		height: 100%;
	overflow-y: scroll;
	}
	li.current{
		
		background-color: white !important;
	}
	li:hover a{
		
		/*background-color: #333;*/
	}
	
	/*
	 * position trial banner to fixed on top in big devices
	 */
	.trial{position:fixed;top:0;margin-left: 418px;
    min-width: 240px;/*box-shadow:none;*/
	border:1px solid #666;border-top:0;}
	
	/*
	 * form 
	 * 
	 */
	.activity.form {padding-bottom: 55px;}
	.item-selected li.selected{background-color: #fff;}
	
	#sl_head.visible{display:block;}
	
	/*
	 * because of tel input in desktop mode set special css in registration form
	 */
	#register input:not(.tel):not([type=checkbox]){
			
			margin:5px 0 !important;
			padding-right:44px;
	}
	
	li.signal.selected{
	
		transition:all .3s;
		border:solid 1px orange !important;
	}
	
	
	
}
/**
 * 	mobile signal list
 */
@media (max-width:1000px){
	
	
	.sl_header{display:none;}
	/**
	 * 	fixed headers
	 */
	#header{
		
		position:fixed;top:0;width:100%;z-index:100;padding:5px 0px;height:40px !important;overflow: hidden;
		
	}
	
	#header .item{
		
	}
	
	
	.trial{
		z-index:100;
		
		width:100%;
		
		border-radius:0;
		
		padding:0;
		line-height: 40px;
		/*box-shadow:none;*/
		    position: fixed;
    bottom: 60px;
	}
	.activity{
		
		padding:10px;
		padding-top:65px;
	}
	.activity.sl{
		
		margin:0;width:100%;
	}
	
	.signal_data .header{
		
		display: none;
	}
	
	ul.sl, ul.sl li{
		
		width:100%;margin:0;
		
	}
	
	.signal_data{
		
		position: relative;
		width:100%;
		height:auto;
		left:0;
	}
	
	.item-selected li:not(.selected){
		display:none;
	}
	.item-selected li.selected{display:block;}
	#sl_head{display:none;}
	
	/*
	 * this css makes sure the tel input will be 100% wide in mobile
	 */
	.intl-tel-input{display:block !important;}
	
	span.terms{
		
		bottom:-121px !important;
	}
}

#sl_head{display:none;}

/*
 * query only mobile phones
 */
@media only screen and (max-width:500px){
	
	#inform .form button{
		
	}
	#inform .form{
		
		bottom: 20px;
		top: 20px;
	}
	#inform .form #message{
		
		top:20px;
		bottom:80px;
		right:20px;
		left:20px;
		overflow-y: scroll;
	}
	
	.rap{
		
		transition:all .2s;
		left: 0;
  		position: relative;
	}
	
	.rap.open{
		
		/*transition:all .2s;
		left: 80%;*/
	}
}

/**
 * 	media query fo r extra small width screens
 */
@media only screen and (max-width:360px){
	
	
	li.signal .signal-icon-rap img{width:26px;height:auto !important;margin:auto 10px auto 0;}
	li.signal > .container{
		
		padding:10px 0px 10px 10px;
		background-position: top 5px right 5px;	
		background-size: auto 70% !important;
	}
	li.signal .container .date{font-size:11px;margin-left:5px;margin-right:10px;    line-height: 16px;}
	h1.logo{font-size:17px;padding-left:30px;}
	.bottom-bar{font-size:12px;height:20px;padding:5px;}
	.bottom-bar img{height:30px;}
}

.desc{display:none;font-size:inherit;color:#333;font-weight: bold;margin:7px 0 2px 3px;}

.form-table tr td{padding:0;border-collapse: collapse;}

li.signal.lable > .container{background-color:#555;color:white !important;padding:7px !important;text-transform: capitalize;}
ul.sl{border-top-left-radius: 0px;}
.upgrade-list{
	
	font-family: inherit;
	line-height: 22px;
	font-weight: 600;
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}

.hidden{display:none};

/*
 * share dialog
 */
.share-dialog-icon{
	
	margin-right:10px;
}

li.signal:not(.label):not(.watched){
	
	  background-color: #fafafa;
	  
}

ul.sl{
	
	border:none !important;
}



.signal_data a:visited, .signal_data a, .signal_data:focus a{
	
	background-color: transparent !important;
}

.msg p {
	
	font-size: 15px !important;
    color: #444 !important;
    line-height: 18px;
    margin-bottom:0 !important;
}

.msg p a{
	
	text-decoration:underline;
	color:#0016B0;
}

#dialog{
	
	display:none;
	
	color:#333;
	position:fixed;
	top:0%;
	bottom:0%;
	left:0;
	right:0;
	width:95%;
	max-width:500px;
	    margin: 2.5% auto;
	    border-radius:5px;
	    /*box-shadow:none;*/
	    z-index:1001;
	    background-color: #f6f6f6;
}

.signal-img {
    height: auto !important;
    min-height: 90px;
    background: white url('../../res/images/loading-spinner.gif') no-repeat center;
}

#dialog table td{

	vertical-align: top;	
}
#dialog table{
	
	height:100%;
	width:100%;
	border-collapse: collapse;
}
#dialog .dialog-body{
	
	padding:10px;	
	background-color:inherit;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    bottom: 50px;
    top: 54px;
    right: 0;
    left: 0;
}
#dialog td.dialog-header {

	height:50px;
	line-height: 50px;
	padding-left:10px;	
	border-bottom:solid 1px #ccc;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 18px;
	background-color: #EAEAEA;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#dialog .dialog-buttons td a{
	
	display: block;
    height: 50px;
    line-height: 50px;	
}

#dialog td.dialog-header span.top.exit{
	
	float:right;
    width: 30px;
	line-height:30px;
    max-height:30px;
    margin:10px;
    color:#999 !important;
    border-radius:20px;
    border:solid 1px #ccc;
    text-align: center;
    cursor: pointer;
}

#dialog .dialog-buttons{
	
	text-align: right;
}

#dialog .dialog-buttons td{
	
	    border-top: solid 1px #ccc;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    display: inline-block;
    
    margin: 3px;
    background-color: transparent;
    border: none;
}

#dialog .dialog-buttons td.highlight{
	
	       background-color: #448A59;
    color: #eee;
    text-shadow: 0 1px #333;
    border-radius: 4px;
    transition: all .2s;
}

#dialog .dialog-buttons td:not(.highlight):hover{
	
	background-color: #eee;
}

#dialog .dialog-buttons td:last-child{
	
	border-bottom-right-radius:5px;	
}
#dialog .dialog-buttons td:first-child{
	
	border-left:none;
	border-bottom-left-radius:5px;
}

#dialog .dialog-buttons{
	
	height: 50px;
}

.dialog-buttons button:not(:last-child){
	
	margin-right:7px;
}

.fade{
	
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	display:none;
	background-color: rgba(0,0,0,.6);
	z-index:105;
}
#results_list table{
	
	width:100%;
	border-collapse: collapse;
}
#results_list td{
	
	padding:5px 0;
}
#results_list td:first-child{
	
	text-align: center;
	width:50px;
}
#results_list td .signal-icon-rap {
	
	margin: auto;
	float:none;	
}
#results_list td .signal-icon-rap img{
	
	width:auto;
	height:inherit;	
}
#results_list tr{

	    border-bottom: 1px #ccc solid;	
}
#results_list td:last-child{
	
	text-align:right;
}
.lose, .win, .didnt-occur{
	
	padding: 10px 5px;
    color: white;
    display: inline-block;
    /* font-size: 14px; */
    background-color: #336408;
    width: 50px;
    /* height: 21px; */
    border-radius: 50px;
    text-align: center;
    margin-right: 10px;
    /*box-shadow:none;*/
}
.lose{
	
	background-color: #ae2e33;
}
.didnt-occur{
	padding:5px 5px;
	    line-height: 13px;
	background-color: #F4A440;
}

#results_list .date{
	
	    height: 20px;
    line-height: 18px;
    background-size: 15px;
 }
 
 ul#results_list .signal-icon-rap img {
    margin-left: 5px;
    height: 30px !important;
    margin-top: 2px;
}

#results_list td .header{
	
	padding:2px 0;
	display: inline-block;	
	    font-weight: 700;
	    font-size:12px;
}
#results_list td{
	
	vertical-align: middle;
}

.h-menu{
	
	width:100%;
	display: block;
	padding:0;
	margin:0;
	/*box-shadow:none;*/
	color:inherit;
}

	

.gallery-category-menu.h-menu li.selected{
	
	    box-shadow: inset 0 -4px 0 0 white;
	/*box-shadow:none;*/
	
}
.gallery-category-menu.h-menu li:not(.selected){
	
	
	color:#eee;
}

.h-menu li{
	
	float: left;
	list-style: none;
	width:33.3%;
	
	max-width:500px;
	text-align: center;
	color:inherit;
	height: 100%;
}


.nav{
	
	cursor: pointer;
}

.activity.no-pad{
	
	width:1000px;
	padding:0;
	position: relative;
}

ul.full-page{
	
	padding:0;
	list-style: none;
}

ul.list-view li .button{
	
	float:none !important;
	font-size: 14px !important;	
	padding:10px !important;
	line-height: 14px;
	height: auto;
	text-transform: none;
	margin:auto;
	    right: 5px;
    top: 8px;
    position: absolute;
}

.list-view li.header {
    border-color: #4a4a4a;
}

.button.grey{
	
	border-radius:3px;
	border:solid #bbb 1px;
}
.button.blue{
	
	background-color: #244362;
	color:white;
	border-radius:3px;
}

.btn-grey:active{
	
	background-color: #ccc;
}
ul.list-view li:first-child:not(.header){
	
	
}
ul.list-view{
	
	margin:0;
}

ul.lv{
	
	list-style:none;
	padding:0;
}

#inform .form{
	
	top:50%;
	bottom:50%;
	min-height:50px;
	position: absolute;
    overflow: scroll;
    left: 0px;
    right: 0px;
}

ul.lv li{
	
	background: white;
	padding:10px;
	border-radius:3px;
}

ul.list-view li{
	
	height:50px;
	padding:0 0 0 10px;
	line-height:50px;
	border-bottom: solid 1px rgba(255,255,255,.3);
	position: relative;
}



.under-menu p{
	
    margin: 0 10px;
    padding: 10px 0;
    color:#333;
}

span.terms{
	
	   display:block;
    bottom: -51px;
    left: 0;
    right: 0;
    text-align: center;
    color:#444;
    color: #777777;
    text-shadow: 0 1px white;
        padding: 10px 0;
}

span.terms a {
	
	cursor: pointer;
}

@media (min-width:1000px){
	
	.disclaimer{
		margin: 10px 0 !important;
	}
	
	ul#signal_list, ul#results_list {
	    
	    top: 0;
	    bottom: 0px;
	}
	
	#menu-rap{

	    position: fixed;
	    top: 20px;
	    margin-left: 120px;
	}
	
	.main.rap .activity, #signal_activity{
		
		top:0 !important;
	}
	
	#headline{
		display:none;
	}
}

.win-rate-label{
	
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #121212;
    color:white;
    text-shadow:1px 1px 5px #333;
    height: 45px;
    line-height: 60px;
    /*box-shadow:none;*/
}
.win-rate-label label{
	
	margin:0 10px;
	float:left;
}
.win-rate-label .rate{
	
	float: right;
	margin:0 10px;
	color:#F4CD40;
}

@media (max-width:1000px){
	
	
	.win-rate-label{
	
		position: fixed;
	}
}

li.signal.blocked, .signal.blocked:hover a{
	
	background-color: #eee !important;
}

.signal.blocked .button{
	
	float:right;
	    color: #fff;
    font-size: 14px;
    text-transform:none;
    line-height:14px;
    font-weight: bold;
    background: #43C065;
    margin-right: 5px;
    padding: 0 10px;
}

.nav.light{
	
	color:#42BF64 !important;
}

.activity form h1:first-child{ margin-top:10px;}

ul.h-menu{
	
	    background-color: #121212;
	        overflow: auto;
    white-space: nowrap;
}

#header-menu li label.not-read{
	
	    background: red;
    /* padding: 5px; */
    border-radius: 20px;
    width: 20px;
    position: absolute;
    height: 20px;
    /* top: 0; */
    /* right: 0px; */
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
        margin-left: 5px;
}

hr{
	
	margin:10px 0;
}


#header .rap a.item#headline{
	
	line-height: 37px;
	font-size: 18px;
}

.list-view label.not-read{
	
	 display: inline;
    background: #F69439;
    color: white;
    /* margin: 10px; */
    padding: 5px;
    font-size: 12px;
    border-radius: 10px;
    position: relative;
    top: -9px;
    /* left: -8px; */
    border-bottom: 2px solid #ccc;
}

a.p-select {
    display: block;
}

.burger-menu-btn{
	
	position: relative;
	
}

a.header-logo{
	
	display:inline-block;
	position: relative;
	
}

#congrads{
	
	top:0 !important;
}

#headline{
		
		display:none !important;
	}	
	
#dialog.signal-data-dialog .dialog-buttons td {
    line-height: 50px;
}

#dialog .dialog-header .text {
    margin: 10px;
    display: inline-block;
        margin-right: 40px;
}
#dialog .dialog-header {
    height: 50px;
}
#dialog .dialog-header span.top.exit {
    float: right;
    padding: 6px 11px;
    font-weight: bold;
        font-size: 24px;
        position: absolute;
    top: 0;
    right: 0;
}
#dialog .dialog-buttons {
        height: 57px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#dialog div#dialog-body {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px;
    top: 50px;
    bottom: 57px;
}

.exit-inform{
	
	top:5px;
	right:5px;
	background: transparent;
}

.dialog-body{
	
	padding: 10px 0 0 0;
}

.exit-inform{
	
	box-shadow:none;
}

.disclaimer{
	
	text-align: center;
	font-size:14px;
	display:block;
	max-width: none;
	padding: 5px;
	line-height: 22px;
}

.disclaimer.marked{
	
	border: red solid 1px;
}

.disclaimer a{
	
	text-decoration: underline;
}

.cb, #register .cb{
	
	display: inline-block !important;
	vertical-align: top;
	margin: 0 !important;
}

.cb.large{
    height:22px;
    width:22px !important;
}

.cb.large[type="checkbox"]:before{
    width: 20px;
    height: 20px;
}
.cb.large[type="checkbox"]:after{
    top: -20px;
    width: 16px;
    height: 16px;
}
.cb.large.custom[type="checkbox"]:checked:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}
.cb.large.custom[type="checkbox"]:not(:disabled):checked:hover:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
}

ul.brokers-list li label {
	
	margin-top: 10px;
	margin-right: 100px;
}

.activity.full.footer .footer > button{
	
	margin:8px;
}

.activity.full.footer .footer < label {
    line-height: 60px;
    margin-left: 10px;
}

#header .chat-icon{
	
   color: #ffc200;
}

#header .chat-icon img{
	
	    float: right;
    margin: 2px 0 0 5px;
}

@media (max-width:500px){

	
	h1 {
		
		font-size: 110%;
	}
}
@media (min-width:1000px){
	
	ul.grid-view li{
		
		max-width: 45%;
	}
	
	
}

.t-center{
	
	text-align:center;
	    text-indent: 0 !important;
}

ul.grid-view li{
	
    display: inline-block;
	width: 97%;
	margin: 1.5%;
	background: #f5f5f5;
	/*box-shadow:none;*/
}

ul.grid-view{
	
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

ul.grid-view li img {
    display: inline-block;
    margin: 2%;
    width: 15%;
    max-width: 50px;
    vertical-align: middle;
}

ul.grid-view li p  {
    display: inline-block;
        vertical-align: middle;
       width:75%;
}

.widget {
    background: #fff;
    /*box-shadow:none;*/
    margin: 5px !important;
    padding: 0px;
    transition:height 600ms, opacity 300ms;
    border-radius:3px;
    font-size: 14px;
    max-width: 500px;
}

.widget .header h1{
	
	background: #4d8a66;
	color:white;
	height:30px;
	line-height:30px;
	text-indent:5px;
	text-indent: 0;
	    text-indent: 5px !important;
	    font-size: 14px;	
}

.widget-body b{
	
	color:#4d8a66;
	font-weight: bold;
}

.widget button {
   
    font-size: 13px;
    padding: 0 7px;
    height: 30px !important;
    line-height: 13px;
    background: #ef7c2f;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.widget .header .exit {
    content: "x";
    float: right;
    color: rgba(255,255,255,.8);
    font-size: 15px;
    border-radius: 20px;
    width: 25px;
    line-height: 23px;
    text-align: center;
    background: rgba(255,255,255,.1);
    margin: 5px;
    cursor: pointer;
}

.widget-body.hide {

	opacity:0;	
}
.widget-body.with-button {
	
    padding-right: 100px;	
}
.widget-body {

	font-size: 13px;	
	position: relative;
}
.widget-body p{
	
	text-align:left;
	font-size:inherit;
	margin: 0;
    padding: 0 0 5px 5px;
}

.float-in{
	
	transition: all 300ms;
}

.float-in.ng-hide{
	
	transform: scale(0);
	opacity:0;
}

.float-in.ng-hide-active{
	
	transform: scale(1);
	height:auto;
}

#menu-rap {
    background-color: #121212;
}

#menu-rap:after {
    content: " ";
    display: block;
    height: 5px;
    /*box-shadow:none;*/
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    top: 40px;
    background: transparent;
}

#header a.item{
	
	vertical-align: middle;
}

.activity.full.header > .header{
	
	/*box-shadow:none;*/
}

.header li.signal .container{
	padding: 9px 0 6px 5px;
	height: 30px;
}

#results_list li{
	
	background: transparent;
}

@keyframes blink {  
  0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; }
}
@-webkit-keyframes blink {
  0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; }
}
.blink {
  -webkit-animation: blink 1.5s linear infinite;
  -moz-animation: blink 1.5s linear infinite;
  animation: blink 1.5s linear infinite;
} 

.chart-rap,.asset-live-chart {
    height: 130px;
    width: 100%;
    position: relative;
}

.ic-small{
	
	height:30px;
	background: rgba(0,0,0,.1);
	margin:auto;
	display:block;
	padding:5px;
	border-radius:3px;
}

.ic-small img{
	height:100%;
	width:auto;
}

.asset-live-chart{
	
	pointer-events:none;
}

.asset-live-chart{
	
	position: absolute;
	top: 0;
}

.refresh-chart-btn{
	
	top:50px;
	display:block !important;
}

.share-bubble .share-link img{
    
    height:30px;
    margin: 0 !important;
}

.share-bubble .share-link:not(:last-child) img{
	
	margin-right:5px !important;
}

.share-bubble .share-link{

	display: inline-block;	
}
.share-bubble {
    
    padding: 10px;
    /*box-shadow:none;*/
  
}

.result-status {
    float: right;
}

.share-bubble.ng-hide {
	
	transform: scale(0);
}

.loader-2 {
  position: relative;
  margin: 0 auto;
  width: 50px;
  &:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
}

.loader-2 svg.circular circle {
    stroke-width: 3px !important;
    r: 17px;
}

.loader-2 .circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader-2 .circular .path {
  stroke-dasharray: 10, 200;
  stroke-dashoffset: 10;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
.loader-2.white .circular .path {
  animation: dash 1.5s ease-in-out infinite, color-white 6s ease-in-out infinite;
}
.loader-2.green .circular .path {
  animation: dash 1.5s ease-in-out infinite, color-green 6s ease-in-out infinite;
}

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

@keyframes pop-out {
  0% {
    transform:scale(1);
  }
  50% {
   transform:scale(1.3);
  }
  100% {
    transform:scale(1);
  }
}
@keyframes pop {
  0% {
    transform:scale(0);
  }
  70% {
   transform:scale(1.1);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 10, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}

@keyframes color-white {
  100%,
  0% {
    stroke: #ffffff;
  }
  
}
@keyframes color-green {
  100%,
  0% {
    stroke: #399e62;
  }
  
}

.white-bubble {
    background: #fff;
    height: 48px;
    margin-bottom: 7px;
    line-height: 48px !important;
    font-size: 90%;
    /*box-shadow:none;*/
    border-radius:3px;
}

.white-bubble:first-child{
	
	margin-top:7px;
}

.white-bubble .t-left {
    float: left;
    text-align: left;
    color: #646464;
}

.white-bubble .t-right {
    float: right;
    text-align: right;
    padding-right: 10px;
}

.white-bubble div {
    display: inline-block;
}

.white-bubble .t-left.ic-bg {
    text-indent: 45px;
    background-size: 18px 25px !important;
}
.t-left.ic-bg.ic-clock {
    background: url(../images/ic-clock.svg) no-repeat left 13px top 50%;
    background-size: 23px 23px !important;
}
.t-left.ic-bg.ic-trigger {
    background: url(../images/ic-trigger.svg) no-repeat left 13px top 50%;
}
.t-left.ic-bg.ic-hourglass {
    background: url(../images/ic-hourglass.svg) no-repeat left 13px top 50%;
}
.t-left.ic-bg.ic-result-alert {
    background: url(../images/ic-alert-bell.svg) no-repeat left 13px top 50%;
}

.onoffswitch.small .onoffswitch-label{
	
	background-color: #333;
}

.onoffswitch.small .onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #009688;
}

.my-designs .gallery li .onoffswitch.small .onoffswitch-label{

	width: 75px;	
	    box-shadow: 0 0 5px 0 rgba(0,0,0,.2)
}

.my-designs .gallery li .onoffswitch.small .onoffswitch-checkbox:checked + .onoffswitch-label:after{
	
	content: 'Public';
    left: 0;
}

.gallery.my-designs li {
    display: block;
    margin: 10px auto 0 auto;
}


.my-designs .gallery li .onoffswitch.small .onoffswitch-checkbox:checked+.onoffswitch-label:before {
    right: -54px;
}

.onoffswitch.private.small .onoffswitch-label {
    width: 75px;
}

.onoffswitch.small.private .onoffswitch-checkbox:checked+.onoffswitch-label:before {
    right: -55px;
}



.onoffswitch.private .onoffswitch-label:after{

	content: 'Private';	
	font-size: 13px;
	color: white;
	position: absolute;
    top: -1px;
    right: 9px;
}
.onoffswitch.private .onoffswitch-checkbox:checked + .onoffswitch-label:after{
	
	content: 'Public';
	    left: 25px;
}

.onoffswitch.yesno .onoffswitch-label:after{

	content: 'No';	
}
.onoffswitch.yesno .onoffswitch-checkbox:checked + .onoffswitch-label:after{
	
	content: 'Yes';
	    left: 25px;
}

.my-designs .gallery li .onoffswitch-label:after{
	
    content: 'Private';
    font-size: 13px;
    position: absolute;
    top: -1px;
    right: 9px;
    color: white;
}

.put-color{
	color:#da585d;
}

.call-color{
	
	color:#0db14b;
}

.put-color, .call-color{
	
	font-weight: 700;
}

#signal-page .body{
	
	max-width:500px;
	margin:auto;
}

.activity.header .header button.header {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 10px;
    font-size: 80%;
    background: rgba(0,0,0,.1);
	color: #333;
}

.body.center {
    text-align: center;
}

.body.center  p{
	
	max-width: none;
}

@media (max-width:320px){

	body.fr .white-bubble{
		
		font-size: 80%;
	}
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.activity{
	
	display:block !important;
}

.toast{
	
	transition:300ms;
	position: absolute;
    bottom: 7px;
    left: 7px;
    right: 7px;
    color: #fff;
    padding: 10px;
    font-size: 17px;
    background: #333;
    max-width:400px;
        z-index: 2000;
            border-radius: 3px;
}

.toast .close{
	
	    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.toast.notice{
	
	background: #e4a757;
    color: white;
}

.toast.ng-hide{
	
	display: block;
	bottom:-30px;
	opacity:0;
}

.toast.ng-show{
	
	bottom:7px;
	opacity:1;
}

.p-select img {
    width: 100%;
   }

/** ripple */

.ripple-btn {
  position: relative;
  overflow: hidden;
}




.ripple-btn{
  overflow:hidden;
}

.ripple-effect{
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
pointer-events:none;
    
  animation: ripple-animation 2s;
}


@keyframes ripple-animation {
    from {
      transform: scale(1);
      opacity: 0.2;
    }
    to {
      transform: scale(100);
      opacity: 0;
    }
}

#message.activity .body table{
	
	margin-right:auto;
	margin-left:auto;
}

#message.activity .body > table {
	width:100%;
	max-width:500px;
	margin:auto;
	text-align: center;
}
#message.activity .body table td{
	
	padding:5px;
	
}

button.lighter{
    background: transparent;
    color: inherit;
    /*box-shadow:none;*/
}

select{
	
	font-size: 15px;
	background: white;
}

select.error{
	
	border:solid 1px red !important;
}

/*@media all and (-webkit-transform-3d) {
		
	.main-view.ng-enter,
	.main-view.ng-leave {
	    -webkit-transition: all .25s ease;
	    transition: all .25s ease;
	}
	.main-view.ng-enter {
	    opacity:.4;
	    z-index:1000;
	}
	.main-view.ng-enter-active {
	    opacity:1;
	}
	.main-view.ng-leave {
	    opacity:1;
	}
	.main-view.ng-leave-active {
	    opacity:0;
	}
}

.list-in.ng-enter, 
.list-in.ng-leave
{ 
  -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  position: relative;
  display: block;
} 
 
.list-in.ng-enter.ng-enter-active, 
.list-in.ng-leave {
  opacity: 1;
  top: 0;
}
 
.list-in.ng-leave.ng-leave-active,
.list-in.ng-enter {
  opacity: 0;
  top: -50px;
  
}*/

/**
 * 	this is yayprint
 */

/**
 * 	imgList module
 */

.canvas-msg{
	
	text-align: center;
    position: relative;
    top: -180px;
    font-size: 17px;
    padding: 0 10px;
}


.img-list, .color-list{
	
	   position: absolute;
    left: 0;
    top: 90px;
    padding: 0;
    list-style: none;
    background: transparent !important;
    bottom: 150px;
    overflow-y: scroll;
}

.img-list{
	padding-top: 20px;
    margin: 0;
    background: rgba(0, 0, 0, .4) !important;
    top: 95px !important;
    bottom: 80px !important;
	padding: 40px 5px;
	padding-bottom: 90px;
	overflow: initial;
}

.img-list .delete {
	position: absolute;
    top: -30px;
    font-size: 17px;
    width: 50px;
    left: -1px;
    height: 30px;
    line-height: 27px;
    background: #e83232;
    color: #fbfbfb;
}

.img-list li:not(.selected) {
  
   
  
}

.h-menu li.text-shape-btn{

	border: 1px solid #888;
    margin: 7px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
}

.img-list li:not(.selected) .delete, .img-list li:not(.selected) .duplicate, .img-list li:not(.selected) .image-thumb-bottom-section {
    display: none;
}

.color-list li{
	
	margin-bottom:10px;
	background: #eee;
	/*box-shadow:none;*/
	width: 20px;
	height:20px;
	border-radius:20px;
	overflow:hidden;
    text-align: center;
    padding:4px;
    border:solid 2px white;
}

.img-list li .image-thumb-bottom-section button {

	font-size: 17px;
    width: 30px;
    height: 30px;
    line-height: 27px;
    background: #eee;
    color: #000;
    border-radius: 20px;
	border: solid 1px #ccc;
	margin-bottom:4px;
	padding:0;

}

.img-list li .image-thumb-bottom-section button img{

	height: 62%;
    margin: 0;
    width: auto;
}

button.f-right.ic-title-vert.ic.shopping-cart img {
    height: 70%;
}


.img-list li .image-thumb-bottom-section {
    position: absolute;
    right: -25px;
	top: 46px;
	width: 30px;
}


.img-list li{
	
	margin-bottom:10px;
	background: #eee;
	/*box-shadow:none;*/
	opacity:.4;
	width: 50px;
	height:50px;
    text-align: center;
    padding:0px;
	position: relative;
	border: solid 1px #ccc;
}

.activity.full.footer.footer-80 button.float{

	z-index:1;
}

.img-list li.selected{
	margin-top:40px;
	opacity:1;
	transform: scaleZ(1.5);
	margin-bottom: 35px;
}

.img-list img{
	
	height: 90%;
	margin-top: 5%;
}

.img-list li.ng-enter {
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
.img-list li.ng-leave {
    -webkit-transition: .3s;
    transition: .3s;

}
.img-list li.ng-enter-active {
	opacity: 1;
	animation:.3s pop ease-in; 
}
.img-list li.ng-leave-active {
	opacity: 0;
	animation:.3s pop ease-in reverse; 
}

.img-list li div{
	word-break: break-all;
	height:100%;
	overflow: hidden;
}

.text-layer-thumb{
	
	overflow: hidden;
	height: 90%;
	font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
}

.text-editor > textarea{
	
	height: 80px;
}

.text-editor.panel .ic.panel.selected{

	border:none;
    /*background: linear-gradient(#333,#5b5b5b);*/
}

.text-editor.panel input#text-color-picker{

	width:47px;
	background-size: auto 27px !important;
}

.text-editor.panel .ic.panel img{

	width:27px !important;
}

.activity#design .body{
	
	transition: .3s;
}

.color-list{
	
	right:10px;
	left:auto;
}

.text-edit-mode .design-rap{
	
	top:-65px !important;
}

.shirt{
	
        background-size: auto 100% !important;
   /* padding:0 22%;
    margin-top:20px;*/
    max-height: 560px;
    min-height:90px;
    max-width: 200px;
    margin: 0 auto;
        margin-top: 75px;
}

@media(max-width:500px){
	
	.shirt{
	   /*  padding:13vh 19% 0 19%;*/
   }
}

.shirt.onesie{
	
	    margin-top: 92px;
}

.shirt.tshirt-woman{
	    margin-top: 95px;
}
.shirt.tshirt-v-woman{
	    margin-top: 105px;
}
.shirt.tshirt-kids{
	
}

.editing-text .shirt{
	
	    margin-top: 45px;
}
.editing-text .shirt.onesie{
	
	    margin-top: 62px;
}

.editing-text .shirt.tshirt-woman{
	    margin-top: 65px;
}
.editing-text .shirt.tshirt-v-woman{
	    margin-top: 75px;
}
.editing-text .shirt.tshirt-kids{
	
}



.editing-text .design-rap, .editing-text .design-rap [item-type]{
	
	background-position: center -30px !important;
}

.activity.full.footer.footer-80.editing-text button.float{
	
	    bottom: 80px;
}

.top-tools{
	
	margin-top:5px;
}

/**
 * 	filter-menu module
 */
.filter-menu li label{

	margin-top: 5px;
	display: block;
	margin-bottom: 5px;
}
.filter-menu li canvas{
	
    display: block;
}

.footer.tools button.ic.bg-color label {
	
	    position: relative;
    top: 2px;	
}
.footer.tools button.ic label {
	
	color:#333;	
	font-weight: bold;
	margin-top: 5px;
    display: block;
}
.footer.tools  button.ic{

	height: 80px;	
}

.bg-color input{
	height: 33px;
    background-size: auto 100% !important;
}

.footer.tools  {

	text-align: center;	
	
}
.footer.tools button.ic {
    width: 19%;
    margin: 0 !important;
    padding: 10px 0;
    max-width: 70px;
}

.footer.tools .ic img {
    height: 35px !important;
    width: auto;
    display: block;
    margin: auto;
}

.undo-button{
	
	position: absolute;top:100px;left:10px;
	background: rgba(255,255,255,.7);
	padding:2px 5px;
	border-radius:3px;
}

.design-rap{
	
	max-width: 500px;
	padding: 0;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat !important;
    max-height: 550px;
    background-size: auto 100%!important;
   /* background-position: top !important;*/
        height: 500px;
}

.design-rap [item-type]{

	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	pointer-events: none;
	background-size: auto 100%!important;
}

.design-rap [item-type].hoodie {
    background-position: center -10px !important;
    background-size: auto 95% !important;
}

.desktop-editor{
	
	right: 0;
    position: fixed;
    width: 20%;
    text-align: center;
}

.desktop-editor input[type=range]{
	
	display:block;
	margin:auto;
}

.design-item-menu.intro-elem{
	
	background: inherit !important;
}

[design-board]{
	
	    cursor: move;
	   font-size: 0;
}

 .drag-mode .design-board {
	
	background-color: transparent;
    background-image:       linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .1) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .1) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1) 76%, transparent 77%, transparent),
    linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .2) 25%, rgba(255, 255, 255, .2) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .2) 25%, rgba(255, 255, 255, .2) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2) 76%, transparent 77%, transparent);
  height:100%;
  background-size:50px 50px;
  outline :solid 1px rgba(200, 200, 200, .2);
      background-position: 36px 40px;
      
}

 #design.drag-mode .shirt:before {
    content: ' ';
    position: absolute;
    border-top: solid 1px red;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 50%;
}
 #design.drag-mode .shirt:after  {
    content: ' ';
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    background: red;
}

#design .shirt{
	
	position: relative;
}

.colorpicker.dropdown{
	
	    bottom: 10px;
    top: initial !important;
}

.colorpicker-position-left .dropdown-menu::after, .colorpicker-position-left .dropdown-menu::before{
	
    bottom: 10px;
    top: initial;
}

.close.close-colorpicker{
	
	display: none;
}



/**
 * 	module: panel
 */
.panel{
	text-align: center;
	transition:all .3s;
	    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #333;
    padding: 0 0 1px 0;
		z-index: 1000;
		color:#eee;
		
}

div.panel{

	min-height: 80px;
		overflow: initial;
}

.panel.shapes ul.h-menu.main-nav li {
    padding: 0 5px;
}

.panel.text-editor.full {
}

.panel .ic.panel img, .panel .ic.panel i{
	
	    width: 33px;
	    margin: 0 auto;
}

.filter-properties{
	
	    position: fixed;
    bottom: 233px;
    padding: 0 10px;
    background: inherit;
    transform: rotate(90deg);
    margin-left: -43px;
}

label.editor-clear-bg {
    position: absolute !important;
    right: 10px;
    z-index: 10;
    font-size: 23px;
    top: -3px !important;
    color: #ff0600 !important;
    background: white;
    border-radius: 30px;
    height: 23px;
    border: solid 1px white;
    padding: 0 !important;
    line-height: 23px !important;
}

.panel.text-editor input{
	
	padding:0;
}

.panel.text-editor img{
	
	
}

.panel button.ic.panel .minicolors.minicolors-theme-bootstrap{
	
	position: absolute;
}

.panel span.minicolors-swatch.minicolors-sprite.minicolors-input-swatch {
    width: 15px !important;
    height: 15px !important;
    left: 30px !important;
    top: 37px;
    position: absolute;
}

.panel.board .single-line{
	
	line-height: 65px;	
}
.panel.board label{
	
	color:white;
    display: inline-block;
    vertical-align: top;
    	
}

.panel.shadow > div.block {
    width: 49%;
    display: inline-block;
}

.top-tools {
	
	text-align: center;
}
.top-tools button.ic img{
	

	height: 80%;
	margin: 10% auto;	
}
.top-tools button.ic {
        background: rgba(255,255,255,.3);
    padding: 0 10px;
    width: auto;
   }

.panel.shadow {
	
	text-transform: uppercase;
}

.panel.board .exit, .panel.board .trash{
	
	position: absolute;
	top: -33px;
    font-size: 40px;
    font-size: 23px;
    padding: 5px 10px;
    right: 0;
    text-align: center;
    background: inherit;
    color: white;
    background: i;
    line-height: 0;
    z-index: 1;
}

.panel.board .exit {
    left: 0;
    text-align: right;
	border-bottom: 1px #444 solid;
	width:100%;
}

.h-scroll.header.board.full.panel.stick-to-bottom.shadow {
    overflow: visible;
    background: #333;
}

.layer-editor-header {
    height: 45px;
    border-bottom: solid 1px #555;
	padding: 10px;
	text-transform: capitalize;
}

.layer-editor-header .position-nav {
    position: absolute;
}

.layer-editor-header i {
    font-size: 24px;
}

.panel.board .trash{
	
	left:0;
	right:initial;
	color: white;
	background: inherit;
	height: 30px;
}

.panel input[type=range].full{

	  width: 100%;		
}
.panel input[type=range]{

	    display: inline-block;
	        vertical-align: top;
	  
}
.panel .panel label.range{
	
	text-align: center;
}

.panel .panel.board.stick-to-bottom{
	
}

.panel.text-editor{
	
	min-height: 65px;
}

.ic.panel{
	
	display: inline-block;
}

.ic.panel > img {
    width: 40px;
}

.panel .ic.panel span.minicolors-swatch.minicolors-sprite.minicolors-input-swatch {
    width: 15px !important;
    height: 15px !important;
    position: relative;
    top: 16px;
    left: 4px !important;
}

.panel button.ic.panel {
    height: 50px;
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    border-radius: 0;
    /* border: solid 1px #797979; */
    margin: 5px 2px !important;
    width: 50px;
    text-align: center;
    border-radius: 50px;
    background: rgba(255,255,255,.08);
}

.panel.ng-hide{

	opacity:0;
	bottom: -160px;
}

.panel.ng-enter {
	opacity: 0;
	bottom: -160px;
  }
  .panel.ng-enter-active {
	  opacity: 1;
	  bottom: 0px;
  }
  .panel.ng-leave {
	opacity: 1;
	bottom: 0px;
  }
  .panel.ng-leave-active {
	  opacity: 0;
	  bottom: -160px;	
  }

.h-menu li{
	
	width:auto;
	padding:0 15px;
	margin:0 5px;
}

.panel button{
	    background-color: #399e62;
	    padding:0 10px;
}

.panel button.ic.f-right{
	
	
}
.panel button.ic{
	
	font-size: 30px;
	padding:0 5px;
	
}

.panel.text-editor input{
	
	font-size: 20px;
}

.panel input, .panel select{
	
}

.panel input[type=color]{
	
	    position: relative;
    top: 7px;
    height: 31px;
}

input[type=color]{
	
	padding:0;
}

.text-editor {

		
}
.text-editor .ic{
	
	height: 35px;	
}
.text-editor select{
	
	    background: transparent;
    border: solid 1px #999;
    color: white;
}

/* Base for label styling */
[type="checkbox"].cb:not(:checked),
[type="checkbox"].cb:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"].cb:not(:checked) + label,
[type="checkbox"].cb:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"].cb:not(:checked) + label:before,
[type="checkbox"].cb:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  background: #fff;
  border-radius: 4px;
  /*box-shadow:none;*/
}
/* checked mark aspect */
[type="checkbox"].cb:not(:checked) + label:after,
[type="checkbox"].cb:checked + label:after {
  content: '✔';
  position: absolute;
  top: .15em; left: .15em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"].cb:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"].cb:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"].cb:disabled:not(:checked) + label:before,
[type="checkbox"].cb:disabled:checked + label:before {
  /*box-shadow:none;*/
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"].cb:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"].cb:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"].cb:checked:focus + label:before,
[type="checkbox"].cb:not(:checked):focus + label:before {
  
}


/**
 * 	gallery module
 */

.gallery{
	    text-align: center;
	list-style:none;
	padding:0;
	margin: 0;
}

.gallery.social li img.gallery-img{
	
	max-width: none;
	
    z-index: -1;
}

.designer-details{
	
	
	padding:12px;
		background: white;
		 line-height: 19px;
		text-align: left;
    z-index: 1;
}

.design-details{
	
	text-align: left;
    position: relative;
    left: 0;
    width: 70%;
    overflow-x: hidden;
       
}

[photobooth-btn]{
    position: absolute;
    top: 68px;
   
}

.seller-name{
	
	cursor: pointer;
	text-transform: capitalize;
}

.seller-name:active {
    opacity: .7;
}

[photobooth-btn] button.ic img{
	
	width:50px;
}

img.seller-icon {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    float: left;
    margin-right:10px;
}

span.seller-name {
    
    font-weight: 700;
    margin-right: 4px;
    color:#01786D;
}

span.like-count {
    font-size: 86%;
}

button.follow-btn.ic {
        position: absolute;
    right: 10px;
    color: inherit;
    font-size: 86%;
    line-height: initial;
    padding: 3px 0;
    width: auto;
    top:12px;
}

button.follow-btn.ic img {
    height: 14px;
    width: 20px;
    margin: 0 auto 5px auto;
    display: block;
}

span.design-publish-time {
    font-size: 86%;
    color: #545454;
}

span.last-user-like {
    font-weight: 700;
    margin-right: 3px;
}

#home .gallery, .my-designs .gallery{
	
	    background: #e9ebee !important;
}

[vs-repeat] {
  overflow-anchor: none;
}

.gallery li .design-overlay{
	
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: auto 100% !important;
}

.gallery li.feature {
    display: block;
    margin: 1.25% auto;
    float: none;
      
}

.colors-gallery.ng-show{
	animation:.3s pop ease-in; 
}

*.fade-in-anim.ng-leave, *.fade-in-anim.ng-leave-active{
	
	animation: .15s fade-in ease-in reverse;
}
*.fade-in-anim:not(.ng-hide){
	
	animation: .15s fade-in ease-in;
}

.pop-anim:not(.ng-hide){
	
	animation:.3s pop ease-in; 
}


.gallery li, .gallery-item {
	
	display:inline-block;
    width: 100%;
        min-height: 340px;
    overflow: hidden;
    /*margin: 1.5%;
    border-radius: 3px;*/
   position: relative;
   min-width: 300px;
   margin-bottom:15px;
   
   background-color: #fff;
    /*   border-bottom: solid 1px #ccc;*/
}	

.gallery li.design-box{

	position:initial;
}

.gallery.social li{
	
}

.my-designs img.gallery-img {
    min-height: 300px;
}

.my-designs .hoodie img.gallery-img {
    min-height: 0px;
}

.gallery .loader-2{
	
	position: absolute;
	left:0;
	right:0;
}

 li.order-item{
	
	border:solid 1px #eee;
	background: white;
    margin-top: 10px;
    padding: 15px 0px 0 4px;
    margin-bottom: 0;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
}

.order-item label.promo {
    bottom: 10px;
    top: initial;
    right: 10px !important;
    left: initial;
    font-size: inherit;
}

.order-item select {
    box-shadow: none;
}

.order-discount-label{
	
	position: absolute;
        bottom: 80px;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    background: #f12c00;
    margin: 0 !important;
    padding: 0 10px;
    color: white;
}

.cart-total .order-total-discount-label{
	background: orange;color:white;padding: 2px 3px;border-radius: 2px;
}

.order-discount .body {
    padding-bottom: 50px;
}

.cart-btn.intro-elem{
	
	background: white !important;
}

.activity:not(.low-per) .gallery li{
	
	/*box-shadow:none;*/
}

.activity:not(.low-per) .gallery li.ng-enter{
	
	animation: .2s fade-in ease-in;
}

@keyframes fade-in {
  0% {
    opacity:0;
  }
  
  100% {
    opacity:1;
  }
}

@keyframes flash {
  0% {
    opacity:0;
  }
  
  50% {
    opacity:1;
  }
  
  100% {
    opacity:0;
  }
}

.flash-anim{
	
	animation: .2s flash ease-in;
	animation-fill-mode: forwards;  
}

.gallery li.feat{
	
	width:100%;
	display:block;
}
.activity:not(.low-per) .gallery li .gallery-img:not(.ng-hide){
	
	/*animation: fade-in .4s ease-out;*/	
}

.gallery li.tshirt .gallery-img{
transition:scale .3s;
	   
   /* -ms-transform: rotate(-1deg); 
    -webkit-transform: rotate(-1deg); 
    transform: rotate(-1deg);*/
}

.gallery li .gallery-img.ng-hide{
	
	
}

.gallery.social li > img{
	

}

 li > img, .order-item img{
	
	transition:all .3s;
	width:100%;
	display:block;
	height:auto;
	margin:0px auto;
	position: relative;
	background-size: 100% auto;	
	
}

.gallery li .loader-rap{
	
    position: absolute;
    margin: 0 auto;
    width: 50px;
    /* margin-left: 45px; */
    /* margin-top: 50px; */
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.gallery li .loader-rap .loader-2{
	
	    width: 40px;
	top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}


.gallery li img.loading-done{
	
	background-image:none;
}

.h-menu.light li.selected{
	 box-shadow: inset 0 -4px 0 0 #ffc354;
}
.h-menu.light li{
	color: #333;
}

.h-menu li{
	
	text-transform: capitalize;
}

.color-ic{
	
	border-radius:10px;
	    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    left:-5px;
}

.h-menu.light{
	
	background: white !important;
        /*box-shadow:none;*/
}

@media (min-width:500px){
	
	.gallery li{
		
		
	}
	.gallery > li, .gallery .row > li, li.store-item{
		
		width:350px !important;
		    margin: 1% 1% 0 0%;
	}
	
}

.search-bar.ng-show{
	
	animation:pop .3s ease-in;
}

button.float{
	
	    background-color: #399e62;
	       font-size: 20px;
    padding: 0;
    line-height: 20px;
}

.action-panel {
    /* height: 40px; */
    /* line-height: 40px; */
    color: #fff;
    top: 0;
    /* height: 100px; */
    text-align: center;
    display: inline-block;
    /* width: 50%; */
    /* font-size: 0; */
}

.action-panel a.action-ic {
    line-height: initial;
    font-size: 86%;
    padding: 5px 0;
    width: 50px;
}
.action-ic img{
	    display: block;
       margin: 0 auto 6px auto;
	height: 17px;
}

.action-panel.right{
	
	right:0;
}

.action-panel a{
	
	transition:.1s;
	cursor:pointer;
    margin: 7px 5px;
   /* border: solid 1px rgba(0,0,0,.1);
    background: rgba(255,255,255,.3);*/
    padding: 0px;
    border-radius: 32px;
    display: inline-block;
    height: 40px;
    width: 40px;
    font-size: 18px;
    line-height: 42px;
    vertical-align: top;
    color: #777;
        /*box-shadow:none;*/
}

.action-panel a.green{

   color: #399e62;
    border-color: #399e62;	
}

.action-panel a.liked{

	animation: pop-out .2s ease-in;
    color: #399e62;
    border-color: #399e62;	
}

.action-panel a.likes-with-count i{

	margin-right:2px;	
}
.action-panel a.likes-with-count{
	
	font-size: 14px;
	padding: 0 10px;
    width: auto;
}

.action-panel a:active{
	
	transform: scale(.8);
}

.social li .action-panel {
    color: #fff;
    top: initial;
    text-align: center;
    display: block;
    
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
        background: white;
}

.gallery li.ng-enter .action-panel a{
	
	/*animation: pop .4s ease-in;*/
}

img.loading-error, img[src='']{
	
	background: url('http://www.haotu.net/up/3856/96/47-times.png') no-repeat center;
	background-size: 60% auto;
}


/**
 * 	module: general
 */
.footer.tools button.ic:active{
	
	opacity:.5;
}


button.ic {
	padding:0;
	background: none;
	position: relative;
	vertical-align: top;
}

button.ic img{
	
	width: 40px;
}

.activity.full .footer{
	
	/*box-shadow:none;*/
}


.colorpicker .dropdown-menu{
	
	background: white;
    /*box-shadow:none;*/
}

.ic{
	
	width:40px;
	height:40px;
}

ul.h-menu.main-nav.h-img-list.filter-menu{
	
	
    margin: 0;
    padding: 0;
	height: auto;
	width: 100%;
        text-align: left;
}
ul.h-menu.main-nav.h-img-list.filter-menu
 li.selected{
 	transition:all .2s;
	 background: linear-gradient( rgba(0,0,0,0), #058075 );	
	 box-shadow: none; 
 }
ul.h-menu.main-nav.h-img-list.filter-menu li canvas{
	
    margin: auto;
    margin-top: 10px;
    border-radius: 5px;
 }
ul.h-menu.main-nav.h-img-list.filter-menu
 li:not(.vs-repeat-after-content):not(.vs-repeat-before-content){
 	
 	width:110px !important;
    padding: 0 5px;
	margin: 0 1px;
	position: relative;
 }

/**
 * 	@module order
 */
.shirt-bg.tshirt .gallery-img, .shirt-bg.tshirt-v .gallery-img{
	
	margin-top:0;
}

.shirt-bg{
	
	    background-size: 210% auto !important;
	    height: 200px;
	    position: relative;
}

.pending-lable{
	
	    border: solid 1px;
    padding: 0 5px;
    border-radius: 2px;
    color: #ffab40;
}

.order-item.ng-enter {
	animation: pop .4s ease-out;
}
.order-item.ng-leave {
	animation: pop .4s ease-in;
	-webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
}

.order-item .add-item {
    line-height: 35px;
    padding: 0 10px;
    border-top: solid 1px #eee;
    margin-top: 5px;
}

 .order-item {
	
	height:auto;
	min-height: 0;
	font-size: 14px !important;
}
.order-item .gallery-img{
	
	height:100%;
	width:auto;
	min-height: 0;
	left:-40px;
}

.order-item .shirt-bg{
	
	height:160px;
	overflow: hidden;
}

.order-item input[type=number]{
	
	width:40px;
	margin:0;
	padding:5px;	
	border: solid 1px #eee;
}

li.order-item{
	/*max-width: 300px;*/
}

li.order-item.add-item i{
	
	font-size: 20px;	
	    color: #399e62;
}
li.order-item.add-item {
    padding: 10px;
    height: auto;
}

li.order-item .gallery-img{
	
}
li.order-item .tshirt .gallery-img{
	
}

.order-item img.gallery-img.onesie {
}

.pop-in{
	
	transition:.2s;
	transform: scale(1.2);	
}


.order-item select{
	
	margin:0 0 10px 0;
	display: block;
	    width: 100%;
	    padding:5px 0;
	    font-size:inherit;
	    border: solid 1px #eee;
    /*box-shadow:none;*/
}

.order-item .close {
    font-size: 25px;
    opacity:.7;
    position: absolute;
    top: 0;
	left: 10px;
}

ul.orders li{
	
	max-width:400px;
	margin:auto;
}

.activity.footer.order .footer p{
	
	color:white;
}

.activity.footer.order .footer button.float {
    background: #205937;
}

/**
 * 	@module stepper
 */
.stepper {
    display: inline-block;
    font-size:0;
}

.stepper i{
	font-size:initial;
	padding:1px;
	padding: 6px 7px;
    margin: 0 1px;
}

.order-item .options-panel{

	text-align: left;
}


/**
 * 	route animation
 */
@media all and (-webkit-transform-3d) {
		
	.main-view.ng-enter
	{
	    /*-webkit-transition: all .5s ease;
	    transition: all .5s ease;*/
	}
	.main-view.ng-enter {
	    opacity:0;
	    z-index:1000;
	}
	.main-view.ng-enter-active {
	    opacity:1;
	}
	.main-view.ng-leave {
	    opacity:1;
	}
	.main-view.ng-leave-active {
	    opacity:0;
	}
}

.toast button {
    background: #eee;
    color: #333;
    padding: 0 10px;
    line-height: 35px;
    height: auto;
    margin: 0 5px;
}

.like-btn:not(.liked){
	
	border-color:rgba(0,0,0,.1) !important;
	color:#777 !important;
}

.theme-border{
	border-color:#009688 !important;
}
.theme-bg{
	background-color:#009688 !important;
	color: #fff !important;
}
.theme-bg-dark{
	
	background-color:#00796C !important;
	
}
.theme-bg h1{
	color: #fff !important;
}
.theme-font{
	
	color:#009688 !important;
}

.theme-2-border{
	border-color:#FFAB40 !important;
}
.theme-2-bg{
	background-color:#FFAB40 !important;
}
.theme-2-font{
	
	color:#FFAB40 !important;
}


/**
 * 	item desc
 */

table.item-desc td{
	
	border:1px solid #fff;
}

table.item-desc td:not(:first-child) {
	
	text-align: center;	
}
table.item-desc tr:first-child td{
	
	font-weight:600;
		
}
table.item-desc td{

	padding:7px 10px;	
}
table.item-desc{
	border-collapse:collapse;
	    width: 100%;
    max-width: 400px;
    background: rgba(255,255,255,.8);
        /*box-shadow:none;*/
}

/**
 * 	@module icon-gallery
 */
.icon-gallery.grid-view li{
	
	width: 80px;
    height: 80px;
}

.row[grid="2"] > * > img{

    max-height: 100%;
    max-width: 100%;
    height: auto !important;	
}
.row[grid="2"] > *{

	width: 49%;
	height: 100%;
	display: inline-block;	
	vertical-align: top;
}
.icon-gallery .row[grid="2"]{

		height: 150px;
		margin-bottom:10px;
}

.icon-gallery .row[grid="2"] > *{
	
	background:#eee;
	padding:10px;
	width: 47%;
    margin: 0 1%;
    border-radius: 2px;
}

.row[grid="2"]{
	
	width:100%;
	display: block;
}

.shape-gallery-icon canvas{
	
	width:100px;height:140px;
} 

.dialog-header.no-border{
	
    box-shadow: none !important;
    border: none !important;
}

.shape-gallery.h-menu.fixed {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    position: absolute;
    right: 0;
    left: 0;
}

li.shape-gallery-icon.loading {
    background-image: url(/res/images/yayprint/loading-dots.gif) !important;
    background-repeat: no-repeat !important;
    background-size: 80px auto !important;
    background-position: center !important;
}

.icon-gallery.grid-view.image-gallery li{

	background: #e8e8e8;	
}

.icon-gallery.grid-view.icon-2-grid li img{

	width: auto !important;
            max-width: 100%;
        margin:5% auto;
}
.icon-gallery.grid-view.icon-2-grid li{
	
	    height: 150px;
    max-width: none;
}

.dialog-header{
	
	background: white;
}

.icon-gallery li{
	
	padding:5px;
}

input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  background: transparent;
    /*box-shadow:none;*/
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  /*box-shadow:none;*/
  background: #2497E3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  /*box-shadow:none;*/
  border: 1px solid #2497E3;
  height: 10px;
  width: 10px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2497E3;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  /*box-shadow:none;*/
  background: #2497E3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  /*box-shadow:none;*/
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  /*box-shadow:none;*/
}
input[type=range]::-ms-fill-upper {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  /*box-shadow:none;*/
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  /*box-shadow:none;*/
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #2497E3;
}
input[type=range]:focus::-ms-fill-upper {
  background: #2497E3;
}


 .gallery li .status {
  
      position: absolute;
    bottom: 10px;
    left: 10px;
    border-radius: 3px;
    padding: 2px;
    color: white;
        box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
}
.gallery li .loader-2{
	
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.error-label {
    background: red;
    color: white;
}

.my-designs .gallery li .onoffswitch{
	
	    width: auto;
    
}

.minicolors-position-left .minicolors-panel {
    left: -160px;

}

.minicolors-swatch{
	
	position: relative;
	height: 33px !important;
    width: 33px !important;
    left: 0 !important;
}

.minicolors{
	
	display: inline-block;
}


.gallery li, .gallery li *{
	-webkit-transform: translate3d(0,0,0);
	/*background-image: none !important;*/
	background-size: none !important;
	transition: none !important;
}


.gallery li:not(.pop-anim):not(.fade-in-anim){
animation: none !important;
}

*{
	
	
	
	
}



.shape-pagination{
	
	    position: relative;
    top: 100px;
}

ul.pagination {
    padding: 0;
    text-align: center;
}

dir-pagination-controls ul li a{
	padding: 5px 10px;	
}
dir-pagination-controls ul li {
    display: inline-block;
    
    border: solid 1px #eee;
    margin: 1px;
    border-radius: 2px;
    width: 13%;
    text-align: center;
}

dir-pagination-controls ul li.active a{

	padding: 6px 10px;	
}
dir-pagination-controls ul li.active {
    background: #009688;
    color: white;
    border: none;
    
}

/*
 * Store
 * 
 */
.store-profile-image > label.text-logo {
    position: absolute;
    font-size: 42px;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,.3);
    width: 60px;
    text-align: center;
    
}

.store-gallery{
	
	    padding-top: 10px;
}

ul.store-gallery > .cont.fixed  {
    padding-top: 10px;
}

.store-profile-image {
    width: 60px;
    height: 60px;
    border-radius: 35px;
    position: relative;
    left: 15px;
    top: 5px;
    box-shadow:0 3px 3px 0 rgba(0,0,0,.3);
    margin-right: 11px;
    background: #00786d;
    display: inline-block;
    color:white;
}

.store-profile-image > img{
	 border-radius: 35px;
	width: 60px;
    height: 60px;
    position: absolute;
}

label.alert {
    line-height: initial;
    padding: 5px;
    margin: 10px;
    border-radius: 2px;
}

.activity.full.header .header h1{
	
	vertical-align: top;
	text-transform: capitalize;
}

table.seller-stats td {
       font-size: 15px;
    text-align: center;
}

table.seller-stats img.gallery-img{
	
	height: 50px;
	    display: block;
	    width: auto;
	    margin: 5px auto 0 auto;
}

table.seller-stats td.thumb{

       height: 57px;
    min-width: 75px;
}
table.seller-stats td:not(.thumb){

	padding: 10px;	
}
table.seller-stats td:not(:first-child){
	
	
	
}

.seller-stats thead {
    border-bottom: solid 1px #ccc;
}
.seller-stats tr.stats-header {
    border-bottom: solid 1px #eee;
}

table.seller-stats {
    width: 100%;
    background: white;
    border-collapse:collapse;
    max-width: 600px;
    margin: 0 auto;
}

table.seller-stats tbody {
	
	
	    border-bottom: 20px solid rgba(0,0,0,.01);
}

button.alert{
	
	background: #f35a5a;
	
}

/**
 * 	featured-gallery
 */
.featured-gallery button.light:not(.ic){

	font-size: 80%;	
}
.featured-gallery button.light{

	background: #eff0ef;	
	text-transform: uppercase;
	padding:0 10px;
	color:#0c796e;
	
}

.featured-share img{
	
	height: 100%;
    width: 100%;	
}

.featured-share {
        position: absolute;
    color: #fff;
    right: 3px;
    top: 5px;
    width: 45px;
    height: 45px;
    padding: 10px;
    z-index: 10000
}

h2.feat-title {
    text-align: left;
    text-indent: 10px;
    color: white;
    margin: 0;
    padding: 3px 0;
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0));
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    font-size: 100%;
    line-height: 26px;
    pointer-events: none;
}

.featured-flipper{
	
	height: 270px;
}

.featured-list{
	
	padding:0;
    /* overflow-y: scroll; */
    white-space: nowrap;
    overflow: hidden;
}

.featured-gallery{
	
	height: 270px;
	background: url('../../images/yayprint/featured-bg.png');
	overflow-x: auto;
	padding: 0;
	    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
    margin-bottom: 5px;
    
    position: relative;
}

.featured-gallery li img {
    height: inherit;
    width: auto;
}

.featured-gallery li {
       height: 270px;
    margin:auto;
    display: inline;
    background: transparent;
    float: left !important;
        min-height: 0;
}

.feat-design-rap{
	
	max-width:400px;
	height: 270px;
	margin:0 auto;
	width:100%;
	position: relative;
    overflow: hidden;
}

.featured-image-cont{
	
	background-size: auto 105%;
	background-position: left 10px;
	height: 270px;
	background-repeat: no-repeat;
	float: left;
	width:auto !important;
	position: absolute;
    left: -33px;
        display: block;
}

.featured-details-cont{
	
	color:white;
	text-align:left;
	float: right;
	margin:7px;
	margin-top: 25px;
	position: absolute;
	right: 0;
	text-align: right;
    padding-top: 10px;
}

.feat-price span.currency {
    font-size: 60%;
        margin-left: 3px;
}

label.feat-discount {
    text-transform: uppercase;
}

h3.feat-price {
    margin: 0 0 5px 0;
    color: #ffe400;
        font-weight: 200;
    font-size: 200%;
}

.feat-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    font-size: 30px;
    line-height: 30px;
    margin: 10px 15px;
	color: rgba(255,255,255,.4);
	text-align: center;
}

.feat-nav [backward-nav]{

	float: left;	
}
.feat-nav label{
	
	    font-size: 17px;
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

.cont.fixed.under-menu {
    top: 45px;
}

.item-gallery{
	
	padding-top: 15px;
}

.gallery-loading-more{
	
	bottom: 0;
    position: absolute;
    height: 50px !important;
    min-height: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8),white);
    color: #777;
}

*, *:before, *:after {
    box-sizing: inherit;
}

ul.list-view.dislike-survey li {
    border: solid 1px #e0e0e0;
    border-radius: 3px;
    margin: 5px;
}


[photobooth-template]{
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
}

button.photobooth-shoot{
	
	right: 0;
    left: 0;
    display: block;
    margin: auto;
    bottom: 30px;
    position: absolute;
}

img.pb-export-img{
	
	width: 100%;
	height: 100%;
}


.theme-3-bg{
	background: #c537a3 !important;
	background: linear-gradient(#c537a3,#a02d85) !important;
	background: -webkit-linear-gradient(#c537a3,#a02d85) !important; /* Safari 5.1-6.0 */
    background: -o-linear-gradient(#c537a3,#a02d85) !important; /* Opera 11.1-12.0 */ 
    background: -moz-linear-gradient(#c537a3,#a02d85) !important; /* Firefox 3.6-15 */
    background: linear-gradient(#c537a3,#a02d85) !important; /* Standard syntax */
	
	
}


@media (min-width:700px){
	
	.activity.full.topbar.photobooth {
	    max-width: 480px;
	    max-height: 640px;
	    margin: auto;
	    right: 0;
	    left: 0;
	}
}

/**
 * 	sale
 */
.new-design-btn label.promo {
    position: absolute;
    width: 100px;
    background: #FFA200;
    padding: 5px 0;
    font-size: 86%;
    border-radius: 15px;
    left: -105px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
    top: 14px;
    font-weight: 700;
}

.gallery li .cart-btn label.promo, label.promo {
    position: absolute;
    width: 100px;
    background: #FFA200;
    padding: 5px 8px;
    font-size: 86%;
    border-radius: 15px;
    left: -17px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
    top: 14px;
    font-weight: 700;
    color: white;
    font-size: 115%;
    width: 80px;
    top: -30px;
}

.follower-box {
    font-size: 86%;
    line-height: 130%;
    margin: 10px 0;
    text-align: center;
}

.bold{
	
	font-weight: 700;
}

.like-desc {
    max-height: 20px;
    overflow: hidden;
}

.group-banner{
	
	    max-width: 500px;
    display: block;
    margin: auto;
}

.group-title{
	
	font-weight: bold;
}


.gallery:not(.my-designs) li.tshirt {
    min-height: 423px;
}

#message .gallery li {
    min-height: 0;
}

.filter-settings {
	position: absolute;
    background: #000;
    padding: 5px 10px;
    border-radius: 3px;
    /* border-bottom-right-radius: 12px; */
    right: 0;
    /* font-size: 120%; */
    margin: 6px;
    top: 3px;
    border: solid 1px rgba(255,255,255,.5);
}

.filter-settings:active, .filter-settings:hover{

	background: #444;
}

.panel.board.filter-settings-panel input[type=range]{
	width: 70%;
	max-width:500px;
}
.panel.board.filter-settings-panel input {
    margin: 0 10px;
}
.panel.board.filter-settings-panel, .filter-settings-panel h2 {
    color: white;
}

.panel.board.filter-settings-panel .exit{

	background: #2d2d2d;
}

.panel h2.header{

	margin: 0 auto;
    padding: 7px 0;
    background: linear-gradient(#2d2d2d,#494949);
    border-bottom: #1e1e1e solid 1px;
    margin-bottom: 7px;
}

.panel.board.filter-settings-panel{

	padding-bottom: 10px;
}

.position-nav i.fa {
	border: solid 1px #777;
    padding: 5px;
    height: 25px;
}
.position-nav i.fa.fa-sort-down {

	padding-top: 0;
    line-height: 15px;
    vertical-align: top;
}

.filter-property {
    font-weight: 600;
    text-transform: capitalize;
    margin-right: 10px;
    font-size: 70%;
    position: relative;
    color: #999 !important;
	display: block !important;
	margin:5px;
}

img.panel-loader{

	height:20px;
	width:auto;
	margin-left:10px;
}

[design-board].loading{
	opacity:.5;
}

#design .loader-2{

	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

input[type=range] {
	height: 26px;
	-webkit-appearance: none;
	margin: 10px 0;

  }
  input[type=range]:focus {
	outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 14px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 1px 1px 1px #50555C;
	background: #50555C;
	border-radius: 14px;
	border: 0px solid #000000;
  }
  input[type=range]::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px #000000;
	border: 0px solid #000000;
	height: 20px;
	width: 40px;
	border-radius: 12px;
	background: #529DE1;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -3px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
	background: #50555C;
  }
  input[type=range]::-moz-range-track {
	width: 100%;
	height: 14px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 1px 1px 1px #50555C;
	background: #50555C;
	border-radius: 14px;
	border: 0px solid #000000;
  }
  input[type=range]::-moz-range-thumb {
	box-shadow: 0px 0px 0px #000000;
	border: 0px solid #000000;
	height: 20px;
	width: 40px;
	border-radius: 12px;
	background: #529DE1;
	cursor: pointer;
  }
  input[type=range]::-ms-track {
	width: 100%;
	height: 14px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	color: transparent;
  }
  input[type=range]::-ms-fill-lower {
	background: #50555C;
	border: 0px solid #000000;
	border-radius: 28px;
	box-shadow: 1px 1px 1px #50555C;
  }
  input[type=range]::-ms-fill-upper {
	background: #50555C;
	border: 0px solid #000000;
	border-radius: 28px;
	box-shadow: 1px 1px 1px #50555C;
  }
  input[type=range]::-ms-thumb {
	margin-top: 1px;
	box-shadow: 0px 0px 0px #000000;
	border: 0px solid #000000;
	height: 20px;
	width: 40px;
	border-radius: 12px;
	background: #529DE1;
	cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
	background: #50555C;
  }
  input[type=range]:focus::-ms-fill-upper {
	background: #50555C;
  }

  ul.h-menu.main-nav.fixed.light.shape-gallery li {
    vertical-align: top;
}

#design.activity ul.list-view.drop-down.drop-down-fixed{

	position: fixed;
}

.bt-color-picker{

	height:100px;
	width:100%;
	text-align: left;
    padding: 10px 10px;
    margin: auto;
}

.bt-color-picker button.ic.clear {
    position: absolute;
    bottom: 0;
	right: 0;
}

/*.bt-color-picker:not(.float):before {
    content: ' ';
    height: 40px;
    width: 100%;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
    position: absolute;
    top: -40px;
    left: 0;
}*/

.panel.board.float .exit {
    top: -17px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.bt-color-picker canvas[color-shade]{

	border: 1px rgba(255,255,255,.2) solid;
}

.bt-color-picker canvas[rgba-container], .bt-color-picker canvas[color-shade]{


	border-radius: 20px;
	
}

.color-picker-bar-container{

	margin-bottom:5px;
}

.bt-color-picker .clear{

	font-size: 19px !important;
    height: 30px;
    line-height: 30px;
}

.input-color{
	
	width: 35px;
    height: 35px;
	margin: auto;
	background-color: #eee;
	background-image: url('https://vignette.wikia.nocookie.net/dbz-dokkanbattle/images/8/8c/Transparent.png/revision/latest?cb=20170710212533');
	background-size: 287% auto;
	border-radius: 10px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	
}

.input-color.image-tint{

	width: 100%;
    height: 100%;
}

.text-color-indicator{

	width: 10px;
    height: 10px;
    position: absolute;
    right: 5px;
    bottom: 15px;
}

.panel.board.float{

	border-radius: 20px;
    margin: 2%;
    width: 96%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
}

[trend-gallery]{
    position: relative;
	background:white;
	margin-top:25px;
	box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);
	height:255px;
}

ul.trend-gallery.h-menu{

	height: 100%;
	overflow: initial;
	overflow-y: scroll !important;
}

ul[vs-repeat].trend-gallery.h-menu li:first-child{

	padding:0 !important;
}

.trend-gallery.h-menu .design-box{
	padding:0 10px 0 10px;
	margin:0;
}

.design-box .share-btn.ic img{

	height: 17px;
}

.design-box .share-btn.ic{

	position: absolute;
    right: 0;
    bottom: 0;
}

.design-box{

	width:170px !important;
	overflow: visible;
	display: inline-block;
	margin:0;
	position: relative;
	line-height: initial;
	text-align: center;
	min-width:0 !important;
	min-height:0 !important;
	vertical-align: top;
}

.gallery li.design-box{

	overflow: visible !important;
}

.design-box .img-rap.loading{

	background-image: url(/res/images/yayprint/gallery/design-loader.gif);
    background-position: center;
    background-size: 50% auto;
    background-repeat: no-repeat;
}
.design-box .img-rap{

	height: 130px;
	width:130px;
	text-align:center;
	border-radius:20px;
	box-shadow:0 4px 7px 0 rgba(0,0,0,0.16);
	margin: auto;
	position: relative;
}

.design-box label.promo {
    left: initial;
    top: 5px;
    font-size: 90%;
    width: auto;
    line-height: 100%;
}

.design-box .img-rap img{

	height: 90%;
	width:auto;
	margin:auto;
	display:block;
	pointer-events: none;
}

.design-box .img-rap img{

	max-width: 90%;
    max-height: 90%;
    vertical-align: middle;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
	height:auto;
}

[trend-gallery] .loader-2 .circular{
	width: 55px;

}

[trend-gallery] .loader-2{

	position: absolute;
    width: 140px;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to left, #fff,rgba(255,255,255,0));
    text-align: center;
	padding-left: 50px;
	overflow: hidden;
}

.trend-gallery-header{

	padding:20px 10px 20px 15px;
	font-size:16px;
	color:#747474;
}

.trend-gallery-header .trend-title{

	text-transform:capitalize;
	font-weight: 700;
}

.trend-gallery-header button.add{

	position:relative;
	top:-5px;
	font-size:14px;
	height:33px;
	line-height:33px;
	padding:0;
	border-radius:18px;
	width:69px;
}

[trend-design-actions] {
    height: 38px;
	line-height: 38px;
	text-align: center;
	margin-top:10px;
	
}

[trend-design-actions] > *{
	margin:0 10px;
}

[trend-design-actions] img{

	height: 20px;
	
}

.search-bar-form{

	position:fixed;
	z-index:1;
	right:0;
	left:0;
	background: inherit;
}

.search-drop-down{

	top:50px;
}

ul{

	list-style: none;
	padding:0;
}

ul.similar-designs{

	text-align: center;
	margin:0;
}

ul.similar-designs .design-box {

	margin:3px;
	max-width: 47%;
    min-width: 140px !important;
}


ul.similar-designs .design-box .img-rap{

	border-radius:0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	width:100%;
	margin:0;
	height: 180px;
}

li.design-detail .gallery-img{

	max-width:400px;
}

li.design-detail{

	margin-bottom:0;
	padding-bottom: 0px;
	max-width: 400px;
    margin: auto;
	display: block;
	height: 465px;
}

h4{

	font-size: 16px;
	font-weight: 700;
	padding:10px 10px;
	margin:0;
	color:#747474;
}

.design-box-desc {
  
    text-align: left;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
   
	height: 70px;
	
}

.design-box-desc h4{

	overflow: hidden;
	margin-right:10px;
}

.design-box.similar{

	box-shadow: 0 4px 7px 0 rgba(0,0,0,0.16);
	margin-bottom:20px;
}

.design-box.similar .img-rap{

	box-shadow:none;
}

.design-box.similar .like-btn img{

	height: 15px;
	margin: 0 5px 0 9px;

}

.design-detail [shirt-color]{

	padding: 30px;
	height: 300px;
	position: relative;
}

.design-detail .gallery-img{

	height: 220px;
	width:auto;
	margin:0 auto;
	display:block;
	margin-top: 25px;
}

.design-detail .gallery-img.tshirt-woman{

	margin-top: 35px;
}

.design-detail .gallery-img.tshirt-kids {
    height: 200px;
    margin-top: 40px;
}

.design-detail .action-panel a.action-ic{

	padding:0;
}

.design-detail .action-panel {
    bottom: 0;
    /*position: absolute;*/
    left: 0;
    right: 0;
	top: initial;
	background:inherit;
	height:100px;
	display: block;
}

.design-float-top-top{

	transition:all .5s;
	position: fixed;
    top: 100px;
    left: 0;
    height: 260px !important;
    z-index: 1000;
}

.item-icon-gallery li {
    height: 100%;
	float: left;
	margin-right:15px;
}

.item-icon-gallery{

	height: 46px;
    padding: 10px 15px;
    margin: 0;
}

.item-icon-gallery li img{

	height:30px;
	width:auto;
}

.design-detail label.promo.pop-anim {
    right: 10px;
    position: absolute;
    left: initial;
    height: 25px;
    top: initial;
	bottom: 10px;
	padding: 0 3px;
}

.design-detail item-template {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
	right: 0;
	background-size: auto 100%;
    background-position: center;
}

.global-cart-rap{

	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	text-align: center;
	max-width:200px;
	display: block;
    margin: auto;
}

.global-cart {
    
    border-radius: 30px;
    background: #ffa80f;
    display: inline-block;
    margin: auto;
    height: 40px;
	line-height: 40px;
	padding:0 5px;
	font-weight: 700;
	box-shadow: 0 5px 3px 0 rgba(0,0,0,.2);
	color:#05675c;
	font-size: 113%;
}

.activity .header .global-cart button.ic{

	margin:0 3px;
	height: 100%;
	color: inherit;
}

.activity .trend-gallery-header.header {
    padding: 10px;
    background: inherit;
    color: inherit;
    font-size: inherit;
}

.activity  .trend-gallery-header.header button{

	margin:0;
}

.tag-list{
	line-height: 40px;
	bottom: 50px !important;
	position: absolute;
    right: 0;
	left: 0;
	top: 45px;
    overflow-y: scroll !important;
}

.tag-editor-dialog .dialog-buttons{

	position: absolute;
	bottom:0;
	left:0;
	right:0;
}

.tag-editor-dialog .tag-list button{

	color: inherit;
	position: relative;
}
.tag-editor-dialog{

	background:inherit;
	padding: 10px;
	height: 400px;
	padding-bottom:50px;
}

.header button i.tag-ic{
	display: initial;
    line-height: 30px;
}

.design-box .like-share-box{

	height: 30px;
}

.design-box-desc:not(.light) {
    color: white;
}

.trend-gallery-pagination{

	float: right;
    top: -5px;
	position: relative;
	display: none;
}

.trend-gallery-pagination button {
	height: 32px;
    line-height: initial;
    margin: 0;
    background: transparent;
    color: #555;
    /* border: solid 1px #ccc; */
    margin: 0 5px 0 3px;
    border-radius: 40px;
    text-transform: capitalize;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
}

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

	.trend-gallery-pagination{

		display:block;
	}
}

.menu-shadow:after {
    content: " ";
    display: block;
    height: 5px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    top: 40px;
    background: transparent;
}

.activity.store .header.menu-shadow:after {

	top: 45px;
}

.store-profile-image{

	z-index:100;
}

.design-publish-time {
    padding: 10px 0 0px 10px;
    margin: 0px !important;
}

search-bar {
	position: fixed;
    z-index: 100;
    right: 0;
   
}

search-bar .list-view.drop-down{

	height:300px;
	position:fixed;
	overflow:scroll;
	width: 100%;
    left: 0;
}

[color-box] {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 6px;
    border: solid rgba(255,255,255,.6) 2px;
}

.filter-input{

	max-width: 500px;
	line-height: 30px;
    width: 100%;
	margin: auto;
	padding: 5px 5%;
}

.filter-color-input{
	
    text-align: left;
}

.panel .shape-gallery{

	height:auto;
	min-height: 175px;
}

.panel .shape-gallery li{

	padding:0;
}

.panel .h-scroll{

	background: inherit !important;
    border-bottom: solid 1px rgba(255,255,255,.4);
}

.panel .h-menu li{

	vertical-align: top;
}

.panel .shape-gallery li{
    margin: 4% 2%;
	height: 82%;
	line-height: initial;
	border-radius: 5px;
	
}

.panel .shape-gallery li:not(.vs-repeat-before-content):not(.vs-repeat-after-content){
border: solid 1px #eee;
}

.panel .h-scroll li.selected {
    border-bottom: 2px solid;
}

.panel.ic .checked {
    position: absolute;
    right: -5px;
    font-size: 14px;
    top: 0px;
    line-height: 14px;
    color: #333333;
    background: #019688;
    width: 20px !important;
    border-radius: 10px;
    padding: 3px;
    display: none;
}

.panel.ic.selected .checked{

	display: block;
}

[layer-order-nav] i {
	
    padding: 4px;
    margin-bottom: 3px;
	width:45%;
	background: #eeeeee;
	text-align: center;
}

.img-list li > div[layer-order-nav] {
    /* background: inherit; */
    margin-top: 5px;
	height: 25px;
	text-align: left;
}

.remove-mask i{
    display: block;
}
.remove-mask{
	margin-top: 20px !important;
}

.shape-search input {
    background: inherit;
    border-bottom: solid 1px white;
	color: white;
	padding: 5px;
    margin: 0;
}

.shape-search {
    position: absolute;
    top: -32px;
    z-index: 1;
    left: 0;
    right: 50px;
    text-align: left;
    padding-left: 10px;
}

.share-dialog li {

	border-radius: 30px;
}
.share-dialog a {

	color: white !important;
    padding: 7px;
    width: 60px;
    border-radius: 30px;
}

.share-dialog a i {
    font-size: 30px !important;
}

.share-dialog > .facebook{

	background: #2752a1;
}
.share-dialog > .gplus{

	background: #bd172d;
}
.share-dialog > .twitter{

	background: #4f99ee;
}

ul.h-menu.order-special-offers{

	height:auto;
	padding:0px 15px;
}
ul.h-menu.order-special-offers li {
	height: 100px;
	
}

ul.h-menu.order-special-offers li{

	padding:0;
	position: relative;
}

ul.h-menu.order-special-offers img {
    height: 100%;
	width: auto;
	border-radius:22px;
	min-width: 100px;
min-height: 100px;
background: #eee;
}

.order-special-offers .promo.pop-anim {

    bottom: 0;
    top: initial;
    right: -5px;
    left: initial;
    text-align: center;
    font-size: 90%;
    line-height: initial;

}

.extra-item-offer .h-menu.flat-rounded.categories{

	padding:0px 15px;
}

.h-menu.flat-rounded li{

	line-height: 32px;
	font-size: 90%;
	border:solid 1px #E3E3E3;
	border-radius: 22px;
	height: auto;
	padding:0 10px;
}

.h-menu.flat-rounded li.selected{

	border:none;
	background: #009688;
	color:white;
}

.extra-item-offer {

    background: white;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    padding: 0 0 10px 0;
    margin-top: 10px;
	min-height: 200px;
	position: relative;
}

.extra-item-offer-title {

    padding: 5px;
        padding-right: 5px;
    margin: 10px 0;
    background: antiquewhite;
    display: inline-block;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    padding:5px 10px;
	font-weight: 600;
	background: #FFD072;
	
}

label.add-item-discount{

	color:#FFAB40;
	font-weight: 600;
}

.order-item .shirt-bg {

    max-width: 240px;

}

.extra-item-offer .loader-2 {

    position: absolute;
    top: 90px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,.8);
    width: 100%;

}

.extra-item-offer .loader-2 .circular {

    width: 50px;
    margin: auto;
    display: block;

}