.element-invisible {
    display: none;
}

p {
    margin: 0 0 1.5em;
}


#block-system-main {
    padding: 10px;
    border-radius: 10px;
}

.block ul {
    margin-left: 16px;
    margin-bottom: 20px;
}

.views-row {
    background: #f6f6f6;
    padding: 20px 20px 40px;
    margin: 0 0 20px;
    display: block;
    color: #81888d;
    font-size: 14px;
    box-shadow: 1px 4px 7px 1px lightgrey;
    border-radius: 5px;
}

.detail-meta {
    padding: 20px;
    border-radius: 10px;
}

.ls-meta {
    margin-left: 185px;
}

.nav {
    display: flex;
}
.dev_login_form .login_button {
    margin-left:0px!important;
}
.dev_login_form .login_button input {
    font-size: 14px;
    font-weight: normal;
    border-radius: 15px;
}

/*#header ul {
    float: right;
    color: white;
    display: inline-flex;
    list-style: none;
    margin-top: 7px;
    width: 460px;
}

    #header ul li {
        margin-right: 15px;
    }*/

/*.logo {
    padding: 25px;
    margin: 0px 115px;
    width: 250px;
}*/

.title {
    border-bottom: solid 2px #d2d6d8;
    margin-bottom: 30px;
}

h1 {
    color: #231f58;
    font-size: 1.6em;
    margin: 20px 0px;
    font-weight: bold;
}

h2 {
    color: #231f58;
    font-size: 1.4em;
    margin: 20px 0px;
    font-weight: bold;
}

h3 {
    /*color: #231f58;*/
    font-size: 1.2em;
    margin: 20px 0px;
    font-weight: bold;
}

label {
    /*margin: 10px 0px;*/
    font-size: 14px;
}

strong {
    font-weight: bold;
}

#content {
    margin: 0px 115px;
    padding-bottom: 45px;
    /*float: left;*/
}

#footer {
    background-image: url(../../Images/footer.JPG);
    width: 98.75vw;
    height: 340px;
    margin: 80px -8px -8px -8px;
    float: left;
    bottom: 0;
}


.icon {
    width: 40px;
    height: 30px;
    border-radius: 20px;
    margin-left: -15px;
    background-color: transparent;
}


.form-text, select, textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

form label {
    font-family: "Proxima-Nova", Arial, Verdana, sans serif;
    font-size: 14px;
    font-weight: normal;
    width: auto;
}

.form-text input {
    font-family: "Proxima-Nova", Arial, Verdana, sans serif;
    font-size: 13px;
    font-weight: normal;
}

    .form-text input[readonly] {
        background: lightblue;
        opacity: 0.7;
        border: 1px solid silver;
    }

/*.form-text, select, textarea {
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 13px 10px;
    background: #fff;
    margin-bottom: 3px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}*/

input[required], select[required],textarea[required] {
    border: thin solid coral;
}

input[type=button], input[type=submit] {
    /*width: 100px;*/
    border: 1px solid #ddd;
    padding: 3px;
    font-size: 12px;
    border-radius: 16px;
    background: #23aae1;
    color: #FFF;
    padding: 7px 20px;
    margin-top: 10px;
}
/*
    background: #00B3BC;
    text-align: center;
    color: #ffffff;
    font-family: Arial;
    font-size: 18px;
    
    font-style: normal;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    width: 100%;
    margin-bottom: 20px;
    float: right;
    width: 100%;
    margin-top: 10px;
}
    */
.radio {
    margin-top: 10px !important;
    display: inline-block;
    width: 50px;
}

.membershipOptions {
}

    .membershipOptions ul {
    }

        .membershipOptions ul li {
            list-style: none;
            float: left;
            height: 400px;
            width: 31%;
            border-radius: 4px;
            border: 1px solid silver;
            margin-right: 20px;
            text-align: center;
            position: relative;
            padding-right: 2px;
            padding-left: 2px;
            cursor: pointer;
        }

            .membershipOptions ul li:hover {
                transform: scale(1.1);
                transition: all .5s;
            }

            .membershipOptions ul li .membershipTitle {
                color: #fff !important;
                font-size: 18px;
                background-color: rgba(0,0,0,.85);
                color: #fff;
                padding: 10px;
                margin-top: 2px;
                text-transform: uppercase;
                border-radius: 3px !important;
            }

.membershipDesc {
    margin-top: 10px;
    font-size: 12px;
    float: left;
    width: 100%;
    padding: 3px;
    text-align: left;
    font-size: 14px;
}

.membershipPrice {
    font-size: 11px;
    float: left;
    width: 90%;
    bottom: 120px;
    position: absolute;
}

.membershipSpecialPrice {
    font-size: 11px;
    float: left;
    font-style: italic;
    width: 90%;
    bottom: 69px;
    position: absolute;
}

.membershipOptions ul li .button {
    margin-left: 5px;
    float: none !important;
    background-color: #fff !important;
    position: absolute;
    display: table !important;
    border: 1px solid slategrey !important;
    color: slategrey !important;
    background: url(/images/blue_btn_arrow.png) no-repeat !important;
    background-position: calc(100% - 14px) calc(100% - 5px) !important;
    padding: 12px 44px 8px 10px !important;
    border-radius: 5px !important;
    width: 90%;
    bottom: 10px;
}

.validation {
    color: red;
    float: left;
    font-size: 11px;
    margin-top: 10px;
    display: none;
}

.row {
    margin-bottom: 10px;
}

input[readonly], fieldset[disabled], select[readonly] {
    background-color: lightblue !important;
    opacity: 1;
}
input[type=button][disabled] {
    background-color: lightgrey !important;
    opacity: 1;
}

.warning {
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 20px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
    padding-left: 45px;
    margin: 10px 10px 40px 0;
    text-align: center;
}

    .warning p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        margin-bottom: 0px;
        font-weight: bold;
    }

.success {
    background: #00965E;
}

    .success p {
        color: white !important;
    }

.failure {
    background: #f8df7b;
}

    .failure p {
        color: #69560a;
    }


.CSSTableGenerator table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5714em;
    border: 1px solid #dfe2e6;
    width: 100%;
}

    .CSSTableGenerator table thead th {
        background: #fff;
        font-family: "Raleway",Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
        font-weight: 500;
        font-size: 18px;
        font-size: 1.8rem;
        padding: 18px 40px 18px 14px;
        text-align: left;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #dfe2e6;
    }

    .CSSTableGenerator table tbody {
        border-top: none;
    }

        .CSSTableGenerator table tbody tr td, th {
            border: none;
            border-right: 1px solid #dfe2e6;
            border-bottom: 1px solid #dfe2e6;
            padding: 12px 12px 12px 14px;
            vertical-align: top;
        }

        .CSSTableGenerator table tbody tr th {
            font-weight: bold;
        }

        .CSSTableGenerator table tbody tr:nth-of-type(odd), table tbody tr.odd {
            background: #f2f2f2;
        }


#tabs ul li {
    margin: 0 0 -1px 3px;
    padding-left: 0;
}

#ctabs {
    font-size: 14px;
}

    #ctabs ul li {
        margin: 0 0 -1px 3px;
        padding-left: 0;
        font-size: 16px;
    }

        #ctabs ul li a:hover {
            font-weight: normal;
        }

        #ctabs ul li::before {
            content: unset;
        }

    #ctabs input, select, textarea {
        margin-bottom: 3px;
    }

    #ctabs label {
        text-align: left;
        padding-top: 15px;
    }


.ACsearchResultContent, .aaBlogResultContent {
    padding: 15px;
    cursor: pointer;
    background: #fff;
    border: 3px solid #f3f3f3;
}

    .ACsearchResultContent h4 {
        margin: 0;
        padding: 0 0 5px 0;
    }

.ACaddress {
    font-size: 14px;
    padding: 0 0 4px 0;
    margin: 0;
}

.ACdetail {
    font-size: 12px;
    padding: 4px 0;
    margin: 0;
}

.phoneIcon, .mobileIcon, .emailIcon, .webIcon, .twitterIcon {
    width: 18px;
    height: 18px;
    background: #f3f3f3;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.emailIcon {
    background: url(/images/aa_emailIcon.svg) center center no-repeat;
    background-size: 18px 18px;
}


/*# Phone*/
@media only screen and (max-width: 360px) {
    #ctabs ul li {
        width: 98%;
    }
}

@media only screen and (max-width:320px) {
    #ctabs ul li {
        width: 98%;
    }
}
/*# Tablet*/
@media only screen and (min-width:321px) and (max-width:992px) {
    #ctabs ul li {
        width: 98%;
    }
}



/*.row {
    margin: 15px 0px;
}*/


/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Account"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
    #content {
        margin: 0px 10px;
    }

    .logo {
        margin: 0px 10px;
    }

    .icon {
        width: 100%;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 360px) {
}

@media only screen and (max-width: 320px) {
}
/*# Tablet*/
@media only screen and (min-width:321px) and (max-width:768px) {
}

@media only screen and (min-width:769px) {
}