html {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

hgroup,
nav, section {
    display: block;
}

.page-header {
    padding-bottom: 12px;
    margin: 0 0 30px;
    border-bottom: 1px solid #dddddd;
}

/* placeholder styling */
::-webkit-input-placeholder {
    font-style: italic;
    color: #707372;
}

::-moz-placeholder {
    font-style: italic;
    color: #707372;
}


:-ms-input-placeholder {
    font-style: italic;
    color: #707372;
}

.checkbox {
    font-weight: normal;
    color: #707372;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* icon styling */
.icn {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url(themes/base/images/sprite.png);
    background-position: 50px 50px;
    background-repeat: no-repeat;
    padding-right: 5px;
}

.icn-lock {
    width: 14px;
    height: 14px;
    background-position: 0px -60px;
}

.icn-user {
    width: 14px;
    height: 14px;
    background-position: 0px -30px;
}

/*.input-group-addon {
    padding: 0 0 0 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    height: 30px;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn
{
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}

.input-group-addon:first-child
{
   border-right: 0;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn
{
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}

.input-group-btn
{
   position: relative;
   font-size: 0;
   white-space: nowrap;
}

.input-group-btn > .btn
{
   position: relative;
}

.input-group-btn > .btn + .btn
{
   margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active
{
   z-index: 2;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group
{
   margin-right: -1px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group
{
   margin-left: -1px;
}

.input-group
{
   position: relative;
   display: table;
   border-collapse: separate;
}

.input-group[class*="col-"]
{
   float: none;
   padding-left: 0;
   padding-right: 0;
}

.input-group .form-control
{
   position: relative;
   z-index: 2;
   float: left;
   width: 100%;
   margin-bottom: 0;
}*/

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.bold-font {
    font-weight: bold;
}

.black-font {
    color: #000;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #001a72;
    font-weight: normal;
}

h1 {
    font-size: 2em;
    color: #001a72;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.h1 {
    font-size: 2em;
    color: #001a72;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h2 {
    font-size: 1.75em;
    color: #001a72;
    margin-bottom: 30px;
    margin-top: 30px;
}

.h2 {
    font-size: 1.75em;
    color: #001a72;
    margin-bottom: 30px;
    margin-top: 30px;
}

h2 div {
    float: right
}

h2 input {
    font-size: 14px !important;
}

h2 .GreyButton {
    font-size: 14px !important;
    border: 1px #fff solid;
}

h2 input[type=submit] {
    border: 1px #fff solid;
}

h3 {
    font-weight: normal;
    color: #707372;
}

.h3 {
    font-weight: normal;
    color: #707372;
}

h4 {
    font-size: 1.1em;
}

.h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

.h5, .h6 {
    font-size: 1em;
}


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 1140px;
}

#container {
    clear: both;
    padding-bottom: 35px;
    min-height: 650px;
    margin-top: 1em;
}

#signInContainer {
    clear: both;
    padding-bottom: 35px;
    min-height: 650px;
}

.main-content {
}

.site-bar {
    width: 100%;
    height: 18px;
    background: #6d6f72;
}

.site-hd {
    height: 100px;
    width: 100%;
}

.navbar-brand-link {
    background: url(../Images/wa_ab_logo.png) no-repeat center;
    text-indent: -9999px;
    background-size: 240px 30px;
    display: list-item;
    width: 240px;
    height: 30px;
    margin-top: 16px;
    list-style: none;
}

.signin-body .navbar-brand-link {
    margin-left: 0em;
}

.amt-header {
    margin-top: 5px;
}

/* Sign in Container Overrides */
.signin-body .container,
.signin-body .container-fluid,
.signin-body .container-xxl,
.signin-body .container-xl,
.signin-body .container-lg,
.signin-body .container-md,
.signin-body .container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .signin-body .container-sm, .signin-body .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .signin-body .container-md, .signin-body .container-sm, .signin-body .container {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .signin-body .container-lg, .signin-body .container-md, .signin-body .container-sm, .signin-body .container {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .signin-body .container-xl, .signin-body .container-lg, .signin-body .container-md, .signin-body .container-sm, .signin-body .container {
        max-width: 1170px;
    }
}

@media (min-width: 1400px) {
    .signin-body .container-xxl, .signin-body .container-xl, .signin-body .container-lg, .signin-body .container-md, .signin-body .container-sm, .signin-body .container {
        max-width: 1170px;
    }
}

/* site title
----------------------------------------------------------*/
.site-title {
    color: black;
    margin: 0;
}

    .site-title img {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .site-title span {
        display: block;
        font-size: 15px;
        position: relative;
        top: -8px;
        left: 10px;
        color: black;
        font-weight: bold;
    }

    .site-title a, .site-title a:hover, .site-title a:active {
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    margin-top: 40px;
}

    ul#menu li, ul#menu li form {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a, ul#menu li input[type="submit"] {
            background: none;
            color: #999;
            text-decoration: none;
            font-size: inherit
        }

            ul#menu li a:hover, ul#menu li input[type="submit"]:hover {
                color: #333;
                text-decoration: none;
            }


/* page elements
----------------------------------------------------------*/

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("/Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-size: 18px;
    line-height: 1.1667;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #001a72;
    font-weight: normal;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0 10px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.fieldset-width-inherit {
    width: inherit;
}

fieldset legend {
    display: none;
}

fieldset ol {
    padding: 0;
    list-style: none;
}

    fieldset ol li {
        padding-bottom: 5px;
    }

fieldset fieldset {
    padding-left: 0;
    margin-top: 20px;
}

fieldset fieldset legend {
    display: block;
}

label, legend {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    color: #001a72;
    font-weight: normal;
}

    label.checkbox {
        position: relative;
        display: block;
        min-height: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

/*input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    margin: 5px 0 0 0;
    padding: 7px;
    width: 300px;
}*/



.editor-field > input,
.date-time-editor-field .date > input,
.editor-field > textarea,
#searchText {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    margin: 5px 0 0 0;
    padding: 7px;
    width: 300px;
}

.date-time-editor-field .date > input {
    width: 225px;
}

select {
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 10px;
    font-size: 14px;
    color: #707372;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    border-radius: 0;
    margin-top: 5px;
}

    select#Country {
        width: 312px;
    }

input[type="radio"] {
    width: 30px;
}

textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #004b96;
    color: white;
    width: auto;
    border: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    padding: 10px 16px;
    line-height: 1.33;
}

    input[type="submit"]:hover {
        background-color: #81B0E8
    }

    input[type="submit"].onepass-hover:hover {
        background-color: #FFC448;
    }



td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.has-error .form-field:after,
.has-success .form-field:after,
.has-loading .form-field:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
}

.has-error .form-field:after {
    margin-top: -9px;
    background-image: url(themes/base/images/sprite.png);
    background-position: 0px -280px;
    width: 18px;
    height: 18px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}


.field-change-password-validation-width {
    width: 325px;
}

.field-validation-error {
    color: #c44e4e;
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
}

.field-validation-valid {
    display: none;
}

select.input-validation-error,
input.input-validation-error,
input.input-validation-error-override {
    content: " ";
    background: #fff url(themes/base/images/requiredIcon.png) no-repeat right 10px;
    border: 1px solid #a94442;
    background-position: 98% 50%;
    color: #a94442;
}

select.input-validation-error {
    background-position: 96% 50%;
}

.input-group-validation-error {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    padding: 10px;
    border: 1px #ccc solid;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
    background-image: url(themes/base/images/validationSummaryErrorIcon.png);
    background-repeat: no-repeat;
    background-position: 15px;
    padding-left: 40px;
    font-weight: bold;
    color: #c44e4e;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

/*
    Data Tables
----------------------------------------------------------*/
.dataTable th {
    font-size: 14px;
}

table.dataTable {
    border: 1px solid #ddd;
    margin: 10px;
}

.dataTables_length {
    margin-bottom: 10px;
}

.dataTable td button {
    margin: auto;
}

.dataTable td.text-align-center button:not(:first-of-type) {
    margin-left: 10px;
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #e0e0e0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

.progress-bar-info {
    background-color: #5bc0de;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filters-container h3 {
    color: black;
    margin: 0;
    font-weight: bold;
}

.filters-container {
    background-color: #f1f1f1;
    padding: 15px;
    margin-bottom: 15px;
}

.filters-container .filter:not(:last-of-type) {
    margin-right: 80px;
}

.filter-group {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.filter-with-button-group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.filter {
    margin-top: 15px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 18px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #999;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 0px;
    bottom: -4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 5px #999;
    border: 1px solid #999
}

input:checked + .slider {
    background-color: #004b96;
}

input:focus + .slider {
    box-shadow: 0 0 7px #004b96;
}

input:checked + .slider:before {
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.disabled-content label,
.disabled-content p,
.disabled-content li {
    color: #666;
}

.disabled-label {
    float: right;
    margin-top: 0.25em;
    margin-right: 0.5em;
    font-size: 14px;
}


/**************************
*   Signin Page Layouts   *
***************************/

/*.content-wrapper-signin {
    margin: 0 auto;
    max-width: 940px;
    padding-bottom: 0; 
    margin-bottom: 0;

}*/

.page-header-signin {
    padding-bottom: 12px;
    margin: 0;
    border-bottom: 1px solid #dddddd;
}

/*
.onepass-signin-section {
    margin-top:45px;
    padding-bottom: 25px;
}


featured .content-wrapper-signin {
    padding: 10px;
}

.signInPageContainer {
    background: #ffffff;
    border: none;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 0;  
    height:320px;  
    padding-bottom: 0; 
    margin-bottom: 0;
}

.signInPageContainerHeightNoInputErrors {
    height:330px; 
    padding-bottom: 0; 
    margin-bottom: 0; 
}

.signInPageContainerHeightOneInputErrors {
    height:340px;  
}

.signInPageContainerHeightTwoInputErrors {
    height:360px;  
}

.signInRegisterContainer {
    margin-top: 0px;
    padding-top: 0px;
   
}

.panel-signin {
    width:450px; 
    height:360px;
    float:left;
}*/

/**************************
*   Manage Account Page   *
***************************/
nav ul.lowerUserMenu {
    position: absolute;
    right: 26.3em;
    top: 6.8em;
}

#manage-account-header h1 {
    padding-top: 0;
    margin-bottom: 0.8em;
    margin-top: 30px;
}

#manage-account-header.page-header {
    margin-top: -1em; /*This is acconting for the 1em spacing for most pages that isn't needed here*/
}

.panel-section {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #dddddd;
    margin-bottom: 30px;
    box-shadow: none;
    max-width: 635px;
}

.panel-section-heading {
    padding: 13px 20px;
    position: relative;
    overflow: hidden;
    background-color: none;
    border-color: #dddddd;
    border-radius: 0;
    border-bottom: 1px solid #dddddd;
    color: #001a72;
    font-size: 18px;
    line-height: 1.1667;
}

h2.panel-section-heading {
    margin: 0;
}

.panel-body {
    background-color: none;
    border-color: #dddddd;
    border-radius: 0;
    padding: 0 20px 25px;
    max-width: 633px;
}

.panel-body-top-margin {
    margin-top: 20px;
}

.manageAccoutSmallLabel {
    margin-bottom: 3px;
    font-size: 14px;
    color: #001a72;
    font-weight: normal;
}

.manageAccoutLargeLabel {
    margin-bottom: 5px;
    font-size: 14px;
    color: #001a72;
    font-weight: normal;
}

.manageAccoutNameDisplay {
    font-size: 24px;
    line-height: 1.25;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #001a72;
    font-weight: normal;
    margin-bottom: 7px;
}

.manageAccountGrayText {
    color: #636567;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    line-height: 1.2857;
}

.manageAccountBlackText {
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    line-height: 1.2857;
}

.manageAccountGrayTextBold {
    color: #636567;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    line-height: 1.2857;
    font-weight: bold;
}

.manageAccountRedTextBold {
    color: #f60707;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    line-height: 1.2857;
    font-weight: bold;
}

.panel-bottom-actions {
    padding-top: 15px;
}

.panel-aboutyou-name-margin {
    margin-bottom: 30px;
}

.panel-show-update-email-layout {
    float: right;
    margin-right: 200px;
}

.panel-message-bottom-margin {
    margin-bottom: 25px;
}

.registration-input-width {
    width: 500px;
}

.zipcode-input-width {
    width: 100%;
}

.originalEmailAddress {
    padding-bottom: 15px;
}

/* Modal popup */
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
}

.modalContent {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.modalSpinner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    padding-top: 80px;
}

.underline {
    text-decoration: underline;
}

/* Create and Edit Notifications page*/

/* Switch Box Panel Heading*/
#notification-form .panel-body {
    padding-bottom: 0;
}

#notification-form .panel-section-heading h2 {
    font-size: 18px;
    margin: 0px;
}

#notification-form .panel-section {
    margin: 20px 0px 0px 0px;
    max-width: 535px;
}

#Notes,
#Content {
    resize: vertical;
    width: 80%;
}

.add-label-spacing {
    margin-left: 1em;
}

.group-of-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%;
}

.group-of-buttons {
    margin-top: 20px;
}

    .group-of-buttons .group-of-buttons-action-container {
        display: inline-block;
        margin-right: 2em;
    }

.add-file-group {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5px;
    width: 40%;
}

.file-input {
    color: transparent;
    display: block;
    height: 34px;
    width: 155px;
    margin: 5px 0 0 0;
}

    .file-input::-webkit-file-upload-button {
        visibility: hidden;
    }

    .file-input::before {
        content: 'Upload Contact List';
        display: inline-block;
        background-color: #004b96;
        color: white;
        width: auto !important;
        border: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 14px;
        cursor: pointer;
        vertical-align: middle;
        transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        padding: 10px 16px;
        line-height: 1;
    }

    .file-input:hover::before {
        background-color: #81B0E8;
        text-decoration: none;
        color: white;
    }

    .file-input:active::before {
        background-color: #81B0E8;
        text-decoration: none;
        color: white;
    }

    .file-input:focus {
        border: 0;
        outline: initial;
    }

#drop {
    color: #001a72;
    border: 2px dashed #bbb;
    border-radius: 5px;
    padding: 15px 80px;
}

#notification-form .validation-summary-errors {
    margin-bottom: 20px;
}

.date {
    position: relative;
    display: flex;
    align-content: flex-end;
}

#notification-form td {
    padding: 0;
}

/*DateTime widget styles*/
.input-group-addon {
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 22px;
    margin-top: 5px;
}

.date-time-editor-field .glyphicon {
    top: 4px;
    left: 1px;
}

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

    .collapse.in {
        display: block;
        visibility: visible;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

.date-time-editor-field {
    display: none;
}

.time-zone-label {
    margin: 13px 0px 0px 13px;
}

.checkbox-and-date-picker-container {
    width: 312px;
}

/* Recipients List styles*/

#user-list-info {
    margin-top: 20px;
}

#clear-recipients-list-button {
    margin-left: 20px;
}

.action-link {
    text-decoration: underline;
    cursor: pointer;
}

/* Preview Notification page*/

.preview-notification-large-label {
    font-size: 16px;
    color: #001a72;
    font-weight: normal;
}

.notification-summary-text {
    margin-top: 5px;
}

.notification-summary-text-container:not(:last-child) {
    margin-bottom: 15px;
}

#preview-notification-container .panel-section,
#preview-notification-container .panel-body {
    max-width: 800px;
}

.html-container {
    padding: 10px;
    border: 1px solid #dddddd;
    overflow-y: auto;
}

.go-back-container {
    height: 40px;
}

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {
    /* header
    ----------------------------------------------------------*/
    #main-layout .navbar-brand-link {
        background-size: 125px 20px;
        margin-left: 0;
        width: 125px;
    }

    /*OK this is pretty hacky, and I wouldn't be suprised if someone came back here and asked, "What was he thinking?"
    But, mozilla got rid of the "-moz-background-size" kit without fixing the svg background distortion.  The fact that
    it works fine in Chrome, IE, and Edge drove me to use FireFox browser targeting in the css.
    */
    @-moz-document url-prefix() {
        #main-layout .navbar-brand-link {
            background-size: contain;
            padding-top: 4px;
        }
    }

    .site-hd {
        background: white;
    }

    /* logo */
    header .site-title {
        margin: 10px 0px 10px 0px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    #main-layout .site-hd .float-left {
        width: 210px;
    }

    #main-layout .site-hd .float-right {
        position: absolute;
        right: 0;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* footer
    ----------------------------------------------------------*/

    section footer {
        max-height: 13em;
    }

    .footercontent.cf .left,
    .footercontent.cf .right {
        float: none;
    }

    .sfContentBlock ul.footerlinks li {
        display: block;
        padding-left: 0;
    }

    .right .sfContentBlock ul {
        padding-left: 0;
    }

    img.footericon {
        position: relative;
        top: initial;
        bottom: 90px;
    }

    #drop {
        display: none;
    }

    .group-of-buttons > *:not(:first-child),
    .add-file-group > input {
        margin-top: 1em;
    }

    .group-of-buttons .group-of-buttons-action-container {
        display: block;
    }
}

.content-wrapper {
    padding-right: 10px;
    padding-left: 10px;
}

/*Custom Stuff*/
/***********************************/
.d-inline-block {
    display: inline-block;
}

.MenuBox {
    height: 100px;
    width: 130px;
    background-color: #ccc;
    border-radius: 8px;
    padding-top: 10px;
    float: left;
    margin-right: 12px;
    margin-top: 12px;
}

    .MenuBox:hover {
        background-color: #ddd;
    }

    .MenuBox .InnerText {
        margin-left: auto;
        margin-right: auto;
        width: 100px;
        background-color: #eee;
        border-radius: 4px;
        padding: 8px;
        text-align: center;
    }

    .MenuBox:hover .InnerText {
        background-color: #fff;
    }

    .MenuBox .Icon {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 32px;
    }

    .MenuBox .FillSvgDarkGrey {
        filter: invert(31%) sepia(0%) saturate(720%) hue-rotate(167deg) brightness(95%) contrast(88%);
    }

a {
    color: #001a72;
    text-decoration: none;
    font-size: 14px;
}

.cancel-hyperlink {
    margin-left: 65px;
}

a:hover, a:focus {
    color: #001a72;
    text-decoration: underline;
}

a.SmBlueButton:hover,
a.SmBlueButton:focus {
    color: white;
    text-decoration: none;
}

.TableData {
    border: 1px #ccc dotted;
    width: 100%
}

    .TableData td:last-child {
        float: right
    }

    .TableData th {
        background-color: #ccc;
        color: black;
    }

    .TableData tr td, .TableData tr th {
        padding: 6px;
    }

.GreyButton {
    padding: 4px;
    background-color: #555;
    color: white;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}

    .GreyButton:hover {
        background-color: #666;
    }


.BlueButton {
    background-color: #004b96;
    color: white;
    width: auto !important;
    border: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    padding: 10px 16px;
    line-height: 1.33;
}

.BlueButton:hover,
.BlueButton:focus,
.SmBlueButton:hover,
.SmBlueButton:focus,
input[type="submit"].SmBlueButton:hover {
    background-color: #81B0E8;
    text-decoration: none;
    color: white;
}

.SmBlueButton,
input[type="submit"].SmBlueButton {
    background-color: #004b96;
    color: white;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    padding: 10px 16px;
    line-height: 1;
}

.modal-footer .BlueButton {
    background-color: #004b96;
    color: white;
    width: auto !important;
    border: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    padding: 10px;
    line-height: 1.33;
}

    .modal-footer .BlueButton:hover {
        background-color: #81B0E8;
        text-decoration: none;
        color: white;
    }

.modal-footer .GreyButton {
    background-color: #555;
    color: white;
    width: auto !important;
    border: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    padding: 10px;
    line-height: 1.33;
    border-radius: 0;
}

    .modal-footer .GreyButton:hover {
        background-color: #666;
        text-decoration: none;
        color: white;
    }

.RightPanel {
    border: 1px #bbb solid;
    padding: 10px;
    float: right;
    width: 250px;
    border-radius: 4px;
    background-color: #cccccc;
}

.RightSubPanels {
    width: 400px;
    float: right;
}

.LeftPanel {
    border-bottom: 1px #bbb solid;
    padding: 10px;
    float: left;
    width: auto;
}

.ManageUserPanel.LeftPanel {
    padding-top: 0;
    border-bottom: 0;
}

#create-wizard-content.LeftPanel {
    padding-top: 0;
}

#create-wizard-content .create-wizard {
    margin-top: 0;
}

.Wide {
    width: 918px;
}

.BigEditor {
    width: 906px;
    height: 200px;
}

.LeftPanel input[type=submit], .LeftPanel .GreyButton {
    font-size: 16px;
    padding: 6px;
}

.selectRole {
    width: 100%
}

.userInstList {
    overflow: auto;
    padding: 8px;
    background-color: #eaeaea;
    border-radius: 4px;
    margin-bottom: 8px;
    border: 1px #bbb solid;
}

    .userInstList span {
        float: left;
        margin-right: 8px;
    }

/*.userInstList span:nth-child(2) {
    color:#666666;
    font-size: 9px;
    margin-top: 5px;
    text-decoration: underline;
    width:100%
}*/

.DeleteButton, .DeleteAddressButton, .DeleteNetworkButton,
.DeleteUserExternalAccountButton, .DeleteDomainButton,
.DeleteVerifiedEmailButton {
    padding: 4px;
    background-color: #eeeeee;
    color: #e80c4d;
    border-radius: 4px;
    float: right;
    cursor: pointer;
    background-image: url("/images/trash.png");
    background-repeat: no-repeat;
    padding-left: 18px;
    background-position: 1px 3px;
}

.PendingEmailButton {
    padding: 4px;
    background-color: #eeeeee;
    color: blue;
    border-radius: 4px;
    float: right;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 1px 3px;
}

.DeleteButton:hover, .DeleteAddressButton:hover, .DeleteNetworkButton:hover,
.DeleteUserExternalAccountButton:hover, .DeleteDomainButton:hover,
.DeleteVerifiedEmailButton:hover, .PendingEmailButton:hover {
    background-color: #fff;
}

.userAddressList, .userInstitutionList {
    overflow: auto;
    padding: 8px;
    background-color: #eaeaea;
    border-radius: 4px;
    margin-bottom: 8px;
    border: 1px #bbb solid;
}

strong {
    font-size: 18px;
}

.QuickSearch {
    float: right;
    padding: 8px;
    background-color: lightgray
}

.CustomValidationMessage {
    padding: 10px;
    border: 1px #ccc solid;
    background-color: lightgoldenrodyellow;
    background-image: url("images/alert.png");
    background-repeat: no-repeat;
    padding-left: 40px;
    font-weight: bold;
}

.CustomValidationMessageGreen {
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px #ccc solid;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
    background-image: url(themes/base/images/validationSummarySuccessIcon.png);
    background-repeat: no-repeat;
    background-position: 15px;
    padding-left: 60px;
    font-weight: bold;
    color: #3f9e45;
}

.amt-verified-email-label {
    margin: 20px 0 10px;
    width: 312px;
}

.amt-verified-email-text-box-display {
    background-color: #92B3E1;
    background-image: none;
    padding: 7px;
    margin: 6px 0 6px 0;
}

.amt-verified-email-text-box-display-empty {
    background-color: #92B3E1;
    background-image: none;
    padding: 7px;
}

.verified-email-label {
    margin: 20px 0 10px;
}

.verified-email-text-box-display {
    background-color: #92B3E1;
    background-image: none;
    padding: 7px;
    margin: 6px 0 6px 0;
}

.verified-email-text-box-display-empty {
    background-color: #92B3E1;
    background-image: none;
    padding: 7px;
}

.green-text {
    color: #3f9e45;
}

.locked-field {
    background-color: #bbb;    
    background-image: url('/images/lock_16.png');
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 26px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    margin: 5px 0 6px 0;
}

.ManageUserPanel.LeftPanel .editor-label:first-of-type {
    margin-top: 0;
}

#ipRanges .expando {
    margin-top: 1.5em;
}

.editor-label {
    margin-top: 20px;
}

    .editor-label:first-of-type {
        margin-top: 0;
    }

.editor-field-signin {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.editor-field {
}

/*.editor-margin {
    margin-top: -1px;
    margin-left: 2px;
    border: 1px solid #ccc;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}*/

.grouped-field {
    display: inline-block;
    vertical-align: middle;
}

.input-for-macs {
    padding: 8px;
}

.editor-msg {
    color: gray
}

#loginUser {
    float: left;
    padding: 10px;
    border-radius: 8px;
    background-color: #eaeaea;
    background-image: url('/images/lock_16.png');
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 26px;
    margin-left: 20px;
    margin-top: 32px;
}

#logoutPanel {
    display: none;
    margin-top: 5px;
}

#loginUserName {
    cursor: pointer;
    font-weight: bold;
}


.noline {
    text-decoration: none;
    border-bottom: 0;
}

ul.footerlinks a {
    color: #fff !important;
    color: rgba(255,255,255,1) !important;
    font-size: 11px;
}

    ul.footerlinks a:hover {
        text-decoration: none;
    }

footer {
    background: #7e8083;
    min-height: 117px;
    padding-top: 22px;
    margin-bottom: 100px;
    max-height: 8em;
}

.footercontent {
    margin: 0 auto;
    position: relative;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    color: rgba(255,255,255,1);
}

    .footercontent > div {
        min-width: 200px;
        margin-right: 2em;
        margin-left: 2em;
    }

ul.footerlinks {
    margin: 0;
    padding: 0;
}

    ul.footerlinks li {
        display: inline-block;
        padding-left: 22px;
    }

.ie7 ul.footerlinks li {
    display: inline;
}

ul.footerlinks li:first-child {
    padding-left: 0;
}

.footericon {
    position: relative;
    left: calc(50% - 70px);
    bottom: 4.25em;
}

/*Imported footer from subscription*/

.footer {
    position: relative;
    margin: 70px 0 100px;
    padding: 17px 0 96px;
    background: #6d6f72;
}

@media (min-width: 992px) {
    .footer {
        padding-bottom: 46px;
        min-height: 57px;
        margin-bottom: 100px;
    }
}

.footer-logo,
.footer-logo-link {
    display: block;
}

.footer-logo {
    width: 147px;
    height: 20px;
    margin-bottom: 3px;
}

.footer-logo-link {
    background-image: url(../images/sprite-core.png);
    background-position: 0px 0px;
    width: 147px;
    height: 20px;
    text-indent: -9999px;
}

.footer-bug {
    background-image: url(../images/sprite-core.png);
    background-position: 0px -21px;
    width: 138px;
    height: 175px;
    position: absolute;
    bottom: -92px;
    left: 50%;
    margin-left: -76px;
}

.footerNav {
    margin: 25px 0;
    padding: 0;
    list-style: none;
}

    .footerNav:before,
    .footerNav:after {
        content: " ";
        display: table;
    }

    .footerNav:after {
        clear: both;
    }

@media (min-width: 768px) {
    .footerNav {
        margin: 15px 0;
    }
}

@media (min-width: 992px) {
    .footerNav {
        float: right;
        margin: 0;
    }
}

@media (min-width: 768px) {
    .footerNav-item {
        float: left;
        margin: 0 8px;
    }
}

@media (min-width: 768px) {
    .footerNav-item:first-child {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .footerNav-item:last-child {
        margin-right: 0;
    }
}

.footerNav-item-link {
    color: #ffffff;
    font-size: 11px;
    line-height: 1.6;
}

    .footerNav-item-link:focus {
        outline: 0;
        color: #ffffff;
        text-decoration: underline;
    }

    .footerNav-item-link:hover {
        color: #ffffff;
        text-decoration: none;
    }

/* misc helpers */
.left {
    float: left;
}

.right {
    float: right;
}

/* clear fix */
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*some Telerik css for footer*/

.sfContentBlock h1, .sfContentBlock h2, .sfContentBlock h3, .sfContentBlock h4, .sfContentBlock h5 {
    line-height: 1.2
}

.sfContentBlock h1 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: normal
}

    .sfContentBlock h1 ~ h1 {
        margin-top: 40px
    }

.sfContentBlock h2 {
    margin-top: 35px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold
}

.sfContentBlock h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.sfContentBlock h4 {
    margin-top: 25px;
    font-size: 13px;
    font-weight: bold
}

.sfContentBlock h5 {
    margin-top: 18px;
    font-size: 13px;
    font-weight: normal;
    font-style: italic
}

.sfContentBlock p {
    margin-bottom: 18px
}

.sfContentBlock ul {
    padding-left: 20px;
    list-style: disc;
    margin-bottom: 18px
}

.sfContentBlock ol {
    padding-left: 20px;
    list-style-type: decimal;
    margin-bottom: 18px
}

    .sfContentBlock ul ul, .sfContentBlock ol ul {
        list-style-type: circle
    }

        .sfContentBlock ul ul ul, .sfContentBlock ol ol ul {
            list-style-type: square
        }

.sfContentBlock ul.sshContent {
    margin-bottom: 0;
    padding-left: 0
}


/* AMT Styles */

.expando {
    border: 1px #ccc solid;
    margin: 0 0 12px 0;
}

@media (max-width: 1200px) {
    /*Adjust expando buttons to not be off the side of the screen at smaller screen size*/
    .expando {
        margin: 0 0 12px 27px;
    }
}

.expando .switch[data-swToggle='on'] {
    background-image: url('/images/plusminus.gif');
    width: 15px;
    height: 15px;
    display: block;
    position: relative;
    left: -26px;
    top: 8px;
    float: left;
}

.expando .switch[data-swToggle='off'] {
    background-image: url('/images/plusminus.gif');
    width: 15px;
    height: 15px;
    display: block;
    position: relative;
    left: -26px;
    top: 8px;
    float: left;
    background-position-y: 16px;
}

.expando .exUpper {
    padding: 10px;
    color: #3F48CC;
    font-size: 16px;
}

.expando .exLower {
    border-top: 1px #ccc solid;
    padding: 10px;
    display: none;
}

.AMTTable {
    width: 100%
}

    .AMTTable tr th {
        color: #3f48cc;
        font-size: 14px;
        font-weight: normal;
        padding-bottom: 6px;
    }

    .AMTTable tr td {
        font-size: 14px;
        font-weight: normal;
    }

    .AMTTable tr.itemRow:hover {
        background-color: #f4f4f4;
        cursor: pointer;
    }

.expando .exLower .text-box {
    border: 1px solid #e2e2e2;
    background: #fff;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
    font-size: 14px;
    color: black;
}

.expando .exLower label {
    color: #3f48cc
}

.expando .exLower input[type="submit"] {
    font-size: 14px;
}

.expando .exUpper .deactivate {
    background-color: #ED1C24;
    color: white;
    border: 0px;
    margin-top: -4px;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    padding: 4px;
    line-height: 1.33;
    display: inline;
    float: right;
}

    .expando .exUpper .deactivate:hover {
        background-color: #f57b80;
    }

.approveFaculty, .approveBookstore, .revoke, .denyBookstore, .denyFaculty {
    color: #3f48cc;
    cursor: pointer
}

.addRoleModal, .ipRangesModal, #dialog-confirm-deactivate, .waitModal, .updateSuccessModal {
    display: none;
}

    .addRoleModal #is-primary-checkbox {
        margin-left: 0.3em;
    }

    .addRoleModal #is-primary-label {
        margin-top: 0;
        vertical-align: middle;
    }

.expando .exUpper .addRole,
.showIpRanges,
.submitNewRole,
#revokeRole,
.activate,
.action-button {
    background-color: #4e84c4;
    color: white;
    border: 0;
    margin-top: -4px;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    padding: 4px;
    line-height: 1.33;
    display: inline;
    float: right;
}

.revokePrimaryRoleModal #revokeRole[disabled] {
    background-color: #4e84c4;
    cursor: not-allowed
}

#cancel {
    margin-right: 10px;
    background-color: white;
    color: #001a72;
}

#add-school {
    background-color: #004b96;
}

.submitNewRole,
#revokeRole,
#add-school,
#cancel {
    margin-top: 15px;
}

.action-button {
    display: inline-block;
    margin: 0;
}

    .expando .exUpper .addRole:hover,
    .showIpRanges:hover,
    .submitNewRole:hover,
    #revokeRole:hover,
    .activate:hover,
    .action-button:hover {
        background-color: #81B0E8;
    }

.add-school-button {
    background-color: #004b96;
    vertical-align: top;
    float: none;
    padding: 10px 16px;
    font-size: 18px;
}

.add-spacing {
    margin-left: 1.5em;
}

.margin-left-2-em {
    margin-left: 2em;
}

.ui-state-focus {
    outline: none;
}

/* End AMT Styles */

/* Custom Login Drop Down Styles */
#dropdown-profile-menu {
    padding: 8px 10px;
    color: #707372;
    list-style-type: none;
}

.dropdown-custom .dropdown-toggle .icn {
    margin-left: 10px;
}

.dropdown-toggle:focus {
    text-decoration: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    border-bottom-color: #66afe9;
}

.dropdown-custom .dropdown-menu {
    min-width: 170px;
    padding: 0;
    border-radius: 0;
}

    .dropdown-custom .dropdown-menu > li > a {
        padding: 8px 10px;
        color: #707372;
    }

.dropdown-custom a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    padding: 8px 10px;
}

    .dropdown-custom a:hover {
        color: #262626;
        text-decoration: none;
    }

.dropdown-custom > li:hover {
    background-color: #e3f0ff;
    color: #707372;
}

.dropdown-custom .dropdown-menu > li > a:hover {
    color: #000000;
    background: #e3f0ff;
}

.dropdown-custom .divider {
    margin: 0;
    border: 1px solid #cfcfcf;
}

.xmenuTrigger:hover {
    text-decoration: none;
}

nav ul {
    position: relative;
    padding-top: 6px;
}

.signin-body nav ul {
    padding-top: 20px;
}

.navbar-custom .navbar-nav .dropdown .divider {
    border-color: #cfcfcf;
}

.small-padding-top {
    padding-top: 10px;
}

.small-ish-padding-top {
    padding-top: 15px;
}

.home-page-container-min-height {
    min-height: 400px;
}

.dropdown-menu {
    right: 13px;
    position: absolute;
    z-index: 1000;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    display: none;
    min-width: 160px;
    -webkit-padding-start: 0;
    padding: 0;
    margin-top: 3px;
}


.icnCust {
    display: inline-block;
    vertical-align: middle;
    /*vertical-align: bottom;*/
    width: 20px;
    height: 20px;
    background-image: url(../Content/themes/base/images/sprite.png);
    background-position: 50px 50px;
    background-repeat: no-repeat;
}

.icn-triangleDown {
    width: 18px;
    height: 14px;
    background-position: 0px -45px;
    margin-left: 10px;
}

.icn-feedback {
    width: 20px;
    height: 24px;
    background-position: 0px -408px;
}

.icn-logout {
    width: 20px;
    height: 24px;
    background-position: 0px -433px;
}

.icn-profile {
    width: 20px;
    height: 24px;
    background-position: 0px -458px;
}

.icn-home {
    width: 20px;
    height: 24px;
    background-position: 0px -383px;
}




/* End Login Drop Down Styles */

/*Bootstrap Overrides*/

.top-buffer {
    margin-top: 20px;
}

.top-margin-buffer-for-dropdown {
    margin-top: 5px;
}

.i-am-a-padding-top {
    padding-top: 10px;
}

.radio-group-label {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    color: #001a72;
    font-weight: normal;
}
/*Paragraphs*/
.p {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.p1 {
    font-size: 18px;
    line-height: 1.6667;
}

.p2 {
    font-size: 14px;
    line-height: 1.42857;
}

.p3 {
    font-size: 12px;
    line-height: 1.25;
}

.p4 {
    font-size: 10px;
    line-height: 1.6;
}

.p-cWhite {
    color: #FFFFFF;
}

/* Forms */
.form-group {
    margin-bottom: 15px;
}

/* col-md-x importance */
.col-md-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-md-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

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

.col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-md-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-md-12 {
    flex: 0 0 auto;
    width: 100%;
}

/*Misc*/

.h-grey {
    color: #707372
}

.signin-body {
    padding-bottom: 171px;
}

.btn-network-custom {
    background-color: #4e84c4;
    color: white;
    width: auto !important;
    border: 0px;
    margin: 5px 0 5px 0;
    font-weight: normal;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    -ms-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    padding: 10px 16px;
    line-height: 1.33;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

    .btn-network-custom:hover {
        background-color: #81B0E8;
    }

.password-reset-margin {
    margin: 10px;
}

    .password-reset-margin h2 {
        margin-top: 17px;
        margin-bottom: 10px;
    }

.form-control-password-reset {
    max-width: 419px;
}

.active-text {
    color: #3f9e45;
}

.expired-text {
    color: #f60707;
}

#oldEmail {
    background-color: #eee;
}

.link-style {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    /*border is optional*/
    border-bottom: 1px solid #444;
    cursor: pointer;
    color: #001a72 !important;
    text-decoration: none;
    font-size: 14px !important;
    vertical-align: baseline !important;
}

    .link-style:hover {
        text-decoration: underline;
    }

/*Add/Remove Institution Membership Special Styles*/
#is-primary-checkbox,
#is-rd-admin-checkbox,
#rd-assessment-checkbox,
#rd-casebook-checkbox,
#rd-studyaids-checkbox {
    margin-left: 1.5em;
}

#is-primary-label,
#is-rd-admin-label,
#rd-assessment-label,
#rd-casebook-label,
#rd-studyaids-label{
    vertical-align: sub;
    margin-left: 0.5em;
}

html input[disabled].hasDatepicker {
    cursor: not-allowed;
    background-color: #eeeeee;
}

#delete-remove-it-button:disabled {
    cursor: not-allowed;
}


/* Floating Label (seen on sign in screen) */

.floating-label input {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    transition: border .3s ease-in-out;
}

    .floating-label input:focus {
        border: none;
        border-bottom: 1px solid #004b96;
        box-shadow: none;
        transform: scaleX(1);
    }

    .floating-label input.input-validation-error {
        border: none;
        border-bottom: 1px solid #a94442;
        background-image: none;
    }

.floating-label label {
    z-index: 5;
    position: absolute;
    top: 10px;
    left: 0px;
    transition: .5s;
    pointer-events: none;
}

.floating-label input:focus ~ label,
.floating-label textarea:focus ~ label,
.floating-label input:valid ~ label {
    top: -20px;
    left: 0;
    font-size: 14px;
}

/* The -webkit-autofill handles Chrome autofill (breaks labels otherwise)
    Also, even though this is identical to the above, it must be its own block:
    https://stackoverflow.com/questions/21839523/cant-combine-selectors-using-commas-in-css
*/
.floating-label input:-webkit-autofill ~ label {
    top: -20px;
    left: 0;
    font-size: 14px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.expanding-border {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    top: 100%;
    background: #004b96;
    transform: scaleX(0);
    transition: transform .5s ease-in-out;
}

.floating-label input:focus + .expanding-border {
    border: none;
    border-bottom: 1px solid #004b96;
    box-shadow: none;
    transform: scaleX(1);
}

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

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/* DateTimePicker override styles */

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
    display: block;
}