/* GLOBAL STYLES
-------------------------------------------------- */
html {
  height: 100vh;
}

body {
  font-size: .875rem;
  background: rgb(255,255,255);
  overflow-x: hidden;
  height: 100vh;
  position: relative;
}

.form-control:focus {
  box-shadow: none;
  border-color: rgb(188,197,201);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(80, 80, 80, 0.6);
  outline: 0;
}

/* FEATHER ICONS
-------------------------------------------------- */

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/* INFO MODAL 'i' BOTTON
------------------------- */

.span_info {
      color: rgb(188,197,201);
      position: relative;
      float: right;
      right: 0px;
}

.span_info:hover{
    color: rgb(0, 0, 0);
}

/* NAVBAR TOP
-------------------------------------------------- */

/* NAVBAR STYLE - dont work... */
.navbar-dark {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* NAVBAR WRITING */
.navbar-dark .navbar-nav .nav-item .nav-link {
    color: rgb(188,197,201);
}

.navbar-dark  .navbar-nav .nav-item .nav-link:hover {
     color: rgb(255, 255, 255);
}

.nav-pills .nav-link.active  {
    background-color: rgb(15,76,154);
}

/* NAVBAR BOTTOM
-------------------------------------------------- */

.bg-dark-bottom {
  background: rgba(0,0,0,0.7);
  position: sticky;
  margin-top:auto;
  width: 100%;

}

.nav-bottom {
 color: rgb(188,197,201);
}

.nav-bottom:hover {
    color: rgb(255, 255, 255);
}

/* ALERT
-------------------------------------------------- */

.alert {
    margin-bottom: 0px;
}

/* tool BUTTON
-------------------------------------------------- */

.btn-tool, .btn-tool:focus, .btn-tool:active, .btn-tool:visited {
    color: rgb(255,255,255);
    background-color: rgb(76,154,15);
    border-color: rgb(255,255,255);

    border: hidden !important;
    box-shadow: none !important;
}

.btn-tool:hover {
    color: rgb(255,255,255);
    background-color: rgb(188,197,201);
    border-color: rgb(188,197,201);
}

/* main BUTTON
-------------------------------------------------- */

.btn-secondary, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:visited {
    background-color: rgb(15,76,154);
    border-color: rgb(255,255,255);

    border: hidden !important;
    box-shadow: none !important;
}

.btn-secondary:hover {
    color: rgb(255,255,255);
    background-color: rgb(188,197,201);
    border-color: rgb(188,197,201);
}

/* secondary BUTTON
-------------------------------------------------- */

.btn-outline-secondary, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:visited {
    color: rgb(30,30,30);
    border-color: rgb(188,197,201);

    box-shadow: none !important;
}

.btn-outline-secondary:hover {
    background-color: rgb(188,197,201);
    border-color: rgb(188,197,201);
}


/* ACCORDION STYLE
------------------------- */

.accordion-button:not(.collapsed) {
  color: #FFF  !important;
  background-color: rgb(188,197,201) !important;
}



.accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active  {
    background-color: rgb(188,197,201) !important;
    color:#FFF !important;
    text-decoration: none !important;
    border: hidden !important;
    border-color: none !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #FFF !important;
    outline: 0;
    box-shadow: none !important;
}

.tooltip-inner {
    background-color: rgb(76, 76, 76);
    opacity: 1 !important;
}
.tooltip .tooltip-arrow::before {
    border-right-color: rgb(76, 76, 76) !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: rgb(76, 76, 76) !important;
}