betaflight-configurator/tabs/pid_tuning.css

.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;
    bottom: 0px;
    width: calc(100% - 0px);
	background-color: #e4e4e4;
	height: 50px;
	box-shadow: rgba(0,0,0,0.00) 0 -3px 8px;
    margin-bottom: 0px;


}



@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {


.tab-pid_tuning .fixed_band {
    width: calc(100% - -10px);
    bottom: 0px;
}

.tab-pid_tuning .fixed_band .save_btn a {
	margin-right:10px;
	}

}