/* For Reference
GREENS
Very Light:     #EEF9F9
Light:			#B5E1E1
Light-Medium:	#5BC4BF
Medium:			#00A79D
Medium-Dark:	#028273
Dark:			#055D53
MSAT Green		#5CA545
Verdent Green   #057B25
Portal Green    #055D53
GRAYS
VeryLight Gray  #FAFAFB
Light Gray      #F0EFEF;
LightMed Gray   #F2F2F3
Medium Gray     #CECECF
Dark Gray       #7B7B87
CONTACT US		#82C341
ORANGE			#E48124
FONTS
'Open Sans'
'Droid Serif'
*/

/***********************************************************
ELEMENT STYLES                                              
************************************************************/

/* Desktop and Tablet Styles */
#mobileCompanyInfo,
#mobileSettings,
#divMobilePagingOptions,
#CompanyAdminNotAvailable,
#divBranchLOMobile {
    display: none;
    visibility: hidden;
}
html,
body {
    background-color: #FAFAFB;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0;
}
fieldset {
    background-color: #F2F2F3;
    border: solid 1px #E2E2EA;
    border-radius: 4px;
    margin-top: 10px;
    padding: 24px;
}
fieldset p,
fieldset ul li {
    color: #696974;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.10px;
    margin: 0 0 16px 0;
}
.dxm-item {
    margin: 0 !important;
}
legend {
    border: solid 1px #7B7B87;
    background-color: #00A69C;
    border-radius: 4px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
}
h1 {
    color: #00A69C;
    margin-bottom: 5px;
}
#companyCenterContent h1 {
    margin-bottom: 24px;
}
.MSATGreen {
    color: #00A69C;
}

/* 1600px and Greater for Desktops */
@media screen and (min-width:1600px) {
}
/* Between 1366px and 1599px for Laptops */
@media screen and (min-width:1366px) and (max-width:1599px) {
    fieldset {
        font-size: 14px;
    }
}
/* Between 1024px and 1365px for Tablets */
@media screen and (min-width:1024px) and (max-width:1365px) {
    fieldset {
        font-size: 13px;
    }
}
/* All Mobile */
@media screen and (max-width:1023px) {
    html,
    body {
        background-color: #FFF;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.00em;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    #MainContentHeading {
        margin: 20px 0 0 10px !important;
    }
    #divBranchLO {
        display: none;
        visibility: hidden;
    }
    #divBranchLOMobile {
        display: block;
        visibility: visible;
        color: #696974;
        float: left;
        font-size: 18px;
        font-weight: bold;
        margin-left: 5px;
    }
    #CompanyAdminNotAvailable {
        display: block;
        visibility: visible;
    }
    #SideBar,
    #MSATPortalHeadingText,
    #lstSortBy-button {
        display: none;
        visibility: hidden;
    }

    .fa-address-card {
        color: #FFF;
    }
    #divBranchLOMobile {
        font-size: 16px;
        padding-top: 2px;
    }
    @media screen and (max-width:767px) {
        .commentDateName {
            /*width: 60%;*/
        }
        .divCommentShare {
            border: solid 0px red !important;
            display: block !important;
            /*margin: 2px 0 0 0 !important;*/
        }
    }

    /* Between 768px and 1023px for Small Tablets/Big Phones */
    @media screen and (min-width:768px) and (max-width:1023px) {
        fieldset {
            font-size: 13px;
        }
    }
}

/***********************************************************
PAGE STYLES                                                 
************************************************************/

/* Common for all resolutions */
.mainBG {
    background-color: #F0EFEF;
    /*background-image: url('/App_Themes/Images/PNGs/bgMain.png');*/
    background-repeat: repeat;
    padding: 0;
    margin: 0;
}

#CompanyMainContent {
    background-color: #FAFAFB;
    border-left: solid 1px #CECECF;
    flex: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    transition: 0.3s;
    z-index: 0;
}

#CompanyPageContainer {
    position:relative;
    z-index: 0;
}

#LogoutLink {
    color: #FFF;
}

#CompanyHeader #HeadingBottom {
    background-color: #FAFAFB;
    border: solid 0px red;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: 0.3s;
    width: 100%;
}

#CompanyHeader #HeadingBottomLeft {
    background-color: #FFF;
    border: solid 1px #CECECF;
    border-radius: 8px;
    float: left;
    margin: 20px 10px 0 20px;
    padding: 16px 10px 12px 24px;
    width: 49.5%;
}

#CompanyHeader #HeadingBottomLeft #lnkCompany {
    float: left;
}

#CompanyHeader #HeadingBottomLeft #lnkCompany:after {
    clear: both;
}

#CompanyHeader #HeadingBottomLeft ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#CompanyHeader #HeadingBottomLeft ul li {
    float: left;
}

#CompanyHeader #HeadingBottomLeft ul li a {
    display: block;
    color: #5FA946;
    margin-right: 10px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
}

#CompanyHeader #HeadingBottomLeft #lnkCompany {
    float: left;
}

#CompanyHeader #HeadingBottomRight {
    background-color: #FFF;
    border: solid 1px #CECECF;
    border-radius: 8px;
    float: left;
    flex-grow: 0.96;
    margin: 20px 20px 0 10px;
    padding: 20px;
    width: 49.5%;
}

#CompanyHeader #HeadingBottomRight ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#CompanyHeader #HeadingBottomRight ul li {
    color: #5FA946;
}

#divCommentsContainer,
#divSelectedCommentsContainer {
    background-color: #FFF;
    border: solid 1px #CECECF;
    border-radius: 8px;
    padding: 16px 28px;
}
#divHeadingSortBy,
#divSelectedCommentsHeadingSortBy {
    display: flex;
}
#divCommentsHeading,
#divSelectedCommentsHeading {
    border:solid 0px red;
    flex-grow: 1;
}
#divCommentsHeading h2, 
#divSelectedCommentsHeading h2 {
    margin: 0;
}
#divSortBy {
    border:solid 0px red;
    width: auto;
}
#divComments,
#divSelectedComments {
    border: solid 0px red;
    background-color: #FFF;
    margin-top: 5px;
    overflow: auto;
    overflow-x: hidden;
    padding: 20px 0;
    transition: 0.3s;
    width: 100%;
}

#divLoanOfficerInfo {
    border: solid 0px blue;
    display: flex;
    float: left;
    margin-bottom: 20px;
}

#divLOPhoto {
    border: solid 4px #00A69C;
    float: left;
    width: 170px;
}

.loPhoto {
    border-radius: 50%;
    object-fit: cover;
}

#loPhotoUpdate {
    background-color: #F1F1F5 !important;
    border: solid 0px red;
    border-radius: 4px;
    color: #000;
    display: block;
    font-size: 15px;
    margin: 0 auto 10px auto;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 80px;
}
#LOPhoto {
    background-color: #000;
    background-size: 100px auto;
    background-repeat: no-repeat;
    background-position: top center;
    border: solid 4px #00A69C;
    border-radius: 50%;
    width: 100px;
    height: 100px;  
}
#LOPhotoPreview {
    background-color: transparent !important;
    background-color: #000;
    background-size: 170px auto;
    background-repeat: no-repeat;
    background-position: top center;
    border: solid 1px #CCC;
    border-radius: 50%;
    margin: -5px auto 10px auto;
    width: 170px;
    height: 170px;
}
.upload-rotate:nth-child(2) {
    background-color: #7B7B87;
    border-radius: 6px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins;
    font-size :15px;
    padding: 5px 10px;
    position: absolute;
    left: 90px;
    top: 296px;
    text-align: center;
    width: 100px;
}
.upload-rotate:nth-child(3) {
    background-color: #7B7B87;
    border-radius: 6px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins;
    font-size :15px;
    padding: 5px 10px;
    position: absolute;
    right: 90px;
    top: 296px;
    text-align: center;
    width: 100px;
}
.upload-rotate-mobile {
    display: none;
}
.fa-redo-alt {
    color: #FFF;
}
#divLONameTitle {
    border: solid 0px blue;
    flex: 1;
    float: left;
    min-width: 0;
}

#loName {
    border: solid 0px green;
    color: #00A69C;
    display: block;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.10px;
    overflow: hidden;
    text-align: left;
    width: auto;
    height: 36px;
}

#loTitle {
    border: solid 0px red;
    color: #7b7b87;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    height: 17px;
    letter-spacing: 0.18px;
    margin: 0;
    /*margin-bottom: 10px;*/
}

#companyName,
#companyName a:link,
#companyName a:active,
#companyName a:visited,
#companyName a:hover {
    border: solid 0px red;
    color: #000000;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.10px;
    margin: 0;
    text-decoration: none;
}

#loNMLS {
    border: solid 0px red;
    color: #696974;
    display: block;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.08px;
    margin: 0;
}

#loStarRatingCount {
    border: solid 0px red;
    display: inline-block;
    margin: 10px 20px 20px 0;
}

#loStarRating {
    border: solid 0px red;
    margin-right: 15px;
}

#loStarRating .checked {
    font-size: 22px;
    color: orange;
}

#loStarRatingBreak {
    display: none;
}

#loStarRatingTestimonials {
    border: solid 0px red;
    font-size: 16px;
}

#loMessage {
    background-color: #00A69C;
    border-radius: 8px;
    border: none;
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    height: 36px;
    line-height: normal;
    letter-spacing: 0.05px;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
}

#divLoanOfficerAboutContainer {
    border: solid 1px #696969;
    border-radius: 5px;
    margin-top: 10px;
    padding: 20px;
    width: auto;
    height: 160px;
}

#divLoanOfficerAbout {
    border: solid 0px red;
    overflow-x: hidden;
    overflow-y: auto;
    height: 180px;
}

#loAboutMe {
    color: #00A69C;
    font-family: Poppins, sans-serif;
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: 0.08px;
}

#loAboutMeEdit {
    background-color: #F1F1F5;
    border: solid 0px red;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 50px;
}

#loAboutMeButton {
    background-color: #008274;
    border-radius: 3px;
    border: none;
    color: #FFF;
    cursor: pointer;
    display: none;
    font-size: 16px;
    margin: 0 0 0 10px;
    padding: 5px 50px;
    height: 36px;
}
/* Comments Main Content */
#CommentsMainContent {
    background-color: #FAFAFB;
    border-left: solid 1px #CECECF;
    flex: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    height: 10000px;
    transition: 0.3s;
    z-index: 0;
}
#CommentsMainContent h1 {
    margin: 0;
}
#MainContentHeading {
    color: #00A69C;
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 10px 0 -10px 20px;
}
#CommentsMainContent h2 {    
    color: #055D53;
    font-size: 18px;
    margin: 10px 0 -10px 20px;
}
#CommentsMainContent h3 {
    color: #055D53;
    text-align: right;
    font-size: 14px;
    margin: 0;
}
/* Social Media */
.socialMediaIcon {
    margin: 5px 10px 0 0;
    width: 30px;
    height: 30px;
}
#ContinueWithFacebook {
    width: 50%;
    height: 50%;
}

#companyCommentsContent,
#companySelectCommentsContent {
    background-color: #F2F2F3;
    border: solid 1px #CECECF;
    border-radius: 8px;
    margin: 20px 20px 0 20px;
    padding: 24px;
    width: auto;
    transition: 0.3s;
    z-index: 100;
}
#companySelectCommentsContent {
    float: left;
    margin-right: 0;
    width: 49%;
}
/* Comments */
#divBranchLO {
    color: #696974;
    float: left;
    font-size: 18px;
    font-weight: bold;
    /*
    margin-left: 5px;
    */
}

#CommentsHeading {
    float: left;
    font-size: 18px;
    font-weight: bold;
}
#lstSortBy,
#lstSelectedCommentsSortBy {
    border-radius: 8px;
    color: #696974;
    float: right;
    padding: 5px;
}

#resultsForCompany {
    color: #00A69C;
}

#spanBranch {
    color: #028273;
}

#spanOfficer {
    color: #696974;
}

#divCompanyInfo {
    margin-right: 10px;
    position: relative;
    width: 100%;
    height: 200px;
}

#lstStarRatings {
    font-size: 18px;
}

#lstStarRatings label {
    margin-right: 20px;
}

#moreComments {
    border: solid 0px red;
    float: left;
    margin: 5px 5px 0 0;
}

#lstPageSize {
    margin: 0 5px;
}

.commentHidden {
    opacity: 0.20;
}

.commentContainerDiv {
    border: solid 1px #D3D3D3;
    border-radius: 4px;
    padding: 10px;
    -webkit-box-shadow: 0px 6px 5px 0px rgba(211,211,211,1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(211,211,211,1);
    box-shadow: 0px 6px 5px 0px rgba(211,211,211,1);
    position: relative;
}

.commentRatingInfo {
    float: left;
    margin: 0 10px 0 0;
}

.commentRatingInfo .fa-lg {
    font-size: 16px;
}

.commentDateName {
    color: #808080;
    float: left;
    margin-left: 0;
    border-bottom: solid 1px #CCC;
}

.commentDate {
    font-weight: normal;
}

.divLoanOfficer {
    float: left;
    padding-left: 5px;
    width: auto;
    border-bottom: solid 1px #CCC;
}

.divCommentShare {
    border: solid 0px red;
    float: left;
    margin-left: 10px;
}

.divCommentShare img {
    margin-right: 6px;
    opacity: 0.7;
    width: 22px;
    height: 22px;
}

.commentName {
    color: #008274;
    font-weight: bold;
    text-transform: uppercase;
}

.commentCountyState {
    color: #00A69C;
    font-weight: bold;
    text-transform: uppercase;
}

.commentLoanNo {
    color: #00A79D;
    font-weight: bold;
}
.commentLoanOfficer {
    color: #696974;
    font-weight: bold;
}

.commentText,
.serviceCommentText {
    border: solid 0px red;
    color: #000;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 10px 0;
}
.serviceCommentText {
    background-color: #FAFAFB;
    box-sizing: border-box;
    color: #696969;
    padding: 10px;
}
.replyToCommentLOContainer {
    border: solid 1px #e6e6e6;
    border-left: solid 4px #055D53;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 0 0 10px;
    margin-left: 20px;
}
.replyFrom {
    color: #055D53;
    font-style: normal;
}
.replyToComment {
    border: solid 0px red;
    box-sizing: border-box;
    color: #696969;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 0 0;
    min-width: 540px;
    width: 48%;
}
.replyToCommentLink {
    cursor: pointer;
}
.commentSource {
    font-size: 12px;
    right: 10px;
    top: 10px;
    position: absolute;
}
.commentSourceLink {
    border: solid 1px red;
    right: 10px;
    bottom: 10px;
    position: absolute;
    cursor: pointer;
}
.replyToCommentLO {
    float:left;
    width: 50px;
}
.replyToCommentLOImg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.replyToCommentText {
    border-radius: 5px;
    color: #0F52BA;
    display: none;
    float:left;
    font-style:italic;
    font-weight: normal;
    margin: 0 0 10px 4px;
    padding: 5px;
    min-width: 540px;
    width: 46%
}
.replyToCommentText:after {
    clear:both;
}
.replyToCommentForm {
    border: solid 0px red;
    box-sizing: border-box;
    display: none;
    float: left;
    margin-top: 10px;
    min-width: 540px;
    width: 48%
}
.replyToCommentTextArea {    
    font-family: 'Roboto', sans-serif;
    height: 4em;
    padding: 10px;
    width: 97%;
}
.replyToCommentEditButtons,
.replyToCommentFormButtons,
.replyToCommentFormEditButtons {
    border: solid 0px red;
    box-sizing: border-box;
    display: none;
    font-size: 15px;
    margin: 0 0 20px 0;
    text-align: right;
    min-width: 540px;
    width: 51%
}
.replyConfirmLink {
    color: #0E5D53;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}
.replySaveLink {
    color: #0E5D53;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}
.replyCancelLink {
    cursor: pointer;
    display: inline-block;
}
.replyDeleteLink {
    color: firebrick;
    cursor: pointer;
    display: inline-block;
}
.replyEditLink {
    color: #696969;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}
.noComment {
    color: #CECECF;
}

/* Forgot Password */
.forgotPasswordLabel {
    border: solid 0px red;
    float: left;
    font-weight: bold;
    padding: 14px 5px 0 5px;
    text-align: right;
    width: 140px;
}
.forgotPasswordField {
    float: left;
    font-weight: bold;
    padding: 5px;
    text-align: left;
    width: 300px;
}
#pnlForgotPasswordConfirmation {
    color: blue;
    float: left;
    padding: 5px;
    text-align: left;
}
#pnlForgotPasswordError {
    float: left;
    font-weight: bold;
    padding: 5px;
    text-align: left;
    width: 500px;
}
#pnlSecurityQuestionAnswerError {
    color: red;
    float: left;
    font-weight: bold;
    padding: 5px;
    text-align: left;
    width: 500px;
}
#ForgotPasswordContainer #divSecurityQuestion {
    border: solid 0px red;
    color: blue;
    float: left;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    padding: 13px 0 0 5px;
}
/* Forgot Password */
#ForgotPasswordContainer #txtUserName,
#ForgotPasswordContainer #txtSecurityQuestionAnswer {
    width: 360px;
}
/* Reset Password */
#ResetPasswordContainer {
    margin-top: 20px;
}

.resetPasswordLabel {
    border: solid 0px red;
    float: left;
    font-weight: bold;
    padding: 14px 5px 0 5px;
    text-align: right;
    width: 140px;
}

.resetPasswordField {
    border: solid 0px red;
    float: left;
    padding: 5px;
    text-align: left;
}

#ResetPasswordError {
    color: red;
    float: left;
    padding: 7px 0 4px 0;
    text-align: left;
    width: 470px;
}
/* Setup Users */
.inviteHeading {
    color: #00A69C;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.inviteSignature {
    margin-top: 10px;
}

#SingleEntryContainer .dxheControl {
    border: none;
}
/* Company Users */
.fa-file-user {
    color: #0062FF;
    font-size: 20px;
}
#companyUsersContainer,
#resendInvitesContainer {
    background-color: #F2F2F3;
    border: solid 1px #E2E2EA;
    border-radius: 4px;
    margin-top: 10px;
    padding: 24px;
}
#companyUsersContainer p,
#resendInvitesContainer p {
    color: #696974;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.10px;
    margin: 0 0 16px 0;
}
/* Comment Feed */
#CommentFeedHTML,
#CommentFeedBody {
    background-color: #FFF;
    overflow:initial;
}
#commentFeedContainer {
    box-sizing: border-box;
    display: flex;
    padding-right: 20px;
} 
#commentFeedSeparator {
    float: left;
    width: 20px;
}
#commentFeedSelect,
#commentFeedSelections,
#companySelectedCommentsContent {
    background-color: #F2F2F3;
    border: solid 1px #E2E2EA;
    border-radius: 4px;
    float: left;
    margin-top: 20px;
    padding: 24px;
}
#commentFeedSelect p,
#commentFeedSelections p {
    color: #696974;
    float: left;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.10px;
    margin: 0 0 16px 0;
}
.commentContainer {
    box-sizing: border-box;
    display: flex;
}
.selectComment,
.removeComment {
    border: solid 0px red;
    padding: 4px 10px 0 0;
    width: 20px;
}
.removeComment .fa-times-circle {
    color: #CD5C5C;
    cursor: pointer;
    font-size: 20px;
}
.comment {
    border: solid 0px red;
    flex-grow: 1;
    width: 100%;
}
.fa-comment-alt-plus {
    color: #00A69C;
    cursor: pointer;
    font-size: 20px;
    margin-top: 5px;
}
.fa-check-square {
    color: blue;
    cursor: pointer;
    font-size: 22px;
    margin-top: 5px;
}
#grdComments td:nth-child(2) {
    padding-right: 10px;
}
#divAddSelectedComments {
    float: right;
}
#divCommentFeedRemoveSave {
    border: solid 0px blue;
    border-top: solid 1px #CCC;
    margin-top: 20px;
    padding-top: 20px;
    height: auto;
}
#divRemoveComment {
    float: left;
}
#divSaveCommentFeed {
    float: right;
}
#SideBarCommentFeedModesHeading {
    border: solid 0px red;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.08px;
    margin-left: 20px;
    color: #000000;
    width: 100%;
}
#lnkCommentFeedGetCode:link,
#lnkCommentFeedGetCode:visited,
#lnkCommentFeedGetCode:active,
#lnkCommentFeedGetCode:hover {
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    background-color: #00A69C;
    color: #FAFAFB;
    cursor: pointer;
    display: flex;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 10px 0 0 20px;
    padding: 5px 10px;
    text-align: center;
    width: 260px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#lnkCommentFeedMakeLive:link,
#lnkCommentFeedMakeLive:visited,
#lnkCommentFeedMakeLive:active,
#lnkCommentFeedMakeLive:hover {
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    background-color: #00A69C;
    color: #FAFAFB;
    cursor: pointer;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 10px;
    padding: 5px 10px;
    text-align: center;
    width: 90%;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#divCommentFeedInstructions {
    margin-top: 30px;
    margin-bottom: 10px;
}
#SideBarCommentFeedModes {
    border: solid 1px #00A69C;
    border-radius: 4px;
    margin: 0 20px 10px 20px;
    padding: 5px;
    position: relative;
}
.commentFeedCheckbox {
    float: left;
    width: 10%;
}
.commentFeedLabel {
    float: left;
    width: 40%;
}
.commentFeedLabel:after {
    clear: both;
}
.commentFeedCommentSelected {
    background-color: #FAFFF3;
}
#CommentFeedSettings {
    color: #FFF;
    cursor: pointer;
    font-size: 22px;
    position: relative;
    top: -72px;
    right: -160px;
}
#divSettingsPaginationLabel {
    float: left;
    font-weight: bold;
    width: 20%;
    height: 30px;
}
#divSettingsPaginationSetting {
    float:left;
    width: 20%;
}
#divSettingsPageSizeLabel {
    float: left;
    font-weight: bold;
    width: 10%;
}
#divSettingsPageSizeSetting {
    float:left;
    width: 10%;
}
#divSettingsPaginationStyleLabel {
    float:left;
    font-weight: bold;
    width: 6%;
}
#divSettingsPaginationStyleSetting {
    float: left;
    width: 34%;
}
#divSettingsCSSLabel,
#divSettingsCSSOriginalLabel {
    float: left;
    font-weight: bold;
    width: 20%;
    height: 30px;
}
#divSettingsCSSSetting {
    float: left;
    width: 20%;
}
#divSettingsCSSOriginalSetting {
    float: left;
    width: 80%;
}
#divSettingsCustomCSSLabel,
#divSettingsCSSOriginalLabel {
    float: left;
    font-weight: bold;
    width: 20%;
    height: 30px;
}
#divSettingsCustomCSSSpacer {
    float: left;
    width: 40%;
}
#divSettingsCustomCSSSetting, 
#divSettingsCustomCSSOriginalSetting {
    float: left;
    width: 60%;
}
#divSettingsCSSPreview {
    font-weight: bold;
}
#fileCSSUpload {
    color: #FFF;
    width: 100px;
}
#CommentFeedHelp {
    color: red;
    cursor: pointer;
    font-size: 22px;
    float: right;
    position: relative;
    top: -72px;
    right: -160px;
}
#divCommentFeedInstructionsContainer {
    border: solid 1px #696969;
    border-radius: 4px;
    padding: 20px;
    width: auto;
    height: 420px;
}
#divCommentFeedSettingsPopup h3,
#divCommentFeedInstructionsPopup h3,
#divCommentFeedSavedPopup h3,
#divCommentFeedHTMLPopup h3 {
    color: #00A69C !important;
    margin-top: 0 !important;
}
#divCommentFeedInstructionsPopup,
#divCommentFeedSettings {
    border: solid 0px red;
    height: 420px;
}
#divCommentFeedSavedContainer {
    border: solid 1px #696969;
    border-radius: 4px;
    padding: 20px;
    width: auto;
    height: 280px;
}
#divCommentFeedSavedPopup {
    border: solid 0px red;
    height: 280px;
}
#divCommentFeedAdvancedSettingsSavedContainer {
    border: solid 1px #696969;
    border-radius: 4px;
    padding: 20px;
    width: auto;
    height: 110px;
}
#divCommentFeedAdvancedSettingsSavedPopup {
    border: solid 0px red;
    height: 110px;
}
#divCommentFeedHTMLContainer {
    border: solid 1px #696969;
    border-radius: 4px;
    padding: 20px;
    width: auto;
    height: 220px;
}
#divCommentFeedHTMLPopup {
    border: solid 0px red;
    height: 220px;
}
.divCodeContainer {
    border: solid 0px red;
    color: blue;
    padding: 20px 10px;
}
/* Survey ReSend and Reminders */
p.surveyReminderInstructions {
    color: #C00000;
    font-weight:bold;
    margin: 0;
}
ul.surveyReminderInstructions {
    color: #C00000;
    font-weight: bold;
}

/* 1600px and Greater for Desktops */
@media screen and (min-width:1600px) {
    #companyCenterContent {
        background-color: #FAFAFB;
        border: solid 0px red;
        margin: 0px auto;
        overflow: auto;
        padding: 10px 20px;
        position: relative;
        width: auto;
        height: auto;
        transition: 0.3s;
        z-index: -2;
    }

        #companyCenterContent h1 {
            margin-top: 0;
        }
}
/* Between 1366px and 1599px for Tablets */
@media screen and (min-width:1366px) and (max-width:1599px) {
    #CommentsMainContent,
    #CompanyMainContent {
        flex: 1;
        margin: 0;
        padding: 0;
        width: 100%;
        transition: 0.3s;
        z-index: 0;
    }
    #companyCenterContent h1 {
        margin-top: 0;
    }
    #companyCenterContent {
        background-color: #FAFAFB;
        border: solid 0px red;
        margin: 0px auto;
        padding: 10px 20px;
        position: relative;
        width: auto;
        min-height: 1000px;
        transition: 0.3s;
        z-index: -2;
    }
    #divLOPhoto {
        margin-right: 20px;
        width: 150px;
    }
    .loPhoto {
        max-width: 150px;
    }
    #divLONameTitle {
        border: solid 0px red;
        flex-grow: 1;
    }
    #loTitle {
        margin-bottom: 5px;
    }
    #loName {
        font-size: 26px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #loStarRatingCount {
        margin: 5px 20px 15px 0;
    }
    #loStarRating .checked {
        font-size: 20px;
    }
    #loStarRatingTestimonials {
        font-size: 14px;
    }
    /* Forgot Password */
    #ForgotPasswordContainer #divSecurityQuestion {
        font-size: 14px;
        padding: 14px 0 0 5px;
    }
}
/* EXCEPTION - For Loan Officer Info, adding a breakpoint at 1280px */
@media screen and (min-width:1280px) and (max-width:1365px) {
    #divLOPhoto {
        margin-right: 20px;
        width: 150px;
    }
    .loPhoto {
        max-width: 150px;
    }
    #divLONameTitle {
        border: solid 0px red;
        flex-grow: 1;
    }
    #loTitle {
        margin-bottom: 5px;
    }
    #loName {
        font-size: 26px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #loStarRatingCount {
        margin: 5px 15px 15px 0;
    }
    #loStarRating .checked {
        font-size: 18px;
    }
    #loStarRatingTestimonials {
        font-size: 14px;
    }
    #divLoanOfficerAbout {
        height: 200px;
    }
    /* Forgot Password */
    #ForgotPasswordContainer #divSecurityQuestion {
        font-size: 14px;
        padding: 14px 0 0 5px;
    }
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    #divLoanOfficerInfo {
        display: initial;
        float: none;
        margin-bottom: 20px;
    }
    #divLOPhoto {
        float: none;
        text-align: center;
        width: 100%;
    }
    .loPhoto {
        width: 120px;
    }
    #divLONameTitle {
        display: initial;
        flex: none;
        width: 100%;
    }
    #loName {
        font-size: 20px;
        height: 28px;
    }
    #loTitle {
        border: solid 0px red;
        margin-bottom: 0;
    }
    #companyName {
        border: solid 0px red;
        color: #0033FF;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }
    #loNMLS {
        border: solid 0px red;
        color: #0033FF;
        font-size: 14px;
    }
    #loStarRatingCount {
        border: solid 0px red;
        display: inline-block;
        line-height: 0.75em;
        margin: 0 0 15px 0;        
    }
    #loStarRating .checked {
        font-size: 18px;
    }
    #loStarRatingTestimonials {
        border: solid 0px red;
        display: inline-block;
        font-size: 16px;
        margin-top: 10px;
    }
    #loMessage {
        display: block;
        margin: 0 auto;
        width: auto;
    }
    #divLoanOfficerAbout {
        height: 320px;
    }
    /* Forgot Password */
    #ForgotPasswordContainer #divSecurityQuestion {
        font-size: 14px;
        padding: 14px 0 0 5px;
    }
}
/* Between 1024px and 1365px for Tablets */
@media screen and (min-width:1024px) and (max-width:1365px) {
    #CommentsMainContent,
    #CompanyMainContent {
        flex: 1;
        margin: 0;
        padding: 0;
        width: 100%;
        transition: 0.3s;
        z-index: 0;
    }
    #companyCenterContent {
        background-color: #FAFAFB;
        border: solid 0px red;
        box-sizing: border-box;
        margin: 0px auto;
        padding: 10px 20px 10px 20px;
        position: relative;
        width: auto;
        min-height: 1000px;
        transition: 0.3s;
        z-index: -2;
    }
    #companyCenterContent h1 {
        font-size: 22px;
        margin-top: 10px;
    }
    #divComments {
        width: auto;
    }
    .commentRatingInfo {
        margin-right: 5px;
    }
    .fa-star.fa-lg {
        font-size: 14px;
    }
    .fa-lg.checked {
        font-size: 14px;
    }
    .commentText {
        font-size: 14px;
    }
    #divBranchLO #CommentsHeading {
        font-size: 14px;
        font-weight: 800;
    }
    #divBranchLO {
        font-size: 14px;
    }
    #divSortBy {
        min-width: 230px;
    }
    #lstSortBy {
        font-size: 13px;
    }
}
/* All Mobile */
@media screen and (max-width:1023px) {
    /* Common at all Resolutions */
    .ui-overlay-a, .ui-page-theme-a, 
    .ui-page-theme-a .ui-panel-wrapper {
        text-shadow:none;
    }
    #divLoanOfficerInfo {
        border: solid 0px blue;
        display: flex;
        margin-bottom: 10px;
        padding: 0;
    }
    #divLOPhoto {
        margin-right: 10px;
        float: left;
        width: 110px;
    }
    .loPhoto {
        border-radius: 50%;
        max-width: 110px;
        max-height: 110px;
    }
    .upload-rotate:nth-child(2),
    .upload-rotate:nth-child(3) {
        display: none;
    }
    .upload-rotate-mobile:nth-child(4) {
        background-color: #7B7B87;
        border-radius: 6px;
        color: #FFF;
        cursor: pointer;
        display: inline-block;
        font-family: Poppins;
        font-size :15px;
        padding: 5px 10px;
        position: absolute;
        left: 40px;
        top: 280px;
        text-align: center;
        width: 20px;
    }
    .upload-rotate-mobile:nth-child(5) {
        background-color: #7B7B87;
        border-radius: 6px;
        color: #FFF;
        cursor: pointer;
        display: inline-block;
        font-family: Poppins;
        font-size :15px;
        padding: 5px 10px;
        position: absolute;
        right: 40px;
        top: 280px;
        text-align: center;
        width: 20px;
    }
    .upload-rotate-mobile {
        display: inline-block;
    }
    #divLONameTitle {
        border: solid 0px blue;
        flex-grow: 1;
        float: left;
        overflow: hidden;
    }
    #companyName {
        color: #0033FF;
        font-size: 13px;
        font-weight: bold;
    }
    #loName {
        border: solid 0px red;
        display: block;
        color: #00A69C;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: bold;
        height: auto;
        margin: 0;
        overflow: hidden;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-grow: 1;
        width: 98%;
    }
    #loTitle {
        border: solid 0px blue;
        color: #7B7B87;
        display: block;
        font-size: 13px;
        margin-right: 10px;
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-grow: 1;
    }
    #loNMLS {
        border: solid 0px red;
        color: #0033FF;
        /*display: inline-block;*/
        font-size: 13px;
        margin: 0;
        overflow: hidden;
    }
    #loStarRatingCount {
        border: solid 0px red;
        display: inline-block;
        margin: 0 0 5px 0;
    }
    #loStarRating {
        border: solid 0px blue;
        margin-right: 10px;
    }
    #loStarRating .checked {
        font-size: 18px;
        color: orange;
        margin-bottom: 10px;
    }
    #loStarRatingBreak {
        display: none;
    }
    #loStarRatingTestimonials {
        border: solid 0px red;
        font-size: 13px;
    }
    #loMessage {
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #00A69C;
        border-radius: 8px;
        border: none;
        color: #FFF;
        cursor: pointer;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.10px;
        text-align: center;
        margin: 0 10px 0 0;
        padding: 5px;
    }
    #loAboutMeButton {
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #646464;
        border-radius: 16px;
        border: none;
        color: #FFF;
        cursor: pointer;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.10px;
        text-align: center;
        margin: 0;
        padding: 5px;
    }
    #companyCommentsContent {
        margin: 10px 10px 0 10px;
        padding: 20px;
        width: auto;
        transition: 0.3s;
        z-index: 100;
    }
    #divBranchLO {
        display: none;
    }
    #lstSortBy {
        font-size: 11px;
    }
    .replyToComment,
    .replyToCommentForm,
    .replyToCommentFormButtons {
        min-width: 99%;
        width: 99%;
    }
    /* Between 768px and 1023px for Small Tablets/Big Phones */
    @media screen and (min-width:768px) and (max-width:1023px) {
        #CompanyHeader #HeadingBottom {
            height: auto;
        }
        #CompanyHeader #HeadingBottomLeft {
            box-sizing: border-box;
            margin: 10px 7px 0 10px;
            padding: 20px;
            width: 49% !important;
        }
        #CompanyHeader #HeadingBottomRight {
            box-sizing: border-box;
            display: block;
            margin: 10px 10px 0 7px;
            padding: 20px;
            width: 49% !important;
        } 
        #Instructions,
        #Instructions ul {
            background-color: yellow;
            color: red;
            display: none;
            visibility: hidden;
        }
        .divLoanOfficer {
            display: none;
        }
        #genericMobile {
            padding: 20px;
        }
        #CommentsMainContent,
        #CompanyMainContent {
            background-color: #F1F2F2;
            flex: 1;
            margin: 0;
            padding: 0;
            width: 100%;
            transition: 0.3s;
            z-index: 0;
        }

        #companyCenterContent {
            background-color: #FAFAFB;
            border: solid 0px red;
            margin: 0px auto;
            padding: 10px 20px 10px 20px;
            position: relative;
            width: auto;
            min-height: 600px;
            min-height: 1000px;
            z-index: -2;
        }

        #companyCenterContent h1 {
            font-size: 22px;
            margin-top: 10px;
        }

        #divComments {
            width: auto;
        }

        #divLoanOfficerInfo {
            display: initial;
            float: none;
            margin-bottom: 20px;
        }
        #divLOPhoto {
            float: none;
            text-align: center;
            width: 100%;
        }
        .loPhoto {
            max-width: 160px;
            max-height: 160px;
        }
        #loPhotoUpdate {
            font-size: 14px;
            width: 70px;
        }
        .upload-rotate-mobile:nth-child(4) {
            left: 240px;
            top: 300px;
        }
        .upload-rotate-mobile:nth-child(5) {
            right: 240px;
            top: 300px;
        }
        #divLONameTitle {
            display: initial;
            flex: none;
            width: 100%;
        }
        #loName {
            font-size: 20px;
            height: 28px;
        }
        #loTitle {
            border: solid 0px red;
            margin-bottom: 0;
        }
        #companyName {
            border: solid 0px red;
            color: #0033FF;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
        }
        #loNMLS {
            border: solid 0px red;
            color: #0033FF;
            font-size: 14px;
        }
        #loStarRatingCount {
            border: solid 0px red;
            display: inline-block;
            line-height: 0.75em;
            margin: 0 0 15px 0;        
        }
        #loStarRating .checked {
            font-size: 18px;
        }
        #loStarRatingTestimonials {
            border: solid 0px red;
            display: inline-block;
            font-size: 16px;
            margin-top: 10px;
        }
        #loMessage {
            display: block;
            font-size: 16px;
            margin: 0 auto;
            padding: 5px 40px;
        }
        #loAboutMeButton {
            display: none;
        }
        /* Forgot Password */
        #ForgotPasswordContainer #divSecurityQuestion {
            font-size: 14px;
            padding: 14px 0 0 5px;
        }
    }
    /* Between 441px and 767px for Large Phones */
    @media screen and (min-width:441px) and (max-width:767px) {
        #MainContentHeading {
            color: #00A69C;
            display: block;
            font-weight: bold;
            font-size: 16px !important;
        }
        #CommentsMainContent h1 {
            font-size: 16px !important;
        }
        #CommentsMainContent h2 {
            font-size: 16px !important;
            margin-left: 10px !important;
        }
        #CompanyHeader #HeadingBottomLeft {
            box-sizing: border-box !important;
            margin: 10px 10px 0 10px;
            padding: 8px !important;
            width: 100% !important;
        }
        #HeadingBottomRight {
            display: none;
        }
        #Instructions,
        #Instructions ul {
            background-color: yellow;
            color: red;
            display: none;
            visibility: hidden;
        }
        .divLoanOfficer {
            display: none;
        }
        #genericMobile {
            padding: 20px;
        }
        #CommentsMainContent,
        #CompanyMainContent {
            background-color: #F1F2F2;
            flex: 1;
            margin: 0;
            padding: 0;
            width: 100%;
            transition: 0.3s;
            z-index: 0;
        }

        #companyCenterContent {
            background-color: #FAFAFB;
            border: solid 0px red;
            margin: 0px auto;
            padding: 5px 10px;
            position: relative;
            width: auto;
            min-height: 600px;
            min-height: 1000px;
            z-index: -2;
        }

        #companyCenterContent h1 {
            font-size: 18px;
            margin-top: 10px;
        }

        #companyCommentsContent {
            background-color: #F1F2F2;
            padding: 10px;
        }

        fieldset {
            padding: 15px 10px 10px 10px;
        }

        #UserSecurityInfo p,
        #UserSecurityInfoRegistration p,
        #divLoanOfficerMyProfileInfo p {
            font-size: 14px;
            margin-bottom: 10px;
        }

        #divUserSecurityInfo,
        #divLoanOfficerMyProfileInfo {
            padding: 10px;
        }
        #divLoanOfficerInfo {
            box-sizing: border-box;
            margin-bottom: 10px;
            width: 100%;
        }
        #divLOPhoto {
            width: 100px !important;
        }
        .loPhoto {
            max-width: 100px;
            max-height: 100px;
        }
        #loPhotoUpdate {
            font-size: 13px;
            width: 60px;
        }
        .upload-rotate-mobile:nth-child(4) {
            left: 80px;
            top: 290px;
        }
        .upload-rotate-mobile:nth-child(5) {
            right: 80px;
            top: 290px;
        }
        #companyName {
            font-size: 12px;
        }
        #loName {
            font-size: 18px;
        }
        #loTitle {
            font-size: 12px;
            margin-right: 5px;
            width: 50%;
        }
        #loNMLS {
            font-size: 12px;
        }
        #loStarRating .checked {
            font-size: 18px;
        }
        #loStarRatingBreak {
            display: none;
        }
        #loStarRatingTestimonials {
            border: solid 0px red;
            font-size: 13px;
        }
        #loMessage {
            font-size: 12px;
            padding: 0px 20px;
        }
        #loAboutMeButton {
            display: inline-block;
            font-size: 12px;
            padding: 0px 20px;
        }
        #divComments {
            width: auto;
        }
        #divSortBy {
            margin: 0 auto;
        }
        /* Forgot Password */
        .forgotPasswordLabel {
            border: solid 0px red;
            float: none;
            padding: 0;
            text-align: left;
            width: auto;
        }
        .forgotPasswordField {
            border: solid 0px blue;
            float: none;
            padding: 0;
            width: 300px;
        }
        #btnForgotPasswordContinue {
            margin-top: -10px;
        }
        #ForgotPasswordContainer #txtUserName,
        #ForgotPasswordContainer #txtSecurityQuestionAnswer {
            width: 100%;
        }
        #ForgotPasswordContainer #divSecurityQuestion {
            border: solid 0px red;
            float: none;
            margin-bottom: 10px;
            padding: 0;
            width: auto;
        }
        #btnForgotPasswordRequest {
            margin-top: -10px;
        }
        #pnlForgotPasswordConfirmation,
        #pnlForgotPasswordError,
        #pnlSecurityQuestionAnswerError {
            float: none;
        }
        #pnlSecurityQuestionAnswerError,
        #pnlForgotPasswordError {
            border: solid 0px green;
            width: auto;
        }
    }
    /* Less than 441px for older/smaller phones */
    @media screen and (max-width:440px) {
        #MainContentHeading {
            color: #00A69C;
            display: block;
            font-weight: bold;
            font-size: 16px !important;
        }
        #CommentsMainContent h1 {
            font-size: 16px !important;
        }
        #CommentsMainContent h2 {
            font-size: 14px !important;
            margin-left: 10px !important;
        }
        #CompanyHeader #HeadingBottomLeft {
            margin: 10px 10px 0 10px;
            padding: 8px !important;
            width: 100% !important;
        }

        #HeadingBottomRight {
            display: none;
        }
        #Instructions,
        #Instructions ul {
            background-color: yellow;
            color: red;
            display: none;
            visibility: hidden;
        }
        .divLoanOfficer {
            display: none;
        }
        #genericMobile {
            padding: 20px;
        }
        #CommentsMainContent,
        #CompanyMainContent {
            background-color: #F1F2F2;
            flex: 1;
            margin: 0;
            padding: 0;
            width: 100%;
            transition: 0.3s;
            z-index: 0;
        }
        #companyCenterContent {
            background-color: #FAFAFB;
            border: solid 0px red;
            margin: 0px auto;
            padding: 5px 10px;
            position: relative;
            width: auto;
            min-height: 600px;
            min-height: 1000px;
            z-index: -2;
        }
        #companyCenterContent h1 {
            font-size: 18px;
            margin-top: 10px;
        }
        #companyCommentsContent {
            background-color: #F1F2F2;
            padding: 10px;
        }
        fieldset {
            min-height: 340px;
            padding: 10px;            
        }
        fieldset p,
        fieldset ul li {
            font-size: 14px !important;
            font-weight: normal !important;
        }
        .formContainer {
            min-height: 320px;
            /*padding: 20px !important;*/
        }
        #UserSecurityInfo p,
        #UserSecurityInfoRegistration p,
        #divLoanOfficerMyProfileInfo p {
            font-size: 14px;
            margin-bottom: 10px;
        }
        #divUserSecurityInfo,
        #divLoanOfficerMyProfileInfo {
            padding: 10px;
        }
        #divLoanOfficerInfo {
            box-sizing: border-box;
            margin-bottom: 10px;
            width: 100%;
        }
        #divLOPhoto {
            width: 80px !important;
        }
        .loPhoto {
            max-width: 80px;
            max-height: 80px;
        }
        #loPhotoUpdate {
            font-size: 12px;
            width: 50px;
        }
        #companyName {
            font-size: 12px;
        }
        #loName {
            font-size: 16px;
        }
        #loTitle {
            font-size: 12px;
            margin-right: 5px;
            width: 50%;
        }
        #loNMLS {
            font-size: 12px;
        }
        #loStarRating .checked {
            font-size: 18px;
        }
        #loStarRatingBreak {
            display: none;
        }
        #loStarRatingTestimonials {
            border: solid 0px red;
            font-size: 13px;
        }
        #loMessage {
            font-size: 12px;
            padding: 0px 20px;
        }
        #loAboutMeButton {
            display: inline-block;
            font-size: 12px;
            padding: 0px 10px;
        }
        #divComments {
            width: auto;
        }
        #divSortBy {
            display: block;
            margin: 0 auto;
        }
        /* Forgot Password */
        .forgotPasswordLabel {
            border: solid 0px red;
            float: none;
            padding: 0;
            text-align: left;
            width: auto;
        }
        .forgotPasswordField {
            border: solid 0px blue;
            float: none;
            padding: 0;
            width: 240px;
        }
        #btnForgotPasswordContinue {
            margin-top: -10px;
        }
        #ForgotPasswordContainer #txtUserName,
        #ForgotPasswordContainer #txtSecurityQuestionAnswer {
            width: 100%;
        }
        #ForgotPasswordContainer #divSecurityQuestion {
            border: solid 0px red;
            float: none;
            margin-bottom: 10px;
            padding: 0;
            width: auto;
        }
        #btnForgotPasswordRequest {
            margin-top: -10px;
        }
        #pnlForgotPasswordConfirmation,
        #pnlForgotPasswordError,
        #pnlSecurityQuestionAnswerError {
            float: none;
        }
        #pnlSecurityQuestionAnswerError,
        #pnlForgotPasswordError {
            border: solid 0px green;
            width: auto;
        }
    }
}

/***********************************************************
COMMENT STYLES                                              
************************************************************/

#gridView {
}

@media screen and (max-width:1023px) {
    /* Comments Main Content */
    #CommentsMainContent {
        background-color: #FAFAFB;
        flex: 1;
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        transition: 0.3s;
        z-index: 0;
    }
    #divCommentsContainer {
        background-color: #FFF;
        border: solid 1px #CECECF;
        border-radius: 8px;
        padding: 10px 20px;
    }

    #CommentsHeading {
        font-weight: bold;
    }

    #divComments {
        border: solid 0px red;
        background-color: #FFF;
        margin-top: 5px;
        overflow: auto;
        overflow-x: hidden;
        padding: 5px 0;
        transition: 0.3s;
        width: 100%;
    }

    #gridViewDiv {
        border: solid 0px blue;
    }

    .commentRatingInfo {
        border: solid 0px red;
        float: left;
        margin: 0 10px 0 0;
    }

    .commentRatingInfo .fa-star,
    .commentRatingInfo .fa-star-half-alt {
        font-size: 16px;
    }

    /* Less than 440px for older/smaller phones */
    @media screen and (max-width:439px) {
        #divCommentsContainer {
            padding: 10px 10px;
        }

        .commentRatingInfo {
            margin: 0 5px 0 0;
        }

        .commentRatingInfo .fa-star,
        .commentRatingInfo .fa-star-half-alt {
            font-size: 12px;
        }
    }

    .commentDateName {
        color: #808080;
        float: left;
        margin: 0;
        border-bottom: solid 1px #CCC;
    }

    .commentDate {
        font-weight: normal;
    }

    .commentName {
        color: #008274;
        font-weight: bold;
        text-transform: uppercase;
    }

    .commentCountyState {
        color: #00A69C;
        font-weight: bold;
        text-transform: uppercase;
    }

    .divLoanOfficer {
        float: left;
        width: 100%;
    }

    .commentLoanNo {
        color: #00A79D;
        font-weight: bold;
    }
    .commentLoanOfficer {
        color: #696974;
        font-weight: bold;
    }

    .divCommentShare {
        border: solid 0px red;
        float: left;
        display: inline-block;
        margin-left: 10px;
        width: auto;
    }

    .divCommentShare img {
        margin-right: 5px;
        opacity: 0.5;
        width: 22px;
        height: 22px;
    }

    .commentText {
        border: solid 0px red;
        color: #000;
        font-size: 1em;
        font-style: italic;
        font-weight: normal;
        margin: 0 0 20px 0;
    }

    @media screen and (min-width:768px) {
        #divComments {
            font-size: 1.0em;
        }
    }
    /* Less than 440px for older/smaller phones */
    @media screen and (max-width:439px) {
        .divCommentShare img {
            width: 20px;
            height: 20px;
        }
        .commentRatingInfo {
            width: 100%;
        }
        .commentDate,
        .commentName,
        .commentCountyState {
            font-size: 12px;
        }
        .commentText {
            font-size: 14px;
        }
    }
}

/***********************************************************
FOOTER STYLES                                               
************************************************************/

@media screen and (min-width:1024px) {
    #FooterBar {
        background-color: #0E5D53;
        color: #FFF;
        font-size: 12px;
        width: 100%;
        height: 1000px;
    }

    #PageFooter_FooterLeft {
        border: solid 0px cyan;
        float: left;
        text-align: left;
        width: 38%;
    }

    #FooterRight {
        border: solid 0px cyan;
        float: right;
        padding: 10px;
        text-align: right;
        width: 60%;
    }

    #FooterContainer {
        margin: 0 auto;
        width: 100%;
        padding: 0;
        max-width: 1366px;
    }

    #FooterContainer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #FooterContainer ul li {
        float: left;
    }

    #FooterContainer ul li a:link,
    #FooterContainer ul li a:active,
    #FooterContainer ul li a:visited,
    #FooterContainer ul li a:hover {
        display: block;
        color: white;
        text-align: center;
        padding: 10px;
        text-decoration: none;
    }

    #FooterContainer ul li a:hover {
        text-decoration: underline;
    }

    #FooterContainer #FooterRight a {
        color: #FFF;
    }
}

/***********************************************************
COMMON FORM STYLES                                          
************************************************************/

.formContainer {
    background-color: #FFF;
    border-radius: 8px;
    padding: 34px 30px;
}
.formInstructionsContainer {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.10px;
    color: #44444F;
}
.formInstructions {
    color: blue;
    font-weight: 500 !important;
}
select {
    border: solid 1px #028273;
    border-radius: 2px;
    font-size: 14px;
}

.required {
    color: red;
    font-weight: bold;
}

.fa-exclamation-triangle {
    color: red;
}

.textfield {
    background-color: #FAFAFB;
    border: solid 1px #028273;
    border-radius: 4px;
    font-size: 14px;
    padding: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.textfieldBig {
    border: solid 0px #028273;
    font-size: 14px !important;
    padding: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.textfieldDisplay {
    background-color: transparent;
    border: none;
    font-size: 14px;
    padding: 5px 0;
}

select:focus,
.textfield:focus,
.textfieldBig:focus {
    background-color: #EAFAF1;
}

.checkboxContainer {
    border: solid 0px red;
    float: left;
}
.checkboxText {
    border: solid 0px red;
    float: left;
    padding: 2px 0 0 6px;
}

.lblHours {
    display: block;
    float: left;
    margin-right: 10px;
    padding-top: 10px;
}

.txtExpiration {
    float: left;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 4px;
    padding: 6px;
    border: solid 1px navy;
}

.litExpirationMsg {
    display: block;
    float: left;
    margin-right: 10px;
}

.fileUpload {
    float: left;
    padding-top: 8px;
    width: 350px;
}

#FileUploadContainer {
    margin-top: 10px;
}

.formLabel {
    text-align: left;
}

.formTable {
    width: 100%;
}

.formRow th,
.formRow td {
    padding: 1px 0;
}

.formRow {
    margin-top: 20px;
}
.formRowLeft {
    margin: 20px 20px 0 0;
    width: 47%;
}
.formRowRight {
    flex-grow: 1;
    margin-top: 20px;
    width: 47%;
}
.formRowLeftTop {
    margin: 0 20px 0 0;
    width: 47%;
}
.formRowRightTop {
    flex-grow: 1;
    margin-top: 0;
    width: 47%;
}
.formRowPhoto {
    border:solid 0px red;
    margin: 20px 20px 0 0;
    text-align: center;
    width: 100px;
}
.formRowAboutMe {
    flex-grow: 1;
    margin: 20px 0 0 0;    
}
.formRowState {
    margin: 20px 10px 0 0;
    width: 120px;
}
.formRowZipCode {
    flex-grow: 1;
    margin: 20px 0 0 0;
}
.formRowNotifications {
    flex-grow: 1;
    margin: 20px 10px 0 0;
}
.formRowPhone {
    margin: 20px 0 0 0;
    width: 140px;
}
.formRowStateTop {
    margin: 0 10px 0 0;
    width: 120px;
}

.formRowZipCodeTop {
    flex-grow: 1;
    margin: 0;
}

.formInfoRow td {
    padding: 10px 0;
}

.formRowSpacer td {
    height: 30px;
}

.formButtons {
    margin: 20px 0 20px 24px;
}

.formButtons input {
    margin-right: 5px;
}
/* Override Chrome default background-color for autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.lstCompanies {
    margin-bottom: 10px;
    width: 300px;
}

.dropdown {
    border: solid 1px #B7B7C0;
    border-radius: 4px;
    padding: 14px 20px;
}

#divRoles,
#divEmailNotifications {
    border: solid 1px #B7B7C0;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 10px;
}
.divRoleContainer {
    border: solid 0px red;
    float: left;
    width: 33%;
}
#divEmailNotifications .divCheckbox {
    display: flex;
}
#divEmailNotifications .checkbox {
    width: 30px;
}
#divEmailNotifications .checkboxLabel {
    flex-grow: 1;
}
#divSingleEntryRoles {
    border: solid 1px #B7B7C0;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 8px;
}
#spanCompanyAdmin {
    display: inline-block;
    padding-left: 10px;
}
#divSubsidiaryDisclaimer,
#divAboutMe,
#divAboutUs {
    border: solid 1px #B7B7C0;
    border-radius: 4px;
    padding: 10px;
}

#divCompanyLogo {
    border: solid 1px #B7B7C0;
    border-radius: 4px;
    margin-top: 25px;
    padding: 10px 10px 30px 10px;
    min-height: 80px;
}

/* Floating Labels */
.wrapper {
    width: 400px;
    margin: auto;
    padding: 20px;
}

.field-wrapper {
    border: solid 0px #00A69C;
    border-radius: 0px;
    display: block;
    padding: 5px 0 0 0;
    position: relative;
}

.field-wrapper.focused label {
    background: #FFF;
    color: #696974;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    opacity: 1.0;
    padding: 0 5px;
    transition: all .2s linear;
    left: 5px;
    top: -16px;
}

label {
    background: transparent;
    display: inline-block;
    font-size: 1em;
    line-height: 1.4em;
    margin: 15px 10px;
    opacity: 0.6;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-transform: capitalize;
    left: 10px;
    top: 5px;
    transition: all .2s linear;
    white-space: nowrap;
}

#divRoles label,
#divSingleEntryRoles label,
#divEmailNotifications label {
    left: -6px !important;
    top: -32px !important;
}

#divSubsidiaryDisclaimer label,
#divAboutMe label,
#divAboutUs label,
#divCompanyLogo label {
    top: -22px !important;
}

.text-field-input {
    border: solid 1px #B7B7C0;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 20px;
    height: 48px;
    box-sizing: border-box;
}

.text-field-input:focus {
    border: solid 1px #00A69C !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    outline: none;
    padding: 10px 20px !important;
}

#passwordShow,
#passwordVerifyShow,
#newUserPasswordShow,
#newUserPasswordVerifyShow,
#securityAnswerShow,
#securityAnswerVerifyShow,
#newSecurityAnswerShow,
#newSecurityAnswerVerifyShow {
    color: #B7B7C1;
    cursor: pointer;
    position: absolute;
    top: 22px;
    right: 20px;
}

#passwordHide,
#passwordVerifyHide,
#newUserPasswordHide,
#newUserPasswordVerifyHide,
#securityAnswerHide,
#securityAnswerVerifyHide,
#newSecurityAnswerHide,
#newSecurityAnswerVerifyHide {
    color: #B7B7C1;
    display: none;
    position: absolute;
    top: 22px;
    right: 20px;
}

.dxheContentArea {
    background-color: transparent;
}

.dxgv {
    color: #171725;
}

/* 1600px and Greater for Desktops */
@media screen and (min-width:1600px) {
}
/* Between 1366px and 1599px for Laptops/Tablets */
@media screen and (min-width:1366px) and (max-width:1599px) {
    .textfield {
        padding: 10px;
    }
    select {
        font-size: 12px;
    }
}
/* Between 1024px and 1365px for Tablets */
@media screen and (min-width:1024px) and (max-width:1365px) {
    .formContainer {
        padding: 20px;
    }
}

/***********************************************************
SPECIFIC FORM STYLES                                        
************************************************************/

/* Company Registration, Company Info */
#CompanyAdminAddressInfo {
    float: left;
    margin-right: 32px;
    width: 44%;
    min-height: 640px;
}

#divCompanyAdminAddressInfo {
    box-sizing: border-box;
    width: 100%;
    min-height: 600px;
}

#CompanyAdminAddressInfo #divPortalName,
#AddressWebsiteInfoCompanyRegistration #divPortalName {
    font-size: 0.9vw;
}

#CompanyAdminAddressInfo #divPortalName label,
#AddressWebsiteInfoCompanyRegistration #divPortalName label {
    left: 18.0vw !important;
}

#CompanyAdminAddressInfo #divPortalNameURL,
#AddressWebsiteInfoCompanyRegistration #divPortalNameURL {
    border: solid 0px red;
    margin-right: 10px;
    padding-top: 0.2vh;
    width: 17.4vw;
}

#CompanyAdminAddressInfo #portalNameInstructions,
#AddressWebsiteInfoCompanyRegistration #portalNameInstructions {
    color: blue;
    font-size: 0.8vw;
}

#CompanyAdminAddressInfo #divPortalNameValue,
#AddressWebsiteInfoCompanyRegistration #divPortalNameValue, {
    border: solid 0px blue;
    flex-grow: 1;
}

#CompanyAdminAddressInfo #txtPortalName,
#AddressWebsiteInfoCompanyRegistration #txtPortalName {
    width: 100%;
}

#CompanyAdminAddressInfo #RequiredPortalNameValidator,
#AddressWebsiteInfoCompanyRegistration #RequiredPortalNameValidator {
    margin-left: 18vw;
}

#CompanyAdminAddressInfo #txtCompanyName,
#CompanyAdminAddressInfo #txtCompanyAddress1,
#CompanyAdminAddressInfo #txtCompanyAddress2,
#CompanyAdminAddressInfo #txtCompanyCity, 
#CompanyAdminAddressInfo #lstCompanyStates,
#CompanyAdminAddressInfo #txtCompanyZipCode,
#AddressWebsiteInfoCompanyRegistration #txtCompanyName,
#AddressWebsiteInfoCompanyRegistration #txtCompanyAddress1,
#AddressWebsiteInfoCompanyRegistration #txtCompanyAddress2,
#AddressWebsiteInfoCompanyRegistration #txtCompanyCity, 
#AddressWebsiteInfoCompanyRegistration #lstCompanyStates,
#AddressWebsiteInfoCompanyRegistration #txtCompanyZipCode 
{
    width: 100%;
}

#CompanyAdminAddressInfo #txtCompanyPhone {
    width: 180px;
}

#CompanyAdminWebsiteInfo {
    float: left;
    width: 44%;
    min-height: 640px;
}

#divCompanyAdminWebsiteInfo {
    box-sizing: border-box;
    float: left;
    width: 100%;
    min-height: 600px;
}

#CompanyAdminWebsiteInfo #txtCompanyWebsite,
#CompanyAdminWebsiteInfo #txtFaceBook,
#CompanyAdminWebsiteInfo #txtGoogle,
#CompanyAdminWebsiteInfo #txtInstagram,
#CompanyAdminWebsiteInfo #txtLinkedIn,
#CompanyAdminWebsiteInfo #txtTikTok,
#CompanyAdminWebsiteInfo #txtXcom,
#CompanyAdminWebsiteInfo #txtYouTube,
#CompanyAdminWebsiteInfo #txtZillow,
#CompanyAdminAddressInfo #txtFaceBook,
#CompanyAdminAddressInfo #txtGoogle,
#CompanyAdminAddressInfo #txtInstagram,
#CompanyAdminAddressInfo #txtLinkedIn,
#CompanyAdminAddressInfo #txtTikTok,
#CompanyAdminAddressInfo #txtXcom,
#CompanyAdminAddressInfo #txtYouTube,
#CompanyAdminAddressInfo #txtZillow,
#AddressWebsiteInfoCompanyRegistration #txtCompanyWebsite,
#AddressWebsiteInfoCompanyRegistration #txtFaceBook,
#AddressWebsiteInfoCompanyRegistration #txtGoogle,
#AddressWebsiteInfoCompanyRegistration #txtInstagram,
#AddressWebsiteInfoCompanyRegistration #txtLinkedIn,
#AddressWebsiteInfoCompanyRegistration #txtTikTok,
#AddressWebsiteInfoCompanyRegistration #txtXcom,
#AddressWebsiteInfoCompanyRegistration #txtYouTube,
#AddressWebsiteInfoCompanyRegistration #txtZillow,
#AddressWebsiteInfoCompanyRegistration #txtFaceBook,
#AddressWebsiteInfoCompanyRegistration #txtGoogle,
#AddressWebsiteInfoCompanyRegistration #txtInstagram,
#AddressWebsiteInfoCompanyRegistration #txtLinkedIn,
#AddressWebsiteInfoCompanyRegistration #txtTikTok,
#AddressWebsiteInfoCompanyRegistration #txtXcom,
#AddressWebsiteInfoCompanyRegistration #txtYouTube,
#AddressWebsiteInfoCompanyRegistration #txtZillow
{
    width: 100%;
}

/* My Profile */
/* Company User */
/* User Registration */
#UserSecurityInfoContainer,
#UserSecurityInfoRegistration  {
    float: left;
    margin-right: 32px;
    min-height: 0px;
    width: 44%;
}
#divUserSecurityInfo {
    box-sizing: border-box;
    float:left;
    width: 100%;
    min-height: 0px;
}
/* Company Registration */
#UserSecurityInfoCompanyRegistration,
#AddressWebsiteInfoCompanyRegistration {
    width: 95%;
}
#divUserSecurityInfoCompanyRegistration {
    box-sizing: border-box;
    float: left;
    min-height: 330px;
    width: 100%;
}
#divAddressWebsiteInfoCompanyRegistration {
    box-sizing: border-box;
    min-height: 580px;
    width: 100%;
}
/* Hierarchy */
#HierarchyInfoContainer {
    min-height: 0px;
    width: 100%;
}

#UserSecurityInfoCompanyRegistration #divUserSecurityInfoCompanyRegistration #divUserRolesPhone,
#AddressWebsiteInfoCompanyRegistration #divAddressWebsiteInfoCompanyRegistration #divCompanyNameLogoAddress {
    border: solid 0px red;
    float: left;
    margin-right: 24px;
    min-height: 0;
    width: 47%;
}
#UserSecurityInfoCompanyRegistration #divUserSecurityInfoCompanyRegistration #divPasswordSecurityAnswer,
#AddressWebsiteInfoCompanyRegistration #divAddressWebsiteInfoCompanyRegistration #divCompanyWebsiteInfo {
    border: solid 0px blue;
    float: left;
    margin-top: -20px;
    min-height: 0;
    width: 47%;
}
#UserSecurityInfo #txtFirstName,
#UserSecurityInfo #txtLastName,
#UserSecurityInfo #txtEmail,
#UserSecurityInfo #txtSubsidiaryLogoURL,
#UserSecurityInfo #txtSubsidiaryName,
#UserSecurityInfo #txtPassword,
#UserSecurityInfo #txtPasswordVerify,
#UserSecurityInfo #lstSecurityQuestions,
#UserSecurityInfo #txtSecurityAnswer,
#UserSecurityInfo #txtSecurityAnswerVerify,
#UserSecurityInfoRegistration #txtFirstName,
#UserSecurityInfoRegistration #txtLastName,
#UserSecurityInfoRegistration #txtEmail,
#UserSecurityInfoRegistration #txtPassword,
#UserSecurityInfoRegistration #txtPasswordVerify,
#UserSecurityInfoRegistration #lstSecurityQuestions,
#UserSecurityInfoRegistration #txtSecurityAnswer,
#UserSecurityInfoRegistration #txtSecurityAnswerVerify,
#UserSecurityInfoCompanyRegistration #txtFirstName,
#UserSecurityInfoCompanyRegistration #txtLastName,
#UserSecurityInfoCompanyRegistration #txtEmail,
#UserSecurityInfoCompanyRegistration #txtPassword,
#UserSecurityInfoCompanyRegistration #txtPasswordVerify,
#UserSecurityInfoCompanyRegistration #lstSecurityQuestions,
#UserSecurityInfoCompanyRegistration #txtSecurityAnswer,
#UserSecurityInfoCompanyRegistration #txtSecurityAnswerVerify {
    width: 100%;
}

#LoanOfficerInfo #lstLoanOfficerStates {
    width: 100%;
}

#LoanOfficerInfo {
    float: left;
    width: 44%;
    min-height: 740px;
}

#divLoanOfficerMyProfileInfo {
    box-sizing: border-box;
    width: 100%;
    min-height: 700px;
}
#LoanOfficerInfo #txtTitle,
#LoanOfficerInfo #txtNMLSCode,
#LoanOfficerInfo #txtLoanOfficerAddress1,
#LoanOfficerInfo #txtLoanOfficerAddress2,
#LoanOfficerInfo #txtLoanOfficerCity,
#LoanOfficerInfo #txtLoanOfficerZipCode,
#LoanOfficerInfo #txtPersonalCompanyWebsite,
#LoanOfficerInfo #txtFaceBook,
#LoanOfficerInfo #txtGoogle,
#LoanOfficerInfo #txtInstagram,
#LoanOfficerInfo #txtLinkedIn,
#LoanOfficerInfo #txtTikTok,
#LoanOfficerInfo #txtXcom,
#LoanOfficerInfo #txtYouTube,
#LoanOfficerInfo #txtZillow {
    width: 100%;
}
/* Loan Officer Registration */
#txtAboutMe {
    width: 306px;
}
#txtAboutMe_TD_T0 ul li {
    margin: 0 !important;
}
#mobileInstructions {
    display: none;
}
/* Setup Users */
.fileUpload {
    float: left;
    padding-top: 8px;
    width: 350px;
}
#SingleEntryContainer {
    border: solid 0px blue;
    width: 100%;
}
#divSingleEntryCompany {
    border: solid 0px red;
    float: left;
    margin-right: 8px;
}
#divSingleEntryEmail {
    border: solid 0px red;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
#ErrorMsgRoles {
    display: none;
    width: 100px;
}
#divSingleEntryRoles {
    float: left;
    margin-bottom: 20px;
}
#divCheckboxRoles {
    
}
#divSingleEntryPreview,
#divMultiLOPreview {
    border: solid 0px red;
    float: left;
    padding-top: 20px;
    width: auto;
}

#NowSendingSinglEntryInvite {
    border: solid 0px red;
    display: inline-block;
    float: left;
    margin: 8px 0 0 10px;
}
#FileUploadContainer {
    margin: 10px 0 20px 0;
}
::placeholder {
    opacity: 0.5;
    font-style: italic;
}
#pnlFileUpload {
    border: solid 0px red;
    float: left;
    margin-bottom: 20px;
}
/* 1600px and Greater for Desktops */
@media screen and (min-width:1600px) {
    #divSubsidiaryLogoName {
        margin: 10px 0;
    }
    #divSubsidiaryDisclaimer {
        margin-bottom: 40px;
    }
}
/* Between 1366px and 1599px for Tablets */
@media screen and (min-width:1366px) and (max-width:1599px) {
    /* Company Info */
    #CompanyAdminAddressInfo,
    #CompanyAdminWebsiteInfo {
        min-height: 400px;
        width: 95%;
    }
    #divCompanyAdminAddressInfo,
    #divCompanyAdminWebsiteInfo {
        min-height: 360px;
    }
    #divCompanyNameLogo {
        border: solid 0px red;
        float: left;
        margin-right: 24px;
        min-height: 0;
        width: 45%;
    }
    #divCompanyAddress {
        border:solid 0px blue;
        float: left;
        margin: -20px 0 0 0;
        min-height: 0;
        width: 52%;
    }
    #CompanyAdminAddressInfo #divPortalNameURL {
        border: solid 0px red;
        padding-top: 5px;
    }
    /* My Profile */
    /* Registration */
    #UserSecurityInfoContainer,
    #UserSecurityInfoRegistration {
        min-height: 300px !important;
        width: 95%;
    }
    #divUserRolesPhone {
        border: solid 0px red;
        float: left;
        margin-right: 24px;
        min-height: 0;
        width: 47%;
    }
    #divSubsidiaryLogoContainer {
        margin: 10px 0;
    }
    #divSubsidiaryName {
        margin-bottom: 20px;
    }
    #divUserSecurityInfo {
        border: solid 0px red;
        min-height: 340px !important;
    }
    #UserSecurityInfoContainer {
        width: 95%;
    }
    #UserSecurityInfo {
        width: 100%;
    }
    #LoanOfficerInfo {
        /*min-height: 0px !important;*/
        width: 95%;
    }
    #divLoanOfficerMyProfileInfo {
        /*min-height: 0px !important;*/
    }
    #divPasswordSecurityAnswer {
        border:solid 0px blue;
        float: left;
        margin: -20px 0 0 0;
        min-height: 0;
        width: 50%;
    }
}
/* Between 1024px and 1365px for Tablets */
@media screen and (min-width:1024px) and (max-width:1365px) {
    #CompanyAdminAddressInfo,
    #CompanyAdminWebsiteInfo {
        box-sizing: border-box;
        position: relative;
        min-height: 630px;
        width: 100%;
    }
    #divCompanyAdminAddressInfo,
    #divCompanyAdminWebsiteInfo {
        min-height: 590px;
    }
    #divCompanyNameLogo {
        float: left;
        min-height: 0;
        width: 100%;
    }
    #CompanyAdminAddressInfo #divPortalName {
        font-size: 1.2vw;
    }
    #CompanyAdminAddressInfo #divPortalName label {
        left: 320px !important;
    }
    #CompanyAdminAddressInfo #divPortalNameURL {
        font-size: 16px;
        padding-top:4px;
        width: 310px;
    }
    #CompanyAdminAddressInfo #portalNameInstructions {
        color: blue;
        font-size: 14px;
    }
    #CompanyAdminAddressInfo #divCompanyAddress {
        float: left;
        min-height: 0;
        width: 100%;
    }
    #UserSecurityInfoContainer,
    #UserSecurityInfoRegistration,
    #LoanOfficerInfo {
        box-sizing: border-box;
        position: relative;
        min-height: 0;
        width: 100%;
    }
    #divUserSecurityInfo,
    #divLoanOfficerMyProfileInfo {
        min-height: 0;
    }
}
/* All Mobile */
@media screen and (max-width:1023px) {
    html,
    body {
        background-color: #F0EFEF;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.00em;
        margin:0;
        padding:0;
        overflow:hidden;
    }
    #SideBar,
    #MSATPortalHeadingText,
    #lstSortBy-button,
    #CompanyAdminAddressInfo,
    #CompanyAdminWebsiteInfo, 
    #CompanyInfoFormButtons {
        display:none;
        visibility:hidden;
    }
    #mobileInstructions {
        border: solid 0px red;
        display: block;
        margin-bottom: 10px;
    }
    #mobileInstructions .sidebarInstructionsHeading {
        color: #00A69C;
        font-family: Poppins, sans-serif;
        font-size: 20px;
        font-weight: 600;
    }
    #UserSecurityInfo {
        margin-top: 40px;
    }
}
/* Between 768px and 1023px for Small Tablets/Large Phones */
@media screen and (min-width:768px) and (max-width:1023px) {
    #UserSecurityInfoContainer,
    #UserSecurityInfoRegistration,
    #LoanOfficerInfo {
        box-sizing: border-box;
        position: relative;
        min-height: 0;
        width: 100%;
    }
    #divUserSecurityInfo,
    #divLoanOfficerMyProfileInfo {
        min-height: 0;
    }
    #ExistingUsers,
    #LoginFooterMobile {
        position: relative;
        top: -66px;
    }
}
/* Between 441px and 767px for Large Phones */
@media screen and (min-width:441px) and (max-width:767px) {
    #UserSecurityInfoContainer,
    #UserSecurityInfoRegistration,
    #LoanOfficerInfo {
        box-sizing: border-box;
        position: relative;
        min-height: 0;
        width: 100%;
    }
    #divUserSecurityInfo,
    #divLoanOfficerMyProfileInfo {
        min-height: 0;
    }
    .formRow {
        margin-top: 10px;
    }
    #lstLoanOfficerStates {
        width: 82px !important;
    }
    #mobileInstructions {
        font-size: 14px;
    }
    #mobileInstructions .sidebarInstructionsHeading {
        font-size: 18px;
    }
}
/* Less than 441px for older/smaller phones */
@media screen and (max-width:440px) {
    #UserSecurityInfoContainer,
    #UserSecurityInfoRegistration,
    #LoanOfficerInfo {
        box-sizing: border-box;
        position: relative;
        min-height: 0;
        width: 100%;
    }

    #divUserSecurityInfo,
    #divLoanOfficerMyProfileInfo {
        min-height: 0;
    }

    #divUserRolesPhone .flexContainer,
    #divPasswordSecurityAnswer .flexContainer,
    #divLoanOfficerTitleAddress .flexContainer {
        display: block !important;
    }
    #divLoanOfficerTitleAddress .flexContainer .formRowRight .flexContainer {
        display: flex !important;
    }
    .formRowLeft,
    .formRowRight,
    .formRowLeftTop,
    .formRowRightTop {
        flex: none;
        float: none;
        margin: 10px 0 0 0;
        width: 100%;
    }
    .formRow {
        margin-top: 10px;
    }
    #divRoles .checkboxLabel,
    #divSingleEntryRoles .checkboxLabel,
    #divEmailNotifications .checkboxLabel {
        font-size: 11px;
        padding-top: 5px;
    }
    #divAboutMe {
        padding: 10px 1px;
    }
    #mobileInstructions {
        font-size: 14px;
    }
    #mobileInstructions .sidebarInstructionsHeading {
        font-size: 18px;
    }
}

/***********************************************************
GRIDVIEW STYLES                                                
************************************************************/

#grdComments {
    width: 100%;
}

.GridViewHeader {
    background-color: #00A69C;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
}

.headerRowTop,
.headerRowBottom {
    width: 100%;
}

.headerRowBottom div {
    border: solid 0px red;
}

.headerRow {
    padding-top: 5px;
}

.GridViewHeader .headerRow div.col1 {
    float: left;
    width: 10%;
    text-align: left;
}

.GridViewHeader .headerRow div.col2 {
    float: left;
    width: 15%;
    text-align: left;
}

.GridViewHeader .headerRow div.col3 {
    float: left;
    width: 15%;
    text-align: left;
}

.GridViewHeader .headerRow div.col4 {
    float: left;
    width: 60%;
    text-align: left;
}

.CommentRows {
    border: solid 0px green;
    width: 100%;
    font-size: 14px;
    height: 56vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.CommentRows div.rowGroupHeading {
    background-color: dodgerblue;
    color: #FFF;
    float: left;
    font-weight: 800;
    padding: 2px 6px;
    text-align: left;
    width: 100%;
}

.CommentRows .CommentRow div.col1 {
    float: left;
    width: 10%;
    text-align: left;
}

.CommentRows .CommentRow div.col2 {
    float: left;
    width: 15%;
    text-align: left;
}

.CommentRows .CommentRow div.col3 {
    float: left;
    width: 15%;
    text-align: left;
}

.CommentRows .CommentRow div.col4 {
    float: left;
    width: 60%;
    text-align: left;
}

.CommentRow div {
    border-bottom: solid 1px #CCC;
    padding: 4px 0;
    float: left;
    font-size: 14px;
}

#gridViewDiv {
    border: solid 0px red;
    width: 100%;
}

#gridView {
    width: 100%;
}

#gridViewDiv .fa-eye {
    color: #00A69C;
    cursor: pointer;
}

#gridViewDiv .fa-eye-slash {
    color: #000;
    cursor: pointer;
}

#gridView tr:not(:first-child) td {
    padding-top: 20px;
}
.divCheckAll {
    margin-top: 2px;
    padding: 8px 5px;
}

/* Common GridView */
.divGridViewContainer {
    border: solid 0px red;
    background-color: #FFF;
    border-radius: 8px;
    padding: 34px 30px;
    overflow-y: auto;
    max-height: 440px;
}
.grdCompanyUsersContainer {
    border: solid 0px red;
    background-color: #FFF;
    border-radius: 8px;
    padding: 0;
}
.gridView {
    border: none;
    width: 100%;
    padding: 0;
}

.dxgvHeader {
    background-color: transparent;
    border: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.08px;
    color: #000000;
}

.dxgvDataRow {
    height: 40px;
}

.dxgvSelectedRow {
    background-color: #FAFFF3;
    color: #000;
}

.dxgvDataRow,
.dxgvDataRow a:link,
.dxgvDataRow a:visited,
.dxgvDataRow a:active,
.dxgvDataRow a:hover {
    color: #0062FF;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.08px;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 5px;
    border-bottom: solid 1px #0062FF;
}

input[type="checkbox"] {
    border-radius: 4px;
    border: solid 1px #B5B5BE;
    cursor: pointer;
}

input[type=checkbox]:checked {
    background-color: #00A69C;
    border-radius: 4px;
    border: solid 1px #B5B5BE;
    cursor: pointer;
}
.fa-plus-circle {
    color: #92929D;
    font-size: 18px;
}
#divAddNewUser,
#divAddNewUsers {
    background-color: #F2F2F3;
    border: solid 1px #E2E2EA;
    border-radius: 11.5px;
    float: left;
    margin: 10px 0 20px 24px;
    padding: 10px 20px 10px 10px;
}
#divDownloadHierarchyLO,
#divDownloadHierarchyProc {
    border: solid 0px red;
    float: left;
    margin: 10px 0 20px 0px;
    padding: 10px;
}
#divUploadHierarchy {
    border: solid 0px red;
    float: right;
    margin: 10px 0 20px 0px;
    padding: 10px;
}
#divDownloadHierarchyLO a,
#divDownloadHierarchyProc a,
#divUploadHierarchy a {
    color: #055D53;
}
#divUploadHierarchyButton {
    float: right;
    padding-top: 7px;
}
#spanHierarchyUploadName {
    border: solid 0px red;
    float: left;
    font-size: 16px;
    padding: 0 10px 10px 10px;
}
#pnlHierarchyUpload {
    border: solid 0px red;
    float: left;
}
.hierarchyDropdown {
    border: solid 1px #B7B7C0;
    border-radius: 4px;
    padding: 5px;
}
#lnkAddUser,
#lnkAddUsers {
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #171725;
    margin-left: 9px;
    text-decoration: none;
}
/* Between 1366px and 1599px for Laptops */
@media screen and (min-width:1366px) and (max-width:1599px) {
    #grdCompanyUsers .dxgvHeader {
        font-size: 12px;
    }
    #grdCompanyUsers .dxgvDataRow,
    #grdCompanyUsers .dxgvDataRow a {
        font-size: 12px;
    }
}

#divDeleteUsersButton {
    border: solid 0px red;
    margin: 20px 0 0 24px;
}

#divDeleteUsersButton input {
    margin-right: 5px;
}

/* ReSend Invites */
#grdReSendInvites {
    table-layout: fixed;
}

#grdReSendInvites thead th {
    text-align: left;
}

#grdReSendInvites tbody td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* grdReSendInvites Header Row */
#grdReSendInvites thead th:nth-child(1) {
    width: 28px;
}

#grdReSendInvites thead th:nth-child(2) {
    width: 40%;
}

#grdReSendInvites thead th:nth-child(3) {
    width: 40%;
}

#grdReSendInvites thead th:nth-child(4) {
    width: 20%;
}
/* grdReSendInvites Data Rows */
#grdReSendInvites tbody td:nth-child(1) {
    width: 28px;
}

#grdReSendInvites tbody td:nth-child(2) {
    width: 40%;
}

#grdReSendInvites tbody td:nth-child(3) {
    width: 40%;
}

#grdReSendInvites tbody td:nth-child(4) {
    width: 20%;
}

/*#grdReSendInvites tbody tr:nth-child(even) {background: #F2F2F3}*/
#grdReSendInvites tbody tr:nth-child(odd) {
    /*background: #FFF;*/
}

#divResendButtons {
    border: solid 0px red;
    margin: 20px 0 0 24px;
}

#divResendButtons input {
    margin-right: 5px;
}

#divDeleteUsersButton {
}

.divPagingLinks td table {
    table-layout: auto !important;
    width: auto;
}

.divPagingLinks td table tbody td {
    width: 10px !important;
}
/* Sorting */
.sortedBy {
    background-color: #5BC4BF !important;
    color: #000;
}

.gridViewSortedByASC,
.sortASC {
    background-image: url('../Images/PNGs/arrowUpWhite.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.gridViewSortedByDESC,
.sortDESC {
    background-image: url("../Images/PNGs/arrowDownWhite.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

td.cellYes {
    background-color: #028273;
    color: white;
    font-weight: bold;
}

td.cellNo {
    background-color: #B5E1E1;
    color: black;
}

.divCheckbox {
    float: left;
}

input[type=checkbox] {
    float: left;
    width: 20px;
    height: 20px;
}

input[type=button]:disabled {
    background-color: #CCC;
    color: #696969;
}

input[type=submit]:disabled {
    background-color: #CCC;
    color: #696969;
}
.checkboxLabel {
    border: solid 0px red;
    float: left;
    font-size: 14px;
    margin-right: 20px;
    padding: 3px 0 0 3px;
}

.userEmail,
.companyWebsite {
    color: #0000FF;
}

.buttonsLeft {
    float: left;
    margin-bottom: 20px;
    text-align: left;
}

.buttonsRight {
    float: right;
    margin-bottom: 20px;
    margin-right: -10px;
    text-align: left;
}

.button {
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    text-transform: uppercase;
}

.button.lightGreen {
    background-color: lightgreen;
    border: solid 0px green;
    border-radius: 18px;
    color: #000;
    float: left;
    margin-right: 10px;
}

.red {
    background-color: red;
    border-radius: 18px;
    border: none;
    color: #FFF;
    font-weight: bold;
    margin: 0;
    padding: 5px 30px;
    height: 36px;
}

.darkGreen {
    background-color: #008274;
    border-radius: 18px;
    border: none;
    color: #FFF;
    font-weight: bold;
    margin: 0;
    padding: 5px 30px;
    height: 36px;
}

.darkGreen:hover {
    background-color: #7EBF42;
}

.darkBlue {
    background-color: darkBlue;
    border-radius: 18px;
    border: none;
    color: #FFF;
    font-weight: bold;
    margin: 0;
    padding: 5px 30px;
    height: 36px;
}

.darkBlue:hover {
    background-color: cornflowerblue;
}

.darkGray {
    height: 38px;
    border-radius: 4px;
    border: solid 1.0px #FFFFFF;
    background-color: #69696A;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.mediumGreen {
    height: 38px;
    border-radius: 4px;
    border: solid 1.0px #FFFFFF;
    background-color: #00A69C;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.black {
    background-color: #000;
    border-radius: 18px;
    border: none;
    color: #FFF;
    font-weight: bold;
    margin: 0;
    padding: 5px 20px;
    height: 36px;
}

.black:hover {
    background-color: #696969;
}

.buttonDarkGreen {
    background-color: #00A69C;
    border-radius: 3px;
    border: none;
    color: #FFF;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    width: 120px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.formSaveButton {
    border-radius: 4px;
    border: none;
    background-color: #00A69C;
    color: #FAFAFB;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: 150px;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.formDeleteButton {
    border-radius: 4px;
    border: none;
    background-color: red;
    color: #FAFAFB;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: 150px;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.formRemoveAllButton {
    border-radius: 4px;
    border: none;
    background-color: #CD5C5C;
    color: #FAFAFB;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: 150px;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.formCancelButton {
    border-radius: 4px;
    border: none;
    background-color: #6D6D6D;
    color: #F1F1F5;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: 150px;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.fileUploadCancelButton {
    width: 150px;
    height: 30px;
    border-radius: 4px;
    border: none;
    background-color: #6D6D6D;
    color: #F1F1F5;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: 150px;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.formSendAllButton,
.formSecondaryButton {
    border-radius: 4px;
    border: none;
    background-color: darkBlue;
    color: #FAFAFB;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: 150px;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.formMakeLiveButton {
    border-radius: 4px;
    border: none;
    background-color: #7B7B87;
    color: #FAFAFB;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: 150px;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#btnEditPictureLink,
#btnCopyLink {
    background-color: #008274;
    border-radius: 3px;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    margin: 0;
    padding: 5px 20px;
    height: 36px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#btnEmailLink {
    background-color: darkBlue;
    border-radius: 3px;
    border: none;
    color: #FFF;
    font-weight: bold;
    margin: 0;
    padding: 5px 20px;
    height: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#btnEditPictureLink .far,
#btnCopyLink .far,
#btnEmailLink .far {
    color: #FFF;
    margin-right: 5px;
}

/***********************************************************
PAGING STYLES                                               
************************************************************/

@media screen and (min-width:1024px) {
    #divPaging {
        border: solid 0px blue;
        border-top: solid 1px #CCC;
        margin-top: 20px;
        padding-top: 20px;
        height: auto;
    }

    .gridViewPaging {
        display: none;
    }
}
/* 1600px and Greater for Desktops */
@media screen and (min-width:1600px) {
    #pagingSummary {
        border: solid 0px red;
        float: left;
        font-size: 16px;
        font-weight: bold;
        margin: 2px 20px 0 0;
    }

    .pagingButton {
        border-radius: 2px;
        border: solid 1px #696969;
        color: #FFF;
        cursor: pointer;
        float: left;
        padding: 5px 15px;
        text-align: center;
        width: 60px;
    }

    .pagingPrevGroup,
    .pagingNextGroup {
        float: left;
        margin: 4px 10px;
    }

        .pagingPrevGroup:hover {
            background-color: #e3fbe3;
            border: solid 1px #696969;
            border-radius: 2px;
            cursor: pointer;
            margin: 0px 4px;
            padding: 4px 5px 3px 5px;
        }

        .pagingNextGroup:hover {
            background-color: lightcyan;
            border: solid 1px #696969;
            border-radius: 2px;
            cursor: pointer;
            margin: 0px 4px;
            padding: 4px 5px 3px 5px;
        }

    #pagingLinkContainer {
        border: solid 0px blue;
        float: left;
        width: auto;
    }

    a.pagingLink:link,
    a.pagingLink:visited,
    a.pagingLink:active,
    a.pagingLink:hover {
        color: #000;
        float: left;
        margin: 3px 10px;
        text-decoration: underline;
    }

    #pagingFirstArrow,
    #pagingPrevArrow,
    #pagingNextArrow,
    #pagingLastArrow {
        display: none;
        visibility: hidden;
    }

    #pagingFirst {
        background-color: #008274;
        color: #FFF;
        margin-right: 10px;
    }

    #pagingPrev {
        background-color: darkseagreen;
        color: #FFF;
        margin-right: 10px;
    }

    #pagingNext {
        background-color: cornflowerblue;
        margin-left: 10px;
    }

    #pagingLast {
        background-color: darkblue;
        margin-left: 10px;
    }

    .currentPage {
        background-color: lightcyan;
        border: solid 1px #696969;
        float: left;
        font-size: 16px;
        font-weight: bold;
        margin: -4px 5px 0 5px;
        padding: 5px;
    }

    #divPagingLinks,
    #pageSize,
    #lstPageSize {
        border: solid 0px blue;
        float: left;
    }

    #pageSize {
        border: solid 0px blue;
        margin-left: 50px;
    }

    #spanPageSize {
        float: left;
        font-size: 15px;
        margin: 2px 5px 0 0;
    }

    #lstPageSize {
        float: left;
        font-size: 15px;
        margin-top: 4px;
        width: 50px;
    }
}
/* Between 1366px and 1599px for Laptops */
@media screen and (min-width:1366px) and (max-width:1599px) {
    #pagingSummary {
        border: solid 0px red;
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin: 4px 10px 0 0;
    }

    .pagingButton {
        border-radius: 2px;
        border: solid 1px #696969;
        color: #FFF;
        cursor: pointer;
        float: left;
        font-size: 13px;
        padding: 5px;
        text-align: center;
        width: 50px;
    }

    .pagingPrevGroup,
    .pagingNextGroup {
        float: left;
        margin: 4px 5px;
        padding: 0 2px;
    }

        .pagingPrevGroup:hover {
            background-color: #e3fbe3;
            border: solid 1px #696969;
            border-radius: 2px;
            cursor: pointer;
            margin: 0px 4px;
            padding: 4px 2px 3px 2px;
        }

        .pagingNextGroup:hover {
            background-color: lightcyan;
            border: solid 1px #696969;
            border-radius: 2px;
            cursor: pointer;
            margin: 0px 4px;
            padding: 4px 2px 3px 2px;
        }

    #pagingLinkContainer {
        border: solid 0px blue;
        float: left;
        width: auto;
    }

    a.pagingLink:link,
    a.pagingLink:visited,
    a.pagingLink:active,
    a.pagingLink:hover {
        color: #000;
        float: left;
        font-size: 14px;
        margin: 3px 5px;
        text-decoration: underline;
    }

    #pagingFirstArrow,
    #pagingPrevArrow,
    #pagingNextArrow,
    #pagingLastArrow {
        display: none;
        visibility: hidden;
    }

    #pagingFirst {
        background-color: #008274;
        color: #FFF;
        margin-right: 5px;
    }

    #pagingPrev {
        background-color: darkseagreen;
        color: #FFF;
        margin-right: 5px;
    }

    #pagingNext {
        background-color: cornflowerblue;
        margin-left: 5px;
    }

    #pagingLast {
        background-color: darkblue;
        margin-left: 5px;
    }

    .currentPage {
        background-color: lightcyan;
        border: solid 1px #696969;
        float: left;
        font-size: 15px;
        font-weight: bold;
        margin: -3px 5px 0 5px;
        padding: 5px;
    }

    #divPagingLinks,
    #pageSize,
    #lstPageSize {
        float: left;
    }

    #pageSize {
        border: solid 0px blue;
        margin-left: 50px;
    }

    #spanPageSize {
        float: left;
        font-size: 14px;
        margin: 4px 5px 0 0;
    }

    #lstPageSize {
        float: left;
        font-size: 14px;
        margin-top: 4px;
        width: 40px;
    }
}
/* Between 1024px and 1365px for Tablets */
@media screen and (min-width:1024px) and (max-width:1365px) {
    #divPaging {
        margin-top: 10px;
        padding-top: 25px;
        position: relative;
    }

    #pagingSummary {
        border: solid 0px blue;
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin: 4px 10px 10px 0;
    }

    .pagingButton {
        border-radius: 2px;
        border: solid 1px #696969;
        color: #FFF;
        cursor: pointer;
        float: left;
        font-size: 13px;
        padding: 5px;
        text-align: center;
        width: 50px;
    }

    .pagingPrevGroup,
    .pagingNextGroup {
        float: left;
        margin: 4px 5px;
        padding: 0 2px;
    }

        .pagingPrevGroup:hover {
            background-color: #e3fbe3;
            border: solid 1px #696969;
            border-radius: 2px;
            cursor: pointer;
            margin: 0px 4px;
            padding: 4px 2px 3px 2px;
        }

        .pagingNextGroup:hover {
            background-color: lightcyan;
            border: solid 1px #696969;
            border-radius: 2px;
            cursor: pointer;
            margin: 0px 4px;
            padding: 4px 2px 3px 2px;
        }

    #pagingLinkContainer {
        border: solid 0px blue;
        float: left;
        width: auto;
    }

    a.pagingLink:link,
    a.pagingLink:visited,
    a.pagingLink:active,
    a.pagingLink:hover {
        color: #000;
        float: left;
        font-size: 14px;
        margin: 3px 5px;
        text-decoration: underline;
    }

    #pagingFirstArrow,
    #pagingPrevArrow,
    #pagingNextArrow,
    #pagingLastArrow {
        display: none;
        visibility: hidden;
    }

    #pagingFirst {
        background-color: #008274;
        color: #FFF;
        margin-right: 5px;
    }

    #pagingPrev {
        background-color: darkseagreen;
        color: #FFF;
        margin-right: 5px;
    }

    #pagingNext {
        background-color: cornflowerblue;
        margin-left: 5px;
    }

    #pagingLast {
        background-color: darkblue;
        margin-left: 5px;
    }

    .currentPage {
        background-color: lightcyan;
        border: solid 1px #696969;
        float: left;
        font-size: 15px;
        font-weight: bold;
        margin: -3px 5px 0 5px;
        padding: 5px;
    }

    #divPagingLinks
    {
        border: solid 0px red;
        float: left;
        padding: 0;
        width: auto;
    }
    #pageSize,
    #lstPageSize {
        float: left;
    }

    #pageSize {
        border: solid 0px blue;
        margin-top: 10px;
        position: absolute;
        right: 0;
        top: 15px;
    }

    #spanPageSize {
        border: solid 0px red;
        float: left;
        font-size: 14px;
        margin: 4px 0 0 0;
    }

    #lstPageSize {
        float: left;
        font-size: 14px;
        margin-top: 4px;
        width: 40px;
    }
}
/* For all Mobile */
@media screen and (max-width:1023px) {
    #divPaging {
        border-top: solid 1px #CCC;
        margin-top: 10px;
        padding: 5px 0;
        width: 100%;
    }
    .gridViewPaging {
        display: none;
    }
    #pagingSummary {
        border: solid 0px red;
        float: left;
        font-size: 0.9em;
        font-weight: bold;
        margin: 0.5em 1em 0 0.5em;
        width: auto;
    }

    #pagingNav {
        border: solid 0px red;
        float: right;
        margin-right: 0.5em;
    }

    #divPagingLinks {
        float: left;
    }

    .pagingButton {
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 2px;
        border: solid 1px #696969;
        color: #FFF;
        cursor: pointer;
        float: left;
        font-family: 'Open Sans';
        font-size: 13px;
        font-weight: bold;
        padding: 5px 4px;
        text-align: center;
        width: 26px;
    }

    .pagingPrevGroup,
    .pagingNextGroup {
        float: left;
        margin: 5px 3px 0 0;
        padding: 0 2px;
    }

    .pagingPrevGroup:hover {
        background-color: #e3fbe3;
        border: solid 1px #696969;
        border-radius: 2px;
        cursor: pointer;
        margin: 0px 4px;
        padding: 4px 2px 3px 2px;
    }

    .pagingNextGroup:hover {
        background-color: lightcyan;
        border: solid 1px #696969;
        border-radius: 2px;
        cursor: pointer;
        margin: 0px 4px;
        padding: 4px 2px 3px 2px;
    }

    #pagingLinkContainer {
        border: solid 0px green;
        float: left;
        max-width: 58%;
        padding-top: 5px;
    }

    a.pagingLink:link,
    a.pagingLink:visited,
    a.pagingLink:active,
    a.pagingLink:hover {
        color: #000;
        float: left;
        font-size: 0.7em;
        margin: 3px 3px;
        text-decoration: underline;
    }

    .currentPage {
        background-color: lightcyan;
        border: solid 1px #696969;
        float: left;
        font-size: 0.8em;
        font-weight: bold;
        margin: -2px 5px 0 5px;
        padding: 2px 3px;
    }

    #pagingFirst,
    #pagingPrev,
    #pagingNext,
    #pagingLast {
        display: none;
        visibility: hidden;
    }

    #pagingFirstArrow {
        background-color: #008274;
        color: #FFF;
        margin-right: 5px;
        padding-left: 10px;
        padding-right: 25px;
    }

    #pagingPrevArrow {
        background-color: darkseagreen;
        color: #FFF;
        margin-right: 5px;
        padding-left: 10px;
        padding-right: 18px;
    }

    #pagingNextArrow {
        background-color: cornflowerblue;
        margin-left: 5px;
        padding-left: 12px;
        padding-right: 16px;
    }

    #pagingLastArrow {
        background-color: darkblue;
        margin-left: 5px;
        padding-left: 12px;
        padding-right: 23px;
    }

    #pageSize,
    #lstPageSize {
        display: none;
        float: left;
    }

    #pageSize {
        border: solid 0px blue;
        margin-top: 8px;
        position: absolute;
        right: 0;
        top: 0;
    }

    #spanPageSize {
        float: left;
        font-size: 14px;
        margin: 4px 5px 0 0;
    }

    #lstPageSize {
        float: left;
        font-size: 14px;
        margin-top: 4px;
        width: 40px;
    }

    #divMobilePagingOptions {
        border: solid 0px red;
        color: #7B7B87;
        float: left;
        margin-left: 10px;
        text-align: right;
    }

    /* Less than 440px for older/smaller phones */
    @media screen and (max-width:439px) {
        #pagingLinkContainer {
            display: none;
        }

        #divMobilePagingOptions {
            border: solid 0px red;
            float: right;
        }

        #mobileSettings {
            margin: 0;
            padding: 6px 0 0 0;
        }
    }
}

/***********************************************************
POPUP STYLES                                                
************************************************************/

.popup {
    border-radius: 8px !important;
    transition: 0.3s !important;
}

.dxpcLite .dxpc-header {
    border-bottom: solid 1px #F1F1F5;
    padding: 10px 20px 8px 20px;
}

.roundedCornersTop10 {
    background-color: #FFF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
}

.modalPopup {
    background-color: #FFF;
    border: solid 2px black;
    padding: 0;
}

.modalPopupBackground {
    background-color: #696969;
    filter: alpha(opacity=85);
    -khtml-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    z-index: 90 !important;
}

.modalPopupHeader {
    background-color: #00A69C;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    width: auto;
    height: 20px;
}

.modalPopupTitle {
    float: left;
}

.modalPopupClose {
    float: left;
    text-align: center;
    width: 16px;
    height: 16px;
}

.modalPopupContent {
    padding: 10px;
    width: auto;
}

.dxpc-content {
    border: solid 0px red;
    padding: 20px !important;
}

html.popupHTML {
    background-color: #FFF;
}
body.popupBody {    
    background-color: #FFF;
    padding: 10px 20px;
    height: 100vh;
}

.popupContent {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.10px;
}

.popupContent p {
    border: solid 0px red;
    margin: 0;
}

.popupContentMsg p {
    border: solid 0px red;
    color: #00A69C;
    font-size: 18px;
    margin: 0;
    text-align: center;
}

#popupFieldset,
#popupFieldset1,
.popupFieldset {
    margin-top: -5px;
}

#PopupButtonContainer,
.PopupButtonContainer {
    border: solid 0px red;
    margin: 16px auto;
    text-align: center;
    width: auto;
}

#PopupButtonContainerRight {
    border: solid 0px red;
    margin: 16px auto;
    text-align: right;
    width: auto;
    height: 20px;
}
#tabUploadImage_tab {
    font-size: 16px;
    font-family: Poppins, sans-serif;
    padding: 10px;
}
.ajax__tab_xp .ajax__tab_header,
.ajax__tab_outer,
.ajax__tab_inner
 {
    /*height: 50px !important;*/
}
#PopupSelectImagePreview,
#PopupSelectImageMyProfilePreview {
    border: solid 0px red;
    margin: -14px 0 0 0;
}
#PopupSelectImageInstructions,
#PopupEditPictureLinkInstructions,
#PopupSelectImageMyProfileInstructions {
    background-color: #FFF;
    border: solid 1px #CCC;
    border-radius: 5px;
    margin-top: 50px;
    padding: 10px;
}
#PopupEditPictureLinkInstructions {
    margin-top: 0px;
}
#PopupEditPictureLinkButtons,
#PopupSelectImageButtons,
#PopupSelectImageMyProfileButtons {
    border: solid 0px red;
    margin: 20px auto 0 auto;
    text-align: center;
}
#txtPictureURL {
    box-sizing: border-box;
    width: 100%;
}
#DownloadTemplateButton,
#PopupSelectImageButton,
#PopupSelectImageMyProfileButton,
#PopupSelectFileButton {
    border-radius: 4px;
    border: none;
    background-color: #00A69C;
    color: #FAFAFB;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-right: 0px;
    padding: 14px 0 1px 0;
    width: 150px;
    height: 33px;
}
#DownloadTemplateButton {
    float: left;
    margin-right: 10px;
    text-decoration: none;
    width: 200px;
}
#PopupSelectFileButton {
    width: 250px;
}
#PopupSaveImageLinkButton,
#PopupSelectCropButton {
    margin: 0 10px;
}
#ChangeImage {
    font-size: 14px;
    margin-bottom: 6px;
    text-align: center;
}
.PopupClose {
    display: inline-block;
    color: #00A69C;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 5px;
    position: absolute;
}
#spanFileUploadName {
    border: solid 0px red;
    float: left;
    font-size: 16px;
    padding: 14px;
}
#PopupEditPictureLink_PW-1,
#PopupCopyEmailLink_PW-1 {
    width: 760px !important;
    height: 200px !important;
}
#PopupSelectRole_PW-1 {
    width: 625px !important;
    height: 181px !important;
}
#PopupSelectRoleButtonContainer {
    margin-top: 20px;
    text-align: right;
}
#PopupSelectRole_PW-1 #LoginAsLoanOfficerButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-right: 10px;
    width: 200px !important;
}
#PopupSelectRole_PW-1 #LoginAsCompanyAdminButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 200px !important;
}
#SelectRoleLoggingIn {
    color: #00A69C;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

@media screen and (min-width:1600px) {
    #PopupMultiInvitePreview_PW-1 {
        width: 800px !important;
        height: 400px !important;
    }
}
@media screen and (min-width:1366px) and (max-width:1599px) {
    #PopupEditPictureLink_PW-1,
    #PopupMultiInvitePreview_PW-1 {
        width: 700px !important;
        height: 360px !important;
    }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
    #PopupEditPictureLink_PW-1,
    #PopupMultiInvitePreview_PW-1 {
        width: 600px !important;
        height: 320px !important;
    }
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    #PopupEditPictureLink_PW-1,
    #PopupMultiInvitePreview_PW-1 {
        width: 400px !important;
        height: 540px !important;
    }
    #txtPictureURL {
        margin-bottom: 10px;
    }
}



/* All tablets, labptop and desktop */
@media screen and (min-width:1024px) {
    .popup {
        transition: 1.0s;
    }

    #EditPictureLinkContainer,
    #CopyEmailLinkContainer {
        border: solid 0px red;
        margin-bottom: 20px;
    }
    #EditPictureLinkText {
        border: solid 0px red;
        width: auto;
    }
    #CopyEmailLinkText {
        border: solid 0px red;
        float: left;
        margin-right: 10px;
    }
    #EditPictureLinkButtons,
    #CopyEmailLinkButtons {
        border: solid 0px red;
        float: left;
    }
    #txtPageURL {
        width: 490px;
    }

    #ShareThisButtons {
        margin: 20px auto 0 auto;
    }

    #SelectRoleContainer {
        border: solid 0px red;
        font-size: 14px;
        width: auto;
    }

    .selectRoleLabel {
        border: solid 0px blue;
        float: left;
        font-weight: bold;
        margin-right: 20px;
        text-align: right;
        width: 55%;
    }

    .selectRoleOption {
        border: solid 0px blue;
        float: left;
        text-align: left;
        width: 30%;
    }
    /* SHARE BUTTONS */
    .st-custom-button[data-network] {
        background-color: #0adeff;
        display: inline-block;
        padding: 5px 10px;
        cursor: pointer;
        font-weight: bold;
        color: #fff;
    }

    .st-custom-button[data-network]:hover,
    .st-custom-button[data-network]:focus {
        text-decoration: underline;
        background-color: #00c7ff;
    }

    #divSingleInvitationPreview,
    #divMultiInvitationPreview {
        border: solid 1px #000;
        border-radius: 5px;
        text-align: left;
        padding: 20px;
    }
}
/* Between 768px and 1023px for Small Tablets/Large Phones */
@media screen and (min-width:768px) and (max-width:1023px) {
    #PopupEditPictureLink_PW-1,
    #PopupCopyEmailLink_PW-1,
    #PopupAboutMe_PW-1,
    #PopupAboutCompany_PW-1,
    #PopupSelectImage_PW-1 {
        top: 40px !important;
        width: 96% !important;
        height: 100px !important;
    }
    #PopupSelectImageComments_PW-1 {
        top: 110px !important;
        width: 96% !important;
        height: 100px !important;
    }
    #PopupSelectImageMyProfile_PW-1 {
        width: 96% !important;
        height: 100px !important;
    }
    #EditPictureLinkContainer,
    #CopyEmailLinkContainer {
        box-sizing: border-box;
        margin-top: 10px;
    }
    #CopyEmailLinkText {
        box-sizing: border-box;
        display: inline-block;
        float: left;
        margin-top: 10px;
        width: 70%;
    }
    #txtPageURL {
        width: 92%;
    }
    #EditPictureLinkButtons,
    #CopyEmailLinkButtons {
        display: inline-block;
        float: left;
        margin: 10px 0;
        padding-top: 2px;
    }
    #st-4 {
        text-align: center;
    }    
    #divLoanOfficerAbout {
        height: 340px;
    }
    #divLoanOfficerAboutPopup {
        border: solid 0px red;
        overflow-x: hidden;
        overflow-y: auto;
        height: 300px;
        text-align: left;
    }
}
/* Between 441px and 767px for Large Phones */
@media screen and (min-width:441px) and (max-width:767px) {
    #PopupEditPictureLink_PW-1,
    #PopupCopyEmailLink_PW-1,
    #PopupAboutMe_PW-1,
    #PopupAboutCompany_PW-1,
    #PopupSelectImage_PW-1 {
        top: 40px !important;
        width: 96% !important;
        height: 100px !important;
    }
    #PopupSelectImageComments_PW-1 {
        top: 110px !important;
        width: 96% !important;
        height: 100px !important;
    }
    #PopupSelectImageMyProfile_PW-1,
    #PopupSelectRole_PW-1 {
        width: 96% !important;
        height: 100px !important;
    }
    #PopupSelectRoleButtonContainer {
        text-align: center;
        margin-top: 20px;
    }
    #PopupSelectRole_PW-1 #LoginAsLoanOfficerButton {
        display: inline-block;
        float: none;
        margin: 0 auto 10px auto;
        width: 200px !important;
    }
    #PopupSelectRole_PW-1 #LoginAsCompanyAdminButton {
        display: inline-block;
        float: none;
        margin: 0 auto 10px auto;
        width: 200px !important;
    }
    #EditPictureLinkContainer,
    #CopyEmailLinkContainer,
    #CopyEmailLinkText {
        box-sizing: border-box;
        margin-top: 10px;
    }
    #CopyEmailLinkText #txtPageURL {
        width: 92%;
    }
    #EditPictureLinkButtons,
    #CopyEmailLinkButtons {
        text-align: center;
        margin: 10px 0;
    }
    #st-4 {
        text-align: center;
    }  
    #PopupSelectImageButton,
    #PopupSelectCropButton,
    #CancelPopupSelectImage {
        width: 100px;
    }
    #PopupSelectImageInstructions {
        font-size: 12px;
    }
    #divLoanOfficerAboutPopup {
        border: solid 0px red;
        overflow-x: hidden;
        overflow-y: auto;
        height: 300px;
        text-align: left;
    }
}
/* Less than 441px for older/smaller phones */
@media screen and (max-width:440px) {
    #PopupEditPictureLink_PW-1,
    #PopupCopyEmailLink_PW-1,
    #PopupAboutMe_PW-1,
    #PopupAboutCompany_PW-1,
    #PopupSelectImage_PW-1 {
        top: 40px !important;
        width: 96% !important;
        height: 100px !important;
    }
    #PopupSelectImageComments_PW-1 {
        top: 110px !important;
        width: 96% !important;
        height: 100px !important;
    }
    #PopupSelectImageMyProfile_PW-1,
    #PopupSelectRole_PW-1 {
        width: 96% !important;
        height: 100px !important;
    }
    #PopupSelectRoleButtonContainer {
        text-align: center;
        margin-top: 20px;
    }
    #PopupSelectRole_PW-1 #LoginAsLoanOfficerButton {
        display: inline-block;
        float: none;
        margin: 0 auto 10px auto;
        width: 200px !important;
    }
    #PopupSelectRole_PW-1 #LoginAsCompanyAdminButton {
        display: inline-block;
        float: none;
        margin: 0 auto 10px auto;
        width: 200px !important;
    }
    #EditPictureLinkContainer,
    #CopyEmailLinkContainer,
    #CopyEmailLinkText {
        box-sizing: border-box;
        margin-top: 10px;
    }
    #CopyEmailLinkText #txtPageURL {
        width: 92%;
    }
    #EditPictureLinkButtons,
    #CopyEmailLinkButtons {
        text-align: center;
        margin: 10px 0;
    }
    #st-4 {
        text-align: center;
    }
    #PopupSelectImage_PW-1 #popupFieldset,
    #PopupSelectImage_PW-1 #popupFieldset1,
    #PopupSelectImageComments_PW-1 #popupFieldset,
    #PopupSelectImageComments_PW-1 #popupFieldset1,
    #PopupSelectImageMyProfile_PW-1 #popupFieldset,
    #PopupSelectImageMyProfile_PW-1 #popupFieldset1 {
        margin-top: 5px; 
    }
    #PopupSelectImage_PW-1 .dxpc-content,
    #PopupSelectImageComments_PW-1 .dxpc-content,
    #PopupSelectImageMyProfile_PW-1 .dxpc-content,
    .PopupAboutMe .dxpc-content {
        box-sizing: border-box !important;
        padding: 5px !important;
    }
    #PopupSelectImage_PW-1 .dxpc-contentWrapper,
    #PopupSelectImageComments_PW-1 .dxpc-contentWrapper,
    #PopupSelectImageMyProfile_PW-1 .dxpc-contentWrapper {
        height: 360px !important;
    }
    #PopupSelectImage_PW-1 #popupFieldset,
    #PopupSelectImage_PW-1 #popupFieldset1,
    #PopupSelectImageComments_PW-1 #popupFieldset,
    #PopupSelectImageComments_PW-1 #popupFieldset1,
    #PopupSelectImageMyProfile_PW-1 #popupFieldset,
    #PopupSelectImageMyProfile_PW-1 #popupFieldset1 {
        min-height: 260px;
    }
    #PopupSelectImageButtons,
    #PopupSelectImageMyProfileButtons {
        margin: 10px auto 0 auto;
    }
    #PopupSelectImageButton,
    #PopupSelectImageMyProfileButton,
    #PopupSelectCropButton,
    #CancelPopupSelectImage,
    #CancelPopupSelectImageMyProfile {
        width: 100px;
    }
    #PopupSelectImageInstructions,
    #PopupSelectImageMyProfileInstructions {
        display: none;
        font-size: 11px;
    }
    #divLoanOfficerAboutPopup {
        border: solid 0px red;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        height: 300px;
        text-align: left;
    }
}

/***********************************************************
PAGE SPECIFIC STYLES                                        
************************************************************/

/* All Resolutions */
/* Company Confirmation */
#divCompanyConfirmation p {
    font-weight: normal;
}
/* Quick Start Guide */
#pnlQuickStartGuideDownload {
    border: solid 0px red;
    margin: 0;
    padding: 0;
}
#pnlQuickStartGuideDownload p {
    margin: 0;
}
#pnlQuickStartGuideDownload p a {
    color: #00A69C;
}
.fa-file-pdf {
    color: #000;
}
#QuickStartGuide {
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
}
.divQuickStartGuide {
    background-color: #FFF;
    border-radius: 4px;
    border: solid 1px #E2E2EA;
    box-sizing: border-box;
    margin: 32px;
    padding: 24px;
    position: relative;
    width: auto;
}
.divQuickStartGuide h2 {
    color: #00A69C;
    font-size: 24px;
    margin-top: 0;
}
#imgClaimYourPageLogo {
    position: absolute;
    right: 24px;
    top: 14px;
    width: 161px;
    height: auto;
}
#QuickStartGuideTestimonials,
#QuickStartGuideMobileShare {
    width: 100%;
    height: auto;
}
/* CompanyAdmin Home */
.companyAdminHome {
    box-sizing: border-box;
    padding: 0 !important;
}
#companyAdminHomeContainer {
    background-image: url('/App_Themes/Images/PNGs/1620x870_CompanyAdmin_Background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: 0% 20%;
    border: solid 0px red;
    box-sizing: border-box;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: auto;
    z-index: -1;
}
#tblCompanyAdminHomeOverlay {
    border: solid 0px blue;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: -1;
}
#tblCompanyAdminHomeOverlay tr td {
    box-sizing: border-box;
}
#divCompanyAdminHomeWelcome {
    background-color: #FFF;
    border: solid 1px #00A69C;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    margin: 32px;
    padding: 18px 24px;
}
#divCompanyHomeUserInfo {
    border: solid 0px blue;
    border-right: solid 1px #CCC;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    height: 170px;
    padding-right: 20px;
}
#divCompanyLogoUserInfo {
    visibility: hidden;
    flex: 1;
    flex-direction: column;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
    height: 30px;
}
#imgCompanyLogoUserInfo {
    max-height: 30px;
    width: auto;
}
#divLoanOfficerInfo #divLOPhoto,
#divCompanyHomeUserInfo #LOPhoto {
    background-color: #CCC;
    background-size: 170px auto;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 50%;
    position: relative;
    width: 170px;
    height: 170px;    
}
#divLoanOfficerInfo #divLOPhoto {
    box-sizing: border-box;
    margin-right: 24px;
    padding-top: 170px;    
}
#divCompanyAdminHomeWelcome #imgLOPhoto {
    /*border-radius: 50%;*/
    margin: 0 auto;
    max-width: 170px;
    max-height: 170px;
    object-fit: cover;
}
#divCompanyHomeUserInfo #resetUser {
    background-color: #F2F2F3;
    border: solid 2px #7B7B87;
    border-radius: 50%;
    color: #7B7B87;
    cursor: pointer;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    padding: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    width: 28px;
    height: 28px;
}
.fa-undo-alt {
    border: solid 0px red;
    margin-top: 2px;
}
#divCompanyHomeUserInfo #loPhotoUpdate {
    background-color: #F1F1F5 !important;
    border: solid 2px #696969;
    border-radius: 50%;
    color: #000;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    padding: 7px 5px 5px 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    width: 28px;
    height: 28px;
}
#divCompanyHomeUserInfo #loPhotoUpdate .fa-camera-alt {
    color: #696969;
    font-size: 24px;
}
#divCompanyHomeUserInfo #LOInfo {
    border: solid 0px red;
    /*
    align-items: center;
    justify-content: center;
    display: flex;
    flex: 1;
    */
    font-family: Poppins;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    margin: 20px 0 0 20px;
}
#divCompanyHomeUserInfo #LOInfoContent {
    border: solid 0px red;
    text-align: left;
    width: 100%;
}
#divCompanyHomeUserInfo #LOInfo h2 {
    font-size: 1.5vw;
    margin-top: 10px;
    text-align: left;
    border: solid 0px red;
    color: #00A69C;
    font-size: 1.5vw;
    font-weight: 900;
    margin: 0;
    padding: 0;
}
#divCompanyAdminHomeWelcome .companyUserInfo {
    color: #7b7b87;
    display: block;    
    font-size: 0.9vw;
    margin: 0 auto;
    padding: 0;
}
#divCompanyAdminHomeWelcome #spanLOTitle {
    font-weight: 600;
}
#divCompanyAdminHomeWelcome #spanCompanyNMLSCode {
    font-weight: normal;
}
#divCompanyAdminHomeWelcome #spanLastLogin {
    font-size: 0.8vw;
    font-weight: normal;
}
#divCompanyAdminHomeWelcome #separator {
    background-color: #979797;
    display: block;
    margin: 24px auto;
    width: 90%;
    height: 2px;        
}
.divCompanyHomeRow {
    box-sizing: border-box;
    display: flex;
    margin: 16px 32px;
}
.divCompanyHome {
    border: solid 1px #CECECF;
    background-color: #FFF;
    border-radius: 4px;
    box-sizing: border-box;
    flex: 1;
}
.divCompanyHome h2 {
    border-bottom: solid 1px #CECECF;
    color: #00A69C;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 0px 0px 15px 15px;
}
.divCompanyHomeContent {
    border: solid 0px red;
    box-sizing: border-box;
    padding: 0px 15px 0 15px;
}
#lnkQuickStartGuide:link,
#lnkQuickStartGuide:active,
#lnkQuickStartGuide:visited,
#lnkQuickStartGuide:hover {
    color: #00A69C;
}
#divCompanyAdminHomeWelcome #spanQuickStartGuide {
    color: #7b7b87;
    display: block;
    font-family: Poppins;
    font-size: 2vh;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    margin: 0 auto;
    text-align: center;
}
/* Comments */
#divLoanOfficerInfo #loPhotoUpdate {
    margin-top: 5px;
}

@media screen and (min-width:1024px) {    
    #CompanyAdminNotAvailable {
        display: none;
    }
    /* Company Registration */
    #CompanyRegistrationContactInfo {
        float: left;
        margin-right: 10px;
        width: 32%;
        min-height: 580px;
    }
    #CompanyRegistrationInfo {
        float: left;
        width: 60%;
        min-height: 640px;
    }
    #NewCompany {
        background-color: #EEF9F9;
        float: right;
        width: 46%;
        height: 340px;
    }
    #NewUser {
        background-color: #EEF9F9;
        float: right;
        width: 46%;
        height: 340px;
    }
}
/* 1600px and Greater for Desktops */
@media screen and (min-width:1600px) {
    #divCompanyLogoUserInfo {
        display: none;
        visibility: hidden;
    }
    /* Company Admin Update */
    /* Loan Officer Registration/Update */
    /* User Update */
    .CompanyAdminSecurityInfo,
    .ManagerSecurityInfo,
    .LoanOfficerSecurityInfo,
    .UserInfo {
        float: left;
        margin-right: 10px;
        min-height: 600px;
    }
    .CompanyAdminInfo,
    .ManagerInfo,
    .SecurityInfo {
        float: left;
        width: 52%;
        min-height: 660px;
    }
    .companyAdminInfoOnly {
        float: left;
        margin-right: 10px;
        width: 39%;
        min-height: 600px;
    }
    .myProfilePhoto {
        border-radius: 50%;
        max-width: 100px;
        height: auto;
    }
    #divCompanyUserButtons {
        border: solid 0px red;
        display: inline-block;
        margin-top: -40px;
        position: absolute;
        width:37%;
    }
    #UserRegistrationButtons {
        border: solid 0px red;
        display: inline-block;
    }
    #divCompanyUserButtons input,
    #MyProfileFormButtons input,
    #UserRegistrationButtons input,
    #CompanyRegistrationButtons  input 
    {
        margin-right: 5px;
    }
}
/* Between 1366px and 1599px for Laptops */
@media screen and (min-width:1366px) and (max-width:1599px) {
    /* Company Admin Home */
    #divCompanyLogoUserInfo {
        display: none;
        visibility: hidden;
    }
    #divCompanyHomeUserInfo {
        height: 150px;
    }
    #divCompanyHomeUserInfo #LOPhoto {
        background-size: 10vw auto;
        background-position: top center;
        width: 10vw;
        height: 10vw;
    }
    #divCompanyAdminHomeWelcome #imgLOPhoto {
        width: 10vw;
    }
    #divCompanyAdminHomeWelcome h2 {
        font-size: 3vh;
    }
    #divCompanyAdminHomeWelcome .companyUserInfo {
        font-size: 1.1vw;
    }
    #divCompanyAdminHomeWelcome #spanQuickStartGuide {
        font-size: 1.8vh;
    }
    /* Company Admin Update */
    /* Loan Officer Registration/Update */
    /* User Update */
    .LoanOfficerSecurityInfo,
    .UserInfo {
        float: left;
        font-size: 12px;
        margin-right: 10px;
        width: 35%;
        min-height: 590px;
    }
    .CompanyAdminInfo,
    .LoanOfficerInfo,
    .SecurityInfo {
        float: left;
        font-size:12px;
        width: 57%;
        min-height: 590px;
    }
    .companyAdminInfoOnly {
        float: left;
        margin-right: 10px;
        width: 39%;
        min-height: 500px;
    }
    .myProfilePhoto {
        border-radius: 50%;
        max-width: 100px;
        height: auto;
    }
    /* Company User */
    .LoanOfficerSecurityInfo {
        min-height: 400px !important;
    }
    #divCompanyUserButtons,
    #UserRegistrationButtons {
        border: solid 0px red;
        display: inline-block;
        position: absolute;
        width: 37%;
    }
}
/* Between 1280px and 1365px for Small Laptops/Tablets */
@media screen and (min-width:1280px) and (max-width:1365px) {
    /* Company Admin Home */
    #divCompanyLogoUserInfo {
        display: none;
        visibility: hidden;
    }
    #divCompanyHomeUserInfo #LOPhoto {
        background-size: 10vw auto;
        background-position: top center;
        width: 10vw;
        height: 10vw;
    }
    #divCompanyAdminHomeWelcome #imgLOPhoto {
        width:10vw;
    }
    #divCompanyAdminHomeWelcome h2 {
        font-size: 3vh;
    }
    #divCompanyAdminHomeWelcome .companyUserInfo {
        font-size: 1.1vw;
    }
    #divCompanyAdminHomeWelcome #spanQuickStartGuide {
        font-size: 1.8vh;
    }
    #divCompanyHomeUserInfo {
        height: 140px;
    }
    /* Company Admin Update */
    /* Loan Officer Registration/Update */
    /* User Update */
    .LoanOfficerSecurityInfo,
    .UserInfo {
        box-sizing: border-box;
        float: left;
        font-size:12px;
        margin-right: 10px;
        width: 100%;
        min-height: 590px;
    }
    .CompanyAdminInfo,
    .LoanOfficerInfo,
    .SecurityInfo {
        float: left;
        font-size:12px;
        width: 57%;
        min-height: 590px;
    }
    .companyAdminInfoOnly {
        float: left;
        margin-right: 10px;
        width: 39%;
        min-height: 500px;
    }
    .myProfilePhoto {
        border-radius: 50%;
        max-width: 100px;
        height: auto;
    }
    /* Company Info */
    #CompanyAdminAddressInfo {
        min-height: 520px;
    }
    #CompanyAdminWebsiteInfo {
        min-height: 520px;
    }
}
/* Between 1024px and 1365px for Tablets */
@media screen and (min-width:1024px) and (max-width:1279px) {
    /* Company Admin Home */
    #divCompanyAdminHomeWelcome {
        height: 200px;
        margin: 16px;
    }
    #divCompanyLogoUserInfo {
        visibility: visible;
        margin-bottom: 0;
    } 
    #divCompanyHomeUserInfo #resetUser,
    #divCompanyHomeUserInfo #loPhotoUpdate {
	    margin: 0 auto -20px auto;
    }
    #divCompanyHomeUserInfo #LOPhoto {
        background-size: 10vw auto;
        background-position: top center;
        width: 10vw;
        height: 10vw;
    }
    #divCompanyAdminHomeWelcome #imgLOPhoto {
        width:10vw;
    }
    #divLoanOfficerInfo #divLOPhoto {
        background-size: 120px auto;
        margin: 0 auto 40px auto;
        padding-top: 120px;
        width: 120px;
        height: 120px;
    }
    #divCompanyHomeUserInfo #LOInfo h2 {
        font-size: 2vw;
    }
    #divCompanyAdminHomeWelcome .companyUserInfo {
        font-size: 1.5vw;
    }
    #divCompanyAdminHomeWelcome #spanLastLogin {
        font-size: 1.2vw;
    }
    #divCompanyHomeUserInfo {
        height: 130px;
    }   
    .divCompanyHomeRow {
        border: solid 0px red;
        box-sizing: border-box;
        /*display: block;*/
        margin: 16px;
        width: auto;
    }
    /* Company Admin Update */
    /* Loan Officer Registration/Update */
    /* User Update */
    .LoanOfficerSecurityInfo,
    .UserInfo {
        box-sizing:border-box;
        float: left;
        font-size:12px;
        margin-right: 10px;
        width: 100%;
        min-height: 590px;
    }
    .CompanyAdminInfo,
    .LoanOfficerInfo,
    .SecurityInfo {
        float: left;
        font-size:12px;
        width: 57%;
        min-height: 590px;
    }
    .companyAdminInfoOnly {
        float: left;
        margin-right: 10px;
        width: 39%;
        min-height: 500px;
    }
    .myProfilePhoto {
        border-radius: 50%;
        max-width: 100px;
        height: auto;
    }
    /* Company Info */
    #CompanyAdminAddressInfo {
        min-height: 520px;
    }
    #CompanyAdminWebsiteInfo {
        min-height: 520px;
    }
}
/* For all Mobile */
@media screen and (max-width:1023px) {
    /* Company Admin Home */
    #divCompanyAdminHomeWelcome {
        margin: 32px;
        padding: 18px 24px;
    }
    #divCompanyHomeUserInfo #LOPhoto {
        background-size: 130px auto;
        background-position: top center;
        width: 130px;
        height: 130px;
    }
    #divCompanyAdminHomeWelcome #imgLOPhoto {
        width: 130px;
    }
    #divLoanOfficerInfo #divLOPhoto {
        background-size: 160px auto;
        margin: 0 auto 40px auto;
        padding-top: 160px;
        width: 160px;
        height: 160px;
    }
    #divCompanyHomeUserInfo #LOInfo h2 {
        font-size: 2vw;
    }
    #divCompanyAdminHomeWelcome .companyUserInfo {
        font-size: 1.5vw;
        line-height: 1.4 !important;
    }
    #divCompanyAdminHomeWelcome #spanLastLogin {
        font-size: 1.4vw;
        line-height: 2 !important;
    }
    /*
    #divCompanyHomeUserInfo {
        height: 130px;
    } 
    */  
    .divCompanyHomeRow {
        display: block;
        margin: 16px 32px;
    }
    .companyAdminHome {
        margin-top: 30px !important;
    }
    #CompanyAdminNotAvailable {
        display: block;
    }
    #divCompanyConfirmation,
    #divSessionExpired {
        min-height: 320px;
        padding: 15px;
    }
}
/* Between 768px and 1023px for Tablets */
@media screen and (min-width:768px) and (max-width:1023px) {
    /* Company Admin Home */
    #divCompanyLogoUserInfo {
        visibility: visible;
    }
    #divCompanyHomeUserInfo #LOPhoto {
        background-size: 100px auto;
        background-position: top center;
        width: 100px;
        height: 100px;
    }
    #divCompanyAdminHomeWelcome #imgLOPhoto {
        max-width: 140px;
    }
    #divCompanyHomeUserInfo #resetUser,
    #divCompanyHomeUserInfo #loPhotoUpdate {
	    margin: 0 auto -20px auto;
    }
    #divCompanyAdminHomeWelcome h2 {
        font-size: 18px;
        font-weight: bold;
    }
    #divCompanyAdminHomeWelcome #spanLOTitle {
        font-size: 16px;
        line-height: 1;
        margin: 0;
    }
    #divCompanyAdminHomeWelcome #spanCompanyNMLSCode {
        font-size: 14px;
        line-height: 2;
    }
    #divCompanyAdminHomeWelcome #separator {
        margin: 12px auto;
        height: 1px;
    }
    .myProfilePhoto {
        border-radius: 50%;
        max-width: 100px;
        height: auto;
    }
}
/* Between 441px and 767px for Large Phones/Tablets */
@media screen and (min-width:441px) and (max-width:767px) {
    /* Company Admin Home */
    #divCompanyLogoUserInfo {
        visibility: visible;
    }
    #divCompanyHomeUserInfo #resetUser,
    #divCompanyHomeUserInfo #loPhotoUpdate {
	    margin: 0 auto -20px auto;
    }
    #divCompanyHomeBadge {
        display: none;
        visibility: hidden;
    }
    #divCompanyAdminHomeWelcome {
        display: block;
        margin: 16px;
        padding: 12px;
    }
    #divCompanyHomeUserInfo #LOPhoto {
        background-size: 120px auto;
        background-position: top center;
        width: 120px;
        height: 120px;
    }
    #divCompanyAdminHomeWelcome #imgLOPhoto {
        margin-bottom: 8px;
        max-width: 120px;
    }
    #divLoanOfficerInfo #divLOPhoto {
        background-size: 100px auto;
        margin-right: 10px;
        padding-top: 100px;
        width: 100px;
        height: 100px;
    }
    #divCompanyHomeUserInfo {
        border-right: none;
        border: solid 0px red;
        padding: 0;
    }
    #divCompanyHomeUserInfo #LOInfo {
        display: block;
        padding-top: 0px;
    }
    #divCompanyHomeUserInfo #LOInfoContent {
        line-height: 2;
    }
    #divCompanyHomeUserInfo #LOInfo h2 {
        font-size: 24px;
        line-height: 1.5;
    }
    #divCompanyAdminHomeWelcome #spanLOTitle {
        font-size: 16px;
    }
    #divCompanyAdminHomeWelcome #spanCompanyNMLSCode {
        font-size: 14px;
    }
    #divCompanyAdminHomeWelcome #spanLastLogin {
        display: block;
        font-size: 13px;
        margin-top: -4px;
    }
    #divCompanyAdminHomeWelcome #separator {
        height: 1px;
    }
    .divCompanyHomeRow {
        margin: 16px;
    }
    .divCompanyHomeContent {
        padding: 0 15px;
    }
    #QuickStartGuide {
        border: solid 0px red;
        padding: 4px 8px;
    }
    .divQuickStartGuide {
        margin: 0 0 24px 0;
        font-size: 14px;
        padding: 14px 25px;
    }
    .divQuickStartGuide h2 {
        font-size: 18px;
    }
    .divQuickStartGuide ol {
        margin: 0;
        padding: 0 12px;
    }
    #divMyPhotoAboutMe {
        display: initial;
    }
    .formRowPhoto {
        display: block;
        text-align: left;
        width: 100%;
    }
    .myProfilePhoto {
        border-radius: 50%;
        max-width: 100px;
        height: auto;
    }
    #ChangeImage {
        margin-right: 10px;
    }
    #imgClaimYourPageLogo {
        position: static;
    }
}
/* Up to 440px for Phones */
@media screen and (max-width:440px) {
    /* Company Admin Home */
    #divCompanyLogoUserInfo {
        visibility: visible;
    }
    #divCompanyHomeUserInfo #resetUser,
    #divCompanyHomeUserInfo #loPhotoUpdate {
	    margin: 0 auto -20px auto;
    }
    #divCompanyHomeBadge {
        display: none;
        visibility: hidden;
    }
    #divCompanyAdminHomeWelcome {
        display: block;
        margin: 16px;
        padding: 12px;
    }
    #divCompanyHomeUserInfo #LOPhoto {
        background-size: 90px auto;
        background-position: top center;
        width: 90px;
        height: 90px;
    }
    #divCompanyAdminHomeWelcome #imgLOPhoto {
        margin-bottom: 8px;
        max-width: 90px;
    }
    #divLoanOfficerInfo #divLOPhoto {
        background-size: 90px auto;
        margin-right: 10px;
        padding-top: 90px;
        width: 90px !important;
        height: 90px;
    }
    #divCompanyHomeUserInfo {
        border-right: none;
        border: solid 0px red;
        padding: 0;
    }
    #divCompanyHomeUserInfo #LOInfo {
        display: block;
        margin-left: 10px;
        padding-top: 0px;
    }
    #divCompanyHomeUserInfo #LOInfoContent {
        line-height: 2;
    }
    #divCompanyHomeUserInfo #LOInfo h2 {
        font-size: 20px;
        line-height: 1.5;
    }
    #divCompanyAdminHomeWelcome #spanLOTitle {
        font-size: 16px;
    }
    #divCompanyAdminHomeWelcome #spanCompanyNMLSCode {
        font-size: 14px;
    }
    #divCompanyAdminHomeWelcome #spanLastLogin {
        display: block;
        font-size: 13px;
        margin-top: -4px;
    }
    #divCompanyAdminHomeWelcome #separator {
        height: 1px;
    }
    .divCompanyHomeRow {
        margin: 16px;
    }
    .divCompanyHomeContent {
        padding: 0 15px;
    }
    #QuickStartGuide {
        border: solid 0px red;
        padding: 4px 8px;
    }
    .divQuickStartGuide {
        margin: 0 0 24px 0;
        font-size: 14px;
        padding: 14px 25px;
    }
    .divQuickStartGuide h2 {
        font-size: 18px;
    }
    .divQuickStartGuide ol {
        margin: 0;
        padding: 0 12px;
    }
    #divMyPhotoAboutMe {
        display: initial;
    }
    .formRowPhoto {
        display: block;
        text-align: left;
        width: 100%;
    }
    .myProfilePhoto {
        border-radius: 50%;
        max-width: 100px;
        height: auto;
    }
    #ChangeImage {
        margin-right: 10px;
    }
    #imgClaimYourPageLogo {
        position: static;
    }
}


/***********************************************************
TESTMONIAL STYLES                                           
************************************************************/

/***********************************************************
ADMIN STYLES                                                
************************************************************/
@media screen and (min-width:1024px) {
    /* View Company Pages */
    #ViewCompanyPagesContainer {
        margin: 0 auto;
        width: 100%;
    }

    #ViewCompanyPagesLabel {
        border: solid 0px red;
        float: left;
        font-weight: bold;
        padding: 10px 0 0 0;
        text-align: left;
        width: 120px;
    }

    #ViewCompanyPagesField {
        border: solid 0px red;
        float: left;
        padding: 3px 10px 0 0;
        text-align: left;
        width: 300px;
    }

    #ViewCompanyPagesButton {
        border: solid 0px red;
        float: left;
        padding: 5px;
        text-align: left;
        width: 60px;
    }

    #LoanOfficerInviteResult {
        border: solid 0px red;
    }

    #LoanOfficerInviteSummary {
        padding-bottom: 20px;
    }

    .total {
        font-weight: bold;
    }

    #lblTotalInvitees {
        border: solid 0px #000;
        display: inline-block;
        width: 200px;
    }

    #totalInvites {
    }

    .scheduled {
        color: blue;
        font-weight: bold;
    }

    #lblScheduledInvites {
        border: solid 0px blue;
        display: inline-block;
        width: 200px;
    }

    #scheduledInvites {
    }

    .success {
        color: green;
        font-weight: bold;
    }

    #lblSuccessfulInvites {
        border: solid 0px green;
        display: inline-block;
        width: 200px;
    }

    #successfulInvites {
    }

    .failed {
        color: red;
        font-weight: bold;
    }

    #lblFailedInvites {
        border: solid 0px red;
        display: inline-block;
        width: 200px;
    }

    #failedInvites {
    }

    .invalid {
        color: purple;
        font-weight: bold;
    }

    #lblInvalidInvites {
        border: solid 0px red;
        display: inline-block;
        width: 200px;
    }

    #invalidInvites {
    }

    #LoanOfficerInviteTable {
        overflow-x: hidden;
        overflow-y: scroll;
        width: 100%;
        height: 500px;
    }

    #tblLoanOfficerInviteResult {
        border: solid 0px #CCC;
        width: 100%;
    }

    #tblLoanOfficerInviteResult tr:nth-child(1) {
        margin-top: -30px;
        width: 100%;
    }

    #tblLoanOfficerInviteResult th {
        background-color: #00A69C;
        color: #FFF;
        font-weight: bold;
        padding: 5px;
    }

    #tblLoanOfficerInviteResult th:nth-child(1) {
        text-align: left;
        width: 40%;
    }

    #tblLoanOfficerInviteResult th:nth-child(2) {
        text-align: center;
        width: 15%;
    }

    #tblLoanOfficerInviteResult th:nth-child(3) {
        text-align: center;
        width: 15%;
    }

    #tblLoanOfficerInviteResult th:nth-child(4) {
        text-align: left;
        width: 30%;
    }

    #tblLoanOfficerInviteResult td {
        border-bottom: solid 1px #CCC;
        padding: 3px;
    }

    #tblLoanOfficerInviteResult td:nth-child(1) {
        text-align: left;
        width: 40%;
    }

    #tblLoanOfficerInviteResult td:nth-child(2) {
        text-align: center;
        width: 15%;
    }

    #tblLoanOfficerInviteResult td:nth-child(3) {
        text-align: center;
        width: 15%;
    }

    #tblLoanOfficerInviteResult td:nth-child(4) {
        text-align: left;
        width: 30%;
    }
}

/***********************************************************
TAB STYLES                                                 
************************************************************/
@media screen and (min-width:1024px) {
    .TabControl {
        width: 100%;
    }

    .dxtc-content {
        background-color: #FFF;
        /*background-color: #F2F2F3 !important;*/
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border: solid 0px #7B7B87;
    }
    .tabStyle {
        background-color: #FFF;
        /*background-color: #F2F2F3 !important;*/
        font-size: 16px;
        font-weight: bold;
    }
    .dxtc-tab {
        background-color: #CCC !important;
    }
    .dxtc-tab span {
        color: #909090;
    }
    #carTabPage_AT0,
    #carTabPage_AT1 {
        font-size: 20px;
        padding: 10px;
    }
    #carTabPage_T0,
    #carTabPage_T1 {
        max-height: 30px;
        padding-top: 5px;
    }
    .dxtc-activeTab span {
        color: #00A69C !important;
    }
    #carTabPage_T0,
    #carTabPage_AT0 {
        border-top-left-radius: 5px;
    }
    #carTabPage_T1,
    #carTabPage_AT1 {
        border-top-right-radius: 5px;
    }
}

/***********************************************************
MISC STYLES                                                 
************************************************************/

/* All Resolutions */
.companyLogo {
    max-height: 70px;
    max-width: 320px;
    margin: 5px 0;
}
#copyright {
    border: solid 0px red;
    display: none;
    float: right;
    font-size: 12px;
    margin-top: 5px;
    padding-right: 0 10px;
    text-align: right;
}
#CompanyLogoContainer {
    padding: 20px 0;
}
#confirmationMsg,
.confirmation {
    color: blue;
    font-weight: bold;
}
.error {
    color: red;
    font-weight: bold;
}
#errorMsg,
.errorMsg {
    color: red;
    font-size: 13px;
    font-weight: bold;
}
.flexContainer {
    display: flex;
}
.flexLabel {
    padding-right: 10px;
    width: auto;
}
.flexDots {
    border-bottom: 2px dotted #555555;
    flex-grow: 1;
    height: 15px;
}
.flexDiv {
    flex-grow: 1;
}
.floatLeft {
    float: left;
}
.imgIcon {
    float: left;
    margin-right: 5px;
    width: 30px;
    height: 30px;
}
.instructions {
    font-size: 12px;
    font-weight: normal;
}
.containerInstructions {
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 100 !important;
    padding: 10px;
}
.notRequired {
    font-weight: normal;
}
.marginTopSpacer {
    margin-top: 20px;
}
.hidden {
    display: none;
}
.selected {
    font-weight: bold;
}
.mobileSelected {
    background-color: #0E5D53 !important;
}
.fa-caret-up,
.fa-caret-down {
    line-height: 0.6;
}
#LoadingComments {
    position: relative;
    left: 41%;
    top: 41%;
    width: 100px;
    height: 100px;
}
.clickableSpan {
    cursor:pointer;
}
#divResetTestUser p {
    margin-bottom: 10px;
    text-align: center;
}

#SelectExecPortalCompanyFrame {
    border: none;
}

#SurveyDetailHeaderDownload {
    border: solid 1px #696969;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
}
#SurveyDetailHeaderDownload {
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}


@media screen and (min-width:1366px) and (max-width:1599px) {
    #copyright {
        font-size: 11px;
    }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
    #copyright {
        font-size: 10px;
        margin-top: 40px;
    }
    #copyrightBreak {
        display: none;
    }
}

/* For Reference
GREENS
Light:			#B5E1E1
Light-Medium:	#5BC4BF
Medium:			#00A79D
Medium-Dark:	#028273
Dark:			#055D53
MSAT GREEN		#5CA545
CONTACT US		#82C341
ORANGE			#E48124
FONTS
'Open Sans'
'Droid Serif'
*/