/*
 * Custom menu
 */

#custom-bootstrap-menu.navbar-default .navbar-brand {
  color: #003070;
  height: 100%
}

#custom-bootstrap-menu.navbar-default {
  font-size: 14px;
/*  background-color: #003070;
  background: -webkit-linear-gradient(top, #003070 0%, #003070 100%);
  background: linear-gradient(to bottom, #003070 0%, #003070 100%);*/
  background-color: #127ae2;
  background: -webkit-linear-gradient(top, #127ae2 0%, #127ae2 100%);
  background: linear-gradient(to bottom, #127ae2 0%, #127ae2 100%);
  border:0;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
  color: #ffffff;
/*   background-color: #003070; */
  background-color: #127ae2;
  text-shadow: none !important;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>a {
  color: #ffffff;
/*   background-color: #003070; */
  background-color: #127ae2;
  text-shadow: none !important;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
  color: #999999;
  /*text-shadow: 0 1px 0 rgba(147, 147, 147, .25);*/
  text-shadow: none !important;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>.open>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.open>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.open>a:focus {
  color: #999999;
/*   background-color: rgba(147, 147, 147, 1); */
  background-image: none;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
  border-color: #5A5A5A;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
  background-color: #5A5A5A;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
  background-color: #5A5A5A;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #7A7A7A;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li.divider {
  margin: 0px 7px;
  width: 1px;
  min-width: 1px;
  max-width: 1px;
  height: 45px;
  background: #999999;
  top: 6px;
}

/* Section for md and sm layout */
@media (max-width:767px)
{
  .nav-link{
    text-align: left;
  }

  /* Reimplemented fa style */
  .navbar-nav .nav-link > .fa {
    display: inline !important;
  }

  .nav>li>a {
    position: unset;
  }

  #custom-bootstrap-menu.navbar-default .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-image: none;
/*     background-color: rgba(221, 221, 221, 1); */
    border: 1px solid transparent;
    border-radius: 4px;
  }

  #custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
  #custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #c5c5c5;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 1);
  }

  #custom-bootstrap-menu.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
  #custom-bootstrap-menu.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #003070;
    background-color: rgba(234, 234, 234, 1);
  }

  #custom-bootstrap-menu.navbar-default .navbar-nav>li.divider {
    height: 0px;
  }
}

/*
 * Custom modal
 */
@media (min-width:992px) {
  .modal-lg {width: 900px;}
  .modal-xl {width: 900px;}
  .modal-xxl {width: 95vw;}
  .modal-xxxl {width: 100vw;}
}

@media (min-width:1580px) {
  .modal-xl {width: 1400px;}
  .modal-xxl {width: 95vw;}
  .modal-xxxl {width: 100vw;}
}

.modaless[size=xxxl] {
	left: auto !important;
}

.badge-purple {
   color: #ffffff;
   background-color: #9932CC;
}

.btn-purple {
    color: #ffffff;
    background-color: #9932CC;
}

.btn-purple:hover {
    color: #ffffff;
    background-color: #9400D3;
}
