/*
 * https://knackforge.com/blog/pathirakaliappan/create-multi-level-bootstrap-menu-drupal-8
 * Just copy and paste the following css in your custom css,
 * its has been taken from the bootstrap version 2.x with some custom changes,
 *
 * This is enough to get back the sub-menu feature, but the tricky part is that we must render
 * the drupal menu to support bootstrap sub menu.
 * Create menu--main.html.twig file in the templates/ folder and copy/paste our menu code into it. 
 */

/* front-page body margin top */
body.path-frontpage.navbar-is-fixed-top {
  /*margin-top: 65px;*/
  margin-top: 50px;
}

/* pages body margin top */
body.navbar-is-fixed-top {
  margin-top: 65px;
  /*margin-top: 50px;*/
}

/* navbar */
.navbar {
  margin-bottom: 0px;
  /*min-height: 66px;*/
  /*    position: relative; */
  /*    min-height: 50px; */
  /*    margin-bottom: 20px; */
  /*    border: 1px solid transparent; */
}

/* footer in dark color */
.footer {
  margin-top: 45px;
  border: none;
  /* border-top: 1px solid #E5E5E5; */
  padding-top: 35px;
  padding-bottom: 36px;
  background-color: #222;
  color: #fff;
}
.footer a {
  color: #fff;
}
/* front-page footer */
.footer.path-frontpage {
  margin-top: 0px;
}

/* views-mrca-register */
.views-mrca-register-col1 { width:15%; }
.view-content > table > thead {
 color: #333;
 background-color: #f5f5f2;
 border-color: #bfbfba;
}
.view-content > table > caption
{
 font-size: x-large;
 font-weight: bold;
}

/*
.views-mrca-register {
  .thead-light {
    th {
     color: #333;
     background-color: #f5f5f2;
     border-color: #bfbfba;
    }
  }
}
*/

/*
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    padding: 0px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
  content: "\e080";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-size: 10px;
  float: right;
  margin-top: 5px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-nav li:last-child > .dropdown-menu {
  left: auto;
  right: 0px;
}

.navbar-nav li:last-child > .dropdown-menu a {
  text-align: right !important;
}

.navbar-nav li:last-child > .dropdown-menu .dropdown-submenu > a:after {
  float: left;
  content: "\e079";
}

.navbar-nav li:last-child > .dropdown-menu .dropdown-submenu > .dropdown-menu {
  left: -100%;
}
*/


/**
 * Place your custom styles here.
 *
 * Reset Bootstrap Padding/Margins for Theming
 * I use Twitter Bootstrap as a base theme for most of my sites in Drupal.
 * There are a ton of build in features that make theming a quick and enjoyable process.
 * One thing that bugs me is the default padding and margin settings.
 * They are a headache to deal with so here is a CSS reset to remove some of the more annoying settings.
 * Place this at the start of your custom CSS file and set your own padding/margins!
 */
 
/*
html,body {
  height: 100%; margin: 0px; padding: 0px;
}

#navbar {
  margin-bottom:0;
}

.alert {
  border-radius: 0;
}

.container {
  width:100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-sm-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-sm-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-sm-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-sm-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-sm-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-sm-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-sm-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-sm-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-sm-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-sm-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-sm-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-sm-12 {
  position: relative;
  height:100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.footer {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
}

.panel {
  border:none;
}
*/