#pricereviewCreate { input[type='text'], input[type='number'], select { margin: 1px; } textarea { resize: vertical; } >.modal { padding: 20px; table, th, td { border: 1px #ccc solid; } table>thead tr th { color: #A52A2A; } table>tbody .selected { background-color: #E7FEFB; } table>tbody .selected td {} } .container { table, th, td { border: 1px #ccc solid; padding: 15px; &.noborder, .noborder th, .noborder td { border: none; } } 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; margin: 30px 0; 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, tr:hover .copyBtn { opacity: 1; } .saletd { position: relative; >.deleteBtn { position: absolute; top: 50%; transform: translateY(-50%); right: 2px; opacity: 0; transition: .3s; } >.copyBtn { position: absolute; top: 50%; transform: translateY(-50%); right: 38px; opacity: 0; transition: .3s; width: 30px; height: 30px; } } textarea { height: auto; min-height: 50px; } } } >.filediv { display: flex; flex-direction: column; margin-top: 20px; label { display: flex; align-items: center; margin: 10px 0; p { width: 100px; font-size: 15px; font-weight: 600; } input[type="file"] { width: 400px } button { width: 90px; height: 35px; margin: 0; margin-right: 15px; margin-top: 20px; } } } } } } .container-fluid, .container { max-width: 1400px !important; width: 100%; h4 { font-weight: 600; } .btn-secondary { background-color: #6C757D; } } .window-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 9; padding: 20px; display: none; @keyframes fade-in { 0% { transform: translate(-50%, -55%); opacity: 0; } 100% { transform: translate(-50%, -50%); opacity: 1; } } table, th, td { border: 1px #ccc solid; } table>thead tr th { color: #A52A2A; } table>tbody .selected { background-color: #E7FEFB; } .window-modal-content { background-color: #fff; border-radius: 10px; position: absolute; width: 1200px; padding: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 5px 5px #222; animation: fade-in .2s linear; &.modal-xl { width: 1200px; } &.modal-lg { width: 800px; } &.modal-m { width: 400px; } .window-modal-header { display: flex; flex-direction: column; button.btn-close { position: absolute; top: 10px; right: 10px; background-color: transparent; border: none; outline: none; border-radius: 50%; } >div>input { width: 250px; } } .window-modal-body { overflow-y: scroll; height: 400px; } } } #pricereviewCheck { >.container { background-color: #F2F2F2; border-radius: 15px; padding: 20px; textarea { resize: vertical; } table, th, td { border: 1px #ccc solid; } table.noborder { border: none !important; th, td { border: none !important; } } .customerinfo-table { input { background-color: #EEE5E5; } } .mi-table { th { font-weight: 600; } input[type=text] { background-color: #EEEEEE; cursor: not-allowed; padding: 6px 12px; font-size: 14px; } .mi-info { font-size: 14px; span { font-size: 15px; font-weight: 600; } .line { width: 100%; height: .5px; margin: 30px 0; background-color: #ccc; } } } } }