.mainColumn {
    width:100%;
    float:none;
}

.whitebox {
    padding: 1.2em;
    background-color: #ffffff;
    border-radius: 2px;
    margin-bottom: 2em;
    -webkit-box-shadow: 0px 2px 1px 0px #ccc;
    -moz-box-shadow: 0px 2px 1px 0px #ccc;
    box-shadow: 0px 2px 1px 0px #bcbcbc;
}

.profileBox .inputField, .profileBox .inputFieldLeft {
    margin-bottom:20px;
}

.profileBox, .contactBox {
    background:#fff;
    box-sizing:border-box;
    padding:2em;
    margin-bottom:2em;
}

.profileBox:last-child {
    margin:0;
}

.profileBox h4, .contactBox h4 {
    width:100%;
    font-weight:500;
    font-size:1.2em;
    color:#000;
    padding-bottom:0.7em;
    border-bottom: 1px solid #525252;
}

.profileBox h5 {
    font-weight:700;
    color:#8A8A8A;
    margin-top:2em;
}

.profileBox p {
    margin-bottom:0;
}

.inputField span, .inputFieldLeft span {
    position:absolute;
    margin-top:5px;
    max-width:170px;

}

.checkbox {
    margin-bottom: 20px;
}

span.warningMessage, span.hint {
    position:relative;
    max-width:none;
    margin-left:170px;
    display:block;
}

.my-toggle {
  background: transparent;
  border: 0;
  border-radius: 0.25em;
  color: #888;
  cursor: pointer;
  font-size: 0.75em;
  font-weight: bold;
  margin-right: 0.5em;
  padding: 0.5em;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.my-toggle:hover,
.my-toggle:focus {
  color: #555;
  outline: transparent;
  background:#fff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}

.input {
    border: none;
    border: 2px solid #D6D6D6; /*#A3A3A3;*/
    border-radius: 3px;
    padding: 0.5em;
    background-color: #FFF;
    width: 240px;
    box-sizing: border-box;

    /*background: -moz-linear-gradient(top,  #dedede 0%, #efefef 20%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(20%,#efefef), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);
    background: -o-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);
    background: linear-gradient(to bottom,  #dedede 0%,#efefef 20%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 );*/
    margin-left:170px;
}

    .input:focus {
        outline: none;
        border: 2px solid #01696D;
        padding: 6px 6px 6px 6px;
        -webkit-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
    }

select {
    border: 2px solid #D6D6D6;
    border-radius: 3px;
    padding: 0.5em;
}

select:focus {

     outline: none;
        border: 2px solid #01696D;
        padding: 6px 6px 6px 6px;
        -webkit-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;

}


.hideShowPassword-field {
    width:197px;
}

.hideShowPassword-shown {
    width:207px;
}

.warningInput {
    /*background: #ffddc0;
    background: -moz-linear-gradient(top,  #ffddc0 0%, #fff0df 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffddc0), color-stop(100%,#fff0df));
    background: -webkit-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);
    background: -o-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);
    background: -ms-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);
    background: linear-gradient(to bottom,  #ffddc0 0%,#fff0df 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddc0', endColorstr='#fff0df',GradientType=0 );*/
    border:2px solid #D53B3B;
    -webkit-animation: warningBox 1s linear;
    -moz-animation:    warningBox 1s linear;
    -o-animation:      warningBox 1s linear;
    animation:         warningBox 1s linear;
}

    @-webkit-keyframes warningBox {
          0%   { border-color: #A3A3A3; }
          100% { border-color: #D53B3B; }
    }

    @-moz-keyframes warningBox {
          0%   { border-color: #A3A3A3; }
          100% { border-color: #D53B3B; }
    }

    @-o-keyframes warningBox {
          0%   { border-color: #A3A3A3; }
          100% { border-color: #D53B3B; }
    }

    @keyframes warningBox {
          0%   { border-color: #A3A3A3; }
          100% { border-color: #D53B3B; }
    }

select {
    margin-left:170px;
}

.warningMessage {
    font-weight: normal;
    color: #ff0000;
    font-style: italic;
}

.ui-datepicker .ui-datepicker-title {
    font-size:0.8em;
}

/* email opt settings */
.emailSettings{
    margin-left: 1.7em;
    margin-bottom: 1em !important;
}
 #SMSSettings {
    margin-left: 1.7em;
    margin-bottom: 2em !important;
}

.emailLabel {
    margin-left: 1.8em;
    margin-bottom: 2em;
    font-size: smaller;
    color:#606060; /* #B6B6B4 #666362;*/
}

.inputFieldemail span, .inputFieldemailLeft span {
    position: static;
    margin-top:5px;
    max-width:170px;
}

.emailAlls {
    font-weight: 600;
}

.emailPLAlls {
    font-weight: 600;
}

.emailCEAlls {
    font-weight: 600;
}

.emailSelectAlls {
    font-weight: 600;
}

.optcheckbox {
    margin-bottom: 1em;
}
/* email opt settings */

.submit {
    padding: 5px 10px;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 1em;
    border: 1px solid #007A7F; /*#808080;*/
    background: #007A7F; /*#9e9a9e;*/
    /*background: -moz-linear-gradient(top,  #9e9a9e 0%, #827e7b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9a9e), color-stop(100%,#827e7b));
    background: -webkit-linear-gradient(top,  #9e9a9e 0%,#827e7b 100%);
    background: -o-linear-gradient(top,  #9e9a9e 0%,#827e7b 100%);
    background: -ms-linear-gradient(top,  #9e9a9e 0%,#827e7b 100%);
    background: linear-gradient(to bottom,  #9e9a9e 0%,#827e7b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9a9e', endColorstr='#827e7b',GradientType=0 ); */
}
    .submit:hover {
    cursor: pointer;
    background: #01696D; /*#b5b1b4;*/
    /*background: -moz-linear-gradient(top,  #b5b1b4 0%, #706c6a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b1b4), color-stop(100%,#706c6a));
    background: -webkit-linear-gradient(top,  #b5b1b4 0%,#706c6a 100%);
    background: -o-linear-gradient(top,  #b5b1b4 0%,#706c6a 100%);
    background: -ms-linear-gradient(top,  #b5b1b4 0%,#706c6a 100%);
    background: linear-gradient(to bottom,  #b5b1b4 0%,#706c6a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b1b4', endColorstr='#706c6a',GradientType=0 );*/
}

.submit:active {
    background: #007A7F;  /*#827e7b;*/
    /*background: -moz-linear-gradient(top,  #827e7b 0%, #9e9a9e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#827e7b), color-stop(100%,#9e9a9e));
    background: -webkit-linear-gradient(top,  #827e7b 0%,#9e9a9e 100%);
    background: -o-linear-gradient(top,  #827e7b 0%,#9e9a9e 100%);
    background: -ms-linear-gradient(top,  #827e7b 0%,#9e9a9e 100%);
    background: linear-gradient(to bottom,  #827e7b 0%,#9e9a9e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827e7b', endColorstr='#9e9a9e',GradientType=0 );*/
}

.inputFieldtest {
     margin: 25px;
}

.bottom20 {
    margin-bottom: 20px;
}

.red { /* bw - 1-8-15 renewal textbox validation error */
    color: red;
}

.leftmargin22 { /* bw - 1-8-15 renewal label */
    margin-left: 22px;
}

.renewLabel {
    margin-left: .2em;
    margin-bottom: 2em;
    font-size: smaller;
    color: #606060; /*#B6B6B4;*/
}

@media screen and (max-width: 600px) {

    .profileBox {
        width:100%;
        margin:0 0 1em 0;
    }

    .inputField span, .inputFieldLeft span {
        position:relative;
        margin:1em 0 0 0;
        max-width:100%;
        box-sizing:border-box;
        display:block;
    }

    .input, .select, span.warningMessage {
        position:relative;
        margin:0.3em 0;
        max-width:100%;
        box-sizing:border-box;
        display:block;
    }

}

