@font-face {
	font-family: 'Uscraft';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/cancooler/Uscraft.eot?1gpft4');
	src: url('../fonts/cancooler/Uscraft.eot?1gpft4#iefix') format('embedded-opentype'),
      url('../fonts/cancooler/Uscraft.ttf?1gpft4') format('truetype'),
      url('../fonts/cancooler/Uscraft.woff?1gpft4') format('woff'),
      url('../fonts/cancooler/Uscraft.svg?1gpft4#Uscraft') format('svg');
}
[class^="usc-icon-"], [class*=" usc-icon-"] {
	text-transform: none;
	line-height: 1;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	/* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Uscraft' !important;
	speak: none;
	/* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.usc-icon-align-center:before {
	content: "\e90a";
}
.usc-icon-align-left:before {
	content: "\e90b";
}
.usc-icon-align-right:before {
	content: "\e90c";
}
.usc-icon-bold:before {
	content: "\e90d";
}
.usc-icon-italic:before {
	content: "\e90e";
}
.usc-icon-bring-to-front:before {
	content: "\e900";
}
.usc-icon-clipart:before {
	content: "\e901";
}
.usc-icon-rotate-horizontal:before {
	content: "\e902";
}
.usc-icon-rotate-vertical:before {
	content: "\e903";
}
.usc-icon-send-to-back:before {
	content: "\e904";
}
.usc-icon-text:before {
	content: "\e905";
}
.usc-icon-trash:before {
	content: "\e906";
}
.usc-icon-upload:before {
	content: "\e907";
}
.usc-icon-zoom-in:before {
	content: "\e908";
}
.usc-icon-zoom-out:before {
	content: "\e909";
}
.border_bottom_both_radius{
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
.bg_withe{
    background: #fff !important;
}
#cooler_step_three .common_step_box.product_color {
	border-color: #2E800B;
}
#cooler_step_three .coller_design_action {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 20px;
}
.action_item {
	display: block;
	position: relative;
	margin-right: 25px;
	cursor: pointer;
	padding-top: 10px;
	padding-left: 46px;
	color: rgb(19, 145, 206);
	font-size: 18px;
	font-weight: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.action_item input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #707070;
	border-radius: 50%;
	background-color: #fff;
	width: 40px;
	height: 40px;
}
.action_item:hover input ~ .checkmark {
	box-shadow: 0 1px 4px 1px #DBDBDB;
	-webkit-box-shadow: 0 1px 4px 1px #DBDBDB;
	-moz-box-shadow: 0 1px 4px 1px #DBDBDB;
	-o-box-shadow: 0 1px 4px 1px #DBDBDB;
}
.checkmark:after {
	display: none;
	position: absolute;
	content: "";
}
.action_item input:checked ~ .checkmark:after {
	display: block;
}
.action_item .checkmark:after {
	top: 4px;
	left: 4px;
	border-radius: 50%;
	background: #036E9D;
	width: 30px;
	height: 30px;
}
.common_step_box.coller_design_layout_wrapper {
	padding: 0;
	border: none;
}
.coller_design_layout_wrapper .coller_design_layout_item {
	float: left;
	width: 100%;
	padding: 0 10px;
}
.coller_design_layout_wrapper .coller_design_layout_item .span-label{
    font-size: 18px;
    color: #898181;
    font-weight: 600;
}
.coller_design_layout_wrapper .coller_design_layout_item .dropzone{
    margin-top: 10px;
}
.seperator-row{
    margin: 15px 10px 25px 10px;
    border-top: 2px dashed #ddd;
    position: relative;
    text-align: center;
}
.seperator-row span{
    position: absolute;
    top: -11px;
    background: #fff;
    padding: 2px 15px;
    font-size: 16px;
    font-weight: 600;
}
.coller_design_layout_wrapper .coller_design_layout_title {
	background: #036E9D;
	padding: 20px 0;
	text-align: center;
	color: #fff;
}
.coller_design_layout_item .coller_template_item_inner {
	padding: 10px 15px 0;
	text-align: center;
}
.coller_design_layout_item .coller_template_item img {
	width: 100%;
}
.coller_design_layout_item .coller_template_item {
	cursor: pointer;
}
.coller_design_layout_item .coller_template_item.active {
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}


.common_step_box{
    border-left: none !important;
}
.template_preview img {
	width: 100%;
}
.template_preview,
.template_obj_form {
	padding: 10px 30px;
}
.template_obj_form .msg_color .form-group {
	float: right;
}
.template_obj_form .msg_box {
	padding-bottom: 20px;
	overflow: hidden;
}
.template_obj_form label {
	margin-bottom: 10px;
}
.template_obj_form .upload_logo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 60%;
}
.template_obj_form .upload_logo .logo_placeholder,
.template_obj_form .upload_logo .template_logo_placeholder {
	border: 1px dashed #ddd;
	border-radius: 4px;
	min-width: 126px;
	min-height: 120px;
}
#labEditor,
#TemplateCanvasEditor {
	display: none;
	padding: 20px 0;
}
#TemplateCanvasEditor-remove #template-remove-selected {
	visibility: hidden;
}
#labEditor-remove {
	visibility: hidden;
}
.designlab-area,.coller_template_design {
	background: #fff;
	overflow: visible;
}
.cart-color {
	display: flex;
	position: inherit;
	margin-top: 10px;
	clear: both;
	flex-wrap: wrap;
	border-top: 1px dashed #c5c5c5;
	padding-top: 7px;
    width: 100%;
    width: calc(100% - 20px);
    min-height: 65px;
    margin-left: 10px;
    margin-right: 10px;
}
.cart-color-item {
	position: relative;
	border: 1px dotted #ddd;
	padding: 0 10px;
	min-width: 105px;
	margin: 8px 8px 0 0;
	background: #f8f8f8;
}
.cart-color-item-inner {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.cart-color-item span {
	display: block;
}
.cart-color-item .color-name {
	width: 57px;
	text-align: center;
	font-size: 12px;
}
.cart-color-item .color-image {
	margin-right: 7px;
	width: 36px;
}
.cart-color-item .color-image img {
	width: 100%;
}
.clipart-field {
	clear: both;
	margin-bottom: 10px;
}
.clipart-field .design_lab_front {
	min-width: 133px;
}
.text-options-wrap .common_step_box{
    padding: 10px;
}
.design_lab_preview_container {
    float: left;
	width: 45%;
	padding: 0 10px 0 20px;
}
.design_lab_inner {
    padding-top: 10px;
	display: block;
	float: left;
	width: 100%;
}
.design_lab_editor_container {
	/*display: flex;*/
	/*justify-content: space-around;*/
	width: 55%;
	float: left;
}
.design_lab_editor_container > .design_lab_edit_counter {
	border-right: 1px solid #cccccc;
	padding: 0 10px;
	width: 17%;
	max-width: 128px;
}
.design_lab_editor_container > .design_lab_edit_field {
	padding: 0 10px 0 30px;
	width: 100%;
	float: left;
}
.canvas-wrapper {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 465px;
}
.preview {
	background: url(../images/jersey_preview_bg.jpg) no-repeat center;
	padding: 20px 0 0 0;
    height: 525px;
    overflow: hidden;
    background-size: cover;
}
.preview-option > ul {
	border: none;
	list-style-type: none;
	text-align: center;
}
.preview-option > ul > li {
	display: inline-block;
	float: none;
}
.design_lab_edit_counter ul li {
	margin: 0;
	margin-bottom: 10px;
	border-radius: 3px;
	background: #c9c7cb;
	padding: 10px 5px;
	max-width: 86px;
	max-height: 87px;
}
.design_lab_edit_counter ul li:hover {
	border-radius: 3px;
}
.design_lab_edit_counter ul li.active {
	border: 2px solid #036e9d;
	border-radius: 3px;
}
.design_lab_edit_counter ul li span {
	color: #000;
	font-size: 48px;
}
.design_lab_edit_counter_inner,
.design_lab_edit_field_inner {
	padding: 0 0;
}
.design_lab_edit_field_inner {
	position: relative;
	min-height: 607px;
}
.design_lab_edit_field .line {
	display: flex;
	margin-bottom: 5px;
	flex-wrap: wrap;
	width: 100%;
    align-items: center;
}


/*#textEditor {visibility:hidden;}*/
.design_lab_edit_field .line:first-child {
    align-items: center;
    justify-content: flex-start;
}
.design_lab_edit_field .line ul {
	display: flex;
	list-style-type: none;
}
.design_lab_edit_field .line .l-one.item {
	width: 84%;
}
.design_lab_edit_field .line .l-one.item label {
	margin-bottom: 10px;
}
.design_lab_edit_field .line .l-one.item input {
	height: 77px;
}
.design_lab_edit_field .line .l-one.item + .l-one.item {
	margin-top: 22px;
	border-radius: 5px;
	background: #ccc;
	padding: 10px 5px;
	width: 12%;
}
.design_lab_edit_field .line .l-two.item{
    display: flex;
    margin-bottom: 10px;
}
/* Font Selector*/
.design_lab_edit_field .line .l-two.item.fontSelector{
    width: calc(100% - 350px);
    background: none;
    border: none;
    padding: 5px 10px;
    align-items: center;
    flex-wrap: wrap;
}
.design_lab_edit_field .line .l-two.item.fontSelector span.span-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.design_lab_edit_field .line .l-two.item.fontSelector span.textFont{
    font-size: 16px;
    padding: 11px 11px 11px 13px;
    flex: 0 0 100%;
    max-width: 100%;
    background: #ffffff !important;
    border: 1px solid #ccc;
    border-radius: 12px;
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    cursor: pointer;
}
.design_lab_edit_field .line .l-two.item.fontSelector span.textFont i {
    position: absolute;
    top: 12px;
    right: 6px;
}

/* Font Size*/
.design_lab_edit_field .line .l-two.item.choose-font-size{
    width: 170px;
    background: none;
    border: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.design_lab_edit_field .line .l-two.item.choose-font-size span.choose-font-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.design_lab_edit_field .line .l-two.item.choose-font-size .font-size-input-wrap{
    width: 100%;
}
.design_lab_edit_field .line .l-two.item.choose-font-size .font-size-input-wrap .font-size-input{
    width: 100%;
    border-radius: 12px;
    font-size: 18px;
    height: 40px;
}

/* Font Stroke*/
.design_lab_edit_field .line .l-two.item.choose-font-stroke{
    width: 76px;
    background: none;
    border: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke span.font-stroke-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke .font-stroke-wrap{
    width: 100%;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke .font-stroke-wrap button.btn{
    width: 45px;
    border-radius: 8px;
    font-size: 18px;
    height: 40px;
    background: #D9D9D6;
    font-weight: 600;
    color: #fff;
    outline: 0;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke .font-stroke-wrap button.btn.btn-disabled,
.design_lab_edit_field .line .l-two.item.choose-font-stroke .font-stroke-wrap button.btn[disabled]{
    background: #999;
    cursor: not-allowed;
    opacity: .25;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke .font-stroke-wrap button.btn img{
    width: 18px;
    border-radius: 0;
    vertical-align: middle;
    margin-bottom: 2px;
}

/* Font Stroke Width*/
.design_lab_edit_field .line .l-two.item.choose-font-stroke-width{
    width: 176px;
    background: none;
    border: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke-width span.font-stroke-width-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke-width .font-stroke-width-wrap{
    width: 100%;
    /* background: #ededed; */
    padding: 0 5px;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke-width .font-stroke-width-wrap input{
    width: 100%;
    border-radius: 12px;
    font-size: 18px;
    height: 40px;
}
.design_lab_edit_field .line .l-two.item.choose-font-stroke-width .font-stroke-width-wrap input:focus,
.design_lab_edit_field .line .l-two.item.choose-font-stroke-width .font-stroke-width-wrap input:focus-visible{
    border: none;
    outline: 0;
}

/* Font Shape*/
.design_lab_edit_field .line .l-two.item.choose-font-shape{
    width: 118px;
    background: none;
    border: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.design_lab_edit_field .line .l-two.item.choose-font-shape span.font-shape-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.design_lab_edit_field .line .l-two.item.choose-font-shape .font-shape-wrap{
    width: 100%;
}
.design_lab_edit_field .line .l-two.item.choose-font-shape .font-shape-wrap button.btn{
    width: 100%;
    border-radius: 8px;
    font-size: 18px;
    height: 40px;
    background: #ffffff;
    font-weight: 600;
    color: #fff;
    border: 2px solid #ddd;
    padding: 0px;
    outline: 0;
}
.design_lab_edit_field .line .l-two.item.choose-font-shape .font-shape-wrap button.btn img{
    max-width: 100%;
    border-radius: 8px;
    margin-bottom: 0;
}
.design_lab_edit_field .line .l-two.item.choose-font-shape .font-shape-wrap button.btn.active{
    border: 2px solid #1391ce;
}

.choose-jersey-font-shape .modal-dialog{
    max-width: 420px;
}
.choose-jersey-font-shape .modal-dialog .modal-header{
    background-color: #f1f1f1;
}
.choose-jersey-font-shape .modal-dialog .modal-header .modal-title{
    text-align: left;
    color: #666;
    font-size: 22px;
}
.choose-jersey-font-shape .modal-dialog .modal-header .close{
    font-size: 24px;
    line-height: 1;
    color: #bb2020;
    opacity: .65;
}
.choose-jersey-font-shape .modal-dialog .modal-header .close:hover{
    opacity: 1;
}
.choose-jersey-font-shape .modal-dialog .modal-body{
    padding: 15px;
}
.choose-jersey-font-shape .font-shape-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.choose-jersey-font-shape .font-shape-wrap .font-single-shape{
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 6px;
}
.choose-jersey-font-shape .font-shape-wrap .font-single-shape .shape-image{
    border: 2px solid #ddd;
    border-radius: 8px;
    background: #fff;
    outline: 0;
}
.choose-jersey-font-shape .font-shape-wrap .font-single-shape .shape-image img{
    width: 100%;
    border-radius: 8px;
}
.choose-jersey-font-shape .font-shape-wrap .font-single-shape.selected .shape-image,
.choose-jersey-font-shape .font-shape-wrap .font-single-shape .shape-image.selected{
    border: 2px solid #1391ce;
}
.choose-jersey-font-shape .font-shape-wrap  .modal-footer{
    
}
.choose-jersey-font-shape  .modal-footer .btn-apply{
    font-size: 16px;
    color: #fff;
    background: #1391ce;
    outline: 0;
}

/*Font Color*/
.design_lab_edit_field .line .l-two.item.choose-font-color{
    width: 180px;
    background: none;
    border: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.design_lab_edit_field .line .l-two.item.choose-font-color span.font-color-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.design_lab_edit_field .line .l-two.item.choose-font-color .color-wheel{
    font-size: 16px;
    padding: 8px 11px 8px 13px;
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
    background-color: #ffffff !important;
    border: 1px solid #ccc;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-position: 8px center;
    background-size: 28px;
    cursor: pointer;
}
.design_lab_edit_field .line .l-two.item.choose-font-color .color-wheel span{
    position: initial;
    width: 26px;
    height: 26px;
}
.design_lab_edit_field .line .l-two.item.choose-font-color .color-wheel input{
    width: 100%;
    height: 26px;
}
.design_lab_edit_field .line .l-two.item:nth-child(2) {
	display: flex;
	margin-left: 0;
	position: relative;
    cursor: default;
}
.design_lab_edit_field .line .l-two.item:nth-child(2) ul li{
    margin-right: 4px;
}

.design_lab_edit_field .line .l-two.item:nth-child(2) ul li span{
    font-size: 20px;
} 
.design_lab_edit_field .line .l-two.item .fontSize-selector select{
    height: 32px;
    padding: 2px 0px 3px 2px;
    width: 68px;
    background-color: #ededed;
    border-radius: 4px;
    font-size: 18px;
}
.design_lab_edit_field .line .l-two.item.printType-selector{
    margin-left: auto;
    width: 50%;
    padding: 5px 10px;
    flex-direction: column;
}
.design_lab_edit_field .line .l-two.item.printType-selector .span-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.printType-selector .select2-container{
    width: 100% !important;
}
.printType-selector .select2-container .select2-selection--single{
    height: 40px;
    border: 1px solid #707070;
    border-radius: 12px;
}
.printType-selector .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333;
    font-size: 16px;
    line-height: 38px;
}
.printType-selector .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 6px;
}

.design_lab_edit_field .line .l-two.item.choose-font-arttibute{
    padding: 5px 10px;
    flex-direction: column;
}
.design_lab_edit_field .line .l-two.item.choose-font-arttibute .choose-font-arttibute-wrap{
    display: flex;
}
.design_lab_edit_field .line .l-two.item.choose-font-arttibute .span-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.design_lab_edit_field .line .l-two.item.choose-font-arttibute ul li{
    margin-right: 6px;
}
.design_lab_edit_field .line .l-two.item.choose-font-arttibute ul li span{
    background: #ededed;
    font-size: 18px;
    padding: 11px 10px;
    border-radius: 8px;
    width: 40px;
}
.design_lab_edit_field .line .l-two.item.choose-font-arttibute ul li.active span,
.design_lab_edit_field .line .l-two.item.choose-font-arttibute ul li span.active{
    background: #1391ce;
    color: #fff;
}

.design_lab_edit_field .line .item.choose-font-arttibute span {
	padding: 4px;
	color: #000;
	font-size: 15px;
}
.design_lab_edit_field .line .item.choose-font-arttibute span.selected-jersey-style{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #707070;
    border-radius: 12px;
    padding: 11px 20px 11px 13px;
    cursor: pointer;
}
.chooseStyleWrap{
    width: 100%;
}
.chooseStyleWrap .select2-container{
    width: 100% !important;
}
.chooseStyleWrap .select2-container .select2-selection--single{
    height: 40px;
    border: 1px solid #707070;
    border-radius: 12px;
}
.chooseStyleWrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333;
    font-size: 16px;
    line-height: 38px;
}
.chooseStyleWrap .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 6px;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{
    outline: none;
}
.design_lab_edit_field .line .item.choose-font-arttibute span.selected-jersey-style span{
    padding: 0 !important;
}
.design_lab_edit_field .line ul.style-search-list{
    display: none;
    position: absolute;
    top: 100%;
    left: 10px;
    right: 10px;
    z-index: 1;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #707070;
    max-height: 315px;
    overflow: hidden;
    overflow-y: auto;
}
.design_lab_edit_field .line ul.style-search-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.design_lab_edit_field .line ul.style-search-list::-webkit-scrollbar-track {
  background: #a9a9a9;
}
.design_lab_edit_field .line ul.style-search-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.design_lab_edit_field .line ul.style-search-list::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.design_lab_edit_field .line ul.style-search-list li{
    list-style: none;
    text-align: left;
    width: 100%;
    padding: 10px 12px;
    border-top: 1px solid #ddd;
    font-size: 18px;
    margin:0;
}
.design_lab_edit_field .line ul.style-search-list li .style-search-box{
    position: relative;
}
.design_lab_edit_field .line ul.style-search-list li .style-search-box .form-control{
    font-size: 16px;
    font-weight: 600;
    height: 38px;
    padding-right: 30px;
}
.design_lab_edit_field .line ul.style-search-list li .style-search-box .form-control::placeholder{
    color: #777;
}
.design_lab_edit_field .line ul.style-search-list li .style-search-box i{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #777;
}

.design_lab_edit_field .line .l-two.item button {
	border: none;
	background: transparent;
}
.design_lab_edit_field .line .l-two.item button.textFont {
    border: none;
    border-radius: 18px;
    background: #fff;
    padding: 15px;
    color: #046e9d;
}
.design_lab_edit_field .line .l-two.item.choose-jersey-color{
    width: 100%;
    background: none;
    border: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.design_lab_edit_field .line .l-two.item.choose-jersey-color span.jersey-color-label{
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.preview-wrapper {
	position: relative;
	padding-top: 10px;
}
.preview-option {
	margin: 16px 0;
}
.preview-option .preview-option-item button {
	border-radius: 50%;
	background: transparent;
	padding: 0;
	width: 40px;
	height: 40px;
	text-align: center;
}
.preview-option .preview-option-item span {
	color: #363636;
	font-size: 30px;
}
.preview-option-two {
	position: absolute;
	position: absolute;
	top: 29px;
	right: 0px;
}
.preview-option-two ul {
	list-style-type: none;
}
.preview-option-two ul li {
	margin-bottom: 10px;
}
.preview-option-two li button {
	border: none;
	border: 1px solid #7e7e7e;
	border-radius: 50%;
	background: #fff;
	padding: 0px;
	width: 37px;
	height: 37px;
}
.preview-option-two li button span {
	font-size: 23px;
}
.line .font-family-list {
	flex-direction: column;
	flex-grow: 1;
	max-height: 150px;
	overflow: auto;
}
.font-family-list li {
	padding: 5px;
	font-size: 20px;
}
.canvas-container {
	margin: 0 auto;
}
#currentCanvasText {
	position: absolute;
	right: 6px;
	bottom: 6px;
	border-radius: 3px;
	background: #ca6a6a;
	padding: 5px 0;
	width: 72px;
	text-align: center;
	color: #fff;
	font-weight: 700;
}
.preview:hover canvas {
	border: 2px dashed #f5c946;
	border-radius: 25px;
}

/*Preview Small Screen*/
.btn.btn-open-preview{
    background: #fff;
    display: none;
    position: fixed;
    right: 0;
    top: 50%;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid #036e9d;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 1;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    -moz-transform: rotate(90deg) translate(50%,50%);
    -ms-transform: rotate(90deg) translate(50%,50%);
    -o-transform: rotate(90deg) translate(50%,50%);
    transform: rotate(90deg) translate(50%, 50%);
}
.btn.btn-open-preview span{
    margin-right: 4px;
}
.small-screen-preview-heading{
   display: none; 
}
.small-screen-preview-heading .btn-close-preview{
    background: #fff;
    color: #e10000;
    width: 24px;
    height: 24px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    border: 1px solid #ca6a6a;
    border-radius: 50%;
}

@media (max-width: 900px){
    
    .btn.btn-open-preview{
       display: block; 
    }
    
    .small-screen-view-wrap.toggle-div-preview{
        width: 100vw;
        background: #fff;
        padding: 12px;
        position: fixed;
        top: 0;
        left: -900px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
        transition: all .5s;
        z-index: 22;
    }
    .small-screen-view-wrap.toggle-div-preview.toggle-div-active{
        left: 0;
        right: 0;
        
    }
    .small-screen-preview-heading{
        display: flex; 
        align-items: center;
        justify-content: space-between;
    } 
    .small-screen-preview-heading p{
        font-size: 18px;
    }
}

.line.search-and-cat .item {
    flex-basis: 38%;
}
.line.search-and-cat .item + .item {
    flex-basis: 20%;
    margin-left: auto;
    margin-right: 5px;
}
.line.search-and-cat .item + .item + .item {
    flex-basis: 20%;
    margin: 0;
}
.line.search-and-cat .item + .item + .item button {
    width: 100%;
    padding: 14px;
}
.line.search-and-cat .item input,
.line.search-and-cat .item select {
    border-radius: 8px;
    height: 50px;
}
.line.clipart {
    flex-wrap: wrap;
    justify-content: normal;
    border: 1px solid #ddd;
    min-height: 310px;
    max-height: 310px;
    align-content: baseline;
    margin-bottom: 0;
    overflow: auto;
    position: relative;
}
#clipart-loading {
    position: absolute;
    left: 0;
    right: 0;
}
.line.clipart .clipart-item {
    flex-basis: 18%;
    background-color: #fff;
    margin: 1%;
    border-radius: 5px;
    box-shadow: 4px 4px 4px 0px #cccccc;
    cursor: pointer;
    min-height: 100px;
    max-height: 100px;
    text-align: center;
    display: flex;
    padding: 10px;
}
.line.clipart .clipart-item img {
    width: 100%;
}

/* Scrollbar */
#clipart-wrapper::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
#clipart-wrapper::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #b7b7b7;
}

#clipart-wrapper::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.product_color_area {
    height:initial;
    max-height:625px
}
.dropzone{
    width: 100%;
    margin-top:20px;
    margin-bottom:20px;
}
.comment{
	margin-bottom: 10px;
	padding: 5px 10px;
}

/* Cut On page */

.common_step_title {
    color: inherit;
    border-bottom: 3px solid #d5d5d5;
    font-family: 'Helvetica 35 Thin';
}
.common_step_title h1 {
    width: 100%;
    float: inherit;
    color: #046E9D;
}
.common_step_box > p {
    color: #046E9D;
    font-family: 'Helvetica 35 Thin';
}
.product_type {
    border-left: none;
}
.product_type li {
    border: 2px solid #f2f0f0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#lanyard_step_one{
    background:#FFF;
}
#lanyard_step_one .common_step_box h4 {
    font-size: 18px;
    padding-bottom: 15px;
    color: #032734;
    font-family: 'Helvetica 35 Thin';
}
.common_step_box ul li.product-type-select span{
    display: none;
}
.product_type li.selected {
    border: 2px solid #1435a2;
}
.product_type.my-products ul li.selected::after {
    top: calc(100% - 2px);
}
#lanyard_step_details{
    /*background:#fff;*/
    margin-top: 10px;
}
#lanyard_step_details .common_step_box {
    border: initial;
    padding: 20px;
    background:#f9fafc;
}
.sku{
    color:#747373;
}
.productBigImg{
    padding: 0 0 10px 0;
    margin-right:10px;
}
.productBigImg img{
    width: 100%;
}
.thumbWrapper {
    margin-top: 0;
}
.small-box {
    padding: 2px 5px;
    margin: 0px 0px 5px 20px;
    border: 1px solid #d5d5d5;
    height: auto;
    border-radius: 3px;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 58px;
    flex-basis: 12%;
}
.small-box img {
    width: 100%;
    max-width: 100px;
    height: auto !important;
    margin: 3px auto;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
}
.content_top{
    padding-right: 36px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
}
.content_top .add-to-wish-list{
    position: absolute;
    top: 8px;
    right: 0;
    height: 28px;
    width: 28px;
    font-size: 28px;
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d5d5d5;
    transition: all .15s;
}
.content_top .add-to-wish-list:hover {
    color: #faccc9;
}
.add-to-wish-list.selected i {
  color: #ff2d2d;
}
.custom_product_name {
    font-size: 24px;
    color: #046E9D;
    font-weight: 700;
    float: left;
    position: relative;
    padding: 0px 0 10px;
    font-stretch: normal;
    line-height: normal;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 100%;
}
.short_details {
    padding-top: 10px;
    color: #747373;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.carousel-wrap {
    width: 100%;
    position: relative;
}


/* fix blank or flashing items on carousel */
.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}

/* end fix */
.owl-nav > div {
    margin-top: -26px;
    position: absolute;
    color: #cdcbcd;
}
.owl-nav {
    display: block;
}
.owl-nav i {
    font-size: 30px;
}
.owl-nav button {
    top: 45%;
    position: absolute;
    background: transparent;
    border: none;
}
.owl-nav .owl-prev {
    left: -30px;

}
.owl-nav .owl-next {
    right: -30px;
}
.owl-carousel .owl-item img {
    width: initial;
}

/*New Jersey CSS*/

.jersey-color-select-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.jersey-color-select-wrap .jersey-color-row{
    width: 268px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    cursor: pointer;
}
.jersey-color-select-wrap .jersey-color-select-box{
    width: 80px;
    height: 60px;
    margin-right: 5px;
    border: 1px solid #ddd !important;
    border-radius: 6px;
}
.jersey-color-select-wrap .jersey-color-select-box img{
    width: 36px;
}
.jersey-color-select-wrap .jersey-color-row span{
    font-size: 18px;
    font-weight: 600;
    color: #898181;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 5px;
    width: 180px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.jersey-color-select-wrap .jersey-color-select-box.box-two{
    background: #1F0404;
}
.jersey-color-select-wrap .jersey-color-select-box.box-three{
    background: #267EBF;
}


.common_step_title.add_name_numbers{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.common_step_title.add_name_numbers h1 {
    width: auto;
}
.upload-download-btns .btn{
    font-weight: 600;
    color: #555;
    border-color: #ddd;
}
.upload-download-btns .btn i{
    color: #444;
    margin-right: 4px;
}
.upload-download-btns .btn.btn-download{
    margin-right: 12px;
}
.common_step_box.add-names-munber{
    padding: 20px 10px;
}
.jersey-info-table thead tr th{
    border: none;
    vertical-align: middle;
    font-size: 16px;
    font-family: "Helvetica 53 Extended";
    letter-spacing: .75px;
}
.jersey-info-table tbody tr td{
    border-left: none;
    border-right: none;
    vertical-align: middle;
    font-size: 16px;
    padding: 0;
    font-family: 'Helvetica 35 Thin';
    letter-spacing: .75px;
}
.jersey-info-table{
    border-left: none;
    border-right: none;
}
.jersey-info-table tbody tr td .jersey-info{
    font-size: 16px;
    height: 38px;
    padding: 6px;
    border-radius: 0;
    border: 2px solid transparent;
    box-shadow: none;
    letter-spacing: .75px;
    text-overflow: ellipsis;
}
.jersey-info-table tbody tr td .jersey-info:hover{
    background: #f5f5f5;
    box-shadow: 1px 1px #ddd;
}
.jersey-info-table tbody tr td .jersey-info:focus{
    background: #f5f5f5;
    border: 2px solid #84c7fd;
}
.jersey-info-table tbody tr td .jersey-info:focus::placeholder{
    opacity: 0;
}
.jersey-info-table tbody tr td .btn-delete-jerserinfo-row{
    background: transparent;
    padding: 3px 7px;
    color: #999;
    transition: all 0.25s;
    font-size: 16px;
}
.jersey-info-table tbody tr td .btn-delete-jerserinfo-row:hover{
    background: #ffe8e8;
    color: #f70000;
}
.table-pagination-wrap{
    display: flex;
    align-items: center;
}
.table-pagination-wrap nav .pagination{
    margin: 10px 0;
}
.table-pagination-wrap nav .pagination li{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    height: 33px;
}
.table-pagination-wrap nav .pagination li a{
    border-radius: 0;
    font-size: 16px;
    padding: 4px 11px;
    color: #444;
    margin: 0;
    height: 33px;
}
.table-pagination-wrap nav .pagination li.active a{
    color: #0085f7;
    background-color: transparent;
    border-color: #75bcf9;
}
.table-pagination-wrap .jersey-number-perpage{
    margin-left: 12px;
}
.table-pagination-wrap .jersey-number-perpage select.form-control{
    border-radius: 0;
    height: 33px;
    padding: 4px 8px;
    font-size: 16px;
    color: #444;
}
.choose-style-wrap .common_step_title{
    border-color: #E50707;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.choose-style-wrap .common_step_title .product_tour_video{
    width: 124px;
}
.choose-style-wrap .common_step_title h1{
    width: calc(100% - 140px);
}
.choose-style-wrap .common_step_box.product_styles{
    padding: 0 0 0 0;
    border-color: #E50707;
}

.choose-style-wrap .common_step_box.product_styles .nav.nav-tabs{
    padding: 6px 20px;
    background: #036E9D;
}
.choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li a{
    background-color: transparent;
    color: #fff;
    border: none;
    font-size: 18px;
    font-family: 'Helvetica 35 Thin';
    padding: 2px 10px;
}
.choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li.active a{
    font-weight: 600;
    position: relative;
    transition: all .35s;
    color: #00b1ff;
}
.choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li.active a::after{
    content: none;
    position: absolute;
    border: 10px solid transparent;
    border-top-color: #F70B0B;
    top: 40px;
    border-width: 22px 12px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}
.style-list-wrap{
    padding: 10px;
    max-height: 280px;
    overflow: hidden;
    overflow-y: auto;
}
/* Scrollbar */
.style-list-wrap::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.style-list-wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #b7b7b7;
}

.style-list-wrap::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.choose-style-wrap .style-list-wrap ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.choose-style-wrap .style-list-wrap ul li{
    padding: 10px;
    margin: 0;
    flex: 0 0 25%;
    max-width: 25%;
}
.choose-style-wrap .style-list-wrap ul li .style-box{
    width: 100%;
    padding: 8px;
    border: 1px solid #CBBCBC;
    border-radius: 16px;
    transition: all .25s;
}
.choose-style-wrap .style-list-wrap ul li:hover .style-box{
    box-shadow: 0 1px 6px #bdbdbd;
}
.choose-style-wrap .style-list-wrap ul li.selected .style-box{
    border: 1px solid #07268D;
    box-shadow: 0 0 0 2px #07268D;
}
.choose-style-wrap .style-list-wrap ul li .style-box img{
    width: 100%;
    height: auto;
}
.choose-style-wrap .style-list-wrap ul li .style-box p{
    font-size: 18px !important;
    color: #333 !important;
    font-family: 'Helvetica 35 Thin';
    margin-bottom: 0 !important;
    margin-top: 4px !important;
}
.common_step_box.choose_size_and_quantity{
    border-left-color: #AD00D6;
}
.size_and_quantity{
    font-family: 'Helvetica 35 Thin';
    margin-bottom: 24px;
}
.size_and_quantity:last-of-type{
    margin-bottom: 0;
}
.size_and_quantity .title{
    font-size: 22px;
    font-weight: 600;
    color:#898181;
}
.size_and_quantity .size_and_qty_wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}
.size_and_quantity .size_and_qty_wrap .size_and_qty_box{
    flex: 0 0 11.11%;
    max-width: 11.11%;
    padding: 0 8px;
    margin-top: 15px;
}
.size_and_quantity .size_and_qty_wrap .size_and_qty_box label{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #898181;
}
.size_and_quantity .size_and_qty_wrap .size_and_qty_box input.form-control{
    text-align: center;
    font-size: 16px;
    height: 40px;
    border-radius: 0;
    padding: 2px;
}
.size_and_quantity .size_and_qty_wrap .size_and_qty_box input.form-control::placeholder{
    color: #E0D4D4;
}

.fabric-options-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
}
.fabric-options-row::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.fabric-options-row::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #b7b7b7;
}

.fabric-options-row::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.fabric-options-row .fabric-options-single{
    margin: 10px 0;
}
.fabric-options-row .fabric-options-col{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
}
.fabric-options-row .choose-fabric-btn{
    width: 100%;
    background: #fff;
    border: 2px solid #f2f0f0;
    padding: 0;
    border-radius: 8px;
    font-family: 'Helvetica 35 Thin';
    transition: all .35s;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    text-align: center;
    position: relative;
    cursor: pointer;
}
.fabric-options-row .fabric-options-col.selected .choose-fabric-btn{
    border: 2px solid #1435a2;
}
.fabric-options-row .fabric-options-col.selected .choose-fabric-btn:before{
    content: '';
    position: absolute;
    top: 8px;
    border-width: 40px 0 0 40px;
    right: 8px;
    z-index: 1;
    background: #216902;
    width: 24px;
    height: 24px;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.fabric-options-row .fabric-options-col.selected .choose-fabric-btn:after{
    content:'';
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 16px;
    width: 8px;
    height: 14px;
    border: 2px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -transform: rotate(45deg);
}
.fabric-options-row .choose-fabric-btn .fabric-tag{
    position: absolute;
    top: 10px;
    left: 10px;
    background: #0e38c5;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.fabric-options-row .choose-fabric-btn .fabric-tag.free-tag{
    background: #2E800B;
}
.fabric-options-row .choose-fabric-btn:hover{
    box-shadow: 0 0 9px rgba(0, 0, 0, .36);
}
.fabric-options-row .choose-fabric-btn img{
    width: 100%;
    height: auto;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.fabric-options-row .choose-fabric-btn .option-title{
    padding: 10px 10px;
    font-size: 15px;
    font-weight: 600;
    background: #f2f0f0;
    position: relative;
    text-align: left;
}
.fabric-options-row .choose-fabric-btn .option-title .info-wrap{
    position: absolute;
    top: 9px;
    right: 6px;
    border: 1px solid #999;width: 18px;
    height: 18px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.fabric-options-row .choose-fabric-btn .option-title .info-wrap i{
    color: #999;
    font-size: 11px;
    margin-top: 1px;
}
.fabric-options-row .choose-fabric-btn .option-title .info-wrap .fabric-info{
    position: absolute;
    bottom: 35px;
    background: #fff;
    right: 0;
    width: 270px;
    text-align: left;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    z-index: 2;
    display: none;
}
.fabric-options-row .choose-fabric-btn .option-title .info-wrap .fabric-info p{
    font-weight: 400;
    color: #444;
    letter-spacing: .5px;
    line-height: 1.1;
}
.fabric-options-row .choose-fabric-btn .option-title .info-wrap .fabric-info p:first-child{
    margin-bottom: 6px;
    font-weight: 600;
}
.fabric-options-row .choose-fabric-btn .option-title .info-wrap:hover .fabric-info{
    display: block;
}
.fabric-options-row .choose-fabric-btn .fabric-features{
    background: #fff;
    padding: 12px 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.fabric-options-row .choose-fabric-btn .fabric-features p{
    font-size: 16px;
    color: #898181;
}
.fabric-options-row .choose-fabric-btn .fabric-features p:nth-of-type(2){
    color: #046E9D;
}
.fabric-options-row .choose-fabric-btn .fabric-features hr{
    margin: 10px 0;
    border-top: 1px solid #f2f0f0;
}



.print-type-options-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
}
.print-type-options-row .print-type-options-single{
    margin: 10px 0;
}
.print-type-options-row .print-type-options-col{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
}
.print-type-options-row .choose-print-type-btn{
    width: 100%;
    background: #fff;
    border: 2px solid #f2f0f0;
    padding: 0;
    border-radius: 8px;
    font-family: 'Helvetica 35 Thin';
    transition: all .35s;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    text-align: center;
    position: relative;
    cursor: pointer;
}
.print-type-options-row .print-type-options-col.selected .choose-print-type-btn{
    border: 2px solid #1435a2;
}
.print-type-options-row .print-type-options-col.selected .choose-print-type-btn:before{
    content: '';
    position: absolute;
    top: 8px;
    border-width: 40px 0 0 40px;
    right: 8px;
    z-index: 1;
    background: #216902;
    width: 24px;
    height: 24px;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.print-type-options-row .print-type-options-col.selected .choose-print-type-btn:after{
    content:'';
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 16px;
    width: 8px;
    height: 14px;
    border: 2px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -transform: rotate(45deg);
}
.print-type-options-row .choose-print-type-btn .print-type-tag{
    position: absolute;
    top: 10px;
    left: 10px;
    background: #0e38c5;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.print-type-options-row .choose-print-type-btn .print-type-tag.free-tag{
    background: #2E800B;
}
.print-type-options-row .choose-print-type-btn:hover{
    box-shadow: 0 0 9px rgba(0, 0, 0, .36);
}
.print-type-options-row .choose-print-type-btn img{
    width: 100%;
    height: auto;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.print-type-options-row .choose-print-type-btn .option-title{
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    background: #f2f0f0;
    position: relative;
    text-align: left;
}
.print-type-options-row .choose-print-type-btn .option-title .info-wrap{
    position: absolute;
    top: 9px;
    right: 6px;
    border: 1px solid #999;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.print-type-options-row .choose-print-type-btn .option-title .info-wrap i{
    color: #999;
    font-size: 11px;
    margin-top: 1px;
}
.print-type-options-row .choose-print-type-btn .option-title .info-wrap .print-type-info{
    position: absolute;
    bottom: 35px;
    background: #fff;
    right: 0;
    width: 270px;
    text-align: left;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    z-index: 2;
    display: none;
}
.print-type-options-row .choose-print-type-btn .option-title .info-wrap .print-type-info p{
    font-weight: 400;
    color: #444;
    letter-spacing: .5px;
    line-height: 1.1;
}
.print-type-options-row .choose-print-type-btn .option-title .info-wrap .print-type-info p:first-child{
    margin-bottom: 6px;
    font-weight: 600;
}
.print-type-options-row .choose-print-type-btn .option-title .info-wrap:hover .print-type-info{
    display: block;
}
.print-type-options-row .choose-print-type-btn .print-type-features{
    background: #fff;
    padding: 12px 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.print-type-options-row .choose-print-type-btn .print-type-features p{
    font-size: 18px;
    color: #898181;
}
.print-type-options-row .choose-print-type-btn .print-type-features p:nth-of-type(2){
    color: #046E9D;
}
.print-type-options-row .choose-print-type-btn .print-type-features hr{
    margin: 10px 0;
    border-top: 1px solid #f2f0f0;
}


.neckline-type-options-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
}
.neckline-type-options-row .neckline-type-options-single{
    margin: 10px 0;
}
.neckline-type-options-row .neckline-type-options-col{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
}
.neckline-type-options-row .choose-neckline-type-btn{
    width: 100%;
    background: #fff;
    border: 2px solid #f2f0f0;
    padding: 0;
    border-radius: 8px;
    font-family: 'Helvetica 35 Thin';
    transition: all .35s;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    text-align: center;
    position: relative;
    cursor: pointer;
}
.neckline-type-options-row .neckline-type-options-col.selected .choose-neckline-type-btn{
    border: 2px solid #1435a2;
}
.neckline-type-options-row .neckline-type-options-col.selected .choose-neckline-type-btn:before{
    content: '';
    position: absolute;
    top: 8px;
    border-width: 40px 0 0 40px;
    right: 8px;
    z-index: 1;
    background: #216902;
    width: 24px;
    height: 24px;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.neckline-type-options-row .neckline-type-options-col.selected .choose-neckline-type-btn:after{
    content:'';
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 16px;
    width: 8px;
    height: 14px;
    border: 2px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -transform: rotate(45deg);
}
.neckline-type-options-row .choose-neckline-type-btn .neckline-type-tag{
    position: absolute;
    top: 10px;
    left: 10px;
    background: #0e38c5;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.neckline-type-options-row .choose-neckline-type-btn .neckline-type-tag.free-tag{
    background: #2E800B;
}
.neckline-type-options-row .choose-neckline-type-btn:hover{
    box-shadow: 0 0 9px rgba(0, 0, 0, .36);
}
.neckline-type-options-row .choose-neckline-type-btn img{
    width: 100%;
    height: auto;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.neckline-type-options-row .choose-neckline-type-btn .option-title{
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    background: #f2f0f0;
    position: relative;
    text-align: left;
}
.neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap{
    position: absolute;
    top: 9px;
    right: 6px;
    border: 1px solid #999;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap i{
    color: #999;
    font-size: 11px;
    margin-top: 1px;
}
.neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap .neckline-type-info{
    position: absolute;
    bottom: 35px;
    background: #fff;
    right: 0;
    width: 270px;
    text-align: left;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    z-index: 2;
    display: none;
}
.neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap .neckline-type-info p{
    font-weight: 400;
    color: #444;
    letter-spacing: .5px;
    line-height: 1.1;
}
.neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap .neckline-type-info p:first-child{
    margin-bottom: 6px;
    font-weight: 600;
}
.neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap:hover .neckline-type-info{
    display: block;
}
.neckline-type-options-row .choose-neckline-type-btn .neckline-type-features{
    background: #fff;
    padding: 12px 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.neckline-type-options-row .choose-neckline-type-btn .neckline-type-features p{
    font-size: 18px;
    color: #898181;
}
.neckline-type-options-row .choose-neckline-type-btn .neckline-type-features p:nth-of-type(2){
    color: #046E9D;
}
.neckline-type-options-row .choose-neckline-type-btn .neckline-type-features hr{
    margin: 10px 0;
    border-top: 1px solid #f2f0f0;
}


.apparel-type-options-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
}
.apparel-type-options-row .apparel-type-options-single{
    margin: 10px 0;
}
.apparel-type-options-row .apparel-type-options-col{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
}
.apparel-type-options-row .choose-apparel-type-btn{
    width: 100%;
    background: #fff;
    border: 2px solid #f2f0f0;
    padding: 0;
    border-radius: 8px;
    font-family: 'Helvetica 35 Thin';
    transition: all .35s;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    text-align: center;
    position: relative;
    cursor: pointer;
}
.apparel-type-options-row .apparel-type-options-col.selected .choose-apparel-type-btn{
    border: 2px solid #1435a2;
}
.apparel-type-options-row .apparel-type-options-col.selected .choose-apparel-type-btn:before{
    content: '';
    position: absolute;
    top: 8px;
    border-width: 40px 0 0 40px;
    right: 8px;
    z-index: 1;
    background: #216902;
    width: 24px;
    height: 24px;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.apparel-type-options-row .apparel-type-options-col.selected .choose-apparel-type-btn:after{
    content:'';
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 16px;
    width: 8px;
    height: 14px;
    border: 2px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -transform: rotate(45deg);
}
.apparel-type-options-row .choose-apparel-type-btn .apparel-type-tag{
    position: absolute;
    top: 10px;
    left: 10px;
    background: #0e38c5;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.apparel-type-options-row .choose-apparel-type-btn .apparel-type-tag.free-tag{
    background: #2E800B;
}
.apparel-type-options-row .choose-apparel-type-btn:hover{
    box-shadow: 0 0 9px rgba(0, 0, 0, .36);
}
.apparel-type-options-row .choose-apparel-type-btn img{
    width: 100%;
    height: auto;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.apparel-type-options-row .choose-apparel-type-btn .option-title{
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    background: #f2f0f0;
    position: relative;
    text-align: left;
}
.apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap{
    position: absolute;
    top: 9px;
    right: 6px;
    border: 1px solid #999;width: 18px;
    height: 18px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap i{
    color: #999;
    font-size: 11px;
    margin-top: 1px;
}
.apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap .apparel-type-info{
    position: absolute;
    bottom: 35px;
    background: #fff;
    right: 0;
    width: 270px;
    text-align: left;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    z-index: 2;
    display: none;
}
.apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap .apparel-type-info p{
    font-weight: 400;
    color: #444;
    letter-spacing: .5px;
    line-height: 1.1;
}
.apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap .apparel-type-info p:first-child{
    margin-bottom: 6px;
    font-weight: 600;
}
.apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap:hover .apparel-type-info{
    display: block;
}
.apparel-type-options-row .choose-apparel-type-btn .apparel-type-features{
    background: #fff;
    padding: 12px 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.apparel-type-options-row .choose-apparel-type-btn .apparel-type-features p{
    font-size: 18px;
    color: #898181;
}
.apparel-type-options-row .choose-apparel-type-btn .apparel-type-features p:nth-of-type(2){
    color: #046E9D;
}
.apparel-type-options-row .choose-apparel-type-btn .apparel-type-features hr{
    margin: 10px 0;
    border-top: 1px solid #f2f0f0;
}


.jersey-info-table tbody tr td.required-validation-text{
    padding: 20px 10px;
}

.addText.buttonDiv {
    display: flex;
    padding: 0 10px;
    margin-top: 12px;
    margin-bottom: 6px;
    flex-wrap: wrap;
    width: 100%;
    align-items: start;
    justify-content: space-between;
}
.addText.buttonDiv .l-one.item {
    width: calc(100% - 82px);
}
.addText.buttonDiv .l-one.item + .l-one.item {
    margin-top: 0;
    border-radius: 5px;
    background: #ededed;
    padding: 17px 6px;
    width: 70px;
    border: 1px solid #ddd;
}
.addText.buttonDiv .l-one.item input {
    height: 50px;
}
.addText.buttonDiv .l-one.item input::placeholder{
    font-size: 16px;
}
.design_lab_edit_field .line .l-two.item.uploadCustom-logo{
    flex-direction: column;
    width: 50%;
    padding: 0 10px;
}
.design_lab_edit_field .line .l-two.item.uploadCustom-logo span.span-label {
    font-size: 18px;
    padding: 4px 0 8px 0;
    flex: 0 0 100%;
    max-width: 100%;
    color: #898181;
    font-weight: 600;
}
.design_lab_edit_field .line .l-two.item .upload-custom-logo {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-top: 0;
}
.design_lab_edit_field .line .l-two.item .upload_custom_input {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.design_lab_edit_field .line .l-two.item .upload_custom_btn{
    color: #4a566e;
    background-color: white;
    padding: 8px 20px 8px 20px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.uploadCustom-logo .upload_custom_btn i{
    margin-right: 6px;
}

td.required-validation-text p{
    background: #f2dede;
    padding: 19px 20px;
    color: #a94442;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    display: block;
    margin: auto;
    width: 650px;
    cursor: pointer;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1;
}

.required-validation-text p{
    background: #f2dede;
    padding: 19px 20px;
    color: #a94442;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    display: block;
    margin: auto;
    width: 100%;
    cursor: pointer;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1;
    margin-bottom: 10px;
}

.yes-no-btn-wrap{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.yes-no-btn-wrap .btn{
    width: 180px;
    font-size: 18px;
    padding: 10px 8px;
}
.yes-no-btn-wrap .btn.btn-yes{
    background: #2b8d01;
    color: #fff;
    margin-right: 6px;
}
.yes-no-btn-wrap .btn.btn-yes.btn-disabled{
    background: #ddd;
    color: #999;
    cursor: not-allowed;
}
.yes-no-btn-wrap .btn.btn-no{
    background: #ab0e0e;
    color: #fff;
}
.btn.btn-copy{
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1;
    border: 1px solid #ddd;
}
.btn.btn-copy:hover{
    background: #ddd;
}

.tooltip{
   opacity: 1 !important; 
}
.tooltip-inner{
    background: #f8f8f8;
    font-size: 16px;
    color: #333;
    padding: 8px;
    opacity: 1 !important;
    border: 1px solid #ddd;
}
.no-roster-btn-wrap{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.no-roster-btn{
    padding: 6px 12px;
    font-size: 18px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 3px solid #fd3737;
    border-radius: 8px;
    transition: all .25s;
}
.no-roster-btn:hover{
    color: #fff;
    background: #b51414;
    border: 1px solid #b51414;
    border-bottom: 3px solid #b51414;
}

/*Zoom Gallery*/
.zoom-gallery-wrap{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 0 0;
}
.zoom-gallery-wrap ul{
    list-style: none;
    padding: 10px 6px;
    margin: 0;
    display: flex;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}
.zoom-gallery-wrap ul li{
    min-width: 60px;
    width: 60px;
    display: flex;
}
.zoom-gallery-wrap ul li a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #f7f7f7;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}
.zoom-gallery-wrap ul li a img{
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
    cursor: zoom-in;
}

/* Modal preview styles */
.preview-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.75);
    z-index: 1000;
    padding: 20px;
}
.preview-modal.open {
    display: flex;
}
.preview-box {
    position: relative;
    max-width: 700px;
    max-height: 95%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #ffffff;
    border-radius: 8px;
}
.preview-stage {
    position: relative;
    width: 100%;
    height: 100%;
    touch-action: none; /* allow custom pan/zoom */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.preview-stage img {
    max-width: 100%;
    max-height: 100%;
    transform-origin: center center;
    transition: transform 150ms ease;
    cursor: grab;
}
.preview-controls {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    background: rgba(0,0,0,0.45);
    padding: 6px;
    border-radius: 6px;
    backdrop-filter: blur(4px);
}
.preview-controls button {
    border: none;
    color: white;
    background: transparent;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 14px;
}
.preview-side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    display: flex;
    gap: 12px;
    align-items: center;
    pointer-events: none;
    z-index: 1;
}
.preview-side button {
    pointer-events: auto;
    border: none;
    background: rgba(0,0,0,0.35);
    color: white;
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
}
.preview-side.left { left: 12px; }
.preview-side.right { right: 12px; }

.preview-close {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    background: rgba(0,0,0,0.45);
    color: white;
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
    z-index: 1;
}


@media (min-width: 767.98px){
    .toggle_botton_holder{
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.025),rgba(249, 250, 252, 0.95));
    }
    .toggle_botton_holder:before{
        content: none;
    }
}
@media (min-width: 900px){
    .design_lab_preview_container {
    	position: sticky;
        top: 15px;
        left: 0;
    }
}



@media (min-width: 480px) and (max-width: 670px) {
    .product_type ul li {
        min-height: 158px;
    }
    .testRun {
        justify-content: center;
        align-items: center;
        align-content: center;
        position: relative;
        margin: 0 auto;
        height: 25rem;
    }
    .optional {
        top: 45rem;
    }
    .product_type.my-products ul li.selected::after {
        top:10px;
    }

}

@media (min-width: 671px) and (max-width: 991px) {
    .testRun {
        justify-content: center;
        align-items: center;
        align-content: center;
        position: relative;
        margin: 0 auto;
        height: 25rem;
    }
    .optional {
        top: 33rem;
    }
    .product_type ul li {
        min-height: 158px;
    }
    .product_type.my-products ul li.selected::after {
        top:10px;
    }
}

@media (max-width: 1500px) {
    .product_type img {
        height: auto;
        margin: 5px auto;
    }
    .fabric-options-row {
        margin-left: -6px;
        margin-right: -6px;
    }
    .fabric-options-row .fabric-options-col {
        padding: 0 6px;
    }
    .fabric-options-row .choose-fabric-btn .option-title {
        font-size: 14px;
    }
    .fabric-options-row .choose-fabric-btn .fabric-features p {
        font-size: 14px;
    }
    .print-type-options-row .choose-print-type-btn .option-title{
        font-size: 14px;
        padding: 10px 6px;
    }
    .neckline-type-options-row .choose-neckline-type-btn .option-title{
        font-size: 14px;
        padding: 10px 6px;
    }
}
@media (max-width: 1350px){
    #lanyard_step_one .common_step_box h4 {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .design_lab_editor_container > .design_lab_edit_field{
        padding: 0 10px 0 10px;
    }
    .design_lab_edit_field .line .l-two.item.printType-selector{
        width: calc(100% - 280px);
    }
}

@media (max-width: 1250px){
    .fabric-options-row .fabric-options-col{
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
    .fabric-options-row .choose-fabric-btn .option-title .info-wrap .fabric-info{
        width: 230px;
        right: -5px;
    }
    .fabric-options-row .choose-fabric-btn .option-title .info-wrap .fabric-info p{
        font-size: 14px;
    }
    .print-type-options-row .print-type-options-col,
    .neckline-type-options-row .neckline-type-options-col{
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
    .print-type-options-row .choose-print-type-btn .option-title .info-wrap .print-type-info,
    .neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap .neckline-type-info{
        width: 230px;
        right: -5px;
    }
    .print-type-options-row .choose-print-type-btn .option-title .info-wrap .print-type-info p,
    .neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap .neckline-type-info p{
        font-size: 14px;
    }
    .apparel-type-options-row .apparel-type-options-col{
        flex: 0 0 25%;
        max-width: 25%
    }
    .apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap .apparel-type-info{
        width: 230px;
        right: -5px;
    }
    .apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap .apparel-type-info p{
        font-size: 14px;
    }
    
}
@media (max-width: 1199.98px){
    .common_step_box>p{
        font-size: 20px;
    }
    .common_step_title h1{
        font-size: 26px;
    }
    #lanyard_step_one .common_step_box h4 {
        font-size: 13px;
    }
    .addText.buttonDiv{
        padding: 0 5px;
    }
    .design_lab_edit_field .line .l-two.item.fontSelector{
        padding: 5px 5px;
        width: calc(100% - 270px);
    }
    .design_lab_edit_field .line .l-two.item.choose-font-size{
       padding: 5px 5px; 
       width: 130px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-color{
       padding: 5px 5px;  
       width: 140px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-arttibute{
       padding: 5px 5px; 
    }
    .design_lab_edit_field .line .l-two.item.choose-font-stroke{
        padding: 5px 5px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-stroke-width{
       padding: 5px 5px; 
    }
    .design_lab_edit_field .line .l-two.item.uploadCustom-logo{
        padding: 0 5px;
        width: 100%;
    }
    .design_lab_edit_field .line .l-two.item.fontSelector span.span-label,
    .design_lab_edit_field .line .l-two.item.choose-font-size span.choose-font-label,
    .design_lab_edit_field .line .l-two.item.choose-font-color span.font-color-label,
    .design_lab_edit_field .line .l-two.item.choose-font-arttibute .span-label,
    .design_lab_edit_field .line .l-two.item.choose-font-stroke span.font-stroke-label,
    .design_lab_edit_field .line .l-two.item.choose-font-stroke-width span.font-stroke-width-label,
    .design_lab_edit_field .line .l-two.item.uploadCustom-logo span.span-label{
        font-size: 16px
    }
}
@media (max-width: 991.98px){
    .common_step_box {
        padding: 14px 14px;
    }
    #lanyard_step_one .common_step_box h4 {
        font-size: 16px;
    }
    .common_step_box.chooseYourFabric{
        padding: 15px 15px;
    }
    .fabric-options-row {
        margin-left: -6px;
        margin-right: -6px;
    }
    .fabric-options-row .fabric-options-col {
        padding: 0 6px;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .print-type-options-row .print-type-options-col,
    .neckline-type-options-row .neckline-type-options-col{
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 6px;
    }
    .fabric-options-row .choose-fabric-btn .option-title{
        font-size: 14px;
    }
    .fabric-options-row .choose-fabric-btn .fabric-features p {
        font-size: 15px;
    }
    .print-type-options-row,
    .neckline-type-options-row{
        margin-left: -6px;
        margin-right: -6px;
    }
    .print-type-options-row .print-type-options-col,
    .neckline-type-options-row .neckline-type-options-col{
        padding: 0 6px;
    }
    .print-type-options-row .choose-print-type-btn .option-title,
    .neckline-type-options-row .choose-neckline-type-btn .option-title{
        font-size: 14px;
    }
    .print-type-options-row .choose-print-type-btn .print-type-features p,
    .neckline-type-options-row .choose-neckline-type-btn .neckline-type-features p{
        font-size: 15px;
    }
    .apparel-type-options-row {
        margin-left: -6px;
        margin-right: -6px;
    }
    .apparel-type-options-row .apparel-type-options-col {
        padding: 0 6px;
    }
    .apparel-type-options-row .choose-apparel-type-btn .option-title{
        font-size: 14px;
    }
    .apparel-type-options-row .choose-apparel-type-btn .apparel-type-features p {
        font-size: 15px;
    }
}
@media (max-width: 900px){
    .design_lab_inner{
        flex-direction: column;
    }
    .design_lab_editor_container, .design_lab_preview_container{
        width: 100%;
    }
    .design_lab_editor_container{
        width: 100%;
    }
    .fabric-options-row .fabric-options-col {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .fabric-options-row .choose-fabric-btn .option-title .info-wrap .fabric-info{
        width: 188px;
        right: -9px;
        padding: 10px;
    }
    .print-type-options-row .choose-print-type-btn .option-title .info-wrap .print-type-info,
    .neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap .neckline-type-info{
        width: 188px;
        right: -9px;
        padding: 10px;
    }
    .apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap .apparel-type-info{
        width: 188px;
        right: -9px;
        padding: 10px;
    }
}
@media (max-width: 767.98px){
    
    td.required-validation-text p{
        font-size: 16px;
    }
    .required-validation-text p{
        font-size: 16px;
    }
}

@media (max-width: 680px){
    .preview{
        background: #f1f1f1;
        /*height: 400px;*/
    }
    .fabric-options-row .fabric-options-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .fabric-options-row .fabric-options-single {
        margin: 6px 0;
    }
    .print-type-options-row .print-type-options-col,
    .neckline-type-options-row .neckline-type-options-col{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .print-type-options-row .print-type-options-single,
    .neckline-type-options-row .neckline-type-options-single {
        margin: 6px 0;
    }
    .apparel-type-options-row .apparel-type-options-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .apparel-type-options-row .apparel-type-options-single {
        margin: 6px 0;
    }
    td.required-validation-text p{
        text-align: left;
    }
    .product_type ul li {
        width: 48%;
    }
    .required-validation-text p{
        padding: 16px 12px;
        font-size: 16px;
    }
    .yes-no-btn-wrap .btn{
        width: 120px;
    }
}
@media (max-width: 520px){
    .choose-style-wrap .common_step_title .product_tour_video {
        width: 100px;
        text-align: center;
    }
    .product_tour_video button{
        font-size: 12px;
        padding: 8px;
        float: right;
        text-align: center;
        width: 100%;
        display: block;
    }
    .product_tour_video button img {
        display: none;
    }
    .common_step_box{
        border-left: none;
    }
    .text-options-wrap .common_step_box {
        padding: 4px;
    }
    .design_lab_edit_field .line .l-two.item.fontSelector {
        width: calc(100% - 200px);
    }
    .design_lab_edit_field .line .l-two.item.choose-font-size {
        width: 100px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-color {
        width: 100px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-arttibute ul li span{
        padding: 9px 6px;
        width: 36px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-stroke{
        width: 52px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-stroke .font-stroke-wrap button.btn {
        width: 36px;
        font-size: 18px;
        height: 36px;
        padding: 2px 2px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-stroke .font-stroke-wrap button.btn img {
        width: 16px;
        margin-bottom: 1px;
    }
    .design_lab_edit_field .line .l-two.item.choose-font-stroke-width{
        width: calc(100% - 190px);
    }
    .design_lab_edit_field .line .l-two.item.choose-font-stroke-width .font-stroke-width-wrap input{
        height: 34px;
    }
    .design_lab_edit_field .line .l-two.item.printType-selector{
        width: 100%;
    }
    .design_lab_editor_container{
        padding-right: 0;
    }
}
@media (max-width: 480px){
    .design_lab_editor_container > .design_lab_edit_field {
        margin: 0 1px 0 1px;
        padding: 0 1px 0 1px;
    }
    .design_lab_edit_field .line .l-two.item.fontSelector,
    .design_lab_edit_field .line .l-two.item.choose-font-color{
        padding: 5px 5px;
    }
    .design_lab_edit_field .line .l-two.item.fontSelector span.span-label,
    .design_lab_edit_field .line .l-two.item.choose-font-size span.choose-font-label,
    .design_lab_edit_field .line .l-two.item.choose-font-color span.font-color-label,
    .design_lab_edit_field .line .l-two.item.choose-font-arttibute .span-label,
    .design_lab_edit_field .line .l-two.item.choose-font-stroke span.font-stroke-label,
    .design_lab_edit_field .line .l-two.item.printType-selector .span-label,
    .design_lab_edit_field .line .l-two.item.choose-font-stroke-width span.font-stroke-width-label,
    .design_lab_edit_field .line .l-two.item.choose-jersey-color span.jersey-color-label{
        font-size: 14px;
    }
    .preview{
        background: #f1f1f1;
    }
    .fabric-options-row .choose-fabric-btn .option-title {
        font-size: 13px;
    }
    .fabric-options-row .choose-fabric-btn .fabric-features p {
        font-size: 13px;
    }
    .print-type-options-row .choose-print-type-btn .option-title,
    .neckline-type-options-row .choose-neckline-type-btn .option-title{
        font-size: 13px;
    }
    .print-type-options-row .choose-print-type-btn .print-type-features p,
    .neckline-type-options-row .choose-neckline-type-btn .neckline-type-features p{
        font-size: 13px;
    }
    .apparel-type-options-row .choose-apparel-type-btn .option-title {
        font-size: 13px;
    }
    .apparel-type-options-row .choose-apparel-type-btn .apparel-type-features p {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .product_type ul li {
        min-height: 158px;
    }
    .lanyard_type_select {
        display: flex;
        flex: 1;
        flex-direction: row;
        /* width: 100rem !important; */
    }

    .radio-inline {
        /* display: flex;
        flex: 1;
        flex-direction: row; */
        /* width: 100 !important;  */
        height: 5rem !important;
    }

    .testRun {
        justify-content: center;
        align-items: center;
        align-content: center;
        position: relative;
        margin: 0 auto;
        height: 25rem;
    }
    .optional {
        top: 45rem;
    }
    .product_type.my-products ul li.selected::after {
        top:10px;
    }
}

@media (max-width: 440px) {
    .product_type ul li {
        min-height: 200px;
    }
    #lanyard_step_one .common_step_box h4 {
        font-size: 14px;
    }
    .testRun {
        justify-content: center;
        align-items: center;
        align-content: center;
        position: relative;
        margin: 0 auto;
        height: 25rem;
    }
    .optional {
        top: 62rem;
    }
    .product_type.my-products ul li.selected::after {
        top:10px;
    }
}

@media (max-width: 380px){
    .fabric-options-row .choose-fabric-btn .option-title .info-wrap .fabric-info {
        width: 170px;
    }
    .fabric-options-row .choose-fabric-btn .option-title .info-wrap .fabric-info p {
        font-size: 13px;
    }
    .print-type-options-row .choose-print-type-btn .option-title .info-wrap .print-type-info,
    .neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap .neckline-type-info{
        width: 170px;
    }
    .print-type-options-row .choose-print-type-btn .option-title .info-wrap .print-type-info p,
    .neckline-type-options-row .choose-neckline-type-btn .option-title .info-wrap .neckline-type-info p{
        font-size: 13px;
    }
    .apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap .apparel-type-info {
        width: 170px;
    }
    .apparel-type-options-row .choose-apparel-type-btn .option-title .info-wrap .apparel-type-info p {
        font-size: 13px;
    }
}


/* End Cut On page */

/*Media Query*/

@media (max-width: 991.98px) {
    .design_lab_edit_counter ul li span{
        font-size: 28px;
    }
    .cart-color-item .color-image{
        width: 32px;
    }
    .size_and_quantity .size_and_qty_wrap{
        margin-left: -6px;
        margin-right: -6px;
        display: inline-flex;
    }
    .size_and_quantity .size_and_qty_wrap .size_and_qty_box{
        flex: 0 0 120px;
        max-width: 120px;
        padding: 0 6px;
    }
    .table-pagination-wrap {
        justify-content: space-between;
    }
}

@media (max-width: 767.98px) {
    #lanyard_step_details .common_step_box{
        background: #fff;
    }
    .small-box{
        float: left;
    }
    .design_lab_edit_field .line .l-one.item {
        /*width: 80%;*/
    }
    .design_lab_edit_field .line .l-one.item + .l-one.item{
        /*width: 18%;*/
    }
    .design_lab_edit_counter ul li span{
        font-size: 18px;
    }
    .size_and_quantity .size_and_qty_wrap .size_and_qty_box{
        flex: 0 0 80px;
        max-width: 80px;
    }
    .common_step_box.add-names-munber{
        padding: 16px 12px;
    }
    .table-pagination-wrap {
        flex-direction: column;
    }
    .size_and_quantity .title {
        font-size: 20px;
    }
    .size_and_quantity .size_and_qty_wrap .size_and_qty_box label{
        font-size: 16px;
    }
    .size_and_quantity .size_and_qty_wrap .size_and_qty_box input.form-control {
        font-size: 15px;
        height: 38px;
        padding: 4px 8px;;
    }
}

@media (max-width: 480px) {
    .common_step_box.choose_size_and_quantity{
        padding: 20px 15px;
    }
    .size_and_quantity .size_and_qty_wrap{
        margin-left: -6px;
        margin-right: -6px;
        display: inline-flex;
        padding-top: 6px;
    }
    .size_and_quantity .size_and_qty_wrap .size_and_qty_box{
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 6px;
    }
}

@media (min-width: 481px) and (max-width: 660px) {
    .design_lab_editor_container > .design_lab_edit_counter{
            padding: 0 3px;
    }
    .design_lab_edit_counter ul li span{
        font-size: 16px;
        padding: 8px 4px;
    }
    .design_lab_editor_container > .design_lab_edit_field{
        margin: 0 1px 0 1px;
        padding: 0 1px 0 1px;
    }
    .common_step_box ul li{
        margin: 0 0 8px 0;
    }
}


@media (min-width: 320px) and (max-width: 480px) {
    #cooler_step_three .coller_design_action {
        flex-direction: column;
        padding: 10px 10px;
    }
    .coller_design_action .action_item {
        width:100%;
    }
    .coller_design_action .action_item + .action_item {
        margin-top:15px;
    }
    .coller_design_action .action_item .checkmark {
        width: 32px;
        height: 32px;
        top:4px;
    }
    .coller_design_action .action_item .checkmark::after {
        width: 22px;
        height: 22px;
    }
    /*Design Lab*/
    /*.design_lab_inner {*/
    /*    flex-direction: column-reverse;*/
    /*}*/
    .design_lab_inner > div {
        width: 100%;
    }
    .design_lab_editor_container {
        flex-direction: column;
        margin-top: 30px;
    }
    .design_lab_editor_container .design_lab_edit_counter,
    .design_lab_editor_container .design_lab_edit_field{
        /*width:100%;*/
        /*max-width: 100%;*/
        /*margin:0;*/
        /*border: none;*/
        /*margin-top: -48px;*/
    }
    .design_lab_edit_counter_inner {
		padding-top: 7rem !important;
	}
	.designlab-area{
		/*height: 105rem !important;*/
	}
	.comment{
		margin-bottom: 0;
	}
	.addCanvasTextBtn{
		width: 7rem !important;
	}	
	.buttonDiv{
		/*justify-content: center !important;*/
	}
	.addText.buttonDiv{
	    justify-content: space-between;
	}
	.step1, .step2, .step3, .step4{
        /*font-size: 2rem !important;*/
    }
    .design_lab_edit_counter_inner ul {
        text-align: center;
    }
    .design_lab_editor_container .design_lab_edit_counter ul li {
        display: inline-block;
        margin: 0 7px;
    }
    .design_lab_edit_field .line .l-one.item {
        /*width:80%;*/
    }
    .design_lab_edit_field .line .l-one.item + .l-one.item {
        /*width:22px;*/
    }
    .design_lab_edit_field .line .l-one.item input {
        height:50px;
    }
    .design_lab_edit_field_inner {
        min-height:initial;
    }
    .design_lab_edit_counter ul li {
        padding: 0px 5px;
    }
    .design_lab_edit_counter ul li span {
        font-size:19px;
    }
    .design_lab_edit_field .line{
        width: 100%;
    }
    .color-wheel{
        margin-left: 17px;
        width: inherit;
    }
    .color-wheel span{
        left:45px;
    }
    .cart-color {
        position: initial;
        margin-top: 30px;
    }
    .design_lab_edit_counter_inner, .design_lab_edit_field_inner {
        /*padding: 30px 0;*/
    }
    .line.clipart .clipart-item {
        min-height: 70px;
        padding:3px;
    }
    
    /* By ME */
    .common_step_box h3{
        font-size: 18px;
    }
    .design_lab_editor_container > .design_lab_edit_field{
        max-height: inherit;
    }
    .design_lab_editor_container, .design_lab_preview_container{
        padding: 0 8px;
    }
    .line.search-and-cat .item + .item{
        flex-basis: 37%;
    }
    .line.search-and-cat .item input, .line.search-and-cat .item select{
        padding: 6px;
    }
}

/*details content reset*/
@media (min-width: 992px){
    .d-none-big-device{
        display: none;
    }
    .d_flex_start {
        display: flex;
        align-items: flex-start;
    }
}
.custom_right_details {
    width: calc(100% - 190px);
    float: left;
}
.custom_right_details.custom_left{
    width: 100%;
    margin-bottom: 15px;
}
.custom_right_similar {
    width: 190px;
    float: left;
}
@media (max-width: 1300px){
    .custom_right_details {
        width: calc(100% - 170px);
    }
    .custom_right_similar {
        width: 170px;
    }
}
@media (max-width: 1199.98px){
    .custom_right_details {
        width: calc(100% - 140px);
    }
    .custom_right_similar {
        width: 140px;
        display: block;
    }
}
@media (max-width: 991.98px){
    .custom_right_details {
        width: 100%;
        float: none;
    }
    .custom_right_similar {
        display: none;
    }
}


/*New Product Gallery*/

.product_gallary_wraper{
    padding-right: 32px;
}
.lSSlideWrapper {
    border: 1px solid #cacaca;
}
.lSSlideWrapper img{
    border-radius: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.lSGallery li {
    border: 1px solid #cacaca;
    box-sizing: border-box;
}
.lSSlideOuter .lSPager.lSGallery img {
    height: 100% !important;
    width: 100% !important;
    border-radius: 0;
    object-fit: fill;
}
.lSSlideOuter .lSPager.lSGallery img,
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li.active img,
.lSSlideOuter .lSPager.lSGallery li:hover,
.lSSlideOuter .lSPager.lSGallery li:hover img{
    border-radius: 0 !important;
}
.igv-wrap{
    display: block;
}
.igh-wrap{
    display: none;
}
.lSSlideOuter.vertical .lSSlideWrapper .lSAction{
    display: none !important;
}
.lSSlideOuter.vertical .lSSlideWrapper:hover .lSAction{
    display: block!important;
}
.lSAction>.lSPrev,
.lSAction>.lSNext{
    background-image: none;
    background: #fff;
    box-shadow: 0 1px 18px 2px #bbbaba;
    height: 32px;
    border-radius: 32px;
    opacity: 1;
}
.lSAction>.lSPrev::after,
.lSAction>.lSNext::after{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
    position: absolute;
    top: 1px;
}
.lSAction>.lSPrev::after{
    content: "\f104";
    left: 10px;
}
.lSAction>.lSNext::after{
    content: "\f105";
    left: 12px;
}
.lSSlideOuter.vertical .lSAction>.lSPrev{
    background-image: none;
    background: #fff;
    box-shadow: 0 1px 18px 2px #bbbaba;
    height: 32px;
    border-radius: 32px;
    opacity: 1;
    bottom: auto;
    top: 48%;
    left: 25px;
    right: auto;
    color: #333;
}
.lSSlideOuter.vertical .lSAction>.lSPrev::after{
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
    position: absolute;
    top: 1px;
    left: 10px;
}
.lSSlideOuter.vertical .lSAction>.lSNext {
    background-image: none;
    background: #fff;
    box-shadow: 0 1px 18px 2px #bbbaba;
    height: 32px;
    border-radius: 32px;
    opacity: 1;
    bottom: auto;
    top: 48%;
    right: 10px;
    left: auto;
    color: #333;
}
.lSSlideOuter.vertical .lSAction>.lSNext::after{
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
    position: absolute;
    top: 1px;
    left: 12px;
}

@media (max-width: 1650px) {
    .product_gallary_wraper{
        padding-right: 32px;
    } 
    .choose-style-wrap .style-list-wrap ul li{
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .choose-style-wrap .style-list-wrap ul li .style-box p {
        font-size: 16px !important;
    }
}
@media (max-width: 1300px) {
    .product_gallary_wraper{
        padding-right: 30px;
    }    
}
@media (max-width: 992px) {
    .product_gallary_wraper{
        padding-right: 24px;
    } 
    .lSSlideWrapper img{
        object-fit: contain;
    }
    .choose-style-wrap .style-list-wrap ul li{
        padding: 6px;
    }
    .choose-style-wrap .common_step_box.product_styles .nav.nav-tabs {
        padding: 5px 8px;
    }
    .choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li {
        margin: 0 4px 0 0;
    }
    .choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li a{
        font-size: 16px;
        padding: 2px 10px;
    }
    .choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li.active a::after{
        top: 35px;
    }
    .choose-style-wrap .style-list-wrap ul li .style-box p{
        font-size: 16px;
    }
}
@media (max-width: 767.98px) {
    .sm_fnone{
        float: none;
    }
    .igv-wrap{
        display: none;
    }
    .igh-wrap{
        display: block;
    }
    .product_gallary_wraper{
        padding-right: 0;
    }
    .choose-style-wrap .style-list-wrap ul li{
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li {
        margin: 0;
        width: 50%;
    }
    .choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li a {
        font-size: 16px;
        padding: 2px 5px;
    }
    .choose-style-wrap .common_step_box.product_styles .nav.nav-tabs li.active a::after{
        border: none;
        top: 35px;
        left: 8px;
        right: 8px;
        transform: none;
        background: #F70B0B;
        height: 4px;
    }
}

@media (max-width: 450px) {
    .style-list-wrap {
        max-height: 300px;
    }
    .choose-style-wrap .style-list-wrap ul li{
        flex: 0 0 50%;
        max-width: 50%;
    }
}