body {
    padding-top: 50px;
    padding-bottom: 20px;
    
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    resize: none;
}


/* Reason View - Begin*/
.noShow {
    display: none;
}

.standardsizebutton {
    width: 98px;
    height: 40px;
    text-align: center;
    font-size: 16px;
}

.boardcommissiondropdown {
    width: 600px;
  }

.boardcommissiondropdown select {
    max-width: 600px;
}

.zeromp {
    margin: 0px;
    padding: 0px;
}

.steps
{
   font-size:16px;
}

@media screen and (max-width: 475px) {
    .steps {
        font-size:medium; 
    }

}

/* Reason View - End*/


/* Login View - Begin*/
.logincontainer {
    max-width: 380px;
}

.customsignin {
 font-weight:500
}
.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .5;
}
.hr-text::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        background-color: lightgray;
}
.hr-text::after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        color: black;
        padding: 0 .5em;
        line-height: 1.5em;
        background-color: #fcfcfa;
}
.customlogingebutton {
    width: 280px;
    border: 1px;
    border-style: solid;
    border-color: black;
}

@media screen and (max-width: 375px) {
    .customlogingebutton {
        width: auto;
        border: 1px;
        border-style: solid;
        border-color: black;
    }
}

.customregisterbutton {
    background-color: lightgray
}
.marginbottom10{
    margin-bottom:10px;
}
/* Login View - End*/


/* Register View - Begin*/

.registerheader {
    font-weight: 500
}

.registerphone {
    width:150px;
}

.registerphoneext {
    width: 100px;
}

.registerzip {
    width: 150px;
}

.registerdob {
    width: 150px;
}

.registerSuffix {
    width: 70px;
}

.registerpanelrigth {
    padding: 1px;
    float: right;
}

.registerrequiredinput:after {
    content: "*";
    color: red;
}

.registerrequiredinputnote:before {
    content: "*";
    color: red;
}

.registercontainer {
    max-width: 860px;
}

.registerbutton {
    width: 240px;
    border: 1px;
    border-style: solid;
    border-color: black;
    margin-top: 20px;
}


@media screen and (max-width: 375px) {
    .registerbutton {
        border: 1px;
        border-style: solid;
        border-color: black;
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    .registercontainer {
        max-width: 100%;
    }

}


/* Register View - End*/

/* Family View - Begin*/

.borderless td, .borderless th {
    border: none !important;
}

/* Family View - End*/

/* Disable the tab header click on steps */
.steps {
    pointer-events: none;
}

/* Property View - Begin*/

/* setup igeditor error styles */ 

.ui-ignotify-error.ui-ignotify-inline, 
.ui-ignotify-warn.ui-ignotify-inline {
    border-color: #f33 !important;
    color: #cc5965 !important;
    margin-left: 5px !important;
    font-size: inherit !important;
    font-weight: 700;
    font-family: inherit !important;
}

.ui-igedit.ui-igedit-container.ui-ignotify-error {
    border: 1px dotted #cc5965;
}


/* Property View - End*/

.whiteline {
    display: block;
    height: 1px;
    border-top: 1px solid #ccc;
    color: blue;
    margin: 1em 0;
    padding: 0;
    border: 0;
    background: white;
}