.noBorders td, .noBorders tr {
    border-style: none !important;
    border-width: 0px;
}

.ui-panelgrid .ui-panelgrid-content{
    border-style: none !important;
    border-width: 0px;
}

.ui-dataview-header > .ui-dataview-layout-options {
    display: none;
}

.disableElemments {
    opacity: 0.4;
}

.ui-datalist-drag {
    padding:6px;
    cursor: move;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:nth-child(even) {
    background-color: #f2f2f2 !important;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item:nth-child(even) {
    background-color: #f2f2f2 !important;
}

.yellow-button.ui-button.ui-state-default {
    background-color: #dcdc14;
    border-color: #c0c05c;
    color: #fff;
}

.yellow-button.ui-button.ui-state-default:enabled:hover,
.yellow-button.ui-button.ui-state-default:focus {
    background-color: #dcdc14;
    border-color: #c0c05c;
}

.green-button.ui-button.ui-state-default {
    background-color: green;
    border-color: #5cb85c;
    color: #fff;
}

.green-button.ui-button.ui-state-default:enabled:hover,
.green-button.ui-button.ui-state-default:focus {
    background-color: #4cae4c;
    border-color: #5cb85c;
}

.red-button.ui-button.ui-state-default {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
}

.red-button.ui-button.ui-state-default:enabled:hover,
.red-button.ui-button.ui-state-default:focus {
    background-color: #b43f3a;
    border-color: #d9534f;
}

.facebookLoginButton {
    background-color: #006aeb !important;
}

.facebookIcon {
    background-image: url("/SurveyFiesta/javax.faces.resource/images/facebook-icon.png.xhtml") !important;
}

.googleLoginButton {
    background-color: #f2f2f2 !important;
    color: #5F6368 !important;
    border-color: #f2f2f2 !important;
}

.googleIcon {
    background-image: url("/SurveyFiesta/javax.faces.resource/images/google-icon.png.xhtml") !important;
}

.outerProgressBar {
    width: 100%;
    border-radius: 5px;
    background-color: #eaeaea;
}

.innerProgressBar {
    width: 100%;
    height:30px;
    border-radius: 5px;
    background-color: green;
    transition:300ms linear;
}

.yellow-progress .ui-progressbar-value {
    background: #dcdc14 !important;
    border-color: #c0c05c;
}

.red-progress .ui-progressbar-value {
    background: #b43f3a !important;
    border-color: #d9534f;
}

.green-progress .ui-progressbar-value {
    background: green !important;
    border-color: #5cb85c;
}

.shepherd-button {
    background: #689F38 !important;
    color: #ffffff !important;
    border: 1px solid #689F38 !important;
    outline: 0 none !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s !important;
}

.shepherd-button.shepherd-button-secondary {
    background: #4CAF50 !important;
}

.shepherd-button:hover {
    background: #537f2d !important;
    border-color: #537f2d !important;
    color: #ffffff !important;
}

.shepherd-header {
    border: 1px solid #dee2e6 !important;
    background: #f8f9fa !important;
    color: #495057 !important;
    padding: 0.75em !important;
    font-weight: 700 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.shepherd-has-title .shepherd-content .shepherd-header {
    background: #e6e6e6 !important;
}

.shepherd-title {
    font-weight: 700 !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.chatPanelHeader {
    background : #f8f9fa;
    display : flex;
    align-items : center;
    text-align: center;
    padding: 1em 0;
    margin-bottom:4px;
}

.showFaqButton {
    font-size: 2rem;
    color: black;
    margin-left: 4px;
    cursor: pointer;
    text-decoration: none;
}

.showFaqButton:hover {
    color: #dee2e6;
}

.returnToChatButton {
    font-size: 2rem;
    color: black;
    margin-left: 4px;
    cursor: pointer;
    text-decoration: none;
}

.returnToChatButton:hover {
    color: #dee2e6;
}

.agentButton {
    text-decoration: none;
    font-size: 2rem;
    color: black;
    margin-left: 8px;
}

.agentButton:hover {
    color: #dee2e6;
}

.chatBubble {
    border-radius: 4px;
    padding: 4px;
    width: 55%;
    min-height: 24px;
    margin: 0px 8px 4px 8px;
    overflow-wrap: break-word;
}

.genericButton {
    border-radius: 4px;
    border: 1px solid #1B7ECF;
    padding: 0.5rem 1rem;
    margin: auto;
    background: #1B7ECF;
    color: white;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.genericButton:hover {
    background: #105da1;
}

.clickBubble {
    border-radius: 4px;
    padding: 4px;
    width: 40%;
    min-height: 24px;
    margin: 0px 4px 2px 4px;
    overflow-wrap: break-word;
    background: #46a6f5;
    color: white;
    text-align: center;
    cursor: pointer;
}

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

.clickBubble:hover {
    background: #1B7ECF;
}

.chatBubble .textTitle {
    font-weight: bolder;
    cursor: pointer;
    display : flex;
    align-items : center;
    width: 100%;
}

.chatBubble .textTitle .titleString {
    width: 90%;
    text-align: left;
}

.chatBubble .textTitle .moreButton {
    width: 10%;
    text-align: right;
    padding:1rem;
}

.chatBubble .textTitle:hover {
    color: #818181;
}

.chatBubble .textTitle .faqMainText {
    width:85%;
    font-size: 16px;
    margin-left:8px;
}

.thumbsUpIcon {
    color: green;
    font-size: 1rem;
    margin-left: 8px;
    cursor: pointer;
}

.thumbsUpIcon:hover {
    opacity: 0.5;
}

.thumbsDownIcon {
    color: red;
    font-size: 1rem;
    margin-left: 8px;
    cursor: pointer;
}

.thumbsDownIcon:hover {
    opacity: 0.5;
}

.disabledThumb {
    pointer-events: none;
    opacity: 0.5;
}

.tagCloud {
    padding:1px;
    border-radius:4px;
}

.tagCloud:hover {
    background-color: #e3f2fd;
    cursor: pointer;
}