/*
# Reset defaults ###################
*/
@import url("/css/reset.css");

body {
  margin-top: 0;
  margin-left: 0;
  line-height: 1.5em;
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 13px;
  min-width: 849px;
  background-color: #FFFFFF;
}

#skipnav {
  display: none;
  visibility: hidden;
}

p {
  margin: 0px 0px 13px 0px;
}

strong, b, .bold{
  font-size: 110%;
  font-weight: bold;
}

h1, h2, h3, h4, h5 {
  color: #485F94;
  font-weight: bold;
  margin: 0px 0px 13px 0px;
}

h6 {
  color: #000000;
  font-weight: bold;
}

h1 { font-size: 1.6em; } 
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.1em; }

em, i {
  font-style: italic;
}

blockquote {
  margin: 13px 20px 13px 20px;
}

pre {
  margin: 13px 0px 13px 0px;
  font-family: monospace;
}

tt,
.code,
code {
  font-family: monospace;
}

code.term {
  padding: 2px;
  font-family: monospace;
  font-weight: bold;
  background-color: #F0F0F0;
}

img.left {
  margin: 5px;
  padding: 0px;
  border: 1px solid #000000;
  float: left;
}

.hide-robot{
display:none;
}

img.right {
  margin: 5px;
  padding: 0px;
  border: 1px solid #000000;
  float: right;
}

img.buffer {
  margin: 0px 5px -3px 0px;
  padding: 0px 0px 0px 0px;
  border: 1px solid #000000;
  float: left;
}

.invisible {
  display: none;
  visibility: hidden;
}

.odd  {
  background: #FFFFFF;
  background-image: none;
  color: #000000;
}

.even  {
  background: #DDDDDD;
  background-image: none;
  color: #000000;
}

.right{float: right;}
.left{float: left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}

.cntr {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

p.full {
  height: 130px;
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
}

table.w580 { width: 580px; }
table.w480 { width: 480px; }
table.w380 { width: 380px; }

table {
  vertical-align: top;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
  height: auto;
}

table .caption,
table caption {
  color: #FFF;
  margin: 0px 0px 0px 0px;
  padding: 3px 7px 3px 7px;
  border: 1px solid #000000;
  text-align: center;
  caption-side: top;
  font-weight: bold;
  font-size: 1.1em;
  /*background-color: #6384D1;*/
  background-color: #555A62;
  white-space: nowrap;
}

table.scr caption,
table.scr tr td.caption,
table.scr .caption {
  white-space: normal;
}

table.scr tr.odd td:first-child,
table.scr tr.even td:first-child {
  white-space: nowrap;
}

table thead {
  text-align: center;
  border: 1px solid #000000;
}

table th {
  background-image: none;
  background-color: #555A62;
  margin: 0px 0px 0px 0px;
  padding: 5px 4px 5px 4px;
  border: 1px solid #000000;
  line-height: 135%;
  font-weight: bold;
  color: #FFFFFF;
}

table td {
  padding: 2px 4px 2px 4px;
  text-align: left;
  border-left: 1px solid #000000;
}

table td.name {
  padding: 2px 4px 2px 4px;
  text-align: left;
  border-left: 1px solid #000000;
  white-space: nowrap;
}

table.queue {
  font-size: 11px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #000000;
}

table.queue thead {
  line-height: 1.2;
}

table.queue th {
  position: relative;
  font-weight: bold;
  width: 125px;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

table.queue tbody th,
table.queue td {
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
}

table.queue .col1 {
  width: 60px;
  color: #FFFFFF;
  margin: auto;
  text-align: center;
}

#priority_arrow {
  vertical-align: middle;
  text-align: center;
  margin: auto auto auto auto;
}

#priority_arrow img {
  display: block;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
}

td.comment {
  width: 280px;
  text-align: left;
}


/* MAIN LAYOUT */

#header {
  background-image: url(/img/end_cap.jpg), url(/img/bg.jpg);
  background-position: right top, left top;
  background-repeat: no-repeat, repeat;
  height: 128px;
  border-bottom: 3px solid #112545;	
}

#header a:link {
  background: url(/img/header_bg.jpg) no-repeat scroll left top;
  position: absolute;
  border: none;
  left: 0px;
  top: 0px;
  width: 288px;
  height: 128px;
  cursor: pointer;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


#header a:visited {
  background: url(/img/header_bg.jpg) no-repeat scroll left top;
  position: absolute;
  border: none;
  left: 0px;
  top: 0px;
  width: 288px;
  height: 128px;
  cursor: pointer;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#header a:hover {
  background: url(/img/header_bg2.jpg) no-repeat scroll left top;
}

#sitetitle {
  font-family: Helvetica;
  position: absolute;
  left: 190px;
  top: 45px;
  color: #E3D28D;
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  white-space: nowrap;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}

#spacer {
  background: url(/img/spacer.jpg) no-repeat
}

#main {
  clear: both;
  background: #FFFFFF;
  min-width: 600px;
  width: 100%;
  min-height: 400px;
}

#sidebar {
  position: relative;
  width: 142px;
  background: #555A62;
  background-image: url(/img/bg2.jpg);
  color: #FFFFFF;
  padding: 8px 0px 0px 0px;
}

#content {
  position: absolute;
  left: 150px;
  top: 129px;
  min-height: 450px;
  width: 72%;
  min-width: 650px;
  padding: 10px 8px 90px 12px;
  clear: both;
}

#footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 80px;
  font-size: 85%;
  color: #000000;
  text-align: center;
  line-height: 1.1;
  background-color: #FFFFFF;

}


#leftLogo {
  float: left;
  margin: 0px 0px 0px 20px;
}

#rightLogo {
  float: right;
  margin: -10px 20px 0px 0px;
}

/* SEARCH FORM */

/*  - Moved to the top, since it's one of the first styles that comes across. (You'll see a pattern 
    of me re-arranging the styles a little, based on when they appear. */

#searchForm {
    position: absolute;
    top: -120px;
    left: 950px;
}

#searchDiv {
  position: relative;
  right: -1000px;
}

#words {
  position: relative;
  top: -2px;
  border: 1px solid #000000;
  padding: 1px 1px 1px 1px;
  margin: 0px 0px 0px 0px;
  font-size: 70%;
  width: 128px;
  height: 13px;
  background-color: #FFFFFF;
}

#searchBtn {
  position: absolute;
  top: 0px;
  left: 135px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#submit {
  display: none;
  visibility: hidden;
}

#results {
  position: relative;
  display: block;
  margin: 0px 0px 20px 0px;
  top: 10px;
  left:0px;
  min-width: 650px;
}

/* NAVIGATION */

#navCap {
  position: absolute;
  top: 0px;
  left: 0px;
}

#nav {
  position: relative;
  top: 7px;
  list-style-type: none;
  width: 142px;
  padding: 0px 0px 20px 0px;
}

#nav li {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  line-height: 1.3;
  width: 135px;
}

/*
   .choiceSub and .choiceNoSub could/should be an id instead of a class. We'll only have one at any time.
*/

#nav li a:link,
#nav li a:visited {
  display: block;
  width: 126px;
  padding: 0px 0px 0px 8px;
  color: #FFFFFF;
  text-decoration: none;
  border: none;
}

#nav li a:hover {
  background-color: #92B5CB;
  padding: 0px 0px 0px 8px;
}

#nav li.choice {
  background-color: #112545;
}

#nav li a.choice:link,
#nav li a.choice:visited {
  display: block;
  padding: 2px 0px 5px 8px;
  width: 121px;
  /*color: #EFECB6;*/
  color: #FFFFFF;
  font-weight: bold;
}

#nav li a.choice:hover {
  background-color: transparent;
}

/*  
  I feel like .subnav should be #subnav.  We'll only have one subnav at any time. 
*/

#nav ul.subnav {
  list-style-type: none;
  margin: 0px 0px 15px 11px;
  padding: 5px 0px 5px 5px;
  color: black;
  background-color: #CDDCED;
}

#nav ul.subnav li {
  list-style-type: none;
  margin: 0px 0px 3px 0px;
  color: white;
}

#nav ul.subnav li a:link,
#nav ul.subnav li a:visited {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
  width: 119px;
  color: black;
  text-decoration: none;
}

#nav ul.subnav li a:hover {
  color: black;
  background-color: #B9B9B9;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

#nav ul.subnav li.choice {
  padding: 0px 0px 0px 7px;
  background-color: #555A62;
  width: 116px;
}

#nav li {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  line-height: 1.3;
  width: 100%;
}


/* CONTENT STYLES */

/* -These are styles that I just didn't have the patience to make work with modifying the general HTML
    tags.  I want to go back at some point and clean it up so the general styles for HTML tags all work
    and not interfere with the stylings of, for example, the navigation. */

#content a:link,
#content a:visited {
  text-decoration: none;
  border-bottom: 1px solid #555A62;
  color: #5278b7;
  white-space: nowrap;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 1px;
}

#content a:hover {
  text-decoration: none;
  white-space: nowrap;
  background-color: #c7d5f2;
  border-bottom: 2px solid #5278b7;
  padding-left: 2px;
  padding-right: 2px;
}

#content a.ext {
  display: inline-block;
  padding-top: 0px;
  padding-right: 14px;
  background: url(/img/aoutside.gif) no-repeat scroll right top;
  white-space: nowrap;
  height: 16px;
}

#content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 30px;
  margin-bottom: 15px;
}

#content ul li {
  list-style-type: disc;
  margin: 0px 0px 7px 0px;
  padding: 0px;
  line-height: 1.2;
}

#content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 30px;
  margin-bottom: 15px;
  padding: 0px 0px 0px 0px;
}

#content ol li {
  list-style-type: decimal;
  margin: 0px 0px 7px 0px;
  padding: 0px;
  line-height: 1.2;
}


/* HW RESOURCE LISTING */

/*
  - Re-ordered to have it appear close to the same sequence as it appears on the page.
  - Deleted "#hwProfiles div.system { min-height: 270px; }" because there is a div.system later.
  - Wondering if there is even a need for #hwProfiles? So far, doesn't look like there is a need for it. 
  - Deleted "#nodeConfig table".  It's not referenced in the site.
  - Deleted #sysList and "#sysList table".  Not referenced in the site.
  - Changed some table stylings to use generic table styles instead of creating repeated styles.
*/

h3.hwName {
  width: 70px;
  float: left;
  margin: 15px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

h3.new {
  width: 100%;
  background-color: #162749;
  padding: 3px 3px 3px 3px;
  color: #FFFFFF;
}

div.system {
  position: relative;
  margin-top: 0px;
  min-height: 270px;
  clear: both;
  padding-bottom: 20px;
}

#hwProfiles {
  min-width: 730px;
}

#hwProfiles div.system {
  min-height: 320px;
}

#hwProfiles #usSystem {
  min-height: 500px;
}

#hwProfiles ul.resources {
  margin: 13px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  width: 620px;
  float: left;
  white-space: nowrap;
}

#usResources {
  margin-top: 35px;
}

#hwProfiles ul.resources li {
  padding: 0px 5px 0px 5px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

#usResources li {
  margin-right: 10px;
}

div.leftBlock {
  clear: both;
  width: 215px;
}

img.hwImg {
  border: 2px solid #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 211px;
}

div.system table {
  border: 1px solid #000000;
  font-size: 11px;
}

#hwProfiles table.filesystems {
  width: 67%;
  clear: both;
}

#hwProfiles table.nodes {
    position: absolute;
    top: -3px;
    left: 220px;
    float: left;
    width: 67%;
}

div.system thead th {
  text-align: center;
  padding: 2px 6px 2px 6px;
  border: 1px solid #000000;
  line-height: 115%;
}

div.system tbody th {
  text-align: center;
  padding: 2px 6px 2px 6px;
  border-right: 1px solid #000000;
  line-height: 115%;
  width: 100px;
}

div.system td {
  padding: 2px 6px 2px 6px;
  border-right: 1px solid #000000;
  line-height: 115%;
  width: 200px;
  white-space: nowrap;
}


/* FOOTER STYLES _______________________________________________________ */
#footer_left {
  float: left;
  margin: 15px 0px 0px 20px;
}

#footer_center {
  margin: 0px auto 0px auto;
  padding: 0px 10px 0px 10px;
  white-space: nowrap;
}

#footer_right {
  float: right;
  margin: 15px 20px 0px 0px;
}

#footer_disclaimer{
	margin: 0px auto 0px auto;
    padding: 0px 5px 0px 5px;
	width: 600px;
}

#footer_disclaimer a:link {color:#2060C7;text-decoration:none;}
#footer_disclaimer a:visited {color:#2060C7;text-decoration:none;}
#footer_disclaimer a:active {color:#2060C7;text-decoration:none;}
#footer_disclaimer a:hover {color:#2060C7;text-decoration:none;}

#mhpcc_name {
	color:#fff;
	padding-top:8px;
	text-align:center;
}

/* USER SERVICES STYLES _________________________________________________ */
#UserServicesPage #content ul {
  list-style-type: none;
}

#UserServicesPage #content ul li {
  line-height: 1;
}

#UserServicesPage #content ul li p {
  margin-left: 20px;
}

table.contact {
  vertical-align: top;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
  font-size: 13px;
  height: auto;
  width: 580px;
}

/*
table.contact caption {
  color: #000;
  margin: 0px 0px 0px 0px;
  padding: 3px 7px 3px 7px;
  border: 1px solid #000000;
  font-weight: bold;
  text-align: center;
  caption-side: top;
  font-size: 1.3em;
  background-color: #648acb;
  white-space: nowrap;
  text-shadow: #000000 2px 2px 2px;
}
*/

table.contact th {
  font-weight: bold;
  width: 125px;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 2px 10px;
  border-bottom: 1px solid #000;
  color: #000;
  background-color: #CDDCED;
}

table.contact td {
  padding: 2px 5px 2px 10px;
  border-bottom: 1px solid #000;
}


/* NEWS STYLES _________________________________________________ */

.newsBlock {
  min-width: 580px;
  margin-left: -10px;
  padding-left: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
/*
  border-top: 1px solid #4F5FAA;
  border-left: 1px solid #4F5FAA;
*/
}

.newsBlock h3 {
  margin-left: -10px;
  padding: 2px 0px 2px 7px;
  color: #FFFFFF;
  font-weight: bold;
  font-style: italic;
  background: #65676A;
}

.newsBlock div.headline {
  border-bottom: 1px solid #000;
}

.newsBlock h4.subject {
  float: left;
}

.newsBlock div.postDate {
  float: right;
  font-weight: italic;
  font-size: 11px;
}

.newsBlock div.clear {
  padding: 0px 0px 10px 0px;
/*
  border-bottom: 1px solid #4F5FAA;
*/
}

.newsBlock p {
  display: block;
  margin-left: 15px;
}

/*
.newsBlock div.clear ul {
  padding: 0px 0px 5px 0px;
}

ul.addNews {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 55px;
  padding-bottom: 15px;
}
*/

table.downTable {
  width: 610px;
  margin-bottom: 20px;
}

table.downTable th {
  text-align: center;
}

table.downTable th.system {width: 90px; }
table.downTable th.time {width: 65px; }
table.downTable th.date {width: 80px; }

table.downTable td {
  text-align: center;
}

table.downTable td.details {
  text-align: left;
}

#pubs div {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}

#content #pubs a:link.pubs, #content #pubs a:visited.pubs, #content #pubs a:hover.pubs {
  text-decoration: none;
  border-bottom: 0px;
  background-color: #FFFFFF;
  padding: 0px;
}


/* DOCUMENTATION STYLES _________________________________________________ */

/* TABLE OF CONTENTS */

#TOC {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #4A5D26;
}

#TOC ul li {
  list-style-type: none;
  list-style-position: inside;
  line-height: 1.3em;
}

#TOC li.lev1 { margin: 3px 0px 3px 0px; }
#TOC li.lev2 { margin: 3px 0px 3px 25px; }
#TOC li.lev3 { margin: 3px 0px 3px 50px; }

span { white-space: nowrap; }

/*
#guideBody h3 {
  margin: 0px 0px 10px -10px;
  padding: 2px 0px 2px 7px;
  color: #FFFFFF;
  font-weight: bold;
  font-style: italic;
  border-top: 1px solid #4F5FAA;
  border-left: 1px solid #4F5FAA;
  background: #648acb url(/images/headerGrade.jpg) repeat-y scroll right top;
  text-shadow: #000000 2px 2px 2px;
}
*/

#guideBody h3 {
  border-bottom: 1px solid #4F6AB0;
}

#guideBody h4 {
/*
  margin: 0px 0px 10px 0px;
*/
  padding: 2px 0px 2px 7px;
  color: #000000;
  font-weight: bold;
  font-style: italic;
  background: #F0F0F0;
}

#guideBody h5 {
/*
  margin: 0px 0px 10px 10px;
*/
  padding: 2px 0px 2px 7px;
  color: #000000;
  font-weight: bold;
  font-style: italic;
  background: #F0F0F0;
}

div.firstLevel {
  margin-bottom: 15px;
}

div.secondLevel {
  margin: 0px 0px 15px 0px;
  padding: 2px 0px 2px 7px;
}

div.thirdLevel {
  margin: 0px 0px 15px 10px;
  padding: 2px 0px 2px 7px;
}


#priority_arrow {
  vertical-align: middle;
}

#priority_arrow img {
  display: block;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
}

/*
# Quick Links Styles  ###################
*/
#quickLinksHome {
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
  display: block;
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
}

#local_resources {
  position: relative;
  display: block;
  float: left;
}

#program_resources {
  position: relative;
  display: block;
  float: right;
}

.indent {
  display: block;
  margin-left: 15px;
  margin-bottom: 10px;
}

/*
# System News Status Row Styles  ###################
*/

#statusRow {
  margin: 10px auto 25px auto;
  border: 1px solid #000000;
}

#statusRow th {
  text-align: center;
}

#statusRow td {
  width: 100px;
  text-align: center;
}

#statusRow td a:visited,
#statusRow td a:link, {
  color: #000000;
  border-bottom: 1px solid #000000;
}

.GStat { background-color: #00CC00; }
.YStat { background-color: #CCCC00; }
.RStat { background-color: #CC0000; }

ol.controlled { counter-reset: item }
ol.controlled li { display: block }
ol.controlled li:before { content: counter(item) ". "; counter-increment: item}
ol.controlled #restart5:before {
  counter-reset(item) ". "; counter-increment: item 5
}

.alert {
  color: #FF0000;
  background-color: #FFFF00;
}

.note {
        margin:0px 0px 0px 0px;
        padding:4px 15px 4px 15px;
        border-left: 4px solid #393;
        border-right: 4px solid #393;
        background-color: #cfc;

}

.wnew_section {
	color:#036;
        background:#EBEDF0; 
        padding: 0px 2px 2px 2px;

}

.wnew_heading {
	font: 90% verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	padding:2px 2px 2px 6px;
	border-bottom:0px solid #00f;
	text-align:center;
}	

.wnew_heading a:link {
	color:#fff;
	text-decoration:none;
	background:transparent;
}

.wnew_title {
    padding-left: 4px;
	font:bold 100% verdana,arial,helvetica,sans-serif;
	color:#000;
        background:#CAE2F9;
	border-top:1px solid #ccc;
}

.wnew_date {
    padding-left: 4px;
	font:90% verdana,arial,helvetica,sans-serif;
	color:#000;
	background:#CAE2F9;
        border-bottom:1px solid #ccc;;
}

.wnew_text {
   font:100% verdana,arial,helvetica,sans-serif;
   color:#000;
   padding-left: 6px;
   padding-top: 2px;
   margin-bottom:8px;
}

/* ---------------------------------------- */
/*  Full what's new entries                 */
/* ---------------------------------------- */
.wnew_full_section {
	color:#000;
	padding:0px;
}

.wnew_full_date {
    padding-left: 4px;
	font:90% verdana,arial,helvetica,sans-serif;
	color:#000;
    background:#eee;
	border-bottom:1px solid #ccc;
}

.wnew_full_title {
    padding-left: 4px;
	font:bold 100% verdana,arial,helvetica,sans-serif;
	color:#000;
    background:#eee;
	border-top:1px solid #ccc;
}

.wnew_full_text {
   font:100% verdana,arial,helvetica,sans-serif;
   color:#000;
   padding-left: 6px;
   padding-top: 2px;
   margin-bottom:8px;
}

.wnew_full_text a:link {
   color:#00f;
   text-decoration:none;
}

.wnew_full_text a:visited {
   color:#00f;
   text-decoration:none;
}

.wnew_full_text a:active {
   color:#ff0;
   text-decoration:none;
}

.wnew_full_text a:hover {
   color:#00f;
   text-decoration:none;
}

.col-md-6 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
  

.col-md-6 {
    width: 50%;
  }

.col-md-offset-3 {
    margin-left: 25%;
  }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(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;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;

  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}