/* sales form */

.create-form-instruction {clear: both; font-size: 16px; color:#333; margin-bottom: 20px; border: 1px #d5d5d5 solid; background-color: #fafafa; padding: 10px; border-radius: 10px;}
.create-form-instruction .steps {margin: 5px 0 10px 35px; font-size: 15px; color:#CE3A17; list-style-type:none;}
.create-form-instruction .steps li span {font-weight: bold; }
.create-form-instruction .steps li span.note {font-size: 14px; color: #666; font-weight: normal; }
.create-form-instruction .reg-steps {margin: 1px 0 10px 35px; font-size: 15px; color:#CE3A17; }
.create-form-instruction .reg-steps div {line-height: 22px; }
.create-form-instruction .reg-steps div span {font-weight: bold; font-size: 14px;}
.create-form-instruction .reg-steps div span.note {font-weight: normal; font-size: 14px; color: #666; }


.create-form-general {margin-bottom: 40px; border: 1px rgb(63, 81, 181) solid; clear:both; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff; }
.create-form-general .title {color:#fff;background: rgb(63, 81, 181); font-size: 18px;padding: 15px 5px 15px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.create-form-general .content-edit {padding: 20px 10px 0 10px;} 
.create-form-general .content-edit label {padding-top: 4px; margin-bottom: 0; display:inline-block;}
.create-form-general .content-edit input {height: 30px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.create-form-general .content-edit input[type=checkbox] {height: 14px; }
.create-form-general .content-edit select {height: 30px; margin-bottom: 0; padding-top: 2px;}
.create-form-general .content-edit textarea {margin-bottom: 0px; }
.create-form-general .content-edit .button-area { overflow: hidden; }
.create-form-general .content-edit .button-area a {margin:0 0px 10px 10px; float: right; }
.create-form-general .content-edit span.note,
.create-form-general .content-edit div.note {font-size:13px; color: #999; }
div#allowParentSubmit {background-color: #993333; color: #fff;} 


.create-form-general .form-type-title {margin: 0 0 5px 20px;color: rgb(63, 81, 181);font-size: 17px;font-weight: bold; }
.create-form-general table {width: 100%; margin: 10px 0 10px 0;  border-left: solid 8px rgb(63, 81, 181); }
.create-form-general table td.label-name {font-weight: bold; color: #0A2229; text-align: right; vertical-align: top; margin-right: 0; width: 120px; }



.create-form-item {margin-bottom: 40px; border: 1px rgb(96, 125, 139) solid; clear:both; overflow:hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff;}
.create-form-item .title {color:#fff;background: rgb(96, 125, 139); font-size: 18px;padding: 15px 5px 15px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.create-form-item .content-view  {padding: 20px 10px 0 10px;} 
.create-form-item .content-view table {width: 100%; border-left: solid 8px rgb(96, 125, 139); }
.create-form-item .content-view table td.label-name {font-weight: bold; color: #0A2229; text-align: right; margin-right: 0; width: 120px; }
.create-form-item .content-view table td a.button {margin-bottom:5px;}

.create-form-item .content-edit  {displayxx: none; padding: 20px 10px 0 10px;} 
.create-form-item .content-edit table {width: 100%; border-left: solid 8px rgb(0, 150, 136); }
.create-form-item .content-edit table th {color: #fff; font-size: 18px; background-color: rgb(0, 150, 136); padding-left: 20px;}
.create-form-item .content-edit table td.label-name {font-weight: bold; color: #0A2229; text-align: right; vertical-align: top; margin-right: 0; width: 120px; }
.create-form-item .content-edit table td span.note {font-size:13px; color: #999; }
.create-form-item .content-edit input {height: 30px; margin-bottom: 2px; padding-top: 0; padding-bottom: 0;}
.create-form-item .content-edit textarea {margin-bottom: 2px; }
.create-form-item .content-edit label {display: inline-block; padding: 5px 5px 5px 0; }
.create-form-item .content-edit input[type=checkbox] {height: 14px; margin-bottom:0; }
.create-form-item .content-edit input[type=file] {height: 20px; margin-bottom:0; }
.create-form-item .content-edit a.button {margin-bottom: 0px; }

 .create-form-item .content-edit form img.change-image {cursor: pointer; border: 2px #ddd solid; }
 .create-form-item .content-edit form div.remove-image {cursor: pointer; text-align:center; font-size: 0.7rem; color: #008CBA; }
 .create-form-item .content-edit form div.remove-image-hidden {visibility: hidden; }



.create-form-item .content-action {padding: 20px 10px 20px 30px; }
.create-form-item .content-action div {float: right;}



/* reveal */
#create-form-help table {width: 100%; border-color: rgb(63, 81, 181); }
#create-form-help table th {text-align: center; background-color: rgb(63, 81, 181); color:#fff; }
#create-form-help table td {font-size: 14px; }
#create-form-help table td.item-label {font-weight: bold; font-size: 13px; width: 140px; text-align: right;}


#create-form-field span.note  {font-size:13px; color: #999; }
#create-form-field label {margin-top: 10px; }
#create-form-field input {height: 30px; margin-bottom:2px; padding-top: 0; padding-bottom: 0; }
#create-form-field textarea {margin-bottom:2px; }
#create-form-field select {height: 30px; margin-bottom: 5px; padding-top: 2px;}
#create-form-field input[type=checkbox] {height: 14px; margin-bottom:0; }
#create-form-field .option-list {font-size: 13px; }
#create-form-field .option-list input {width: 200px; display:inline; height: 26px; font-size: 13px; padding-top: 0; padding-bottom: 0; }
#create-form-field .option-list .options {margin-bottom: 10px;margin-left: 12px;}


#category-discount-reveal .rule-title {font-size: 13px; font-weight: bold; margin: 5px 0; }
#category-discount-reveal .number-input-field {width: 80px; display: inline-block; height: 30px;font-size: 13px; padding-top:0;padding-bottom:0;margin-bottom: 10px; }
#category-discount-reveal .text-input-field {width: 120px; display: inline-block; height: 30px;font-size: 13px; padding-top:0;padding-bottom:0;margin-bottom: 10px; }
#category-discount-reveal .checkbox-field {width: 20px; display: inline-block; height: 14px; margin-bottom: 10px; }
#category-discount-reveal .dropdown-select-field {width: 80px; display: inline-block;height: 30px; font-size: 13px; padding-top:0;padding-bottom:0;margin-bottom: 10px; }
	
.background-transition-up, .background-transition-down {
  	background-color: #f31b1b8c;
  	transition: background-color 0.4s ease-in-out;
  	-webkit-transition: background-color 0.4s ease-in-out;
}