/* .all { display: flex; justify-content: start; } */ /* .menu { position: absolute; top: 0; left: 0; display: inline-flex; width: 150px; height: 100vh; background: #45729C; } */ .form-check-input { border-radius: 0px; background-image: url("../img/check.png"); width: 30px; height: 30px; background-size: 20px auto; } .page-title { margin: auto; display: block; text-align: center; } .page-description { display: block; margin: auto; font-size: 1rem; text-align: center; } .new-section { margin-top: 50px; } .table-title { text-align: center; margin: auto; font-size: 1.2rem; font-weight: bolder; } .container { width: calc(100% - 150px); /* margin-left: calc(150px); margin-right: calc((100vw - 150px) / 2); */ } .light-table { font-weight: bold; margin: auto; margin-top: 10px; font-size: 1.2rem; width: 100%; } .light-table th { background: #515A63; color: white; padding: 10px; } .light-table td { padding: 5px; padding-left: 10px; } .light-table tr:nth-child(odd) { background: #93A2AF; } .info-row { margin: 5px auto; height: 53px; } .info-target { width: 200px; display: inline-block; font-size: 1.2rem; } .info-quantity { max-width: 200px; display: inline-block; } .light-green { background: #83DC87; } .light-yellow { background: #F3EB3C; } .info-quantity-value { font-weight: bold; } .status-circle-small { margin: auto; display: inline-block; border-radius: 4px; width: 8px; height: 8px; } .request-acess-button, .hand-over-acess-button { font-size: 1.2rem; width: 100%; } .default-button { border: none; display: block; margin: 5px auto; text-align: center; padding: 10px; background: #3B91D4; color: white; }