@CHARSET "UTF-8";
p{margin:0px;}

.htmlContainerBlue { 
    background-color: #FFF; 
    overflow: hidden; 
    margin-left: 20px; 
    margin-right: 20px; 
    padding: 5px; 
    padding-top: 2px; 
    float: left; 
    margin-bottom: 10px; 
    box-shadow: 3px 3px 6px #BBB!important; 
    -moz-box-shadow: 3px 3px 6px #BBB; 
    -webkit-box-shadow: 3px 3px 6px #BBB; 
}

.htmlContainerBlue>input[type=text]:focus { background-color: #FFF; }

.htmlContainerBlue>input[type=text]::-webkit-input-placeholder {
  color: #CCC;
  font-style: italic;
  font-weight: normal !important;
  font-size: 18px !important;
  line-height: 22px;
}

.htmlContainerBlue>input[type=text]::-moz-placeholder { /* Firefox 18- */
  color: #CCC;
  font-style: italic;
  font-weight: normal !important;
  font-size: 18px !important;
  line-height: 22px;
}

.htmlContainerBlue>input[type=text]::-moz-placeholder {  /* Firefox 19+ */
  color: #CCC;
  font-style: italic;
  font-weight: normal !important;
  font-size: 18px !important;
  line-height: 22px;
}

.htmlContainerBlue>input[type=text]::-ms-input-placeholder {  
  color: #CCC;
  font-style: italic;
  font-weight: normal !important;
  font-size: 18px !important;
  line-height: 22px;
}

.product_name { font-size: 26px; }

.generalFormHolder { margin: 0px; }
.generalFormHolder form { margin: 0px; padding: 0px; }
.generalFormHolder dd { margin: 0px; padding: 0px; }
.generalFormHolder .zend_form { margin: 0px; padding: 0px; }
.generalSubsection {
    position: relative; 
    box-shadow: 3px 3px 6px #BBB!important; 
    -moz-box-shadow: 3px 3px 6px #BBB; 
    -webkit-box-shadow: 3px 3px 6px #BBB; 
}

.formSubsection { background-color: #FFF; width: auto; position: relative; box-shadow: 3px 3px 6px #BBB; }
.generalFormHolder .formSubsection  { width: auto; position: relative; box-shadow:none; }
.generalFormHolder .formSubsection .formSubsectionTop { background-color: #058ec2; border-top-right-radius: 6px; border-top-left-radius: 6px; overflow: hidden; clear:both;  }

.generalFormHolder .formSubsection .formSubsectionTop .formSubsectionTopTitle { background-color: #058ec2; color: #FFFFFF; font-family: Arial; font-size: 18px; padding-top: 5px; padding-left: 15px; height: 26px; }
.generalFormHolder .formSubsection .formSubsectionTop .formSubsectionSubTitle { 
background-color: #c3d9ff; 
color: #000000; 
font-family: Arial; 
font-size: 13px; 
padding-top: 4px; 
padding-bottom: 4px; 
border-left: 1px solid #058ec2; 
border-right: 1px solid #058ec2; 
padding-left: 15px; 
}
.generalFormHolder .formSubsection .formSubsectionTop .formSubsectionSubTitle.toggle { padding: 0px; }
.generalFormHolder .formSubsection .formSubsectionTop .toggleBtn { 
    /*position: absolute; right: 0px; top:-27px; */
    margin-top: 3px; margin-left: 5px; margin-right: 10px;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    color: white;
    border: 2px solid #469132;
    background-color: #5FC428;
    border-radius: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 90px;
    text-align: center;
    text-decoration: none; 
}

.generalFormHolder .formSubsection .formSubsectionTop .text { float: left; font-size:inherit; color:white; }
.generalFormHolder .formSubsection .formSubsectionTop .images { float: left;margin: 0px 5px 5px; }
.generalFormHolder .formSubsection .formSubsectionTop .images a { float: left; margin:0 0 0 5px; padding: 0px; background: white; border-radius: 2px;  }
.generalFormHolder .formSubsection .formSubsectionTop .images img { float:left; height: 34px; padding:3px; }

.generalFormHolder .formSubsection .formSubsectionTop span { float: left; margin: 0px 1px; line-height: 18px; color:white; }


.document_info { min-width: 400px; }
.document_info .cell { padding: 0px 5px!important; margin-bottom:2px!important; }
.document_info .cell .text { margin-top:0px!important; }
.document_info .title { font-size: 18px; color: #000; }
.document_info .title .document_type { font-size: 18px; color: #000; }
.document_info .title .document_number { font-size: 20px; color: #000; font-weight: bold; }
.document_info .payment_info .label { font-size: 12px !important; }
.document_info .payment_info .payment_type { font-size: 14px; font-weight: bold; }

.content { border-top: 1px solid #000; padding-top: 10px; position: relative; }
.content.v2 { float: left; clear:left; width: 100%; margin-top: 44px; }
.content  .tabs { position: absolute; height: 36px; top: -34px; left: 10px; }
.content  .tabs li a { background: #2dacd9; }
.content  .tabs li { list-style: none; float:left; height: 33px; }
.content  .tabs li a { text-decoration: none; float:left; padding: 5px 10px; line-height: 22px; background: #FFF;  margin-right: 5px; color: #000; border: 1px solid #CCCCCC; border-bottom: none; background: #e7e7e7; font-size: 14px; position: relative; }
.content  .tabs li a > .count { padding-right: 20px; }
.content  .tabs li a .count { background: #FFF; padding: 3px; line-height: 12px; height: 12px; font-size: 10px; border-radius:5px; border: 1px solid #CCC; }
.content  .tabs li.active a { background: #FFF; color: #000; font-weight: bold; padding-bottom: 6px; border-color: #000;  }


.generalFormHolder .formSubsection .formSubsectionTop .documentProperty span { margin: 0px; color: #000; line-height: 14px; margin-right: 2px; }
.generalFormHolder .formSubsection .formSubsectionTop .documentProperty { 
    background-color: #DDD;
    border-radius: 4px;
    color: #000!important;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    line-height: 14px;
    float:left;
    
}

.generalFormHolder .formSubsection .formSubsectionTop .documentPropertyLabel { 
    color: #FFF;
    font-family: Arial;
    font-size: 18px;
    float: left;
}

.generalFormHolder .formSubsection .formSubsectionTop .readOnlyRow {
    padding: 5px 0px;
    color:white;
    float:left;
    clear:both;
    width:100%;
    position: relative;
    background: #e8f1ff;
    border-bottom: 1px solid #058EC2;
}

.generalFormHolder .formSubsection .formSubsectionTop .readOnlyRow span { color:black; margin-left:10px; }
.generalFormHolder .formSubsection .formSubsectionTop .readOnlyRow span.documentProperty { margin-left: 2px; font-size: 20px; font-weight: bold; padding: 2px; }
.generalFormHolder .formSubsection .formSubsectionTop .readOnlyRow span.documentPropertyLabel { font-size: 14px; }
.generalFormHolder .formSubsection .formSubsectionTop .readOnlyRow .images {
    float:right;
}

.generalFormHolder .formSubsection .formSubsectionTop .readOnlyRow .documentProperty { font-size: 12px; }

.generalFormHolder .formSubsection .formSubsectionContent { padding: 10px 20px 10px 10px; min-height: 30px; clear: both; position: relative; }
.generalFormHolder .formSubsection .formSubsectionContent table td { vertical-align:top; }
.generalFormHolder .formSubsection .formSubsectionContent table td.listerTableCell { vertical-align:middle; }
.generalFormHolder .formSubsection .formSubsectionContent table td.checkboxCell { vertical-align:middle; }
.generalFormHolder .formSubsection .formSubsectionContent .cell { float:left; padding: 5px; position: relative; }
.generalFormHolder .formSubsection .formSubsectionContent .cell_cozy { float:left; padding: 2px; position: relative; margin-right:  10px;}


.generalFormHolder .formSubsection .formSubsectionContainer { position: relative; }
.generalFormHolder .formSubsection .formSubsectionContainer.toggle { display: none; }

.generalFormHolder .formSubsection .formSubsectionContent table.inlineTable td { vertical-align:middle; }
.generalFormHolder .formSubsection .formSubsectionContent table.attributeTable .text { width:300px; }
.generalFormHolder .formSubsection .formSubsectionContent table.attributeTable .textarea { width:300px; height:50px; }
.generalFormHolder .formSubsection .formSubsectionContent table.sizesTable .text { width:100px; }
.generalFormHolder .formSubsection .formSubsectionContent table.sizesTable .textarea{width:300px; height:50px;}

.generalFormHolder .formSubsection .formSubsectionContent table.sizesTable .handle{cursor:move; background-color:#cccccc;}
.generalFormHolder .formSubsection .formSubsectionContent table.sizesTable .labelName{width:100px;}

.generalFormHolder .formSubsection .formSubsectionContent .sizesPopupEditor{display:none;}


.generalFormHolder .formSubsection .formSubsectionContent dl { margin:0px;padding:0px; }

.generalFormHolder .formSubsection .formSubsectionContent fieldset {margin:0px;padding:0px;margin-top:-25px;margin-left:0px; padding-bottom: 20px;border:none;}

.generalFormHolder .formSubsection .formSubsectionContent fieldset fieldset {margin:0px;margin-top:-17px; padding: 0px;}
.generalFormHolder .formSubsection .formSubsectionContent fieldset fieldset .edit_form_element{ float:left;margin:0px; padding: 0px;margin-bottom:-20px;}

.generalFormHolder .formSubsection .formSubsectionContent fieldset dt{margin-left:0px; padding: 0px;color:#666666; font-family:verdana; font-size: 14px; font-weight:bold;}
.generalFormHolder .formSubsection .formSubsectionContent fieldset dd{margin-left:0px; padding-bottom: 20px;margin-right:20px}

.generalFormHolder .formSubsection .formSubsectionContent dd input {margin-top: 3px; border: 1px solid #CDCDCD; padding:3px;}

.generalFormHolder .formSubsection .formSubsectionContent .label { color: #000000; font-family:verdana; font-size: 13px; font-weight: bold;  }
.generalFormHolder .formSubsection .formSubsectionContent .label span { font-weight: bold;  color: black;}
.generalFormHolder .formSubsection .formSubsectionContent .label_help { color: #000000; font-family:verdana; font-size: 13px; font-weight: bold; background-image: url('../images/template/help/help_icon.png'); background-repeat: no-repeat; padding-right: 20px; background-position: right top; cursor: help; }
.generalFormHolder .formSubsection .formSubsectionContent .subLabel {color:#666666; font-family:verdana; font-size: 12px; font-weight:normal;}

.generalFormHolder .formSubsection .formSubsectionContent .checkboxes {}
.generalFormHolder .formSubsection .formSubsectionContent .checkboxes label {margin-right: 7px; }
.generalFormHolder .formSubsection .formSubsectionContent .text { color:#000000; background-color: #FFFFFF; border: 1px solid #CCC; padding-left: 3px; margin-top: 3px; width: 153px; height: 22px; float:left; clear:left; }
.generalFormHolder .formSubsection .formSubsectionContent .toggle .label { margin-left: 7px; }
.generalFormHolder .formSubsection .formSubsectionContent .toggle .text { border: 1px solid #FFF; border-bottom: 1px solid #CCC; }
.generalFormHolder .formSubsection .formSubsectionContent .toggle select { border: 1px solid #FFF; padding: 0px; border-bottom: 1px solid #CCC; }
.generalFormHolder .formSubsection .formSubsectionContent .toggle select { padding: 0px; }
.generalFormHolder .formSubsection .formSubsectionContent .toggle .text:hover { border: 1px solid #CCC;}
.generalFormHolder .formSubsection .formSubsectionContent .toggle .text[disabled]:hover { border: none; }
.generalFormHolder .formSubsection .formSubsectionContent .text:focus { color:#000000; background-color: #EEEEEE; border: 1px solid #78d5e4; }
.generalFormHolder .formSubsection .formSubsectionContent .select { color:#000000; background-color: #FFFFFF; border:1px solid #a8a9ab; margin-top: 3px; width: 158px; height: 24px; float: left; clear:left;  }
.generalFormHolder .formSubsection .formSubsectionContent .select.boolean { margin-top: 0px; }
.generalFormHolder .formSubsection .formSubsectionContent .select:hover { border: 1px solid #CCC; }
.generalFormHolder .formSubsection .formSubsectionContent .select:focus { border: 2px solid #78d5e4; height: 22px; line-height: 22px; border-radius: 3px;}
.generalFormHolder .formSubsection .formSubsectionContent .select.selectMultiple { height: 96px; }
.generalFormHolder .formSubsection .formSubsectionContent .select.selectMultiple:focus { height: 96px; }
.generalFormHolder .formSubsection .formSubsectionContent .textarea { color:#000000; background-color: #FFFFFF; border:1px solid #a8a9ab; padding:3px; margin-top: 3px;  float:left; clear:left; }
.generalFormHolder .formSubsection .formSubsectionContent .textarea:focus { color:#000000; background-color: #EEEEEE; border:2px solid #78d5e4; padding:2px; margin-top: 3px; border-radius: 3px; }

.generalFormHolder .formSubsection .formSubsectionContent .text:disabled,
.generalFormHolder .formSubsection .formSubsectionContent .select:disabled,
.generalFormHolder .formSubsection .formSubsectionContent .textarea:disabled { border:none; background: none; padding-left: 0px; } 

div.edit_form_button_container { background-color: #383a39; cursor: pointer; margin: 5px; float: left; }

div.edit_form_button_image_blue { width: 30px; height: 30px; background-color: #4285f4; float: left; background-position: center; background-repeat: no-repeat; }
div.edit_form_button_image_red { width: 30px; height: 30px; background-color: #d14836; float: left; background-position: center; background-repeat: no-repeat; }
div.edit_form_button_image_green { width: 30px; height: 30px; background-color: #56b024; float: left; background-position: center; background-repeat: no-repeat; }
div.edit_form_button_image_yellow { width: 30px; height: 30px; background-color: #e7d900; float: left; background-position: center; background-repeat: no-repeat; }
div.edit_form_button_image_darkblue { width: 30px; height: 30px; background-color: #315fc7; float: left; background-position: center; background-repeat: no-repeat; }

div.edit_form_button_container span.label { color: #FFF; font-size: 11px; font-weight: bold; line-height: 30px; padding: 0 8px; }

.edit_form_save { } 
.edit_form_save:focus {  } 
.edit_form_save:hover {  } 

.edit_form_button { float: left; cursor: pointer; background-color: #383a39; border: none;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 27px;
    min-width: 72px;
    outline: 0;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
} 

.edit_form_blue { background-color: #383a39; color: white; }
.edit_form_green { background-color: #383a39; color: #FFF; border: none; }
.edit_form_red { background-color: #383a39; color: white!important; }


.edit_form_apply.inactive, .edit_form_apply.inactive:focus, .edit_form_apply.inactive:hover { background: #CCC; font-weight: normal; border-color:#999; color:#666; cursor:default; }


.generalFormHolder .formSubsection .formSubsectionBottom { background-color: #FFF; overflow: hidden; padding-left: 7px; padding-right: 7px;  clear:both;}



.generalFormHolder .formSubsection .formSubsectionContent .uploadedItems { margin-left: -5px; }

.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem { float:left; padding:2px; margin-right:4px; margin-bottom:2px; margin-top:2px; position: relative; }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .label { width: 100px; display: block; font-size: 10px; margin: auto; overflow: hidden; color: #2289cc; margin-top: -30px; z-index: 6; }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .label input {width: 100px; font-size:10px;}
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .label textarea {width:92px; height:22px; font-size:10px;}
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItemPlaceholder { float:left; padding:2px; margin-right:4px; background-color:#EEEEEE; border:3px dashed #DDDDDD;  margin-bottom:2px; margin-top:2px;}
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .closeButton { width:16px; height:16px;  background-color:#CC0000; z-index:2; display:none; position: absolute; right: 0; top: 0; z-index: 7;}
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .previewButton {width:16px; height:16px; position:absolute; background-image:url('../images/template/preview.png'); z-index:2; display:none; bottom:25px; right:1px;}

.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .preview { position: relative;  }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .preview .checkbox_cnt { position: absolute; top:-5px; left: -5px; padding: 5px; background:rgba(255,255,255,0.9); }

.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .preview img { box-shadow: 3px 3px 6px #BBB; position: absolute; margin: auto; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 5; }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .preview span { position: absolute; z-index: 6; color: #2289cc; font-size: 12px; font-weight: bold; bottom: 0px; left: 0px; right: 0px; line-height: 16px; max-height: 32px;  text-align: center; padding: 2px 5px; background: rgba(255,255,255, 0.8); overflow: hidden; }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .justUploaded {background-image:url('../images/template/icons/uploaded.png');}
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .handle { z-index:2; display:none; top:1px; left:1px; cursor:move; background-color:#cccccc; position: absolute; top:0; left: 0; z-index: 7;  }

.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .inputs { bottom:2px; padding-top: 5px;}
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .inputs input.nameInput { width: 165px; background:none; border:1px solid #EEEEEE; padding:1px; }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .inputs .extensionInput { background: none; width:20px; border:none; padding:1px;border:1px solid #EEEEEE;}

.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem:hover .inputs input.nameInput { background:#ffffff; border:1px solid #AAAAAA; }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem:hover .closeButton { display:block; }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem:hover .handle { display:block; }


.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem table td { vertical-align:middle; padding-right:5px; }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem table input { padding:2px;  }
.generalFormHolder .formSubsection .formSubsectionContent .uploadedItem .uploadedItemSrc { background: #FFF;}

.generalFormHolder .formSubsection .formSubsectionContent .fileThumbnailsItemDialog table.dialogTable { width:100%; }
.generalFormHolder .formSubsection .formSubsectionContent .fileThumbnailsItemDialog table.dialogTable td{vertical-align:top;}
.generalFormHolder .formSubsection .formSubsectionContent .fileThumbnailsItemDialog table.dialogTable .text{width:180px;}
.generalFormHolder .formSubsection .formSubsectionContent .fileThumbnailsItemDialog table.dialogTable .textarea{width:180px;}
.generalFormHolder .formSubsection .formSubsectionContent .fileThumbnailsItemDialog table.dialogTable .previewImage{text-align:center; width:300px; vertical-align:middle;}
.generalFormHolder .formSubsection .formSubsectionContent .fileThumbnailsItemDialog table.dialogTable .previewImage img{border:5px solid #CCCCCC;}
.generalFormHolder .formSubsection .formSubsectionContent .htmlContentZone .text{width:400px;}
.generalFormHolder .formSubsection .formSubsectionContent .htmlContentZone .textarea{width:400px;}




.generalFormHolder .formSubsection .formSubsectionContent .completeAttributesTable{width:100%;border-top:1px solid #0a2749; border-left:1px solid #0a2749; }
.generalFormHolder .formSubsection .formSubsectionContent .completeAttributesTable .completeAttributesTableTd{padding:5px; vertical-align:middle; border-bottom:1px solid #0a2749; border-right:1px solid #0a2749;}
.generalFormHolder .formSubsection .formSubsectionContent .completeAttributesTable .completeAttributesTableTh{padding:5px; text-align:left; vertical-align:middle; font-weight:bold;border-bottom:1px solid #0a2749;border-right:1px solid #0a2749;}
.generalFormHolder .formSubsection .formSubsectionContent .completeAttributesTable .text{width:90%;}
.generalFormHolder .formSubsection .formSubsectionContent .completeAttributesTable .firstTd{}
.generalFormHolder .formSubsection .formSubsectionContent .select{padding:2px;}

.generalFormHolder .formSubsection .sizesAttributesTable{}
.generalFormHolder .formSubsection .sizesAttributesTable td{vertical-align:auto;}
.generalFormHolder .formSubsection .sizesAttributesTable .text, .generalFormHolder .formSubsection .sizesAttributesTable .textarea{ padding:1px; font-size:10px; width:100px; margin-bottom:1px;}
.generalFormHolder .formSubsection .sizesAttributesTable .textarea{height:40px;}

.generalFormHolder .formSubsection .formSubsectionContent  .advancedSelect{}
.generalFormHolder .formSubsection .formSubsectionContent  .advancedSelect td{vertical-align:middle;}
.generalFormHolder .formSubsection .formSubsectionContent  .advancedSelect select{width:200px; height:300px;}
.generalFormHolder .formSubsection .formSubsectionContent  .advancedSelect .searchInput{width:150px;}
.generalFormHolder .formSubsection .formSubsectionContent  .advancedSelect .operationButton{width:60px;}
.generalFormHolder .formSubsection .formSubsectionContent  .advancedSelect .sourceSelect .hidden{display:none; color:red;}
.generalFormHolder .formSubsection .formSubsectionContent  .advancedSelect .sourceSelect .added{color:#ccc;}


.generalFormHolder .transferSelect {}
.generalFormHolder .transferSelect select{width:250px; height:200px;}
.generalFormHolder .transferSelect .searchInput{width:246px;}
.generalFormHolder .transferSelect .operationButton{width:60px;}
.generalFormHolder .transferSelect .added{color:#ccc;}

.generalFormHolder .transferSelect .destinationList{text-align:left; list-style:none; height:194px; width:250px; border:1px solid #ccc; overflow:auto; padding:2px;margin-left:10px;}
.generalFormHolder .transferSelect .destinationList .handle{float:left; margin-right:2px; background-color:#cccccc;}
.generalFormHolder .transferSelect .destinationList .closeButton{float:left; margin-right:5px; }
.generalFormHolder .transferSelect .destinationList .closeButton:hover{background-color:#CC0000;}
.generalFormHolder .transferSelect .destinationList li{clear:both; margin-bottom:2px;}


.sizesItems{padding-left:10px; list-style:none; }
.sizesItems li{padding:2px;}


.ruleBuilder{}
.ruleBuilder .ruleBuilderGroups{padding:3px;}
.ruleBuilder .ruleBuilderGroup{width:458px; height:205px; margin-right:5px; border:2px dashed #CACACA; float:left; padding:5px; margin-bottom:5px; background:#fff;}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItems{height:162px;overflow:auto;}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItem{}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItem .ruleBuilderItemQuantity{width:15px; font-size:11px;}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItem .ruleBuilderItemCode{width:110px; font-size:11px;}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItem .ruleBuilderItemDiscount{width:35px; font-size:11px;}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItem .ruleBuilderItemOldPrice{width:50px; font-size:9px; height:14px;}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItem .ruleBuilderItemFinalPrice{width:50px; font-size:9px; height:14px;}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItem .ruleBuilderItemInitialDiscount{width:50px; font-size:9px; height:14px;}
.ruleBuilder .ruleBuilderGroup .ruleBuilderItem .ruleBuilderItemPackagePrice{width:50px; font-size:9px; height:16px; background:lightgreen; border:1px solid #CACACA;}
.ruleBuilder .ruleBuilderRemoveItemButton{width:18px; font-size:11px; height:18px; background:#EDEDED; border:1px solid #CACACA;}
.ruleBuilder .ruleBuilderRemoveGroupButton{font-size:11px; height:18px; background:#EDEDED; border:1px solid #CACACA;}
.ruleBuilder .addGroupButton{font-size:11px; height:18px; background:#EDEDED; border:1px solid #CACACA;}
.ruleBuilder .ruleBuilderAddItemButton{font-size:11px; height:18px; background:#EDEDED; border:1px solid #CACACA;}
.ruleBuilder .groupHandle, .ruleBuilder .handle{background-color:#ccc;}
.ruleBuilder .closeButton{float:right; margin-left:3px;}
.ruleBuilder .groupHandle{float:right;}
.ruleBuilder .closeButton:hover{background-color:#cc0000;}
.ruleBuilder .tools{height:20px;}
.clasicButton{font-size:11px; height:18px; background:#EDEDED; border:1px solid #CACACA;}


.filterOptions { }
.filterOptions li { list-style-type:none; padding: 2px; }
.filterOptions .handle { float:left; }
.filterOptions .closeButton { float:left; background-color: #ccc; margin-right:5px; margin-bottom:-2px; }
.filterOptions .closeButton:hover { background-color:#CC0000; }


.cascadePriorityDown {cursor:pointer; background-color:#ccc; float:right; visibility:hidden;}
.cascadePriorityUp {cursor:pointer; background-color:#ccc; float:right; margin-right:2px; visibility:hidden;}

.listerTableRow:hover .cascadePriorityDown{visibility:visible;}
.listerTableRow:hover .cascadePriorityUp{visibility:visible;}

.input_transparent[type=text] { 
    background-color:transparent; 
    border: 0px; 
    height: 27px; 
    float:left; 
    margin-top: 0px;
}

.input_link[type=text] {
    cursor:pointer;
    cursor:hand;
/*    margin-right: 20px;*/
}


.options_button { 
    font-size: 12px; 
    font-family: Arial; 
    font-weight: bold; 
    color: #FFFFFF; 
    border: 2px solid #737a82; 
    background-color: #a8a9ab; 
    border-top-right-radius: 4px;	
    border-top-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
    border-bottom-left-radius: 4px; 
    padding-top: 3px; 
    padding-bottom: 3px; 
    margin-left: 8px; 
    float:left; 
    cursor:pointer; 
    margin-top: 7px; 
    margin-bottom: 7px; 
    background-image:url('../images/template/big_down_arrow.png'); 
    background-repeat:no-repeat; 
    background-position: right; 
    padding-left: 7px; 
    padding-right: 30px; 
} 

.options_button:focus { color: #000; } 
.options_button:hover { color: #000; } 

ul.options_button_values { 
    background-color: #ffff99; 
    border: 2px solid #058ec2; 
    clear:both;
    width:auto;
    position: relative;
    list-style: none;
    display: none;
}

ul.options_button_values li {
    line-height: 20px; border-bottom: 1px solid #333; 
    padding: 5px 10px;
    cursor: hand; 
    cursor: pointer;
}
ul.options_button_values li:hover { background: white; }
ul.options_button_values li a { text-decoration: none;}
ul.options_button_values li:last-child { border-bottom: none; }

.options_button_container {
    float: left;
    
    background-image:url('../images/template/ResultTable/point_to.png'); 
    background-repeat:no-repeat; 
    background-position: left;    
    margin-left: 65px;
    padding-left: 30px;
    position: relative;
}


.ruleBuilderNew {
}
.ruleBuilderNew .ruleBuilderNewGroups {
    padding: 3px;
}
.ruleBuilderNew .ruleBuilderNewGroup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px dashed #CACACA;
    float: left;
    height: 300px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px;
    width: 500px;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItems {
    height: 260px;
    overflow: auto;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem {
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewSelectCurrentItem {
    background: none repeat scroll 0 0 lightblue;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem .ruleBuilderNewItemAccessories {
    border: 1px solid #666666;
    padding-left: 20px;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem .ruleBuilderNewItemQuantity {
    font-size: 11px;
    width: 15px;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem .ruleBuilderNewItemCode {
    font-size: 11px;
    width: 110px;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem .ruleBuilderNewItemDiscount {
    font-size: 11px;
    width: 35px;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem .ruleBuilderNewItemOldPrice {
    font-size: 9px;
    height: 14px;
    width: 50px;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem .ruleBuilderNewItemFinalPrice {
    font-size: 9px;
    height: 14px;
    width: 50px;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem .ruleBuilderNewItemInitialDiscount {
    font-size: 9px;
    height: 14px;
    width: 50px;
}
.ruleBuilderNew .ruleBuilderNewGroup .ruleBuilderNewItem .ruleBuilderNewItemPackagePrice {
    background: none repeat scroll 0 0 lightgreen;
    border: 1px solid #CACACA;
    font-size: 9px;
    height: 16px;
    width: 50px;
}
.ruleBuilderNew .ruleBuilderNewRemoveItemButton {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #CACACA;
    font-size: 11px;
    height: 18px;
    width: 18px;
}
.ruleBuilderNew .ruleBuilderNewRemoveGroupButton {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #CACACA;
    font-size: 11px;
    height: 18px;
}
.ruleBuilderNew .ruleBuilderNewAddGroupButton {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #CACACA;
    font-size: 11px;
    height: 18px;
}
.ruleBuilderNew .ruleBuilderNewAddItemButton {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #CACACA;
    font-size: 11px;
    height: 18px;
}
.ruleBuilderNew .ruleBuilderNewAddAccessoryButton {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #CACACA;
    float: right;
    font-size: 11px;
    height: 18px;
}
.ruleBuilderNew .ruleBuilderNewGroupHandle, .ruleBuilderNew .ruleBuilderNewHandle, .ruleBuilderNew .ruleBuilderNewHandleAccessory {
    background-color: #CCCCCC;
    cursor: move;
}
.ruleBuilderNew .ruleBuilderNewCloseButton {
    float: right;
    margin-left: 3px;
}
.ruleBuilderNew .ruleBuilderNewGroupHandle {
    float: right;
}
.ruleBuilderNew .ruleBuilderNewCloseButton:hover {
    background-color: #CC0000;
}
.ruleBuilderNew .ruleBuilderNewTools {
    height: 20px;
}

input[type=text]  {
    background-color: #FFFFFF;
    border: 1px solid #A8A9AB;
    color: #000000;
    height: 22px;
    margin-top: 3px;
    text-indent: 3px;
/*    width: 153px;*/
}


select {
    background-color: #FFFFFF;
    border: 1px solid #A8A9AB;
    color: #000000;
    height: 22px;
    margin-top: 3px;
    padding-left: 3px;
    width: 153px;
}

.phone_name{
    float:left; 
    position:relative;
}

.easy_edit_item_name{
    float:left; 
    position:relative;
    margin-right:20px;
}

textarea.address_easy_edit_value_input {
    width: 400px;
    height: 50px;
}

#phone-overlay{
    background: black;
    background: rgba(0,0,0,0.85);
    color: white;
/*    display: none;*/
    font-size: 24px;
    height: 100%;
    padding: 20px;
    position: fixed;
    width: 100%;
}
.dialog-form .errors { color: red; font-weight: bold;}
.dialog-form .warnings { color: orangered; font-weight: bold;}
.dialog-form fieldset { border: none; }
.dialog-form fieldset .row { float:left; clear:left; margin-top:5px;  }
.dialog-form fieldset .cell_cozy { float:left; padding: 2px; position: relative; margin-right:  10px;} 
.dialog-form fieldset label, .dialog-form fieldset .label { font-weight: bold; }
.dialog-form fieldset label span, .dialog-form fieldset .label span { float: left; clear:left; }
.dialog-form fieldset label.checkbox span, .dialog-form fieldset .label.checkbox span { clear:none; }
.dialog-form fieldset label, .dialog-form fieldset input, .dialog-form fieldset textarea, .dialog-form fieldset .label { float:left; margin:0px; }
.dialog-form fieldset label, .dialog-form fieldset .label { margin-right: 5px; }
.dialog-form fieldset label:last-child { margin-right: 0px; }
.dialog-form fieldset input, .dialog-form fieldset select, .dialog-form fieldset textarea { float: left; clear:left;width:260px; margin-bottom: 3px; }
.dialog-form fieldset select { height: 24px; }
.dialog-form fieldset input[type=checkbox], .dialog-form fieldset label.checkbox { width:auto; }
.dialog-form fieldset input[type=radio], .dialog-form fieldset label.checkbox { width:auto; }
.dialog-form fieldset input[type=checkbox] { margin: 6px 5px 6px 0; }
.dialog-form fieldset input[type=radio] { margin: 6px 5px 6px 0; }
.dialog-form fieldset textarea { height: 50px; }
.dialog-form fieldset .multipleAutocomplete.focusable input { width:99%; }

.dialog-form-free .errors { color: red; font-weight: bold;}
.dialog-form-free .warnings { color: orangered; font-weight: bold;}
.dialog-form-free fieldset { border: none; }
.dialog-form-free fieldset .row { float:left; clear:left; margin-top:5px;  }
.dialog-form-free fieldset .cell_cozy { float:left; padding: 2px; position: relative; margin-right:  10px;} 
.dialog-form-free fieldset label, .dialog-form-free fieldset .label { font-weight: bold; }
.dialog-form-free fieldset label span, .dialog-form-free fieldset .label span { float: left; clear:left; }
.dialog-form-free fieldset label, .dialog-form-free fieldset input, .dialog-form-free fieldset textarea, .dialog-form-free fieldset .label { float:left; }
.dialog-form-free fieldset label, .dialog-form-free fieldset .label { margin-right: 5px; }
.dialog-form-free fieldset label:last-child { margin-right: 0px; }
.dialog-form-free fieldset input { float: left; }
.dialog-form-free fieldset select, .dialog-form-free fieldset textarea { float: left; clear:left; }
.dialog-form-free fieldset select { height: 24px; }
.dialog-form-free fieldset input[type=checkbox], .dialog-form-free fieldset label.checkbox { width:auto; }
.dialog-form-free fieldset input[type=radio], .dialog-form-free fieldset label.checkbox { width:auto; }
.dialog-form-free fieldset input[type=checkbox] { margin: 6px 5px 6px 0; }
.dialog-form-free fieldset input[type=radio] { margin: 6px 5px 6px 0; }
.dialog-form-free fieldset textarea { height: 50px; }
.dialog-form-free fieldset .multipleAutocomplete.focusable input { width:99%; }

.easy_item_input[type=text]{
    text-align: right;
    width: 80px;
}


/* messages css --------------------------------------------------------------------------*/
.message_info, .message_success, .message_warning, .message_error, .message_validation {
    border: 1px solid;
    margin: 5px 5px;
    padding:5px 2px 5px 2px;
/*    background-repeat: no-repeat;
    background-position: 10px center;*/
}
.message_info {
    color: #00529B;
    background-color: #BDE5F8;
/*    background-image: url('info.png');*/
}
.message_success {
    color: #4F8A10;
    background-color: #DFF2BF;
/*    background-image:url('success.png');*/
}
.message_warning {
    color: #9F6000;
    background-color: #FEEFB3;
/*    background-image: url('warning.png');*/
}
.message_error {
    color: #D8000C;
    background-color: #FFBABA;
/*    background-image: url('error.png');*/
}
/* end of messages css --------------------------------------------------------------------------*/

/* form with divs -------------------------------------------------------------------------------*/
div.box{
margin:0 auto;
/*width:500px;*/
background:#222;
position:relative;
/*top:50px;*/
border:1px solid #262626;
}

div.box h1{ 
color:#FFF5CC;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box label{
width:100%;
display: block;
background:#1C1C1C;
border-top:1px solid #262626;
border-bottom:1px solid #161712;
padding:10px 0 10px 0;
}
div.box label span{
display: block;
color:#bbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text{
padding:10px 10px;
width:200px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333;
border-right:1px double #333;
}

div.box .message{
padding:7px 7px;
width:350px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333;
border-right:1px double #333;
overflow:hidden;
height:150px;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#CC0000;
border:0px;
position: relative;
top:10px;
/*left:382px;*/
width:100px;
border-bottom: 1px double #660000;
border-top: 1px double #660000;
border-left:1px double #FF0033;
border-right:1px double #FF0033;
}

#sizesTable { margin-left: -11px; }
/*#sizesTable td { border: 1px solid black; border-left: none; border-top: none; }
#sizesTable tr td:first-child, #sizesTable tr td:last-child { border:none; }
#sizesTable tr td:first-child { border-right: 1px solid black; }
#sizesTable thead tr td { border: none; border-bottom: 1px solid black; }
#sizesTable thead tr td:first-child { border: none; }*/
/*#sizesTable input { background-color:transparent; border: 0px; float:left; margin-top: 0px;}*/


.green_button { font-size: 12px; font-family: Arial; font-weight: bold; color: #FFFFFF; border: 2px solid #469132; background-color: #5fc428;	border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-top: 3px; padding-bottom: 3px; min-width: 30px; cursor: pointer; margin-left: 8px; margin-top: 7px; margin-bottom: 7px; } 
.green_button:focus { color: #000; } 
.green_button:hover { color: #000; } 

table.add_person td {
    padding-right: 10px;
}

.delete_x {
    color:#970000;
    text-decoration: none;
    font-weight: bolder;
    font-size:15px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.delete_x:hover {
    color:#ED0000;
}

.postpone_p {
    color:#ED9417;
    text-decoration: none;
/*    font-weight: bolder;*/
    font-size:15px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.postpone_p:hover {
    color:#FFC26D;
}

.empty_message {
    font-style: italic;
    color: #999;
    font-size: 16px;
}

.input_transparent_focus[type=text] { 
    background-color:transparent; 
    border: 0px; 
    height: 27px; 
    margin-top: 0px;
}

.input_transparent_focus[type=text]:focus { 
    background-color:white; 
    border: 0px; 
    height: 27px; 
    margin-top: 0px;
}

.input_transparent_hover[type=text] { 
    background-color:transparent; 
    border: 0px; 
    height: 27px; 
    margin-top: 0px;

}

.input_transparent_hover[type=text]:hover { 
    background-color:white; 
    border: 0px; 
    height: 27px; 
    margin-top: 0px;
}

.input_transparent_hover[type=text]:focus{ 
    background-color:white; 
    border: 0px; 
    height: 27px; 
    margin-top: 0px;
    background-color: #EEEEEE; 
    border:2px solid #78d5e4;
}

.input_transparent_hover { 
    background-color:transparent; 
    border: 0px; 
    margin-top: 0px;
}

.input_transparent_hover:hover { 
    background-color:white; 
    border: 0px; 
    margin-top: 0px;
}

.input_transparent_hover:focus{ 
    background-color:white; 
    border: 0px; 
    margin-top: 0px;
    background-color: #EEEEEE; 
    border:2px solid #78d5e4;
}




#add_contact_person{
    float:left;
    padding-right:20px;
}

.display_on_hover_target{
    display : none;
}

.display_on_hover_parent:hover .display_on_hover_target {
    display : block;
}

.item_more{
    color:#AAAAAA;
    text-decoration: none;
    font-weight: bolder;
    font-size:20px;
    padding-left:3px;
    padding-right:3px;
}
.item_more:hover {
    color:#757575;
}



.label_td {
    font-weight: bold;
    text-align: right;
    vertical-align:middle!important;
}

.bold{
    font-weight: bold;
}


.yellowsection { margin-bottom: 15px; float: left; position: relative; background: #FFF; padding: 5px; margin-right: 10px; }
.yellowsection .ycontainer { margin: 0px 10px;  }
.yellowsection div.cell_closed { float:left; padding: 2px; position: relative; margin-right: 10px; }
.subsection_bigger_font{font-size: 14px;}

.form_subsection { float: left; background-color: #fdfcc4; padding: 15px; margin-bottom: 10px; margin-right: 10px; }

.yellowsection div.closed_info { font-size: 14px; color: #000; font-style: italic; padding: 3px; margin-top: 5px; min-height: 15px; min-width: 80px; vertical-align: middle; }

.disabled_section { z-index: 1; background-color: #ccc; opacity: 0.5; }

.paid_label { float: left; padding-left: 5px; margin-left: 5px; margin-top: 3px; padding-top: 4px; height: 20px; padding-right: 5px; font-weight: bold; }
.readOnlyRow .paid_label { margin: 0px; padding:0px 5px; line-height: 14px; border-radius: 2px; }

.formSubsectionTopTitle a {
    color:#FFFFFF;
    font-family: Arial,sans;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.greensection { margin-bottom: 10px; float: left; background: #c2ffcc; position: relative; padding: 5px; box-shadow: 3px 3px 6px #BBB; }

#js_show_sizes_link { font-size: 16px; color: #257fa1; font-weight: bold; }

label.checkbox { float:left; height: 20px; line-height: 20px; }
label.checkbox span { height: 20px; line-height: 20px; float:left;  }
.generalFormHolder .formSubsection .formSubsectionContent label.checkbox  span { color:black; font-size:12px; }
label.checkbox input[type=checkbox] { margin: 4px 4px 4px 0px; float:left; }

.toggleinput { display: inline; margin-right: 5px;}
.toggleinput span { min-height: 24px; line-height: 14px; font-size: 12px!important; padding:2px; }
.toggleinput span:hover { border:1px solid #CCC!important; padding: 1px; }
.toggleinput .input { display:inline; }

.deleteList li { list-style: none; clear:left; line-height: 16px; }
.deleteList li span { float: left; font-weight: bold; }
.deleteList li a { float: left; margin-left: 20px; color: red; }


.cell_line { float:left; padding: 2px; position: relative; }
.cell_line label{line-height: 20px}
.cell_line input{clear: none; float: none !important;}


 .generalFormHolder .formSubsection .formSubsectionContent .same_row_fix {
    clear: none;
    margin-left: 5px; 
}

.code_select{
    float: left;
    
}

.section_title {
    font-size: 16px;
    font-weight: bold;
    color: #058ec2;
    float: left;
}

.ajaxsavedlabel { position: absolute; font-size: 10px; background: green; color: white; border-radius: 2px; padding: 0px 10px 0px 10px; line-height: 10px; z-index: 9999999; }


.ajaxsavedlabel:after, .ajaxsavedlabel:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ajaxsavedlabel:after {
	border-color: rgba(23, 150, 0, 0);
	border-bottom-color: #179600;
	border-width: 4px;
	left: 50%;
	margin-left: -4px;
}

.ajaxsavedlabel:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #;
	border-width: 6px;
	left: 50%;
	margin-left: -6px;
}

.formSubsection.bankapi { padding: 10px 20px; margin-top: 10px; }
.formSubsection.bankapi .edit_form_button { padding: 0px; margin: 0px 10px 0px 0px; }
.formSubsection.bankapi .status { font-size: 18px; float: left; margin-right: 20px; line-height: 29px; }

.gotit { 
    position: absolute; top:50px; right: 20px; z-index: 99999999999; color: #FFF; 
    background-color: #357AE8;
    background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
    background-image: linear-gradient(top,#4D90FE,#357AE8);
    border: 1px solid #2F5BB7;
    color: white;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    height: 20px; padding: 10px 20px; line-height: 20px; opacity: 1; border-radius: 2px; font-size: 18px; font-weight: bold; text-decoration: none; 
}

.gotall { 
    position: absolute; bottom:50px; right: 20px; z-index: 99999999999; color: #FFF; 
    background-color: #d14836;
    background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
    background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
    background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
    background-image: -o-linear-gradient(top,#dd4b39,#d14836);
    background-image: linear-gradient(top,#dd4b39,#d14836);
    color: white!important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    height: 20px; padding: 10px 20px; line-height: 20px; opacity: 1; border-radius: 2px; font-size: 18px; font-weight: bold; text-decoration: none; 
}