/*
--------------------------------------------------------------------------
Copyright 2019 by Mark Lammert and Steve Williams
Master Key Interactive

v1.0.0
--------------------------------------------------------------------------
*/

/*

CAMP JUMP START COLOR GUIDE
NOTE: These are the orignials - Jean changed the colors of BLUE, GREEN, and DK ORANGE on 2019-03-17

BLUE      - #336699 (51, 100, 172)
GREEN     - #99cc33 (133, 196, 66)
LT ORANGE - #ff9933 (247, 148, 31)
DK ORANGE - #ff6633 (242, 97, 36)

*/

label {
  color: #000000;
}

/*
--------------------------------------------------------------------------
---- BOOTSTRAP TEXT OVERRIDES ----
--------------------------------------------------------------------------
*/

.text-cjs-blue {
  /* color: #336699; */
  color: #003da7;
}

.text-cjs-green {
  /* color: #99cc33; */
  color: #71bf11;
}

.text-cjs-lt-orange {
  /* color: #ff9933; */
  color: #ff9933;
}

.text-cjs-dk-orange {
  /* color: #ff6633; */
  color: #f54200;
}

/*
--------------------------------------------------------------------------
---- BOOTSTRAP BACKGROUND OVERRIDES ----
--------------------------------------------------------------------------
*/

.bg-cjs-blue {
  /* background-color: #336699; */
  background-color: #003da7;
}

.bg-cjs-green {
  /* background-color: #99cc33; */
  background-color: #71bf11;
}

.bg-cjs-lt-orange {
  /* background-color: #ff9933; */
  background-color: #ff9933;
}

.bg-cjs-dk-orange {
  /* background-color: #ff6633; */
  background-color: #f54200;
}

/*
--------------------------------------------------------------------------
---- BOOTSTRAP GRID OVERRIDES ----
--------------------------------------------------------------------------
*/

.container,
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

/*
--------------------------------------------------------------------------
---- BOOTSTRAP MODAL OVERRIDES ----
--------------------------------------------------------------------------
*/

.modal .modal-header {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	
	background-color: #ff9933;
}

.modal .modal-header .modal-title {
	color: #ffffff;
}

.modal .modal-header .close {
	display: none;
}

/* ---------------------------------------------- */

.modal .modal-content  {
	margin: 0px;
	padding: 0px;
  
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px; 
}

.modal .modal-body  {
  color: #000000;
}

/* ---------------------------------------------- */

.modal {
	overflow-y: auto;
}

/* ---------------------------------------------- */

.modal {
  background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop.show {
  display: none;
}

/*
--------------------------------------------------------------------------
---- BOOTSTRAP PRIMARY BUTTON OVERRIDES ----
--------------------------------------------------------------------------
*/

/*
NOTE: These color codes are the MODIFIED colors that jean provided on 2019-03-19 using the new photoshop brightness technique
      The css to override the original colors is in the _NOTES folder
*/

/*
normal      = #003da7
darken 7.5% = #003695 (0, 54, 149)
darken 10%  = #002a74
lighten 5%  = #0046c1
lighten 10% = #0050da
darken 30%  = #00050e
*/

.btn-cjs-blue {
    color: #ffffff;
    background-color: #003da7; /* normal */
    border-color: #003da7 /* normal - should be darken 7.5% */
}

.btn-cjs-blue:hover {
    color: #ffffff;
    background-color: #002a74; /* darken 10% */
    border-color: #002a74 /* darken 10% - should be lighten 5% */
}

.btn-cjs-blue:focus,
.btn-cjs-blue.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 54, 149, 0.5); /* darken 7.5% */
}

.btn-cjs-blue.disabled,
.btn-cjs-blue:disabled {
    color: #ffffff;
    background-color: #003da7; /* normal */
    border-color: #003da7; /* normal - should be darken 7.5% */
}

.btn-cjs-blue:not(:disabled):not(.disabled):active,
.btn-cjs-blue:not(:disabled):not(.disabled).active,
.show > .btn-cjs-blue.dropdown-toggle {
    color: #ffffff;
    background-color: #0050da; /* lighten 10% */
    border-color: #0050da /* lighten 10% - should darken 30% */
}

.btn-cjs-blue:not(:disabled):not(.disabled):active:focus,
.btn-cjs-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-cjs-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 54, 149, 0.5); /* darken 7.5% */
}

/* ---------------------------------------------- */

/*
normal      = #71bf11
darken 7.5% = #67af10 (103, 175, 16)
darken 10%  = #55900d
lighten 5%  = #7fd613
lighten 10% = #8cea19
darken 30%  = #1e3304
*/

.btn-cjs-green {
    color: #ffffff;
    background-color: #71bf11; /* normal */
    border-color: #71bf11 /* normal - should be darken 7.5% */
}

.btn-cjs-green:hover {
    color: #ffffff;
    background-color: #55900d; /* darken 10% */
    border-color: #55900d /* darken 10% - should be lighten 5% */
}

.btn-cjs-green:focus,
.btn-cjs-green.focus {
    box-shadow: 0 0 0 .2rem rgba(103, 175, 16, 0.5); /* darken 7.5% */
}

.btn-cjs-green.disabled,
.btn-cjs-green:disabled {
    color: #ffffff;
    background-color: #71bf11; /* normal */
    border-color: #71bf11; /* normal - should be darken 7.5% */
}

.btn-cjs-green:not(:disabled):not(.disabled):active,
.btn-cjs-green:not(:disabled):not(.disabled).active,
.show > .btn-cjs-green.dropdown-toggle {
    color: #ffffff;
    background-color: #8cea19; /* lighten 10% */
    border-color: #8cea19 /* lighten 10% - should be darken 30% */
}

.btn-cjs-green:not(:disabled):not(.disabled):active:focus,
.btn-cjs-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-cjs-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(103, 175, 16, 0.5); /* darken 7.5% */
}

/* ---------------------------------------------- */

/*
normal      = #ff9933
darken 7.5% = #ff860d (255, 134, 13)
darken 10%  = #ff8000
lighten 5%  = #ffa64d
lighten 10% = #ffb366
darken 30%  = #994d00
*/

.btn-cjs-lt-orange {
    color: #ffffff;
    background-color: #ff9933; /* normal */
    border-color: #ff9933 /* normal - should be darken 7.5% */
}

.btn-cjs-lt-orange:hover {
    color: #ffffff;
    background-color: #ff8000; /* darken 10% */
    border-color: #ff8000 /* darken 10% - should be lighten 5% */
}

.btn-cjs-lt-orange:focus,
.btn-cjs-lt-orange.focus {
    box-shadow: 0 0 0 .2rem rgba(255, 134, 13, 0.5); /* darken 7.5% */
}

.btn-cjs-lt-orange.disabled,
.btn-cjs-lt-orange:disabled {
    color: #ffffff;
    background-color: #ff9933; /* normal */
    border-color: #ff9933; /* normal - should be darken 7.5% */
}

.btn-cjs-lt-orange:not(:disabled):not(.disabled):active,
.btn-cjs-lt-orange:not(:disabled):not(.disabled).active,
.show > .btn-cjs-lt-orange.dropdown-toggle {
    color: #ffffff;
    background-color: #ffb366; /* lighten 10% */
    border-color: #ffb366 /* lighten 10% - should darken 30% */
}

.btn-cjs-lt-orange:not(:disabled):not(.disabled):active:focus,
.btn-cjs-lt-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-cjs-lt-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 134, 13, 0.5); /* darken 7.5% */
}

/* ---------------------------------------------- */

/*
normal      = #f54200
darken 7.5% = #e33d00 (227, 61, 0)
darken 10%  = #c23400
lighten 5%  = #ff5010
lighten 10% = #ff6329
darken 30%  = #5c1900
*/

.btn-cjs-dk-orange {
    color: #ffffff;
    background-color: #f54200; /* normal */
    border-color: #f54200 /* normal - should be darken 7.5% */
}

.btn-cjs-dk-orange:hover {
    color: #ffffff;
    background-color: #c23400; /* darken 10% */
    border-color: #c23400 /* darken 10% - should be lighten 5% */
}

.btn-cjs-dk-orange:focus,
.btn-cjs-dk-orange.focus {
    box-shadow: 0 0 0 .2rem rgba(227, 61, 0, 0.5); /* darken 7.5% */
}

.btn-cjs-dk-orange.disabled,
.btn-cjs-dk-orange:disabled {
    color: #ffffff;
    background-color: #f54200; /* normal */
    border-color: #f54200; /* normal - should be darken 7.5% */
}

.btn-cjs-dk-orange:not(:disabled):not(.disabled):active,
.btn-cjs-dk-orange:not(:disabled):not(.disabled).active,
.show > .btn-cjs-dk-orange.dropdown-toggle {
    color: #ffffff;
    background-color: #ff6329; /* lighten 10% */
    border-color: #ff6329 /* lighten 10% - should darken 30% */
}

.btn-cjs-dk-orange:not(:disabled):not(.disabled):active:focus,
.btn-cjs-dk-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-cjs-dk-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(227, 61, 0, 0.5); /* darken 7.5% */
}

/* ---------------------------------------------- */

.btn > .spinner-border-sm {
	margin-right: 3px;
	margin-bottom: 3px;
}