.tab-servos { } .tab-servos input[type="number"]::-webkit-inner-spin-button { border: 0; } .tab-servos .title { margin-top: 10px; line-height: 20px; text-align: center; font-weight: bold; border: 1px solid #8b8b8b; border-bottom: 0; background-color: #ececec; } .tab-servos table.directions td.direction select { height: 19px; line-height: 19px; } .tab-servos table { width: 100%; border-collapse: collapse; } .tab-servos table th { line-height: 20px; text-align: center; border: 1px solid #8b8b8b; } .tab-servos table td { padding: 1px; border: 1px solid #8b8b8b; } .tab-servos table .main { font-weight: bold; text-align: center; background-color: #ececec; } .tab-servos table .channel { width: 40px; text-align: center; } .tab-servos table .channel input { vertical-align: middle; } .tab-servos table input[type="number"] { display: block; width: 100%; height: 20px; line-height: 20px; text-align: right; } .tab-servos table .direction { } .tab-servos .direction .name { float: left; display: block; width: 60px; } .tab-servos .direction .alternate { float: left; display: block; width: 60px; } .tab-servos .direction .first { float: left; margin: 2px 10px 0 20px; } .tab-servos .direction .second { float: left; margin: 2px 10px 0 0; } .tab-servos .direction .rate { width: 200px; height: 20px; text-align: center; } .tab-servos .live { float: left; margin-top: 10px; } .tab-servos .live span { float: left; } .tab-servos .live input { float: left; margin: 0 0 0 5px; } .tab-servos .buttons { width: calc(100% - 20px); position: absolute; bottom: 10px; } .tab-servos .update { display: block; float: right; margin-top: 10px; height: 28px; line-height: 28px; padding: 0 15px 0 15px; text-align: center; font-weight: bold; border: 1px solid silver; background-color: #ececec; } .tab-servos .update:hover { background-color: #dedcdc; } .tab-servos .require-support { display:none; } .tab-servos.supported .require-support { display:block; } .tab-servos .require-upgrade { display:block; } .tab-servos.supported .require-upgrade { display:none; }