* {
    box-sizing: border-box;
}

body, html {
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #6e96be;
}

body {
    font-family: "Roboto,helvetica,arial,sans-serif";
    font-size: 22px;
}

h1 {
    font-size: 2em;
    color: #005478;
    padding: 0;
    margin: 0;
}

h2 {
    font-size: 1.6em;
    text-align: left;
    color: #fff;
    padding: 0 0 .25em .25em;
}

h3 {
    font-size: 1.25em;
    padding: 0 0 .25em;
}

p {
    font-size: 1em;
}

hr {
    border: 0;
    height: 1px;
    background-color: #005478;
}

ul {
    margin-top: 0;
}

input[type="checkbox"] {
    height: 2em;
    width: 2em;
    margin-left: 0;
}

#container {
    height: 100%;
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
}

.h1sub {
    font-size: 1em;
    font-weight: 700;
    color: #699;
}

.button, .checkboxlist, .dropdownlist, .dropdownlistselectcommune, .hyperlink, .linkbutton, .linkbuttongridaction, .listbox, .pageinfo, .radiobutton, .textbox {
    font-size: 1em;
}

.textbox {
}

.checkbox {
    float: left;
}

.checkboxlist label {
    position: relative;
    top: -0.25em;
    margin-left: 0.5em;
}

.button {
    color: #fff;
    background-color: #005478;
    cursor: pointer;
    padding: 1em;
}

.buttonunsubscribe {
    color: #ffffff;
    background-color: #6e96be;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
    border: 0.2em solid #005478;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.errormessage {
    color: #fff;
    background-color: red;
}

.confirmmessage {
    color: #fff;
    background-color: green;
}

.linkbuttoncheckbox, .linkbuttoncheckbox:visited {
    color: #6e96be;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
    margin-left: 0.5em;
    position: relative;
    top: -0.25em;
}

.linkbutton, .linkbutton:visited {
    font-size: 1em;
    color: #6e96be;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
}

    .linkbutton:hover {
        color: #6e96be;
        text-decoration: underline;
        font-weight: 400;
    }

.linkbuttongridaction, .linkbuttongridaction:visited {
    font-size: 1em;
    color: #f47c2f;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
}

    .linkbuttongridaction:hover {
        color: #f47c2f;
        text-decoration: underline;
        font-weight: 400;
    }

.hyperlink, .hyperlink:visited {
    color: #000;
    text-decoration: none;
}

    .hyperlink:hover {
        color: #000;
        text-decoration: underline;
    }

.tablesearch {
    border-left: 1 solid #CCDDEF;
    border-right: 1 solid #CCDDEF;
    border-bottom: 1 solid #CCDDEF;
}

.tablesearchTitle {
    background-color: #69C;
    font-size: 1em;
    color: #fff;
    font-weight: 700;
    line-height: 150%;
}

.buttonpopup {
    border: 1px solid #AAA;
    background-color: #eee;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1em;
}

.panelpopup {
    border: 2px solid #413f43;
    background-color: #413f43;
}

.panelheaderpopup {
    height: 1em;
    text-indent: 2px;
    font-size: 1em;
    background-color: #413f43;
    color: #fff;
    width: 100%;
    padding: 3px;
}

.panelseparatorpopup {
    background-color: #fff;
    width: 100%;
    border-bottom: solid 1px #ccc;
}

.panelinnerpopup {
    background-color: #fff;
    width: 100%;
    padding: 3px;
}

.panelfooterpopup {
    border-top: solid 1px #ccc;
    background-color: #eee;
    width: 100%;
    padding: 3px;
}

.panelpopupbackground {
    background-color: #CCC;
    filter: alpha(opacity=70);
    opacity: .7;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: #fff;
    background-color: #2E4d7B;
    font-size: 1em;
    font-weight: 700;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

    .accordionHeader a {
        color: #fff;
        background: 0 0;
        text-decoration: none;
    }

        .accordionHeader a:hover {
            background: 0 0;
            text-decoration: underline;
        }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: #fff;
    background-color: #5078B3;
    font-size: 1em;
    font-weight: 700;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

    .accordionHeaderSelected a {
        color: #fff;
        background: 0 0;
        text-decoration: none;
    }

        .accordionHeaderSelected a:hover {
            background: 0 0;
            text-decoration: underline;
        }

.accordionContent {
    background-color: #fff;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 10px 5px 5px;
}

.collapsePanel {
    background-color: #fff;
    border: 1px dashed #2F4F4F;
    border-top: none;
    overflow: hidden;
}

.collapsePanelHeader {
    width: 100%;
    height: 2em;
    background-color: #2E4d7B;
    color: #FFF;
    font-weight: 700;
}

.PasswordTextIndicatorStrength1 {
    background-color: #eee;
    color: #fff;
    font-size: 1em;
    font-style: italic;
    padding: 2px 3px;
    font-weight: 700;
}

.PasswordTextIndicatorStrength2 {
    background-color: #eee;
    color: #ff0;
    font-size: 1em;
    font-style: italic;
    padding: 2px 3px;
    font-weight: 700;
}

.PasswordTextIndicatorStrength3 {
    background-color: #eee;
    color: #FFCAAF;
    font-size: 1em;
    font-style: italic;
    padding: 2px 3px;
    font-weight: 700;
}

.PasswordTextIndicatorStrength4 {
    background-color: #eee;
    color: #0ff;
    font-size: 1em;
    font-style: italic;
    padding: 2px 3px;
    font-weight: 700;
}

.PasswordTextIndicatorStrength5 {
    background-color: #eee;
    color: #93FF9E;
    font-size: 1em;
    font-style: italic;
    padding: 2px 3px;
    font-weight: 700;
}

.titlebg {
    background-image: url(images/cntgradbg.gif);
}

.blocktitle {
    text-align: left;
    color: #00ACE7;
    font-size: 1em;
    font-weight: 700;
}

.headerbg, .headerbgfull {
    margin: 0 2em 2em 2em;
    padding-top: 2em;
}

.menu {
    background-color: #005478;
    width: 100%;
    text-align: right;
    font-size: 1em;
    padding: 0.5em 1em 0.5em 0.5em;
    color: #fff;
}

    .menu a {
        color: #fff;
    }

        .menu a:hover {
            color: #fff;
            cursor: pointer;
        }

        .menu a:visited {
            color: #fff;
        }

.menuauthenticated {
    background-color: #005478;
    width: 100%;
    text-align: center;
    font-size: 1em;
    padding: 0.5em 1em 0.5em 0.5em;
    color: #fff;
}

    .menuauthenticated a {
        color: #fff;
    }

        .menuauthenticated a:hover {
            color: #fff;
            cursor: pointer;
        }

        .menuauthenticated a:visited {
            color: #fff;
        }

.footer {
    background-color: #005478;
    width: 100%;
    text-align: center;
    font-size: 1em;
    padding: 0.5em 1em 0.5em 0.5em;
}

    .footer a {
        color: #fff;
    }

        .footer a:hover {
            color: #fff;
            cursor: pointer;
        }

        .footer a:visited {
            color: #fff;
        }

.content {
    background-color: #fff;
    width: 100%;
    padding: 1em 1em 1em 1em;
}

.logo {
    margin: 2em 2em 2em 2em;
}

.formbox {
    border-color: #005478;
    border-width: 1px;
    border-style: Solid;
    border-collapse: collapse;
    width: 100%;
}

.formboxtitle {
    font-size: 1.5em;
    color: #ffffff;
    background-color: #005478;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

.formboxcontent {
    padding: 0em 1em 1em 1em;
}

.gridviewwordwrap {
    width: 100%;
    word-break: break-all;
}

.gridviewsenddateinfo {
    font-size: 0.7em;
    font-weight: bold;
    text-align: right;
    color: #6e96be;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: load7 1.8s infinite ease-in-out 1 normal both running;
    animation: load7 1.8s infinite ease-in-out 1 normal both running;
}

.loader {
    color: #ffffff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 3.5em;
    }

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.appButtonContainer {
    margin-top: 3em;
    display: flex;
    justify-content: space-around;
}

.senderImageContainer {
    position: relative;
}

.smsImageText {
    position: absolute;
    bottom: 0px;
    font-weight: bold;
}