label {
  display: block;
  margin: 20px 0 7px;
  font-weight: bold;
}

#manual-select,
#datasheet-select,
#handbook-select {
    max-width: 100%;
    height: 40px;
    perspective-origin: 415px 20px;
    transform-origin: 415px 20px;
    border-top: 0px none rgb(0, 0, 0);
    border-right: 0px none rgb(0, 0, 0);
    border-bottom: 1px solid rgb(196, 199, 200);
    border-left: 1px solid rgb(196, 199, 200);
    border-radius: 0 0 0 4px;
    font: normal normal 400 normal 16px / normal Arial;
    padding: 0px 10px 1px;
}/*#manual-select*/

#handbook-select { margin-bottom: 0; }

#manual-select:after,
#datasheet-select:after,
#handbook-select:after {
    box-sizing: border-box;
    font: normal normal 400 normal 16px / normal Arial;
}/*#manual-select:after*/

#manual-select:before,
#datasheet-select:before,
#handbook-select:before {
    box-sizing: border-box;
    font: normal normal 400 normal 16px / normal Arial;
}/*#manual-select:before*/

#OPTION_2, #OPTION_3, #OPTION_5, #OPTION_7 {
    box-sizing: border-box;
    cursor: default;
    min-height: 19.2px;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font: normal normal 400 normal 16px / normal Arial;
    overflow: hidden;
}/*#OPTION_2, #OPTION_3, #OPTION_5, #OPTION_7*/

#OPTION_2:after, #OPTION_3:after, #OPTION_5:after, #OPTION_7:after {
    box-sizing: border-box;
    cursor: default;
    white-space: pre-wrap;
    font: normal normal 400 normal 16px / normal Arial;
}/*#OPTION_2:after, #OPTION_3:after, #OPTION_5:after, #OPTION_7:after*/

#OPTION_2:before, #OPTION_3:before, #OPTION_5:before, #OPTION_7:before {
    box-sizing: border-box;
    cursor: default;
    white-space: pre-wrap;
    font: normal normal 400 normal 16px / normal Arial;
}/*#OPTION_2:before, #OPTION_3:before, #OPTION_5:before, #OPTION_7:before*/

#OPTION_4, #OPTION_6 {
    box-sizing: border-box;
    cursor: default;
    min-height: 19.2px;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font: normal normal 400 normal 16px / normal Arial;
    overflow: hidden;
}/*#OPTION_4, #OPTION_6*/

#OPTION_4:after, #OPTION_6:after {
    box-sizing: border-box;
    cursor: default;
    white-space: pre-wrap;
    font: normal normal 400 normal 16px / normal Arial;
}/*#OPTION_4:after, #OPTION_6:after*/

#OPTION_4:before, #OPTION_6:before {
    box-sizing: border-box;
    cursor: default;
    white-space: pre-wrap;
    font: normal normal 400 normal 16px / normal Arial;
}/*#OPTION_4:before, #OPTION_6:before*/

#OPTION_8 {
    box-sizing: border-box;
    cursor: default;
    min-height: 19.2px;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font: normal normal 400 normal 16px / normal Arial;
    overflow: hidden;
}/*#OPTION_8*/

#OPTION_8:after {
    box-sizing: border-box;
    cursor: default;
    white-space: pre-wrap;
    font: normal normal 400 normal 16px / normal Arial;
}/*#OPTION_8:after*/

#OPTION_8:before {
    box-sizing: border-box;
    cursor: default;
    white-space: pre-wrap;
    font: normal normal 400 normal 16px / normal Arial;
}/*#OPTION_8:before*/

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

code {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: #f8f8f8;
    font-size: 12px;
}