/****************************************************************************
* Shared
*/
.mr-2 {
 margin-right: 2rem;
}
.mt-4 {
  margin-top: 4rem;
}
.fl-l {
  float: left;
}
.fl-r {
  float: right;
}
.hp-titling {
  background: rgb(23,84,163);
  background: -moz-linear-gradient(180deg, rgba(23,84,163,1) 0%, rgba(22,81,162,1) 41%, rgba(33,111,176,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(23,84,163,1) 0%, rgba(22,81,162,1) 41%, rgba(33,111,176,1) 100%);
  background: linear-gradient(180deg, rgba(23,84,163,1) 0%, rgba(22,81,162,1) 41%, rgba(33,111,176,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1754a3",endColorstr="#216fb0",GradientType=1);
  padding: 0.5em;  
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
.link-no-decoration:hover {
  text-decoration: none;
}
/****************************************************************************
* Bootstrap commons
*/
.nav-pills a.nav-link {
  background: #dedede;
  color: #216fb0;
}
.nav-pills a.nav-link.active {
  background: #216fb0;
}
input[type=button], input[type=submit], button, a.btn, a.nav-link {
  border-radius: 0 !important;
  color: #fff !important;
}
input[type=button].btn-light, input[type=submit].btn-light, button.btn-light, a.btn-light {
  color: #333 !important;
}

div.note-editor .btn, .alert button { /* prevent last selector on some elements */
  color: inherit !important;
}
input[type=button]:focus, input[type=submit]:focus, button:focus, a.btn:focus, a.nav-link:focus,
input[type=button]:active, input[type=submit]:active, button:active, a.btn:active, a.nav-link:active {
  outline: none !important;
  box-shadow: none !important;
}
input[type="checkbox"], input[type="checkbox"]:checked {
  background-color: rgba(33,111,176,1); 
}
a {
  color: rgba(22,81,162,1);
}
.btn-primary {
  background: rgba(33,111,176,1); 
  border-color: rgba(33,111,176,1); 
  color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background: rgba(22,81,162,1);
}
.form-outline.error input, .form-outline.error select, .form-outline.error textarea, .form-check.error input {
  border-color: red;
}
.form-outline.error small.error, .form-check.error small.error {
  display: block;
  color: red;
}
.nav-tabs .nav-link {
  color: rgba(33,111,176,1) !important;
  font-size: 1.2em;
  font-weight: 600;
  cursor: pointer; 
}
.tab-pane.hidden {
  display: none;
}
.tab-pane.show {
  display: inherit !important;
}
/****************************************************************************
* Header toolbar
*/
nav.navbar-header {
  background: rgb(23,84,163);
  background: -moz-linear-gradient(180deg, rgba(23,84,163,1) 0%, rgba(22,81,162,1) 41%, rgba(33,111,176,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(23,84,163,1) 0%, rgba(22,81,162,1) 41%, rgba(33,111,176,1) 100%);
  background: linear-gradient(180deg, rgba(23,84,163,1) 0%, rgba(22,81,162,1) 41%, rgba(33,111,176,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1754a3",endColorstr="#216fb0",GradientType=1);  
}
nav.navbar-header form.navbar-search {
  display: inline-block;
  padding: 0;
  margin: 0;
  text-align: right;
  width: 204px;
}
nav.navbar-header form.navbar-search input {
  float: left;
  margin: 2px 0 0 0;
  padding: 1px 5px;
  width: 140px;
  height: 28px;
  outline: none;
  border: 1px solid rgba(17,63,122,1);
  text-transform: capitalize;
  color: #555;
}
nav.navbar-header form.navbar-search input:focus {
  text-transform: uppercase;
  color: #000;
}
nav.navbar-header form.navbar-search button {
  border-radius: 0;
  outline: none;
  float: left;
  margin: 2px 0 0 0;
  color: #fff;
  font-size: 12px;
  padding: 2px;
  cursor: pointer;
  border: 1px solid rgba(17,63,122,1);
  border-left: 0;
  background: rgb(17,63,122);
  background: -moz-linear-gradient(180deg, rgba(17,63,122,1) 0%, rgba(22,73,144,1) 41%, rgba(29,92,144,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(17,63,122,1) 0%, rgba(22,73,144,1) 41%, rgba(29,92,144,1) 100%);
  background: linear-gradient(180deg, rgba(17,63,122,1) 0%, rgba(22,73,144,1) 41%, rgba(29,92,144,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#113f7a",endColorstr="#1d5c90",GradientType=1);
  width: 64px;
  height: 28px;
  outline: none;
  box-shadow: none;
  /*e8b6*/
}
nav.navbar-header li.nav-item {
  padding: 0.2em 1em;
  text-align: center;
}
nav.navbar-header li.nav-item.active a.nav-link {
  font-weight: 600;
}
nav.navbar-header a.nav-link {
  color: #fff !important;
  text-transform: uppercase;
  font-size: 0.8em;
}
@media (max-width: 991.98px) {
  nav.navbar-header li.nav-item {
    padding: 0.7em 0;
  }
  nav.navbar-header .navbar-collapse {
    padding: 1em 0 0 0;
  }
}

