#helpCenter {
    text-align: center;
    position: relative;
    background-color: #fff;
    color: #333;
}

    #helpCenter .searchbar {
        margin: 0px auto;
    }

    #helpCenter .faqlist h3.acc:hover {
        background-color: #e6e6e6;
    }

    #helpCenter .faqlist h3.acc {
        background-color: #f9f9f9;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: 2px 2px 2px #ccc;
        text-align: left;
        padding: 0px;
        color: #666;
    }

        #helpCenter .faqlist h3.acc span {
            font-weight: normal;
        }

        #helpCenter .faqlist h3.acc .sign {
            color: #10897d;
            float: right;
            cursor: pointer;
        }

    #helpCenter .ui-icon {
        display: none;
    }

    #helpCenter .ui-accordion-header a {
        padding-left: 0;
    }

    #helpCenter .ui-widget-content {
        border: none;
        background: none;
        text-align: left;
        color: #666;
        font-size: 15px;
        padding: 0px;
    }

    #helpCenter .ui-accordion .ui-accordion-content {
        padding-left: 10px;
    }

    #helpCenter .ui-widget {
        font-family: 'Lato', sans-serif;
    }

    #helpCenter .support .box {
        display: inline-block;
        vertical-align: top;
    }

.hover {
    background-color: #e6e6e6 !important;
    color: #333 !important;
}


#helpCenter .support .chat,
#helpCenter .support .email,
#helpCenter .support .phone {
    border: 1px solid #ccc;
    color: #333;
}

#helpCenter .support .chat,
#helpCenter .support .email {
    border-radius: 5px;
    background-color: #f2f2f2;
    box-shadow: 2px 2px 2px #ccc;
    cursor: pointer;
}

#helpCenter .support .sHours,
#helpCenter .support .mailadd {
    font-size: 14px;
}

#helpCenter .support .mailadd {
    text-decoration: none;
    color: #10897d;
}

#helpCenter .support .phone .phoneLink {
    text-decoration: none;
    color: #10897d;
}

#helpCenter .support .phone .phTopBox {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0px;
    height: 95px;
}

#helpCenter .support .phone .sPhone {
    display: block;
}

#helpCenter .support .phone .mailadd {
    line-height: 45px;
}

#helpCenter .toggleDiv {
    text-align: left;
    padding: 0px;
}

    #helpCenter .toggleDiv span {
        margin-top: 8px;
        display: block;
    }

        #helpCenter .toggleDiv span a {
            display: inline-block;
        }

#helpCenter .button {
    border: 1px solid #10897d;
    color: #fff;
    background-color: #10897d;
    border-radius: 3px;
    text-decoration: none;
    padding: 10px 20px;
    box-shadow: 2px 2px 2px #ccc;
}

    .ua-desktop #helpCenter .button:hover, .ua-mobile #helpCenter .button:active {
        background-color: #255E58;
        border-color: #255E58;
    }

#imgChat, #imgEmail {
    display: block;
    height: 70px;
    width: 70px;
    margin: 0 auto;
}

#help-body .divfaq div.faq-item.is-active {
	background-color: #FFFFFF;
}

#help-body .divfaq div.faq-item.is-active .acc {
	border: none;
	box-shadow: none;
}

#help-body .divfaq div.faq-item.is-active dd {
	margin-left: 20px;
	padding-bottom: 40px;
	text-align: left;
	max-height: 538px;
	overflow-y: scroll;
	overflow-x: hidden;
	/* Firefox scroll bar */
	scrollbar-width: 22px;
	scrollbar-color: #707070 white;
}

#help-body .divfaq div.faq-item.is-active dd li {
	list-style: inside;
}

/* Chrome, Edge, and Safari scroll bar */
#help-body .divfaq div.faq-item.is-active dd::-webkit-scrollbar {
	width: 22px;
}

#help-body .divfaq div.faq-item.is-active dd::-webkit-scrollbar-track {
	background: white;
}

#help-body .divfaq div.faq-item.is-active dd::-webkit-scrollbar-thumb {
	background: #707070 0% 0% no-repeat padding-box;
	border-radius: 60px;
	border: solid 6px transparent;
}

#help-body .divfaq div.faq-item.is-active img {
	max-width: 100%;
	height: auto !important; /* Have to use important here because inline styling is coming in from the database */
}

#addressInfo .content {
    padding: 0px 0 10px 15px;
}

#addressInfo h2.diagTitle,
#notOfficeHour h2.diagTitle {
    border-bottom: 1px solid #A5531C;
}

#addressInfo h4, #mAddInfoDialog h4 {
    margin-bottom: 2px;
}

#notOfficeHour a {
    text-decoration: underline;
    color: #0094ff;
}

/* Generate Embedded CSS*/
#helpCenter {
    width: 100%;
}

    #helpCenter .title {
        padding: 55px 0 55px 0;
    }

        #helpCenter .title .header {
            font-size: 40px;
        }

    #helpCenter .faqlist {
        width: 750px;
        margin: 25px auto 50px auto;
    }

        #helpCenter .faqlist h3.acc {
            height: 60px;
            margin: 15px 0 0 0;
            text-indent: 30px;
        }

            #helpCenter .faqlist h3.acc span {
                line-height: 60px;
                font-size: 18px;
            }

            #helpCenter .faqlist h3.acc .sign {
                line-height: 60px;
                margin-right: 15px;
                font-size: 40px;
            }

    #helpCenter .secTitle {
        padding-top: 50px;
        border-top: 1px solid #ccc;
    }

        #helpCenter .secTitle .secHeader {
            font-size: 28px;
        }

    #helpCenter .support {
        padding: 50px 0 55px 0px;
    }

        #helpCenter .support .chat, #helpCenter .support .email, #helpCenter .support div.phone {
            width: 230px;
            height: 193px;
        }

        #helpCenter .support .box {
            margin: 0 25px;
        }

        #helpCenter .support div.supTitle {
            font-size: 24px;
            margin: 25px 0 40px 0;
            width: 100%;
        }

        #helpCenter .support .phTopBox div.supTitle {
            font-size: 24px;
            margin: 25px 0 20px 0;
            width: 100%;
        }

        #helpCenter .support .phone .phTopBox {
            padding: 0 0 25px 0;
        }

        #helpCenter .support .phone .sPhone {
            font-size: 22px;
            display: block;
        }

.noPhone {
    visibility: hidden;
    height: 50px;
}

.box .div-img {
	height: 45px;
}

.LD #addressInfo h2.diagTitle {
	display: none;
}

.LD .diagCenFix.ui-dialog #addressInfo .content {
	padding: 0 0 25px 30px;
}

.modal-mask {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: table;
	transition: opacity 0.3s ease;
}

.modal-wrapper {
	display: table-cell;
	vertical-align: middle;
}

.modal-container {
	width: 320px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
	transition: all 0.3s ease;
	font-family: 'Open Sans', sans-serif;
	overflow-y: auto;
}

.modal-container .faq-modal-body p,
.modal-container .faq-modal-body ol {
	text-align: left;
}

.modal-header-container {
	background-color: #f2f2f2;
	padding: 10px 0;
}

.modal-header h3 {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	font-size: 24px;
	color: #333333;
	font-weight: 500;
	display: block;
}

.modal-body {
	text-align: left;
	padding: 0 0 25px 30px;
	overflow-y: scroll;
}

.chat .div-img {
    background: url('/images/helpcenter-chat-icon-min.png') no-repeat center center;
    background-size: 70px;
}

.email .div-img {
    background: url('/images/helpcenter-email-icon-min.png') no-repeat center center;
    background-size: 70px;
}

.LD #addressInfo h2.diagTitle{
    display:none;
}

.LD .diagCenFix.ui-dialog #addressInfo .content{
    padding: 0px 0 25px 30px;
}