html {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body #kitdesigner {
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #1e1e1e;
    background: #fff;
    font-style: normal;
    font-weight: 400;
}
body #kitdesigner ul li {
	padding-bottom: 0;
}

#kdSubCategoryNavigator {
    margin-left: 198px;
}

body.fakron .kdPopup .dt-sc-button.medium, body.fakron input[type="submit"], body.fakron button, input[type="button"] {
    padding: initial;
    float: initial;
    font-size: 11px;
    text-transform: initial;
    margin: initial;
    outline: initial;
    background: initial;
    position: initial;
    display: initial;
    line-height: initial;
    font-weight: initial;
    padding-left: 5px;
    padding-right: 5px;
}
.kdPopup select {
    padding-left: 5px;
	height: initial;
    background-color: initial;
    background: initial;
    color: initial;
    /* border: initial; */
    width: initial;
    margin: initial;
    padding: initial;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    cursor: initial;
    display: initial;
    font-size: 12px;
}

#kitdesigner {
 	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}
#btBrowserItem, #btAddGarment, #btAddText, #btAddEmbellishment {
    cursor: pointer;
    font-size: 16px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    text-align: right;
}

.kdpage {
	height:670px;
	/*border:1px solid #efefef;	*/
}

#kd_home ul {
	margin: 0 !important;
    padding: 0 !important;
}
#kd_home li {
    list-style: none;
    float: left;
    width: 199px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 2px;
}
#kd_home li:nth-child(6n+6) {
    margin-right: 0;
}

#kd_home li a {
    cursor: pointer;
    display: block;
    background-color: #004486;
    border: 1px solid #004486;
    padding: 10px;
    text-align: center;
    color: #fff;
}
#kd_home li a:hover {
    background-color: #000;
}
#kd_home li a.selected {
    background-color: #fff !important;
    border: 1px solid #004486;
    color: #000;
}

ul#kd_subcat_content {
    /* margin-top: 20px !important; */
}
ul#kd_subcat_content a {
    background-color: #607d8b;
    padding-top: 5px;
    padding-bottom: 5px;
}
ul#kd_subcat_content a:hover {
    background-color: #000000;
}

a.kditemslist {
	position: relative;
	float: left;
	text-align: center;
	margin-left: 14px;
    border: 1px solid #fff;
    cursor: pointer;
}
a:hover.kditemslist {
    border: 1px solid #999;
}
a.kditemslist img {
	width: 215px;
}
.kdBtItemDelete, .kdBtItemDeleteColor, .kdBtItemDeleteEmbel {
    display: none;
    background-color: red;
    color: white;
    border-radius: 8px 0 8px 8px;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 20px;
    height: 20px;
    cursor: default;
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
}
.kdBtItemRename {
    display: none;
    background-color: red;
    color: white;
    border-radius: 0 8px 8px 8px;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    cursor: default;
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
}

.kdsubcategory, .kdcategory {
	position: relative;
}
.kdsubcategory .kdBtSubCategoryDelete, .kdcategory .kdBtCategoryDelete {
    display: none;
    background-color: red;
    color: white;
    border-radius: 8px 8px 8px 8px;
    /* border-left: 2px solid white; */
    position: absolute;
    top: 9px;
    right: -6px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding-left: 6px;
    z-index: 999;
}
.kdsubcategory .kdBtSubCategoryRename, .kdcategory .kdBtCategoryRename {
    display: none;
    background-color: #233f8c;
    color: white;
    border-radius: 8px 0px 0px 8px;
    position: absolute;
    top: 9px;
    right: 6px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding-left: 7px;
    z-index: 998;
}
.kdsubcategory .kdBtSubCategoryDelete {
    top: 5px;
    right: 16px;
}
.kdsubcategory .kdBtSubCategoryRename {
    top: 5px;
    right: 28px;
}


.kdsubcategory .kdBtSubCategoryRename:hover, .kdcategory .kdBtCategoryRename:hover,
.kdsubcategory .kdBtSubCategoryDelete:hover, .kdcategory .kdBtCategoryDelete:hover {
    background-color: #bca480;
    color: black;
}

a:hover.kditemslist .kdBtItemDelete, a:hover.kdsubcategory .kdBtSubCategoryDelete, a:hover.kdsubcategory .kdBtSubCategoryRename, a:hover.kdcategory .kdBtCategoryDelete, a:hover.kdcategory .kdBtCategoryRename, a:hover.kditemslist .kdBtItemRename, .kdEditorColorBox:hover .kdBtItemDeleteColor, .kdPopupEmbelItem:hover .kdBtItemDeleteEmbel {
	display: block;
}

#kd_design {
	display: none;
	position: relative;
}

#kd_design_leftcolumn {
	background-color: #F6F6F6;
	height:670px;
	width: 230px;
	
	-moz-box-shadow: 0px 0px 30px 1px #cfcfcf;
	-webkit-box-shadow: 0px 0px 30px 1px #cfcfcf;
	-o-box-shadow: 0px 0px 30px 1px #cfcfcf;
	box-shadow: 0px 0px 30px 1px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=30);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#kd_main_view {
	/* background-color: #0f0; */
    position: absolute;
    top: 0px;
    left: 240px;
    width: 920px;
    height: 670px;
}

#kd_view_front {
	/* background-color: #f00; */
    position: absolute;
    top: 20px;
    left: 18px;
    width: 500px;
    height: 500px;
    z-index: 11;
    pointer-events: none;
     
    -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
    
    -webkit-transition:  .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition:  .25s ease-in-out;
	transition: .25s ease-in-out;
}
#kd_view_back {
	/* background-color: #f0f; */
    position: absolute;
    top: 52px;
    left: 465px;
    width: 500px;
    height: 500px;
    z-index: 10;
    pointer-events: none;
    
    -webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
    
    -webkit-transition:  .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition:  .25s ease-in-out;
	transition: .25s ease-in-out;
}
#kd_view_front.switched {
    top: 52px;
    left: 465px;
    width: 500px;
    height: 500px;
    z-index: 10;
    
    -webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
}
#kd_view_back.switched {
    top: 20px;
    left: 18px;
    width: 500px;
    height: 500px;
    z-index: 11;
    -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

canvas.kdLayer {
    position: absolute;
    pointer-events: none;
}

.kd_menu_box {
    padding-bottom: 10px;
}
.kd_menu_box.kd_menu_hide {
    display: none !important;
}
.kd_menu_box .kd_menu_content {
	/*display: none;*/
	height: 0px;
	overflow: hidden;
}
.kd_menu_box.kdExpanded .kd_menu_content {
	/*display: block;*/
	height: auto;
}

.kd_menu_title {
	position: relative;
    line-height: 36px;
    background-color: #bca480;
    padding-left: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    cursor: default;
}
.kd_menu_title span {
    font-size: 22px;
    line-height: 22px;
    position: relative;
    top: 3px;
    padding-right: 10px;
}
.kd_menu_title_admin.adminZone {
    position: absolute;
    width: 31px;
    height: 36px;
    top: 0;
    right: 0;
    text-align: center;
}
.kd_menu_title_admin.adminZone a {
    color: #f00;
    font-size: 19px;
    cursor: pointer;
}
.kd_menu_title_admin.adminZone a:hover {
	color: #003391;
}
.kd_menu_box .kd_menu_title, .kd_menu_box .kd_menu_title .kd_menu_expand {
 	transition: background-color 0.5s ease;
	background-color: royalblue !important
}
.kd_menu_box:not(.kdExpanded) .kd_menu_title:hover, .kd_menu_box:not(.kdExpanded) .kd_menu_title:hover .kd_menu_expand {
    background-color: #6084f1 !important;
}
.kd_menu_box.kdExpanded .kd_menu_title, .kd_menu_box.kdExpanded .kd_menu_title .kd_menu_expand {
	background-color: skyblue !important
}

#kd_boxColourize .kd_menu_content ul, #kd_boxEmbellishment .kd_embellishment_content ul {
	margin: 0 !important;
    padding: 0 !important;
    padding-top: 10px !important;
}
#kd_boxColourize .kd_menu_content li, #kd_boxEmbellishment .kd_embellishment_content li {
    list-style: none;
    margin-right: 2px;
    margin-left: 0px;
    margin-bottom: 7px;
}
#kd_boxColourize .kd_menu_content li a, .kd_garments_content a, #kd_boxEmbellishment .kd_embellishment_content li a, .kd_colourize_content .collarTypeRow {
    cursor: pointer;
    padding-left: 20px;
    display: block;
    position: relative;
}
#kd_boxEmbellishment .kd_embellishment_content li a.kdEmbelDelete {
	cursor: pointer;
}
#kd_boxColourize .kd_menu_content li a.kd_layer_remover, #kd_boxEmbellishment .kd_embellishment_content li span.kdEmbelDelete {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    text-align: center;
    cursor: pointer;
    color: black;
    padding: 0;
}
#kd_boxColourize .kd_menu_content li a.kd_layer_remover:hover, #kd_boxEmbellishment .kd_embellishment_content li span.kdEmbelDelete:hover {
    color: #bca480;
}


#kd_boxColourize .kd_menu_content li a > .kd_sample_color, 
#kd_boxColourize .kd_menu_content li a > .kd_sample_color_label, 
#kd_boxColourize .kd_menu_content li a > .kd_sample_texture_demo,

#kd_boxEmbellishment .kd_embellishment_content li a > .kd_sample_color, 
#kd_boxEmbellishment .kd_embellishment_content li a > .kd_sample_color_label, 
#kd_boxEmbellishment .kd_embellishment_content li a > .kd_sample_texture_demo {
	height: 18px;
    line-height: 14px;
    width: 101px;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 0px;
   /* margin-left: 35px; */
}
#kd_boxColourize .kd_menu_content li a > .kd_sample_color,
#kd_boxEmbellishment .kd_embellishment_content li a > .kd_sample_color {
	/*
    text-align: center;
    font-size: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    
    -webkit-box-shadow: inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    -moz-box-shadow: inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    box-shadow: inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    */
    
    text-align: center;
    font-size: 10px;
    /* border: 1px solid rgba(0, 0, 0, 0.15); */
    -webkit-box-shadow: inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    -moz-box-shadow: inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    border-radius: 3px;
    border-width: 0px;
    text-shadow: 0 0 9px #ffffff;
}

#kd_boxColourize .kd_menu_content li a > .kd_sample_color_label,
#kd_boxEmbellishment .kd_embellishment_content li a > .kd_sample_color_label {
    text-align: left;
    font-size: 10px;
    padding-top: 1px;
    padding-left: 4px;
}
#kd_boxColourize .kd_menu_content li a.kdTexturing > .kd_sample_color, 
#kd_boxColourize .kd_menu_content li a.kdTexturing > .kd_sample_color_label,
#kd_boxColourize .kd_menu_content li a.kdTexturing > .kd_sample_texture_demo,
#kd_boxColourize .kd_menu_content li a.kdGrouping > .kd_sample_color, 
#kd_boxColourize .kd_menu_content li a.kdGrouping > .kd_sample_color_label ,
#kd_boxEmbellishment .kd_embellishment_content li a.kdGrouping > .kd_sample_color, 
#kd_boxEmbellishment .kd_embellishment_content li a.kdGrouping > .kd_sample_color_label  {
    right: 25px;
    width: 85px;
}
#kd_boxColourize .kdGrouping.isCollar .kd_sample_color {
    width: 101px !important;
    right: 8px !important;
}
#kd_boxColourize .kd_menu_content li a.kdTexturing > .kd_sample_texture_demo {
    opacity: 0.2;
    pointer-events: none;
}
#kd_boxColourize .kd_TextureWide .kd_menu_content li a.kdTexturing > .kd_sample_texture_demo {
    opacity: 0.2;
    pointer-events: all !important;
}
#kd_boxColourize .kd_TextureWide .kd_sample_color, #kd_boxColourize .kd_TextureWide .kd_sample_texture_demo {
	width: 101px !important;
	right: 8px !important;
}
.kd_sample_texture, .kd_group_selector {
    height: 18px;
    line-height: 15px;
    font-size: 12px;
    padding-left: 1px;
    width: 15px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 8px;
    top: 0px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
}
.collarTypeRow .kd_group_selector {
    left: 117px;
    width: 104px;
}
.kd_sample_texture:hover, .kd_group_selector:hover {
	background-color: royalblue;
	color: white;
}
#kd_boxColourize .kd_menu_content li.selected a,
#kd_boxEmbellishment .kd_embellishment_content li.selected a {
    font-weight: bold;
}
#kd_boxColourize .kd_menu_content li > div,
#kd_boxEmbellishment .kd_embellishment_content li > div {
    /* display: none; */
    /*
    max-height:0px;
    overflow: hidden;
    */
	-webkit-transition: left 250ms ease-out;
	-moz-transition: left 250ms ease-out;
	-ms-transition: left 250ms ease-out;
	-o-transition: left 250ms ease-out;
	transition: left 250ms ease-out;
}
#kd_boxColourize .kd_menu_content li.selected > div,
#kd_boxEmbellishment .kd_embellishment_content li.selected > div {
    /* display: block; */
    max-height:71px;
}
#kd_boxColourize .kd_colors,
#kd_boxEmbellishment .kd_embellishment_content {
    padding-left: 20px;
    padding-top: 5px;
}
#kdColorSelector, #kdTextureSelector, #kdFontSelector, #kdGroupSelector, #kdOpacitySelector {
	position: absolute;
    /* top: 180px; */
    margin-top: -37px;
    left: 325px;
    z-index: 99;
    background-color: white;
    width: 201px; /* 105px; */
    /* border: 1px solid lightgrey; */
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* padding-right: 5px; */
    border-radius: 9px;
    -moz-box-shadow: 0px 0px 30px 1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 30px 1px #cfcfcf;
    -o-box-shadow: 0px 0px 30px 1px #cfcfcf;
    box-shadow: 0px 0px 30px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=30);
    -moz-border-radius: 10px;

	-webkit-transition: left 250ms ease-out;
	-moz-transition: left 250ms ease-out;
	-ms-transition: left 250ms ease-out;
	-o-transition: left 250ms ease-out;
	transition: left 250ms ease-out;

 /*  opacity: 0; */
 /*  height: 0; */
 /*  margin-top: -10%; */
}
#kdOpacitySelector {
    margin-top: -30px;
}
#kdTextureSelector, #kdFontSelector {
	width: 136px !important;
}
#kdColorSelector.active, #kdTextureSelector.active, #kdFontSelector.active, #kdGroupSelector.active, #kdOpacitySelector.active {
 /*   opacity: 1; */
 /*   height: auto; */
    margin-top: -37px;
    left: 225px;

	-webkit-transition: left 250ms ease-out;
	-moz-transition: left 250ms ease-out;
	-ms-transition: left 250ms ease-out;
	-o-transition: left 250ms ease-out;
	transition: left 250ms ease-out;
}
#kdOpacitySelector.active {
    margin-top: -30px;
}

#kdColorSelector.active.kdTextColorSel {
    left: 155px;
}
#kdColorSelector.active.kdTextColorBorderSel {
    left: 212px;
}
#kdColorSelector .kdColorSelectorArrow, #kdTextureSelector .kdColorSelectorArrow, #kdFontSelector .kdColorSelectorArrow, #kdGroupSelector .kdColorSelectorArrow, #kdOpacitySelector  .kdColorSelectorArrow {
	background-color: white;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -4px;
    top: 16px;
    transform: rotate(45deg);
    z-index: -1;
}
#kdOpacitySelector  .kdColorSelectorArrow {
	top: 9px;	
}

#kdFontSelector, #kdColorSelector.kdTextColorSe, #kdColorSelector.kdTextColorBorderSel {
   /* margin-top: -92px !important; */
}
#kdFontSelector.active {
    left: 95px;
}

.kdTextProgessRow {
	font-size: 10px;
}
#kd_boxColourize .kd_color, #kdColorsContent .kd_color, #kd_boxEmbellishment .kd_color {
    height: 20px;
    width: 30px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.kd_texture.selected {
    border: 1px solid #bca480 !important;
    background-color: #bca480 !important;
}
#kdColorSelector .kd_color {
    -webkit-box-shadow: inset 2px 2px 7px 0px rgba(255,255,255,0.5);
    -moz-box-shadow: inset 2px 2px 7px 0px rgba(255,255,255,0.5);
    box-shadow: inset 2px 2px 7px 0px rgba(255,255,255,0.5);	
}
.kd_texture {
	/* background-size: 7px !important; */
	background-position: center center !important;
}
.kd_texture:hover {
    border: 1px solid #bca480;
}

#kd_switch_view {
	font-size: 50px;
	position: absolute;
	right: 0px;
	bottom: 70px;
	cursor: pointer;
    
	-webkit-transition:  .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition:  .25s ease-in-out;
	transition: .25s ease-in-out;
}
#kd_switch_view:hover {
	-webkit-transform:rotate(380deg);
	-moz-transform:rotate(380deg);
	-o-transform:rotate(380deg);
	transform:rotate(380deg);
}


a.kd_btSave {
	cursor: pointer;
    background: #607D8B;
    background-image: -webkit-linear-gradient(top, #90afbd, #607D8B);
    background-image: -moz-linear-gradient(top, #90afbd, #607D8B);
    background-image: -ms-linear-gradient(top, #90afbd, #607D8B);
    background-image: -o-linear-gradient(top, #90afbd, #607D8B);
    background-image: linear-gradient(to bottom, #90afbd, #607D8B);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 5px 0px 5px 0px;
    text-decoration: none;
    display: block;
    margin-left: 10px;
    width: 209px;
    text-align: left;
}
a.kd_btSave i.fa {
    padding-left: 10px;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    top: 2px;
    width: 42px;
    text-align: center;
}
a.kd_btSave:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color: white;
}





div.kdPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    text-align: center;
}
.kdPopupOverlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}
.kdPopupMain {
    position: absolute;
    background-color: #fff;
    color: #000;
    padding: 20px;
    border-radius: 5px;
    width: 320px;
    top: 25%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.kdPopupTitle {
	font-size: 23px;
    padding-bottom: 10px;
    font-weight: bold;
}
.kdPopupMain input {
	width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 3px;
    border-width: 0px;
    text-shadow: 0 0 9px #ffffff;
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    margin: unset; /* FAKLAST */
    display: unset; /* FAKLAST */
}
.kdPopupGroupButton {
	padding-top: 20px;
}
.kdPopupGroupButton button {
    width: 30%;
}

.kdPopupSpanAlert {
	color: white;
    background-color: red;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}
.adminZone {
	display: none;
	background: repeating-linear-gradient( 45deg, #ffffff, #ffffff 10px, #efefef 10px, #efefef 20px );
	
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
    
}
#kd_itemInfo {
}


input.kdCheckbox {
    display: block;
    height: 20px;
    margin: 0 0 -20px -9999px;
    order: 4;
    outline: none;
    counter-increment: undone-items;
}

input.kdCheckbox:checked {
	order: 2;
	counter-increment: done-items;  
}

label.kdCheckbox {
    display: block;
    position: relative;
    padding: 6px 0 1px 41px;
    /* border-top: 1px dashed #fff; */
    order: 4;
    cursor: pointer;
    animation: undone .5s;
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}

label.kdCheckbox::before {
    content: '\f10c';
    display: block;
    position: absolute;
    top: 6px;
    left: 18px;
    padding-left: 1px;
    font: 20px 'FontAwesome';
}

input.kdCheckbox:checked + label::before {
	content: '\f058'; /* circle checkmark */
}

label.kdCheckbox.kdIsCheck::before {
    content: '\f096';
    display: block;
    position: absolute;
    top: 6px;
    left: 18px;
    padding-left: 1px;
    font: 20px 'FontAwesome';
}

input.kdCheckbox.kdIsCheck:checked + label::before {
	content: '\f14a'; /* circle checkmark */
}

.kd_layerUploadImg {
	background-color: #e6e6e6;
    border: 1px solid #c7c7c7;
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}
.kd_layerUploadImg:hover {
	-moz-box-shadow: 0px 0px 8px 0px #656565;
	-webkit-box-shadow: 0px 0px 8px 0px #656565;
	-o-box-shadow: 0px 0px 8px 0px #656565;
	box-shadow: 0px 0px 8px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
}
.kd_layerUploadImg span {
    position: absolute;
    right: 1px;
    bottom: 1px;
    font-size: 9px;
    font-family: Arial;
    font-weight: normal;
    line-height: 9px;
    color: #ffffff;
    background-color: #888888;
    padding-left: 4px;
    padding-top: 4px;
    border-top-left-radius: 5px;
    pointer-events: none;
}
label.kdCheckbox {
    font-weight: normal;
}

#saveDesign {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    line-height: 35px;
    text-align: left;
    -moz-box-shadow: 0px 0px 30px 1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 30px 1px #cfcfcf;
    -o-box-shadow: 0px 0px 30px 1px #cfcfcf;
    box-shadow: 0px 0px 30px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=30);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#kd_itemInfo label {
	font-weight: normal;
}
#saveDesign a, a#kd_admin_addoption {
    cursor: pointer;
    display: block;
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
#saveDesign a i, a#kd_admin_addoption i {
	width: 20px;
	text-align: center;
}
#saveDesign a span, a#kd_admin_addoption span {
	padding-left: 10px;
    font-size: 14px;
}

.kdPopupAlert {
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999999999;
    pointer-events: none;
    /* display: none; */
}
.kdPopupAlertLabel {
    font-size: 26px;
    color: #8db34a;
    background-color: white;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 5px solid #A0CE4E;
    border-radius: 80px;
    white-space: nowrap;

    -moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	background-size: 30px 30px;
	background-image: linear-gradient(
		45deg, 
		rgba(black, 0.1)  25%, 
		transparent       25%, 
		transparent       50%, 
		rgba(black, 0.1)  50%, 
		rgba(black, 0.1)  75%, 
		transparent       75%, 
		transparent
	);
	
	background-size: 30px 30px;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    animation: barberpole 1s linear infinite;
}
@keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: 60px 30px; }
}

.kdInputError {
    webkit-animation: 250ms linear 0s 4 alternate blink;
      -moz-animation: 250ms linear 0s 4 alternate blink;
        -o-animation: 250ms linear 0s 4 alternate blink;
           animation: 250ms linear 0s 4 alternate blink;
}
@keyframes blink {
    from {
    	color: black;
        background-color: white;
    }
    to {
    	color: white;
        background-color: red;
    }
}
@-webkit-keyframes blink {
    from {
    	color: black;
        background-color: white;
    }
    to {
    	color: white;
        background-color: red;
    }
}


.kd_layerUploadImg span.kdImgError {
    webkit-animation: 250ms linear 0s 4 alternate blinkImg;
      -moz-animation: 250ms linear 0s 4 alternate blinkImg;
        -o-animation: 250ms linear 0s 4 alternate blinkImg;
           animation: 250ms linear 0s 4 alternate blinkImg;
}
@keyframes blinkImg {
    from {
		background-color: #888888;
    }
    to {
        background-color: red;
    }
}
@-webkit-keyframes blinkImg {
    from {
		background-color: #888888;
    }
    to {
        background-color: red;
    }
}


.kd_menu_expand {
    position: absolute;
    width: 30px;
    left: -30px;
    top: 0;
    background-color: #eb0000;
    text-align: center;
    cursor: pointer;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 6px;
}
.kd_menu_expand:hover, .kd_menu_title:hover {
	color: #black;
}
.kdExpanded .kd_menu_expand, .kdExpanded .kd_menu_title {
	color: #3b3e43 !important;
}
.kd_menu_expand i {
	transition: transform 0.8s ease-in-out;
	transform: rotate(0deg);
}
.kdExpanded .kd_menu_expand i {
	transform: rotate(-450deg);
}
	

#kd_front_embellishments, #kd_back_embellishments, #kd_front_garments, #kd_back_garments, #kd_front_texts, #kd_back_texts, #kdTopLayer_front, #kdTopLayer_front canvas,
#kd_front_embellishments canvas, #kd_back_embellishments canvas {
	position: absolute;
	width: 100%;
	height: 100%;
    pointer-events: none;
}
#kd_front_embellishments img, #kd_back_embellishments img, #kd_front_embellishments canvas, #kd_back_embellishments canvas, 
#kd_front_garments img, #kd_front_garments canvas, #kd_back_garments img, #kd_back_garments canvas,
#kd_front_texts img, #kd_front_texts canvas, #kd_back_texts img, #kd_back_texts canvas, #kdTopLayer_front canvas {
	position: absolute;
}
#kdFrontDragger, #kdBackDragger {
	cursor: pointer;
    background-color: rgba(255, 0, 0, 0.03);
    position: absolute;
    width: 72px;
    height: 50px;
    border: 2px dashed red;
    border-radius: 2px;
    display: none;
    
    pointer-events: all;
}
#kdFrontDragger.kdMover, #kdBackDragger.kdMover {
	cursor: auto;
	border-bottom: none;
}

.garmentDestination {
    background-color: #d6d6d6;
    margin-left: 10px;
    color: white;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    border-radius: 20px;
    font-size: 11px;
}
#kdFrontGarmentMask, #kdBackGarmentMask {
	position: absolute;
	top: 0;
	left: 0;
}
.kd_garment_delete {
	display: inline !important;
}
.kd_garment_item {
    display: inline-block !important;
    padding-left: 0px !important;
    margin-left: 15px;
}

.kdDraggerSizer {
	cursor: nw-resize;
    position: absolute;
    background-color: red;
    height: 10px;
    width: 10px;
    right: -5px;
    bottom: -5px;
    border-radius: 5px;
    border: 1px solid white;
}

.kdMover .kdDraggerSizer {
	display:none;
}

.kdDraggerMover {
	display:none;
	cursor: move;
    position: absolute;
    background-color: red;
    height: 10px;
    width: 10px;
    bottom: -5px;
    border-radius: 5px;
    border: 1px solid white;
    right: 50%;
	margin-right: -5px;
}
.kdMover .kdDraggerMover {
	display:block;
}
/* ---------- RANGE SLIDER --------- */
.rangeSliderParent {
	padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
}
.rangeSlider,
.rangeSlider__fill {
    background: #7f8c8d;
    display: block;
    height: 8px;
    width: 100%;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.rangeSlider {
    position: relative;
}

.rangeSlider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeSlider__fill {
    background: #16a085;
    position: absolute;
    top: 0;
    z-index: 2;
}

.rangeSlider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -4px;
    z-index: 3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.rangeSlider__handle:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.rangeSlider__handle:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

input[type="range"]:focus + .rangeSlider .rangeSlider__handle {
    -webkit-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
    -moz-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
    box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
}

.rangeSlider__buffer {
    z-index: 1;
    position: absolute;
    top: 3px;
    height: 14px;
    background: #2c3e50;
    border-radius: 10px;
}


.kdText {
	padding-bottom: 5px;
}
.kdText .kdtextbt {
    text-align: center;
    font-size: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    
    -webkit-box-shadow: inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    -moz-box-shadow: inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    box-shadow: inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    
    cursor: pointer;
}
.kdText .kdtextbt .kdfontlabel {
    width: 34px;
    display: block;
    background-image: url(http://ospreysports.com/kitDesigner/assets/font.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.kdText .kdTextDelete {
	padding-left: 20px;
	padding-right: 15px;
    
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.kdText input {
	width: 150px;
	font-size: 12px;
	height: 22px;	
	
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.kdTextEdit {
    margin-left: 6px;
    font-size: 12px;
}
.kdTextEditSecondRow {
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 43px;
}
.kdText button, .kdText .kdInline {
    font-size: 9px;
    font-family: Arial;
    font-weight: normal;
    display: inline-block;
    border: 1px solid;
    line-height: 20px;
    position: relative;
    top: -1px;
    margin-left: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.kdText .kdtextbt {
	opacity: 1;
	-webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
.kdInline.kdtextbt {
    width: 57px;
    font-size: 10px;
    position: relative;
    padding-right: 9px;
    border-radius: 3px;
    border-width: 0px;
    text-shadow: 0 0 9px #ffffff;
        box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
}
.kdtextbt .fa.fa-sort-desc {
    position: absolute;
    right: 2px;
    line-height: 16px;
    font-size: 13px;
}

#kdFontSelector  {
	width: initial !important;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 23px;
}
.kd_font_row {
	padding-right: 10px;
    padding-left: 10px;
    border: none;
    cursor: pointer;
}
.kd_font_row:hover, .kd_font_row.kdselected  {
	color: royalblue;
}

#kdGroupSelector .kd_font_row {
    float: initial;
    width: initial;
    border: none;
    min-width: 150px;
    display: block;
}
#kdGroupSelector, #kdOpacitySelector {
	min-width: 150px;
}
.kd_SaveMenu_content {
	text-align: center;
}
.kdItemName {
    text-transform: uppercase;
}

.kdTextProgessRow {
    position: relative;
    /* height: 27px; */
    margin-top: 6px;
}
.kdText .kdTextProgessRow .rangeSliderParent {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 0px;
    width: 110px;
}
.kdText input.textureRangeSliderTextSize, .kdText input.textureRangeSliderBorderSize {
   width: 110px;
}
.kdTextClose .kdTextEditSecondRow {
	display: none;
}

#kdBt_box_Add_Cat {
	position: relative;
}
#kdBt_Edit_Colors {
	position: absolute;
	right: 15px;
}

.kdQuotForm .kdPopupMain {
	width: 600px;
}

.kdFormRow {
	position: relative;
    padding-top: 5px;
}
.kdFromCol1 {
	width: 48%;
	text-align: left;
}
.kdFromCol2 {
	width: 48%;
    position: absolute;
    left: 52%;
    top: 5px;
    text-align: left;
}
.kdFormRow span.fa, .kdFromSingleRow span.fa {
	position: absolute;
    left: 0;
    font-size: 16px;
    top: 10px;
    width: 30px;
    text-align: center;
    color: #a28e70;
}
.kdFormRow .kdFromCol2 span.fa {
    top: 5px;
}
.kdFromSingleRow span.fa {
    top: 16px;
}
.kdQuotForm input:not([type]), .kdQuotForm input[type="text"], .kdQuotForm input[type="number"] {
	padding-left: 30px;
}
.kdQuotForm textarea, .kdQuotForm select {
	resize: none;
    margin: 0px;
    width: 559px;
    height: 120px;
    padding-left: 30px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 3px;
    border-width: 0px;
    text-shadow: 0 0 9px #ffffff;
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
}
.kdQuotForm select {
	width: 100%;
    height: 26px;
    padding-left: 26px;
}


@-webkit-keyframes blink {
   from { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
   to { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 7px 0 rgb(255, 0, 0), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
  }
 @-moz-keyframes blink {
   from { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
   to { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 7px 0 rgb(255, 0, 0), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
 }
 @-ms-keyframes blink {
   from { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
   to { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 7px 0 rgb(255, 0, 0), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
 }
 @-o-keyframes blink {
   from { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
   to { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgb(255, 0, 0), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
 }
 @keyframes blink {
   from { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.19), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
   to { box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 7px 0 rgb(255, 0, 0), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5); }
 }

.kdPopupMain input.kderror, .kdPopupMain select.kderror {
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 7px 0 rgb(255, 0, 0), inset -2px -2px 20px 1px rgba(187, 187, 187, 0.5);
    
    -webkit-animation: blink 0.25s 7 alternate;
    -moz-animation: blink 0.25s 7 alternate;  
    -ms-animation: blink 0.25s 7 alternate;  
    -o-animation: blink 0.25s 7 alternate;  
    animation: blink 0.25s 7 alternate;   
}


/* theme items navigation */
#kd_home.kdpage {
	height: initial;
    min-height: 622px;
}
#kdCategoryNavigator {
	width: 199px;
    position: absolute;
    background-color: #eee;
}
#kdSubCategoryNavigator {
    top: 0px;
    left: 0px;
    position: relative;
}
#kdItemsNavigator {
    position: relative;
	top: 0px;
    width: 958px;
    left: 200px;
    padding-bottom: 50px;
}
#kd_home #kdCategoryNavigator li a {
	text-align: left;
    border: 0;
    color: black;
    background: none;
    padding-left: 22px;
    padding-right: 0px;
	font-weight:bold;
}
#kd_home #kdCategoryNavigator li  { 
	background: url(//ospreysports.com/wp-content/plugins/woocommerce-category-accordion/assets/css/images/arrow_item.gif) 10px 18px no-repeat;
}
#kd_home #kdSubCategoryNavigator li { 
    background-position: 1px 13px;
}
#kd_home #kdCategoryNavigator li a:hover, #kd_home #kdCategoryNavigator li a.selected {
	color: royalblue;
}
#kd_home #kdCategoryNavigator li a.selected {
	background: none !important;
	font-weight:bold;
}
#kd_home #kdSubCategoryNavigator li a {
	padding-left: 13px;
}
#kd_home .kdnote {
	padding-top: 70px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    text-align: justify;
    font-size: 12px;
    line-height: initial;
    color: rgb(103, 101, 101);
}

#kd_home #kdCategoryNavigator li a.kdsubcategory {
	font-weight: normal;
}

#kd_home #kdCategoryNavigator li a.kdsubcategory.selected {
	font-weight: bold;	
}
a.kditemslist {
    margin-bottom: 30px;
}
a.kditemslist img {
	width: 215px;
	height: 215px;
}




#kd_main_menu, .kd_main_menu {
	text-align:right;
}
.kdTopBar {
	display: inline-block;
    margin-bottom: 32px !important;
    height: 38px;
    line-height: 38px;
    
    text-align: right;
    -moz-box-shadow: 0px 0px 30px 1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 30px 1px #cfcfcf;
    -o-box-shadow: 0px 0px 30px 1px #cfcfcf;
    box-shadow: 0px 0px 30px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=30);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.kdTopBar a {
    cursor: pointer;
    /* display: block; */
    font-size: 20px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.kdTopBar a span {
    padding-left: 10px;
    font-size: 14px;
}
.kdTopBar a i {
    width: 20px;
    text-align: center;
}
#kd_home #kdCategoryNavigator li a a.kd_admin_bt {
	padding-top:0;
	padding-bottom:0;	
}

a.kd_admin_bt, #kd_home #kdCategoryNavigator li a a.kd_admin_bt {
	color: #910000;
	cursor: pointer;
	font-size: 13px;
    font-weight: normal;
}
a.kd_admin_bt:hover, #kd_home #kdCategoryNavigator li a a.kd_admin_bt:hover {
	color: #003391;
	text-decoration: underline;
}

#kdColorEditorParentColours div.kdEditorColorBox {
	position: relative;
	cursor: pointer;
	float: left;
	width: 151px;
	height: 30px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin: 1px 1px 1px 1px;
	
	webkit-box-shadow: inset 2px 2px 7px 0px rgba(255,255,255,0.5);
    -moz-box-shadow: inset 2px 2px 7px 0px rgba(255,255,255,0.5);
    box-shadow: inset 2px 2px 7px 0px rgba(255,255,255,0.5);
    
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}
#kdColorEditorParentColours div.kdEditorColorBox:hover {
	webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#kdColorEditorParentColours .kd_sample_color_label {
	pointer-events: none;
    font-size: 10px;
    padding-top: 1px;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 5px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 18px;
    line-height: 14px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.22);
    color: white;
    
	-webkit-transition:  .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition:  .25s ease-in-out;
	transition: .25s ease-in-out;
}
#kdColorEditorParentColours div.kdEditorColorBox:hover .kd_sample_color_label, #kdColorEditorParentColours div.kdEditorColorBox.kdselected .kd_sample_color_label {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}
#kdColorEditorParentColours div.kdEditorColorBox.kdselected .kd_sample_color_label {
	box-shadow: 0px 0px 12px 2px #242424;
	-webkit-box-shadow: 0px 0px 12px 2px #242424;
	-moz-box-shadow: 0px 0px 12px 2px #242424;
	-o-box-shadow: 0px 0px 12px 2px #242424;
    background: rgba(255, 255, 255, 0.22);
    color: black;
}
#kdColorEditorTestArea {
	height: 80px;
	line-height: 80px;
	border: 1px solid black;
}
.kdColorEditorPicker { 
	display: inline-block;
    border: 2px solid;
    height: 20px;
    width: 20px;
    cursor: pointer;
    position: absolute;
    right: 0px;
}
.kdColorEditorPickerSub {
	border: 2px solid #d2d2d2;
    height: 100%;
    width: 100%;
}
.kdColorEditorPickerTitle {
	

}
.color-picker {
	z-index:9999999 !important;
	/* position: fixed !important; */
}
#kdPopupColorEdit .kdPopupGroupButton {
    text-align: right;
}

#kd_boxColourize .kd_smenu .kd_layer_editor {
	display: none;
	position: absolute;
    top: -1px;
    left: 94px;
    background-color: #d6d6d6;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
}
#kd_boxColourize .kd_smenu:hover .kd_layer_editor {
	display: block;
}

.kdPopupEmbel .kdPopupMain {
    width: 685px !important;
}
.kdPopupEmbel .kdPopupEmbelList {
    max-height: 330px;
    overflow-y: overlay;
}
.kdPopupEmbelItem {
	float: left;
    border: 1px solid;
    margin-right: 2px;
    margin-left: 1px;
    margin-bottom: 3px;
    cursor: pointer;
    position: relative;
}
.kdPopupEmbelItem:hover {
    border: 1px dashed;
}
.kdPopupEmbelItem img {
	width: 100px;
	height: 100px;
	
	pointer-events : none;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently
	                                supported by Chrome and Opera */
}
.kdPopupEmbelItemTitle {
    bottom: 0px;
    background: rgb(156, 156, 156);
    position: absolute;
    left: 50%;
    margin: 0 auto;
    transform: translateX(-50%);
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 10px;
    color: white;
    line-height: 12px;
}
.kdnoselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently
	                                supported by Chrome and Opera */
}

#kdPopupEmbellishmentsEdit .kdPopupMain.kdMain {
	left: 0px;
	
    -webkit-transition: left 250ms ease-out;
    -moz-transition: left 250ms ease-out;
    -o-transition: left 250ms ease-out;
    transition: left 250ms ease-out;
}
#kdPopupEmbellishmentsEdit #kdPopupPreviewColorPanel {
	display: none;
	width: 290px;
}

#kdPopupEmbellishmentsEdit.editorOpen .kdPopupMain.kdMain {
	left: -240px;
}
#kdPopupEmbellishmentsEdit.editorOpen #kdPopupPreviewColorPanel {
	display: block;
	right: -740px;
}
#kdPopupEmbellishmentsEdit.editorOpen #kdPopupPreviewColorPanel label {
	cursor: pointer;
	position: relative;
}
#kdPopupEmbellishmentsEdit.editorOpen #kdPopupPreviewColorPanel img {
	cursor: pointer;
	width: 100px;
	height: 100px;
	border: 1px solid black;
	background-image: url('assets/transchecker.gif');
	
	pointer-events : none;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently
	                                supported by Chrome and Opera */
}
#kdPopupEmbellishmentsEdit.editorOpen #kdPopupPreviewColorPanel span.kdEmbelProgress {
    position: absolute;
    bottom: 1px;
    right: 1px;
    background-color: #ffc500;
    border-top-left-radius: 12px;
    padding-left: 10px;
    padding-right: 2px;
    line-height: 15px;
    font-size: 11px;
    font-family: arial;
}

.rangeSliderParent.inlineSlider {
	padding-left: 97px;
	padding-top: 5px;
}


#kdBt_Copy_Color, #kdBt_Past_Color {
    width: 17px;
    display: inline-block;
    text-align: center;
    background-color: #0b80ac;
    color: white;
    line-height: 15px;
    height: 15px;
    margin-left: 1px;
    font-size: 13px;
}
#kdBt_Copy_Color:hover, #kdBt_Past_Color:hover {
    background-color: black;
}
/*Added new css for the test perform*/
.kitdesigner_custom_msg{
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
}
.cust_msg{
    color: black;
}