/*boundless fonts*/
@font-face {
  font-family: 'Encode Sans Compressed';
  src: url(assets/identity/assets/fonts/encodesanscondensed-400-regular-webfont.eot);
  src: url(assets/identity/assets/fonts/encodesanscondensed-400-regular-webfont.eot?#iefix) format('embedded-opentype'), url(assets/identity/assets/fonts/encodesanscondensed-400-regular-webfont.woff) format('woff'), url(assets/identity/assets/fonts/encodesanscondensed-400-regular-webfont.ttf) format('truetype'), url(assets/identity/assets/fonts/encodesanscondensed-400-regular-webfont.svg#encodesanscondensed-400-regular-webfont) format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Compressed';
  src: url(assets/identity/assets/fonts/encodesanscondensed-500-medium-webfont.eot);
  src: url(assets/identity/assets/fonts/encodesanscondensed-500-medium-webfont.eot?#iefix) format('embedded-opentype'), url(assets/identity/assets/fonts/encodesanscondensed-500-medium-webfont.woff) format('woff'), url(assets/identity/assets/fonts/encodesanscondensed-500-medium-webfont.ttf) format('truetype'), url(assets/identity/assets/fonts/encodesanscondensed-500-medium-webfont.svg#encodesanscondensed-500-medium-webfont) format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Compressed';
  src: url(assets/identity/assets/fonts/encodesanscompressed-600-semibold-webfont.eot);
  src: url(assets/identity/assets/fonts/encodesanscompressed-600-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(assets/identity/assets/fonts/encodesanscompressed-600-semibold-webfont.woff) format('woff'), url(assets/identity/assets/fonts/encodesanscompressed-600-semibold-webfont.ttf) format('truetype'), url(assets/identity/assets/fonts/encodesanscompressed-600-semibold-webfont.svg#encodesanscompressed-600-semibold-webfont) format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Compressed';
  src: url(assets/identity/assets/fonts/encodesanscompressed-700-bold-webfont.eot);
  src: url(assets/identity/assets/fonts/encodesanscompressed-700-bold-webfont.eot?#iefix) format('embedded-opentype'), url(assets/identity/assets/fonts/encodesanscompressed-700-bold-webfont.woff) format('woff'), url(assets/identity/assets/fonts/encodesanscompressed-700-bold-webfont.ttf) format('truetype'), url(assets/identity/assets/fonts/encodesanscompressed-700-bold-webfont.svg#encodesanscompressed-700-bold-webfont) format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Compressed';
  src: url(assets/identity/assets/fonts/encodesanscompressed-800-extrabold-webfont.eot);
  src: url(assets/identity/assets/fonts/encodesanscompressed-800-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(assets/identity/assets/fonts/encodesanscompressed-800-extrabold-webfont.woff) format('woff'), url(assets/identity/assets/fonts/encodesanscompressed-800-extrabold-webfont.ttf) format('truetype'), url(assets/identity/assets/fonts/encodesanscompressed-800-extrabold-webfont.svg#encodesanscompressed-800-extrabold-webfont) format('svg');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Compressed';
  src: url(assets/identity/assets/fonts/encodesanscompressed-900-black-webfont.eot);
  src: url(assets/identity/assets/fonts/encodesanscompressed-900-black-webfont.eot?#iefix) format('embedded-opentype'), url(assets/identity/assets/fonts/encodesanscompressed-900-black-webfont.woff) format('woff'), url(assets/identity/assets/fonts/encodesanscompressed-900-black-webfont.ttf) format('truetype'), url(assets/identity/assets/fonts/encodesanscompressed-900-black-webfont.svg#encodesanscompressed-900-black-webfont) format('svg');
  font-weight: 900;
  font-style: normal;
}

/* the parts of boundless style that we actually use */
h1, h2, h3, h4, h5, h6
 {
  font-family: "Encode Sans Compressed", sans-serif;
  line-height: 1.3;
}

a:hover, a:focus, a:active,
.btn-link:hover, .btn-link:focus, .btn-link:active {
  color: #2C5CA8;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #6f6f6f;
}

.btn-primary {
  color: #ffffff;
  background-color: #4b2e83;
  border-color: #402770;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #ffffff;
  background-color: #35215d;
  border-color: #261743;
}

.btn {
  font-size: 17px;
  line-height: 1.72222;
  white-space: inherit;
}

.btn p { font-size: 14px; }

legend {
  color: inherit;
  border: 0;
  margin-bottom: inherit;
  font-size: inherit;
}

/* ++++++++++++++++++++++++++ GLOBAL ELEMENTS ++++++++++++++++++++++++++ */
/* customize font-size */
h1, h2, h3 { font-weight: bold; }

h2, h3 {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 5px;
}

h4 { font-size: 16px; }

.page-content {
    max-width: 710px;
}

.page-title {
  font-size: 32px;
  color: #4b2e83;
  margin-bottom: 10px;
}

.page-title small{
  color: #595959;
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
  display:block;
  line-height: 1.3;

}

/*  ++++++++++++++++ styling text: GLOBAL +++++++++++++ */
.bold {
	font-weight: bold;
}


.bolditalic {
	font-weight: bold;
	font-style: italic;
}

.has-error .help-block { color: #c61029; }
.has-error .form-control {border-color: #c61029; }

.input-error-text{
	color: #c61029;
	margin-bottom: 5px;
}

.logout-box {
    color: #444;
    margin-top: 15px;
}
.logout-title {
    margin-top: 0;
    font-size: 20px;
}

/* Sytled links  */
.fallback-btn-link {
	padding-left: 0px;
	font-size: 14px;
}

/* spacing in header  */
.return-link{
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 15px;
}
/* Hyperlink style: overwrite blue color for A11y */
a{
  color: #2C5CA8;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.alert-warning {
    color: #5f4b29;  /* darken the bootstrap warning color a little for a11y */
}

.panel-info > .panel-heading, .alert-info { color: #175675; }

.list-group-item h3,
.list-group-item h4 {
    display: inline;
    font-size: 14px;
    font-weight: 400;
    font-family: "Encode Sans Compressed", sans-serif;
    line-height: 1.3;
    margin-bottom: 5px;
}

.banner {
  padding-top: 20px;
    padding-bottom: 5px;
}

.banner a {
  color: #fff;
}

.banner a:hover, a:focus, a:active {
  color: #beae87;
}

a.graytext, .graytext {
	color: #b1b1b1;
}

.site-name{
	color: #fff;
	font-size: 37px;
	font-family: "Encode Sans Compressed", sans-serif;
	font-weight: 700;
	line-height: 1.3;
    padding-bottom: 20px;
    padding-right: 20px;
}

.banner-row {
  position: relative;
}

#navigation a {
	color:white;
	font-size: 1.286em;
}

.jumbotron {
    background-color: #4b2e83;
    padding: 0px 10px;
    margin-bottom: 0px;
}

.jumbotron .container {
    background: url(assets/identity/assets/images/w-logo-white.png) no-repeat right 15px bottom 0;
}

/* tagline */
.tagline {
  color:#e9e6f0; /* light lavender from UW banding */
  font-size: 14px;
  font-family:open sans, sans-serif;
  font-weight:100;
  font-style: italic;
  display: inline-block;
}

/* logout */
#logout {
  display: inline-block;
  white-space: nowrap;
}

.netid-gate-row {
	font-weight: 600;
    color: #595959;
	display: inline-block;
	padding-right: 40px;
}

.netid-navbar{
  color:#e9e6f0;
  font-weight: 200;
    text-align: right;
}
/*  ++++++++++++++++ SECTION OR VIEW +++++++++++++ */

label, legend.bold {
	font-size: 14px; /* 0.83em is tiny bit larger than 14px */
	font-weight:600;
	margin-bottom: 5px;
}

#pronounEdit form,
#pronounEditTerms {
    margin-top: 16px;
}

#pronounEdit label {
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 8px;
}

#pronounEdit input[type="radio"] {
    margin-right: 8px;
}

.pronoun-choices button {
    margin: 5px;
    line-height: 1em;
    font-size: inherit;
}

#pronounEditSuggest {
    font-size: 11px;
}

#birthdateFields input {
    width: 3.25em;
    padding-left: .5em;
    display: inline;
}

#birthdateFields .birthdate-year {
    width: 4em;
}

.userinfo-unit{
	display: block;
}
.userinfo{
	font-size: 125%;
	color:#6f6f6f;
}

div.namefield { margin-bottom: 15px; }
div.namefield label { margin-bottom: 0px; }

.nav-tabs { padding-top: 10px; }

/*  BUTTONS  */

/* styling default button */
.first-btn{
	margin-right: 15px;
}

/* adding margin for big button */
.bigbtn{
	margin: 10px 0px;
}

/* Overriding small button style */
.btn-xs {
    padding: 1px 10px;
}

/* styling disabled button */
.btn.disabled, .btn[disabled], .btn-primary[disabled]:hover, fieldset[disabled] .btn
{
  background-color: #d9d9d9;
  border-color: #ccc;
  color: #3d3d3d;

}

/* Email recovery big button tweak */
#emailnonebutton{
	padding-left: 17px;
	padding-right: 18px;
}

/* footer */
#footer{
	border-top: #eee 1px solid;
	padding-top: 20px;
	margin-top: 50px;
	color: #6f6f6f;
	font-size: 12px;
}

#footer .credit {
  margin-left: 15px;

}

#footer a { color: #6f6f6f }


#footer .credit ul {
    line-height: 11px;
    list-style: outside none none;
    margin-bottom: 0.5em;
    padding: 0;
}

#footer .credit ul li {
    border-right: 1px solid #bdc3c7;
    display: inline-block;
    margin-right: 3px;
    padding-right: 5px;
    font-size: 12px;
}

#footer .credit ul li:last-child {
	    border: 0;
	    color: #6f6f6f;
}

.nav-pills li.active a,
.nav-pills li.active a:focus,
.nav-pills li.active a:hover {
    background-color: #ffffff;
    color: #404040;
    font-weight: bold;
}

.nav-pills li a {
    font-family: 'Encode Sans Compressed', sans-serif;
    color: #d9d9d9;
    border-radius: 3px 3px 0 0;
}

.nav-pills li a:hover,
.nav-pills li a:focus {
    background-color: #beae87;
    color: #404040;
}

@media (min-width: 300px) {
    #timeoutModal .modal-dialog {
        width: 270px;
	    margin: 30px auto;
    }
}

.graybox {
    padding: 15px;
	border: 1px solid #efefef;
	border-radius: 3px;
    max-width: 600px;
    margin-bottom: 20px;
    overflow-wrap: break-word;
}

.graybox legend {
	font-size: 14px;
}

identity-modal .modal {
    top: 10%;
}

identity-modal .button-row {
    margin-top: 10px;
}

.identity-popover-icon {
    color: #aaa;
    font-size: 1.33333333em;
}

.fallback-btn-link {
	display: block;
}

.row input {
  margin-bottom: 10px;
}