@import url(//fonts.googleapis.com/css?family=Lato);

body {
	font-family: 'Lato';
}

#main-container {
	margin: 0px auto;
	width: 1200px;
	max-width: 100%;
}

.api-buttons > a {
	margin: 0 5px 0 0 !important;
	text-decoration: none !important;
}

.price {
	font-size: 25px !important;
	line-height: 26px !important;
}
.fpd-actions-wrapper.fpd-pos-top{
	overflow: auto;
    width: 100%;
    display: flex;
    padding: 3px;
}
#main-container .card{
	box-shadow: none;
}
@media only screen and (max-width: 768px){
	#main-container #clothing-designer  .fpd-mainbar{
		position: fixed;
    	bottom: 0px;
    	left: 0px;
	}
	.fpd-draggable-dialog{top: calc(30% - 100px) !important;}
	.fpd-visibility.fpd-show{top: calc(20% - 100px) !important;}
}
@media only screen and (max-width:420px){
	#main-container #clothing-designer  .fpd-mainbar{
		position: fixed;
    	bottom: 0px;
    	left: 0px;
	}
	.fpd-product-stage canvas{height: 51vh !important;
    width: 96vh !important;
    left: -20vh !important;
    top: -13vh !important;}
	.fpd-topbar .fpd-navigation>div>span{font-size:12px !important;line-height:40px !important;color:#fff;}
	.fpd-topbar .fpd-navigation{height:40px !important;}
	#main-container .fpd-container.fpd-topbar .fpd-main-wrapper>.fpd-product-stage{top:44%;left:-19%;}
	.fpd-modal-internal.fpd-modal-overlay.fpd-fullscreen .fpd-modal-content *{    min-width: 830px;min-height: 481px;left: -222px;position: absolute;}
	ion-content .scroll-content{    background: url(https://www.ikitelliosb.topkapiokullari.com/wp-content/uploads/2017/02/blue-lights-blurry-background-9.jpg);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;}
    ion-content .scroll-content:before{filter: blur(5px);}
    div.fpd-main-wrapper>.fpd-actions-wrapper.fpd-pos-top>.fpd-action-btn ,div#clothing-designer .fpd-main-wrapper{background-color: transparent;}
    div.fpd-main-wrapper>.fpd-actions-wrapper.fpd-pos-top>.fpd-action-btn span{color: #ffffff;}
    div.fpd-main-wrapper>.fpd-actions-wrapper.fpd-pos-top>.fpd-action-btn span:first-child{font-size: 22px;}
    .fpd-element-toolbar.fpd-visibility.fpd-toolbar-placement-dynamic.fpd-show{height: 150px;overflow: scroll;}
}
@media only screen and (min-width:1600px){
	.fpd-product-stage canvas{height:80vh !important;line-height:80vh !important;}
}
@media only screen and (min-width:991px) and (max-width:1600px){
	.fpd-product-stage canvas{height:90vh !important;line-height:90vh !important;}
}
@media only screen and (min-width:991px){
	/*.fpd-product-stage, .fpd-product-stage div{min-height:90vh !important;max-height:90vh !important;}
	*/
	#clothing-designer .fpd-mainbar{width: 7%;float: left;display: block;height: 100%;}
	#clothing-designer .fpd-mainbar .fpd-navigation.fpd-primary-bg-color{width: 100%;display: block;height: 100% !important;}
	#clothing-designer .fpd-mainbar .fpd-navigation.fpd-primary-bg-color .btn.waves-effect{height:20%;width: 100%;display: block;line-height: 20vh;}
	#clothing-designer .fpd-main-wrapper{width: 93%;float: left;height: 100%;}
	.fpd-topbar .fpd-navigation>div>.fpd-label{display:none !important;}
	.fpd-draggable-dialog{left:calc(50% - 32%) !important;top: calc(36% - 200px) !important;}
	.fpd-actions-wrapper.fpd-pos-top{ width:70% !important;left:60% !important;	}
	.fpd-product-stage>.fpd-zoom-image{top:55px !important;}

	body ion-app ion-content.content.content-md{padding-top:0px;padding-right: 0px;padding-left: 0px;padding-bottom: 0px;}
	body ion-app ion-content.content.content-md .scroll-content{margin-bottom: -15px;padding-right: 0px;padding-left: 0px;padding-top: 0px;padding-bottom: 0px;}
	body ion-app ion-content.content.content-md .scroll-content #main-container{
		height: -moz-calc(100% - (0px));
    	height: -webkit-calc(100% - (0px));
    	height: calc(100% - (0px));
		width:100%;}
	#main-container .card.fpd-container{width: 100% !important;height: -moz-calc(100% - (16px)) !important;
    	height: -webkit-calc(100% - (16px)) !important;
    	height: calc(100% - (16px)) !important;}
	.scroll-content h3{padding: 10px;}
}
.fpd-main-wrapper>.fpd-actions-wrapper.fpd-pos-top>.fpd-action-btn{
	width:75px;
	background: transparent;color: #424242;box-shadow: none;border-radius: 0px !important;border:none;}
	.text-lineicon{display: block;}#main-container div.fpd-actions-wrapper.fpd-pos-top{min-height: 70px;}.fpd-main-wrapper>.fpd-actions-wrapper.fpd-pos-top>.fpd-action-btn>span{display: block;}
	.fpd-actions-wrapper.fpd-pos-bottom>.fpd-action-btn{background: #ffffff;color: #424242;}.fpd-container .fpd-primary-bg-color.fpd-navigation{background-color: #424242;}

	#clothing-designer .fpd-main-wrapper{background-color: #ebeced;}
	.mCustomScrollBox{background-color: #3f4652}
	.fpd-grid.fpd-padding>.fpd-item>picture{background-color: #ebeced;border-radius: 5px;}
	.fpd-container .fpd-dialog-head div:first-child, .fpd-draggable-dialog.fpd-container>.fpd-dialog-head{background-color: #00c4cc}
	.fpd-manage-layers-panel .fpd-list-row{background-color: #ffffff;}
	.fpd-module .fpd-manage-layers-panel .fpd-list-row:hover{background-color:#ebeced;}

	@media only screen and (min-width: 767px){
		.fpd-element-toolbar.fpd-visibility.fpd-toolbar-placement-dynamic.fpd-show{left:30% !important;height: 150px;overflow: auto;width:280px !important;}
	}