.script_attributes_container {
     display: flex;
}
.script_attributes_left_side {
     width: 310px; /*235px or 245px*/
}
.script_atributes_right_side {
     width: 100%;
}

/* Left Side */
.script_attributes_field_title_container {
     display: flex;
     height: 35px; /*50px*/
     align-items: center;
     /* background: lightblue; */
     /* justify-content: space-around; */
     /* padding: 5px; */
     justify-content: space-between;
     padding-left: 10px;
     padding-right: 10px;
}
.script_attributes_field_title_container/*:not(:last-child)*/ {
     border-bottom: 0.5px solid #7f878c52;
}
.script_attributes_field_title {
     font-family: Roboto;
     font-weight: 400;
     font-size: 15px;
     /* max-width: 105px; */
     /* text-align: left; */
}
.script_attributes_help_button {
     width: 20px;
     display: flex !important;
     justify-content: center;
     align-items: center;
     /* color: white; */
     font-size: 24px;
     color: #4d6ce2 !important;
}

.script_attribute_error_icon { /*, input[type="number"][invalid] > .error_icon_absorber {*/
     /* content: 'warning'; */
     /* font-family: 'Material Icons'; */
     font-size: 24px;
     color: #E91E63;
     margin-left: 5px;
     cursor: pointer;
}
.script_attribute_error_tool_tip_template { font-family: Open Sans; }

/* Right Side */
.script_attributes_field_container {
     display: flex;
     height: 35px; /*50px*/
     align-items: center;
     /* background: rgba(33,224,163,1); */
     justify-content: flex-start;
     /* padding: 5px; */
}
.script_attributes_field_container:not(:last-child) {
     border-bottom: 0.5px solid #7f878c52;
}
.script_attributes_field {
     height: 23px;
     border-radius: 4px;
     border: none;
     font-family: Roboto;
     font-size: 13px;
     background: #efefef;
     width: 45px;
     /* text-indent: 8px; */
     text-align: center;
}






.BUTTON_INPUT {
     width: 80px;
     text-indent: 0px !important;
}
.NUMBER_INPUT {
     /* width: 45px; */
     width: 80px;
     text-indent: 15px !important;
}
.WORD_INPUT {
     width: 270px;
     text-align: left;
     text-indent: 4px;
}
.WORD_INPUT_LONG {
     width: 270px;
}
.WORD_INPUT_SHORT {
     width: 200px;
}


/* Firmware Picker */
firmware-picker {
     /* background: lavender; */
     pointer-events: none;
     height: 25px;
}
firmware-picker button {
     min-height: unset;
     display: inline-block !important;
     font-family: "Open Sans";
     font-weight: 600;
     border-radius: unset;
}
.firmware_picker_button {
     padding: 0 .5rem !important;
     margin-right: 3px !important;
     border-radius: 0;
     border: 0px !important;
     background-color: #f1f2fa;
     color: #4a6ee0;
     text-transform: capitalize !important;
     letter-spacing: 0 !important;
     font-size: .875rem !important;
     transition: all 200ms cubic-bezier(0.4, 0, 1, 1) !important;
     height: 25px !important;
     outline: none !important;
     cursor: pointer !important;
     min-width: 50px !important;
     pointer-events: all !important;
}
.firmware_picker_button[selected] {
     /* background: lightBlue; */
     background-color: #4a6ee0;
     color: #fff;
}
.firmware_picker_button:hover:not([disabled]) {
     background-color: #638eeb;
     color: #fff;
}
.firmware_picker_button.firmware_picker_first_button {
    border-radius: .25rem 0 0 .25rem;
}
.firmware_picker_button.firmware_picker_last_button {
     margin-right: 0px;
     border-radius: 0 .25rem .25rem 0;
}
.firmware_picker_button[disabled] {
     background-color: #c6c7ce;
     cursor: default;
}
.firmware_picker_button[disabled][selected] {
     background-color: #788dd0;
}
.firmware_picker_button[hidden] {
     display: none !important;
     pointer-events: none;
}



#versionPicker {
  /* background: orange; */
  /*width: calc(100% - 28px);*/
  width: 100%;
  /* height: 20px; */
  height: 25px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 18px;
}
.versionPickerButton {
  background: green;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
}
.versionPickerButton:hover .versionPickerButtonTitle{
     font-size: 14px;
}
.versionPickerButton:not(:last-child) {
     border-right: 1px solid white;
}
.versionPickerButtonTitle {
     font-size: 13px;
     font-family: Arial;
}
.versionSelected {
     /* Hard Coded Colors */
     background: #ffffff !important;
     color: #545454 !important;
  /* background: white; */
  /* color: black; */
}

char-counter {
     position: absolute;
     right: 5px;
}
.char_counter_container {
     position: relative;
}


/* Show Type Picker */
show-type-picker {
     /* background: lavender; */
     pointer-events: none;
     height: 25px;
}
show-type-picker button {
     min-height: unset;
     display: inline-block !important;
     font-family: "Open Sans";
     font-weight: 600;
     border-radius: unset;
}
.show_type_picker_button {
     padding: 0 .5rem !important;
     margin-right: 3px !important;
     border-radius: 0;
     border: 0px !important;
     background-color: #f1f2fa;
     color: #4a6ee0;
     text-transform: capitalize !important;
     letter-spacing: 0 !important;
     font-size: .875rem !important;
     transition: all 200ms cubic-bezier(0.4, 0, 1, 1) !important;
     height: 25px !important;
     outline: none !important;
     cursor: pointer !important;
     min-width: 50px !important;
     pointer-events: all !important;
}
.show_type_picker_button[selected] {
     /* background: lightBlue; */
     background-color: #4a6ee0;
     color: #fff;
}
.show_type_picker_button:hover:not([disabled]) {
     background-color: #638eeb;
     color: #fff;
}
.show_type_picker_button.show_type_picker_first_button {
    border-radius: .25rem 0 0 .25rem;
}
.show_type_picker_button.show_type_picker_last_button {
     margin-right: 0px;
     border-radius: 0 .25rem .25rem 0;
}
.show_type_picker_button[disabled] {
     background-color: #c6c7ce;
     cursor: default;
}
.show_type_picker_button[disabled][selected] {
     background-color: #788dd0;
}
.show_type_picker_button[hidden] {
     display: none !important;
     pointer-events: none;
}