.navbar-brand { padding: 5px 15px; }
.span2 { background-color: #eee; width: 18ex; }

#navbar { min-width: 34ex; }
.navbar {
    min-height: 5px;
    margin-bottom: 1px!important;
}
.navbar-nav > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
}
.panel-login, .panel-form {
	border-color: #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
.panel-form>.panel-heading {
    text-align:center;
}
.panel-login>.panel-heading {
	color: #00415d;
	background-color: #fff;
	border-color: #fff;
	text-align:center;
}
.panel-login>.panel-heading a{
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
	color: #029f5b;
	font-size: 18px;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	/*height: 45px;*/
	/*border: 1px solid #ddd;*/
	font-size: 16px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
    background-color: #e6EBFF;
}
.panel-login select {
    background-color: #e6EBFF;
}
.panel-login option {
    background-color: #e6EBFF;
}

.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
}
.btn-login {
	background-color: #59B2E0;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #59B2E6;
}
.btn-login:hover,
.btn-login:focus {
	color: #fff;
	background-color: #53A3CD;
	border-color: #53A3CD;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: underline;
	color: #666;
}

.btn-register {
	background-color: #1CB94E;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
	color: #fff;
	background-color: #1CA347;
	border-color: #1CA347;
}

.wideb {
    width: 20ex
}
.alert-danger, .alert-error {
    font-size: 16px;
    margin-left: 3ex;
    margin-top: 1em;
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
#helpId {
    display: inline-block;
    background: linear-gradient(to bottom, #d2ff52 0%, #c2ff1a 15%, #90f030 85%, #96cc00 100%);
    /* background-color: #9F3; */
    vertical-align: top;
    margin-left: 1ex;
    margin-top: 3px;
    padding: 3px 2ex 5px 2ex;
    border-radius: 4px;
    /* box-shadow: 0 5px #BBB; */
    text-decoration: none;
}
#helpId:hover {
  font-weight: bold; /*hove over gradient is not supported. */
}

.color_header {
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
/* menu bar notifications stuff. */
.navbar-custom>.nav > li {
    display: inline-block;
}
.navbar-custom>.nav >li> a {
    padding: 10px 15px;
}
.navbar-custom .glyphicon {
    font-size: 125%;
}

.badge {
    display: inline-block;
    padding: .15em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;

}
.badge-warning {
    color: #1f2d3d;
    background-color: #ffc107;
}
.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.navbar-badge {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: .9rem;
    font-weight: 300;
    padding: 2px 4px;
}

.navbar-toggle {
    float: left;
}   
.page-header { margin: 0; }
.page-header h1 { margin-top: 0px; margin-bottom: 0px; }

.big2 { font-size: 1.5rem; }
.big15 { font-size: 1.8em; }
.marg6 { margin-left:6ex; }
.minw600 {  min-width: 600px; }
.my-btn {
    margin-top: 0.5em;
    max-width: 40ex;
}
.wsnw { white-space: nowrap; }

/* triangle */
.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 25px solid #2f2f2f;
}
td, th { text-align:center; }

@media screen and (max-width: 600px) {
  .pull-xright {
      float: right;
  }
}