/* FORMS BEGIN */
form.tablelike {
   margin: 2em 0;
}

form.tablelike .form_row {
   margin-bottom: 1.5em;
}

form.tablelike .left,
form.tablelike .right {
   display: block;
   vertical-align: top;
   width: 100%;
}

@media (min-width: 700px) {
   form.tablelike .left,
   form.tablelike .right {
      display: inline-block;
   }

   form.tablelike .left {
      margin-right: 2em;
      width: 25%;
      max-width: 25%;
   }

   form.tablelike .right {
      width: calc(75% - 2em);
      max-width: calc(75% - 2em);
   }
}

form.tablelike .left .name {
   display: block;
   font-weight: bolder;
   font-size: 1em;
}

form.tablelike .left .description {
   font-size: 0.7em;
   margin-bottom: 0.5em;
}

form.tablelike input, textarea, fieldset {
   margin: 0 0 0.5em;
   padding: 3px;
   width: 100%;
   background: transparent;
   resize: none;
   border-width: 1px;
   border-style: solid;
}

form.tablelike input:disabled, textarea:disabled, fieldset:disabled {
color: #444444;
background: #aaaaaa;
}

form.tablelike .button,
form.tablelike button {
   width: auto;
}

form.tablelike input.button,
form.tablelike input.radio,
form.tablelike input.checkbox {
   margin: auto;
   width: auto;
   max-width: auto;
   background: auto;
   resize: none;
   border-width: auto;
   border-style: auto;
}

input.inline_button,
form.tablelike input.inline_button,
form.tablelike input.button.inline_button {
   margin: 0;
}

form.tablelike input.checkbox,
form.tablelike input.radio {
   width: auto;
}

.radio_and_label label, .checkbox_and_label label{
   margin: 0 0 0 0.3334em;
}

.inline_label{
   display: inline-block;
   margin: 0 1em 0 0;
}


form.tablelike .color,
.small {
   max-width: 129px;
}

.smaller {
   max-width: 60px;
}

.medium {
   max-width: 210px;
}

/* TODO: APAGAR ISSO TUDO
form.tablelike select {
   max-width: none;
   width: 150px;
   padding-right: 2em;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   overflow: visible;
}

form.tablelike select option {
   overflow: visible;
   max-width: 100px;
   width: 100px;
}*/

form.tablelike .error,
form.tablelike .ok,
form.tablelike .block {
   margin-left: 0;
}

/* QUESTIONS REMOVE_STORE BEGIN */
div.show_if_radio_selected {
   display: none;
   margin-left: 1.4em;
}
:checked ~ .show_if_radio_selected {
   display: inline-block;
}
/* QUESTIONS REMOVE_STORE END */

/* FORMS END */

#preference_menu {
   margin-bottom: 1em;
}


/* EDIT PRODUCT BEGIN */
.remove_box label {
   cursor: pointer;
}

.edit_product_thumb:last-child {
   margin-right: 0;
}
/* EDIT PRODUCT END */


/* APPEARANCE BEGIN */
.layout_preview {
max-width: 100%;
margin-top: 0.3334em;
border-width: 1px;
border-style: solid;
}

#texture_list {
width: 100%;
max-width: 425px;
height: 150px;
max-width: 100%;
display: block;
overflow-x: none;
overflow-y: scroll;
list-style: none;
padding: 0 8px 0 0;
margin: 0;
border: 1px solid #CACACA;
background: #ffffff;
}

#texture_list:hover{
border: 1px solid;
}

#texture_list input {
display: none;
}

#texture_list .radio_and_label, #texture_list label {
display: inline-block;
margin: 0;
vertical-align: top;
}

#texture_list input + label>div {
width: 50px;
height: 50px;
border: 0;
background-repeat: repeat;
}

#texture_list input:checked + label>div {
width: 48px;
height: 48px;
background-position: -1px -1px;
border: 1px solid magenta;
box-sizing: content-box;
}

.image_file_button.bg_input {
width: 179.77px;
height: 102px;
}

.image_file_button.favicon_input {
display: inline-block;
width: 52px;
height: 52px;
}

.image_file_button.favicon_input + div {
display: inline-block;
width: 67%;
vertical-align: top;
margin: 0 0 0 10px;
}
/* APPEARANCE END */