/*

Blue Color CSS
Version: 1.0
Author: kantbtrue
Author URI: https://twitter.com/kantbtrue

*/

/* Link */

:root {
  --light-color: #ccff00; /* light green */
  --dark-color: #003d4c; /* dark blue */
  --black: #262626;
  --white: #ffffff;
  --gray: #a9a9a9;
  --dark-gray: #555555;
  --light-gray: #f3f5f6;
}




a {
	color: var(--dark-color);
}
a:hover,
a:focus {
	color: var(--dark-color);
}

a.text-white:hover,
a.text-white:focus {
	color: var(--light-color)!important;
}
a.text-black:hover,
a.text-black:focus {
	color: var(--black);
}


/* Text */

.text-light-color {
	color: var(--light-color);
}
.text-dark-color {
	color: var(--dark-color);
}
.text-black {
	color: var(--black);
}
.text-white {
	color: var(--white);
}


/* Border */
.border-light-color {
	border-color: var(--light-color);
}
.border-dark-color {
	border-color: var(--dark-color);
}
.border-black {
	border-color: var(--black)!important;
}
.border-dark-gray {
	border-color: var(--dark-gray);
}
.border-gray {
	border-color: var(--gray);
}
.border-light-gray {
	border-color: var(--light-gray);
}
.border-white {
	border-color: var(--white)!important;
}

/* Background */
.bg-light-color {
	background-color: var(--light-color)!important;
}
.bg-dark-color {
	background-color: var(--dark-color)!important;
}
.bg-black {
	background-color: var(--black)!important;
}
.bg-dark-gray {
	background-color: var(--dark-gray);
}
.bg-gray {
	background-color: var(--gray);
}
.bg-light-gray {
	background-color: var(--light-gray);
}
.bg-white {
	background-color: var(--white);
}


/* Form */
.form-control:focus {
	border-color: var(--light-color);
	box-shadow: 0 0 0 0.2rem rgba(204, 255, 0, 0.5);
}

/* Button */
.btn-dark-color, .btn-dark-alt {
	background-color: var(--dark-color);
	border-color: var(--dark-color);
	color: var(--light-color);
}

.btn-dark-color:hover,
.btn-dark-color:focus,
.btn.btn-dark-color:not(:disabled):active {
	background-color: var(--white);
	border-color: var(--white);
	color: var(--dark-color);
}
.btn-dark-alt:hover,
.btn-dark-alt:focus,
.btn.btn-dark-alt:not(:disabled):active {
	background-color: var(--light-color);
	border-color: var(--light-color);
	color: var(--dark-color);
}
.btn-dark-alt:active{
	background-color: var(--dark-color);
	border-color: var(--dark-color);
	color: var(--light-color);
}
.btn-light-color {
	background-color: var(--light-color);
	border-color: var(--light-color);
	color: var(--dark-color);
}
.btn-light-color:hover,
.btn-light-color:focus,
.btn.btn-light-color:not(:disabled):active {
	background-color: var(--dark-color);
	border-color: var(--dark-color);
	color: var(--light-color);
}
/*.btn-primary:focus,
.btn.btn-primary:not(:disabled):active:focus,
.btn-secondary:focus,
.btn.btn-secondary:not(:disabled):active:focus {
	box-shadow: 0 0 0 0.2rem rgba(222, 222, 222, 0.7);
}*/

.btn-white {
	background-color: var(--white);
	border-color: var(--white);
	color: var(--dark-color);
}
.btn-white:hover,
.btn-white:focus {
	background-color: var(--dark-color);
	border-color: var(--dark-color);
	color: var(--white);
}
.btn-black {
	background-color: var(--black);
	border-color: var(--black);
	color: var(--white);
}
.btn-black:hover,
.btn-black:focus {
	background-color: var(--white);
	border-color: var(--white);
	color: var(--black);
}
.btn-outline-primary {
	color: var(--dark-color);
	border-color: var(--dark-color);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
	background-color: var(--dark-color);
	color: var(--white);
	border-color: var(--dark-color);
}
.btn-outline-primary:active {
	background-color: var(--light-color)!important;
	color: var(--dark-color)!important;
	border-color: var(--light-color)!important;
}
.btn-outline-white {
	color: var(--white);
	border-color: var(--white);
}
.btn-outline-white:hover,
.btn-outline-white:focus {
	background-color: var(--white);
	color: #444444;
	border-color: var(--white);
}
.btn-outline-black {
	color: #444444;
	border-color: #444444;
}
.btn-outline-black:hover,
.btn-outline-black:focus {
	background-color: #444444;
	color: var(--white);
	border-color: #444444;
}
.btn.disabled {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
    color: var(--white);
    opacity: 0.35;
}