/* === Main components === */
/*** Headers ***/
/*** Footer ***/
/*** Headings and titles ***/
/*** Links ***/
/* === Fonts === */
/* === Navbar === */
/*** Navbar Dropdown ***/
/*** Mega Menu ***/
/* Options (First Level) */
/* Collapse (Second Level) */
/* List (Third Level) */
/*** Dropdown Item list (Fourth Level) ***/
/*** User dropdown ***/
/*** Menu help ***/
/*** Navbar Toggler ***/
/* === Sidebar === */
/*** Sidebar Dropdown ***/
/* === Forms components === */
/*** Helpers ***/
/*** Labels ***/
/*** Placeholders ***/
/*** Form controls ***/
/*** Input groups***/
/*** Custom controls (Checkboxes and Radios ) ***/
/*** Datetimepicker Bootstrap ***/
/*** Bootstrap select ***/
/*** Inputs and Buttons ***/
/* === Report components === */
/*** Filters ***/
/***  Group Filters ***/
/*** Tables ***/
/*** Pagination ***/
/* === Dashboard === */
/* === Other components === */
/*** Cards ***/
/*** Tabs***/
/*** Wizards ***/
/*** User register ***/
/*** Loaders / Spinners***/
/*** Dfw file ***/
/* Calendar (Full calendar) */
/* Image actions */
/* Dfw Cropper */
/* ID Card */
/* Push modal */
/* Layouts */
/*** Buttons variants ***/
/*** Body ***/
html {
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 0; }

#wrapper {
  /*** Footer height + extra margin***/
  margin-bottom: 120px; }

/*** Navbar ***/
.navbar-top {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 3px; }

.navbar-top .navbar-nav .nav-link {
  color: #cf3339;
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 8px; }

.navbar-top .navbar-nav .nav-link:hover,
.navbar-top .navbar-nav .nav-link:focus {
  color: #922226 !important; }

.navbar-brand {
  margin: 0 auto; }

.navbar-brand img {
  height: 50px; }

.navbar-top .navbar-collapse > ul.navbar-nav {
  width: 100%;
  justify-content: end; }

/*** Banner ***/
.banner-row {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px;
  min-height: 300px;
  align-items: center;
  justify-content: center; }

.banner-text {
  color: #ffffff;
  font-weight: 600; }

.banner-logo {
  width: 70px;
  margin-right: 30px; }

/*** Footer ***/
#footer {
  position: absolute;
  bottom: 0;
  margin-top: 50px;
  width: 100%; }

#footer-copyright {
  background: #cf3339;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 95px;
  display: flex;
  align-items: center; }

@media only screen and (min-width: 576px) {
  #footer-copyright {
    height: 60px; } }