/* 
  dark blue: #082744 (or #092645)
  light blue: #0B4C8E (or #0B4B8F)
  light grey: #C9CBCD
*/
* {
    margin:0;
    padding:0
}

header,footer,section,nav {
    display:block
}

html,body {
    height: 90%;
    min-height: 550px;
}

body {
    font-family:Verdana,Geneva,sans-serif;
    font-size:14px;
    line-height:1.5;
    color:#717171;
    background:#717171
}

a:link,a:visited {
    text-decoration:none;
    color:#717171
}

/* do not style telephone links on mobile */
a[href^=tel] {
    color:inherit;
    text-decoration:none
}

img {
    max-width:/*    margin-bottom: 12px;*/
100%
}

/* desktop (default) */
.wrapper {
    background:#C9CBCD;
    height:95%;
    overflow:visible;
}

.box {
    position:relative;
    width:87%;
    overflow:hidden;
    background:#f5f5f5;
    border:5px solid #9f9f9f;
    padding: 20px 20px 15px 20px;
    margin-right:auto;
    margin-left:auto;
}

.container {
    margin-top:160px;
    position:relative;
    width:600px;
    margin-left:auto;
    margin-right:auto
}

.uofmlogo {
    top:0;
    position:absolute;
    height:143px;
    width:100%;
    background:#C9CBCD;
    display:inline;
    border-top:solid 10px #092645;
    border-bottom:solid 10px #092645;
    z-index:2;
    background-image:url(/idp/images/uofmlogowithbg.png);
    background-repeat:no-repeat;
    background-position:right;
    background-size:1110px
}

.content {
/*overflow: hidden;*/
    padding-bottom:60px;
    padding-top: 60px
}
/* desktop (end) */

/* tablet */
@media only screen and (max-width: 1080px) {
.container {
    margin-top:75px;
    position: static
}

.uofmlogo {
    top:0;
    position:absolute;
    height:88px;
    width:100%;
    background:#C9CBCD;
    display:inline;
    border-top:solid 5px #092645;
    border-bottom:solid 5px #092645;
    z-index:2;
    background-image:url(/idp/images/uofmlogowithbg.png);
    background-repeat:no-repeat;
    background-position:right;
    background-size:700px
}

.content {
    padding-bottom:70px;
    padding-top: 50px
}

.wrapper {
    height:100%
}

.footer {
    display:none
}

.box {
    position:relative;
    width:87%;
    overflow:hidden;
    background:#f5f5f5;
    border:5px solid #9f9f9f;
    padding:15px;
    margin-right:auto;
    margin-left:auto
}
}
/* tablet (end) */

/* mobile */
@media only screen and (max-width: 650px) {
.container {
    margin-top:60px;
    position:static;
    width:292px
}

body {
    -webkit-text-size-adjust:100%
}

.uofmlogo {
    top:0;
    position:absolute;
    height:70px;
    width:100%;
    background:#C9CBCD;
    display:inline;
    border-top:solid 4px #092645;
    border-bottom:solid 4px #092645;
    z-index:2;
    background-image:url(/idp/images/uofmlogowithbg.png);
    background-repeat:no-repeat;
    background-position:25%;
    background-size:550px
}

.content {
    padding-bottom:70px;
    padding-top: 25px
}

.wrapper {
    height:100%;
    overflow:scroll;
}

.footer {
    display:none
}

.policy {
    display:none
}

.box {
    position:relative;
    width:87%;
    overflow:hidden;
    background:#f5f5f5;
    border:5px solid #9f9f9f;
    padding:15px;
    margin-right:auto;
    margin-left:auto
}
}

header {
    padding:20px 0
}

.logo img {
    border:none
}

.column {
    float:left
}

.column.one {
    width:50%;
    margin-right:48px
}

form {
    width:250px;
    padding-bottom:1px
}

form label {
/* labels are hidden */
    font-weight:700
}

form legend {
    font-size:1em;
    margin-bottom:12px
}

.form-element-wrapper {
    margin-bottom:12px
}

.form-element {
    width:90%;
    padding:13px 12px;
    border:none;
    font-size:14px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}

.form-field {
    color:#000;
    border:1px solid #B7B7B7
}

.form-field-focus {
    color:#333;
    border-color:#333
}

.form-button {
    background:#0D3182;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    color:#fff;
    cursor:pointer
}

.form-button:hover {
    background:#0B4C8E
}

.form-error {
    padding:0;
    color:#B61601
}

.list-help {
    margin-top:20px;
/* offset padding on first anchor */
    list-style:none
}

.list-help-item a {
    display:block;
    padding:6px 0
}

.item-marker {
    color:#be0000
}

.footer {
    color:#fff;
    font-size:10px;
    background:#717171;
    text-align:right;
    padding:3px
}

.footer-links a:link,.footer-links a:visited {
    color:#fff;
    font-weight:700
}

.policy { 
    margin-left: 22px; 
    margin-right: 16px; 
    font-size: 80%;
    color: #cccccc;
}

.policy a:link,.policy a:visited {
    color: #cccccc;
}

.cover {
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
   /* height:180px; */
    background-image:url(/idp/images/bg-tiger.jpg)
}

.servicenote {
    word-wrap:break-word;
    margin-right:auto;
    margin-left:auto;
    width:90%;
    padding-top:7px
}

.error {
    margin:0 auto
}

.greybar {
    left:250px;
    right:0;
    position:absolute;
    height:30px;
    background:#C9CBCD;
    top:40px;
    text-align:center;
    line-height:30px
}

/* Checkboxes / Radio buttons */
input[type="checkbox"], input[type="radio"] {
  position : absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

input[type="checkbox"] + label, input[type="radio"] + label {
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  line-height: 1.5rem;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  padding-top: 3px;
  margin-bottom: 4px;
  margin-right: 12px;
  display: inline-block;
}

input[type="checkbox"] + label:before, input[type="radio"] + label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 2px solid #32424a;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

input[type="checkbox"] + label:after, input[type="radio"] + label:after {
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label,
input[type="checkbox"]:focus + label, input[type="radio"]:focus + label {
  color: #1534e3;
}

input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before,
input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before {
  border-color: #1534e3;
}

input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after {
  display: block;
}

input[type="checkbox"] + label:before {
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

input[type="checkbox"] + label:after {
  left: 8px;
  top: 5px;
  width: 4px;
  height: 10px;
  border: solid #1534e3;
  border-width: 0 4px 4px 0;
}

input[type="radio"] + label:before {
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

input[type="radio"] + label:after {
  background-color: #1534e3;
  height: 12px;
  width: 12px;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  left: 6px;
  top: 8px;
}

form.passwordless {
	width: 100%;
}

.passwordless-form-element {
    text-align: center;
    width: 50%;
    margin: auto;
    padding:13px 12px;
    border:none;
    font-size:14px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}

.passwordless-grid {
}

.passwordless-grid-item {
    margin: auto;
    width: 15%;
    display: inline-block;
}

.passwordless-youruuid {
}

.passwordless-youruuidbox {
    text-align: center; 
    width: 10em; 
    border: solid blue 2px; 
    padding: 5px;
}

.passwordless-notyou {
  font-weight: 400;
  font-size: 13px;
}

.passwordless-buttons {
    text-align: center;
}