#pricereviewCreate{ table, th, td{ border:1px #ccc solid; padding: 15px; } table{ thead th{ background-color: #6D9EEB; } tbody { td input{ font-size: 14px; } th{ background-color: #CCE4F8; font-size: 14px; padding: 15px 2px; min-width: 100px; text-align: center; } } input{ font-size: 13px; } } .pricreviewmain{ background-color: #F2F2F2; padding: 20px; border-radius: 6px ; button{ color:#fff; width: 55px; height: 30px; padding: 0; margin-left: 10px; font-size: 13px; &.addbtn{ background-color: #337AB7; width: 30px; } &.deleteBtn{ background-color: #D9534F; color:#fff; font-size: 12px; width: 30px; } &.selectElevator{ background-color: #D9534F; color:#fff; } } >.divitem{ border:1px #ccc solid; padding: 10px; border-radius: 4px ; .title{ display: flex; align-items: center; border-bottom: 1px #ccc solid; padding: 10px 0; margin-bottom: 10px; h6{ font-weight: 600; } } table, th, td{ font-size: 14px; background-color: transparent; input, select, textarea{ font-size: 13px; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } } table { tr:hover .deleteBtn{ opacity: 1; } .saletd{ position: relative; >.deleteBtn{ position: absolute; top: 50%; transform: translateY(-50%); right:2px; opacity: 0; transition: .3s; } } } } } }