body {
    padding: 0;
    margin: 0;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

fieldset legend {
    display: none;
}
.header a:before {
    content: "\f05d";
    font-family: FontAwesome;
    font-size: inherit;
    color: inherit;
    display: inline-block;
    margin-right: 0.5em;
}

.field-validation-error a{
    display:block;
    color:rgb(70,70,70);
}

.field-validation-error a:hover{
    color:rgba(70,70,70,.8);
}
.message {
display:block;
margin-left:200px;
}
.register {
}
.validation-error {
color:red;
}
.activeRadioButtons label,.checkListCalendar label{
font-weight:normal;
min-width:initial;
margin:0 .5em;
}
ul {
list-style-type:none;
margin:0;
padding:0;
}
    ul li {
padding:.3em 0;
margin-bottom: 0.5em;
    }
    label[for="chkListGroups"],
ul li label, .password label {
min-width:200px;
}
.password {
font-size:1.1em;
}

/*google recapcha*/
.g-recaptcha > div {
    margin: 0 auto;
}

#rc-imageselect {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.header {
   text-align: right;
margin-bottom: 1em;
}
.header a{
    font-size: 2em;
}
a.btnLogOut,a.btnBack,a.btnMyAccount,a.btnBackHome
{
    font-size: 1.6em !important;
}
@media screen and (max-height: 575px) {


    #rc-imageselect {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .grecaptcha-badge {
        bottom: 375px!important;
        display:none;
    }
}
/*end-google recapcha*/


.register input[type="text"]{
   font-size: 1.5em;
}
.register input[type="password"]{
   font-size: 1.4em;
}
.register input[type="text"],.password input[type="password"]  {
min-width: 70%;
padding: .8em;
border: 1px solid rgb(194,194,194);
display: inline-block;

}
.register input[type="submit"] {
    font-weight: bold;
    color: white;
    padding: 0.8em 1.2em;
    text-align: center;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    margin-top: 1em;
    background: rgb(101,101,101);
}


.register label,.password label {
    font-weight: normal;
    display: inline-block;
    font-size: 1.2em;
}

.field-validation-error {
    /*color: white;
    padding: 0.5em;
    margin-top: 0.5em;
    margin-left: 204px;
    background: red;*/
    color: red;
margin-top: 0.5em;
margin-left: 204px;
}
.field-validation-error1 {
    /*color: white;
    padding: 0.5em;
    margin-top: 0.5em;
    margin-left: 204px;
    background: red;*/
    color: red;
    margin-top: 0.5em;
    margin-left: 15px;
}



#txtTextMessage,
#txtTextMessage2,
#txtVoiceCall {
    padding-left: 3em;
}

#lblTextMessageNum,
#lblVoiceCallNum {
    position: relative;
}
#lblTextMessageNum:before,
#lblVoiceCallNum:before {
    content: "+1";
    position: absolute;
    top: 50%;
    right: -2.5em;
    color: grey;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.activeRadioButtons label {
    min-width: 0;
}



.header {
    text-align: right;
    padding: 1em;
    margin-bottom: 2em;
    background: rgb(46,46,46);
}
.header a,
.header a:link {
    font: normal 1.2em Arial, Helvetica, Verdana, sans-serif;
    color: rgb(255,255,255);
    text-transform: uppercase;
    text-decoration: none;
}
.header a:visited {
    color: rgb(255,255,255);
}
.header a:hover {
    color: rgb(172,209,77);
    text-decoration: none;
}
.header a:active {
    color: rgb(172,209,77);
    text-decoration: none;
}

.header a.btnMyAccount:before {
    content: "\f013";
}
.header a.btnMyAccount
{
     padding-right:10px;
}
.header a.btnBackHome:before {
    content: "\f100";
}
.header a.btnBackHome
{
     padding-right:10px;
     float: left;
}
.header a.btnLogOut:before {
    content: "\f08b";
}
.header a.btnBack:before {
    content: "\f060";
}
a.btnAddMember:before {
    content: "\f055";
}
a.btnAddMember
{
    color: #464646;
}

a.btnForgetPassword,
a.btnForgetPassword:link {
    color: rgb(85,85,85);
    display: inline-block;
}

a.btnAddMember:before
{
    font-family: FontAwesome;
    font-size: inherit;
    color: inherit;
    display: inline-block;
    margin-right: 0.5em;
}

.loginPage,
.forgotPage {
    max-width: 500px;
    margin: auto;
    padding: 2em 0;
}
.loginPage input[type="text"],
.loginPage input[type="password"],
.loginPage input[type="submit"],
.forgotPage input[type="text"],
.forgotPage input[type="submit"]{
    width: 100%;
    padding: 0.5em 1em;
    border: 1px solid rgb(226,226,226);
    -webkit-border-radius: 1.3em;
    -moz-border-radius: 1.3em;
    border-radius: 1.3em;
    outline: none;
}
.loginPage input[type="submit"],
.forgotPage input[type="submit"]{
    color: rgb(255,255,255);
    padding: 1em;
    -webkit-border-radius: 1.7em;
    -moz-border-radius: 1.7em;
    border-radius: 1.7em;
    background: rgb(145,185,41);
}

#btnContinue {
    margin-bottom: 1.5em;
}

@media only screen and (max-width: 686px) {
    .message {
margin-left:0;
}
    .field-validation-error {
    margin-left: 0;
    display:block;
}
}
@media only screen and (max-width: 679px) {
        
    .loginPage input[type="text"],
.loginPage input[type="password"],
.loginPage input[type="submit"],
.forgotPage input[type="text"],
.forgotPage input[type="submit"] {
        font-size: 1em;
        padding: 1em;
    }
    .loginPage input[type="submit"],
.forgotPage input[type="submit"] {
        padding: 1em;
    }


    .register label,
    .register input[type="text"] ,
    .password input[type="password"] {
        min-width: 0;
        width: 100%;
        display: block;
    }

    .checkListCalendar label,
    .activeRadioButtons label {
        width: auto;
        display: inline-block;
    }

    .field-validation-error {
        margin-left: 0;
    }


    #lblTextMessageNum:before,
    #lblVoiceCallNum:before {
        right: auto;
        left: 0.9em;
        -webkit-transform: translateY(140%);
        -moz-transform: translateY(140%);
        -o-transform: translateY(140%);
        -ms-transform: translateY(140%);
        transform: translateY(140%);
    }
}
#ucDeleteConfirm_mpDeleteConfirmation_foregroundElement,
#RegisterConfirmation1_mpContinue_foregroundElement
{
 width:100%;
 height:100%;
 top:0;
 left:0;
}
@media screen and (min-width: 200px) {
    .modalPopup{
         width: 90%;
    }
}
@media screen and (min-width: 520px) {
    .modalPopup{
         width: 65%;
    }
}
@media screen and (min-width: 1326px) {
    .modalPopup{
    width: 40%;
    }
}

.modalPopup
{
    margin: 25rem auto;
    position: relative;
    border-radius: 0;
    border: 1px solid #7d7d7d;
    box-shadow: none!important;
    background-color: #FFFFFF;
    padding: 0;
}

.modalPopup .header
{
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    background: rgb(142, 142, 142);
    height: auto;
    margin: 0;
    padding: 0;
}
.modalPopup .header h3{
    font-size: 1.50rem;
    text-align: left;
    text-transform: uppercase;
    padding: 1em;
    margin-bottom: 0;
    margin: 0 0 .5em;
    font-weight: 900;
}
.modalPopup .cancelBtn {
    margin-top: 0.1em;
    transition: none;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
.modalPopup .cancelBtn > img{
    display: none;
}
.modalPopup .cancelBtn:after {
    content: "\f00d";
    position: relative;
    top: 0.61em;
    right: 0.6em;
    color: #fff;
    font-family: fontawesome;
    font-size: 1.50rem;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    line-height: 0;
}
.modalPopup .cancelBtn:before
{
    content: "";
}
.modalPopup .body
{
    font-weight: normal;
    padding: 1em 1em 0;
    min-height: 50px;
}
.modalPopup input[type="submit"]
{
    width: 100%;
    font-size: 1.2rem !important;
    color: rgb(255,255,255);
    text-transform: uppercase;
    display: block;
    padding: 0.8em;
    border: 1px solid #7d7d7d;
    background: rgb(142, 142, 142);
    font-weight: bold;
    cursor: pointer;
    margin-top: 3px;
}
.message-p {
    text-align: center;
}
.message-p label{
  font-size: 0.92em;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}
 .add-another label {
    display: inherit;
    margin-right: 1em;
}
.add-another input[type="radio"] {
    margin-right: .5em;
}
.modalPopup .footer {
    padding: 6px;
    text-align: center;
}
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.footable {
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border: 1px solid rgb(204,204,204);
    border-top: none;
    border-collapse: collapse;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.footable > thead > tr > th:first-child, 
.footable > thead > tr > td:first-child, 
.footable > thead > tr > th:last-child, 
.footable > thead > tr > td:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.footable > tbody > tr > td, .footable > thead > tr > th {
    padding: 0.8em;
    border: none;
    border-bottom: 1px solid rgb(204,204,204);
}
.footable > thead > tr > th, .footable > thead > tr > td {
    font-size: 1.5em;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    color: rgb(255,255,255);
    background: rgb(70, 70, 70);
     font-weight: normal;
}
.footable > thead > tr > th>a
{
    color: rgb(255,255,255);
    font-weight: normal;
}
.footable > tbody > tr > td>a
{
    color: rgb(70, 70, 70);
     font-size: 2.2rem;
}
.footable > tbody > tr > td
{
        color: rgb(70, 70, 70);
    font-size: 1.5rem;
}
th a:visited {
    color: rgb(255,255,255);
}
th a:link {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}
th a:link, th a:visited, th a:active, th a:hover {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    padding: 0;
}
#pager{
    display: block;
    margin-top: 0.5em;
    text-align: right;
    font-size: 1.5rem;
}