/* -- Copyright © 2017 Gammill, Inc. All Rights Reserved -- */


/* New */

.gTile { display: inline-block; position: relative; margin: 10px; border-radius: 10px; border: 1px solid #7E172C; }
.gTitle {}
.gPicture {}
.gDesigner {}


/* Old */


.TileTitle{ border: none;
    font-size: 20px;
    background-color: transparent;
    cursor: text; }

		.PatternDesigner{font-size: 18px; white-space: nowrap; overflow: hidden;}

		/* Pattern Type On */
		.btnPatternTypeOn{
			cursor: pointer; line-height: 20px; color: #000; background-color: #ceced8;
			display: inline-block;white-space: nowrap; font-size: 18px;
			margin: 5px; padding:2px; padding-left: 40px; padding-top: 8px; padding-right: 5px; width: 140px; height: 24px;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/checkbox_32.png'); 
			background-repeat: no-repeat;background-position: 5px -2px;
			border: 1px solid #000; border-radius : 5px;}
		.btnPatternTypeOn:hover{ background-color: #7b172c; }

		/* Pattern Type Off */
		.btnPatternTypeOff{
			cursor: pointer; line-height: 20px; color: #000; background-color: #eee;
			display: inline-block; font-size: 18px;
			margin: 5px; padding:2px; padding-left: 40px; padding-top: 8px; padding-right: 5px; width: 140px; height: 24px;
			/* border: 1px solid #000; border-radius : 5px; */
			background-image: url('../../images/icons/checkbox_unchecked_32.png');
			background-repeat: no-repeat;background-position: 5px 0px;
			border: 1px solid #000; border-radius : 5px;}
		.btnPatternTypeOff:hover{color: #fff; background-color: #7b172c;}

		/* Download */
		.PatternDownload{
			display: inline-block; cursor: pointer;
			background-color: #fff; color: #000;			
			background-image: url('../../images/icons/cloud_download.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;			
			margin: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	}
		.PatternDownload:hover{background-color:#7b172c; color: #fff;}

		/* Store Tile */
		.PatternTile {
			border-radius: 10px;
			background-color: #e2e2e2;
			padding: 5px;
			margin: 5px;
			display: inline-block;
			line-height: normal;
			text-align: center;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			vertical-align:top;
		}
		.PatternTile:hover{ background-color: #e5e5e5; }
		.PatternTitle { font-size: 20px; font-weight: bold; overflow: hidden; white-space: nowrap; background:transparent; border:none;}

		/* My Pattern Tile */
		.MyPatternTile {
			border-radius: 10px;
			background-color: #e2e2e2;
			padding: 5px;
			margin: 5px;
			display: inline-block;
			line-height: normal;
			text-align: center;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			vertical-align:top;
		}
		.MyPatternTile:hover { background-color: #949494; }

		.PatternThumb { background-color: #fff; }
		


		/* My Pattern Tile */
		.MyCollectionTile {
			border-radius: 10px;
			background-color: #ddd;
			border: 1px solid #7E172C;
			padding: 5px;
			margin: 5px;
			display: inline-block;
			line-height: normal;
			text-align: center;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			vertical-align:top;
		}


	/* Tags */

		/* User */
		.UserTags{
			
			text-indent: 0; line-height: 36px;
			display: inline-block;
			cursor: pointer;
			background-color: #eee; color: #000;		
			margin: 3px;
			padding-left: 10px;
			padding-right: 10px;
			border-radius : 5px;
			font-size: 24px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	

}
		.UserTags:hover { background-color: #E4E7FE; }

		/* Cloud */
		.CloudTags{
			text-indent: 0; line-height: 36px;
			display: inline-block;
			cursor: pointer;
			background-color: skyblue; color: #000;		
			margin: 3px;
			padding-left: 10px;
			padding-right: 10px;
			border-radius : 5px;
			font-size: 24px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	
		}
		.CloudTags:hover { background-color: #DBF0F9; }

		/* Designer */
		.DesignerTags{
			text-indent: 0; line-height: 36px;
			display: inline-block;
			cursor: pointer;
			background-color: lightpink; color: #000;		
			margin: 3px;
			padding-left: 10px;
			padding-right: 10px;
			border-radius : 5px;
			font-size: 24px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: none;	
		}
		.DesignerTags:hover{ background-color: #FFD6DC;}

	/* Delete */
	
		.DeletePattern{
			display: inline-block; cursor: pointer;
			background-color: #7b172c; color: #fff;	
			background-image: url('../../images/icons/delete_icon.png');
			background-repeat: no-repeat;
			background-position: 5px 9px;			
			margin-top: 5px;
			padding-left: 35px;
			padding-right: 10px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 18px; font-weight: bold; letter-spacing: 1px;
			vertical-align: middle;
			border: 1px solid #000;
			box-sizing: border-box;
			overflow: auto;	}
		.DeletePattern:hover{background-color: #A02B43; color: #fff;}

/* Favorites */ /* 6/10/2020 Code is ready to be uncommented -- waiting for CS confirmation  */
		.btnFavorite{
			cursor: pointer;
			display: inline-block; 
			padding:2px;
			width: 24px; height: 24px;
			background-image: url('../../images/icons/star_yellow_24.png');
			background-repeat: no-repeat;
			background-position: center; }
	
		.btnFavoriteOn{
			cursor: pointer;
			background-color: #fff;
			display: inline-block; 
			float: right;  
			margin-right: 10px; 
			margin-top: 10px; 
			padding:2px;
			width: 32px; height: 32px;
			background-image: url('../../images/icons/star_yellow.png');
			background-repeat: no-repeat;
			background-position: center; }		
		
		.btnFavoriteOff{
			cursor: pointer;
			background-color: #fff;
			display: inline-block; 
			float: right;  
			margin-right: 10px; 
			margin-top: 10px; 
			padding:2px;
			width: 32px; height: 32px;
			background-image: url('../../images/icons/star_grey.png');
			background-repeat: no-repeat;
			background-position: center; }