body {
    word-wrap: normal;
}

ul, ul.no-list-style { list-style: none; }

a, a:link, a:visited, a:active, a:hover { outline: none; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea {
    border: 1px solid;
    margin: 2px;
    padding: 2px 4px;
    border: .0625rem solid;
    border-radius: .1875rem;
    font-family: gotham ssm a, gotham ssm b, sans-serif;
}

.bg-danger { background: #f9dada; }
.bg-warning { background: #f9f9da; }
.bg-info { background: #daf9f9; }
.bg-success { background: #daf9da; }

.bg-danger, .bg-warning, .bg-info, .bg-success {
    padding-top: 0.1em;
}

p { margin: 1rem 0; }

div[data-strengthifyMessage] { padding: 0.5em; }

.strengthify-bg, .strengthify-separator, .strengthify-container { height: 0.5em; }
.strengthify-wrapper {margin-right:1rem;}
@media screen and (min-width:640px) {
    .strengthify-wrapper {max-width:35rem;}
    .password_container {min-width:720px;min-height:16rem;}
}

h2,h3,h4,h5 {
    margin-top:0rem;
}
.top_label {
    display:block;
    clear:both;
}

.button {
    cursor: pointer;
    margin: 2px;
}

.styled-option {
    font-family:inherit;
    font-size:inherit;
}

.styled-select {
    margin: 2px 0;
    border: 1px solid;
    border-radius: .1875rem;
    background: url("/idm-docs/images/select_arrow.png");
    background-repeat: no-repeat;
    background-position: 97% center;
    background-color: #FFF;
    padding: .5rem;
    font-family: gotham ssm a, gotham ssm b, sans-serif;
}

#logged_in_user {margin-bottom:0px;}

@media (min-width: 64.0625em) {
    .main { margin-top: 2.5rem; }
    .toggle-menu {
	display: none
    }
}

li.subnav__item ul {display:none;}
li.subnav__active ul {display:block;}

.subnav__toggle {
    cursor:pointer;
}
.open_request {
    margin: 1rem 0;
    padding-bottom:1rem;
}
.open_request textarea {
    width:100%;
    height:5em;
    padding: .5rem .7rem;
}
.open_request .div_33 {
    width: 33%;
    float: left;
    padding-right: 2px;
}
.open_request .div_67 {
    width: 67%;
    float: left;
    padding-left:2px;
}
.div_33 select,
.div_67 select {
    width:100%;
}

.block_field {
    display:block;
    clear:both;
    margin:1rem 0;
}
.block_field label {
    width: 10em;
    display: inline-block;
}
    
.sponsee {
    clear:both;
    display:block;
    padding-bottom:3rem;

}
.sponsee h5 {
    padding-bottom:.25rem;
    margin-bottom:0;
}
.sponsee_info {
    padding-left:1rem;

}
.warn, .bad, .fail, .notice, .error {
    background: rgb(255, 225, 225);
    border: 1px solid red;
}

.info, .note, .attention {
    background: rgb(255, 255, 200);
    border: 1px solid rgb(215, 205, 155);
}

.good, .ok {
    background: rgb(225, 255, 225);
    border: 1px solid rgb(0, 150, 0);
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.pending {
    margin-bottom:1rem;
}

.message { padding: 0 1rem; margin-bottom: 1rem;}
.small_hint { font-size: 0.9rem; }
.text-good {
    color: #207000;
}
.text-info {
    color: #d0d000;
}
.text-bad {
    color: #750000;
}

.help_hint { display: none; }
.help_link { cursor: help; font-size: 0.8rem; color: #003478;}

.google_icons { height: 5rem; }
.google_icons a { color: black; }
.google_icons img {
    width: 3.5rem;
    height: 3.5rem;
    margin: auto;
}
.google_icons figure {
    float: left;
    font-size: .9rem;
    text-align: center;
    width: 5rem;
}

hr { margin-top: 2rem; margin-bottom: 2rem; }

.accordion .button, .accordion textarea {
    background-color:#fff;
}
.quote {
    padding: 0 1rem;
    border-left: .25rem solid #A0A0A0;
}

.header-button {
    margin-left: .5rem;
    margin-right: .5rem;
    padding: .35rem .5rem;
    float: right;
    border-radius: .1875rem;
    background: #003478;
    color: #fff;
    font-family: gotham ssm a, gotham ssm b, sans-serif;
}

.password_form {
    float:left;
    width:40%;
}
.password_hint {
    float:right;
    width:60%;
    
}
.password_form .medium {
    background-color: #F80 !important;
}

.help--active .help_hint {
    display:block;
}


@media (max-width: 64.0625em) and (min-width: 0em){
    /* This only applies to the mobile view */
    .open_request .div_33,
    .open_request .div_67 {
	width: 100%;
	clear: both;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
    }
    .open_request .float-right,
    .open_request .float-left {
	float: none;
	display: block;
	clear: both;
    }
    .header-button {
	display: none;
    }
    .nomobile {
	display:none;
    }
    .password_form,
    .password_hint {
	float:none;
	clear:both;
	width:100%;
    }
}

/* cool circley progress thing */
#account_progress { height: 5rem; font-size:0.8rem; clear:both; display:block; }
.step_x { width: 25%; float: left; background-size: 3rem; height:4rem; padding-left: 3.1rem; }
.step_done { background-image: url(/idm-docs/images/step_done.png); }
.step_active { background-image: url(/idm-docs/images/step_active.png); }
.step_waiting { background-image: url(/idm-docs/images/step_waiting.png); }
.step_x p { margin: 0; text-align: center; }
.step_done p { border-bottom: 0.2rem solid green; }
.step_waiting p { border-bottom: 0.2rem solid gray; }
.step_active p { border-bottom: 0.2rem dashed green; }
.step_x final { width: 5rem; }
.step_x p.final { border-bottom: 0;}

.material-icons {
    font-size: 3rem;
    color: #2f2f2f;
}

.icon_list img {
    width: 3rem;
    height: 3rem;
}

.icon_list a {
    text-decoration: none;
    color: #2f2f2f;
}

.icon_list p {
    display: inline-block;
    /*vertical-align: top;*/
    margin: 0.3rem 1rem;
    line-height: 1.2rem;
}

.icon_list p.single {
    margin-top: 1rem;
}

.icon_list p span {
    font-size: 0.75rem;
}

div#logged_in_user a {
    color: white;
    text-decoration: none;
}

button#logout, div#logged_in_user {
    font-size: 0.9rem;
}

button#logout i, div#logged_in_user i {
    font-size: 1.25rem;
    color: white;
    vertical-align: middle;
}
/* specific to sponsored_manage */
#spon_list textarea {
    background-color: #FFF;
    width: 100%;
    height: 6em;
}
#spon_list .submit_buttons {
    margin:2px 0;
}
#spon_list li {
    background: #f5f4f0;
    padding:1.25rem;
}
#spon_list button, .spon_button {
    background:white;
    font-family:gotham ssm a, gotham ssm b, sans-serif;
    text-transform:uppercase;
    border: 0.0625rem solid black;
    border-radius: 0.1875rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.667;
    padding: 0.6rem 1rem;
}
.submit_buttons .active {
    background-color:#003478;
    color:#FFF;
}
.submit_buttons .active i {
    color:#FFF;
}

button i.material-icons {
    font-size: 1.5rem;
}

.toggle_header { 
      font-family: gotham ssm a, gotham ssm b, sans-serif;
}

.spon_details p {
      font-size: 1rem;
      display: block;
}

.toggle { 
    cursor: pointer; 
}

.toggle_container { 
    clear: both;
    display: none;
}

.add { 
    display: block;
}

.remove { 
    display: none;
}

.active .remove { 
    display: block;
}

.active .add { 
    display: none;
}

.active .toggle_container {
    display: block;
}

.toggle_container p {
    display: block;
}

.icon_list i {
    font-size: 2rem;
}

.icon_inactive { 
    color: gray;
}

.right_buttons{ 
    float: right;
} 

.submit_buttons{ 
    display: block;
}

.submit_buttons p { 
    display: inline-block;
}