.sticker-main{
	width: auto;

/*	width: 450px;*/
}
.sticker-main #main{

	padding:0px;
	margin:0px;
	list-style:none;
}

.sticker-edit{
    margin: 10px 10px 0px 0px;
    box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.5);
    width: 300px;
    min-height: 150px;
    background:#ffc;
}
.sticker-edit .textarea{
    width: calc( 100% - 10px);
    background: transparent;
    border: 0px !important;
    min-height: 100px;
}
.sticker-edit .textarea:focus{
    background-color: white !important;
}


.sticker-edit .head{
	padding:5px 5px 0px 5px;
}
.sticker-edit .head .text{
	font-size: 90%;
}
.sticker-edit .main{
	padding:0px 5px 5px 5px;
}
.sticker-edit .fa{
	font-size: 125%;
	color: #222;
}

/*
.sticker-edit{
	background-color: rgba( 255, 255, 0, 0.15);

}
*/
.sticker-edit:nth-child(2n){
	background-color: rgba( 0, 255, 0, 0.15);
} 
.sticker-edit:nth-child(3n+1){
	background-color: rgba( 255, 0, 0, 0.15);
} 
.sticker-edit:nth-child(5n-2){
	background-color: rgba( 0, 0, 255, 0.15);
} 

/*
.sticker-edit:nth-child(even){  
      -o-transform:rotate(4deg);  
      -webkit-transform:rotate(4deg);  
      -moz-transform:rotate(4deg);  
      position:relative;  
      top:5px;  
      background: #cfc;
}
.sticker-edit:nth-child(3n){  
      -o-transform:rotate(-3deg);  
      -webkit-transform:rotate(-3deg);  
      -moz-transform:rotate(-3deg);  
      position:relative;  
      top:-5px;
      background: #ccf; 
}
.sticker-edit:nth-child(4n){  
      background: #fcc; 
}
.sticker-edit:nth-child(5n){  
      -o-transform:rotate(5deg);  
      -webkit-transform:rotate(5deg);  
      -moz-transform:rotate(5deg);  
      position:relative;  
      top:-10px;  
}
*/
/*
.sticker-edit:focus, .sticker-edit:hover{
      -webkit-transform: scale(1.1);  
      -moz-transform: scale(1.1);  
      -o-transform: scale(1.1);  
     z-index: 5;
}
*/



/*Слайдер*/
#slider{
	display: flex;
	position: fixed;
	align-items: center;
	height: 100vh;
	left: 0px;
	top: 0px;
}

#slider .label span{
	-webkit-writing-mode: vertical-rl;
	writing-mode:tb-rl;

}
#slider .label{
    text-align: center;
    font-size: 110%;
    padding: 5px;
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #CCC;
    border-left: none;
    background-color: whitesmoke;
    box-shadow: 1px 0 5px rgba(0,0,0,0.25);
    margin-left: -2px;
}

#slider .data{
	display: none;
	border-right: 1px solid #CCC;
	background-color: whitesmoke;
	max-width: 50vw;
	height: 100%;
	padding: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

#slider.open .data{
	display: block;
}
#slider .label{
    opacity: 0.7;
}
#slider .label:hover, #slider.open .label{
    opacity: 1;
}