/* 

Go to main/colour_test to see a colour panel



Colours:



 #630C10 - main nav colour

 #EB5259 - active nav

 #3e3f3a - body background

 #737470 - active pagination

 #EB5259 - misc text colour

 #e31b25 - pack selection buttons active



 #630C10 - primary btn

 #831015 - primary btn low

 #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:#630C10;

}



#the_form h1:before,

#the_form h1:after {

    border-color:transparent #831015;

}





/* Card Approval */



.card_approval_tabs {

  background-color: #630C10 !important; 

  color: white !important; 

  border-color: #630C10 !important; 

  font-weight: normal;

}



/* Any badges knocking around */



.nav_badge {

    background-color: #630C10;

    bottom: 2px;

    color: white;

    display: none;

    font-size: 11px;

    left: 2px;

    padding-bottom: 2px;

    padding-top: 2px;

    position: relative;

}



.card_approval_badge {

    background-color: #630C10;

    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: #630C10;

  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: #630C10;

  color: white;

}



.edit_member_option:hover {

  background-color: #630C10;

  color: white;

}



.misc_colour_text {

	color: #EB5259;

}



.misc_color_item {

	background-color: #EB5259;

}



/* filter button colours on active */



.bizmoduleselect label.btn-default.active{ background-color:#e31b25; color:#FFF; }



/* navbar */



.navbar-default {

    background-color: #630C10;

    border-color: #630C10;

}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color: #630C10;

}



.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: #EB5259;

}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

  background-color: #EB5259;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #ffffff;

}



/* footer */



#footer {

  background-color: #630C10;

  color: white;

 }



#footer a {

  color: white;

}



/* buttons*/



.bg-primary { background-color: #630C10; }

.btn-primary {  background-color: #630C10; }

.btn-primary:hover { background-color: #bd151e; }

.btn-primary:focus { background-color: #831015; }



.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: #831015;

}



.btn-success { background-color: #00A88E; }

.btn-success:hover { background-color: #00C1A5; }

.btn-success:focus { background-color: #006F5E; }



.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: #630C10; }

.panel-primary > .panel-heading {

    background-color: #630C10;

    border-color: #630C10;

    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: #630C10;

}



#highlighted_nav_colour {

	background-color: #EB5259;

}



#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: #630C10 !important;

}



#map_background_colour {

	background-color: #3e3f3a;

}



#map_top_gradient_colour {

	background-color: #EB5259;

}



#map_bottom_gradient_colour {

	background-color: #630C10;

}



.an_icon {

  color: #630C10;

}



.template_selected {

  background-color: #630C10;

}



.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: #630C10;

  font-size: 18px;

  margin-left: 3px;

}



.function_glyphs:hover {

  color: #630C10;

  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:hover {

  background-color: #54554F !important; 

}