.tab-pid_tuning { } .tab-pid_tuning input[type="number"]::-webkit-inner-spin-button { border: 0; } .tab-pid_tuning table { float: left; margin-bottom: 10px; border-collapse: collapse; } .tab-pid_tuning table, .tab-pid_tuning table th, .tab-pid_tuning table td { padding: 4px; border: 1px solid #8b8b8b; } .tab-pid_tuning table tr td:first-child { text-align: center; width:30%; } .tab-pid_tuning table td { padding: 1px; } .tab-pid_tuning table tr:nth-child(odd) { background-color: #ececec; } .tab-pid_tuning table input { display: block; width: 100%; height: 20px; line-height: 20px; text-align: right; } .tab-pid_tuning .controller { float: left; width: calc(40% - 10px); margin-left: 10px; margin-bottom: 10px; border: 1px solid #8b8b8b; } .tab-pid_tuning .controller .head { display: block; text-align: center; line-height: 20px; font-weight: bold; border-bottom: 1px solid #8b8b8b; background-color: #ececec; } .tab-pid_tuning .controller select { width: 100%; height: 20px; line-height: 20px; } .tab-pid_tuning .profile { float: left; width: calc(18% - 2px); /* - border*/ border: 1px solid #8b8b8b; } .tab-pid_tuning .profile .head { display: block; text-align: center; line-height: 20px; font-weight: bold; border-bottom: 1px solid #8b8b8b; background-color: #ececec; } .tab-pid_tuning .profile select { width: 100%; padding-left: calc(100% - 35px); height: 20px; line-height: 20px; } .tab-pid_tuning .pid_tuning { width: 100%; } .tab-pid_tuning .pid_tuning .name { width: 30%; } .tab-pid_tuning .rate-tpa { float: right; width: calc(100% - 0px); /* - ( "virtual" margin) */ } .tab-pid_tuning .buttons { right:10px; bottom: 10px; } .tab-pid_tuning .update, .tab-pid_tuning .refresh { display: block; float: right; height: 28px; line-height: 28px; padding: 0 15px 0 15px; text-align: center; font-weight: bold; border: 1px solid silver; background-color: #ececec; } .tab-pid_tuning .refresh { margin-right: 10px; } .tab-pid_tuning .update:hover, .tab-pid_tuning .refresh:hover { background-color: #dedcdc; } .tab-pid_tuning .top-buttons { float:right; } .tab-pid_tuning .fixed_band { position: fixed; width: 100%; bottom: 0px; } @media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) { .tab-pid_tuning .fixed_band { width: calc(100% - -5px); bottom: 0px; } .tab-pid_tuning .fixed_band .save_btn a { margin-right:15px; } }