/* Empty. Add your own CSS if you like */
@font-face {
    font-family: 'montserratregular';
    src: url('../lib/ionic/fonts/montserrat-regular-webfont.eot');
    src: url('../lib/ionic/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/ionic/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../lib/ionic/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../lib/ionic/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../lib/ionic/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
		
}
@font-face {
    font-family: 'montserratlight';
    src: url('../lib/ionic/fonts/montserrat-light-webfont.eot');
    src: url('../lib/ionic/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/ionic/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../lib/ionic/fonts/montserrat-light-webfont.woff') format('woff'),
         url('../lib/ionic/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../lib/ionic/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratblack';
    src: url('../lib/ionic/fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('../lib/ionic/fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../lib/ionic/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../lib/ionic/fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextra_bold';
    src: url('../lib/ionic/fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('../lib/ionic/fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrathairline';
    src: url('../lib/ionic/fonts/montserrat-hairline-webfont.woff2') format('woff2'),
         url('../lib/ionic/fonts/montserrat-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratsemi_bold';
    src: url('../lib/ionic/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../lib/ionic/fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratultra_light';
    src: url('../lib/ionic/fonts/montserrat-ultralight-webfont.woff2') format('woff2'),
         url('../lib/ionic/fonts/montserrat-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: 'montserratregular';
	font-size:16px;
	font-weight:normal;
}

.tabs { top: 0; }
.tab-item {  padding: 10px 16px;  max-width:none; }  /*background:#fff;*/
ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated {
    color: #fff; background:#8cadc2; border-radius:25px;
}
.tab-item-active .tab-item span{ color:#fff !important}
.tab-item >span{ /*color:#dedede;*/
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400; line-height:25px;
  }
  
.card { box-shadow:none;}
.has-tabs, .bar-footer.has-tabs {
 /*  top: 49px; */margin-top: 1%;  top:5%;
}

/* start  not delete : prashant */

#gallery-container {
	 height: 300px;
    margin-top: 5px;
    padding: 0 4px;
}


#gallery-container img{ 
    cursor: all-scroll;
	margin-top: 0;
    max-height: 100px;
    max-width: 100%;
    z-index: 90 !important;height: 70px;
}

[ng-drag].drag-over {
    border:solid 1px red;
}
[ng-drag].dragging {
    opacity: 0;
}
[ng-drop] {
	
/* background:  #e9eef2; #e9eef2; */
    text-align: center;
    width: auto;
    height: auto;
}
[ng-drop].drag-enter {
    border:solid 5px red;
}

.edgeWrap {
    opacity: 0.7;
}

@media \0screen {
  .mirror {
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(mirror=1)";
  }
}
.mirror {
  /* IE6 and 7 via hack */
  *filter:progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
  /* Standards browsers, including IE9+ */
  -moz-transform: scale(-1,1);
  -o-transform: scale(-1,1);
  -webkit-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  transform: scale(-1,1);
}


.bwImg{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.sepia {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}

.center{ text-align:center;}

.rotate-90{transform: rotate(90deg);}
.rotate-180{transform: rotate(180deg);}
.rotate-270{transform: rotate(270deg);}

/*body {
  cursor: url('http://ionicframework.com/img/finger.png'), auto;
}
*/

/* end  not delete : prashant */


/* Add Developer : Sagar Paithnkar */
.main_name{
      color:#48494a;font-size: 16px;
}
.size-sale-price {
	color: #62a6d1;
}
.text_decoration{
	text-decoration: none;
} 
.text_center{
	text-align:center !important;
} 
.image-title{
	color:#333333;
	font-weight:bold;
	font-size:16px;
}
.preview-disclaimer {
	bottom: 22px;
	font-size: 0.8em;
	left: 0;
	position: absolute;
	width: 653px;
	text-align:center;
}
.canvas-size {
	display: block;
	font-size: 1.333em;
}
.retail-price {
	text-decoration-color: -moz-use-text-color;
	text-decoration-line: line-through;
	text-decoration-style: solid;
}
.size-sale-price {
	color: #62a6d1;
	font-size:14px;
}
.retouch-price {
	color: #f47064;
	font-size:1.450em;
	text-align:center;
}
.badge { border-radius: 0px; }
.tabs .tab-item .badge.badge-assertive, .badge.badge-assertive {
    background-color: #62a6d1;
    color: #fff;
}
.retouch-title {
    color: #686868;
    float: left;
    font-size: 18px;
    margin-bottom: 1em;
    text-align: center;
    width: 100%;
}
.retouch-price1 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.coloumn_class{
	text-align:center; 
	padding:12px;
}

.bar .title + .button:last-child, .bar > .button + .button:last-child, .bar > .button.pull-right, .bar .buttons.pull-right, .bar .title + .buttons {top: -10px;
    right: -3px;
    bottom: 5px;}
	
.box_item1:hover{
  border: 2px solid #8cadc2;
}
.box_item2:hover{
   box-shadow: 0 4px 7px 3px #8cadc2;
}
.box_item2_active{
   border: 2px solid #8cadc2;
}
.box_item1 {
    border: 2px solid transparent;
}

.text_center{
	text-align:center;
}
.rightpan a{
	margin-bottom:40px;
}

.pane, .view{
	background-color:#e9eef2;
}
.scroll-content{
	/*background-color:#ffffff;*/
}
.cstbrd{
    border-radius: 25px!important;
}
.tabs{
	background-color:#ffffff;
	border-top:none;
	border-radius:25px;
}
.cstbrd .tabs{ 
    border-bottom-left-radius: 25px!important;
    border-bottom-right-radius: 25px!important;
    border-top-left-radius: 25px!important;
    border-top-right-radius: 25px!important; border-top:none; margin-top:20px;}

.tabs a{ 
    border-bottom-left-radius: 25px!important;
    border-bottom-right-radius: 25px!important;
    border-top-left-radius: 25px!important;
	background-color:#ffffff;
    border-top-right-radius: 25px!important; border-top:none; }	
	
.item-radio .radio-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  visibility: hidden;
  padding: 14px;
  height: 100%;
  font-size: 20px; }	
 
  .ion-checkmark:before {  
	  content: "\f3a7"; 
  }
 
  .item-radio .item-content {
	  padding-right: 50px;
  }


	#opttab  .card .item:last-child .item-content,#opttab  .list-inset .item:last-child .item-content, .padding > .list .item:last-child .item-content {
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		padding: 0;
     }
	#opttab  .radio-icon.disable-pointer-events.icon.ion-checkmark {
        display: none;
     }
	  
	 #opttab   #list {
		  width: 170px;
		  margin: 30px auto;
		  font-size: 14px;
		  font-weight:bold;
		}
#opttab #list ul {
    color: #686868;
    font-size: 16px;
    font-weight: normal;
    margin-top: 30px;
}
	#opttab #list ul li {
    list-style: outside none disc;
    margin: 10px 0 0;
    text-align: left;font-family: 'montserratlight';
}
  
  	#sizetab .temp1 { 
			/*margin-left: 82px; */ display: inline-block;width: 100%;
	}
   #sizetab .sr_no_number {
        font-size: 1.286em;
        line-height: 1.611em;
        color: #4d4c4c;
    }

    #sizetab .sr_no_number span {
        display: block;
        width: 29px;
        height: 29px;
        color: #f47064;
        background: transparent url("img/circle.png") no-repeat 0 0;
        float: left;
        text-align: center;
        margin-right: 10px;
        line-height: 29px;
    }
	#sizetab .textSize_decoration{
	   text-decoration: line-through;
	}
	#sizetab .textSize_color{
	  color:#62a6d1;
	}
	#sizetab .textSize {
    color: #4d4c4c;
    font-size: 16px;
}
	#sizetab .text_bottom{
	 position:relative;
	}
	
	/*------------------Mayuri--------------------*/
.sr_no_number b {color: #686868;font-family: 'montserratregular';font-size: 20px;font-weight: normal;}
.temp1 .item-radio {/*padding-left: 3em;*/}	
.tab-title {
    color: #dedede;
    font-family: "montserratregular";
    font-size: 18px;
    line-height: 40px;
    text-transform: capitalize !important;
}	
.tab-item.tab-item-active .tab-title {color: #fff;}
a:hover span.tooltiptext{display:block;}
span.tooltiptext {display: none;}
.tooltip { position: relative;display: inline-block;z-index: 1001;}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #8cadc2;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #8cadc2;
}
.tooltip:hover .tooltiptext {visibility: visible;}
#border_dot_left,#border_dot_right{
		padding:0%;
		margin:0 auto; 
		background-image:url("../img/dotted_ver.png");
		background-repeat:repeat-y;
		position: absolute;		
	}
#border_dot_top,#border_dot_bottom{
		padding:0%;
		margin:0 auto;
		background-image:url("../img/dotted_hor.png");
		background-repeat:repeat-x;
		position: absolute;
}
.item-radio .item-content {color: #686868;font-size: 18px;padding-right: 50px;}
#list {width: 170px;margin: 30px auto;font-size: 14px;font-weight:bold;}
#list ul {margin-top: 30px;}
#list ul li {text-align: left;list-style: disc;margin: 10px 0px;}
.layout_border > img{border: 2px solid #62a6d1;padding: 15px;cursor:pointer;}
.layout_ctrl {margin-bottom: 5em;margin-top: 5em;cursor:pointer;}
.layout_custom.layout-none > img {border: 2px solid transparent;padding: 15px;}
.layout_custom.layout-none > img:hover {border-color: #62a6d1;cursor:pointer;}
.layout_custom{float:left; width:25%;}
#list .htmlComment p {margin-bottom: 0;margin-top: 0;}     
.retouch-title {margin-bottom: 1em;}
#tool_design  .tool_left_pan{width : 20%;}
#tool_design  .tool_center_pan{width : 75%; float:left;}
#tool_design  .tool_right_pan{width : 5%; margin-top: -120px !important;}
.tool_menu_img{ width:30px;}
.mobile_right_pan{display:none;}
.tab_size_33 {width: 33.33%;}	
.esp-wrap-model {float: left;text-align: center;width: 100%;}
.esp_col_25 {float: left !important;padding: 10px;width: 25% !important;}
.canvas_size_model_col_20 {float: left;width: 20%;}
.item-button-right #pickColor {width: 14% !important;} 

.options_tab .item li {float: left;width: 100%;}
.options_tab .card {padding-bottom: 0;padding-top: 0;}
.options_tab .box_item2_active{border-top:none;}
.R_in-opttab, .O_in-opttab {float: left;text-align: center;width: 100%;}
.options_tab {display: inline-block;position: relative;vertical-align: top;}
.R_in-opttab .item.item-body {height: 430px !important;min-height: 390px;}

.sr_no_number p {font-size: 20px;}.tool_left_pan .up {font-family: "montserratregular";}
#btnNext .button.button-positive, #opttab .button.button-positive, .add_cart_btn .button.button-positive {
    background-color: #62a6d1;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-family: "montserratregular";
    padding: 0px 40px;font-size: 18px;
}
#opttab .checkbox input:checked::before, .checkbox input:checked + .checkbox-icon::before {background-color: #8cadc2;border-color: #8cadc2;}
#opttab .checkbox input::before, .checkbox-icon::before {border-width: 2px;border-color: #8cadc2!important;}
.green_upload{background-color: #88c563 !important;border: medium none !important;border-radius: 0;}
.green_upload:hover{background-color:#449d44 !important;}
.ld_more {float: right;padding-right: 5px;text-align: right;}
.ld_more a {background-color: #e9eef2;color: #449d44;font-size: 14px;padding: 2px 10px;text-align: right;text-decoration: none;}
.ld_more a:hover{text-decoration: underline;}

#gallery-container .scroll-bar-indicator {width: 10px; background-color: #8cadc2;}
#gallery-container .scroll-bar-indicator.scroll-bar-fade-out {opacity: 1 !important;}
#gallery-container .scroll-bar-v {width: 7px;}
.retouch_txtarea{border: 1px solid #8cadc2;margin-left: 13px; margin-right: 13px;height:70px;}

@media all and (min-width:0\0) and (min-resolution:.001dpcm){
#gallery-container .scroll-bar-indicator {width: 10px; background-color: #8cadc2;}
#gallery-container .scroll-bar-indicator.scroll-bar-fade-out {opacity: 1 !important;}
#gallery-container .scroll-bar-v {width: 7px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.uplode_i { padding: 0px 3px 0px !important;}	
.positive1 {right: 2px !important;top: -2px !important;}
        
}
@media screen and (max-width:1140px){
.wrap-tab_ios-plus .ng-pristine.ng-untouched.ng-valid { width: 23%;}
.button-balanced .up {display: none;}

}
@media screen and (max-width:1120px){
#tool_design  .tool_center_pan{width : 80%;}
#tool_design  .tool_right_pan{display:none;}
.mobile_right_pan{display:block;}
.mobile_right_pan a{float:left; width:33.33%;}
#tool_design{width: 1050px!important; height: 800px!important;}
.tooltip {display: inline;}
.rightpan a {margin-bottom: 0;}
.tab_ios-plus {width: 25% !important;}
.wrap-tab_ios-plus{width: 100%;float:left;margin-bottom: 8px;}
.wrap-tab_ios-plus a {float: none;width:auto;}	
.retouch_txtarea{margin-left: 0px; margin-right: 0px;}
}

@media screen and (max-width:1024px){
#opttab .ng-pristine .row {display: flex;}
.col.col-25.R-col25 {flex: 0 0 33.3333%;float: left; max-width: 33.3333%;}
}

@media screen and (max-width:991px){
.col.col-25.R-col25 {flex: 0 0 50%;float: left; max-width: 50%;}
.col.col-33.R-col33 {flex: 0 0 33.33%;float: left; max-width: 33.33%;}
#opttab .ng-pristine .row {display: block;}
.edge_style_popup {left: 11% !important;width: 75% !important;}
.wrap-csm.modal.slide-in-up.ng-enter.active.ng-enter-active {left: 10%;width: 80% !important;}
.has-tabs, .bar-footer.has-tabs {margin-top: 2%;}
.options_tab {max-width: 50%;}
}

@media screen and (max-width:767px){
.layout_custom{float:left; width:50%;}
.tab-content .pane .scroll-content {padding-left: 0 !important;padding-right: 0 !important;} 
.tab-item > span {font-size: 18px !important;}
.tab-item {padding: 10px 0;}
.orientation_model, .wrap-csm, .edge_style_popup {min-height: auto;}
.wrap-csm.modal.slide-in-up.ng-enter.active.ng-enter-active {left: 5%;width: 90% !important;right:5%;}
.tab_size_33 img { width: 120px;}
}
@media screen and (max-width:715px){
.edge_style_popup {left: 0% !important;width: 100% !important;}
.orientation_model, .wrap-csm, .edge_style_popup {border:2px solid #62a6d1;}
}

@media screen and (max-width:568px){
.col.col-25.R-col25 {flex: 0 0 100%;float: left; max-width: 100%;}
.col.col-33.R-col33 {flex: 0 0 100%;float: left; max-width: 100%;}
#opttab .ng-pristine .row {display: block;}
}	
@media screen and (max-width:540px){
.edge_style_popup {min-height: 50% !important;}
.esp_col_25 > img {width: 75px;}
.esp_col_25 {margin: 5px;padding: 10px;width: 47% !important;}
.wrap-csm.modal.slide-in-up.ng-enter.active.ng-enter-active {left: 1%;right: 1%;width: 98% !important;}
}
@media screen and (max-width:496px){
.button {font-size: 13px;}
.esp_col_25 {margin: 2px;}
}  
@media screen and (max-width:480px){
.layout_custom{width:100%;}
.tab_size_33 > img {width: 100px;}
.orientation_model .col.col-50.text_center > img {width: 100px;}
.options_tab {max-width: 100%;}
}



::-webkit-scrollbar {
  -webkit-appearance: none;
  }

  .scroll{
	-webkit-transform: translateZ(0px);
	-webkit-transform: translate3d(0,0,0);
	-webkit-perspective: 1000;
	
  } 





 /*  *:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
} */