@import url("signin.css"); 

/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

legend {
      color: rgb(150, 23, 26);
      font-size: 12px;
      font-weight: bold;
      padding-bottom: 0px;
}

body {
      padding-top: 20px;
      padding-bottom: 40px;
      color: #5a5a5a;
     /* background-image: url("../img/roughTexture.jpg");
      background-repeat: no-repeat; */
}

.error {
	padding-top: 40px;
	border-bottom: solid 1px #8e8e8e;
	color: #ff5a5a;
	text-align: center;
}

   
   /* @font-face code Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
    font-family: 'LeagueGothic';
    src: url('../../fonts/League_Gothic-webfont.eot');
    src: url('../../fonts/League_Gothic-webfont.eot?#iefix') format('eot'),
         url('../../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Entypo';
    src: url('../../fonts/entypo-webfont.eot');
    src: url('../../fonts/entypo-webfont.eot?#iefix') format('eot'),
         url('../../fonts/entypo-webfont.woff') format('woff'),
         url('../../fonts/entypo-webfont.ttf') format('truetype'),
         url('../../fonts/entypo-webfont.svg#webfontFHzvtkso') format('svg');
    font-style: normal;
}

 
/* Customize header */

body > header {
margin: auto;
margin-bottom: 15px;
overflow: hidden;
position: relative;
max-width: 90%;
}


header #logo {
	text-align: center;
	background-color: transparent;
}

header #topRightItems {
	padding-top: 5px;
	text-align: center;
	background-color: transparent;
}

header #topRightItems p {
	text-align: center;
	font-size: 30px;
	font-family: LeagueGothic, Tahoma, Geneva, sans-serif;
}


header img {
	max-width: 100%;
}

#topRightItems ul {
	text-align: center;
	padding-top: 5px;
	display: block;
}

#topRightItems li {
	text-align: center;
	width: auto;
	display: inline;
	padding: 2px;
}

header li {
	display: block;
}

.rule {
	margin-top: 5px;
	border-bottom: solid 2px #4e4e4e;
}


/* --- see LISTUTORIAL website for the following idea with more explanation -- */

body footer ul {
	list-style-type: none; /* removes bullets */
	padding: 0; /* remove default indent from mozilla, netscape, safari browsers */
	margin: 0; /* remove default indent from IE, Opera browsers */
}

body footer li {
	padding-left: 0.5em; /* indents content of li */
	
}

/* --- end of LISTUTORIAL codes ------ */

body footer {
	margin-top:10px;
	background: #6e6e6e;
	color: #e2e2e2;
	max-width: 100%;
	border-top: 5px solid #9e9e9e;
}

body footer a {
	color: #e2e2e2;
}

body footer .info {
	max-width:100%;
	background: #2f2f2f;
	padding-top: 10px;
	padding-bottom: 5px;
}

body footer .info:nth-child(2) {
	max-width:100%;
	background: #1e1e1e;
}

.info .container .row .col-md-3 p:nth-child(1) {
	padding-top: 15px;
	font-weight: bold;
}

/* --- meter style -- from https://css-tricks.com/css3-progress-bars/ ------ */

		.meter { 
	/*		height: 20px; */ /* Can be anything */
			height: 30px;  /* Can be anything */
			position: relative;
			margin: 10px 0 10px 0; /* Just for demo spacing */
			background: #555;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;
	/*		padding: 10px; */
			padding: 5px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		
		
		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}

/* COLOR THE AcutalHits values depending on Performance rating
    -------------------------------------------------- */
.goodpercent {font-weight:bold; color:black;}
.fairpercent {font-weight:bold; color:DarkGreen;}
.poorpercent {font-weight:bold; color:DarkOrange;}
.failpercent {font-weight:bold; color:red;}

/* COLOR THE AcutalHits values depending on Performance rating
    -------------------------------------------------- */
.label_align {line-height: 2.5;}

/* CUSTOMIZE THE Buttons
    -------------------------------------------------- */
.btn-default {
	background-color: rgb(23, 23, 26);
	color: #ffffff;
	border-color: rgb(23, 20, 23);
}

.btn-mobile {
	background-color: rgb(150, 23, 26);
	color: #ffffff;
	border-color: rgb(140, 20, 23);
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: rgb(120, 5, 8);
  border-color: rgb(115, 3, 6);
}


/* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

  .navbar {
    border-radius: 0px;
  }

.nav-tabs > li > a {
  border-radius: 0px 0px 0 0;
}

.nav-tabs.nav-justified > li > a {
  border-radius: 0px;
}

.nav-pills > li > a {
  border-radius: 0px;
}

.nav-tabs-justified > li > a {
  border-radius: 0px;
}

.navbar-toggle {
  border-radius: 0px;
}

.navbar-toggle .icon-bar {
  border-radius: 0px;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-top: -20px;
  margin-bottom: 10px;
}

.carousel-indicators {
  position: absolute;
  bottom: -6px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #0e0e0e;
  border: 1px solid #ffffff;
  border-radius: 6px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 0px;
  left: 0%;
  z-index: 10;
  padding-top: 10px;
  padding-bottom: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}



/*  ----------------- end of carousel ------------------------*/
p {
	text-align: center;
}

p a {
	color: rgb(150, 23, 26);
}
    /* MARKETING CONTENT */

h4, h3 {
	color: rgb(150, 23, 26);
}

    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (min-width: 768px) {
	header #logo {
	text-align: left;
	width: 40%;
	float: left;
	}

header #topRightItems {
	margin-left: auto;
	width: 60%;
	float: right;
	padding-top: 0px;
	text-align: right;
}

header #topRightItems p {
	text-align: right;
}

#topRightItems ul {
	text-align: right;
	padding-top: 0px;
}

#topRightItems li {
	text-align: right;
}

.info .container .row .col-md-3 p:nth-child(1) {
	padding-top: 0px;
}

p {
	text-align: center;
}

.vert {
	vertical-align: middle;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #300;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dd0000;
  color: #eeeeee;
  background-color: #dd0000;
}

.markMaint {
      font-weight: bold;
      color: #d00;
}

.markSecur {
      font-weight: normal;
      color: #000;
}
.markWaiting {
      font-weight: normal;
      padding: 5px;
      background-color: #900;
      color: #fff;
}
.markAck {
      font-weight: normal;
      padding: 5px;
      background-color: #990;
      color: #fff;
}
.markDone {
      font-weight: normal;
      background-color: #fff;
      color: #000;
}

hr { color: #666; background-color: #FFF; border: 3px dotted #666; border-style: none none dotted; }


a.image {
	font-size: 1.9em;

	font-family: Entypo, Tahoma, Geneva, sans-serif;
	color: rgb(140, 20, 23);
}

a:link.image {
	font-size: 1.9em;

	font-family: Entypo, Tahoma, Geneva, sans-serif;
	color: rgb(140, 20, 23);
}
a:visited.image {
	font-size: 1.9em;

	font-family: Entypo, Tahoma, Geneva, sans-serif;
	color: rgb(140, 20, 23);
}
a:active.image {
	font-size: 1.9em;

	font-family: Entypo, Tahoma, Geneva, sans-serif;
	color: rgb(140, 20, 23);
}
a:hover.image {
	font-size: 1.9em;

	font-family: Entypo, Tahoma, Geneva, sans-serif;
	color: rgb(140, 20, 23);
}
a:focus.image {
	font-size: 1.9em;

	font-family: Entypo, Tahoma, Geneva, sans-serif;
	color: rgb(140, 20, 23);
}

    }