.bar { display: inline; border: none; width:142px; height:26px; } .bar-input { background-color: #aaacad; padding: 0 6px; } .icon-search:hover, .tab:not(.tab-active):hover, .my-button-up:hover, .my-button-down:hover, #search:hover { cursor: pointer; } .tab { display:inline-block; height:30px; line-height:30px; border:1px solid #696969; border-bottom: 0; border-radius: 6px 6px 0 0; padding:0 10px; background-color: #4C4C4C; min-width: 100px; text-align:center; margin-top: 5px; margin-bottom: -1px; font-size: 14px; } .tab.tab-active { background-color: #333333; } .tab-active:hover { cursor: default; } .my-radio { display: inline-block; width: 12%; align: left; } .my-button-up { display: inline-block; box-shadow: black 0 0 5px 0; height: 25px; text-align: center; line-height: 25px; padding: 2px 9px; background-color: #eeeeee; font-size: 12px; border-radius: 4px 4px 4px 4px; color: black; user-select: none; -webkit-user-select: none; -moz-user-select: none; } .my-button-down { display: inline-block; box-shadow: black 0 0 5px 0; height: 25px; text-align: center; line-height: 25px; padding: 2px 9px; background-color: #bbbbbb; font-size: 12px; border-radius: 4px 4px 4px 4px; color: black; user-select: none; -webkit-user-select: none; -moz-user-select: none; } .my-checkbox { display: inline-block; width: 12%; align: left; font-size: 12px; }