@import url(//fonts.googleapis.com/css?family=Open+Sans);
/*@import url(//fonts.googleapis.com/css?family=Open+Sans);*/
@media print{
    .print{
        display:none;	
    }	
}
*{
    font-family: "Open Sans", sans-serif;
}
body{
	margin:0;
	padding:0;
    font-size: 16px;
}

img{vertical-align: middle;}
a{
	text-decoration:none;
	color:#000;
}
.ablue{
	color:#4b8df8;
}
a:hover, a > .ablue:hover{
	color:#F00;
}
.footer{
	font-size:14px;
	color:#FFF;
}
.tr1{
	font-size:14px
}
.tr2{
	font-size:14px
}
.tr3{
	font-size:14px
}
.tr4{
	font-size:20px
}
.tr5{
	font-size:22px
}
/*table tr{
	line-height:30px;
}*/
tr .line_none{
	line-height:normal;
}
.tr_hover{
	background-color:#FFF;
	cursor:pointer;
}
.tr_hover td{
	padding-left:1px;
	padding-right:1px;
}
.tr_hover:hover{
	color:#F00;
	background-color:#FFFFCC;
	cursor:pointer;
}
.bgtop {
	background-image: url(../images/bg-menumain.png);
	height: 40px;
	text-align:center;
	font-size:20px;
	font-weight: blod;
	padding-top: 3px;
}
#tabs1 {
	margin-top:5px;
	float:left;
	width:100%;
	background:#FFFFFF;
	line-height:normal;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #5F9199;
}
#tabs1 ul {
	margin:0;
	padding:0px 0px 0px 10px;
	list-style:none;
}
#tabs1 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs1 a {
	float:left;
	background:url("../blackground/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs1 a span {
	float:left;
	display:block;
	background:url("../blackground/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000000;
}
#tabs1 a span {
	float:none;
}
#tabs1 a:hover span {
	color:#000000;
}
#tabs1 a:hover {
	background-position:0% -42px;
}
#tabs1 a:hover span {
	background-position:100% -42px;
}
#tabs1 #current a {
	background-position:0% -42px;
}
#tabs1 #current a span {
	background-position:100% -42px;
}
#tabs1-1 {
	margin-top:5px;
	float:right;
	width:100%;
	background:#FFFFFF;
	line-height:normal;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #5F9199;
}
#tabs1-1 ul {
	margin:0;
	padding: 0px 10px 0px 0px;
	list-style:none;
}
#tabs1-1 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs1-1 a {
	float:right;
	background:url("../blackground/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs1-1 a span {
	float:right;
	display:block;
	background:url("../blackground/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000000;
}
#tabs1-1 a span {
	float:none;
}
#tabs1-1 a:hover span {
	color:#000000;
}
#tabs1-1 a:hover {
	background-position:0% -42px;
}
#tabs1-1 a:hover span {
	background-position:100% -42px;
}
#tabs1-1 #current a {
	background-position:0% -42px;
}
#tabs1-1 #current a span {
	background-position:100% -42px;
}
#tabs2 {
	float:left;
	width:100%;
	background:#FFFFFF;
	font-size:14px;
	line-height:normal;
	border-bottom:1px solid #5F9199;
	margin-bottom:2px;
}
#tabs2 ul {
	margin:0;
	padding:10px 0px 0px 10px;
	list-style:none;
}
#tabs2 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs2 a {
	float:left;
	background:url("../system/tableftZ.jpg") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs2 a span {
	float:left;
	display:block;
	background:url("../system/tabrightZ.jpg") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000000;
}
#tabs2 a span {
	float:none;
}
#tabs2 a:hover span {
	color:#000000;
}
#tabs2 a:hover {
	background-position:0% -42px;
}
#tabs2 a:hover span {
	background-position:100% -42px;
}
#tabs2 #current a {
	background-position:0% -42px;
}
#tabs2 #current a span {
	background-position:100% -42px;
}
#tabs3 {
	float:left;
	width:100%;
	background:#FFFFFF;
	font-size:14px;
	line-height:normal;
	border-bottom:1px solid #5F9199;
	margin-bottom:2px;
}
#tabs3 ul {
	margin:0;
	padding:10px 0px 0px 10px;
	list-style:none;
}
#tabs3 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs3 a {
	float:left;
	background:url("../system/tableftD.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs3 a span {
	float:left;
	display:block;
	background:url("../system/tabrightD.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000000;
}
#tabs3 a span {
	float:none;
}
#tabs3 a:hover span {
	color:#0000FF;
}
#tabs3 a:hover {
	background-position:0% -42px;
}
#tabs3 a:hover span {
	background-position:100% -42px;
}
#tabs3 #current a {
	background-position:0% -42px;
}
#tabs3 #current a span {
	background-position:100% -42px;
}
#tabs4 {
	float:left;
	width:100%;
	background:#FFFFFF;
	font-size:14px;
	line-height:normal;
	border-bottom:1px solid #5F9199;
	margin-bottom:1px;
}
#tabs4 ul {
	margin:0;
	padding:3px 0px 0px 10px;
	list-style:none;
}
#tabs4 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs4 a {
	float:left;
	background:url("../system/tableftJ.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs4 a span {
	float:left;
	display:block;
	background:url("../system/tabrightJ.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#24618E;
}
#tabs4 a span {
	float:none;
}
#tabs4 a:hover span {
	color:#FFF;
}
#tabs4 a:hover {
	background-position:0% -42px;
}
#tabs4 a:hover span {
	background-position:100% -42px;
}
#tabs4 #current a {
	background-position:0% -42px;
}
#tabs4 #current a span {
	background-position:100% -42px;
	color:#FFF;
}

.tabs5 {padding:5px 0 0 1em; margin:0;margin-bottom:0px; list-style:none; height:30px; position:relative; background:transparent url(../images/pro_seventeen_0c.gif) repeat-x left bottom; font-size:14px;border-bottom:1px solid #9db1ba;};
.tabs5 li {float:left; height:30px; margin-right:1px;}
.tabs5 li a {display:block; float:left; height:30px; line-height:30px; color:#333; text-decoration:none; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../images/pro_seventeen_0a.gif) no-repeat;}
.tabs5 li a b {float:left; display:block; padding:0px 16px 0px 12px; background:url(../images/pro_seventeen_0b.gif) no-repeat right top;}
.tabs5 li.current a {color:#000; background:url(../images/pro_seventeen_2a.gif) no-repeat;}
.tabs5 li.current a b {margin-right:1px;background:url(../images/pro_seventeen_2b.gif) no-repeat right top;}
.tabs5 li a:hover {color:#000; background: url(../images/pro_seventeen_1a.gif) no-repeat;}
.tabs5 li a:hover b {background:url(../images/pro_seventeen_1b.gif) no-repeat right top;}
.tabs5 li.current a:hover {color:#000; background: url(../images/pro_seventeen_2a.gif) no-repeat; cursor:default;}
.tabs5 li.current a:hover b {background:url(../images/pro_seventeen_2b.gif) no-repeat right top;}

.tabs6 {padding:5px 0 0 1em; margin:0;margin-bottom:0px; list-style:none; height:30px; position:relative; background:transparent url(../images/pro_seventeen_0c.gif) repeat-x left bottom; font-size:14px;border-bottom:1px solid #9db1ba;};
.tabs6 li {float:left; height:30px; margin-right:1px;}
.tabs6 li a {display:block; float:left; height:30px; line-height:30px; color:#333; text-decoration:none; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../images/pro_seventeen_0a.gif) no-repeat;}
.tabs6 li a b {float:left; display:block; padding:0px 16px 0px 12px; background:url(../images/pro_seventeen_0b.gif) no-repeat right top;}
.tabs6 li.current a {color:#000; background:url(../images/pro_seventeen_22a.gif) no-repeat;}
.tabs6 li.current a b {margin-right:1px;background:url(../images/pro_seventeen_22b.gif) no-repeat right top;}
.tabs6 li a:hover {color:#000; background: url(../images/pro_seventeen_11a.gif) no-repeat;}
.tabs6 li a:hover b {background:url(../images/pro_seventeen_11b.gif) no-repeat right top;}
.tabs6 li.current a:hover {color:#000; background: url(../images/pro_seventeen_22a.gif) no-repeat; cursor:default;}
.tabs6 li.current a:hover b {background:url(../images/pro_seventeen_22b.gif) no-repeat right top;}


.tabs7 {padding:5px 0 0 1em; margin:0; list-style:none; height:30px; position:relative; background:transparent url(../images/pro_seventeen_0c.gif) repeat-x left bottom; font-size:13px;}
.tabs7 li {float:left; height:30px; margin-right:1px;}
.tabs7 li a {display:block; float:left; height:35px; line-height:33px; color:#333; text-decoration:none; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../images/pro_seventeen_0a.gif) no-repeat;}

.tabs7 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(../images/pro_seventeen_0b.gif) no-repeat right top;}
.tabs7 li.current a {color:#000; background:url(../images/pro_seventeen_2a.gif) no-repeat;}
.tabs7 li.current a b {background:url(../images/pro_seventeen_2b.gif) no-repeat right top;}
.tabs7 li a:hover {color:#000; background: url(../images/pro_seventeen_1a.gif) no-repeat;}
.tabs7 li a:hover b {background:url(../images/pro_seventeen_1b.gif) no-repeat right top;}
.tabs7 li.current a:hover {color:#000; background: url(../images/pro_seventeen_2a.gif) no-repeat; cursor:default;}
.tabs7 li.current a:hover b {background:url(../images/pro_seventeen_2b.gif) no-repeat right top;}

#menu2 {
	width: 220px;
	margin: 1px 0px;
	border: 1px solid #CCCCCC;
}
#menu2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu2 img {
	border: none;
}
#menu2 .head {
	color:#900;
	font-weight:bold;
	height: 24px;
	/*voice-family: "\"}\"";
	voice-family: inherit;*/
	text-decoration: none;
	padding: 2px 0 0 5px;
	background-color:#CCC;
	/*background:  url(../images/menu_head.png);*/
}
#menu2 .head > i {
	color:#3598DC;
	font-size:14px;
}

#menu2 .head > i.right {
	color:#999;
	float:right;
	font-size:20px;
	cursor:pointer;
}
#menu2 .head > i.right:hover {
	color:#555;
}
#menu2 li a {
	font-size:14px;
	height: 20px;
	/*voice-family: "\"}\"";
	voice-family: inherit;*/
	text-decoration: none;
}
#menu2 li a:link, #menu2 li a:visited {
	color: #3688BA;
	display: block;
	background-color:#FFF;
	/*background:  url(../images/menu2.gif);*/
	padding: 1px 0 1px 3px;
}
#menu2 li a:hover,#menu2 li #current {
	color: #FFFFFF;
	background-color:#36c6d3;
	border-left: solid 5px #22919b;
	/*background:  url(../images/menu2.gif) 0 -25px;*/
	padding: 1px 0 1px 2px;
}
#menu2 li a > i{
	padding:0px;
	margin:0px;
	font-size:12px;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
[role="button"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="image"] {
	border: 0px solid #cccccc;
	padding: 0px;
  	margin:0px;
}
input[type="image"]:focus {
	border: 0px solid #cccccc;
	border-color: transparent;
  	outline: 0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 181, 78, 0);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 181, 78, 0);
}

textarea {
  overflow: auto;
  resize:none;
}
optgroup {
  font-weight: bold;
}

input,textarea,select {
  /*font-size:14px;
  padding: 3px;
  border: solid 1px #CCCCCC;
  transition: box-shadow 0.3s, border 0.3s;
  margin:3px;
  border-radius: 3px;*/
  font-size:14px;
  padding: 3px;
  margin:3px;
  color: #333333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  
}
/*select {
	font-size:14px;
  border: solid 1px #CCCCCC;
  transition: box-shadow 0.3s, border 0.3s;
  border-radius: 3px;
  margin:3px;
  padding: 3px;
}*/
input:focus,textarea:focus,select:focus,button:focus,select:focus {
	border-color: #ff9400;
  	outline: 0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 181, 78, 0.6);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 181, 78, 0.6);
}
/*input[readonly],textarea[readonly],select[readonly],button[readonly],select[readonly] {
	background-color: #eeeeee;
  	opacity: 1;
  	cursor: not-allowed;
}*/
input[disabled],textarea[disabled],select[disabled],button[disabled],select[disabled] {
	background-color: #eeeeee;
  	opacity: 1;
  	cursor: not-allowed;
}
input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder,select:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder {
  color: #999999;
}
input::-ms-expand,textarea::-ms-expand,select::-ms-expand {
  border: 0;
  background-color: transparent;
}

/*fieldset[disabled]{
  background-color: #eeeeee;
  opacity: 1;
  cursor: not-allowed;
}*/

.btn {
  border-width: 0;
  padding: 4px 10px;
  font-size: 16px;
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius:4px;
  box-shadow: none;
  text-shadow: none;
  border: 1px solid transparent;
}
.left.btn {
	border-radius:10px 0px 10px 0px;
}
.right.btn {
	border-radius:0px 10px 0px 10px;
}

.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  cursor:pointer;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  vertical-align: middle;
}

.btn-sm,
.btn-xs {
  padding: 4px 10px 5px 10px;
  font-size: 14px;
  line-height: 1.5;
}

.btn-xs {
  padding: 1px 5px;
}

.blue.btn {
  color: white;
  background-color: #4b8df8;
  border: 2px solid #2474f6;
}
.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
  color: white;
  background-color: #2474f6;
}
.open .blue.btn.dropdown-toggle {
  color: white;
  background-color: #2474f6;
}
.blue.btn:active, .blue.btn.active {
  background-image: none;
}
.open .blue.btn.dropdown-toggle {
  background-image: none;
}
.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
  background-color: #4b8df8;
}
.blue.btn .badge {
  color: #4b8df8;
  background-color: white;
}

/* Button Strip */
.btn.blue-stripe {
  border-left: 3px solid #4b8df8;
}

.green.btn {
  color: white;
  background-color: #35aa47;
  border: 2px solid #2b8b3a;
}
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
  color: white;
  background-color: #2b8b3a;
}
.open .green.btn.dropdown-toggle {
  color: white;
  background-color: #2b8b3a;
}
.green.btn:active, .green.btn.active {
  background-image: none;
}
.open .green.btn.dropdown-toggle {
  background-image: none;
}
.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
  background-color: #35aa47;
}
.green.btn .badge {
  color: #35aa47;
  background-color: white;
}

/* Button Strip */
.btn.green-stripe {
  border-left: 3px solid #35aa47;
}

.red.btn {
  color: white;
  background-color: #d84a38;
  border: 2px solid #c13726;
}
.red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
  color: white;
  background-color: #c13726;
}
.open .red.btn.dropdown-toggle {
  color: white;
  background-color: #c13726;
}
.red.btn:active, .red.btn.active {
  background-image: none;
}
.open .red.btn.dropdown-toggle {
  background-image: none;
}
.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
  background-color: #d84a38;
}
.red.btn .badge {
  color: #d84a38;
  background-color: white;
}

/* Button Strip */
.btn.red-stripe {
  border-left: 3px solid #d84a38;
}

.yellow.btn {
  color: white;
  background-color: #ffb848;
  border: 2px solid #ffa81f;
}
.yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active {
  color: white;
  background-color: #ffa81f;
}
.open .yellow.btn.dropdown-toggle {
  color: white;
  background-color: #ffa81f;
}
.yellow.btn:active, .yellow.btn.active {
  background-image: none;
}
.open .yellow.btn.dropdown-toggle {
  background-image: none;
}
.yellow.btn.disabled, .yellow.btn.disabled:hover, .yellow.btn.disabled:focus, .yellow.btn.disabled:active, .yellow.btn.disabled.active, .yellow.btn[disabled], .yellow.btn[disabled]:hover, .yellow.btn[disabled]:focus, .yellow.btn[disabled]:active, .yellow.btn[disabled].active, fieldset[disabled] .yellow.btn, fieldset[disabled] .yellow.btn:hover, fieldset[disabled] .yellow.btn:focus, fieldset[disabled] .yellow.btn:active, fieldset[disabled] .yellow.btn.active {
  background-color: #ffb848;
}
.yellow.btn .badge {
  color: #ffb848;
  background-color: white;
}

/* Button Strip */
.btn.yellow-stripe {
  border-left: 3px solid #ffb848;
}

.purple.btn {
  color: white;
  background-color: #8e44ad;
  border: 2px solid #763890;
}
.purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active {
  color: white;
  background-color: #763890;
}
.open .purple.btn.dropdown-toggle {
  color: white;
  background-color: #763890;
}
.purple.btn:active, .purple.btn.active {
  background-image: none;
}
.open .purple.btn.dropdown-toggle {
  background-image: none;
}
.purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:focus, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:focus, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active {
  background-color: #8e44ad;
}
.purple.btn .badge {
  color: #8e44ad;
  background-color: white;
}

/* Button Strip */
.btn.purple-stripe {
  border-left: 3px solid #8e44ad;
}

/* Button */
.btn.default {
  color: #333333;
  background-color: #e5e5e5;
  border: 2px solid #d1d1d1;
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active {
  color: #333333;
  background-color: #d1d1d1;
}
.open .btn.default.dropdown-toggle {
  color: #333333;
  background-color: #d1d1d1;
}
.btn.default:active, .btn.default.active {
  background-image: none;
}
.open .btn.default.dropdown-toggle {
  background-image: none;
}
.btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active {
  background-color: #e5e5e5;
}
.btn.default .badge {
  color: #e5e5e5;
  background-color: #333333;
}

.blue-hoki.btn {
  color: white;
  background-color: #67809f;
  border: 2px solid #566c88;
}
.blue-hoki.btn:hover, .blue-hoki.btn:focus, .blue-hoki.btn:active, .blue-hoki.btn.active {
  color: white;
  background-color: #566c88;
}
.open .blue-hoki.btn.dropdown-toggle {
  color: white;
  background-color: #566c88;
}
.blue-hoki.btn:active, .blue-hoki.btn.active {
  background-image: none;
}
.open .blue-hoki.btn.dropdown-toggle {
  background-image: none;
}
.blue-hoki.btn.disabled, .blue-hoki.btn.disabled:hover, .blue-hoki.btn.disabled:focus, .blue-hoki.btn.disabled:active, .blue-hoki.btn.disabled.active, .blue-hoki.btn[disabled], .blue-hoki.btn[disabled]:hover, .blue-hoki.btn[disabled]:focus, .blue-hoki.btn[disabled]:active, .blue-hoki.btn[disabled].active, fieldset[disabled] .blue-hoki.btn, fieldset[disabled] .blue-hoki.btn:hover, fieldset[disabled] .blue-hoki.btn:focus, fieldset[disabled] .blue-hoki.btn:active, fieldset[disabled] .blue-hoki.btn.active {
  background-color: #67809f;
}
.blue-hoki.btn .badge {
  color: #67809f;
  background-color: white;
}

.table_2px td {
    padding-left: 2px;
    padding-right: 2px;
}
fieldset {
    font-size: 16px;
    border: 1px solid #cccccc;
    background-color: #FFF;
    border-radius: 3px;
    padding: 3px;
    margin: 3px;
	text-align:left;
}
.tran {
    background-color: transparent;
}
.white {
    background-color: #FFF;
}
legend {
  margin-left: 5px;
  padding: 1px 10px;
  border:1px solid #cccccc;
  border-radius: 10px;
  color:black;
  font-size:100%;
  text-align:left;
}
.menu{
    text-decoration: none;
    color: currentColor;
    background-image: url('../images/menu1.png');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 3px center;
}
.menu > td{
    padding-left: 15px;
}
.menu:hover{
    text-decoration: none;
    color:mediumvioletred;
    cursor: pointer;
}
.active{
    color: mediumvioletred;
    background-color: #f0f0f0;
}
form{
    margin: 0px;
    padding: 0px;
}
nav{
    display:block;
}
ul,
li {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.pagination.pagination-circle > li:first-child > a {
  border-radius: 25px 0 0 25px !important;
}
.pagination.pagination-circle > li:last-child > a {
  border-radius: 0 25px 25px 0 !important;
}
.pagination .active2 > a,
.pagination .active2 > a:hover {
  background: #eee;
  border-color: #dddddd;
  color: #333;
}
.pagination{
	font-family:!important;
    display:inline-block;
    padding-left:0;
    margin:5px 0;
    border-radius:4px;
}
.pagination>li{
    display:inline
}
.pagination>li>a,.pagination>li>span{
    position:relative;
    float:left;
    padding:6px 12px;
    margin-left:-1px;
    line-height:1.42857143;
    color:#428bca;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd
}.
pagination>li:first-child>a,.pagination>li:first-child>span{
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
    color:#2a6496;
    background-color:#eee;
    border-color:#ddd
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
    color:#fff;
    cursor:default;
    background-color:#428bca;
    border-color:#428bca;
}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{
    color:#777;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd
}
.pagination-lg>li>a,.pagination-lg>li>span{
    padding:10px 16px;font-size:18px
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
.pagination-sm>li>a,.pagination-sm>li>span{
    padding:5px 10px;
    font-size:12px
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
/***
Fontawesome Icons
***/
[class^="fa-"],
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"],
[class*=" glyphicon-"],
[class*=" icon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 16px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}

/* Make font awesome icons fixed width */
li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

li [class^="glyphicon-"],
li [class*=" glyphicon-"] {
  top: 2px;
}

li [class^="icon-"],
li [class*=" icon-"] {
  top: 1px;
  position: relative;
}

li [class^="fa-"].icon-large,
li [class^="glyphicon-"].icon-large,
li [class^="icon-"].icon-large,
li [class*=" fa-"].icon-large,
li [class*=" glyphicon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/* Icon sizing */
.fa-sm,
.icon-sm {
  font-size: 12px;
}

.fa-lg,
.icon-lg {
  font-size: 16px;
}
.fa-lgg,
.icon-lgg {
  font-size: 26px;
}
.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

/* Icon coloring */
.icon-state-default {
  color: #c6c6c6;
}

.icon-state-success {
  color: #45b6af;
}

.icon-state-info {
  color: #89c4f4;
}

.icon-state-warning {
  color: #dfba49;
}

.icon-state-danger {
  color: #f3565d;
}
.font-green-haze {
  color: #44b6ae !important;
}
.bold {
  font-weight: 700 !important;
}

/*::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: #eaeaea;
  border-left: 1px solid #cecece;
}

::-webkit-scrollbar-thumb {
  background-color: #cecece;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #aaaaaa;
}

::-webkit-scrollbar-track {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}*/

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 4px 7px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.label {
  text-shadow: none !important;
  font-size: 13px;
  font-weight: 300;
  padding: 2px 6px 2px 6px;
  color: #fff;
  border-radius:3px;
}
.label-success {
  background-color: #45B6AF;
}

/***
Custom tabs
***/
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 5px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
} 
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
	display: table-cell;
	width: 1%;
	float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 0;
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}.
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
/* In BS3.0.0 tabbable class was removed. We had to added it back */
.tabbable:before, .tabbable:after {
  content: " ";
  display: table;
}
.tabbable:after {
  clear: both;
}

.tabbable-custom {
  margin-bottom: 0px;
  padding: 0px;
  overflow: hidden;
  /* justified tabs */
  /* boxless tabs */
  /* below justified tabs */
  /* full width tabs */
  /* below tabs */
}
.tabbable-custom > .nav-tabs {
  border: none;
  margin: 5px 0px 0px 0px;
}
.tabbable-custom > .nav-tabs > li {
  margin-right: 2px;
  border-top: 2px solid transparent;
}
.tabbable-custom > .nav-tabs > li > a {
  margin-right: 0;
}
.tabbable-custom > .nav-tabs > li > a:hover {
  background: none;
  border-color: transparent;
}
.tabbable-custom > .nav-tabs > li.active {
  border-top: 3px solid #f3565d;
  margin-top: 0;
  position: relative;
}
.tabbable-custom > .nav-tabs > li.active > a {
  border-top: none;
  font-weight: 400;
}
.tabbable-custom > .nav-tabs > li.active > a:hover {
  border-top: none;
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}
.tabbable-custom > .tab-content {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 5px;
}
.tabbable-custom.nav-justified > .tab-content {
  margin-top: -1px;
}
.tabbable-custom.boxless > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px;
}
.tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
  color: #424242;
  font-size: 15px;
  padding: 9px 15px;
}
.tabbable-custom.tabbable-full-width > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li > a {
  border-top: none;
  border-bottom: 2px solid transparent;
  margin-top: -1px;
}
.tabbable-custom.tabs-below .nav-tabs > li.active {
  border-top: none;
  border-bottom: 3px solid #d12610;
  margin-bottom: 0;
  position: relative;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a {
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
  border: 0;
}
.tabbable-custom.tabbable-noborder .tab-content {
  border: 0;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
  background-color:#FFF;
  color:#000;	
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}


.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
  font-weight:100;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
  .modal-dialog {
    width: 80%;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 400px;
  }
  .modal-md {
    width: 600px;
  }
  .modal-max {
    width: 95%;
  }
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.portlet {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
.portlet > .portlet-title {
  border-bottom: 1px solid #eee;
  padding: 0;
  margin-bottom: 10px;
  min-height: 30px;
}
.portlet > .portlet-title:before, .portlet > .portlet-title:after {
  content: " ";
  display: table;
}
.portlet > .portlet-title:after {
  clear: both;
}
.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  padding: 0px;
}
.portlet > .portlet-title > .caption.bold {
  font-weight: 400;
}
.portlet > .portlet-title > .caption > i {
	margin-right: 5px;
  /*float: left;
  margin-top: 4px;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  color: #666;*/
}
.portlet > .portlet-title > .caption > i.glyphicon {
  margin-top: 2px;
}
.portlet > .portlet-title > .caption > .caption-helper {
  padding: 0;
  margin: 0;
  line-height: 13px;
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400;
}
.portlet > .portlet-title > .actions {
  float: right;
  display: inline-block;
  padding: 6px 0;
}
.portlet > .portlet-title > .actions > .dropdown-menu i {
  color: #555555;
}
.portlet > .portlet-title > .actions > .btn,
.portlet > .portlet-title > .actions > .btn.btn-sm,
.portlet > .portlet-title > .actions > .btn-group > .btn,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.portlet > .portlet-title > .actions > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
  padding: 3px 9px;
}
.portlet > .portlet-title > .actions > .btn > i,
.portlet > .portlet-title > .actions > .btn.btn-sm > i,
.portlet > .portlet-title > .actions > .btn-group > .btn > i,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
  font-size: 13px;
}
.portlet > .portlet-title > .actions .btn-icon-only {
  padding: 5px 7px 3px 7px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default {
  padding: 4px 6px 2px 6px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
  font-size: 14px;
}
.portlet > .portlet-title > .tools {
  float: right;
  display: inline-block;
  padding: 5px 0 3px 0;
}
.portlet > .portlet-title > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.portlet > .portlet-title > .tools > a.remove {
  background-image: url(../images/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}
.portlet > .portlet-title > .tools > a.config {
  background-image: url(../images/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
}
.portlet > .portlet-title > .tools > a.reload {
  background-image: url(../images/portlet-reload-icon.png);
  width: 13px;
}
.portlet > .portlet-title > .tools > a.expand {
  background-image: url(../images/portlet-expand-icon.png);
  width: 14px;
}
.portlet > .portlet-title > .tools > a.collapse {
  background-image: url(../images/portlet-collapse-icon.png);
  width: 14px;
}
.portlet > .portlet-title > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.portlet > .portlet-title > .pagination {
  float: right;
  display: inline-block;
  margin: 2px 0 0 0;
  border: 0;
  padding: 4px 0;
}
.portlet > .portlet-title > .nav-tabs {
  background: none;
  margin: 0;
  float: right;
  display: inline-block;
  border: 0;
}
.portlet > .portlet-title > .nav-tabs > li {
  background: none;
  margin: 0;
  border: 0;
}
.portlet > .portlet-title > .nav-tabs > li > a {
  background: none;
  margin: 5px 0 0 1px;
  border: 0;
  padding: 8px 10px;
  color: #fff;
}
.portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a {
  color: #333;
  background: #fff;
  border: 0;
}
.portlet > .portlet-body {
  clear: both;
}
.portlet > .portlet-empty {
  min-height: 125px;
}
.portlet.full-height-content {
  margin-bottom: 0;
}

/* Portlet background colors */
/* Side bordered portlet */
.portlet.bordered {
  border-left: 2px solid #e6e9ec !important;
}
.portlet.bordered > .portlet-title {
  border-bottom: 0;
}

/* Solid colored portlet */
.portlet.solid {
  padding: 0 10px 10px 10px;
  border: 0px;
}
.portlet.solid > .portlet-title {
  border-bottom: 0;
  margin-bottom: 10px;
}
.portlet.solid > .portlet-title > .caption {
  padding: 16px 0 2px 0;
}
.portlet.solid > .portlet-title > .actions {
  padding: 12px 0 6px 0;
}
.portlet.solid > .portlet-title > .tools {
  padding: 14px 0 6px 0;
}

/* Solid bordered portlet */
.portlet.solid.bordered > .portlet-title {
  margin-bottom: 10px;
}

/* Box portlet */
.portlet.box {
  padding: 0px !important;
}
.portlet.box > .portlet-title {
  border-bottom: 0;
  padding: 0 10px;
  margin-bottom: 0;
  color: #fff;
}
.portlet.box > .portlet-title > .caption {
  padding: 5px 0 5px 0;
}
.portlet.box > .portlet-title > .tools > a.remove {
  background-image: url(../images/portlet-remove-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.config {
  background-image: url(../images/portlet-config-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.reload {
  background-image: url(../images/portlet-reload-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.expand {
  background-image: url(../images/portlet-expand-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.collapse {
  background-image: url(../images/portlet-collapse-icon-white.png);
}
.portlet.box > .portlet-title > .actions {
  padding: 7px 0 5px 0;
}
.portlet.box > .portlet-body {
  background-color: #fff;
  padding: 3px;
}

.tab-pane > p:last-child {
  margin-bottom: 0px;
}

/* Reverse aligned tabs */
.tabs-reversed > li {
  float: right;
  margin-right: 0;
}
.tabs-reversed > li > a {
  margin-right: 0;
}

/* jQuery UI Draggable Portlets */
.portlet-sortable > .portlet-title {
  cursor: move;
}

.portlet-sortable-placeholder {
  border: 2px dashed #eee;
  margin-bottom: 25px;
}

.portlet-sortable-empty {
  height: 45px;
}
/* Portlet */
.portlet > .portlet-body.red,
.portlet.red {
  background-color: #e26a6a;
}

.portlet.solid.red > .portlet-title,
.portlet.solid.red > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.red > .portlet-title > .caption > i {
  color: white;
}
.portlet.solid.red > .portlet-title > .tools > a.remove {
  background-image: url(../images/portlet-remove-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.config {
  background-image: url(../images/portlet-config-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.reload {
  background-image: url(../images/portlet-reload-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.expand {
  background-image: url(../images/portlet-expand-icon-white.png);
}
.portlet.solid.red > .portlet-title > .tools > a.collapse {
  background-image: url(../images/portlet-collapse-icon-white.png);
}
.portlet.box.red {
  border: 1px solid #e26a6a;
  border-top: 0;
}
.portlet.box.red > .portlet-title {
  background-color: #e26a6a;
}
.portlet.box.red > .portlet-title > .caption {
  color: white;
}
.portlet.box.red > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.red > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #7ad588;
  color: #8ddc99;
}
.portlet.box.red > .portlet-title > .actions .btn-default > i {
  color: #99dfa4;
}
.portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default.active {
  border: 1px solid #a1e2ab;
  color: #b4e8bc;
}

/*
Back to top button 
*/
.scroll-to-top {
  	text-align: center;
  	position: fixed;
  	z-index: 10001;
  	bottom: 5px;
  	display: none;
  	right: 5px;
	border-radius:10px;
	color:#CCC;
	font-weight:bold;
	font-size:12px;
}
.scroll-to-top:hover {
  cursor: pointer;
  color:#666;
}
.scroll-to-top > i {
  display: inline-block;
  font-size: 100px;
  opacity: 0.9;
  filter: alpha(opacity=70);
  margin-bottom: 0px;
	background-color:#CCC;
	border-radius:10px;
	color:#FFF;
	padding:0px 10px;
}

.scroll-to-top:hover > i {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color:#666;
}

.page-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: -60px;
  margin-top: -30px;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius:2px;
  background-color: #eee;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  z-index: 20000;
}
.page-loading > span {
  line-height: 20px;
  vertical-align: middle;
}

.btn {
    border-width: 0;
    padding: 4px 10px;
    font-size: 16px;
    outline: none !important;
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius:4px;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid transparent;
}
.left.btn {
    border-radius:10px 0px 10px 0px;
}
.right.btn {
    border-radius:0px 10px 0px 10px;
}

.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
    outline: none !important;
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    cursor:pointer;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    vertical-align: middle;
}

.btn-sm,
.btn-xs {
    padding: 4px 10px 5px 10px;
    font-size: 14px;
    line-height: 1.5;
}

.btn-xs {
    padding: 1px 5px;
}

.blue.btn {
    color: white;
    background-color: #4b8df8;
    border: 2px solid #2474f6;
}
.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
    color: white;
    background-color: #2474f6;
}
.open .blue.btn.dropdown-toggle {
    color: white;
    background-color: #2474f6;
}
.blue.btn:active, .blue.btn.active {
    background-image: none;
}
.open .blue.btn.dropdown-toggle {
    background-image: none;
}
.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
    background-color: #4b8df8;
}
.blue.btn .badge {
    color: #4b8df8;
    background-color: white;
}

/* Button Strip */
.btn.blue-stripe {
    border-left: 3px solid #4b8df8;
}

.green.btn {
    color: white;
    background-color: #35aa47;
    border: 2px solid #2b8b3a;
}
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
    color: white;
    background-color: #2b8b3a;
}
.open .green.btn.dropdown-toggle {
    color: white;
    background-color: #2b8b3a;
}
.green.btn:active, .green.btn.active {
    background-image: none;
}
.open .green.btn.dropdown-toggle {
    background-image: none;
}
.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
    background-color: #35aa47;
}
.green.btn .badge {
    color: #35aa47;
    background-color: white;
}

/* Button Strip */
.btn.green-stripe {
    border-left: 3px solid #35aa47;
}

.red.btn {
    color: white;
    background-color: #d84a38;
    border: 2px solid #c13726;
}
.red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
    color: white;
    background-color: #c13726;
}
.open .red.btn.dropdown-toggle {
    color: white;
    background-color: #c13726;
}
.red.btn:active, .red.btn.active {
    background-image: none;
}
.open .red.btn.dropdown-toggle {
    background-image: none;
}
.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
    background-color: #d84a38;
}
.red.btn .badge {
    color: #d84a38;
    background-color: white;
}

/* Button Strip */
.btn.red-stripe {
    border-left: 3px solid #d84a38;
}

.yellow.btn {
    color: white;
    background-color: #ffb848;
    border: 2px solid #ffa81f;
}
.yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active {
    color: white;
    background-color: #ffa81f;
}
.open .yellow.btn.dropdown-toggle {
    color: white;
    background-color: #ffa81f;
}
.yellow.btn:active, .yellow.btn.active {
    background-image: none;
}
.open .yellow.btn.dropdown-toggle {
    background-image: none;
}
.yellow.btn.disabled, .yellow.btn.disabled:hover, .yellow.btn.disabled:focus, .yellow.btn.disabled:active, .yellow.btn.disabled.active, .yellow.btn[disabled], .yellow.btn[disabled]:hover, .yellow.btn[disabled]:focus, .yellow.btn[disabled]:active, .yellow.btn[disabled].active, fieldset[disabled] .yellow.btn, fieldset[disabled] .yellow.btn:hover, fieldset[disabled] .yellow.btn:focus, fieldset[disabled] .yellow.btn:active, fieldset[disabled] .yellow.btn.active {
    background-color: #ffb848;
}
.yellow.btn .badge {
    color: #ffb848;
    background-color: white;
}

/* Button Strip */
.btn.yellow-stripe {
    border-left: 3px solid #ffb848;
}

.purple.btn {
    color: white;
    background-color: #8e44ad;
    border: 2px solid #763890;
}
.purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active {
    color: white;
    background-color: #763890;
}
.open .purple.btn.dropdown-toggle {
    color: white;
    background-color: #763890;
}
.purple.btn:active, .purple.btn.active {
    background-image: none;
}
.open .purple.btn.dropdown-toggle {
    background-image: none;
}
.purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:focus, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:focus, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active {
    background-color: #8e44ad;
}
.purple.btn .badge {
    color: #8e44ad;
    background-color: white;
}

/* Button Strip */
.btn.purple-stripe {
    border-left: 3px solid #8e44ad;
}

/* Button */
.btn.default {
    color: #333333;
    background-color: #e5e5e5;
    border: 2px solid #d1d1d1;
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active {
    color: #333333;
    background-color: #d1d1d1;
}
.open .btn.default.dropdown-toggle {
    color: #333333;
    background-color: #d1d1d1;
}
.btn.default:active, .btn.default.active {
    background-image: none;
}
.open .btn.default.dropdown-toggle {
    background-image: none;
}
.btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active {
    background-color: #e5e5e5;
}
.btn.default .badge {
    color: #e5e5e5;
    background-color: #333333;
}

.blue-hoki.btn {
    color: white;
    background-color: #67809f;
    border: 2px solid #566c88;
}
.blue-hoki.btn:hover, .blue-hoki.btn:focus, .blue-hoki.btn:active, .blue-hoki.btn.active {
    color: white;
    background-color: #566c88;
}
.open .blue-hoki.btn.dropdown-toggle {
    color: white;
    background-color: #566c88;
}
.blue-hoki.btn:active, .blue-hoki.btn.active {
    background-image: none;
}
.open .blue-hoki.btn.dropdown-toggle {
    background-image: none;
}
.blue-hoki.btn.disabled, .blue-hoki.btn.disabled:hover, .blue-hoki.btn.disabled:focus, .blue-hoki.btn.disabled:active, .blue-hoki.btn.disabled.active, .blue-hoki.btn[disabled], .blue-hoki.btn[disabled]:hover, .blue-hoki.btn[disabled]:focus, .blue-hoki.btn[disabled]:active, .blue-hoki.btn[disabled].active, fieldset[disabled] .blue-hoki.btn, fieldset[disabled] .blue-hoki.btn:hover, fieldset[disabled] .blue-hoki.btn:focus, fieldset[disabled] .blue-hoki.btn:active, fieldset[disabled] .blue-hoki.btn.active {
    background-color: #67809f;
}
.blue-hoki.btn .badge {
    color: #67809f;
    background-color: white;
}
/***
Blue Madison
***/
/* Button */
.blue-madison.btn {
    color: white;
    background-color: #578ebe;
    border: 2px solid #427aaa;
}
.blue-madison.btn:hover, .blue-madison.btn:focus, .blue-madison.btn:active, .blue-madison.btn.active {
    color: white;
    background-color: #427aaa;
}
.open .blue-madison.btn.dropdown-toggle {
    color: white;
    background-color: #427aaa;
}
.blue-madison.btn:active, .blue-madison.btn.active {
    background-image: none;
}
.open .blue-madison.btn.dropdown-toggle {
    background-image: none;
}
.blue-madison.btn.disabled, .blue-madison.btn.disabled:hover, .blue-madison.btn.disabled:focus, .blue-madison.btn.disabled:active, .blue-madison.btn.disabled.active, .blue-madison.btn[disabled], .blue-madison.btn[disabled]:hover, .blue-madison.btn[disabled]:focus, .blue-madison.btn[disabled]:active, .blue-madison.btn[disabled].active, fieldset[disabled] .blue-madison.btn, fieldset[disabled] .blue-madison.btn:hover, fieldset[disabled] .blue-madison.btn:focus, fieldset[disabled] .blue-madison.btn:active, fieldset[disabled] .blue-madison.btn.active {
    background-color: #578ebe;
}
.blue-madison.btn .badge {
    color: #578ebe;
    background-color: white;
}

/* Button Strip */
.btn.blue-madison-stripe {
    border-left: 3px solid #578ebe;
}
/***
Green Meadow
***/
/* Button */
.green-meadow.btn {
    color: white;
    background-color: #1bbc9b;
    border: 2px solid #16987e;
}
.green-meadow.btn:hover, .green-meadow.btn:focus, .green-meadow.btn:active, .green-meadow.btn.active {
    color: white;
    background-color: #16987e;
}
.open .green-meadow.btn.dropdown-toggle {
    color: white;
    background-color: #16987e;
}
.green-meadow.btn:active, .green-meadow.btn.active {
    background-image: none;
}
.open .green-meadow.btn.dropdown-toggle {
    background-image: none;
}
.green-meadow.btn.disabled, .green-meadow.btn.disabled:hover, .green-meadow.btn.disabled:focus, .green-meadow.btn.disabled:active, .green-meadow.btn.disabled.active, .green-meadow.btn[disabled], .green-meadow.btn[disabled]:hover, .green-meadow.btn[disabled]:focus, .green-meadow.btn[disabled]:active, .green-meadow.btn[disabled].active, fieldset[disabled] .green-meadow.btn, fieldset[disabled] .green-meadow.btn:hover, fieldset[disabled] .green-meadow.btn:focus, fieldset[disabled] .green-meadow.btn:active, fieldset[disabled] .green-meadow.btn.active {
    background-color: #1bbc9b;
}
.green-meadow.btn .badge {
    color: #1bbc9b;
    background-color: white;
}

/* Button Strip */
.btn.green-meadow-stripe {
    border-left: 3px solid #1bbc9b;
}
/***
Red Sunglo
***/
/* Button */
.red-sunglo.btn {
    color: white;
    background-color: #e26a6a;
    border: 2px solid #db4848;
}
.red-sunglo.btn:hover, .red-sunglo.btn:focus, .red-sunglo.btn:active, .red-sunglo.btn.active {
    color: white;
    background-color: #db4848;
}
.open .red-sunglo.btn.dropdown-toggle {
    color: white;
    background-color: #db4848;
}
.red-sunglo.btn:active, .red-sunglo.btn.active {
    background-image: none;
}
.open .red-sunglo.btn.dropdown-toggle {
    background-image: none;
}
.red-sunglo.btn.disabled, .red-sunglo.btn.disabled:hover, .red-sunglo.btn.disabled:focus, .red-sunglo.btn.disabled:active, .red-sunglo.btn.disabled.active, .red-sunglo.btn[disabled], .red-sunglo.btn[disabled]:hover, .red-sunglo.btn[disabled]:focus, .red-sunglo.btn[disabled]:active, .red-sunglo.btn[disabled].active, fieldset[disabled] .red-sunglo.btn, fieldset[disabled] .red-sunglo.btn:hover, fieldset[disabled] .red-sunglo.btn:focus, fieldset[disabled] .red-sunglo.btn:active, fieldset[disabled] .red-sunglo.btn.active {
    background-color: #e26a6a;
}
.red-sunglo.btn .badge {
    color: #e26a6a;
    background-color: white;
}

/***
Yellow Crusta
***/
/* Button */
.yellow-crusta.btn {
    color: white;
    background-color: #f3c200;
    border: 2px solid #caa100;
}
.yellow-crusta.btn:hover, .yellow-crusta.btn:focus, .yellow-crusta.btn:active, .yellow-crusta.btn.active {
    color: white;
    background-color: #caa100;
}
.open .yellow-crusta.btn.dropdown-toggle {
    color: white;
    background-color: #caa100;
}
.yellow-crusta.btn:active, .yellow-crusta.btn.active {
    background-image: none;
}
.open .yellow-crusta.btn.dropdown-toggle {
    background-image: none;
}
.yellow-crusta.btn.disabled, .yellow-crusta.btn.disabled:hover, .yellow-crusta.btn.disabled:focus, .yellow-crusta.btn.disabled:active, .yellow-crusta.btn.disabled.active, .yellow-crusta.btn[disabled], .yellow-crusta.btn[disabled]:hover, .yellow-crusta.btn[disabled]:focus, .yellow-crusta.btn[disabled]:active, .yellow-crusta.btn[disabled].active, fieldset[disabled] .yellow-crusta.btn, fieldset[disabled] .yellow-crusta.btn:hover, fieldset[disabled] .yellow-crusta.btn:focus, fieldset[disabled] .yellow-crusta.btn:active, fieldset[disabled] .yellow-crusta.btn.active {
    background-color: #f3c200;
}
.yellow-crusta.btn .badge {
    color: #f3c200;
    background-color: white;
}

/* Button Strip */
.btn.yellow-crusta-stripe {
    border-left: 3px solid #f3c200;
}

/***
Purple Plum
***/
/* Button */
.purple-plum.btn {
    color: white;
    background-color: #8775a7;
    border: 2px solid #725f95;
}
.purple-plum.btn:hover, .purple-plum.btn:focus, .purple-plum.btn:active, .purple-plum.btn.active {
    color: white;
    background-color: #725f95;
}
.open .purple-plum.btn.dropdown-toggle {
    color: white;
    background-color: #725f95;
}
.purple-plum.btn:active, .purple-plum.btn.active {
    background-image: none;
}
.open .purple-plum.btn.dropdown-toggle {
    background-image: none;
}
.purple-plum.btn.disabled, .purple-plum.btn.disabled:hover, .purple-plum.btn.disabled:focus, .purple-plum.btn.disabled:active, .purple-plum.btn.disabled.active, .purple-plum.btn[disabled], .purple-plum.btn[disabled]:hover, .purple-plum.btn[disabled]:focus, .purple-plum.btn[disabled]:active, .purple-plum.btn[disabled].active, fieldset[disabled] .purple-plum.btn, fieldset[disabled] .purple-plum.btn:hover, fieldset[disabled] .purple-plum.btn:focus, fieldset[disabled] .purple-plum.btn:active, fieldset[disabled] .purple-plum.btn.active {
    background-color: #8775a7;
}
.purple-plum.btn .badge {
    color: #8775a7;
    background-color: white;
}

/* Button Strip */
.btn.purple-plum-stripe {
    border-left: 3px solid #8775a7;
}


/***
Grey Cascade
***/
/* Button */
.grey-cascade.btn {
    color: white;
    background-color: #95a5a6;
    border: 2px solid #7f9293;
}
.grey-cascade.btn:hover, .grey-cascade.btn:focus, .grey-cascade.btn:active, .grey-cascade.btn.active {
    color: white;
    background-color: #7f9293;
}
.open .grey-cascade.btn.dropdown-toggle {
    color: white;
    background-color: #7f9293;
}
.grey-cascade.btn:active, .grey-cascade.btn.active {
    background-image: none;
}
.open .grey-cascade.btn.dropdown-toggle {
    background-image: none;
}
.grey-cascade.btn.disabled, .grey-cascade.btn.disabled:hover, .grey-cascade.btn.disabled:focus, .grey-cascade.btn.disabled:active, .grey-cascade.btn.disabled.active, .grey-cascade.btn[disabled], .grey-cascade.btn[disabled]:hover, .grey-cascade.btn[disabled]:focus, .grey-cascade.btn[disabled]:active, .grey-cascade.btn[disabled].active, fieldset[disabled] .grey-cascade.btn, fieldset[disabled] .grey-cascade.btn:hover, fieldset[disabled] .grey-cascade.btn:focus, fieldset[disabled] .grey-cascade.btn:active, fieldset[disabled] .grey-cascade.btn.active {
    background-color: #95a5a6;
}
.grey-cascade.btn .badge {
    color: #95a5a6;
    background-color: white;
}

/* Button Strip */
.btn.grey-cascade-stripe {
    border-left: 3px solid #95a5a6;
}

/* Button Strip */
.btn.red-sunglo-stripe {
    border-left: 3px solid #e26a6a;
}

.btn-primary {
    color: white;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: white;
    background-color: #3276b1;
    border-color: #2a6496;
}
.open .btn-primary.dropdown-toggle {
    color: white;
    background-color: #3276b1;
    border-color: #2a6496;
}
.btn-primary:active, .btn-primary.active {
    background-image: none;
}
.open .btn-primary.dropdown-toggle {
    background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary .badge {
    color: #428bca;
    background-color: white;
}

.btn-success {
    color: white;
    background-color: #45b6af;
    border-color: #3ea49d;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: white;
    background-color: #3a9893;
    border-color: #307f7a;
}
.open .btn-success.dropdown-toggle {
    color: white;
    background-color: #3a9893;
    border-color: #307f7a;
}
.btn-success:active, .btn-success.active {
    background-image: none;
}
.open .btn-success.dropdown-toggle {
    background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #45b6af;
    border-color: #3ea49d;
}
.btn-success .badge {
    color: #45b6af;
    background-color: white;
}

.btn-info {
    color: white;
    background-color: #89c4f4;
    border-color: #72b8f2;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: white;
    background-color: #64b1f1;
    border-color: #43a1ed;
}
.open .btn-info.dropdown-toggle {
    color: white;
    background-color: #64b1f1;
    border-color: #43a1ed;
}
.btn-info:active, .btn-info.active {
    background-image: none;
}
.open .btn-info.dropdown-toggle {
    background-image: none;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #89c4f4;
    border-color: #72b8f2;
}
.btn-info .badge {
    color: #89c4f4;
    background-color: white;
}

.btn-warning {
    color: white;
    background-color: #dfba49;
    border-color: #dbb233;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    color: white;
    background-color: #d9ad26;
    border-color: #bb9521;
}
.open .btn-warning.dropdown-toggle {
    color: white;
    background-color: #d9ad26;
    border-color: #bb9521;
}
.btn-warning:active, .btn-warning.active {
    background-image: none;
}
.open .btn-warning.dropdown-toggle {
    background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #dfba49;
    border-color: #dbb233;
}
.btn-warning .badge {
    color: #dfba49;
    background-color: white;
}

.btn-danger {
    color: white;
    background-color: #f3565d;
    border-color: #f13e46;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    color: white;
    background-color: #f03038;
    border-color: #ec111b;
}
.open .btn-danger.dropdown-toggle {
    color: white;
    background-color: #f03038;
    border-color: #ec111b;
}
.btn-danger:active, .btn-danger.active {
    background-image: none;
}
.open .btn-danger.dropdown-toggle {
    background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #f3565d;
    border-color: #f13e46;
}
.btn-danger .badge {
    color: #f3565d;
    background-color: white;
}

/***
Yellow Gold
***/
/* Button */
.yellow-gold.btn {
    color: white;
    background-color: #e87e04;
    border: 2px solid #c06803;
}
.yellow-gold.btn:hover, .yellow-gold.btn:focus, .yellow-gold.btn:active, .yellow-gold.btn.active {
    color: white;
    background-color: #c06803;
}
.open .yellow-gold.btn.dropdown-toggle {
    color: white;
    background-color: #c06803;
}
.yellow-gold.btn:active, .yellow-gold.btn.active {
    background-image: none;
}
.open .yellow-gold.btn.dropdown-toggle {
    background-image: none;
}
.yellow-gold.btn.disabled, .yellow-gold.btn.disabled:hover, .yellow-gold.btn.disabled:focus, .yellow-gold.btn.disabled:active, .yellow-gold.btn.disabled.active, .yellow-gold.btn[disabled], .yellow-gold.btn[disabled]:hover, .yellow-gold.btn[disabled]:focus, .yellow-gold.btn[disabled]:active, .yellow-gold.btn[disabled].active, fieldset[disabled] .yellow-gold.btn, fieldset[disabled] .yellow-gold.btn:hover, fieldset[disabled] .yellow-gold.btn:focus, fieldset[disabled] .yellow-gold.btn:active, fieldset[disabled] .yellow-gold.btn.active {
    background-color: #e87e04;
}
.yellow-gold.btn .badge {
    color: #e87e04;
    background-color: white;
}

/* Button Strip */
.btn.yellow-gold-stripe {
    border-left: 3px solid #e87e04;
}

/***
Yellow Casablanca
***/
/* Button */
.yellow-casablanca.btn {
    color: white;
    background-color: #f2784b;
    border: 2px solid #ef5b25;
}
.yellow-casablanca.btn:hover, .yellow-casablanca.btn:focus, .yellow-casablanca.btn:active, .yellow-casablanca.btn.active {
    color: white;
    background-color: #ef5b25;
}
.open .yellow-casablanca.btn.dropdown-toggle {
    color: white;
    background-color: #ef5b25;
}
.yellow-casablanca.btn:active, .yellow-casablanca.btn.active {
    background-image: none;
}
.open .yellow-casablanca.btn.dropdown-toggle {
    background-image: none;
}
.yellow-casablanca.btn.disabled, .yellow-casablanca.btn.disabled:hover, .yellow-casablanca.btn.disabled:focus, .yellow-casablanca.btn.disabled:active, .yellow-casablanca.btn.disabled.active, .yellow-casablanca.btn[disabled], .yellow-casablanca.btn[disabled]:hover, .yellow-casablanca.btn[disabled]:focus, .yellow-casablanca.btn[disabled]:active, .yellow-casablanca.btn[disabled].active, fieldset[disabled] .yellow-casablanca.btn, fieldset[disabled] .yellow-casablanca.btn:hover, fieldset[disabled] .yellow-casablanca.btn:focus, fieldset[disabled] .yellow-casablanca.btn:active, fieldset[disabled] .yellow-casablanca.btn.active {
    background-color: #f2784b;
}
.yellow-casablanca.btn .badge {
    color: #f2784b;
    background-color: white;
}

/* Button Strip */
.btn.yellow-casablanca-stripe {
    border-left: 3px solid #f2784b;
}

/***
Blue Stell
***/
/* Button */
.blue-steel.btn {
    color: white;
    background-color: #4b77be;
    border: 2px solid #3b64a5;
}
.blue-steel.btn:hover, .blue-steel.btn:focus, .blue-steel.btn:active, .blue-steel.btn.active {
    color: white;
    background-color: #3b64a5;
}
.open .blue-steel.btn.dropdown-toggle {
    color: white;
    background-color: #3b64a5;
}
.blue-steel.btn:active, .blue-steel.btn.active {
    background-image: none;
}
.open .blue-steel.btn.dropdown-toggle {
    background-image: none;
}
.blue-steel.btn.disabled, .blue-steel.btn.disabled:hover, .blue-steel.btn.disabled:focus, .blue-steel.btn.disabled:active, .blue-steel.btn.disabled.active, .blue-steel.btn[disabled], .blue-steel.btn[disabled]:hover, .blue-steel.btn[disabled]:focus, .blue-steel.btn[disabled]:active, .blue-steel.btn[disabled].active, fieldset[disabled] .blue-steel.btn, fieldset[disabled] .blue-steel.btn:hover, fieldset[disabled] .blue-steel.btn:focus, fieldset[disabled] .blue-steel.btn:active, fieldset[disabled] .blue-steel.btn.active {
    background-color: #4b77be;
}
.blue-steel.btn .badge {
    color: #4b77be;
    background-color: white;
}

/* Button Strip */
.btn.blue-steel-stripe {
    border-left: 3px solid #4b77be;
}

/***
Green Jungle
***/
/* Button */
.green-jungle.btn {
    color: white;
    background-color: #26c281;
    border: 2px solid #1fa06a;
}
.green-jungle.btn:hover, .green-jungle.btn:focus, .green-jungle.btn:active, .green-jungle.btn.active {
    color: white;
    background-color: #1fa06a;
}
.open .green-jungle.btn.dropdown-toggle {
    color: white;
    background-color: #1fa06a;
}
.green-jungle.btn:active, .green-jungle.btn.active {
    background-image: none;
}
.open .green-jungle.btn.dropdown-toggle {
    background-image: none;
}
.green-jungle.btn.disabled, .green-jungle.btn.disabled:hover, .green-jungle.btn.disabled:focus, .green-jungle.btn.disabled:active, .green-jungle.btn.disabled.active, .green-jungle.btn[disabled], .green-jungle.btn[disabled]:hover, .green-jungle.btn[disabled]:focus, .green-jungle.btn[disabled]:active, .green-jungle.btn[disabled].active, fieldset[disabled] .green-jungle.btn, fieldset[disabled] .green-jungle.btn:hover, fieldset[disabled] .green-jungle.btn:focus, fieldset[disabled] .green-jungle.btn:active, fieldset[disabled] .green-jungle.btn.active {
    background-color: #26c281;
}
.green-jungle.btn .badge {
    color: #26c281;
    background-color: white;
}

/* Button Strip */
.btn.green-jungle-stripe {
    border-left: 3px solid #26c281;
}

/***
Green Seagreen
***/
/* Button */
.green-seagreen.btn {
    color: white;
    background-color: #1ba39c;
    border: 2px solid #15807b;
}
.green-seagreen.btn:hover, .green-seagreen.btn:focus, .green-seagreen.btn:active, .green-seagreen.btn.active {
    color: white;
    background-color: #15807b;
}
.open .green-seagreen.btn.dropdown-toggle {
    color: white;
    background-color: #15807b;
}
.green-seagreen.btn:active, .green-seagreen.btn.active {
    background-image: none;
}
.open .green-seagreen.btn.dropdown-toggle {
    background-image: none;
}
.green-seagreen.btn.disabled, .green-seagreen.btn.disabled:hover, .green-seagreen.btn.disabled:focus, .green-seagreen.btn.disabled:active, .green-seagreen.btn.disabled.active, .green-seagreen.btn[disabled], .green-seagreen.btn[disabled]:hover, .green-seagreen.btn[disabled]:focus, .green-seagreen.btn[disabled]:active, .green-seagreen.btn[disabled].active, fieldset[disabled] .green-seagreen.btn, fieldset[disabled] .green-seagreen.btn:hover, fieldset[disabled] .green-seagreen.btn:focus, fieldset[disabled] .green-seagreen.btn:active, fieldset[disabled] .green-seagreen.btn.active {
    background-color: #1ba39c;
}
.green-seagreen.btn .badge {
    color: #1ba39c;
    background-color: white;
}

/* Button Strip */
.btn.green-seagreen-stripe {
    border-left: 3px solid #1ba39c;
}


/***
Grey Cascade
***/
/* Button */
.grey-cascade.btn {
    color: white;
    background-color: #95a5a6;
    border: 2px solid #7f9293;
}
.grey-cascade.btn:hover, .grey-cascade.btn:focus, .grey-cascade.btn:active, .grey-cascade.btn.active {
    color: white;
    background-color: #7f9293;
}
.open .grey-cascade.btn.dropdown-toggle {
    color: white;
    background-color: #7f9293;
}
.grey-cascade.btn:active, .grey-cascade.btn.active {
    background-image: none;
}
.open .grey-cascade.btn.dropdown-toggle {
    background-image: none;
}
.grey-cascade.btn.disabled, .grey-cascade.btn.disabled:hover, .grey-cascade.btn.disabled:focus, .grey-cascade.btn.disabled:active, .grey-cascade.btn.disabled.active, .grey-cascade.btn[disabled], .grey-cascade.btn[disabled]:hover, .grey-cascade.btn[disabled]:focus, .grey-cascade.btn[disabled]:active, .grey-cascade.btn[disabled].active, fieldset[disabled] .grey-cascade.btn, fieldset[disabled] .grey-cascade.btn:hover, fieldset[disabled] .grey-cascade.btn:focus, fieldset[disabled] .grey-cascade.btn:active, fieldset[disabled] .grey-cascade.btn.active {
    background-color: #95a5a6;
}
.grey-cascade.btn .badge {
    color: #95a5a6;
    background-color: white;
}

/* Button Strip */
.btn.grey-cascade-stripe {
    border-left: 3px solid #95a5a6;
}

/***
Grey Silver
***/
/* Button */
.grey-silver.btn {
    color: #fafcfb;
    background-color: #bfbfbf;
    border: 2px solid #ababab;
}
.grey-silver.btn:hover, .grey-silver.btn:focus, .grey-silver.btn:active, .grey-silver.btn.active {
    color: #fafcfb;
    background-color: #ababab;
}
.open .grey-silver.btn.dropdown-toggle {
    color: #fafcfb;
    background-color: #ababab;
}
.grey-silver.btn:active, .grey-silver.btn.active {
    background-image: none;
}
.open .grey-silver.btn.dropdown-toggle {
    background-image: none;
}
.grey-silver.btn.disabled, .grey-silver.btn.disabled:hover, .grey-silver.btn.disabled:focus, .grey-silver.btn.disabled:active, .grey-silver.btn.disabled.active, .grey-silver.btn[disabled], .grey-silver.btn[disabled]:hover, .grey-silver.btn[disabled]:focus, .grey-silver.btn[disabled]:active, .grey-silver.btn[disabled].active, fieldset[disabled] .grey-silver.btn, fieldset[disabled] .grey-silver.btn:hover, fieldset[disabled] .grey-silver.btn:focus, fieldset[disabled] .grey-silver.btn:active, fieldset[disabled] .grey-silver.btn.active {
    background-color: #bfbfbf;
}
.grey-silver.btn .badge {
    color: #bfbfbf;
    background-color: #fafcfb;
}

/* Button Strip */
.btn.grey-silver-stripe {
    border-left: 3px solid #bfbfbf;
}