/* ===== Buttons ===== */

.btn {
	border-radius: 0;
}

/* 1. Default Button */

.btn-default {
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.hl-open .dropdown-toggle.btn-default {
	color: #333333;
	background-color: #ebebeb;
	border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #ffffff;
	border-color: #cccccc;
}

/* 2. Green Button */

.btn-green {
	color: #ffffff;
	background-color: #72a53b;
	border-color: #72a53b;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
	color: #ffffff;
	background-color: #5d8731;
	border-color: #5d8731;
}
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
	background-image: none;
}
.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
	background-color: #AFD487;
	border-color: #AFD487;
}

/* 3. Red Button */

.btn-red {
	color: #ffffff;
	background-color: #E74C3C;
	border-color: #E74C3C;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
	color: #ffffff;
	background-color: #C0392B;
	border-color: #C0392B;
}
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
	background-image: none;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
	background-color: #EF8B80;
	border-color: #EF8B80;
}

/* 4. Blue Button */

.btn-blue {
	color: #ffffff;
	background-color: #00B4FF;
	border-color: #00B4FF;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
	color: #ffffff;
	background-color: #009DE0;
	border-color: #009DE0;
}
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
	background-image: none;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
	background-color: #5CCEFF;
	border-color: #5CCEFF;
}
/* 5. Dark Button */

.btn-dark {
	color: #ffffff;
	background-color: #515151;
	border-color: #515151;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
	color: #ffffff;
	background-color: #444;
	border-color: #444;
}
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
	background-image: none;
}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
	background-color: #707070;
	border-color: #707070;
} 

/* 6. Turquoise Button */

.btn-turquoise {
	color: #ffffff;
	background-color: #1ABC9C;
	border-color: #1ABC9C;
}
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {
	color: #ffffff;
	background-color: #16A085;
	border-color: #16A085;
}
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {
	background-image: none;
}
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active {
	background-color: #4BE7C8;
	border-color: #4BE7C8;
}

/* 7. Amethyst Button */

.btn-amethyst {
	color: #ffffff;
	background-color: #9B59B6;
	border-color: #9B59B6;
}
.btn-amethyst:hover,
.btn-amethyst:focus,
.btn-amethyst:active,
.btn-amethyst.active,
.open .dropdown-toggle.btn-amethyst {
	color: #ffffff;
	background-color: #8E44AD;
	border-color: #8E44AD;
}
.btn-amethyst:active,
.btn-amethyst.active,
.open .dropdown-toggle.btn-amethyst {
	background-image: none;
}
.btn-amethyst.disabled,
.btn-amethyst[disabled],
fieldset[disabled] .btn-amethyst,
.btn-amethyst.disabled:hover,
.btn-amethyst[disabled]:hover,
fieldset[disabled] .btn-amethyst:hover,
.btn-amethyst.disabled:focus,
.btn-amethyst[disabled]:focus,
fieldset[disabled] .btn-amethyst:focus,
.btn-amethyst.disabled:active,
.btn-amethyst[disabled]:active,
fieldset[disabled] .btn-amethyst:active,
.btn-amethyst.disabled.active,
.btn-amethyst[disabled].active,
fieldset[disabled] .btn-amethyst.active {
	background-color: #BB8ECD;
	border-color: #BB8ECD;
}


/* 8. SlateGray Button */

.btn-slategray {
	color: #ffffff;
	background-color: #2F4F4F;
	border-color: #2F4F4F;
}
.btn-slategray:hover,
.btn-slategray:focus,
.btn-slategray:active,
.btn-slategray.active,
.open .dropdown-toggle.btn-slategray {
	color: #ffffff;
	background-color: #1C2D2D;
	border-color: #1C2D2D;
}
.btn-slategray:active,
.btn-slategray.active,
.open .dropdown-toggle.btn-slategray {
	background-image: none;
}
.btn-slategray.disabled,
.btn-slategray[disabled],
fieldset[disabled] .btn-slategray,
.btn-slategray.disabled:hover,
.btn-slategray[disabled]:hover,
fieldset[disabled] .btn-slategray:hover,
.btn-slategray.disabled:focus,
.btn-slategray[disabled]:focus,
fieldset[disabled] .btn-slategray:focus,
.btn-slategray.disabled:active,
.btn-slategray[disabled]:active,
fieldset[disabled] .btn-slategray:active,
.btn-slategray.disabled.active,
.btn-slategray[disabled].active,
fieldset[disabled] .btn-slategray.active {
	background-color: #778899;
	border-color: #778899;
}



/* 9. GoldenRod Button */

.btn-goldenrod {
	color: #ffffff;
	background-color: #DAA520;
	border-color: #DAA520;
}
.btn-goldenrod:hover,
.btn-goldenrod:focus,
.btn-goldenrod:active,
.btn-goldenrod.active,
.open .dropdown-toggle.btn-goldenrod {
	color: #ffffff;
	background-color: #B8860B;
	border-color: #B8860B;
}
.btn-goldenrod:active,
.btn-goldenrod.active,
.open .dropdown-toggle.btn-goldenrod {
	background-image: none;
}
.btn-goldenrod.disabled,
.btn-goldenrod[disabled],
fieldset[disabled] .btn-goldenrod,
.btn-goldenrod.disabled:hover,
.btn-goldenrod[disabled]:hover,
fieldset[disabled] .btn-goldenrod:hover,
.btn-goldenrod.disabled:focus,
.btn-goldenrod[disabled]:focus,
fieldset[disabled] .btn-goldenrod:focus,
.btn-goldenrod.disabled:active,
.btn-goldenrod[disabled]:active,
fieldset[disabled] .btn-goldenrod:active,
.btn-goldenrod.disabled.active,
.btn-goldenrod[disabled].active,
fieldset[disabled] .btn-goldenrod.active {
	background-color: #EEE8AA;
	border-color: #EEE8AA;
}


/* 9. SlateBlue Button */

.btn-slateblue {
	color: #ffffff;
	background-color: #7B68EE;
	border-color: #7B68EE;
}
.btn-slateblue:hover,
.btn-slateblue:focus,
.btn-slateblue:active,
.btn-slateblue.active,
.open .dropdown-toggle.btn-slateblue {
	color: #ffffff;
	background-color: #483D8B;
	border-color: #483D8B;
}
.btn-slateblue:active,
.btn-slateblue.active,
.open .dropdown-toggle.btn-slateblue {
	background-image: none;
}
.btn-slateblue.disabled,
.btn-slateblue[disabled],
fieldset[disabled] .btn-slateblue,
.btn-slateblue.disabled:hover,
.btn-slateblue[disabled]:hover,
fieldset[disabled] .btn-slateblue:hover,
.btn-slateblue.disabled:focus,
.btn-slateblue[disabled]:focus,
fieldset[disabled] .btn-slateblue:focus,
.btn-slateblue.disabled:active,
.btn-slateblue[disabled]:active,
fieldset[disabled] .btn-slateblue:active,
.btn-slateblue.disabled.active,
.btn-slateblue[disabled].active,
fieldset[disabled] .btn-slateblue.active {
	background-color: #BAB0F6;
	border-color: #BAB0F6;
}

/* Text colors */

.text-green {
	color: #72a53b;
}
.text-blue {
	color: #00B4FF;
}
.text-red {
	color: #E74C3C;
}
.text-turquoise {
	color: #1ABC9C;
}
.text-amethyst {
	color: #9B59B6;
}

/* Background colors */

.bg-green {
	background-color: #72a53b;
}
.bg-blue {
	background-color: #00B4FF;
}
.bg-red {
	background-color: #E74C3C;
}
.bg-turquoise {
	background-color: #1ABC9C;
}
.bg-amethyst {
	background-color: #9B59B6;
}
.bg-darkslategray {
	background-color: #2F4F4F;
}

.bg-goldenrod {
	background-color: #B8860B;
}






/* ===== Panels ===== */

.panel {
	border-radius: 0;
}
.panel-heading {
	border-radius: 0;
}
.panel-footer {
	border-radius: 0;
}
.panel-group .panel {
	border-radius: 0;
}

/* 1. Panel Green */

.panel-green {
	border-color: #72a53b;
}
.panel-green > .panel-heading {
	color: #fff;
	background-color: #72a53b;
	border-color: #72a53b;
}
.panel-green > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #72a53b;
}
.panel-green > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #72a53b;
}
.panel-green > .panel-footer {
	background-color: #72a53b;
	border-top: 1px solid #72a53b;
}

/* 2. Panel Blue */

.panel-blue {
	border-color: #00B4FF;
}
.panel-blue > .panel-heading {
	color: #ffffff;
	background-color: #00B4FF;
	border-color: #00B4FF;
}
.panel-blue > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #00B4FF;
}
.panel-blue > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #00B4FF;
}
.panel-blue > .panel-footer {
	background-color: #00B4FF;
	border-top: 1px solid #00B4FF;
}

/* 3. Panel Dark */

.panel-dark {
	border-color: #515151;
}
.panel-dark > .panel-heading {
	color: #ffffff;
	background-color: #515151;
	border-color: #515151;
}
.panel-dark > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #515151;
}
.panel-dark > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #515151;
}
.panel-dark > .panel-footer {
	background-color: #515151;
	border-top: 1px solid #515151;
}

/* 4. Panel Red */

.panel-red {
	border-color: #E74C3C;
}
.panel-red > .panel-heading {
	color: #ffffff;
	background-color: #E74C3C;
	border-color: #E74C3C;
}
.panel-red > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #E74C3C;
}
.panel-red > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #E74C3C;
}
.panel-red > .panel-footer {
	background-color: #E74C3C;
	border-top: 1px solid #E74C3C;
}

/* 5. Panel Turquoise */

.panel-turquoise {
	border-color: #1ABC9C;
}
.panel-turquoise > .panel-heading {
	color: #ffffff;
	background-color: #1ABC9C;
	border-color: #1ABC9C;
}
.panel-turquoise > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #1ABC9C;
}
.panel-turquoise > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #1ABC9C;
}
.panel-turquoise > .panel-footer {
	background-color: #1ABC9C;
	border-top: 1px solid #1ABC9C;
}

/* 6. Panel Amethyst */

.panel-amethyst {
	border-color: #8E44AD;
}
.panel-amethyst > .panel-heading {
	color: #ffffff;
	background-color: #8E44AD;
	border-color: #8E44AD;
}
.panel-amethyst > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #8E44AD;
}
.panel-amethyst > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #8E44AD;
}
.panel-amethyst > .panel-footer {
	background-color: #8E44AD;
	border-top: 1px solid #8E44AD;
}

/* 7. Panel Dummy */

.panel-dummy {
	border-color: #DDD;
}
.panel-dummy > .panel-heading {
	color: #333;
	background-color: #FFF;
	border-color: #FFF;
}
.panel-dummy > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #FFF;
}
.panel-dummy > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #FFF;
}
.panel-dummy > .panel-footer {
	background-color: #FFF;
	border-top: 1px solid #FFF;
}


/* ===== Info Boards ==== */

.info-board {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}

/* 1. Info board green */

.info-board-green {
	background-color: #F5FAF0;
	border-color: #72a53b;
}
.info-board h4 {
	margin-top: 0;
}
.info-board p:last-child {
	margin-bottom: 0;
}

/* 2. Info board blue */

.info-board-blue {
	background-color: #EBF9FF;
	border-color: #00B4FF;
}
.info-board h4 {
	margin-top: 0;
}
.info-board p:last-child {
	margin-bottom: 0;
}

/* 3. Info board red */

.info-board-red {
	background-color: #FBF0EE;
	border-color: #E74C3C;
}
.info-board h4 {
	margin-top: 0;
}
.info-board p:last-child {
	margin-bottom: 0;
}

/* 4. Info board orange */

.info-board-orange {
	background-color: #FFF2EB;
	border-color: #FFA973;
}
.info-board h4 {
	margin-top: 0;
}
.info-board p:last-child {
	margin-bottom: 0;
}




/* 2. Nav pills */

.nav-pills {
	margin-bottom: 15px;
}
.nav-pills > li > a {
	border-radius: 0;
}
.nav-pills > li > a {
	background-color: #f5f5f5;
}
.nav-pills-green > li.active > a,
.nav-pills-green > li.active > a:hover,
.nav-pills-green > li.active > a:focus {
	background-color: #72a53b; 
}
.nav-pills-blue > li.active > a,
.nav-pills-blue > li.active > a:hover,
.nav-pills-blue > li.active > a:focus {
	background-color: #00B4FF; 
}
.nav-pills-dark > li.active > a,
.nav-pills-dark > li.active > a:hover,
.nav-pills-dark > li.active > a:focus {
	background-color: #515151; 
}
.nav-pills-red > li.active > a,
.nav-pills-red > li.active > a:hover,
.nav-pills-red > li.active > a:focus {
	background-color: #E74C3C; 
}
.nav-pills-turquoise > li.active > a,
.nav-pills-turquoise > li.active > a:hover,
.nav-pills-turquoise > li.active > a:focus {
	background-color: #1ABC9C; 
}
.nav-pills-amethyst > li.active > a,
.nav-pills-amethyst > li.active > a:hover,
.nav-pills-amethyst > li.active > a:focus {
	background-color: #9B59B6; 
}



/* Text colors */

.text-green {
	color: #72a53b;
}
.text-blue {
	color: #00B4FF;
}
.text-red {
	color: #E74C3C;
}
.text-turquoise {
	color: #1ABC9C;
}
.text-amethyst {
	color: #9B59B6;
}

/* Background colors */

.bg-green {
	background-color: #72a53b;
}
.bg-blue {
	background-color: #00B4FF;
}
.bg-red {
	background-color: #E74C3C;
}
.bg-turquoise {
	background-color: #1ABC9C;
}
.bg-amethyst {
	background-color: #9B59B6;
}
.bg-darkslategray {
	background-color: #2F4F4F;
}

.bg-goldenrod {
	background-color: #B8860B;
}


/* navbar */        
.navbar-xs { min-height:28px; height: 28px; }
.navbar-xs .navbar-brand{ padding: 0px 12px;font-size: 12px;line-height: 28px; }
.navbar-xs .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }
.navbar-sm { min-height:40px; height: 40px; }
.navbar-sm .navbar-brand{ padding: 0px 12px;font-size: 14px;line-height: 40px; }
.navbar-sm .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 40px; }