/* White Colors */
/* Grey Colors */
/* Blue Colors */
/* Green Colors */
/* Orange Colors */
/* Red Colors */
/* Purple Colors */
/* Button CSS */
/* Standard Button CSS */
.button {
  color: #fff;
  cursor: default;
  border: none;
  border-radius: 3px;
  font-weight: 600;
  text-align: center;
  font-family: "Arial Narrow Bold", "Arial Narrow", "Arial", sans-serif;
  font-stretch: condensed;
  font-size: 1.3em;
  width: 100%; }
  .button:hover {
    color: #fff; }

.button_height_sm {
  height: 30px;
  line-height: 30px; }

.button_height_md {
  height: 50px;
  line-height: 50px; }

.button_height_lg {
  height: 62px;
  line-height: 62px;
  font-size: 20px !important; }

.button_lh_secondary_sm {
  line-height: 36px; }

.button_lh_secondary_md {
  line-height: 46px; }

.button_lh_secondary_lg {
  line-height: 58px; }

/* Blue Button CSS */
.button_blue_mousedown {
  background: #2f4d5d !important; }

.button_blue_primary {
  background: #40697F; }

.button_blue_primary_disabled {
  background: #D5EBF5; }

.button_blue_primary_hover:hover {
  background: #5388A6;
  cursor: pointer; }

.button_blue_secondary {
  color: #5388A6;
  background: #fff;
  border: 2px solid #40697F; }

.button_blue_secondary_disabled {
  background: #D5EBF5;
  border: 2px solid #D5EBF5; }

.button_blue_secondary_hover:hover {
  background: #5388A6;
  border: 2px solid #5388A6;
  cursor: pointer; }

/* Orange Button CSS */
.button_orange_mousedown {
  background: #ae6619 !important; }

.button_orange_primary {
  background: #db801f; }

.button_orange_primary_disabled {
  background: #ffc266; }

.button_orange_primary_hover:hover {
  background: #f9a11b;
  cursor: pointer; }

.button_orange_secondary {
  color: #f9a11b;
  background: #fff;
  border: 2px solid #db801f; }

.button_orange_secondary_disabled {
  background: #ffc266;
  border: 2px solid #ffc266; }

.button_orange_secondary_hover:hover {
  background: #f9a11b;
  border: 2px solid #f9a11b;
  cursor: pointer; }

/* Red Button CSS */
.button_red_mousedown {
  background: #7d2121 !important; }

.button_red_primary {
  background: #a62b2b; }

.button_red_primary_disabled {
  background: #ee9090; }

.button_red_primary_hover:hover {
  background: #cc3637;
  cursor: pointer; }

.button_red_secondary {
  color: #cc3637;
  background: #fff;
  border: 2px solid #a62b2b; }

.button_red_secondary_disabled {
  background: #ee9090;
  border: 2px solid #ee9090; }

.button_red_secondary_hover:hover {
  background: #cc3637;
  border: 2px solid #cc3637;
  cursor: pointer; }

/* Green Button CSS */
.button_green_mousedown {
  background: #475e2f !important; }

.button_green_primary {
  background: #608040; }

.button_green_primary_disabled {
  background: #C3D9AD; }

.button_green_primary_hover:hover {
  background: #7CA653;
  cursor: pointer; }

.button_green_secondary {
  color: #7CA653;
  background: #fff;
  border: 2px solid #608040; }

.button_green_secondary_disabled {
  background: #C3D9AD;
  border: 2px solid #C3D9AD; }

.button_green_secondary_hover:hover {
  background: #7CA653;
  border: 2px solid #7CA653;
  cursor: pointer; }

/* Purple Button CSS */
.button_purple_mousedown {
  background: #45345f !important; }

.button_purple_primary {
  background: #5d4680; }

.button_purple_primary_disabled {
  background: #bb95e5; }

.button_purple_primary_hover:hover {
  background: #8c69bf;
  cursor: pointer; }

.button_purple_secondary {
  color: #8c69bf;
  background: #fff;
  border: 2px solid #5d4680; }

.button_purple_secondary_disabled {
  background: #824dbf;
  border: 2px solid #824dbf; }

.button_purple_secondary_hover:hover {
  background: #8c69bf;
  border: 2px solid #8c69bf;
  cursor: pointer; }

/* Grey Button CSS */
.button_grey_mousedown {
  background: #5e5e5e !important; }

.button_grey_primary {
  background: #555; }

.button_grey_primary_disabled {
  background: #ccc; }

.button_grey_primary_hover:hover {
  background: #999;
  cursor: pointer; }

.button_grey_secondary {
  color: #999;
  background: #fff;
  border: 2px solid #787878; }

.button_grey_secondary_disabled {
  background: #e2e2e2;
  border: 2px solid #e2e2e2; }

.button_grey_secondary_hover:hover {
  background: #999;
  border: 2px solid #999;
  cursor: pointer; }

/* Grey Box Shadows */
.glow-grey-2 {
  border-color: #555;
  -webkit-box-shadow: 0 0 2px #555;
  -moz-box-shadow: 0 0 2px #555;
  box-shadow: 0 0 2px #555; }

.glow-grey-4 {
  border-color: #555;
  -webkit-box-shadow: 0 0 4px #555;
  -moz-box-shadow: 0 0 4px #555;
  box-shadow: 0 0 4px #555; }

.glow-grey-8 {
  border-color: #555;
  -webkit-box-shadow: 0 0 8px #555;
  -moz-box-shadow: 0 0 8px #555;
  box-shadow: 0 0 8px #555; }

.glow-grey-12 {
  border-color: #555;
  -webkit-box-shadow: 0 0 12px #555;
  -moz-box-shadow: 0 0 12px #555;
  box-shadow: 0 0 12px #555; }

.glow-grey-16 {
  border-color: #555;
  -webkit-box-shadow: 0 0 16px #555;
  -moz-box-shadow: 0 0 16px #555;
  box-shadow: 0 0 16px #555; }

.glow-grey-20 {
  border-color: #555;
  -webkit-box-shadow: 0 0 20px #555;
  -moz-box-shadow: 0 0 20px #555;
  box-shadow: 0 0 20px #555; }

/* Blue Box Shadows */
.glow-blue-2 {
  border-color: #5388A6;
  -webkit-box-shadow: 0 0 2px #5388A6;
  -moz-box-shadow: 0 0 2px #5388A6;
  box-shadow: 0 0 2px #5388A6; }

.glow-blue-4 {
  border-color: #5388A6;
  -webkit-box-shadow: 0 0 4px #5388A6;
  -moz-box-shadow: 0 0 4px #5388A6;
  box-shadow: 0 0 4px #5388A6; }

.glow-blue-8 {
  border-color: #5388A6;
  -webkit-box-shadow: 0 0 8px #5388A6;
  -moz-box-shadow: 0 0 8px #5388A6;
  box-shadow: 0 0 8px #5388A6; }

.glow-blue-12 {
  border-color: #5388A6;
  -webkit-box-shadow: 0 0 12px #5388A6;
  -moz-box-shadow: 0 0 12px #5388A6;
  box-shadow: 0 0 12px #5388A6; }

.glow-blue-16 {
  border-color: #5388A6;
  -webkit-box-shadow: 0 0 16px #5388A6;
  -moz-box-shadow: 0 0 16px #5388A6;
  box-shadow: 0 0 16px #5388A6; }

.glow-blue-20 {
  border-color: #5388A6;
  -webkit-box-shadow: 0 0 20px #5388A6;
  -moz-box-shadow: 0 0 20px #5388A6;
  box-shadow: 0 0 20px #5388A6; }

/* Green Box Shadows */
.glow-green-2 {
  border-color: #5388A6;
  -webkit-box-shadow: 0 0 2px #5388A6;
  -moz-box-shadow: 0 0 2px #5388A6;
  box-shadow: 0 0 2px #5388A6; }

.glow-green-4 {
  border-color: #7CA653;
  -webkit-box-shadow: 0 0 4px #7CA653;
  -moz-box-shadow: 0 0 4px #7CA653;
  box-shadow: 0 0 4px #7CA653; }

.glow-green-8 {
  border-color: #7CA653;
  -webkit-box-shadow: 0 0 8px #7CA653;
  -moz-box-shadow: 0 0 8px #7CA653;
  box-shadow: 0 0 8px #7CA653; }

.glow-green-12 {
  border-color: #7CA653;
  -webkit-box-shadow: 0 0 12px #7CA653;
  -moz-box-shadow: 0 0 12px #7CA653;
  box-shadow: 0 0 12px #7CA653; }

.glow-green-16 {
  border-color: #7CA653;
  -webkit-box-shadow: 0 0 16px #7CA653;
  -moz-box-shadow: 0 0 16px #7CA653;
  box-shadow: 0 0 16px #7CA653; }

.glow-green-20 {
  border-color: #7CA653;
  -webkit-box-shadow: 0 0 20px #7CA653;
  -moz-box-shadow: 0 0 20px #7CA653;
  box-shadow: 0 0 20px #7CA653; }

/* Orange Box Shadows */
.glow-orange-2 {
  border-color: #f9a11b;
  -webkit-box-shadow: 0 0 2px #f9a11b;
  -moz-box-shadow: 0 0 2px #f9a11b;
  box-shadow: 0 0 2px #f9a11b; }

.glow-orange-4 {
  border-color: #f9a11b;
  -webkit-box-shadow: 0 0 4px #f9a11b;
  -moz-box-shadow: 0 0 4px #f9a11b;
  box-shadow: 0 0 4px #f9a11b; }

.glow-orange-8 {
  border-color: #f9a11b;
  -webkit-box-shadow: 0 0 8px #f9a11b;
  -moz-box-shadow: 0 0 8px #f9a11b;
  box-shadow: 0 0 8px #f9a11b; }

.glow-orange-12 {
  border-color: #f9a11b;
  -webkit-box-shadow: 0 0 12px #f9a11b;
  -moz-box-shadow: 0 0 12px #f9a11b;
  box-shadow: 0 0 12px #f9a11b; }

.glow-orange-16 {
  border-color: #f9a11b;
  -webkit-box-shadow: 0 0 16px #f9a11b;
  -moz-box-shadow: 0 0 16px #f9a11b;
  box-shadow: 0 0 16px #f9a11b; }

.glow-orange-20 {
  border-color: #f9a11b;
  -webkit-box-shadow: 0 0 20px #f9a11b;
  -moz-box-shadow: 0 0 20px #f9a11b;
  box-shadow: 0 0 20px #f9a11b; }

/* Red Box Shadows */
.glow-red-2 {
  border-color: #cc3637;
  -webkit-box-shadow: 0 0 2px #cc3637;
  -moz-box-shadow: 0 0 2px #cc3637;
  box-shadow: 0 0 2px #cc3637; }

.glow-red-4 {
  border-color: #cc3637;
  -webkit-box-shadow: 0 0 4px #cc3637;
  -moz-box-shadow: 0 0 4px #cc3637;
  box-shadow: 0 0 4px #cc3637; }

.glow-red-8 {
  border-color: #cc3637;
  -webkit-box-shadow: 0 0 8px #cc3637;
  -moz-box-shadow: 0 0 8px #cc3637;
  box-shadow: 0 0 8px #cc3637; }

.glow-red-12 {
  border-color: #cc3637;
  -webkit-box-shadow: 0 0 12px #cc3637;
  -moz-box-shadow: 0 0 12px #cc3637;
  box-shadow: 0 0 12px #cc3637; }

.glow-red-16 {
  border-color: #cc3637;
  -webkit-box-shadow: 0 0 16px #cc3637;
  -moz-box-shadow: 0 0 16px #cc3637;
  box-shadow: 0 0 16px #cc3637; }

.glow-red-20 {
  border-color: #cc3637;
  -webkit-box-shadow: 0 0 20px #cc3637;
  -moz-box-shadow: 0 0 20px #cc3637;
  box-shadow: 0 0 20px #cc3637; }

/* Purple Box Shadows */
.glow-purple-2 {
  border-color: #8c69bf;
  -webkit-box-shadow: 0 0 2px #8c69bf;
  -moz-box-shadow: 0 0 2px #8c69bf;
  box-shadow: 0 0 2px #8c69bf; }

.glow-purple-4 {
  border-color: #8c69bf;
  -webkit-box-shadow: 0 0 4px #8c69bf;
  -moz-box-shadow: 0 0 4px #8c69bf;
  box-shadow: 0 0 4px #8c69bf; }

.glow-purple-8 {
  border-color: #8c69bf;
  -webkit-box-shadow: 0 0 8px #8c69bf;
  -moz-box-shadow: 0 0 8px #8c69bf;
  box-shadow: 0 0 8px #8c69bf; }

.glow-purple-12 {
  border-color: #8c69bf;
  -webkit-box-shadow: 0 0 12px #8c69bf;
  -moz-box-shadow: 0 0 12px #8c69bf;
  box-shadow: 0 0 12px #8c69bf; }

.glow-purple-16 {
  border-color: #8c69bf;
  -webkit-box-shadow: 0 0 16px #8c69bf;
  -moz-box-shadow: 0 0 16px #8c69bf;
  box-shadow: 0 0 16px #8c69bf; }

.glow-purple-20 {
  border-color: #8c69bf;
  -webkit-box-shadow: 0 0 20px #8c69bf;
  -moz-box-shadow: 0 0 20px #8c69bf;
  box-shadow: 0 0 20px #8c69bf; }

/* ----------White/Grey Colors---------- */
.clr-white {
  color: #fff; }

.bg-white {
  background-color: #fff; }

.clr-lgst-grey {
  color: #f5f5f5; }

.bg-lgst-grey {
  background-color: #f5f5f5; }

.clr-lgtr-grey {
  color: #e2e2e2; }

.bg-lgtr-grey {
  background-color: #e2e2e2; }

.clr-lgt-grey {
  color: #ccc; }

.bg-lgt-grey {
  background-color: #ccc; }

.clr-grey {
  color: #999; }

.bg-grey {
  background-color: #999; }

.clr-drk-grey {
  color: #787878; }

.bg-drk-grey {
  background-color: #787878; }

.clr-drkr-grey {
  color: #555; }

.bg-drkr-grey {
  background-color: #555; }

.clr-drkst-grey {
  color: #333; }

.bg-drkst-grey {
  background-color: #333; }

/* ----------Blue Colors---------- */
.clr-drkr-blue {
  color: #263E4D; }

.bg-drkr-blue {
  background-color: #263E4D; }

.clr-drk-blue {
  color: #40697F; }

.bg-drk-blue {
  background-color: #40697F; }

.clr-blue {
  color: #5388A6; }

.bg-blue {
  background-color: #5388A6; }

.clr-lgt-blue {
  color: #67A5C2; }

.bg-lgt-blue {
  background-color: #67A5C2; }

.clr-lgtr-blue {
  color: #98C4D9; }

.bg-lgtr-blue {
  background-color: #98C4D9; }

.clr-lgtst-blue {
  color: #D5EBF5; }

.bg-lgtst-blue {
  background-color: #D5EBF5; }

.clr-white-blue {
  color: #f0faff; }

.bg-white-blue {
  background-color: #f0faff; }

/* ----------Green Colors---------- */
.clr-drkr-green {
  color: #567339; }

.bg-drkr-green {
  background-color: #567339; }

.clr-drk-green {
  color: #608040; }

.bg-drk-green {
  background-color: #608040; }

.clr-green {
  color: #7CA653; }

.bg-green {
  background-color: #7CA653; }

.clr-lgt-green {
  color: #A6C267; }

.bg-lgt-green {
  background-color: #A6C267; }

.clr-lgtr-green {
  color: #C3D9AD; }

.bg-lgtr-green {
  background-color: #C3D9AD; }

.clr-lgtst-green {
  color: #dce5c3; }

.bg-lgtst-green {
  background-color: #dce5c3; }

/* ----------Orange Colors---------- */
.clr-drk-orange {
  color: #db801f; }

.bg-drk-orange {
  background-color: #db801f; }

.clr-orange {
  color: #f9a11b; }

.bg-orange {
  background-color: #f9a11b; }

.clr-lgt-orange {
  color: #ffbd59; }

.bg-lgt-orange {
  background-color: #ffbd59; }

.clr-lgtr-orange {
  color: #ffc266; }

.bg-lgtr-orange {
  background-color: #ffc266; }

.clr-lgtst-orange {
  color: #ffe0b2; }

.bg-lgtst-orange {
  background-color: #ffe0b2; }

.clr-white-orange {
  color: #ffebcc; }

.bg-white-orange {
  background-color: #ffebcc; }

/* ----------Red Colors---------- */
.clr-drk-red {
  color: #a62b2b; }

.bg-drk-red {
  background-color: #a62b2b; }

.clr-red {
  color: #cc3637; }

.bg-red {
  background-color: #cc3637; }

.clr-lgt-red {
  color: #ee4a4a; }

.bg-lgt-red {
  background-color: #ee4a4a; }

.clr-lgtr-red {
  color: #ee9090; }

.bg-lgtr-red {
  background-color: #ee9090; }

/* ----------Purple Colors---------- */
.clr-drkr-purple {
  color: #442e66; }

.bg-drkr-purple {
  background-color: #442e66; }

.clr-drk-purple {
  color: #5d4680; }

.bg-drk-purple {
  background-color: #5d4680; }

.clr-purple {
  color: #8c69bf; }

.bg-purple {
  background-color: #8c69bf; }

.clr-lgt-purple {
  color: #6c3f9e; }

.bg-lgt-purple {
  background-color: #6c3f9e; }

.clr-lgtr-purple {
  color: #824dbf; }

.bg-lgtr-purple {
  background-color: #824dbf; }

.clr-lgtst-purple {
  color: #a873e5; }

.bg-lgtst-purple {
  background-color: #a873e5; }

.clr-white-purple {
  color: #bb95e5; }

.bg-white-purple {
  background-color: #bb95e5; }

.button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }