/* Product customizer stylesheet */

#divOldSite { display: none !important; }

header .header_content { margin-bottom: 7px; }

/*header .announcements {
	display: none !important;
}*/

/*remove x from input in IE*/
.form-control::-ms-clear { width: 0; height: 0; }

.product { /*margin-bottom: 20px;*/ }

.product_images, .personalization { border: 1px solid #dbdbdb; overflow: hidden; }

.product_images { margin-right: 4px; margin-bottom: 15px; position: relative; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); }

    .product_images .follow_product { /*position: absolute;*/ width: 100%; text-align: right; background: #fff; border-bottom: solid #dbdbdb 1px; opacity: 0.95; z-index: 2; padding: 10px; height: 40px; }

        .product_images .follow_product .follow_message { /*position: absolute;*/ width: 100%; left: 0; }

        .product_images .follow_product div { margin: 0 7px; }

            .product_images .follow_product div:last-child { margin-right: 0; }

    .product_images .image_previewer { position: relative; width: 100%; height: 580px; background-color: #fff; }

        .product_images .image_previewer > .preview_canvas * { /*transform: scale(2);*/ }

.ui-icon { width: 9px; height: 9px; }

.ui-resizable-se { right: -5px; bottom: -5px; }

.product_images .previewer_message { background: #fff; text-align: center; display: table; vertical-align: middle; padding: 24%; color: #7a7a7a; }

.blocker.nodesign { background: #dbdbdb; position: absolute; font-size: 24px; font-weight: bold; width: 100%; top: 50%; line-height: 30px; margin-top: -30px; }

.product_images .image_previewer .transform { position: absolute; top: -3000em; left: -3000em; border-color: transparent; /*margin-left: -4px;
	margin-top: -4px;*/ }

    .product_images .image_previewer .transform span.sizer { visibility: hidden; position: absolute; width: 100%; height: 100%; background-color: red; opacity: .5; }

    .product_images .image_previewer .transform.active { visibility: visible; }

.product_images .image_previewer .ui-draggable { border: dashed 1px maroon; }

.product_images .image_previewer .ui-draggable-disabled { border: dashed 1px transparent; }

    .product_images .image_previewer .ui-draggable-disabled:hover { border: dashed 1px maroon; }

.product_images .image_previewer .ui-resizable .ui-resizable-handle { border: solid 1px maroon; background-color: #ccc; }


.personalization { margin-left: 4px; margin-bottom: 20px; background: #fff; overflow: hidden; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); }

    .personalization .package_set .panel-heading span.delete_package { /*display: none;*/ }

        /*.personalization .package_set .open .panel-heading span.delete_package {
			position: absolute;
			right: 0;
			top: 0;
			display: block;
		}*/

        .personalization .package_set .panel-heading span.delete_package a { display: inline-block; padding: 11px 10px 5px; }

.personalization_section .pagination { border-radius: 0 !important; margin: 0 !important; }

    .personalization_section .pagination > li > a,
    .personalization_section .pagination > li > a:hover { font-size: 1.6em; color: #000; padding: 0px 11px; border-radius: 0 !important; border-color: #999; }

/*.personalization .package_set .panel-heading .delete_package a .delete-close-button-hover {
			display: none;
		}

		.personalization .package_set .panel-heading .delete_package a:hover .delete-close-button {
			display: none;
		}

		.personalization .package_set .panel-heading .delete_package a:hover .delete-close-button-hover {
			display: inline-block;
		}*/

.package_set .panel-heading .panel-title .design_name { font-size: 12px; font-weight: normal; font-style: italic; }

.package_set .panel-heading .custom_checkbox.with_found_it { position: absolute; top: 13px; right: 20px; background: #e6e6e6; padding-left: 5px; }

    .package_set .panel-heading .custom_checkbox.with_found_it label { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

        .package_set .panel-heading .custom_checkbox.with_found_it label span { background: #e6e6e6; }

.package_set.lootbags .panel { display: block; }

    .package_set.lootbags .panel:last-child { position: absolute; left: -3000em; }
/*setting to display:none doesn't work properly on chrome when new elements are added using knockout.js - don't ask me why''*/

.personalization hr { float: none; clear: both; border-color: #dbdbdb; margin: 0 -10px; }

.personalization_title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 600; padding: 8px 20px; }

.personalization_section { border-top: solid 1px #dbdbdb; padding: 16px 20px; }

#productNonPersonalizedCustomizer .personalization_section { padding-top: 16px !important; margin: 0 !important; background: #fff; border: 1px solid #dbdbdb; border-top: 0; }

#productNonPersonalizedCustomizer .tab-content { margin-bottom: 0 !important; }

/*.personalization_subsection { padding: 0 5px; }*/

.personalization_section .quantity input { text-align: center; }

.personalization_subsection h4 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 600; margin: 0 0 8px; }

.personalization_subsection p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; }

    .personalization_subsection p strong { font-weight: 600; }

.personalization_subsection .form-group { /*margin-bottom: 10px;*/ }

.personalization_subsection .sub_designs { padding-bottom: 10px; }

.personalization_subsection .help-block .note { color: #ff0000; }

.personalization_subsection .help-block,
.personalization_subsection.found_it label { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; color: #222; }

.personalization_section .text-styles { margin-top: 8px; margin-bottom: 20px; }

.personalization_section .font-selector { }

.personalization_subsection.indications { padding: 20px; }

.personalization_subsection.packages_pagination { padding: 0 20px; }

.personalization_subsection.font_color_selection { padding-bottom: 0; }

.personalization_subsection.packages_pagination .previous_package_link,
.personalization_subsection.packages_pagination .next_package_link { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 12px; text-decoration: underline; }

.personalization_subsection.package,
.personalization_subsection.design { /*padding-top: 10px;*/ }

#package_customizer .personalization_subsection.design { /*padding-top: 20px;*/ }

.personalization_subsection.design h4, .personalization_subsection h4 { /*padding-bottom: 5px;*/ }

.personalization_subsection.package { padding-bottom: 0; }

.personalization_subsection.add_dynamic_package { padding: 0; }

    .personalization_subsection.add_dynamic_package a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; color: #007430; font-size: 17px; background: #d8d8d8; padding: 13px; width: 100%; display: inline-block; vertical-align: middle; line-height: 1; text-decoration: none; }

        .personalization_subsection.add_dynamic_package a.disabled { pointer-events: none; cursor: default; color: #aaa; }

        .personalization_subsection.add_dynamic_package a:hover { color: #fff; background: #007430; }

        .personalization_subsection.add_dynamic_package a.inactive,
        .personalization_subsection.add_dynamic_package a.inactive:hover { color: #999; background: #d8d8d8; display: none; }

    .personalization_subsection.add_dynamic_package span { vertical-align: middle; }

.personalization_subsection.found_it_email { /*padding-bottom: 10px;*/ }

.personalization_subsection.design .custom_checkbox { margin: 8px 0 0; }

.personalization_subsection.design .help-block { margin-top: 0px 0px 8px; font-size: 12px; }


.personalization_subsection .help-block { margin-bottom: 8px; }

    .personalization_subsection .help-block span { vertical-align: middle; }

.personalization_subsection .select_design_btn_container { /*padding-top: 5px;*/ }

.personalization_subsection .green_button { background: #649435; border-color: #649435; }

    .personalization_subsection .green_button:hover { background: #93b472; border-color: #93b472; }

.personalization_subsection .price { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 600; }
.personalization_subsection .crossout-price { display: none; text-decoration: line-through; font-size: 22px; font-weight: 600; }
.personalization_subsection .crossout .crossout-price { display: block; }
.personalization_subsection .crossout .price { color: maroon; }

.personalization_subsection .theme-options .option { display: inline-block; height: 62px; width: 48px; margin: 0px; text-align: center; padding: 3px; vertical-align: top; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; }

    .personalization_subsection .theme-options .option:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }

    .personalization_subsection .theme-options .option img { display: block !important; pointer-events: none !important; position: relative !important; }
    .personalization_subsection .theme-options .option input { display: none; }

    .personalization_subsection .theme-options .option.selected { background: #1376a6; }

    .personalization_subsection .theme-options .option .icon-check-mark { display: none; }

    .personalization_subsection .theme-options .option.selected .icon-check-mark { display: inline-block !important; }

    .personalization_subsection .theme-options .option img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.personalization_subsection .text_styles .text_style { width: 34px; height: 34px; overflow: hidden; float: left; }

    .personalization_subsection .text_styles .text_style input { display: none; }

.personalization_subsection .text_styles .text_style_1 { width: 34px; height: 34px; overflow: hidden; float: left; }

    .personalization_subsection .text_styles .text_style_1 .text-style-1-unselected { display: none; }

    .personalization_subsection .text_styles .text_style_1.selected .text-style-1-unselected { display: inline-block; }

    .personalization_subsection .text_styles .text_style_1.selected .text-style-1-selected { display: none; }

.personalization_subsection .text_styles .text_style_2 { width: 34px; height: 34px; overflow: hidden; float: left; }

    .personalization_subsection .text_styles .text_style_2 .text-style-2-unselected { display: none; }

    .personalization_subsection .text_styles .text_style_2.selected .text-style-2-unselected { display: inline-block; }

    .personalization_subsection .text_styles .text_style_2.selected .text-style-2-selected { display: none; }

.personalization_subsection .submit_btn_container { padding-top: 40px; padding-bottom: 20px; }

/* Uploaders and move/scale/rotate controls */
.personalization_subsection .uploader_controls .uploader,
.personalization_subsection .uploader_controls .alternative,
.personalization_subsection .move_scale_rotate_controls .move_pad,
.personalization_subsection .move_scale_rotate_controls .scale_rotate_pad { float: left; text-align: center; color: #222; font-size: 12px; }

.personalization_subsection .uploader_controls .uploader { padding: 10px; }

    .personalization_subsection .uploader_controls .uploader a { text-decoration: none; color: #222; }

        .personalization_subsection .uploader_controls .uploader a:hover { opacity: 0.7; }

        .personalization_subsection .uploader_controls .uploader a span { display: block; margin-top: 3px; }

.personalization_subsection .uploader_controls .alternative { padding: 40px 8px; font-size: 17px; font-weight: 600; }

.personalization_subsection .move_scale_rotate_controls .move_pad,
.personalization_subsection .move_scale_rotate_controls .scale_rotate_pad { padding: 10px 12px; }

.personalization_subsection .move_scale_rotate_controls .ui-move { position: relative; }

.personalization_subsection .move_scale_rotate_controls span { display: block; margin-top: 5px; }

.personalization_subsection .move_scale_rotate_controls .move_pad .ui-move a { position: absolute; width: 34px; height: 34px; }

    .personalization_subsection .move_scale_rotate_controls .move_pad .ui-move a:hover { background: #fff; opacity: 0.3; }

    .personalization_subsection .move_scale_rotate_controls .move_pad .ui-move a.up { top: 0; left: 33px; height: 33px; }

    .personalization_subsection .move_scale_rotate_controls .move_pad .ui-move a.right { top: 33px; right: 0; width: 33px; }

    .personalization_subsection .move_scale_rotate_controls .move_pad .ui-move a.down { bottom: 0; left: 33px; height: 33px; }

    .personalization_subsection .move_scale_rotate_controls .move_pad .ui-move a.left { top: 33px; left: 0; width: 33px; }

.personalization_subsection .move_scale_rotate_controls .scale_rotate_pad .ui-move a { margin: 0 6px 6px; }

    .personalization_subsection .move_scale_rotate_controls .scale_rotate_pad .ui-move a:hover { background: #fff; opacity: 0.3; }


.switch { display: table; border: solid 1px #999; font-size: 0; }

    .switch > label.option { display: table-cell; width: 38px; height: 32px; border-left: solid 1px #ccc; margin: 0; font-size: 14px; vertical-align: middle; text-align: center; background: url('/content/images/main/product-customizer-sprite.png') no-repeat; }
        .switch > label.option::before { display: none; }

        .switch > label.option:nth-child(2) { border-left: 0 none; }

        .switch > label.option.active { background-color: #ccc; color: #ffffff; }

        .switch > label.option.true { background-position: -9px -7px; }

        .switch > label.option.false { background-position: -9px -41px; }

    .switch > input { display: none; }

/* Separate cancel button when colorpicker is open */
.btn-danger.sp-cancel { margin-right: 5px; }

.next-link { margin-right: 20px !important; margin-bottom: 20px !important; }

/* Style sheet for container set at 960px wide */

@media (max-width: 1199px) {

    .product_images .follow_product { text-align: left; }

    .product_images .image_previewer { width: 100%; min-height: 460px; }

    .personalization_subsection .theme-options .option { width: 36px; }
}

/* Style sheet for container set at 960px wide */

@media (min-width: 992px) and (max-width: 1199px) {

    /* Uploaders and move/scale/rotate controls */
    .personalization_subsection .uploader_controls .uploader,
    .personalization_subsection .uploader_controls .alternative { float: none; text-align: left; }

    .personalization_subsection .uploader_controls .uploader { width: 105px; text-align: center; }

    .personalization_subsection .uploader_controls .alternative { padding: 0; padding-left: 38px; }
}

/* Style sheet for container set at 724px wide */

@media (max-width: 991px) {

    .product_images .image_previewer { width: 100%; min-height: 360px; }

    .package_set .panel-heading .custom_checkbox.with_found_it { top: 63px; right: auto; left: 20px; }

    .personalization_subsection { /*padding-top: 0;*/ /*padding-bottom: 0;*/ }

        .personalization_subsection.indications { padding-top: 0; }

        .personalization_subsection.quantity_price { padding-top: 10px; /*z-index: 100;*/ background: #fff; position: relative; }

        .personalization_subsection.design { /*padding-bottom: 10px;*/ }

        /*.personalization_subsection.design {
		padding-bottom: 10px;
		padding-top: 50px;
	}*/

        .personalization_subsection.found_it .custom_checkbox { margin-bottom: 10px; }

        .personalization_subsection.font_color_selection { /*padding-top: 10px;*/ }

    .personalization hr { /*margin-top: 10px;
		margin-bottom: 20px;*/ }

    .personalization_title h4 { /*margin-bottom: 0;*/ }

    .submit_btn_container { padding: 20px 20px !important; }

    .personalization_subsection .theme-options .option { width: 48px; }

    .package_set .panel-heading .custom_checkbox.with_found_it label span { background: #fff; }
}

/* Style sheet for container below 767px wide */

@media (max-width: 767px) {

    /* Fix for designs modal in webkit, poorly supported in iOS8 */
    .modal-open { position: fixed; width: 100%; overflow: hidden; }

    .modal, .modal .modal-body { -webkit-overflow-scrolling: auto; }

    /* End fix for designs modal in webkit */
    /*header { position: fixed; }*/

    .staples_header { display: none; }

    header .header_bottom_section { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

    .main_content { margin-top: 0px; }

    .product_images { margin-right: -1px; margin-left: -1px; webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

        .product_images .image_previewer { height: 100%; }

        .product_images .previewer_message { padding: 24% 15%; }

    .product { margin-bottom: 10px; /*margin-top: 60px;*/ }

    .personalization { margin-left: 0; border: none; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }

    .panel-heading .custom_checkbox.with_found_it { left: 40px; }

    .personalization_subsection { padding: 0 15px; /*padding-left: 30px;
				padding-right: 30px;*/ }

        /*.personalization_subsection.design { padding-bottom: 20px; }*/


        /* Uploaders and move/scale/rotate controls */
        .personalization_subsection .uploader_controls .alternative { padding: 40px 5px; }

    .package_set .personalization_subsection.design { padding-bottom: 15px; }

    .personalization_subsection .theme-options .option { margin-right: 0; }

    .submit_btn_container { /*padding: 20px 40px !important;*/ }

    .package_set .panel-heading .custom_checkbox.with_found_it { left: 37px; }

    .personalization_subsection.packages_pagination { padding: 0 40px; }

    header .announcements { display: none !important; }

    #divCustomizer { }
        #divCustomizer .mobile-previewer-container { display: none !important; }
        #divCustomizer .product_images { display: block !important; }

        #divCustomizer.compact { }
            #divCustomizer.compact .mobile-previewer-container { display: block !important; }
            #divCustomizer.compact .product_images { visibility: hidden !important; }
}