﻿/***
COLOR PALETTE

#3874A5 - Lightest
#1762A0 - Light

#094B83 - Default

#063D6B - Dark
#032D50 - Darkest
***/

/* BUTTON Override (all) */
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none; /* Default */
  box-shadow: 0px 0px 5px 2px rgba(9,75,131,1); /* Default */
}

/* SUCCESS Button Overrides */
.btn-success {
  background-color: #387f38;
  border-color: #2e692e;
}

.btn-success:hover,
.btn-success:focus,                 
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #2e692e;
  border-color: #255425;
}

/* PRIMARY Button Overrides */
.btn-primary {
  color: #fff;
  background-color: #094B83; /* Default */
  border-color: #032D50; /* Darkest */
}
.btn-primary:hover,
.btn-primary:focus,                 
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #032d50; /* Darkest */
  border-color: black;
  box-shadow: 0px 0px 10px 0px rgba(9,75,131,1); /* Default */
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #032D50; /* Darkest */
  border-color: #032D50; /* Darkest */
  box-shadow: 0px 0px 10px 0px rgba(9,75,131,1); /* Default */
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #094B83; /* Default */
  border-color: #032D50; /* Darkest */
  opacity: .73; /* 508 contrast compliance*/
}

/*PRIMARY Background Override*/
.bg-primary {
  color: #fff;
  background-color: #094B83;
}

/* FORM Control Override */
.form-control:focus {
    /* Lightest */
    border-color: #3874A5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 116, 165, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 116, 165, .6);
}

/* LIST Item Override*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #094B83; /* Default */
  border-color: #094B83; /* Default */
}

/* DROPDOWN Override (Less, not Bootstrap) */
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #666; /* 508 contrast compliance */
}

/* NAV TABS Override */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #094B83;
    border: 1px solid #032D50;
    border-bottom-color: transparent;
}

/* POPUP Override*/
.esriPopup .titleButton.maximize {
    display: inline;
    color: white;
}
.esriPopup.light .titleButton.next {
    right: 52px;
}
.esriPopup.light .titleButton.prev {
    right: 77px;
}
.esriPopup.light .actionsPane,
.esriPopup.dark .actionsPane {
    background-color: #F9FAFD;
}
.esriPopup .contentPane,
.esriPopup.light .contentPane,
.esriPopup.dark .contentPane {
    background-color: #F9FAFD;
    border-color: #F9FAFD;
}
.esriPopup .titlePane,
.esriPopup.light .titlePane,
.esriPopup.dark .titlePane {
    background-color: #094B83; /* Default */
    color: white;
}
.esriPopup.light .titleButton.next,
.esriPopup.dark .titleButton.next,
.esriPopup.light .titleButton.prev,
.esriPopup.dark .titleButton.prev {
    color: white;
}
.esriPopup.light .titleButton.next:hover,
.esriPopup.dark .titleButton.next:hover,
.esriPopup.light .titleButton.prev:hover,
.esriPopup.dark .titleButton.prev:hover,
.esriPopup.light .titleButton.maximize:hover {
  color: #3874A5; /* Lightest */
}
.esriPopup.light .titleButton.close,
.esriPopup.dark .titleButton.close {
    opacity: 1;
    color: white;
}
.esriPopup.light .titleButton.close:hover,
.esriPopup.dark .titleButton.close:hover {
    opacity: 1;
    color: #3874A5; /* Lightest */
    text-shadow: 0 1px 0 #3874A5;
}