/* Sticky footer styles -------------------------------------------------- */ html, body { height: 100%; } #full_page_container { background-color:#FFFFFF; padding:0; min-height: 100%; } /* How to push a footer to the bottom of page when content is short or missing */ /*
The content
*/ .flex-wrapper { display: flex; min-height: 100vh; flex-direction: column; justify-content: space-between; } #page_header { position:relative; } #page_header_top { background-color:#007087; text-align:center; padding-top:6px; padding-bottom:10px; } #page_header_top_middle { text-align:center;padding-top:5px; padding-bottom:5px; } #page_header_bottom { background-color:#FFFFFF; text-align:center; padding-top:10px; padding-bottom:10px; } /*#page_header_left, #page_header_middle, #page_header_right { margin:10px 0px; }*/ #aspire_cash_logo_manager { margin-bottom: 10px; } #page_header_debug_site { position:absolute; top:25px; left:50px; z-index:1000; } #page_header_data_origin { position:absolute; top:25px; right:50px; z-index:1000; } #page_footer { background-color:#007087; color:#FFFFFF; margin-top:20px; } #bootstrap-overrides #page_footer .text-muted, #bootstrap-overrides #page_footer a { color:#FFFFFF !important; font-size:0.8rem; } #bootstrap-overrides nav { background-color:#007087 !important; color:#FFFFFF !important; } #bootstrap-overrides nav .nav-item, #bootstrap-overrides nav .nav-link { color:#FFFFFF !important; text-transform:uppercase; } /* Hide labels until page fully loaded */ /*#bootstrap-overrides label { visibility:hidden; }*/ #bootstrap-overrides .alert.alert-dismissible { margin-top: 0.5rem; } #bootstrap-overrides .alert.alert-dismissible h4.alert-heading { margin:0; padding:0; line-height:1rem; } #bootstrap-overrides .alert.alert-dismissible p { margin-bottom: 0.5rem; } #bootstrap-overrides .alert.alert-dismissible p:last-child { margin-bottom: 0; } /* Need extra space for my custom error messages */ #bootstrap-overrides form .form-outline { margin-bottom : 1rem; } #bootstrap-overrides form .form-group { margin-bottom: 1rem; } #bootstrap-overrides form .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } #bootstrap-overrides .bg-light { background-color:#FBFBFB !important; } #bootstrap-overrides .dataTables_wrapper tr.dt_odd { background-color: #F9F9F9 !important; } #bootstrap-overrides .dataTables_wrapper tr.dt_even { background-color: #FFFFFF !important; } /* Form Validation helper */ #bootstrap-overrides .required:after { content: ' *'; line-height: normal; color:red; } #bootstrap-overrides fieldset { border:none !important; } #bootstrap-overrides .error-list ol { margin-bottom : 0; margin-top : 0; padding-bottom : 0; padding-top : 0; line-height : 1rem; } #bootstrap-overrides .error-list li { margin-bottom : 0; margin-top : 0; padding-bottom : 0; padding-top : 0; line-height : 1rem; } /* Datatables Styling Tweaks */ #bootstrap-overrides div.dataTables_filter input[type=search] { visibility:visible; } #bootstrap-overrides div.dataTables_filter label { visibility:visible; } #bootstrap-overrides table th.dt-center, #bootstrap-overrides table td.dt-center { text-align: center; } #bootstrap-overrides table th:not([class*="text-start"]) { text-align:center !important; } #bootstrap-overrides table th div.form-check { text-align:center !important; } #bootstrap-overrides table th div.form-check .form-check-input { float:none; } #bootstrap-overrides table td:not([class*="text-start"]) { text-align:center !important; } #bootstrap-overrides table td div.form-check { text-align:center !important; } #bootstrap-overrides table td div.form-check .form-check-input { float:none; } /* Add a little gutter between each action link icon */ #bootstrap-overrides table td a { margin-right:5px; } #bootstrap-overrides table input[type=search].form-control { font-size: 0.75rem ; padding: 0.25rem 0.25rem; margin:0; } /* Add class of condensed to any tables that we want to minimise space around cells to show more data on screen */ #bootstrap-overrides table.condensed-0 td { padding: 0px; margin:0px; } #bootstrap-overrides table.condensed-1 td { padding: 2px; margin:0px; } #bootstrap-overrides table.condensed-2 td { padding: 4px; margin:0px; } #bootstrap-overrides table.condensed-3 td { padding: 6px; margin:0px; } #bootstrap-overrides table.condensed-4 td { padding: 8px; margin:0px; } #bootstrap-overrides table.condensed-5 td { padding: 10px; margin:0px; } /* Tighten up our drop down items spacing */ #bootstrap-overrides #developer_nav_menu .dropdown-item { padding: 0.2rem 1rem; } /* Fix our accordion collapse icon colour on dark backgrounds > fill='%23ffffff' hex code is the ffffff segment */ #bootstrap-overrides .accordion-button.text-light::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } /* Make Bootstrap Modal Dialog sit above all other elements !! */ .modal.fade { z-index: 10000000 !important; } /* Fix the white text on yellow background which is difficult to read -------------------------------------------------- */ .alert-warning, .alert-warning * { color: #434857 !important; } /* I was seeing dark coloured text on dark background if assigning datepicker class to text fields making text unreadable */ /*.datepicker { color:white; } */ .float_left { float:left; } .float_right { float:right; } /* Colorbox example3 mods - Removed Margin top for close button in favour of creating my own close buttons */ #cboxContent { margin-top:0px; } pre { border:none !important; } #bootstrap-overrides .divider-vertical { margin: 10px 0px 0px 0px; padding:0px 10px 10px 10px; color: #444444 !important; border-top: 1px solid #444444 !important; background-color: #444444 !important; } #bootstrap-overrides hr.hr, #bootstrap-overrides hr.dropdown-divider { padding:0; margin:0px auto 10px 0px; color: #444444 !important; border-top-color: #444444 !important; background-color: #444444 !important; } /* rem is a relative unit related to the root font sizes(the r in rem rem actually stands for root). So most of the time 1rem = 16px , however, if the root font-size was changed */ .h1, h1 { font-size: 2.0rem; margin-bottom: 1.5rem; } .h2, h2 { font-size: 1.5rem; margin-bottom: 1.5rem; } .h3, h3 { font-size: 1.0rem; margin-bottom: 1.5rem; } .h4, h4 { font-size: 1.0rem; margin-bottom: 1.5rem; } .text-normal { font-weight:normal; } /* Make the nav menu stay maximised for larger screen sizes - By default, Bootstrap collapses (vertically stacks) the navbar at 768 pixels */ .dl-horizontal dt { white-space: normal; width:350px; margin-right:20px; } .textarea_double_height { min-height:200px !important; } .textarea_tripple_height { min-height:300px !important; } pre { white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* Richard Hetherington Colorbox example1 mods - Changed all positions:absolutes from bottom to top. */ #cboxLoadedContent{margin-top:35px; margin-bottom:0px; margin-left:30px; margin-right:30px;} /* Was margin-bottom */ #cboxTitle{font-weight:bold;} /* RH Added */ #cboxTitle, #cboxCurrent, #cboxSlideshow{top:4px; bottom:auto;} /* reset original bottom value using auto !! */ #cboxPrevious, #cboxNext, #cboxClose{top:0px; bottom:auto;} /* reset original bottom value using auto !! */