Adding

LCU.WebApps.Indirect.ReserveManagementSystem/WebApp/ReserveManagementSystemUI/wwwroot/css/site.css

@@ -0,0 +1,300 @@
+@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
+@import url('font-awesome/css/all.min.css');
+
+html, body {
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+a, .btn-link {
+    color: #0366d6;
+}
+
+.btn-primary {
+    color: #fff;
+    background-color: #1b6ec2;
+    border-color: #1861ac;
+    margin-bottom: 10px;
+}
+
+.btn-page {
+    color: #000000;
+    border-color: #CCCCCC;
+    margin-bottom: 10px;
+    padding: 10px;
+}
+
+.btn-page-focus {
+    color: #000000;
+    background-color: #cce5ff;
+    margin-bottom: 10px;
+    padding: 10px;
+}
+
+.btn.btn-primary[disabled] {
+    background-color: #CCCCCC;
+    border-color: #CCCCCC;
+}
+
+app {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+.main {
+    flex: 1;
+}
+
+    .main .top-row {
+        background-color: #f7f7f7;
+        border-bottom: 1px solid #d6d5d5;
+        justify-content: flex-end;
+    }
+
+        .main .top-row > a {
+            margin-left: 1.5rem;
+        }
+
+.content {
+    padding-top: 2.5rem;
+}
+
+.navbar-toggler {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-nav-addon {
+    margin-left: unset !important;
+}
+
+.valid.modified:not([type=checkbox]) {
+    outline: 1px solid #26b050;
+}
+
+.invalid {
+    outline: 1px solid red;
+}
+
+.validation-message {
+    color: red;
+}
+
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
+
+@media (max-width: 991.98px) {
+    .main .top-row {
+        display: none;
+    }
+}
+
+@media (min-width: 992px) {
+    app {
+        flex-direction: row;
+    }
+
+    .main .top-row {
+        position: sticky;
+        top: 0;
+    }
+
+    .main > div {
+        padding-left: 2rem !important;
+        padding-right: 1.5rem !important;
+    }
+
+    .navbar-toggler {
+        display: none;
+    }
+
+    .collapse {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+    }
+}
+
+.modal {
+    background-color: rgba(0,0,0,0.4); /* Transparent dimmed overlay */
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: table;
+}
+
+    .modal .container {
+        display: table-cell;
+        text-align: center;
+        vertical-align: middle;
+        width: 300px;
+    }
+
+    .modal .body {
+        box-shadow: 5px 10px #888888;
+        display: inline-block;
+        background-color: white;
+        border: 1px solid black;
+        padding: 10px;
+    }
+
+.inputField {
+    max-width: 250px;
+}
+
+/* Style the tab */
+.tab {
+    overflow: hidden;
+    border-top: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-radius: 15px 15px 0px 0px;
+}
+
+    /* Style the buttons that are used to open the tab content */
+    .tab button {
+        background-color: inherit;
+        float: left;
+        border: none;
+        outline: none;
+        cursor: pointer;
+        padding: 14px 16px;
+        transition: 0.3s;
+    }
+
+        /* Change background color of buttons on hover */
+        .tab button:hover {
+            background-color: #ddd;
+        }
+
+        /* Create an active/current tablink class */
+        .tab button.active {
+            background-color: #ccc;
+        }
+
+/* Style the tab content */
+.tabcontent {
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-radius: 0px 0px 15px 15px;
+}
+
+.App-logo {
+    height: 1.75em;
+    pointer-events: none;
+}
+
+.lcu-navbar {
+    background-color: #0054a2;
+}
+
+.nav-app-title {
+    margin-left: 1em;
+}
+
+.login-Display {
+    font-weight: bold;
+    color: white;
+    margin-left: auto !important;
+}
+
+.card-block-addon {
+    width: 30rem;
+    box-shadow: 8px 8px 6px -6px black;
+    margin: 10px;
+}
+
+.basic-button-container {
+    margin: 5px;
+}
+
+.basic-float-right {
+    float: right;
+}
+
+.import-heading {
+    float: left;
+    margin-top: 10px;
+}
+
+.loading-lighthouse {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -50px;
+    margin-left: -50px;
+    width: 200px;
+    height: 200px;
+}
+
+.loading-spinner {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -50px;
+    margin-left: -50px;
+    width: 100px;
+    height: 100px;
+    color: #0054a2;
+}
+
+.bannerRefreshButtonDiv {
+    cursor: pointer;
+    float: right;
+}
+
+.sortableTableHeader {
+    cursor: pointer;
+}
+
+.alignTextCenter {
+    text-align: center;
+}
+
+.basicInlineBlock {
+    display: inline-block;
+}
+
+.footer {
+    background-color: #0054a2;
+}
+
+.filterBuffer {
+    padding: 10px;
+}
+
+.fieldInsurance {
+    width: 71px;
+}
+
+.statementBuffer {
+    padding-bottom: 15px;
+}
+
+.statementContainer {
+    display: inline-block;
+    text-align: center;
+}
+
+.btnStatement {
+    display:block; 
+    width: 100%;
+}
+
+