/* 
Go to main/colour_test to see a colour panel

Colours:

 #e4051f - main nav colour - #480024
 #EB5259 - active nav - #7a1140
 #3e3f3a - body background
 #737470 - active pagination
 #EB5259 - misc text colour - #480024
 #e31b25 - pack selection buttons active - #480024

 #E31B23 - primary btn
 #831015 - primary btn low - #6e0e39
 #bd151e - primary btn high

 #00A88E - success btn
 #006F5E - 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
 
*/

body {
  background-color: #3e3f3a;
}
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:#480024;
}

#the_form h1:before,
#the_form h1:after {
    border-color:transparent #480024;
}


/* Card Approval */

.card_approval_tabs {
  background-color: #480024 !important;
  color: white !important; 
  border-color: #480024 !important;
  font-weight: normal;
}

/* Any badges knocking around */

.nav_badge {
    background-color: #480024;
    bottom: 2px;
    color: white;
    display: none;
    font-size: 11px;
    left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    position: relative;
}

.card_approval_badge {
    background-color: #480024;
    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: #480024;
  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: #480024;
  color: white;
}

.edit_member_option:hover {
  background-color: #480024;
  color: white;
}

.misc_colour_text {
	color: #7a1140;
}

.misc_color_item {
	background-color: #7a1140;
}

/* filter button colours on active */

.bizmoduleselect label.btn-default.active{ background-color:#480024; color:#FFF; }

/* navbar */

.navbar-default {
    background-color: #480024;
    border-color: #480024;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #480024;
}

.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: #7a1140;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #7a1140;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

/* footer */

#footer {
  background-color: #480024;
  color: white;
 }

#footer a {
  color: white;
}

/* buttons*/

.bg-primary { background-color: #480024; }
.btn-primary {  background-color: #480024; }
.btn-primary:hover { background-color: #7a1140; }
.btn-primary:focus { background-color: #6e0e39; }

.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: #6e0e39;
}

.btn-success { background-color: #28a745; }
.btn-success:hover { background-color: #1f8035; }
.btn-success:focus { background-color: #1f8035; }

.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: #006F5E; 
}

.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: #006F5E; 
}

.btn-info { background-color: #868B8E; }
.btn-info:hover { background-color: #D3D5D6; }
.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: #480024; }
.panel-primary > .panel-heading {
    background-color: #480024;
    border-color: #480024;
    color: #ffffff;
}

.panel-success { border-color: #00A88E; }
.panel-success > .panel-heading {
    background-color: #00A88E;
    border-color: #00A88E;
    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: #00A88E;
  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: #480024;
}

#highlighted_nav_colour {
	background-color: #7a1140;
}

#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: #480024 !important;
}

#map_background_colour {
	background-color: #3e3f3a;
}

#map_top_gradient_colour {
	background-color: #7a1140;
}

#map_bottom_gradient_colour {
	background-color: #c30218;
}

.an_icon {
  color: #480024;
}

.template_selected {
  background-color: #480024;
}

.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: #480024;
  font-size: 18px;
  margin-left: 3px;
}

.function_glyphs:hover {
  color: #480024;
  font-size: 18px;
  margin-left: 3px;
}

.function_labels_downloaded {
  color: #00A88E;
}

.function_letters_downloaded {
    color: #00A88E;
}

.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; 
}
