html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    font-size: 62.5%;
}

h1, h2, h3, h4 {
    /*margin-top: 0;*/
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

fieldset {
    margin: 0;
    padding: 0;
}

fieldset h3 {
    font-size: 18px;
    font-weight: normal;
}

body {
    font-size: 16px;
    color: #555;
}

fieldset {
    border: none;
}

legend {
    display: none;
}


dl {
    clear: both;
    display: block;
    min-height: 28px;
    line-height: 32px;
}

dd {
    margin: 0;
}


.description {
    font-style: italic;
    color: #555;
    font-size: 14px;
}

input[type=text] {
    padding: 4px 6px;
    font-size: 16px;
    border: 1px Solid #aaa;
    font-weight: normal;
    margin: 0;
    margin-right: 7px;
    vertical-align: bottom;
}

.select2-container {
    margin-right: 7px !important;
}

input[type=text] {
    width: 300px;
}

select {
    width: 314px;
    padding: 3px 6px;
    font-size: 16px;
    border: 1px Solid #aaa;
    margin-right: 7px;
}

    select.medium {
        width: 164px;
    }

input[type=text].small {
    width: 100px;
}

input[type=text].medium {
    width: 225px;
}

input[type=text].phone {
    width: 125px;
}



 ul.checkboxes, ul.default-checkboxes {
    margin: 0;
    padding: 0;
}

    ul.checkboxes li, ul.default-checkboxes li {
        margin: 0;
        list-style: none;
        padding: 0;
        margin: 4px 0;
    }

        ul.checkboxes li input, ul.default-checkboxes li input {
            margin-right: 8px;
        }

input[type=submit], .button, button {
    border-radius: 4px;
    background-color: #eee;
    color: #444;
    border: 1px solid #D8D8D8;
    padding: 8px 20px;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    font-weight: bold;
    display: inline-block;
}

    input[type=submit]:hover, .button:hover, button:hover {
        background-color: #dedede;
        border-color: #c8c8c8;
    }

a.button {
    color: #777;
}

input[type=submit].signInButton, .button.signInButton, button.signInButton {
    background-color: #86C447;
    color: #fff;
    border: 1px solid #aaa;
    margin-top: 16px;
}

input[type=submit].next, .button.next, button.next {
    background-color: #86C447;
    color: #fff;
    border: 1px solid #aaa;
}

    input[type=submit].next:hover, .button.next:hover, button.next:hover {
        background-color: #79b73b;
    }

.button.cancel {
    background-color: #c1c1c1;
    color: #777;
}

    .button.cancel:hover {
        background-color: #adadad;
    }

div.terms {
    margin: 10px;
}

.terms iframe {
    width: 100%;
    height: 175px;
    border: 1px solid #ccc;
}


dl.child {
    margin-left: 1em;
}


.phoneNumber hr, .emailAddress hr {
    width: 314px;
    margin: 4px 0 4px 0;
    background-color: #999;
    border-width: 0;
    color: #999;
    height: 1px;
    line-height: 0;
    page-break-after: always;
    text-align: center;
}

.phoneNumber:last-child hr, .emailAddress:last-child hr {
    display: none;
}

/* validation */
input.error, .select2-container.error {
    border: 1px Solid #ff0000;
}

div.error,
span.error,
label.error {
    color: #ff0000;
}

label.error {
}

.hidden {
    display: none;
}


div.step1 {
    border: 1px solid #ccc;
    padding: 1em;
    border-radius: 10px;
    margin: 1em 0;
}
div.step1 h1,
div.step1 h2,
div.step1 h3
 {
    margin-top: 0;
}

.status {
    padding: .5em 1em;
    margin-bottom: 1em;
    background-color: #fcf8e3;
    border: 1px solid #dbcea5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.status.success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #b6c9a6;
}

.status.success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #b6c9a6;
}

.status.error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #d2aeae;
}

.ValError{
    color: red !important;
}

.subMsg{
    color: #666666;
    font-size:12px;
    font-style: italic;
}

.notificationGroupsDescription {
    font-style: italic;
    font-size: 12px;
}

#NotificationGroupsTreeView table > tbody > tr > td:last-child {
    overflow: hidden;
    max-width: 800px;
    text-overflow: ellipsis;
}

#NotificationGroupsTreeView table > tbody > tr > td:nth-child(1):last-child {
    overflow: hidden;
    max-width: 860px;
    text-overflow: ellipsis;
}

#NotificationGroupsTreeView table > tbody > tr > td:nth-child(2):last-child {
    overflow: hidden;
    max-width: 840px;
    text-overflow: ellipsis;
}

#NotificationGroupsTreeView table > tbody > tr > td:nth-child(3):last-child {
    overflow: hidden;
    max-width: 820px;
    text-overflow: ellipsis;
}

#NotificationGroupsTreeView table > tbody > tr > td:nth-child(4):last-child {
    overflow: hidden;
    max-width: 800px;
    text-overflow: ellipsis;
}

#NotificationGroupsTreeView table > tbody > tr > td:nth-child(5):last-child {
    overflow: hidden;
    max-width: 780px;
    text-overflow: ellipsis;
}

#NotificationGroupsTreeView table > tbody > tr > td:nth-child(6):last-child {
    overflow: hidden;
    max-width: 760px;
    text-overflow: ellipsis;
}

#NotificationGroupsTreeView table > tbody > tr > td:nth-child(7):last-child {
    overflow: hidden;
    max-width: 740px;
    text-overflow: ellipsis;
}

#NotificationGroupsTreeView table > tbody > tr > td:nth-child(8):last-child {
    overflow: hidden;
    max-width: 720px;
    text-overflow: ellipsis;
}

.notificationGroupsName {
    font-weight: normal;
}

.userProfileCard {
    border: 1px solid lightgrey;
    background-color: #f5f5f5;
    padding: 10px;
}