/*
Go to main/colour_test to see a colour panel

Colours:

 #004b87 - main nav colour
 #005eaa - active nav
 #3e3f3a - body background
 #737470 - active pagination
 #005eaa - misc text colour
 #e31b25 - pack selection buttons active

 #004b87 - primary btn
 #831015 - primary btn low
 #bd151e - primary btn high

 #00A88E - success btn
 #00CC66 - success btn low
 #00C1A5 - succes btn high

 #868B8E - info btn
 #868B8E - info btn low
 #D3D5D6 - info btn high

 #FCD700 - danger btn
 #F0CC00 - danger btn low
 #FFE02F - danger btn high

*/

/* Main colour - #004b87
   lighter Main - #005eaa */

   body {
    background-color: #d7d7d7;;
  }
  a:focus {
    color: #666666;
  }
  
  /* Login Colours */
  
  #the_form {
  -webkit-box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.75);
  background-color: #FFFFFF;
  }
  
  #the_form h1 {
      background:#004b87;
  }
  
  #the_form h1:before,
  #the_form h1:after {
      border-color:transparent #00213b;
  }
  
  
  /* Card Approval */
  
  .card_approval_tabs {
    background-color: #004b87 !important;
    color: white !important;
    border-color: #004b87 !important;
    font-weight: normal;
  }
  
  /* Any badges knocking around */
  
  .nav_badge {
      background-color: #004b87;
      bottom: 2px;
      color: white;
      display: none;
      font-size: 11px;
      left: 2px;
      padding-bottom: 2px;
      padding-top: 2px;
      position: relative;
  }
  
  .card_approval_badge {
      background-color: #004b87;
      color: white;
  }
  
  /* Top of Archive */
  
  .archive_heading {
    background-color: #3e3f3a !important;
    cursor: pointer;
  }
  
  .archive_heading .panel-title{
    color: white;
  }
  
  .archive_heading_body {
    background-color: #f8f8f8 !important;
  }
  
  /* Dashboard Panels */
  .hero-widget { background-color: #EFE8DC;}
  .hero-widget label { color: #67665A;}
  .hero-widget:hover {
    background-color: #004b87;
    color: white;
  }
  
  /* Pagination */
  
  .pagination > li > a, .pagination > li > span {
    background-color: #3e3f3a;
    color: white;
    text-transform: capitalize;
    border-color: #31322E;
  }
  
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    background-color: #737470;
    border-color: #737470;
    color: white;
  }
  
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
      background-color: #737470;
      border-color: #737470;
      color: white;
  }
  
  /* Page headers on Relations */
  .page_breaker {
    background-color: #004b87;
    color: white;
  }
  
  .edit_member_option:hover {
    background-color: #004b87;
    color: white;
  }
  
  .misc_colour_text {
      color: #005eaa;
  }
  
  .misc_color_item {
      background-color: #005eaa;
  }
  
  /* filter button colours on active */
  
  .bizmoduleselect label.btn-default.active{ background-color:#004b87; color:#FFF; }
  
  /* navbar */
  
  .navbar-default {
      background-color: #004b87;
      border-color: #004b87;
  }
  
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border-color: #004b87;
  }
  
  .navbar-default .navbar-nav > li > a {
      color: white;
  }
  
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #005eaa;
  }
  
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #005eaa;
  }
  
  .navbar-default .navbar-toggle .icon-bar {
      background-color: #ffffff;
  }
  
  /* footer */
  
  #footer {
    background-color: #004b87;
    color: white;
   }
  
  #footer a {
    color: white;
  }
  
  /* buttons*/
  
  .bg-primary { background-color: #004b87; }
  .btn-primary {  background-color: #004b87; }
  .btn-primary:hover { background-color: #005eaa ; }
  .btn-primary:focus { background-color: #013966; }
  
  .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.focus:active, .btn-primary.active.focus,
  .open > .dropdown-toggle.btn-primary.focus {
    background-color: #013966;
  }
  
  .btn-success { background-color: #00CC66; }
  .btn-success:hover { background-color: #00d169; }
  .btn-success:focus { background-color: #00a753; }
  
  .btn-success.disabled,
  .btn-success[disabled],
  fieldset[disabled] .btn-success,
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled.focus,
  .btn-success.focus[disabled],
  fieldset[disabled] .btn-success.focus,
  .btn-success.disabled:active,
  .btn-success[disabled]:active,
  fieldset[disabled] .btn-success:active,
  .btn-success.disabled.active,
  .btn-success.active[disabled],
  fieldset[disabled] .btn-success.active {
    background-color: #00CC66;
  }
  
  .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus,
  .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success.focus:active, .btn-success.active.focus,
  .open > .dropdown-toggle.btn-success.focus {
    background-color: #00CC66;
  }
  
  .btn-info { background-color: #868B8E; }
  .btn-info:hover { background-color: #9ca4a8; }
  .btn-info:focus { background-color: #868B8E; }
  
  .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus,
  .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info.focus:active, .btn-info.active.focus,
  .open > .dropdown-toggle.btn-info.focus {
    background-color: #868B8E;
  }
  
  .btn-danger { background-color: #FCD700; color: #333333;}
  .btn-danger:hover { background-color: #FFE02F; color: #333333; }
  .btn-danger:focus { background-color: #F0CC00; color: #333333; }
  
  .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus,
  .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger.focus:active, .btn-danger.active.focus,
  .open > .dropdown-toggle.btn-danger.focus {
    background-color: #F0CC00; color: #333333;
  }
  
  /* panels */
  
  .panel-primary { border-color: #004b87; }
  .panel-primary > .panel-heading {
      background-color: #004b87;
      border-color: #004b87;
      color: #ffffff;
  }
  
  .panel-success { border-color: #00cc66; }
  .panel-success > .panel-heading {
      background-color: #00cc66;
      border-color: #00cc66;
      color: #ffffff;
  }
  
  
  .panel-info { border-color: #868B8E; }
  .panel-info > .panel-heading {
      background-color: #868B8E;
      border-color: #868B8E;
      color: #ffffff;
  }
  
  .panel-danger { border-color: #FCD700; }
  .panel-danger > .panel-heading {
      background-color: #FCD700;
      border-color: #FCD700;
      color: #333333;
  }
  
  
  /* alerts */
  .alert-info {
    background-color: #868b8e;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: normal;
  }
  
  .alert .alert-link {
    font-weight: normal;
  }
  
  .alert-success {
    background-color: #00cc66;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: normal;
  }
  
  .alert-danger {
    background-color: #FCD700;
    color: #333333;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: normal;
  }
  
  .alert-warning {
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: normal;
  }
  
  .alert-danger a {
    color: #333333 !important;
  }
  
  /* Divs that give the JS their colours */
  
  #default_nav_colour {
      background-color: #004b87;
  }
  
  #highlighted_nav_colour {
      background-color: #005eaa;
  }
  
  #dashboard_boxes_colour {
      background-color: #67665A;
  }
  
  #dashboard_text_colour {
      background-color: #FFFFFF;
  }
  
  #html_background_colour {
      background-color: #3E3F3A;
  }
  
  /* misc */
  
  .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #004b87 !important;
  }
  
  #map_background_colour {
      background-color: #3e3f3a;
  }
  
  #map_top_gradient_colour {
      background-color: #005eaa;
  }
  
  #map_bottom_gradient_colour {
      background-color: #004b87;
  }
  
  .an_icon {
    color: #004b87;
  }
  
  .template_selected {
    background-color: #004b87;
  }
  
  .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
      color: #444444;
  }
  
  .nav-tabs > li > a {
      color: #444444;
  }
  
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #444444;
  }
  
  .function_glyphs {
    color: #004b87;
    font-size: 18px;
    margin-left: 3px;
  }
  
  .function_glyphs:hover {
    color: #004b87;
    font-size: 18px;
    margin-left: 3px;
  }
  
  .function_labels_downloaded {
    color: #00cc66;
  }
  
  .function_letters_downloaded {
      color: #00cc66;
  }
  
  .move_box:hover {
      background-color: #cccccc;
    cursor: pointer;
  }
  
  .check_highlighted {
    background-color: #cccccc;
  }
  
  .pt_bar {
    background-color: #3e3f3a !important;
  }
  
  .pt_bar_red {
      background-color: #ff2c2c !important;
  }
  
  .pt_bar:hover {
    background-color: #54554F !important;
  }