/*
* @module Prestashop Custom Product Designer 1.0.0
*
* @author tshirtecommerce - https://tshirtecommerce.com/
* 
* API
* 
* @copyright  Copyright (C) 2016 tshirtecommerce.com. All rights reserved.
* @license    GNU General Public License version 2 or later; see LICENSE
*
* @since 1.6
*
*/


/* Style for Modal in back-office */

#designer-products .nav-tabs {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #ddd;
}

#designer-products .input-group-btn button {
    min-height: 31px;
}

#designer-products .tab-content {
    padding: 15px;
}

#link-ModuleTshirtecommerce {
    /*background-image: url('../img/tshirtecommerce.png');
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;*/
}


/* Style for Modal in back-office */

li#maintab-AdminTshirtecommerce>a {
    display: inline;
    padding-right: 20px;
    background-image: url('https://tshirtecommerce.com/icon.png');
    background-repeat: no-repeat;
    background-position: 0.7em 0.5em;
}

#designer-products .modal-content {
    background-color: #FCFCFC
}

#designer-products .modal-header {
    border: 0 none;
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

#products-admin .nav.nav-tabs {
    margin: 0
}

#designer-products .modal-body {
    padding: 15px 0 0;
    z-index: 1
}

#designer-products .modal-header .close-list-design {
    margin: 5px 5px 5px 0;
    width: 30px;
    height: 30px
}

#products-admin .design-tab-content>div.dataTables_paginate {
    /*border-top: 1px solid #ccc;*/
    float: right;
    text-align: right;
    width: 100%
}

#products-admin .design-tab-content>div.list-products>div {
    float: none;
    display: inline-block
}


/* Style for Message when add to cart success */

#tshirtecommerce-ajax-cart-success span.title {
    display: block;
    font: 400 23px/29px Arial, Helvetica, sans-serif;
    color: #46a74e;
    margin-bottom: 22px;
}


/* Style for highligh box view image modal */

div.tshirtecommerce-imgs-block {
    width: 100%;
    display: block;
}

div.tshirtecommerce-zoom {
    box-sizing: content-box;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #fff;
    margin: 2px;
    padding: 2px;
}

div.tshirtecommerce-imgs-block .tshirtecommerce-img {
    width: 98px;
    float: left;
}

.tshirtecommerce-link-edit-design {
    width: 100%;
    float: left;
    display: block;
}


/* Style for button */

#product-tab-content-ModuleTshirtecommerce .bootstrap .btn.btn-primary {
    text-transform: inherit !important;
}


/* Style for Custom Your Design Button */

#tshirtecommerce-product-detail .tshirtecommerce-custom-block {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#tshirtecommerce-product-detail .btn-tshirtecommerce {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
}

#tshirtecommerce-product-detail .btn-tshirtecommerce-custom-design {
    color: #fff;
    background-color: #46a74c;
    border-color: #3e9546;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#designer-products span.design_title {
    position: absolute;
    background: #000000;
    left: 0px;
    bottom: 0px;
    right: 0px;
    color: #ffffff;
    text-align: center;
    padding: 5px;
    opacity: 0.45;
    border-radius: 0px 0px 2px 2px;
}
#designer-products .design-tab-content {
	display: table;
	width: 100%;
}
#designer-products .design-tab-content .img-thumbnail {
	position: relative;
}
#designer-products .bootstrap .img-responsive{
	padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
#designer-products .pagination > li > a, #designer-products .pagination > li > span {
	position: relative;
    float: left;
    padding: 8px 13px;
    line-height: 1.42857;
    text-decoration: none;
    color: #1e91cf;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
#designer-products .pagination > .active > a, #designer-products .pagination > .active > span, #designer-products .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, #designer-products .pagination > .active > span:focus {
	z-index: 2;
    color: #fff;
    background-color: #1e91cf;
    border-color: #1e91cf;
    cursor: default;
}
img.tshirtecommerce-img-thumb-p{
    max-height: 200px;
    max-width: 200px;
}
img.tshirtecommerce-img-thumb-i {
    max-height: 98px;
    max-width: 98px;
}
.tshirtecommerce-img-thumb, img.tshirtecommerce-img-thumb-p {
    display: inline-block;
    height: auto;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 4px;
    cursor: pointer;
}
.image-source-link {
    color: #98C3D1;
}
.mfp-title a.image-source-link:hover {
    color: #98C3D1!important;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

div.customizationUploaded { display: inherit; }
ul.customizationUploaded { display: inline-block !important; }
ul.customizationUploaded > li { display: inline-block !important; float: left !important; }

#tool_cart_ps {
    padding: 8px 12px;
}

/*body.dg_screen {overflow: hidden;}*/
.dg_screen .row-designer {position: fixed;width: 100%;height: 100%;top: 0;z-index: 10000000;overflow: auto;left: 0;}

#designer-products {
    width: 100%;
    z-index: 100520!important;
    background-color: transparent;
    margin: 0 auto;
    left: 0;
}
#designer-products .modal-body {
    overflow: hidden;
}
#designer-products .list-products, #designer-products .modal-body {
    max-height: 900px!important;
}