.table_edit_wrap { position: fixed; top: 50%; left: 50%; width: 0; height: 0; background: rgba(0, 0, 0, 0.6); overflow: hidden; opacity: 0; z-index: 88; display: inline-block; } .show_table_edit { position: fixed; width: 100%; height: 100%; /*min-width: 1120px; */ /*min-height: 807px;*/ top: 0; bottom: 0; left: 0; right: 0; opacity: 1; overflow: auto; } /* Modify the scroll bar display: this class must be asigned to if modal is opening */ .modal-open { overflow: hidden; } .edit_form { position: relative; margin: 10% auto; width: 60%; /*width: 730px;*/ padding: 50px; background: white; } .table_edit_row { /*width: 680px;*/ width: 100%; margin: 0 auto; display: inline-block; border: 1px solid rgb(214, 214, 214); } .edit_form .row { /*margin-top: 10px; float: right; display: inline-block;*/ } .table_edit_row .title { float: left; width: 200px; padding: 10px 20px; background: rgb(230, 230, 230); color: black; text-align: center; font-weight: bold; } .table_edit_row .input { /*float: left; width: 439px; line-height: 40px; height: 33px;*/ } .table_edit_row .input select { width: 100%; height: 33px; vertical-align: top; } .table_edit_row .input input { width: 97%; height: 96%; border: 0; margin: 0 auto; padding-left: 10px; line-height: 1; vertical-align: top; } .table_edit_row .input input[type=file] { width: 50%; vertical-align: middle; } .table_edit_row .input input[type="number"] { /*padding: 1px 4px;*/ /* fixed padding to fill outsize div.input by Rocky 20150316 */ padding-top: 1px; padding-left: 10px; padding-right: 4px; padding-bottom: 1px; } .table_edit_row div input.error { color: red; } .table_edit_formula { /*width: 98.5%; height: 100%; background: rgb(230, 230, 230); line-height: 38px; padding: 1px 4px;*/ vertical-align: top; -webkit-box-shadow: inset 1px 0px 2px 0px rgba(255,255,255,1); -moz-box-shadow: inset 1px 0px 2px 0px rgba(255,255,255,1); /*box-shadow: inset 1px 0px 2px 0px rgba(255,255,255,1);*/ }