/* The 3rd Degree v5 stylesheet */

html {
    height:100%;
    max-height:100%;
    padding:0;
    margin:0;
    border:0;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
}

body {
    margin:0px;
    border:0px;
    padding:0px;
    height:100%;
    max-height:100%;
    overflow: hidden;
    font-family: helvetica, arial, sans-serif;
    font-size: 0.9em;
    color:#444444;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

.loginBodyStyle {
    background: #262C35;
    height: 100%;
    font-size: 1.1em;
    overflow-y: auto;
}

.primarynavheader {
    background:#262C35;
    color:#ffffff;
    border-bottom: solid 1px #385870;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.secondarynavheader {
    background:#262C35;
    color:#FFFFFF;
}

.defaultLogo {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzUuNzI2IDQxLjMxNSI+PGc+PGc+PHBhdGggZmlsbD0iIzMxQjNFNSIgZD0iTTc1LjcyNiA0MS4zMTVjMCAwLTUuMDE4LTEuNTc3LTYuMDk0LTcuMTFjMC43MTQtMS41NSAxLjExMi0zLjI3OCAxLjExMi01LjA5NyBjMC00LjkwNC0yLjg5My05LjEzMS03LjA2NC0xMS4wN2MwLjEwNS0wLjczMyAwLjE2MS0xLjQ4MyAwLjE2MS0yLjI0NUM2My44NDEgNy4xIDU2LjggMCA0OCAwIGMtNC43NjIgMC05LjAyOCAyLjEwOS0xMS45MjMgNS40NDJjLTEuMTcxIDEuMjEtMS45MzggMi43NzktMS45MzggMi43NzljLTIuMjAyLTIuMTgyLTUuMjM0LTMuNTI2LTguNTc5LTMuNTI2IGMtNi43NDEgMC0xMi4yMDggNS40NjYtMTIuMjA4IDEyLjIwOWMwIDAgMCAwIDAgMC4wNTZjLTAuMzk0LTAuMDM4LTAuNzkyLTAuMDYtMS4xOTYtMC4wNiBjLTYuNzQyIDAtMTIuMjA3IDUuNDY1LTEyLjIwNyAxMi4yMDdjMCA2LjcgNS41IDEyLjIgMTIuMiAxMi4yMDdoMzcuNDQxbDkuNzE5LTAuMDI3YzIuNDMyLTAuMTYzIDQuNjY3LTEuMDQgNi41MDItMi40MjEgQzY3Ljc3NSA0MC4xIDcwLjkgNDEuMyA3NS43IDQxLjMxNXoiLz48L2c+PC9nPjxnPjxkZWZzPjxwYXRoIGlkPSJTVkdJRF8xXyIgZD0iTTc1LjcyNCA0MS4zMTVjMCAwLTUuMDE4LTEuNTc3LTYuMDk0LTcuMTFjMC43MTUtMS41NSAxLjExMS0zLjI3OCAxLjExMS01LjA5NyBjMC00LjkwNC0yLjg5NC05LjEzMS03LjA2NC0xMS4wN2MwLjEwNC0wLjczMyAwLjE2Mi0xLjQ4MyAwLjE2Mi0yLjI0NUM2My44MzggNy4xIDU2LjggMCA0OCAwIGMtNC43NjIgMC05LjAyOCAyLjEwOS0xMS45MjMgNS40NDJjLTEuMTcgMS4yMS0xLjkzNyAyLjc3OS0xLjkzNyAyLjc3OWMtMi4yMDUtMi4xODItNS4yMzQtMy41MjYtOC41OC0zLjUyNiBjLTYuNzQyIDAtMTIuMjA4IDUuNDY2LTEyLjIwOCAxMi4yMDljMCAwIDAgMCAwIDAuMDU2Yy0wLjM5My0wLjAzOC0wLjc5My0wLjA2LTEuMTk3LTAuMDYgQzUuNDYzIDE2LjkgMCAyMi40IDAgMjkuMTA3YzAgNi43IDUuNSAxMi4yIDEyLjIgMTIuMjA3aDM3LjQ0Mmw5LjcxOC0wLjAyN2MyLjQzMy0wLjE2MyA0LjY2OS0xLjA0IDYuNTAzLTIuNDIxIEM2Ny43NzEgNDAuMSA3MC45IDQxLjMgNzUuNyA0MS4zMTV6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PGVsbGlwc2Ugb3BhY2l0eT0iMC4zMSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0iI0ZGRkZGRiIgY3g9IjM0LjkiIGN5PSIxMS45IiByeD0iMzguNCIgcnk9IjE5LjYiLz48L2c+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNi43IiB5MT0iNTMuMSIgeDI9IjQ0LjgiIHkyPSIyNS45Ij48c3RvcCBvZmZzZXQ9IjAuMTcxOCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPjxzdG9wIG9mZnNldD0iMC45MDgiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkY7c3RvcC1vcGFjaXR5OjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIG9wYWNpdHk9IjAuNzUiIGZpbGw9InVybCgjU1ZHSURfM18pIiBkPSJNNjEuMzAxIDE5LjMyOGwxLjQ2MiAwLjY3OWMxLjcxMSAwLjggMy4yIDIuMSA0LjIgMy42IGMxLjA1NiAxLjYgMS42IDMuNSAxLjYgNS40NjFjMCAxLjQ2NC0wLjMwOSAyLjg3Mi0wLjkxMyA0LjE5bC0wLjI5NCAwLjYzNWwwLjEzNSAwLjcgYzAuMjQyIDEuMiAwLjYgMi4zIDEuMSAzLjI3MmMtMC41NzYtMC4yNDctMS4xMDUtMC41MjgtMS41ODYtMC44NDRsLTEuMjc4LTAuODM4bC0xLjIyIDAuOSBjLTEuNTM3IDEuMTU3LTMuMzU5IDEuODQyLTUuMjc2IDEuOTgybC05LjYzOSAwLjAyN0gxMi4yMDhjLTIuNjgxIDAtNS4xOTktMS4wNDMtNy4wOTUtMi45MzljLTEuODk0LTEuODk1LTIuOTM3LTQuNDE0LTIuOTM3LTcuMDk1IGMwLTIuNjggMS4wNDMtNS4yIDIuOTM3LTcuMDkzYzEuODk2LTEuODk2IDQuNDE1LTIuOTQgNy4wOTUtMi45NGMwLjMyIDAgMC43IDAgMSAwLjA0OWwyLjM4NSAwLjIzNGwtMi4xNzUtMi4zOTcgYy0wLjM5My0wLjAzOC0wLjc5Mi0wLjA2LTEuMTk2LTAuMDZjLTYuNzQyIDAtMTIuMjA3IDUuNDY1LTEyLjIwNyAxMi4yMDdjMCA2LjcgNS41IDEyLjIgMTIuMiAxMi4yMDdoMzcuNDQxbDkuNzE5LTAuMDI3IGMyLjQzMi0wLjE2MyA0LjY2Ny0xLjA0IDYuNTAyLTIuNDIxYzEuOTA1IDEuMiA1IDIuNCA5LjkgMi40NDdjMCAwLTUuMDE4LTEuNTc3LTYuMDk0LTcuMTEgYzAuNzE0LTEuNTUgMS4xMTItMy4yNzggMS4xMTItNS4wOTdjMC00LjkwNC0yLjg5My05LjEzMS03LjA2NC0xMS4wN0w2MS4zMDEgMTkuMzI4eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUuNiIgeTE9IjIwLjEiIHgyPSIzMS43IiB5Mj0iNC41Ij48c3RvcCBvZmZzZXQ9IjAuMTcxOCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPjxzdG9wIG9mZnNldD0iMC45MDgiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkY7c3RvcC1vcGFjaXR5OjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIG9wYWNpdHk9IjAuNzUiIGZpbGw9InVybCgjU1ZHSURfNF8pIiBkPSJNMzQuMTkgOC4yMjFjLTIuMjA1LTIuMTgyLTUuMjM1LTMuNTI2LTguNTgxLTMuNTI2IGMtNi43NDEgMC0xMi4yMDcgNS40NjYtMTIuMjA3IDEyLjIwOWMwIDAgMCAwIDAgMC4wNTZsMi4xNzUgMi4zOTdWMTYuOTZjMC0wLjA0LTAuMDAxLTAuMDc1LTAuMDAyLTAuMTA2IGMwLjAxMi0yLjY2MiAxLjA1NS01LjE2MyAyLjkzOS03LjA0OGMxLjg5NC0xLjg5NiA0LjQxNC0yLjkzOSA3LjA5NC0yLjkzOWMyLjY1NyAwIDUuMiAxIDcuMSAyLjg5OGwyLjE1IDIuMTI4TDM0LjE5IDguMiB6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MS43IiB5MT0iMTkuNyIgeDI9IjU0LjEiIHkyPSI3LjciPjxzdG9wIG9mZnNldD0iMC4xNzE4IiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+PHN0b3Agb2Zmc2V0PSIwLjkwOCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggb3BhY2l0eT0iMC43NSIgZmlsbD0idXJsKCNTVkdJRF81XykiIGQ9Ik00OC4wNTEgMi4xNzVjMy42MzYgMCA3LjEgMS40IDkuNiAzLjk4OGMyLjU3MyAyLjYgNCA2IDQgOS42IGMwIDAuNjM0LTAuMDQ3IDEuMjg2LTAuMTM5IDEuOTM5bC0wLjIyNyAxLjU5N2wyLjM3OS0xLjI5MWMwLjEwNS0wLjczMyAwLjE2MS0xLjQ4MyAwLjE2MS0yLjI0NUM2My44NDEgNy4xIDU2LjggMCA0OC4xIDBsMCAwIGMtNC43NjQgMC05LjAzIDIuMTA5LTExLjkyNSA1LjQ0MmMtMS4xNzEgMS4yMS0xLjkzNiAyLjc3OS0xLjkzNiAyLjc3OWwwLjYyMSAzLjY3M2wxLjMyOS0yLjcxOCBjMC4xNjEtMC4zMjkgMC43ODgtMS40MzggMS41NDktMi4yMjRsMC4wNC0wLjA0MmwwLjAzOS0wLjA0NGMxLjI0OS0xLjQzOSAyLjgxOS0yLjYyNCA0LjUzOC0zLjQyNyBDNDQuMTA4IDIuNiA0NiAyLjIgNDguMSAyLjIiLz48L3N2Zz4=) no-repeat top;
    width: 58px;
    height: 34px;
}

.no-svg .defaultLogo {
    background: url(/crm/css/images/template/synaptalogo_sm.png) no-repeat top;
}

.switchedAccountHeaderBar {
    z-index: 100;
    position: relative;
    background: #bf1a30;
    padding: 4px 10px;
    font-size: 12px;
    color: white;
    text-align: center;
}

.contexturalheader, .reportalcontexturalheader {
    background: #22b1e7;
    -moz-box-shadow: 3px 3px 3px #D1D1D1;
    -webkit-box-shadow: 3px 3px 3px #D1D1D1;
    box-shadow: 3px 3px 3px #D1D1D1;
    z-index: 34;
}

.contentTitleBar, .reportalContentTitleBar {
    height: 60px;
    position: absolute;
    display: table;
    right: 0;
    top: 76px;
    width: auto;
    z-index: 25;
    background: none repeat scroll 0 0 #EAEAEA;
    border-bottom: 1px solid #D1D1D1;
}

.contentTitleBar {
    left: 200px;
    width: calc(100% - 200px);
}

.reportalContentTitleBar {
    left: 60px;
    width: calc(100% - 60px);
}

.contentTitleBarTitle, .contentTitleBarStatus {
    font-size: 1.2em;
}

.contentTitleBarTitle {
    display: table-cell;
    vertical-align: top;
    color: #333333;
    padding: 22px 0px 0px 16px;
    font-weight: bold;
    white-space: nowrap;
    width: 100px;
}

.contentTitleBarStatus {
    display: table-cell;
    color: #22b1e7;
    width: 100%;
    padding: 22px 0px 0px 10px;
}

.contentTitleCountWrapper {
    display: table-cell;
    width: 80px;
}

.contentTitleBarInlineFilter {
    display: table-cell;
    padding: 22px 22px 0px 0px;
    text-align: right;
}

.contentTitleBarInlineFilterText {
    display: table-cell;
    color: #333333;
    padding-right: 10px;
    white-space: nowrap;
}

.contentTitleBarReference {
    display: table-cell;
    font-weight: bold;
    padding: 22px 22px 0px 0px;
    white-space: nowrap;
    text-align: right;
}

.contentTitleBarRefTitle {
    color: #333333;
    padding-right: 5px;
}

.contentTitleBarRef {
    color: #22b1e7;
    font-size: 1.3em;
}

.contentTitleTextInput {
    border: medium none;
    border-radius: 4px;
    font-size: 1em;
    padding: 2px 4px;
    width: 400px;
    margin-top: -5px;
    margin-left: -4px;
    font-weight: bold;
}

.primaryNavItemSelected {
    border-bottom: solid 3px #22b1e7;
}

.primaryNavItem:hover {
    border-bottom: solid 3px #22b1e7;
}

.sidebarbtm, .reportalsidebarbtm {
    background: #262C35;
    border-top:1px solid #C9C9C9;
    border-right:1px solid #C9C9C9;
}

.containerwithsidebarbtm, .containerwithreportalsidebarbtm {
    background: #262C35;
    border-top:1px solid #BCC2C7;
}

.footerButtonRight, .footerButtonLeft {
    font-size: 0.9em;
    color: white;
    margin-top: 4px;
    padding: 3px 10px;
    background: #404247;
    border: solid 1px #dcdcdc;
}

.footerPlusButtonLeft {
    font-size: 1.2em;
    color: white;
    margin-top: 4px;
    padding: 0 5px 0;
    background: #404247;
    border: solid 1px #dcdcdc;
}

.popupFooterButton, .popupFooterButton-dis, .submitButton, .submitButton-dis, .searchFieldButton, .formButton, .fileSelectButton {
    color: #dcdcdc;
    background: #404247;
    border: solid 1px #7D7D7E;
    margin-top: 10px;
}

.popupFooterButton, .popupFooterButton-dis, .submitButton, .submitButton-dis, .searchFieldButton, .fileSelectButton {
    margin-right: 10px;
}

.formCommandButton {
    color: #dcdcdc;
    background: #404247;
    border: solid 1px #7D7D7E;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-font-smoothing:antialiased;

    cursor: pointer;
    font-size: 1em;
    padding: 2px 8px;
}

.errorPanelSubmitButton {
    color: #dcdcdc;
    background: #404247;
    border: solid 1px #7D7D7E;
    padding: 5px 10px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-font-smoothing:antialiased;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
}

.loginButton, .loginButton-dis {
    height: 30px;
    padding: 0px 10px 2px;
    color: #ffffff;
    background: #22b1e7;
    border: solid 1px #385870;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.1em;
}

.loginButton {
    cursor: pointer;
}

.loginButton::-moz-focus-inner { border: 0; padding: 0; margin:0; }
.loginButton-dis::-moz-focus-inner { border: 0; padding: 0; margin:0; }

.loginButton-dis, .popupFooterButton-dis {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.popupFooterButton, .popupFooterButtonLeft, .submitButton, .submitButton-dis, .searchFieldButton, .footerButtonRight, .footerButtonLeft, .footerPlusButtonLeft, .formButton, .fileSelectButton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-font-smoothing:antialiased;

    cursor: pointer;
}

.paginatorTabWrapper {
    color: #444444;
}

.secondarynavheaderContent, .secondarynavheaderContentNoLink {
    color: #cccccc;

    font-size: 0.9em;
}

.secondarynavheaderContentSeperator {
    background: url("/crm/css/images/template/synapta_chevron.png") no-repeat center top;
    display: inline-block;
    height: 28px;
    margin: -5px 10px -9px 5px;
    width: 10px;
}


.leftnav, .leftnavselected, .leftnavtray, .leftnavtrayselected {padding: 10px 10px 7px;}
.leftnavtray, .leftnavtrayselected {padding: 10px 10px 7px; background: url(/crm/css/images/icons/drawer.png) no-repeat right center;}
.leftnav, .leftnavtray {color: #999999; background-color: #f2f2f2}
.leftnavselected, .leftnav:hover, .leftnavtrayselected, .leftnavtray:hover {background-color: #999999; color: #FFFFFF;}

.sidebar, .reportalsidebar {
    background:#f2f2f2;
}

.sidebarslide {
    border-top:5px solid #999999;
    border-bottom:10px solid #999999;
    background: #ffffff;
}

.sidebarslidepointer {
    border-color: transparent transparent #FFFFFF;
    border-style: solid;
    border-width: 0 9px 9px;
    float: right;
    height: 0;
    margin-right: 12px;
    margin-top: -9px;
    width: 0;
}

.sidebarslide a {
    font-size: 0.9em;
}

.sidebarslideoption, .sidebarslideoptionselected {
    height: 31px;
}

.sidebarslidetext {
    color: #999999;
    padding: 9px 5px 0 10px;
}

.sidebarslidetextselected, .sidebarslidetext:hover {
    color: #000000;
    font-weight: bold;
    padding: 9px 5px 0 10px;
}

.sidebarslideicon, .sidebarslideiconselected {
    float: right;
    width: 31px;
    height: 31px;
    padding-right: 6px;
}

.sidebarslideicon {
    opacity: 0.5;
}

.sidebarslideiconselected, .sidebarslideicon:hover {
    opacity: none;
}

.loginPageWrapper {
    padding-top: 100px;
    padding-bottom: 100px;
}

.loginPageLogo {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzUuNzI2IDQxLjMxNSI+PGc+PGc+PHBhdGggZmlsbD0iIzMxQjNFNSIgZD0iTTc1LjcyNiA0MS4zMTVjMCAwLTUuMDE4LTEuNTc3LTYuMDk0LTcuMTFjMC43MTQtMS41NSAxLjExMi0zLjI3OCAxLjExMi01LjA5NyBjMC00LjkwNC0yLjg5My05LjEzMS03LjA2NC0xMS4wN2MwLjEwNS0wLjczMyAwLjE2MS0xLjQ4MyAwLjE2MS0yLjI0NUM2My44NDEgNy4xIDU2LjggMCA0OCAwIGMtNC43NjIgMC05LjAyOCAyLjEwOS0xMS45MjMgNS40NDJjLTEuMTcxIDEuMjEtMS45MzggMi43NzktMS45MzggMi43NzljLTIuMjAyLTIuMTgyLTUuMjM0LTMuNTI2LTguNTc5LTMuNTI2IGMtNi43NDEgMC0xMi4yMDggNS40NjYtMTIuMjA4IDEyLjIwOWMwIDAgMCAwIDAgMC4wNTZjLTAuMzk0LTAuMDM4LTAuNzkyLTAuMDYtMS4xOTYtMC4wNiBjLTYuNzQyIDAtMTIuMjA3IDUuNDY1LTEyLjIwNyAxMi4yMDdjMCA2LjcgNS41IDEyLjIgMTIuMiAxMi4yMDdoMzcuNDQxbDkuNzE5LTAuMDI3YzIuNDMyLTAuMTYzIDQuNjY3LTEuMDQgNi41MDItMi40MjEgQzY3Ljc3NSA0MC4xIDcwLjkgNDEuMyA3NS43IDQxLjMxNXoiLz48L2c+PC9nPjxnPjxkZWZzPjxwYXRoIGlkPSJTVkdJRF8xXyIgZD0iTTc1LjcyNCA0MS4zMTVjMCAwLTUuMDE4LTEuNTc3LTYuMDk0LTcuMTFjMC43MTUtMS41NSAxLjExMS0zLjI3OCAxLjExMS01LjA5NyBjMC00LjkwNC0yLjg5NC05LjEzMS03LjA2NC0xMS4wN2MwLjEwNC0wLjczMyAwLjE2Mi0xLjQ4MyAwLjE2Mi0yLjI0NUM2My44MzggNy4xIDU2LjggMCA0OCAwIGMtNC43NjIgMC05LjAyOCAyLjEwOS0xMS45MjMgNS40NDJjLTEuMTcgMS4yMS0xLjkzNyAyLjc3OS0xLjkzNyAyLjc3OWMtMi4yMDUtMi4xODItNS4yMzQtMy41MjYtOC41OC0zLjUyNiBjLTYuNzQyIDAtMTIuMjA4IDUuNDY2LTEyLjIwOCAxMi4yMDljMCAwIDAgMCAwIDAuMDU2Yy0wLjM5My0wLjAzOC0wLjc5My0wLjA2LTEuMTk3LTAuMDYgQzUuNDYzIDE2LjkgMCAyMi40IDAgMjkuMTA3YzAgNi43IDUuNSAxMi4yIDEyLjIgMTIuMjA3aDM3LjQ0Mmw5LjcxOC0wLjAyN2MyLjQzMy0wLjE2MyA0LjY2OS0xLjA0IDYuNTAzLTIuNDIxIEM2Ny43NzEgNDAuMSA3MC45IDQxLjMgNzUuNyA0MS4zMTV6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PGVsbGlwc2Ugb3BhY2l0eT0iMC4zMSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0iI0ZGRkZGRiIgY3g9IjM0LjkiIGN5PSIxMS45IiByeD0iMzguNCIgcnk9IjE5LjYiLz48L2c+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNi43IiB5MT0iNTMuMSIgeDI9IjQ0LjgiIHkyPSIyNS45Ij48c3RvcCBvZmZzZXQ9IjAuMTcxOCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPjxzdG9wIG9mZnNldD0iMC45MDgiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkY7c3RvcC1vcGFjaXR5OjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIG9wYWNpdHk9IjAuNzUiIGZpbGw9InVybCgjU1ZHSURfM18pIiBkPSJNNjEuMzAxIDE5LjMyOGwxLjQ2MiAwLjY3OWMxLjcxMSAwLjggMy4yIDIuMSA0LjIgMy42IGMxLjA1NiAxLjYgMS42IDMuNSAxLjYgNS40NjFjMCAxLjQ2NC0wLjMwOSAyLjg3Mi0wLjkxMyA0LjE5bC0wLjI5NCAwLjYzNWwwLjEzNSAwLjcgYzAuMjQyIDEuMiAwLjYgMi4zIDEuMSAzLjI3MmMtMC41NzYtMC4yNDctMS4xMDUtMC41MjgtMS41ODYtMC44NDRsLTEuMjc4LTAuODM4bC0xLjIyIDAuOSBjLTEuNTM3IDEuMTU3LTMuMzU5IDEuODQyLTUuMjc2IDEuOTgybC05LjYzOSAwLjAyN0gxMi4yMDhjLTIuNjgxIDAtNS4xOTktMS4wNDMtNy4wOTUtMi45MzljLTEuODk0LTEuODk1LTIuOTM3LTQuNDE0LTIuOTM3LTcuMDk1IGMwLTIuNjggMS4wNDMtNS4yIDIuOTM3LTcuMDkzYzEuODk2LTEuODk2IDQuNDE1LTIuOTQgNy4wOTUtMi45NGMwLjMyIDAgMC43IDAgMSAwLjA0OWwyLjM4NSAwLjIzNGwtMi4xNzUtMi4zOTcgYy0wLjM5My0wLjAzOC0wLjc5Mi0wLjA2LTEuMTk2LTAuMDZjLTYuNzQyIDAtMTIuMjA3IDUuNDY1LTEyLjIwNyAxMi4yMDdjMCA2LjcgNS41IDEyLjIgMTIuMiAxMi4yMDdoMzcuNDQxbDkuNzE5LTAuMDI3IGMyLjQzMi0wLjE2MyA0LjY2Ny0xLjA0IDYuNTAyLTIuNDIxYzEuOTA1IDEuMiA1IDIuNCA5LjkgMi40NDdjMCAwLTUuMDE4LTEuNTc3LTYuMDk0LTcuMTEgYzAuNzE0LTEuNTUgMS4xMTItMy4yNzggMS4xMTItNS4wOTdjMC00LjkwNC0yLjg5My05LjEzMS03LjA2NC0xMS4wN0w2MS4zMDEgMTkuMzI4eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUuNiIgeTE9IjIwLjEiIHgyPSIzMS43IiB5Mj0iNC41Ij48c3RvcCBvZmZzZXQ9IjAuMTcxOCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPjxzdG9wIG9mZnNldD0iMC45MDgiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkY7c3RvcC1vcGFjaXR5OjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIG9wYWNpdHk9IjAuNzUiIGZpbGw9InVybCgjU1ZHSURfNF8pIiBkPSJNMzQuMTkgOC4yMjFjLTIuMjA1LTIuMTgyLTUuMjM1LTMuNTI2LTguNTgxLTMuNTI2IGMtNi43NDEgMC0xMi4yMDcgNS40NjYtMTIuMjA3IDEyLjIwOWMwIDAgMCAwIDAgMC4wNTZsMi4xNzUgMi4zOTdWMTYuOTZjMC0wLjA0LTAuMDAxLTAuMDc1LTAuMDAyLTAuMTA2IGMwLjAxMi0yLjY2MiAxLjA1NS01LjE2MyAyLjkzOS03LjA0OGMxLjg5NC0xLjg5NiA0LjQxNC0yLjkzOSA3LjA5NC0yLjkzOWMyLjY1NyAwIDUuMiAxIDcuMSAyLjg5OGwyLjE1IDIuMTI4TDM0LjE5IDguMiB6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MS43IiB5MT0iMTkuNyIgeDI9IjU0LjEiIHkyPSI3LjciPjxzdG9wIG9mZnNldD0iMC4xNzE4IiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+PHN0b3Agb2Zmc2V0PSIwLjkwOCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggb3BhY2l0eT0iMC43NSIgZmlsbD0idXJsKCNTVkdJRF81XykiIGQ9Ik00OC4wNTEgMi4xNzVjMy42MzYgMCA3LjEgMS40IDkuNiAzLjk4OGMyLjU3MyAyLjYgNCA2IDQgOS42IGMwIDAuNjM0LTAuMDQ3IDEuMjg2LTAuMTM5IDEuOTM5bC0wLjIyNyAxLjU5N2wyLjM3OS0xLjI5MWMwLjEwNS0wLjczMyAwLjE2MS0xLjQ4MyAwLjE2MS0yLjI0NUM2My44NDEgNy4xIDU2LjggMCA0OC4xIDBsMCAwIGMtNC43NjQgMC05LjAzIDIuMTA5LTExLjkyNSA1LjQ0MmMtMS4xNzEgMS4yMS0xLjkzNiAyLjc3OS0xLjkzNiAyLjc3OWwwLjYyMSAzLjY3M2wxLjMyOS0yLjcxOCBjMC4xNjEtMC4zMjkgMC43ODgtMS40MzggMS41NDktMi4yMjRsMC4wNC0wLjA0MmwwLjAzOS0wLjA0NGMxLjI0OS0xLjQzOSAyLjgxOS0yLjYyNCA0LjUzOC0zLjQyNyBDNDQuMTA4IDIuNiA0NiAyLjIgNDguMSAyLjIiLz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOS43NjggMzAuNDdjMC4wNTQgMC41IDAuMyAwLjkgMC42IDEuMTM5YzAuMzU4IDAuMiAwLjggMC4zIDEuMyAwLjMgYzAuMTczIDAgMC4zNzEtMC4wMTQgMC41OTUtMC4wNDFjMC4yMjEtMC4wMjcgMC40MjktMC4wNzkgMC42MjUtMC4xNTVjMC4xOTUtMC4wNzUgMC4zNTQtMC4xODcgMC40OC0wLjMzMyBjMC4xMjQtMC4xNDYgMC4xODEtMC4zMzkgMC4xNy0wLjU3N2MtMC4wMS0wLjIzOC0wLjA5Ny0wLjQzMy0wLjI1OS0wLjU4NmMtMC4xNjItMC4xNTEtMC4zNzItMC4yNzMtMC42MjYtMC4zNjcgYy0wLjI1NS0wLjA5MS0wLjU0NS0wLjE3LTAuODY4LTAuMjM1Yy0wLjMyNy0wLjA2NC0wLjY1Ny0wLjEzNS0wLjk5My0wLjIxMWMtMC4zNDgtMC4wNzUtMC42ODEtMC4xNjgtMS0wLjI3NiBjLTAuMzE5LTAuMTA4LTAuNjA3LTAuMjU0LTAuODYyLTAuNDM5Yy0wLjI1NS0wLjE4NS0wLjQ1OC0wLjQyLTAuNjEtMC43MDdjLTAuMTUyLTAuMjg4LTAuMjI3LTAuNjQ0LTAuMjI3LTEuMDY1IGMwLTAuNDU2IDAuMTEtMC44MzcgMC4zMzItMS4xNDZjMC4yMjItMC4zMDkgMC41MDUtMC41NTkgMC44NDctMC43NDhjMC4zNC0wLjE5IDAuNzIxLTAuMzIyIDEuMTM3LTAuMzk5IGMwLjQxOC0wLjA3NiAwLjgxNi0wLjExNCAxLjE5NS0wLjExNGMwLjQzNCAwIDAuOCAwIDEuMiAwLjEzOWMwLjM5NSAwLjEgMC44IDAuMiAxLjEgMC40IGMwLjMyIDAuMiAwLjYgMC41IDAuOCAwLjgwNGMwLjIxMiAwLjMgMC4zIDAuNyAwLjQgMS4xOTVoLTEuOTM1Yy0wLjA4Ny0wLjQ0NC0wLjI5MS0wLjc0Mi0wLjYwOS0wLjg5MyBDMTIuMjUzIDI2LjEgMTEuOSAyNiAxMS41IDI2Yy0wLjEzIDAtMC4yODUgMC4wMS0wLjQ2NCAwLjAzM2MtMC4xNzggMC4wMjEtMC4zNDYgMC4wNjItMC41MDMgMC4xIGMtMC4xNTkgMC4wNi0wLjI5MiAwLjE0Ny0wLjM5OSAwLjI2MWMtMC4xMDkgMC4xMTQtMC4xNjIgMC4yNjMtMC4xNjIgMC40NDdjMCAwLjIgMC4xIDAuNCAwLjIgMC42IGMwLjE1NyAwLjEgMC40IDAuMyAwLjYgMC4zNDljMC4yNTcgMC4xIDAuNSAwLjIgMC45IDAuMjM2YzAuMzI2IDAuMSAwLjcgMC4xIDEgMC4yIGMwLjMzNyAwLjEgMC43IDAuMiAxIDAuMjc2YzAuMzI3IDAuMSAwLjYgMC4zIDAuOSAwLjQ0YzAuMjU1IDAuMiAwLjUgMC40IDAuNiAwLjcgYzAuMTU5IDAuMyAwLjIgMC42IDAuMiAxLjA0YzAgMC40OTgtMC4xMTUgMC45MjEtMC4zNDIgMS4yNjhjLTAuMjI4IDAuMzQ3LTAuNTI1IDAuNjI3LTAuODg4IDAuOCBjLTAuMzY0IDAuMjE3LTAuNzY5IDAuMzc0LTEuMjE0IDAuNDcxYy0wLjQ0NiAwLjA5OC0wLjg4NSAwLjE0Ny0xLjMyIDAuMTQ3Yy0wLjUzMiAwLTEuMDI0LTAuMDYtMS40NzYtMC4xNzkgYy0wLjQ1LTAuMTItMC44NDEtMC4zMDMtMS4xNzItMC41NDZjLTAuMzMyLTAuMjQ0LTAuNTkyLTAuNTQ3LTAuNzgyLTAuOTExYy0wLjE5LTAuMzYyLTAuMjkxLTAuNzkzLTAuMzAxLTEuMjkzSDkuNzY4eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNi4zNDggMzYuNDU4YzAgMCAwLjggMCAxLjU4NC0yLjE4MmMwLjA1MS0wLjE0NyAwLjEyNS0wLjMwNCAwLjE3OS0wLjQ4OGwwLjIxMi0wLjY1bC0zLjE4Ny04LjM3MiBoMi4wMzJsMi4xOTYgNi4yNzVoMC4wMzJsMi4xMjktNi4yNzVoMS45MzRsLTMuMjg0IDguODU5Yy0wLjE0OSAwLjM4LTAuNTM4IDEuNDA4LTAuNjA4IDEuNiBDMTguNzE3IDM3IDE2LjMgMzYuNSAxNi4zIDM2LjQ1OHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjQuMDk0IDI0Ljc2NWgxLjc1NlYyNmwwLjAzMiAwLjAzM2MwLjI4Mi0wLjQ2OCAwLjY1MS0wLjgzMiAxLjEwNi0xLjA5OCBjMC40NTUtMC4yNjYgMC45Ni0wLjM5OSAxLjUxMS0wLjM5OWMwLjkyMyAwIDEuNiAwLjIgMi4yIDAuNzE2YzAuNTMyIDAuNSAwLjggMS4yIDAuOCAyLjE0NnY1Ljc3MmgtMS44NTR2LTUuMjg1IGMtMC4wMjItMC42NTktMC4xNjQtMS4xNC0wLjQyMi0xLjQ0QzI4LjkzOCAyNi4xIDI4LjUgMjYgMjggMjZjLTAuMzE1IDAtMC41OTYgMC4wNTYtMC44NDUgMC4yIGMtMC4yNTEgMC4xMTQtMC40NjEgMC4yNzEtMC42MzYgMC40NzFjLTAuMTczIDAuMjAyLTAuMzA3IDAuNDM4LTAuNDA2IDAuNzA3Yy0wLjA5NyAwLjI3Mi0wLjE0NiAwLjU1OS0wLjE0NiAwLjg2MnY0Ljk1OWgtMS44NTMgVjI0Ljc2NXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDEuMzE3IDI0Ljc2NWgxLjc1NnYxLjEzN2gwLjAzMmMwLjI2LTAuNDg3IDAuNjIyLTAuODM3IDEuMDg5LTEuMDQ4YzAuNDY3LTAuMjEzIDAuOTY5LTAuMzE4IDEuNTEyLTAuMzE4IGMwLjY1OSAwIDEuMiAwLjEgMS43IDAuMzUxYzAuNDkzIDAuMiAwLjkgMC42IDEuMiAwLjk1OGMwLjMyNyAwLjQgMC42IDAuOSAwLjcgMS40IGMwLjE2NCAwLjUgMC4yIDEuMSAwLjIgMS43NGMwIDAuNTY0LTAuMDc0IDEuMTEyLTAuMjE4IDEuNjQzYy0wLjE0OSAwLjUyOS0wLjM2OSAwLjk5OS0wLjY2OCAxLjQgYy0wLjI5OCAwLjQwNy0wLjY3NSAwLjczMi0xLjEzIDAuOTc2Yy0wLjQ1NSAwLjI0NC0wLjk5MSAwLjM2Ny0xLjYxIDAuMzY3Yy0wLjI3MSAwLTAuNTQzLTAuMDI0LTAuODEyLTAuMDc0IGMtMC4yNzItMC4wNDgtMC41MzItMC4xMjctMC43OC0wLjIzNWMtMC4yNS0wLjEwOC0wLjQ4MS0wLjI0Ny0wLjY5Mi0wLjQxNWMtMC4yMS0wLjE2OC0wLjM4Ny0wLjM2NS0wLjUyOC0wLjU5M2gtMC4wMzF2NC4xOTUgaC0xLjg1NFYyNC43NjV6IE00Ny43ODkgMjguOTc1YzAtMC4zOC0wLjA1LTAuNzQ3LTAuMTQ3LTEuMTA1Yy0wLjA5OC0wLjM1OS0wLjI0Mi0wLjY3NS0wLjQzOS0wLjk1MyBjLTAuMTk1LTAuMjc1LTAuNDM5LTAuNDk3LTAuNzMxLTAuNjY1QzQ2LjE3OCAyNi4xIDQ1LjggMjYgNDUuNSAyNmMtMC43NzggMC0xLjM2NyAwLjI3LTEuNzYzIDAuOCBjLTAuMzk0IDAuNTQxLTAuNTkyIDEuMjYzLTAuNTkyIDIuMTYyYzAgMC40IDAuMSAwLjggMC4yIDEuMTc5YzAuMTA0IDAuNCAwLjMgMC43IDAuNSAwLjkgYzAuMjA1IDAuMyAwLjUgMC41IDAuNyAwLjYxN2MwLjI4OCAwLjIgMC42IDAuMiAxIDAuMjI5YzAuNDI0IDAgMC43ODEtMC4wODcgMS4wNzQtMC4yNjEgYzAuMjk1LTAuMTczIDAuNTM1LTAuMzk5IDAuNzI2LTAuNjc1YzAuMTg4LTAuMjc3IDAuMzIzLTAuNTkxIDAuNDA0LTAuOTQzQzQ3Ljc0NyAyOS43IDQ3LjggMjkuMyA0Ny44IDI4Ljk3NXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTAuNjQyIDI0Ljc2NXYtMi41MjFoMS44NTJ2Mi41MjFoMS42Nzd2MS4zODFoLTEuNjc3djQuNDg3djAuNTcyYzAgMC0wLjA1NyAxLjcgMS4yIDIuMiBjMCAwLTIuNjQ2IDAuMzg2LTIuOTk0LTEuMzUzYy0wLjA1My0wLjI3Mi0wLjA5NC0wLjU4LTAuMTA2LTAuOTI4di00Ljk1OCIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MC4yMDcgMzIuMzcyYy0wLjM4NSAwLjM0Mi0wLjgyMyAwLjYxOC0xLjM1OCAwLjc4MWMtMC41MzggMC4xNjMtMS4wNTQgMC4yNDUtMS41NTMgMC4yIGMtMC4zOCAwLTAuNzQyLTAuMDUyLTEuMDktMC4xNTVjLTAuMzQ3LTAuMTAzLTAuNjUyLTAuMjU0LTAuOTE3LTAuNDU1Yy0wLjI2NS0wLjItMC40NzctMC40NTUtMC42MzQtMC43NjQgYy0wLjE1OS0wLjMwOC0wLjIzNi0wLjY2OS0wLjIzNi0xLjA4MWMwLTAuNTIgMC4wOTMtMC45NDMgMC4yODUtMS4yNjhjMC4xODktMC4zMjUgMC40MzktMC41OCAwLjc0Ny0wLjc2MyBjMC4zMS0wLjE4NiAwLjY1Ny0wLjMxOCAxLjA0Mi0wLjM5OWMwLjM4Mi0wLjA4MSAwLjc3MS0wLjE0MyAxLjE2Mi0wLjE4N2MwLjMzNi0wLjA2NSAwLjY1NC0wLjExMiAwLjk2LTAuMTM5IGMwLjMwMy0wLjAyNyAwLjU3MS0wLjA3MiAwLjgwNi0wLjEzN2MwLjIzMi0wLjA2NiAwLjQxNi0wLjE2NSAwLjU1MS0wLjMwMmMwLjEzNi0wLjEzNSAwLjIwMy0wLjMzOCAwLjIwMy0wLjYwOSBjMC0wLjIzOC0wLjA1Ni0wLjQzMy0wLjE2OC0wLjU4NmMtMC4xMTUtMC4xNTEtMC4yNTctMC4yNjgtMC40MjQtMC4zNDljLTAuMTY4LTAuMDgyLTAuMzU1LTAuMTM2LTAuNTYtMC4xNjIgQzU4LjgxNCAyNiA1OC42IDI2IDU4LjQgMjZjLTAuNTE3IDAtMC45NDcgMC4xMDgtMS4yODEgMC4zMjVjLTAuMzM5IDAuMjE2LTAuNTI4IDAuNTUyLTAuNTcgMS4wMDdoLTEuODUyIGMwLjAzMi0wLjU0MiAwLjE1OS0wLjk5MiAwLjM4Ny0xLjM1YzAuMjI4LTAuMzU4IDAuNTIxLTAuNjQ1IDAuODcxLTAuODYxYzAuMzUzLTAuMjE3IDAuNzUxLTAuMzY5IDEuMTk1LTAuNDU1IGMwLjQ0NC0wLjA4NyAwLjktMC4xMyAxLjM2Ni0wLjEzYzAuNDEyIDAgMC44IDAgMS4yIDAuMTNjMC40MDEgMC4xIDAuOCAwLjIgMS4xIDAuNCBjMC4zMTkgMC4yIDAuNiAwLjQgMC44IDAuNzU3YzAuMTkzIDAuMyAwLjMgMC43IDAuMyAxLjEzVjMxLjNjMCAxLjcgMS4yIDIuMSAxLjIgMi4xIEM2MS43MjEgMzMuNSA2MC42IDMzLjIgNjAuMiAzMi40IE02MC4wNiAyOC45NThjLTAuMjgyIDAuMTg0LTAuNjI5IDAuMjk1LTEuMDM5IDAuMyBjLTAuNDEyIDAuMDM4LTAuODI1IDAuMDk1LTEuMjM3IDAuMTcxYy0wLjE5NSAwLjAzMi0wLjM4NSAwLjA3OC0wLjU2OCAwLjEzOGMtMC4xODQgMC4wNi0wLjM0NiAwLjE0MS0wLjQ5IDAuMiBjLTAuMTQgMC4xMDQtMC4yNSAwLjIzOC0wLjMzMSAwLjQwN2MtMC4wODMgMC4xNjgtMC4xMjMgMC4zNzEtMC4xMjMgMC42MWMwIDAuMiAwLjEgMC40IDAuMiAwLjUgYzAuMTE4IDAuMSAwLjMgMC4zIDAuNCAwLjMzNGMwLjE2OCAwLjEgMC40IDAuMSAwLjYgMC4xN2MwLjIwMyAwIDAuNCAwLjEgMC41IDAuMSBjMC4yMDcgMCAwLjQyOS0wLjAyOSAwLjY2OC0wLjA4M2MwLjIzNy0wLjA1MyAwLjQ2My0wLjE0NiAwLjY3My0wLjI3N2MwLjIxMi0wLjEyOSAwLjM4Ny0wLjI5NSAwLjUzLTAuNDk2IGMwLjE0LTAuMTk5IDAuMjEtMC40NDYgMC4yMS0wLjczOVYyOC45NTh6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM3Ljk5OCAzMi4zNzJjLTAuMzgyIDAuMzQyLTAuODIgMC42MTgtMS4zNTggMC43ODFjLTAuNTM1IDAuMTYzLTEuMDUzIDAuMjQ1LTEuNTUxIDAuMiBjLTAuMzggMC0wLjc0Mi0wLjA1Mi0xLjA5LTAuMTU1Yy0wLjM0Ni0wLjEwMy0wLjY1Mi0wLjI1NC0wLjkyLTAuNDU1Yy0wLjI2NC0wLjItMC40NzUtMC40NTUtMC42MzMtMC43NjQgYy0wLjE1Ny0wLjMwOC0wLjIzNi0wLjY2OS0wLjIzNi0xLjA4MWMwLTAuNTIgMC4wOTQtMC45NDMgMC4yODYtMS4yNjhjMC4xODgtMC4zMjUgMC40MzgtMC41OCAwLjc0Ny0wLjc2MyBjMC4zMDktMC4xODYgMC42NTYtMC4zMTggMS4wNDEtMC4zOTljMC4zODYtMC4wODEgMC43NzItMC4xNDMgMS4xNjMtMC4xODdjMC4zMzctMC4wNjUgMC42NTYtMC4xMTIgMC45NTktMC4xMzkgYzAuMzAyLTAuMDI3IDAuNTcyLTAuMDcyIDAuODA1LTAuMTM3YzAuMjMzLTAuMDY2IDAuNDE3LTAuMTY1IDAuNTUzLTAuMzAyYzAuMTM2LTAuMTM1IDAuMjAzLTAuMzM4IDAuMjAzLTAuNjA5IGMwLTAuMjM4LTAuMDU3LTAuNDMzLTAuMTcxLTAuNTg2Yy0wLjExMy0wLjE1MS0wLjI1NS0wLjI2OC0wLjQyMi0wLjM0OWMtMC4xNjgtMC4wODItMC4zNTctMC4xMzYtMC41NjEtMC4xNjIgQzM2LjYwNiAyNiAzNi40IDI2IDM2LjIgMjZjLTAuNTE4IDAtMC45NDggMC4xMDgtMS4yODQgMC4zMjVjLTAuMzM0IDAuMjE2LTAuNTI2IDAuNTUyLTAuNTY5IDEuMDA3aC0xLjg1MyBjMC4wMzMtMC41NDIgMC4xNjItMC45OTIgMC4zOTEtMS4zNWMwLjIyNy0wLjM1OCAwLjUxNy0wLjY0NSAwLjg3LTAuODYxYzAuMzUxLTAuMjE3IDAuNzUtMC4zNjkgMS4xOTQtMC40NTUgYzAuNDQ1LTAuMDg3IDAuOTAxLTAuMTMgMS4zNjctMC4xM2MwLjQxMiAwIDAuOCAwIDEuMiAwLjEzYzAuNDAxIDAuMSAwLjggMC4yIDEuMSAwLjQgYzAuMzIyIDAuMiAwLjYgMC40IDAuOCAwLjc1N2MwLjE5NCAwLjMgMC4zIDAuNyAwLjMgMS4xM1YzMS4zYzAgMS43IDEuMiAyLjEgMS4yIDIuMSBDMzkuNTE0IDMzLjUgMzguNCAzMy4yIDM4IDMyLjQgTTM3Ljg1MyAyOC45NThjLTAuMjg0IDAuMTg0LTAuNjI5IDAuMjk1LTEuMDQxIDAuMyBjLTAuNDEyIDAuMDM4LTAuODI1IDAuMDk1LTEuMjM2IDAuMTcxYy0wLjE5MyAwLjAzMi0wLjM4NSAwLjA3OC0wLjU2OSAwLjEzOGMtMC4xODMgMC4wNi0wLjM0NyAwLjE0MS0wLjQ4NyAwLjIgYy0wLjE0IDAuMTA0LTAuMjUxIDAuMjM4LTAuMzMyIDAuNDA3Yy0wLjA4MyAwLjE2OC0wLjEyMyAwLjM3MS0wLjEyMyAwLjYxYzAgMC4yIDAuMSAwLjQgMC4yIDAuNSBjMC4xMTkgMC4xIDAuMyAwLjMgMC40IDAuMzM0YzAuMTY4IDAuMSAwLjMgMC4xIDAuNiAwLjE3YzAuMTk5IDAgMC40IDAuMSAwLjUgMC4xIGMwLjIwNSAwIDAuNDI2LTAuMDI5IDAuNjY2LTAuMDgzYzAuMjM4LTAuMDUzIDAuNDYzLTAuMTQ2IDAuNjc2LTAuMjc3YzAuMjEtMC4xMjkgMC4zODYtMC4yOTUgMC41MjctMC40OTYgYzAuMTQxLTAuMTk5IDAuMjEyLTAuNDQ2IDAuMjEyLTAuNzM5VjI4Ljk1OHoiLz48L2c+PC9zdmc+) no-repeat top;
    width:301px;
    height: 164px;
    padding-bottom: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.no-svg .loginPageLogo {
    background: url(/crm/css/images/template/synaptalogo_lg.png) no-repeat top;
}

.loginPageCopyrightNotice {
    bottom: 0;
    color: #525252;
    height: 90px;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    text-align: center;
    width: 400px;
}

.loginPageCopyrightNoticeAltText {
    display: none;
}

.loginPageCopyrightNoticeLogo {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDMxLjQ2IDI1NC44NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMxLjQ2IDI1NC44NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiID4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNTI1MjUyO30KCS5zdDF7Zm9udC1mYW1pbHk6J0Z1dHVyYS1NZWRpdW0nO30KCS5zdDJ7Zm9udC1zaXplOjE3NXB4O30KCS5zdDN7Zm9udC1zaXplOjQ4LjE4NjVweDt9Cjwvc3R5bGU+Cjx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMTYuMjA3MiAxNTUuMzIyNikiIGNsYXNzPSJzdDAgc3QxIHN0MiI+QW9NPC90ZXh0Pgo8L3N2Zz4=) no-repeat center top;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 50px;
    background-size: cover;
    margin-bottom: 7px;
}

.customLogo {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 68%;
    left: 0;
    right: 0;
}

.loginPanel, .licencePanel {
    position: relative;
    padding-left: 90px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.loginPanelTitle, .licencePanelTitle {
    font-size: 1.4em;
    font-weight: 300;
    color: white;
    -webkit-font-smoothing:antialiased;
}

.licencePanelTitle {

}

.loginLabel, .loginElement, .licenceLabel, .loginExpiredMsg {
    height: 40px;
    width: 255px;
}

.slacLabel {
    height: 40px;
    width: 155px;
    color: #FFFFFF;
    text-align: right;
    -webkit-font-smoothing:antialiased;
}

.loginExpiredMsg {
    line-height: 1.25em;
    padding: 30px;
    color: #22b1e7;
}

.loginExpiredMsgWrapper {
    margin-left: -90px;
    margin-top: -20px;
    text-align: center;
}

/* override for iceMsgError style applied on the login page */
.loginMessageError {
    background: none !important;
    box-shadow: none !important;
    color: #22B1E7 !important;
    display: table-row-group !important;
    font-weight: 300 !important;
    padding-left: 0 !important;
    width: auto !important;
    margin-left: 3px !important;
    margin-top: -18px !important;
}

.loginMessageError:before, .loginMessageError:after {
    border: none !important;
}

.licenceLabel {
    vertical-align: top;
    padding-top: 5px;
}

.pinLabel {
    height: 45px;
    width: 150px;
    text-align: right;

    color: white;
    padding-right: 30px;
    -webkit-font-smoothing:antialiased;
}

.loginInputField {
    border: medium none;
    border-radius: 4px;
    font-size: 1em;
    height: 20px;
    padding: 4px !important;
    width: 220px;
}

.intTelValidatorInputField {
    border: medium none;
    border-radius: 4px;
    font-size: 1em;
    height: 28px;
    width: 230px;
}

.licenceInputField {
    width: 460px;
}

.loginElement {
    width: 225px;
}

.slacElement {
    width: 136px;
}

.licenceElement {
    width: 480px;
    padding-top: 10px;
}

.loginButtonElement {
    width: 120px;
    padding-left: 18px;
}

.slacButtonElement {
    padding-left: 10px;
}

.licenceButton {
    vertical-align: bottom;
}

.pinInputField {
    width: 20px;
    text-align: center;
    margin-right: 4px;
}

.forgottenPasswordText {
    text-align: right;
}

.forgottenPasswordText a {
    color: #22b1e7;
}

.systemDisabledText {
    color: #FFFFFF;
}

/* end of login dialog styles */

.elementIconPrimaryLetter, .elementIconSecondaryLetter {
    font-family: Helvetica;
    color: #FFFFFF;
    display: inline !important;
    padding: 0px !important;
}

.elementIconSecondaryLetter {
    font-size: 14px;
    opacity:0.7;
    filter:alpha(opacity=70);
}

.elementIconPrimaryLetter {
    font-size: 16px;
    font-weight: bold;
}

.elementTextWrapper {
    padding-top: 8px;
}

.surveyElementIcon, .questionElementIcon, .attributeElementIcon, .mobileWebsiteElementIcon, .broadcastChannelElementIcon, .broadcastChannelElementIcon, .bouncebackChannelElementIcon, .listChannelElementIcon, .registrationChannelElementIcon, .redeemChannelElementIcon, .loadChannelElementIcon, .claimChannelElementIcon, .promotionalCodeElementIcon, .mobileVoucherElementIcon, .chatChannelElementIcon {
    height: 30px;
    width: 30px;
    text-align: center;
}

.elementIconTable {
    margin: 4px 0px 4px 6px;
    position: relative;
}

.surveyElementIcon {
    background: #bbcd27;
}

.questionElementIcon {
    background: #bbcd27;
    background: -webkit-linear-gradient(to left, #C8D468 42%, #bbcd27 42%);
    background: linear-gradient(to left, #C8D468 42%, #bbcd27 42%);
}

.attributeElementIcon {
    background: #22B1E7;
    background: -webkit-linear-gradient(to left, #91D8F3 42%, #22B1E7 42%);
    background: linear-gradient(to left, #91D8F3 42%, #22B1E7 42%);
}

.mobileWebsiteElementIcon {
    background: #009443;
}

.broadcastChannelElementIcon {
    background: #7cc6bf;
}

.bouncebackChannelElementIcon {
    background: #6094cb;
}

.listChannelElementIcon {
    background: #544793;
}

.registrationChannelElementIcon {
    background: #652880;
}

.redeemChannelElementIcon {
    background: #c4236c;
}

.loadChannelElementIcon {
    background: #c144bb;
}

.claimChannelElementIcon {
    background: #bf1a30;
}

.promotionalCodeElementIcon {
    background: #e64c29;
}

.mobileVoucherElementIcon {
    background: #f9b818;
}

.chatChannelElementIcon {
    background: #72b182;
}

.surveyElementIconAsDefault:after, .mobileWebsiteElementIconAsDefault:after, .broadcastChannelElementIconAsDefault:after, .broadcastChannelElementIconAsDefault:after, .bouncebackChannelElementIconAsDefault:after, .listChannelElementIconAsDefault:after, .registrationChannelElementIconAsDefault:after, .redeemChannelElementIconAsDefault:after, .loadChannelElementIconAsDefault:after, .claimChannelElementIconAsDefault:after, .promotionalCodeElementIconAsDefault:after, .mobileVoucherElementIconAsDefault:after, .chatChannelElementIconAsDefault:after {
    height: 0;
    width: 0;
    top: 50%;
    left: 100%;
    content: " ";
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-width: 15px;
    margin-top: -15px;
}

.surveyElementIconAsDefault:after {
    border-left-color: #bbcd27;
}

.mobileWebsiteElementIconAsDefault:after {
    border-left-color: #009443;
}

.broadcastChannelElementIconAsDefault:after {
    border-left-color: #7cc6bf;
}

.bouncebackChannelElementIconAsDefault:after {
    border-left-color: #6094cb;
}

.listChannelElementIconAsDefault:after {
    border-left-color: #544793;
}

.registrationChannelElementIconAsDefault:after {
    border-left-color: #652880;
}

.redeemChannelElementIconAsDefault:after {
    border-left-color: #c4236c;
}

.loadChannelElementIconAsDefault:after {
    border-left-color: #c144bb;
}

.claimChannelElementIconAsDefault:after {
    border-left-color: #bf1a30;
}

.promotionalCodeElementIconAsDefault:after {
    border-left-color: #e64c29;
}

.mobileVoucherElementIconAsDefault:after {
    border-left-color: #f9b818;
}

.chatChannelElementIconAsDefault:after {
    border-left-color: #72b182;
}

.helpOn, .helpOff {
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-top: 13px;
}

.helpOn {
    background: url(/crm/css/images/icons/help.png) no-repeat top;
}

.helpOff {
    background: url(/crm/css/images/icons/helpoff.png) no-repeat top;
}

.fullScreenIcon, .shrinkFullScreenIcon {
    width: 25px;
    height: 25px;
}

.fullScreenIcon {
    background: url(/crm/css/images/icons/presenterview.png) no-repeat top;
    float: right;
}

.shrinkFullScreenIcon {
    background: url(/crm/css/images/icons/presenterviewreturn.png) no-repeat top;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}

.paddingDeleteIcon {
    height: 22px;
    width: 22px;
}

.deleteIconDark, .inlineDeleteIcon {
    background: url(/crm/css/images/icons/delete_dark.png) no-repeat top;
    height: 19px;
    width: 19px;
}

.deleteIconLight {
    background: url(/crm/css/images/icons/delete_white.png) no-repeat top;
    height: 19px;
    width: 19px;
}

.deleteIconDark, .deleteIconLight {
    display: inline-block;
    cursor: pointer;
}

.listAddIcon {
    background: url(/crm/css/images/icons/listadd.gif) no-repeat top;
    height: 16px;
    width: 17px;
    display: inline-block;
    cursor: pointer;
}

.addQuestionRouteIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI5IDEuOSA4LjEgMS45IDguMSA3LjMgMS42IDAuOCAxIDEuNSA3LjQgNy45IDIgNy45IDIgOC45IDkgOC45ICIvPjwvc3ZnPg==) no-repeat right bottom / 16px 16px;
    height: 30px;
    width: 30px;
    display: inline-block;
    cursor: pointer;
}

.no-svg.addQuestionRouteIcon {
    background: url(/crm/css/images/icons/addroute.png) no-repeat right bottom / 16px 16px;
}

.inboundQuestionRouteIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI5IDEuOSA4LjEgMS45IDguMSA3LjMgMS42IDAuOCAxIDEuNSA3LjQgNy45IDIgNy45IDIgOC45IDkgOC45ICIvPjwvc3ZnPg==) no-repeat center center / 13px 13px;
    height: 30px;
    width: 30px;
    display: inline-block;
}

.no-svg.inboundQuestionRouteIcon {
    background: url(/crm/css/images/icons/addroute.png) no-repeat center center / 13px 13px;
}

.inlineDeleteIcon {
    display: inline-block;
    padding-bottom: 4px;
    padding-left: 4px;
    vertical-align:middle;
}

.componentDelete {
    position: absolute;
    right: -24px;
    top: 4px;
}

.footerButtonRight-dis, .footerButtonLeft-dis, .popupFooterButton-dis {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #88898D;
    pointer-events: none;
    cursor: default;
}

a {
    text-decoration: none;
    background: none;
    color:#444444;
}

a:active, a:focus {
    outline:0;
}

.companySwitchItem a:hover, .secondarynavheaderContent:hover, .inlineHyperlink a:hover {
    text-decoration: underline;
}

.selectableTableRow, .tableRow {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #CCCCCC;
    font-size: 0.9em;
}

.selectableTableRow span, .selectableTableRow {
    cursor: pointer;
}

.selectableTableRow:hover {
    background-color: #EAEAEA;
}

.infoBarTabularRow a tr:hover {
    background-color: #EAEAEA !important;
}

.titleCase {

}

.smallText {
    font-size: 0.9em;
}

.dialogueInstructions {
    padding: 5px;
    font-size: 0.9em;
}

.popupDialogueInlineText {
    text-align: center;
    padding: 25px;
}

.popupDialogueInlineTextCompact {
    text-align: center;
    padding: 10px 25px;
}

.rangeText {
    padding-left: 10px;
    font-size: 0.9em;
}

.inlineHyperlink {
    display: inline;
    padding-left: 10px;
    font-size: 0.9em;
}

.inlineHealthIcon {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
}

.globalErrorStyle {
    font-size: 1.1em;
    color: red;
}

.loginErrorStyle {
    color: yellow;
}

.globalMsgsWrapper {
    padding-bottom: 5px;
}

.globalMsgsWrapper td {
    text-align: center;
}

.globalMsgsWrapper table {
    margin-left:auto;
    margin-right:auto;
}

.greyText {
    color: #8D8D8D;
}

img {
    border-style: none;
}

img.centred {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.applySelectableMouseIcon {
    cursor: pointer;
}

.primarynavheaderlinks a {
    color:#FFFFFF;

    -webkit-font-smoothing:antialiased;
}

.contexturalheaderText {
    font-size: 1.2em;
    margin-top: 22px;
    color: #FFFFFF;

    -webkit-font-smoothing:antialiased;
}

.sectionheader {
    background: #000000 url(/crm/css/images/template/tableHeaderFadeGrey.gif) repeat-x top;
    border-top: 1px solid #DCDDDF;
    border-bottom: 1px solid #DCDDDF;
}

.sidebarbtm a {
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
}

.printviewcontainer {
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    overflow:auto;
    text-align:center;
    background:#FFFFFF;
}

.printFriendlyIcon {
    display: table-cell;
    width: 40px;
    padding-right: 18px;
    padding-top: 18px;
}

.printFriendlyHeader {
    display: none;
}

.backFromPrintFriendly {
    position: relative;
    text-align: right;
    top: 30px;
    height: 10px;
    right: 20px;
    z-index: 1000;
}

.printBackgroundAdvice {
    color: red;
    font-size: 1em;
    padding: 0 200px;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    z-index: 1000;
}

.printTextTitle {
    font-size: 16px !important;
}

.printTextHeader {
    font-size: 14px !important;
}

.printText {
    font-size: 12px;
}

.printTable td {
    font-size: 12px;
}

.printTableRow, .printTableRow1, .printTableRow2 {
    background: none !important;
    border: 1px solid #E0E0E0;
}

.printTableHdr {
    background: none !important;
}

.containerwithsidebar, .containerfullwidth, .containerwithsidebarbothsides, .containerwithsidebarbothsideswide, .containerwithsidebarbothsidesverywide, containerwithsecondarysidebar, .containerwithsidebarwithTableHeader, .containerwithsidebarSurveyReportHeader, .containerwithsidebarRoutingTop, .containerwithsidebarRoutingBottom {
    background:#FFFFFF;
}

.fullPageContainerDark {
    background: #262C35;
    position:absolute;
    top:76px;
    left:0px;
    bottom:0px;
    right:0;
    overflow:auto;
    text-align:center;
}

.contactUploaderAddFileIcon {
    width: 206px;
    height: 114px;
    margin-top: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contactUploaderAddFileIcon {
    background: url(/crm/css/images/icons/upload/upload-file.png) no-repeat top;
}

.contactUploaderAnalysingIcon {
    width: 206px;
    height: 145px;
    margin-top: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contactUploaderAnalysingIcon {
    background: url(/crm/css/images/icons/upload/analysis-results.png) no-repeat top;
}

.contactUploaderCompletedIcon {
    width: 207px;
    height: 115px;
    margin-top: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contactUploaderCompletedIcon {
    background: url(/crm/css/images/icons/upload/upload-complete.png) no-repeat top;
}

.contactUploaderInstructions, .contactUploaderMessage {
    color: #39b3e2;
    line-height: 2em;
    padding-top: 20px;
}

.contactUploaderInstructions {
    font-size: 2em;
}

.contactUploaderMessage {
    font-size: 1.4em;
}

.contactUploaderInstructions a {
    color: #39b3e2;
}

.contactUploaderErrors {
    color: white;
    display: block;
    font-size: 1.2em;
    margin-top: 30px;
}

.contactUploadErrorWrapper table {
    margin-left: auto;
    margin-right: auto;
}

.contactUploaderFileUploadWrapper {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

.contactUploaderWrapperSection {
    color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    text-align: left;
    width: 750px;
}

.contactUploaderTableWrapper {
    margin: 50px 20px 10px;
}

.contactUploaderTableWrapper td, .contactUploaderTableWrapper tr, .contactUploaderTableWrapper th, .contactUploaderTableWrapper table {
    background: none !important;
    color: white;
}

.contactUploaderTableWrapper th {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    font-weight: bold;
}

.containerwithsidebarbtm a {
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
}

.containerfullwidthbtm {
    background: #696969 url(/crm/images/template/fadeDownGrey.jpg) repeat-x top;
    border-top:1px solid #BCC2C7;
}

.containerfullwidthbtm a {
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
}

.codeframecode, .codeframecodeselected {
    padding: 2px;
}

.sidebarslideoptionselected {font-weight: bold;}
.codeframecodeselected{font-weight: bold;}

.infoBarWrapperGrey {
    background: #F7F7F7;
}

.infoBarTitleColumn {
    vertical-align: top;
}

.infoBarTitle {
    font-size: 1.3em;
    font-weight: bold;
    padding: 5px 0px;

}

.codeframeTitle {
    font-size: 1.3em;
    font-weight: bold;
    padding: 8px;
    padding-top: 18px;
}

.codeframeTitleSmall {
    font-size: 1.1em;
    padding: 10px 8px;
    height: 15px;
    text-align: left;

}

.codeframeLabel {
    color:#8D8D8D;
    height:35px;
    padding-right:8px;
    text-align:right;

    width:100px;
}

.codeframeContent {
}

.classifierText {
    display: inline-block;
    padding: 6px 4px 0px 4px;
    vertical-align: top;
}

.codeframeButtonWrapper {
    text-align: right;
    padding: 10px 0px;
}
.codeframeVerbatimButtonWrapper {
    text-align: right;
    padding: 10px 0px;
    float: right;
}

.infoBarButtonNarrow {
    width: 100px;
    vertical-align: bottom;
}

.infoBarLabel {
    color: #8D8D8D;
    width: 170px;
    vertical-align: baseline;

    text-align: right;
}

.infoBarContent {
    padding-left: 6px;
    vertical-align: baseline;
}

.infoBarTabularHeader table {
    display: table !important;
    width: 100%;

    background: #F2F2F2;
    height: 40px;
}

.infoBarTabularHeader td {
    font-size: 1em !important;
    padding: 0px 3px;
}

.infoBarTabularRow table {
    width: 100%;
    border-collapse: collapse;
}

.infoBarTabularRow tr {
    background: #FFFFFF;
    border-bottom: 1px dotted #CCCCCC;
}

.infoBarTabularFooter {
    width: 100%;
    background-color: #F2F2F2;
    height: 10px;
}

.channelDetailSection, .channelDetailSectionAboveTable {
    margin-top: 30px;
}

.reportQuestionSection {
    margin-top: 5px;
}

.channelDetailSectionAboveTable {
    padding: 20px 0px;
    text-align: left;
}

.channelDetailSection, .reportQuestionSection {
    text-align: left;
    padding: 10px 0px 4px;
    border-bottom: solid 1px #E6E6E6;
}

.modalSeperator {
    margin:  10px 0px;
    border-bottom: solid 1px #999999;
}

.channelDetailSectionHeading {
    color: #A8A8A8;
    float: right;
    font-size: 0.9em;
    margin-right: 10px;
    margin-top: -20px;

}

.panelSectionHeading {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;

}

.channelDetailEditText {
    color: #8D8D8D;
    position:absolute;
    right:26px;
}

.channelDetailSectionLabel, .channelDetailSectionLabelAlignTop {
    width: 380px;
    color: #333333;
    text-align: right;
    height: 30px;
    font-weight: bold;
}

.channelDetailSectionLabel {
    vertical-align: baseline;
}

.channelDetailSectionLabelAlignTop {
    vertical-align: top;
    padding-top: 1px;
}

.channelDetailSectionSubTextLabel {
    width: 380px;
    color: #8D8D8D;
    text-align: right;
}

.channelDetailSectionContent {
    text-align: left;
    white-space: pre-line;
    vertical-align: baseline;
    padding-left: 10px;
}

.channelDetailFootNote {
    padding-top: 10px;
    font-size: 0.9em;
    color: #8D8D8D;
    text-align: center;
    height: 24px;
}

.inputWrapper{
    width: 300px;
}

.inputElement {
    display: inline;
}

.channelDetailSectionTableWrapper {
    text-align: center;
    padding: 30px 0px 10px;
}

.leftColumn {
    width: 48%;
    vertical-align: top;
}

.rightColumn {
    width: 48%;
    vertical-align: top;
}

.dividerColumn {
    width: 4%;
}

.channelDetailSectionTableText {
    font-style: italic;
}

.channelDetailSectionTwoColumnContent, .channelDetailSectionTwoColumnContentVeryNarrow, .channelDetailSectionTwoColumnContentNarrow, .channelDetailSectionTwoColumnContentShort, .channelDetailSectionTwoColumnContentMedium, .channelDetailSectionTwoColumnContentWide {
    vertical-align: baseline;
    padding-left: 10px;
}

.channelDetailSectionTwoColumnContent {
    width: 275px;
}

.channelDetailSectionTwoColumnContentVeryNarrow {
    width: 100px;
}

.channelDetailSectionTwoColumnContentNarrow {
    width: 110px;
}

.channelDetailSectionTwoColumnContentShort {
    width: 140px;
}

.channelDetailSectionTwoColumnContentMedium {
    width: 250px;
}

.channelDetailSectionTwoColumnContentWide {
    width: 300px;
}

.channelDetailSectionTwoColumnLabel, .channelDetailSectionTwoColumnLabelWide, .channelDetailSectionTwoColumnLabelWidest {
    vertical-align: baseline;
    color: #8D8D8D;
    text-align: right;
    height: 24px;
}

.channelDetailSectionTwoColumnLabel {
    width: 200px;
}

.channelDetailSectionTwoColumnLabelWide {
    width: 300px;
}

.channelDetailSectionTwoColumnLabelWidest {
    width: 360px;
}

.autoreplylist {
    border-bottom: solid 1px #E6E6E6;
}

.autoreplylist td {
    font-size: 0.9em !important;
}

.autoreplyheader td {
    font-size: 0.9em !important;
}

.autoreplyheader table {
    width: 100%;

    text-align: center;
    background-color: #D1D1D1;
}

.rightsidebarLight, .rightsidebarLightThin {
    border-left:1px solid #BCC2C7;
    background-color: #E6E6E6;
}

.rightsidebarLight td, .rightsidebarLightThin td {
    font-size: 0.9em;
}

.rightsidebarDark, .rightsidebarDarkThin {
    background-color: #686868;
    border-left:1px solid #BCC2C7;
    padding: 5px;
    color: #E6E6E6;
}

.rightsidebarDark td, .rightsidebarDarkThin td {
    font-size: 0.9em;
}

.appliedCodesWrapper {
    color: #686868;
    border-top:1px solid #BCC2C7;
}

.multiselectSelectedText {
    font-size: 0.9em;
}

.optionaltoppanel {
}

.optionaltitlebar {
    text-align: left;
}

.verbatimWrapper {
    text-align: left;
    padding: 20px;
}

.verbatimCodeAdded {
    font-weight: bold !important;
}

.verbatimCodeRemoved {
    text-decoration: line-through !important;
}

.overallEntry {
    font-weight: bold;
}

.questionListWrapper {
    padding: 12px 15px 12px 0px;
}

.questionText {
    white-space: pre-wrap;
    line-height: 1.2em;
}

.responseOptionsWrapper {
    padding-top: 6px;
}

.routingOptionsWrapper {
    padding-top: 6px;
    padding-left: 15px;
}

.questionWrapper {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #ffffff;
}

.questionWrapper td {
    font-size: 0.9em;
    padding: 0;
}

.questionPageBreak {
    border-top-style: dashed;
    border-top-width: thin;
}

.columnStyleQuestionNumber {
    width: 20px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 4px;
    text-align: right;
}

.columnStyleCyclicQuestion {
    width: 28px;
}

.cyclicQuestionSpacer {
    width: 25px;
}

.columnStyleQuestionDeleteSpacer {
    width: 21px;
    vertical-align: top;
}

.columnStyleQuestionContent {
}

.questionContentWrapper {
    padding: 10px 30px 6px;
    text-align: left;
}

.questionDeleteIcon {
    padding-top: 14px;
    text-align: center;
}

.questionEditIcon {
    clear:right;
    float: right;
    margin-top: 12px;
}

.questionEditRoutingIcon {
    position: absolute;
    bottom: 3px;
    right: 5px;
}

.formEditIcon {
    vertical-align: middle;
}

.routingSelection {
    display: inline-block;
    vertical-align: top;
    text-align:center;
}

.defaultRoutingSelection {
    display: inline-block;
    text-align: center;
    padding-top: 5px;
}

.popupBodyScrollingContent {
    height: 480px;
}

.popupTopContentWrapper {
    position: absolute;
    overflow: hidden;
    height: 115px;
    width: 600px;
}

.popupScrollHeaderWrapper, .popupScrollHeaderWrapperSm, .popupScrollHeaderWrapperBig  {
    position: absolute;
    overflow: hidden;
    height: 22px;
    width: 600px;
}

.popupScrollHeaderWrapper {
    top: 145px;
}

.popupScrollHeaderWrapperBig {
    top: 110px;
}

.popupScrollHeaderWrapperSm {
    bottom: 292px;
    position: absolute;
    width: 100%;
}

.popupScrollContentWrapper, .popupScrollContentWrapperSm, .popupScrollContentWrapperTiny, .popupScrollContentWrapperBig {
    position: absolute;
    bottom: 50px;
    width: 600px;
    overflow: auto;
}

.popupScrollContentWrapper {
    height: 282px;
}

.popupScrollContentWrapperSm {
    height: 289px;
}

.popupScrollContentWrapperTiny {
    height: 242px;
}

.popupScrollContentWrapperBig {
    height: 297px;
}

.questionRoutingWrapper {
    position: relative;
    min-height: 205px;
}

.questionListWrapperRoutingPopup {
    position: absolute;
    bottom: 30px;
    padding: 16px;
    height: 178px;
    width: 568px;
    overflow: auto;
}

.popupBodyRouting {
    height: 480px;
}

.popupBodyRouting td {
}

.responseOptionWrapper {
    display: inline-block;
    padding: 3px 8px 3px 0;
}

.questionPanelWrapper {
    min-height: 70px;
}

.questionIssueOrder {
    font-size: 1.2em;
    padding-top: 14px;
    text-align: center;
    width: 40px;
}

.surveyResultsWrapper {
    padding-top: 20px;
}

.surveyDeliveryWrapper {
    border: solid 1px #F2F2F2;
    padding: 0 20px;
}

.surveyResultsChart, .surveyResultsChartFullScreen {
    margin-left: auto;
    margin-right: auto;
    padding: 35px 25px 20px;
}

.surveyResultsChart {
    height:260px;
    width:380px;
}

.surveyResultsChartObject {
    height:260px;
}

.surveyResultsChartFullScreen {
    height:320px;
    width:480px;
}

.surveyResultsChartObjectFullScreen {
    height:320px;
}

.surveyResultsTable {
    padding: 20px;
}

.surveyResultsTableWrapper {
    width: 100%;
}

.surveyResultsTableHeader table, .surveyResultsTableRow table, .surveyResultsTableRowFullScreen table {
    width: 100%;
    padding: 4px;
    text-align: center;
}

.surveyResultsTableHeader table {
    font-weight: bold;

}

.surveyResultsTableRow table {
    border-bottom: solid 1px #E5E5E5;
}

.surveyResultsTableRowFullScreen table {
    border-bottom: solid 1px #000000;
}

.surveyResultsText {
    padding: 12px 0px 12px 35px;
}

.responseCountWrapper {
    text-align: right;
    padding-top: 5px;
}

.responseCountItem, .responseCountText, .responseCountTextValid, .responseCountTextInvalid {
    display: inline-block;
}

.responseCountText {
    padding-right: 10px;

}

.responseCountTextValid, .responseCountTextInvalid {
    padding-right: 30px;
}

.responseCountTextValid {
    color: #A6D15C;
}

.responseCountTextInvalid {
    color: #A30503;
}

.responseCountTextValidLink:hover {
    text-decoration: underline !important;
}

.responseCountItem {
    padding-right:5px;
}

.responseOptionText {
    display: inline-block;
}

.routingSelectionWrapper {
    display: inline-block;
}

.twoColumnLayout {
    width: 50%;
    vertical-align: top;
}

.surveyResultsReportalChart {
    margin-left: auto;
    margin-right: auto;
    padding: 30px 10px 10px 10px;
}

.surveyResultsReportalChartObject {

}

.columnWidth30Percent {
    width: 30%;
    vertical-align: top;
}

.columnWidth20Percent {
    width: 20%;
    vertical-align: top;
}


.alignLeft {
    text-align: left;
}

.fullWidth {
    width: 100%;
    border-collapse: collapse;
}

.headQuestionColour {
    background-color: #D7D5D6;
}

.childQuestionColour {
    background-color: #F7F7F7;
}

.badDataImageTableRow {
    float: right;
    padding-right: 5px;
}

.responseOption {
    display: inline-block;
    margin: 0 6px;
    min-width: 8px;
    height: 16px;
    padding: 5px 8px 3px;
    text-align: center;
}

.routingColourDefault {background-color: #8D8D8D; color: #FFFFFF;}
.routingColour0 {background-color: #444444; color: #FFFFFF;} /* external route */
.routingColour1 {background-color: #EF3C24; color: #FFFFFF;}
.routingColour2 {background-color: #69C9CA; color: #FFFFFF;}
.routingColour3 {background-color: #99CC66; color: #FFFFFF;}
.routingColour4 {background-color: #F8991D; color: #FFFFFF;}
.routingColour5 {background-color: #44459C; color: #FFFFFF;}
.routingColour6 {background-color: #33C6F4; color: #FFFFFF;}
.routingColour7 {background-color: #297770; color: #FFFFFF;}
.routingColour8 {background-color: #F8ED39; color: #FFFFFF;}
.routingColour9 {background-color: #C0D9DD; color: #FFFFFF;}
.routingColour10 {background-color: #DB9FC8; color: #FFFFFF;}
.routingColour11 {background-color: #CC3333; color: #FFFFFF;}
.routingColour12 {background-color: #BFD730; color: #FFFFFF;}
.routingColour13 {background-color: #BD5CA3; color: #FFFFFF;}
.routingColour14 {background-color: #CCCC99; color: #FFFFFF;}
.routingColour15 {background-color: #57BBB6; color: #FFFFFF;}
.routingColour16 {background-color: #356732; color: #FFFFFF;}
.routingColour17 {background-color: #C35B26; color: #FFFFFF;}
.routingColour18 {background-color: #642265; color: #FFFFFF;}
.routingColour19 {background-color: #CCCC32; color: #FFFFFF;}
.routingColour20 {background-color: #71C8F1; color: #FFFFFF;}
.routingColour21 {background-color: #DC6651; color: #FFFFFF;}
.routingColour22 {background-color: #FFCD33; color: #FFFFFF;}
.routingColour23 {background-color: #42BB93; color: #FFFFFF;}
.routingColour24 {background-color: #F06597; color: #FFFFFF;}
.routingColour25 {background-color: #362063; color: #FFFFFF;}
.routingColour26 {background-color: #ABDFE9; color: #FFFFFF;}
.routingColour27 {background-color: #EECDE2; color: #FFFFFF;}
.routingColour28 {background-color: #71BF44; color: #FFFFFF;}
.routingColour29 {background-color: #983620; color: #FFFFFF;}
.routingColour30 {background-color: #CECBE6; color: #FFFFFF;}
.routingColour31 {background-color: #F79868; color: #FFFFFF;}
.routingColour32 {background-color: #0E9948; color: #FFFFFF;}
.routingColour33 {background-color: #0899CD; color: #FFFFFF;}
.routingColour34 {background-color: #996828; color: #FFFFFF;}
.routingColour35 {background-color: #F499C1; color: #FFFFFF;}
.routingColour36 {background-color: #6DC8BF; color: #FFFFFF;}
.routingColour37 {background-color: #00567C; color: #FFFFFF;}
.routingColour38 {background-color: #9A3466; color: #FFFFFF;}
.routingColour39 {background-color: #FDCC9A; color: #FFFFFF;}
.routingColour40 {background-color: #CFE295; color: #FFFFFF;}
.routingColour41 {background-color: #676734; color: #FFFFFF;}
.routingColour42 {background-color: #6566AE; color: #FFFFFF;}
.routingColour43 {background-color: #CA992C; color: #FFFFFF;}

/* colours repeated at this point */
.routingColour44 {background-color: #EF3C24; color: #FFFFFF;}
.routingColour45 {background-color: #69C9CA; color: #FFFFFF;}
.routingColour46 {background-color: #99CC66; color: #FFFFFF;}
.routingColour47 {background-color: #F8991D; color: #FFFFFF;}
.routingColour48 {background-color: #33C6F4; color: #FFFFFF;}
.routingColour49 {background-color: #44459C; color: #FFFFFF;}
.routingColour50 {background-color: #297770; color: #FFFFFF;}
.routingColour51 {background-color: #F8ED39; color: #FFFFFF;}
.routingColour52 {background-color: #C0D9DD; color: #FFFFFF;}
.routingColour53 {background-color: #DB9FC8; color: #FFFFFF;}
.routingColour54 {background-color: #CC3333; color: #FFFFFF;}
.routingColour55 {background-color: #BFD730; color: #FFFFFF;}
.routingColour56 {background-color: #BD5CA3; color: #FFFFFF;}
.routingColour57 {background-color: #CCCC99; color: #FFFFFF;}
.routingColour58 {background-color: #57BBB6; color: #FFFFFF;}
.routingColour59 {background-color: #356732; color: #FFFFFF;}
.routingColour60 {background-color: #C35B26; color: #FFFFFF;}
.routingColour61 {background-color: #642265; color: #FFFFFF;}
.routingColour62 {background-color: #CCCC32; color: #FFFFFF;}
.routingColour63 {background-color: #71C8F1; color: #FFFFFF;}
.routingColour64 {background-color: #DC6651; color: #FFFFFF;}
.routingColour65 {background-color: #FFCD33; color: #FFFFFF;}
.routingColour66 {background-color: #42BB93; color: #FFFFFF;}
.routingColour67 {background-color: #F06597; color: #FFFFFF;}
.routingColour68 {background-color: #362063; color: #FFFFFF;}
.routingColour69 {background-color: #ABDFE9; color: #FFFFFF;}
.routingColour70 {background-color: #EECDE2; color: #FFFFFF;}
.routingColour71 {background-color: #71BF44; color: #FFFFFF;}
.routingColour72 {background-color: #983620; color: #FFFFFF;}
.routingColour73 {background-color: #CECBE6; color: #FFFFFF;}
.routingColour74 {background-color: #F79868; color: #FFFFFF;}
.routingColour75 {background-color: #0E9948; color: #FFFFFF;}
.routingColour76 {background-color: #0899CD; color: #FFFFFF;}
.routingColour77 {background-color: #996828; color: #FFFFFF;}
.routingColour78 {background-color: #F499C1; color: #FFFFFF;}
.routingColour79 {background-color: #6DC8BF; color: #FFFFFF;}
.routingColour80 {background-color: #00567C; color: #FFFFFF;}
.routingColour81 {background-color: #9A3466; color: #FFFFFF;}
.routingColour82 {background-color: #FDCC9A; color: #FFFFFF;}
.routingColour83 {background-color: #CFE295; color: #FFFFFF;}
.routingColour84 {background-color: #676734; color: #FFFFFF;}
.routingColour85 {background-color: #6566AE; color: #FFFFFF;}
.routingColour86 {background-color: #CA992C; color: #FFFFFF;}

/* and repeated again */
.routingColour87 {background-color: #EF3C24; color: #FFFFFF;}
.routingColour88 {background-color: #69C9CA; color: #FFFFFF;}
.routingColour89 {background-color: #99CC66; color: #FFFFFF;}
.routingColour90 {background-color: #F8991D; color: #FFFFFF;}
.routingColour91 {background-color: #33C6F4; color: #FFFFFF;}
.routingColour92 {background-color: #44459C; color: #FFFFFF;}
.routingColour93 {background-color: #297770; color: #FFFFFF;}
.routingColour94 {background-color: #F8ED39; color: #FFFFFF;}
.routingColour95 {background-color: #C0D9DD; color: #FFFFFF;}
.routingColour96 {background-color: #DB9FC8; color: #FFFFFF;}
.routingColour97 {background-color: #CC3333; color: #FFFFFF;}
.routingColour98 {background-color: #BFD730; color: #FFFFFF;}
.routingColour99 {background-color: #BD5CA3; color: #FFFFFF;}
.routingColour100 {background-color: #CCCC99; color: #FFFFFF;}
.routingColour101 {background-color: #57BBB6; color: #FFFFFF;}
.routingColour102 {background-color: #356732; color: #FFFFFF;}
.routingColour103 {background-color: #C35B26; color: #FFFFFF;}
.routingColour104 {background-color: #642265; color: #FFFFFF;}
.routingColour105 {background-color: #CCCC32; color: #FFFFFF;}
.routingColour106 {background-color: #71C8F1; color: #FFFFFF;}
.routingColour107 {background-color: #DC6651; color: #FFFFFF;}
.routingColour108 {background-color: #FFCD33; color: #FFFFFF;}
.routingColour109 {background-color: #42BB93; color: #FFFFFF;}
.routingColour110 {background-color: #F06597; color: #FFFFFF;}
.routingColour111 {background-color: #362063; color: #FFFFFF;}
.routingColour112 {background-color: #ABDFE9; color: #FFFFFF;}
.routingColour113 {background-color: #EECDE2; color: #FFFFFF;}
.routingColour114 {background-color: #71BF44; color: #FFFFFF;}
.routingColour115 {background-color: #983620; color: #FFFFFF;}
.routingColour116 {background-color: #CECBE6; color: #FFFFFF;}
.routingColour117 {background-color: #F79868; color: #FFFFFF;}
.routingColour118 {background-color: #0E9948; color: #FFFFFF;}
.routingColour119 {background-color: #0899CD; color: #FFFFFF;}
.routingColour120 {background-color: #996828; color: #FFFFFF;}
.routingColour121 {background-color: #F499C1; color: #FFFFFF;}
.routingColour122 {background-color: #6DC8BF; color: #FFFFFF;}
.routingColour123 {background-color: #00567C; color: #FFFFFF;}
.routingColour124 {background-color: #9A3466; color: #FFFFFF;}
.routingColour125 {background-color: #FDCC9A; color: #FFFFFF;}
.routingColour126 {background-color: #CFE295; color: #FFFFFF;}
.routingColour127 {background-color: #676734; color: #FFFFFF;}
.routingColour128 {background-color: #6566AE; color: #FFFFFF;}
.routingColour129 {background-color: #CA992C; color: #FFFFFF;}

/* and again */
.routingColour130 {background-color: #EF3C24; color: #FFFFFF;}
.routingColour131 {background-color: #69C9CA; color: #FFFFFF;}
.routingColour132 {background-color: #99CC66; color: #FFFFFF;}
.routingColour133 {background-color: #F8991D; color: #FFFFFF;}
.routingColour134 {background-color: #33C6F4; color: #FFFFFF;}
.routingColour135 {background-color: #44459C; color: #FFFFFF;}
.routingColour136 {background-color: #297770; color: #FFFFFF;}
.routingColour137 {background-color: #F8ED39; color: #FFFFFF;}
.routingColour138 {background-color: #C0D9DD; color: #FFFFFF;}
.routingColour139 {background-color: #DB9FC8; color: #FFFFFF;}
.routingColour140 {background-color: #CC3333; color: #FFFFFF;}
.routingColour141 {background-color: #BFD730; color: #FFFFFF;}
.routingColour142 {background-color: #BD5CA3; color: #FFFFFF;}
.routingColour143 {background-color: #CCCC99; color: #FFFFFF;}
.routingColour144 {background-color: #57BBB6; color: #FFFFFF;}
.routingColour145 {background-color: #356732; color: #FFFFFF;}
.routingColour146 {background-color: #C35B26; color: #FFFFFF;}
.routingColour147 {background-color: #642265; color: #FFFFFF;}
.routingColour148 {background-color: #CCCC32; color: #FFFFFF;}
.routingColour149 {background-color: #71C8F1; color: #FFFFFF;}
.routingColour150 {background-color: #DC6651; color: #FFFFFF;}
.routingColour151 {background-color: #FFCD33; color: #FFFFFF;}
.routingColour152 {background-color: #42BB93; color: #FFFFFF;}
.routingColour153 {background-color: #F06597; color: #FFFFFF;}
.routingColour154 {background-color: #362063; color: #FFFFFF;}
.routingColour155 {background-color: #ABDFE9; color: #FFFFFF;}
.routingColour156 {background-color: #EECDE2; color: #FFFFFF;}
.routingColour157 {background-color: #71BF44; color: #FFFFFF;}
.routingColour158 {background-color: #983620; color: #FFFFFF;}
.routingColour159 {background-color: #CECBE6; color: #FFFFFF;}
.routingColour160 {background-color: #F79868; color: #FFFFFF;}
.routingColour161 {background-color: #0E9948; color: #FFFFFF;}
.routingColour162 {background-color: #0899CD; color: #FFFFFF;}
.routingColour163 {background-color: #996828; color: #FFFFFF;}
.routingColour164 {background-color: #F499C1; color: #FFFFFF;}
.routingColour165 {background-color: #6DC8BF; color: #FFFFFF;}
.routingColour166 {background-color: #00567C; color: #FFFFFF;}
.routingColour167 {background-color: #9A3466; color: #FFFFFF;}
.routingColour168 {background-color: #FDCC9A; color: #FFFFFF;}
.routingColour169 {background-color: #CFE295; color: #FFFFFF;}
.routingColour170 {background-color: #676734; color: #FFFFFF;}
.routingColour171 {background-color: #6566AE; color: #FFFFFF;}
.routingColour172 {background-color: #CA992C; color: #FFFFFF;}

/* and another time */
.routingColour173 {background-color: #EF3C24; color: #FFFFFF;}
.routingColour174 {background-color: #69C9CA; color: #FFFFFF;}
.routingColour175 {background-color: #99CC66; color: #FFFFFF;}
.routingColour176 {background-color: #F8991D; color: #FFFFFF;}
.routingColour177 {background-color: #33C6F4; color: #FFFFFF;}
.routingColour178 {background-color: #44459C; color: #FFFFFF;}
.routingColour179 {background-color: #297770; color: #FFFFFF;}
.routingColour180 {background-color: #F8ED39; color: #FFFFFF;}
.routingColour181 {background-color: #C0D9DD; color: #FFFFFF;}
.routingColour182 {background-color: #DB9FC8; color: #FFFFFF;}
.routingColour183 {background-color: #CC3333; color: #FFFFFF;}
.routingColour184 {background-color: #BFD730; color: #FFFFFF;}
.routingColour185 {background-color: #BD5CA3; color: #FFFFFF;}
.routingColour186 {background-color: #CCCC99; color: #FFFFFF;}
.routingColour187 {background-color: #57BBB6; color: #FFFFFF;}
.routingColour188 {background-color: #356732; color: #FFFFFF;}
.routingColour189 {background-color: #C35B26; color: #FFFFFF;}
.routingColour190 {background-color: #642265; color: #FFFFFF;}
.routingColour191 {background-color: #CCCC32; color: #FFFFFF;}
.routingColour192 {background-color: #71C8F1; color: #FFFFFF;}
.routingColour193 {background-color: #DC6651; color: #FFFFFF;}
.routingColour194 {background-color: #FFCD33; color: #FFFFFF;}
.routingColour195 {background-color: #42BB93; color: #FFFFFF;}
.routingColour196 {background-color: #F06597; color: #FFFFFF;}
.routingColour197 {background-color: #362063; color: #FFFFFF;}
.routingColour198 {background-color: #ABDFE9; color: #FFFFFF;}
.routingColour199 {background-color: #EECDE2; color: #FFFFFF;}
.routingColour200 {background-color: #71BF44; color: #FFFFFF;}
.routingColour201 {background-color: #983620; color: #FFFFFF;}
.routingColour202 {background-color: #CECBE6; color: #FFFFFF;}
.routingColour203 {background-color: #F79868; color: #FFFFFF;}
.routingColour204 {background-color: #0E9948; color: #FFFFFF;}
.routingColour205 {background-color: #0899CD; color: #FFFFFF;}
.routingColour206 {background-color: #996828; color: #FFFFFF;}
.routingColour207 {background-color: #F499C1; color: #FFFFFF;}
.routingColour208 {background-color: #6DC8BF; color: #FFFFFF;}
.routingColour209 {background-color: #00567C; color: #FFFFFF;}
.routingColour210 {background-color: #9A3466; color: #FFFFFF;}
.routingColour211 {background-color: #FDCC9A; color: #FFFFFF;}
.routingColour212 {background-color: #CFE295; color: #FFFFFF;}
.routingColour213 {background-color: #676734; color: #FFFFFF;}
.routingColour214 {background-color: #6566AE; color: #FFFFFF;}
.routingColour215 {background-color: #CA992C; color: #FFFFFF;}

/* and one more time */
.routingColour216 {background-color: #EF3C24; color: #FFFFFF;}
.routingColour217 {background-color: #69C9CA; color: #FFFFFF;}
.routingColour218 {background-color: #99CC66; color: #FFFFFF;}
.routingColour219 {background-color: #F8991D; color: #FFFFFF;}
.routingColour220 {background-color: #33C6F4; color: #FFFFFF;}
.routingColour221 {background-color: #44459C; color: #FFFFFF;}
.routingColour222 {background-color: #297770; color: #FFFFFF;}
.routingColour223 {background-color: #F8ED39; color: #FFFFFF;}
.routingColour224 {background-color: #C0D9DD; color: #FFFFFF;}
.routingColour225 {background-color: #DB9FC8; color: #FFFFFF;}
.routingColour226 {background-color: #CC3333; color: #FFFFFF;}
.routingColour227 {background-color: #BFD730; color: #FFFFFF;}
.routingColour228 {background-color: #BD5CA3; color: #FFFFFF;}
.routingColour229 {background-color: #CCCC99; color: #FFFFFF;}
.routingColour230 {background-color: #57BBB6; color: #FFFFFF;}
.routingColour231 {background-color: #356732; color: #FFFFFF;}
.routingColour232 {background-color: #C35B26; color: #FFFFFF;}
.routingColour233 {background-color: #642265; color: #FFFFFF;}
.routingColour234 {background-color: #CCCC32; color: #FFFFFF;}
.routingColour235 {background-color: #71C8F1; color: #FFFFFF;}
.routingColour236 {background-color: #DC6651; color: #FFFFFF;}
.routingColour237 {background-color: #FFCD33; color: #FFFFFF;}
.routingColour238 {background-color: #42BB93; color: #FFFFFF;}
.routingColour239 {background-color: #F06597; color: #FFFFFF;}
.routingColour240 {background-color: #362063; color: #FFFFFF;}
.routingColour241 {background-color: #ABDFE9; color: #FFFFFF;}
.routingColour242 {background-color: #EECDE2; color: #FFFFFF;}
.routingColour243 {background-color: #71BF44; color: #FFFFFF;}
.routingColour244 {background-color: #983620; color: #FFFFFF;}
.routingColour245 {background-color: #CECBE6; color: #FFFFFF;}
.routingColour246 {background-color: #F79868; color: #FFFFFF;}
.routingColour247 {background-color: #0E9948; color: #FFFFFF;}
.routingColour248 {background-color: #0899CD; color: #FFFFFF;}
.routingColour249 {background-color: #996828; color: #FFFFFF;}
.routingColour250 {background-color: #F499C1; color: #FFFFFF;}
.routingColour251 {background-color: #6DC8BF; color: #FFFFFF;}
.routingColour252 {background-color: #00567C; color: #FFFFFF;}
.routingColour253 {background-color: #9A3466; color: #FFFFFF;}
.routingColour254 {background-color: #FDCC9A; color: #FFFFFF;}
.routingColour255 {background-color: #CFE295; color: #FFFFFF;}
.routingColour256 {background-color: #676734; color: #FFFFFF;}
.routingColour257 {background-color: #6566AE; color: #FFFFFF;}
.routingColour258 {background-color: #CA992C; color: #FFFFFF;}

.surveySummaryLabel {
    font-size: 1em;
    font-weight: bold;
    text-align: center;

    padding: 8px 0 4px;
}

.surveySummaryElement {
    height: 58px;
    width: 99px;
    border-left: 1px solid #D8D8D8;
    display: inline-block;
    margin-right: -1px;
}

.surveySummaryElementIssued, .surveySummaryElementCompleted, .surveySummaryElementOptOuts {
    font-size: 1.6em;
    text-align: center;
}

.surveySummaryElementIssued {
    color: #2FB2E5;
}

.surveySummaryElementCompleted {
    color: #A6D15C;
}

.surveySummaryElementOptOuts {
    color: #A3050D;
}

.questionReportWrapper, .questionReportWrapperFullScreen {
    padding: 0 16px;
    text-align: left;
}

.questionReportWrapperFullScreen td {
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
    font-size: 1.1em;
    font-weight: lighter;
}

.idaReportWrapper {
    padding: 16px;
    text-align: left;
}

.inlineSelectWrapper {
    float: right;
    margin-right: 25px;
    margin-top: -24px;
}

.chartLimitExceeded {
    float: right;
    margin-right: 25px;
    margin-top: 1px;
}

.idaReportViewWrapper {
    padding-bottom: 2px;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 272px;
}

.surveyPaginatorWrapper {
    position: absolute;
    left: 0;
    right: 300px;
    height: 60px;
    width: auto;
}

.surveySummaryWrapper {
    position: absolute;
    right: 0;
    width: 300px;
}

.surveyReportQuestionPaginatorLink, .surveyReportQuestionPaginatorLinkQuestion, .surveyReportQuestionPaginatorLinkQuestionSelected {
    position: relative;
    float: left;
    font-size: 1.3em;
    text-align: center;
    width: 60px;
    height: 58px;
    border-right: 1px solid #D8D8D8;
}

.surveyReportQuestionPaginatorLink {
    color: #1B1D1D;
}

.surveyReportQuestionPaginatorLinkQuestion {
    color: #000000;
}

.surveyReportQuestionPaginatorLinkQuestionSelected {
    color: #000000;
    background-color: #EAEAEA;
}

.surveyReportQuestionPaginatorLinkQuestionSelected:before, .surveyReportQuestionPaginatorLinkQuestionSelected:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.surveyReportQuestionPaginatorLinkQuestionSelected:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #EAEAEA;
    border-width: 12px;
    margin-left: -12px;
}
.surveyReportQuestionPaginatorLinkQuestionSelected:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #D8D8D8;
    border-width: 13px;
    margin-left: -13px;
}

.surveyReportQuestionPaginatorLinkText {
    padding-top: 21px;
}

.surveyReportQuestionPaginatorFirstOrLastLinkText {
    padding-top: 18px;
}

.surveyPaginatorJumpToWrapper {
    float: left;
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
    margin-left: 15px;
    margin-top: 12px;
}

.surveyReportPaginatorMenuItemLabel {
}

.surveyReportQuestionPaginatorLinkSubMenu {
    margin-left: -1px;
    padding-top: 10px;
}

.surveyReportPaginatorMenuItem {
}

.surveyReportPaginatorMenuItem a {
    background: #737476;
    white-space: nowrap;
    display: block;
    padding: 10px 55px 10px 15px;
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
}

.surveyReportPaginatorMenuItem a:hover {
    color: #000000;
}

.surveyReportPaginatorMenuItemLabel {
    font-size: 0.9em;
}

.surveyReportPaginatorMenuItemImage {
    display: none;
}

.questionNumberWrapper {
    float: left;
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;

    font-size: 2em;
    font-weight: lighter;
    padding: 3px 8px;
}

.paginatorFirstOrLast {
    font-size: 1.1em;
    font-weight: lighter;
    color: #7E7F7F;
}

.fullScreenTableRow td {
    background-color: #737476;
    border-bottom: 1px solid #4B4C4C;
}

/* Page layout and text alignment */

.connectionStatus {
    float: right;
}

.primarynavheader {
    z-index:40;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:48px;
}

.primarynavheaderlinks a {
    float:right;
    padding:20px 2px 10px;
    margin:0px 18px;
}

.logo, .defaultLogo {
    float:left;
    margin-left:12px;
    margin-top:5px;
}

.companySwitch {
    float: left;
    margin-top: 16px;
    margin-left: 10px;
}

.companySwitchItem {
    font-size: 1.2em;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

/*.companySwitchItem.active:hover {
    color: #DFE1E3;
}*/

.companySwitchItem.active {
    padding-right: 22px;
    background-image: url(/crm/css/images/icons/filterdown_white.png);
    background-repeat: no-repeat;
    background-position: right 8px;
}

.companySwitchItem.active.open {
    background-image: url(/crm/css/images/icons/filterup_white.png);
}

.companySwitchSubMenu {
    left: 0;
    top: 48px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 300px;
    height: 300px;
}

.companySwitchOption {
    background: #262C35;
}

.companySwitchOption a {
    width: 100%;
    white-space: nowrap;
    border-bottom:1px solid #C7CCD1;
    display: block;
    padding: 8px 60px 6px 10px;
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
}

.companySwitchOption a:hover {
    background: #F2F2F2;
    color: #444444;
}

.companySwitchOptionLabel {
    font-size: 0.9em;
}

.companySwitchOptionImage {
    display: none;
}

.secondarynavheader {
    z-index:20;
    position:absolute;
    top:48px;
    left:0;
    width:100%;
    height:28px;
}

.contextNavBarWrapper {
    height:20px;
    padding-top: 5px;
    padding-left: 10px;
}

.contexturalheader, .reportalcontexturalheader {
    position:absolute;
    border-right:1px solid #C9C9C9;
    top:76px;
    left:0;
    height:60px;
    margin:0px;
}

.contexturalheader {
    width:200px;
}

.reportalcontexturalheader {
    width:60px;
}

.filterbar {
    height: 1px;
    left: 200px;
    position: absolute;
    right: 0;
    top: 76px;
    width: auto;
    z-index: 26;
}

.sectionheader {
    height: 29px;
    text-align:left;
}

.sectionheadertext {
    display: inline-block;
    padding: 9px 8px;
    color: #444444;

}

.sectionheaderFloatright {
    float:right;
    margin-right:8px;
    margin-top:9px;
}

.fullPageDivForCloseClickWrapper {
    position: relative;
}

.fullPageDivForCloseClick {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 45;
}

.fullPageDivForKnockBack {
    display: none;
    background-color: #000000;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: 0.15;
    z-index: 55;
}

.sidebar, .reportalsidebar {
    border-right:1px solid #C9C9C9;
    position:absolute;
    top:136px;
    left:0;
    bottom:31px;
    right:0;
    overflow:auto;
    -moz-box-shadow: 3px 3px 3px #D1D1D1;
    -webkit-box-shadow: 3px 3px 3px #D1D1D1;
    box-shadow: 3px 3px 3px #D1D1D1;
    z-index: 35;
}

.sidebar {
    width: 200px;
}

.reportalsidebar {
    width: 60px;
    border-top: 1px solid #f2f2f2;
}

.reportalfilterpanel, .reportalfilterpanelcomparison {
    display: none;
    background:#ffffff;
    border-right:1px solid #C9C9C9;
    position:absolute;
    top: 137px;
    left:0;
    bottom:31px;
    overflow:auto;
    -moz-box-shadow: 1px 0 4px #D1D1D1;
    -webkit-box-shadow: 1px 0 4px #D1D1D1;
    box-shadow: 1px 0 4px #D1D1D1;
    z-index: 50;
}

.reportalfilterpanelheader {
    position:absolute;
    width: 320px;
}

.reportalfilterpanelcontent, .reportalfilterpanelcontentNoPadding {
    bottom: 31px;
    overflow: auto;
    position: fixed;
    width: 320px;
}

.reportalfilterpanelcontent {
    top: 237px;
}

.reportalfilterpanelcontentNoPadding {
    top: 197px;
}

.reportalfilterpanel {
    width: 320px;
}

.reportalfilterpanelcomparison {
    width: 640px;
}

.reportalfilterpanelcomparisonheader {
    position:absolute;
    width: 640px;
}

.reportalfilterpanelcomparisoncontent {
    bottom: 31px;
    overflow: auto;
    position: fixed;
    top: 237px;
    width: 640px;
}

.reportalfilterpanelcomparisoncolumnwrapper {
    width: 50%;
    float: left;
}

.reportalfilterpanelcomparisoncolumnheader {
    display: table;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    padding: 10px 17px 0px 17px;
    border-bottom: 2px #FFFFFF solid;
    color: #818281;
}

.attributefilterpanel {
    display: none;
    width: 320px;
    background:#ffffff;
    border-right:1px solid #C9C9C9;
    position:absolute;
    top: 198px;
    left:0;
    bottom:31px;
    overflow:auto;
    -moz-box-shadow: 3px 3px 3px #D1D1D1;
    -webkit-box-shadow: 3px 3px 3px #D1D1D1;
    box-shadow: 3px 3px 3px #D1D1D1;
    z-index: 50;
}

.filterListItemOptionsWrapper {
    margin: 4px 10px -10px;
    text-align: right;
    color: #818281;
}

.filterListItemOption {
    color: #818281;
    font-size: 0.9em;
}

.reportalnavwrapper {
    display: none;
    position:absolute;
    top:76px;
    z-index: 50;
}

.reportalnavpanel {
    width: 480px;
    background:#ffffff;
    border-right:1px solid #C9C9C9;
    -moz-box-shadow: 3px 3px 3px #D1D1D1;
    -webkit-box-shadow: 3px 3px 3px #D1D1D1;
    box-shadow: 3px 3px 3px #D1D1D1;
}

.reportsNavElementWrapper {
    padding-top: 10px;
    padding-left: 10px;
}

.reportalNavElementWrapper {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.reportalNavElement {
    display: flex;
    flex-direction: row;
    padding: 10px 50px 10px 26px;
    column-gap: 18px;
    align-items: flex-start;
    position: relative;
    transition: background-color 0.3s ease-in-out;
}

.reportalNavElement::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/crm/css/images/icons/rightarrow-black.svg);
    background-repeat: no-repeat;
    background-position: right 14px top 50%;
    background-size: 16px 30px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

.reportalNavElement:hover {
    background-color: #F1F1F1;
}

.reportalNavElement:hover::after {
    opacity: 1;
}

.reportalTemplateWrapper {
    float: right;
    padding-right: 12px;
    padding-top: 21px;
}

.reportalTemplateText {
    color: #ffffff;
    display: inline;
    font-size: 1.1em;
    padding-right: 5px;
}

.reportalNavElementIcon {
    flex-shrink: 0;
    height: 46px;
    width: 46px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.reportalNavElementIcon.billing {
    background-image: url(/crm/css/images/icons/reportal/billing.svg);
}

.no-svg.reportalNavElementIcon.billing {
    background-image: url(/crm/css/images/icons/reportal/billing.png);
}

.reportalNavElementIcon.achievements {
    background-image: url(/crm/css/images/icons/reportal/billing.svg);
}

.no-svg.reportalNavElementIcon.achievements {
    background-image: url(/crm/css/images/icons/reportal/achievements.png);
}

.reportalNavElementIcon.subscribers {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCA3MCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ2IDI0LjhsLTkuNi0xMC4yaC0wLjkgLTAuM0gyNC40djI4LjhINDZMNDYgMjQuOCA0NiAyNC44ek0zNi40IDE2LjNsNy4zIDcuOWgtNy4zVjE2LjN6TTI1LjYgNDIuMlYxNS44aDkuNnY5LjZoOS42djE2LjhIMjUuNnoiLz48L3N2Zz4=);
}

.no-svg.reportalNavElementIcon.subscribers {
    background-image: url(/crm/css/images/icons/reportal/subscribers.png);
}

.reportalNavElementIcon.dashboard {
    background-image: url(/crm/css/images/icons/reportal/dashboard.svg);
}

.no-svg.reportalNavElementIcon.dashboard {
    background-image: url(/crm/css/images/icons/reportal/dashboard.png);
}

.reportalNavElementIcon.survey {
    background-image: url(/crm/css/images/icons/reportal/survey.svg);
}

.no-svg.reportalNavElementIcon.survey {
    background-image: url(/crm/css/images/icons/reportal/survey.png);
}

.reportalNavElementIcon.trend {
    background-image: url(/crm/css/images/icons/reportal/trend.svg);
}

.no-svg.reportalNavElementIcon.trend {
    background-image: url(/crm/css/images/icons/reportal/trend.png);
}

.reportalNavElementIcon.rank {
    background-image: url(/crm/css/images/icons/reportal/rank.svg);
}

.no-svg.reportalNavElementIcon.rank {
    background-image: url(/crm/css/images/icons/reportal/rank.png);
}

.reportalNavElementIcon.comments {
    background-image: url(/crm/css/images/icons/reportal/comments.svg);
}

.no-svg.reportalNavElementIcon.comments {
    background-image: url(/crm/css/images/icons/reportal/comments.png);
}

.reportalNavElementIcon.comparison {
    background-image: url(/crm/css/images/icons/reportal/comparison.svg);
}

.no-svg.reportalNavElementIcon.comparison {
    background-image: url(/crm/css/images/icons/reportal/comparison.png);
}

.reportalNavElementIcon.ida {
    background-image: url(/crm/css/images/icons/reportal/heatmap.svg);
}

.no-svg.reportalNavElementIcon.ida {
    background-image: url(/crm/css/images/icons/reportal/heatmap.png);
}

.reportalNavElementIcon.unify2 {
    background-image: url(/crm/css/images/icons/reportal/unify2.svg);
}

.no-svg.reportalNavElementIcon.unify2 {
    background-image: url(/crm/css/images/icons/reportal/unify2.png);
}

.reportalNavElementIcon.chcreport {
    background-image: url(/crm/css/images/icons/reportal/trend.svg);
}

.no-svg.reportalNavElementIcon.chcreport {
    background-image: url(/crm/css/images/icons/reportal/trend.png);
}

.reportalNavElementIcon.insight {
    background-image: url(/crm/css/images/icons/reportal/insight.svg);
}

.no-svg.reportalNavElementIcon.insight {
    background-image: url(/crm/css/images/icons/reportal/insight.png);
}

.reportalNavElementTitle {
    font-weight: bold;
    font-size: 1.1em;
}

.reportalNavElementText {
    color: #666666;
}

.reportalfilterheaderpanel {
    background:#2FB2E5;
    height: 60px;
}

.reportalfilterheadertext {
    float: left;
    font-size: 1.1em;
    color: #FFFFFF;

}

.reportalfilterheadertextRight {
    float: right;

}

.reportalfilterheadertext span {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.reportalfilterpanelelement, .ui-accordion-header {
    height: 36px;
    padding-left: 16px;
    background: #E9EAE9;
    border-bottom: 2px #FFFFFF solid;
}

.reportalfiltersavedefaultpanel {
    display: table;
    width: 100%;
}

.reportalfiltersavedefaultpanelcontent {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    padding: 0 17px;
}

.reportalSurveyReportChartColumn {
    width: 60%;
}

.reportalSurveyReportChart, .reportalSurveyReportChartFullScreen {
    margin-left: auto;
    margin-right: auto;
    padding: 25px 15px 5px;
}

.reportalSurveyReportChart {
    height:300px;

}

.reportalSurveyReportChartObject {
    height:300px;
}

.reportalSurveyReportScoreColumn {
    width: 40%;
}

.reportalSurveyReportScore, .reportalSurveyReportScoreFullScreen {
    margin-left: auto;
    margin-right: auto;
    padding: 25px 15px 5px;
}

.reportalSurveyReportScore {
    height:300px;
}

.reportalSurveyReportScoreObject {
    height:300px;
}

.icePnlClpsblColpsdHdr, .icePnlClpsblHdr {
    display: table;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    padding-left: 16px;
    padding-right: 16px;
    background: #E9EAE9;
    border-bottom: 2px #FFFFFF solid;
    color: #818281;
    cursor: pointer;
}

.icePnlClpsblColpsdHdr div, .icePnlClpsblHdr div {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    border: 1px transparent solid !important;
    padding: 0px !important;
}

.filterAttributeList {
    color: #818281;
    font-size: 0.9em;
}

.reportalDateSelectorWrapper {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding-top: 16px;
    padding-right: 4px;
}

.reportalDateSelectorGroup {
    border: 1px solid #a8a8a8;
    border-radius: 16px;
    display: inline-block;
    margin-right: 10px;
    padding: 5px 8px;
}

.reportalDateSelectorItem {
    display: inline-block;
    font-size: 0.9em;
    margin-left: 8px;
    margin-right: 8px;
}

.reportalDateSelectorItem a {
    color: #a8a8a8;
}

.reportalDateSelectorItemSelected {
    color: #2FB2E5;
    font-weight: bold;
}

.reportalDatePaginatorWrapper {
    display: table-cell;
    vertical-align: top;
    margin-left: 40px;
    padding-top: 20px;
    white-space: nowrap;
}

.reportalDatePaginatorMore, .reportalDatePaginatorLess, .reportalDatePaginatorCurrentDatePeriodWrapper {
    display: inline-block;
    vertical-align: middle;
    color: #818281;
}

.reportalDatePaginatorLess, .reportalDatePaginatorCurrentDatePeriodWrapper {
    padding-right: 14px;
}

.reportalDatePaginatorLessIcon {
    height: 21px;
    width: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDEyIDIxIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzJCMkU1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMTAuNSAxLjggMiAxMC4yIDEwLjUgMTguNyAiLz48L3N2Zz4=) no-repeat center;
    background-size: 12px 21px;
}

.no-svg.reportalDatePaginatorLessIcon {
    background: url(/crm/css/images/icons/reportal/left.png) no-repeat center;
}

.reportalDatePaginatorMoreIcon {
    height: 21px;
    width: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDEyIDIxIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzJCMkU1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMiAxLjggMTAuNSAxMC4yIDIgMTguNyAiLz48L3N2Zz4=) no-repeat center;
    background-size: 12px 21px;
}

.no-svg.reportalDatePaginatorMoreIcon {
    background: url(/crm/css/images/icons/reportal/right.png) no-repeat center;
}

.reportalDatePaginatorCurrentDatePeriodText {

}

.reportalCommentDataWrapper {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.reportalCommentsRowWrapper {
    display: table-row;
    border-bottom: 16px solid transparent;
}

.reportalCommentsScore {
    display: table-cell;
    font-size: 3em;
    padding: 0 20px 0 5px;
    text-align: right;
    width: 60px;
    vertical-align: top;
}

.reportalCommentsScore.promoter {
    color: #89A54E;
}

.reportalCommentsScore.passive {
    color: #F8DB20;
}

.reportalCommentsScore.detractor {
    color: #AA4643;
}

.reportalCommentWrapper {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    width: calc(100% - 42px);
}

.reportalCommentWrapper.removed, .reportalCommentsScore.removed {
    opacity: 0.3;
}

.reportalCommentsDate {
    color: #818181;
    font-style: italic;
    padding-bottom: 5px;
}

.reportalCommentsComment {

}

.reportalCommentsAttributes {
    color: #818181;
    font-size: 0.9em;
    font-style: italic;
    padding-top: 4px;
}

.reportalCommentsStatusWrapper {
    display: table-cell;
    padding: 0 6px;
    white-space: nowrap;
    width: 50px;
}

.commentStatusIcon {
    display: inline-block;
    height: 24px;
    width: 24px;
}

.reportalCommentsFlagged {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzRCNEE0QiIgZD0iTTE4LjMgNC42YzAgMC0xLjMgMC41LTMuNSAwLjUgLTEuMSAwLTIuMS0wLjItMy4xLTAuNCAtMS0wLjItMi0wLjQtMy4xLTAuNCAtMi4yIDAtMi45IDAuNS0zIDAuNWwtMC4yIDB2MC4xIDguMyA3LjJoMC43di03LjFjMC4zLTAuMSAxLTAuMyAyLjQtMC4zIDEgMCAyIDAuMiAzIDAuNHMyLjEgMC40IDMuMiAwLjRjMi4yIDAgMy42LTAuNSAzLjctMC41bDAuMi0wLjFWNC40TDE4LjMgNC42eiIvPjxwYXRoIGZpbGw9IiM0QjRBNEIiIGQ9Ik0xOCAxMi44Yy0wLjUgMC4xLTEuNiAwLjQtMy4yIDAuNCAtMS4xIDAtMi4xLTAuMi0zLjEtMC40cy0yLTAuNC0zLjEtMC40Yy0xLjIgMC0yIDAuMS0yLjQgMC4zVjUuMmMwLjMtMC4xIDEtMC4zIDIuNC0wLjMgMSAwIDIgMC4yIDMgMC40IDEgMC4yIDIuMSAwLjQgMy4yIDAuNCAxLjUgMCAyLjYtMC4yIDMuMi0wLjRWMTIuOHoiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.reportalCommentsFlagged {
    background: url(/crm/css/images/icons/reportal/flagged_comment_on.png) no-repeat center;
}

.reportalCommentsNotFlagged {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0EyQTJBMSIgZD0iTTE4LjMgNC42YzAgMC0xLjMgMC41LTMuNSAwLjUgLTEuMSAwLTIuMS0wLjItMy4xLTAuNCAtMS0wLjItMi0wLjQtMy4xLTAuNCAtMi4yIDAtMi45IDAuNS0zIDAuNUw1LjQgNC44djAuMSA4LjMgNy4yaDAuN3YtNy4xYzAuMy0wLjEgMS0wLjMgMi40LTAuMyAxIDAgMiAwLjIgMyAwLjQgMSAwLjIgMi4xIDAuNCAzLjIgMC40IDIuMiAwIDMuNi0wLjUgMy43LTAuNWwwLjItMC4xVjQuNEwxOC4zIDQuNnpNMTggMTIuOGMtMC41IDAuMS0xLjYgMC40LTMuMiAwLjQgLTEuMSAwLTIuMS0wLjItMy4xLTAuNCAtMS0wLjItMi0wLjQtMy4xLTAuNCAtMS4yIDAtMiAwLjEtMi40IDAuM1Y1LjJjMC4zLTAuMSAxLTAuMyAyLjQtMC4zIDEgMCAyIDAuMiAzIDAuNCAxIDAuMiAyLjEgMC40IDMuMiAwLjQgMS41IDAgMi42LTAuMiAzLjItMC40VjEyLjh6Ii8+PC9zdmc+) no-repeat center;
}

.no-svg.reportalCommentsNotFlagged {
    background: url(/crm/css/images/icons/reportal/flagged_comment_off.png) no-repeat center;
}

.reportalCommentsRemoved {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlnb24gZmlsbD0iIzRCNEE0QiIgcG9pbnRzPSIxOC43IDE0LjcgMTcuOSAxNC43IDE3LjEgMTQuNyAxNy4xIDE1LjUgMTcuMSAxNy40IDE0LjcgMTQuOSAxNC40IDE0LjcgMTQuMSAxNC43IDUuNSAxNC43IDUuNSA0LjYgMTguNyA0LjYgIi8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQTJBMkExIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNS41IiB5MT0iMTYuNSIgeDI9IjIxLjEiIHkyPSI0LjUiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.reportalCommentsRemoved {
    background: url(/crm/css/images/icons/reportal/removed_comment_on.png) no-repeat center;
}

.reportalCommentsNotRemoved {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlnb24gZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjBBRkFGIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjE4LjcgMTUgMTcuOSAxNSAxNy4xIDE1IDE3LjEgMTUuOCAxNy4xIDE3LjcgMTQuNyAxNS4zIDE0LjQgMTUgMTQuMSAxNSA1LjUgMTUgNS41IDUgMTguNyA1ICIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0EyQTJBMSIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjUuNSIgeTE9IjE2LjgiIHgyPSIyMS4xIiB5Mj0iNC41Ii8+PC9zdmc+) no-repeat center;
}

.no-svg.reportalCommentsNotRemoved {
    background: url(/crm/css/images/icons/reportal/removed_comment_off.png) no-repeat center;
}

.reportalCommentsTotalCountWrapper {
    background: #565b62;
    border-radius: 14px;
    color: #ffffff;
    float: left;
    margin-left: 14px;
    margin-right: -24px;
    margin-top: 17px;
    min-width: 26px;
    padding: 5px 12px;
    text-align: center;
}

.reportalCommentsTotalCountText {

}

.reportalCommentsPageFilterWrapper {
    padding: 16px;
    height: 30px;
}

.reportalCommentsSeachWrapper {
    float: right;
}

.reportalCommentsFilterWrapper, .reportalCommentsFilterLeftWrapper, .reportalCommentsFilterRightWrapper {
    float: left;
    padding-top: 6px;
}

.reportalCommentsFilterWrapper {
    margin-right: 10px;
}

.reportalCommentsFilter, .reportalCommentsFilterLeft, .reportalCommentsFilterRight {
    border: 1px solid #a8a8a8;
    color: #a8a8a8;
    font-size: 0.9em;
    padding: 7px 14px;
}

.reportalCommentsFilter {
    border-radius: 16px;
}

.reportalCommentsFilterLeft {
    border-radius: 16px 0 0 16px;
    padding-right: 9px;
}

.reportalCommentsFilterRight {
    border-radius: 0 16px 16px 0;
    padding-left: 9px;
}

.reportalCommentsFilter.selected, .reportalCommentsFilterLeft.selected, .reportalCommentsFilterRight.selected {
    background: #2FB2E5;
    color: #FFFFFF;
    border: 1px solid #2FB2E5;
}

.reportalCommentsFilterText {

}

.reportalCommentsSearchInput {
    border: 1px solid #a8a8a8;
    border-radius: 16px;
    color: #818181;
    padding: 5px 15px;
    width: 190px;
    height: 17px;
}

.viewMoreTextWrapper {
    padding: 5px 0 14px;
    text-align: center;
}

.viewMoreText {
    color: #818181;
    font-style: italic;
}

.dashboardPageWrapper {
    padding: 10px;
}

.messagingDashboardPanelWrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

/* Stack columns on smaller screens */
@media (max-width: 800px) {
    .messagingDashboardPanelWrapper {
        flex-direction: column;
    }
}

.messagingDashboardVerticalPanelWrapper {
    flex: 1;
}

.dashboardPanelFullWidth {
    width: 100%;
}

.dashboardPanelOneUp {
    width: calc(100% - 42px);
}

.dashboardPanelTwoUpFixed {
    width: calc(50% - 42px);
}

.dashboardPanelTwoUp.desktopVersion {
    width: calc(50% - 42px);
}

.dashboardPanelTwoUp.mobileVersion {
    width: calc(100% - 42px);
}

.dashboardPanelThreeUp.desktopVersion {
    width: calc(33.33% - 42px);
}

.dashboardPanelThreeUp.mobileVersion {
    width: calc(50% - 42px);
}

.dashboardPanelThreeUpToOne.desktopVersion {
    width: calc(33.33% - 42px);
}

.dashboardPanelThreeUpToOne.mobileVersion {
    width: calc(100% - 42px);
}

.dashboardPanelTwoThirds.desktopVersion {
    width: calc(66.66% - 42px);
}

.dashboardPanelTwoThirds.mobileVersion {
    width: calc(100% - 42px);
}

.dashboardLayoutWrapper {
    display: flex;
    flex-wrap: wrap;
}

.dashboardPanel, .dashboardChartPanel, .dashboardPanelWrapper, .dashboardHeaderPanelWrapper, .dashboardPanelWrapperVeryShort, .dashboardPanelWrapperShort, .dashboardPanelWrapperLong, .dashboardPanelWrapperVeryLong, .dashboardPanelWrapperAuto, .actionLogChartPanel {
    border: 1px solid #aaaaaa;
    background-color: white;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
}

.dashboardPanelWrapper {
    height: 200px;
}

.dashboardPanelWrapperVeryShort {
    height: 124px;
}

.dashboardPanelWrapperShort {
    height: 150px;
}

.dashboardPanelWrapperLong {
    height: 290px;
}

.dashboardPanelWrapperVeryLong {
    height: 482px;
}

.dashboardPanelWrapperAuto {
    height: auto;
}

.dashboardPanelTitleBar {
    display: table;
    width: 100%;
    color: #b1b1b1;
}

.messagingDashboardChartPanelTitleBar {
    display: table;
    width: 100%;
    color: #b1b1b1;
    padding-bottom: 16px;
}

.dashboardPanelTitleText {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
}

.dashboardPanelTitleExtraText {
    text-transform: uppercase;
    font-size: 0.9em;
    color: #888888;
}

.dashboardPanelTitleSubText {
    color: #888888;
    font-size: 0.9em;
    text-align: left;
    white-space: pre-line;
}

.dashboardPanelIconWrapper {
    display: table-cell;
    text-align: right;
}

.dashboardPanelFlexWrapper {
    display: flex;
}

.dashboardPanelFlexWrapper.mobileVersion {
    flex-direction: column;
}

.dashboardHeaderPanelContentWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

.dashboardHeaderPanelContent, .dashboardHeaderPanelContentInner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.dashboardHeaderPanelContent {
    padding: 6px 12px;
    justify-content: space-between;
    column-gap: 1em;
}

.dashboardHeaderPanelContentInner {
    /*padding: 0px 14px;*/
}

.dashboardHeaderPanelHeaderText {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    padding-right: 10px;
}

.dashboardHeaderPanelText {
    font-size: 1.1em;
}

.dashboardHeaderPanelCountText {
    font-weight: bold;
    font-size: 1.8em;
    color: #4D9B8F;
}

.dashboardStatsPanelWrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

.dashboardPanel {
    flex: 1;
}

.dashboardPanel.wide {
    flex: 1.5;
}

.dashboardChartPanel {
    flex: 1 1 30%;
    min-width: 550px;
    max-width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
}

.dashboardChartPanel.wide {
    min-width: 650px;
}

.dashboardChartPanel.narrow {
    min-width: 400px;
}

.dashboardChartPanel.tall {
    height: 400px;
}

.dashboardChartPanelContentWrapper {
    padding: 10px;
}

.chartDivWrapper {
    width: 100%;
    height: 100%;
    max-width: 600px;
    align-self: center;
}

.chartDivWrapper.wide {
    max-width: 700px;
}

.dashboardPanelHeaderBar {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 0.3em;
    padding: 4px 6px 10px;
}

.dashboardPanelTitle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.5em;
}

.dashboardPanelHeaderDrilldown {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDA2NiAxLjQwNjYpIHNjYWxlKDIuODEpIiBzdHJva2UtbGluZWNhcD0icm91bmQiPgoJPHBhdGggZD0ibTQ1IDU2LjU1MWMtNi4zNjkgMC0xMS41NTEtNS4xODItMTEuNTUxLTExLjU1MXM1LjE4Mi0xMS41NTEgMTEuNTUxLTExLjU1MSAxMS41NTEgNS4xODIgMTEuNTUxIDExLjU1MS01LjE4MiAxMS41NTEtMTEuNTUxIDExLjU1MXoiLz4KCTxwYXRoIGQ9Im0xMS41NTEgNTYuNTUxYy02LjM2OSAwLTExLjU1MS01LjE4Mi0xMS41NTEtMTEuNTUxczUuMTgyLTExLjU1MSAxMS41NTEtMTEuNTUxYzYuMzcgMCAxMS41NTEgNS4xODIgMTEuNTUxIDExLjU1MXMtNS4xODIgMTEuNTUxLTExLjU1MSAxMS41NTF6Ii8+Cgk8cGF0aCBkPSJtNzguNDQ5IDU2LjU1MWMtNi4zNjkgMC0xMS41NTEtNS4xODItMTEuNTUxLTExLjU1MXM1LjE4Mi0xMS41NTEgMTEuNTUxLTExLjU1MSAxMS41NTEgNS4xODIgMTEuNTUxIDExLjU1MS01LjE4MiAxMS41NTEtMTEuNTUxIDExLjU1MXoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center;
    background-size: 20px 20px;
    align-self: flex-end;
    height: 30px;
    width: 30px;
    margin-bottom: -30px;
    opacity: 0.6;
}

.dashboardStatsPanelCountContentWrapper {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    column-gap: 1em;
}

.dashboardStatsPanelCountTitle {
    white-space: nowrap;
    color: #888888;
}

.dashboardStatsPanelCountWrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 6px;
}

.dashboardStatsPanelCountText {
    font-weight: bold;
    font-size: 3em;
}

.dashboardStatsPanelScoreWrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding: 6px;
    align-items: center;
    column-gap: 8px;
}

.dashboardStatsPanelCountText.red {
    color: #D9755A;
}

.dashboardStatsPanelCountSubText {
    color: #888888;
    font-size: 1.1em;
}

.highcharts-grid {
    display: none !important;
}

.dashboardInsightContent {
    text-align: left;
    padding: 6px;
}

.insightReportSectionHeader {
    font-size: 1.1em;
    font-weight: bold;
}

.dashboardInsightContent li {
    margin-bottom: 6px;
}

.dashboardPanelStackableWrapper.desktopVersion {
    flex: 40%;
    display: flex;
    flex-direction: column;
}

.dashboardPanelStackableWrapper.mobileVersion {
    flex: 100%;
    display: flex;
}

.dashboardPanelStackableItem.desktopVersion {
    flex: 100%;
}

.dashboardPanelStackableItem.mobileVersion {
    flex: 50%;
}

.dashboardPanelStackableWrapperRight.desktopVersion {
    flex: 60%;
}

.dashboardPanelStackableWrapperRight.mobileVersion {
    flex: 100%;
}

.dashboardPanelContentFlexWrapper {
    padding-top: 6px;
    display: flex;
    justify-content: space-around;
}

.dashboardPanelContentCountItem {

}

.dashboardPanelContentCountItemValue {
    font-size: 3em;
}

.dashboardPanelContentCountItemValue.green {
    color: #7A9B5A;
}

.dashboardPanelContentCountItemValue.red {
    color: #914747;
}

.dashboardPanelContentCountItemTitle {
    font-size: 0.8em;
}

.helpStagesFlexWrapper {
    display: flex;
}

.helpStagesSelectorWrapper {
    flex: 30%;
}

.helpStagesSelector {
    display: flex;
    padding-top: 30px;
    align-items: center;
    cursor: pointer;
}

.helpStagesSelector.selected {
    color: #7A9B5A;
}

.helpStagesSelectorCount {
    width: 60px;
    text-align: right;
    padding-right: 20px;
    font-size: 2em;
}

.helpStagesSelectorTitle {
    font-size: 0.9em;
}

.helpStagesWordCloudWrapper {
    flex: 70%;
}

.promptItem {
    padding: 20px 40px 10px;
    text-align: left;
    font-size: 0.9em;
}

.chcCarersSummaryItemWrapper {
    column-count: 2;
    column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    padding: 10px 20px 0px;
}

.chcCarersSummaryItem {
    display: flex;
    padding-bottom: 10px;
    max-width: 400px;
}

.chcCarersSummaryItemTitle {
    flex: 50%;
    text-align: left;
    color: #23B1E7;
}

.chcCarersSummaryItemValue {
    flex: 50%;
    text-align: left;
}

.chcCarersCommentsRowWrapper {
    display: flex;
    padding: 20px 40px 20px 0;
}

.chcCarersCommentsDate {
    flex: 20%;
}

.chcCarersComment {
    flex: 80%;
    text-align: left;
}

.wordCloudWrapper {
    padding: 20px 12px 5px;
}

.dashboardWordCloud {
    height: 215px;
    width: 100%;
}

.wordCountWrapper {
    padding: 15px 12px 6px;
}

.wordCountTable {
    display: table;
    width: 100%;
}

.wordCountRow {
    display: table-row;
    font-size: 1.4em;
    font-weight: lighter;
}

.wordCountText {
    display: table-cell;
    text-align: left;

}

.wordCountNumber {
    display: table-cell;
    text-align: right;
    padding-top: 16px;
}

.chcParticipantChartObject {
    margin: 20px 40px;
    max-height: 300px;
    height: calc(100% - 40px);
    width: calc(100% - 80px);
}

.scoreSummaryContentWrapper {
    display: table;
    width: 100%;
    height: 180px;
}

.scoreSummaryContentWrapperShort {
    display: table;
    width: 100%;
    height: 116px;
}

.scoreSummaryContent {
    display: table-row;
}

.scoreSummaryValue {
    display: table-cell;
    font-size: 7.6em;
    text-align: right;
    vertical-align: middle;
    padding-right: 6px;
    width: 170px;
}

.scoreSummaryValueDelta {
    display: table-cell;
    vertical-align: middle;
    height: 82px;
    width: 62px;
}

.scoreSummaryValueDelta.increase {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MiA4MiI+PHBvbHlnb24gZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOTRDMTIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iNjAgMjcuOCAzMS4zIDAuNiAyLjYgMjcuOCAxNS41IDI3LjggMTUuNSA4MS4yIDQ3IDgxLjIgNDcgMjcuOCAiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.scoreSummaryValueDelta.increase {
    background: url(/crm/css/images/icons/reportal/up.png) no-repeat center;
}

.scoreSummaryValueDelta.decrease {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MiA4MiI+PHBvbHlnb24gZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQTk0ODQ2IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iNjAgNTQuMSAzMS4zIDgxLjIgMi42IDU0LjEgMTUuNSA1NC4xIDE1LjUgMC42IDQ3IDAuNiA0NyA1NC4xICIvPjwvc3ZnPg==) no-repeat center;
}

.no-svg.scoreSummaryValueDelta.decrease {
    background: url(/crm/css/images/icons/reportal/down.png) no-repeat center;
}

.scoreSummaryPercentWrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
}

.scoreSummaryPercentElementScore {
    display: table-row;
    margin-right: 5px;
}

.scoreSummaryPercentElementPercents {
    margin-right: 40px;
    padding-top: 5px;
}

.scoreSummaryPercentIconWrapper {
    display: table-cell;
    padding-right: 0;
    padding-top: 7px;
    vertical-align: top;
}

.scoreSummaryPercentIcon {
    height: 34px;
    width: 34px;
}

.scoreSummaryPercentIcon.promoter {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCI+PHBhdGggZmlsbD0iIzhCQTU1MiIgZD0iTTMuOCAyMi41YzMuNCA3LjIgMTIuNSAxMS43IDE5LjggOC4zIDcuMi0zLjQgOS44LTEzLjIgNi41LTIwLjUgLTMuNC03LjItMTItMTAuNC0xOS4yLTdDMy42IDYuNyAwLjUgMTUuMyAzLjggMjIuNXoiLz48ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgwLjkwNzQgLTAuNDIwMiAwLjQyMDIgMC45MDc0IC0zLjE3MzYgMTMuNjEyNSkiIGZpbGw9IiNGRkZGRkYiIGN4PSIyOS4zIiBjeT0iMTQiIHJ4PSIyLjEiIHJ5PSIyLjEiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTYuNCAyNy43YzEuOCAwLjggNCAwLjkgNS45IDAgMS45LTAuOSAzLjMtMi41IDMuOC00LjQiLz48ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgwLjkwNzQgLTAuNDIwMiAwLjQyMDIgMC45MDc0IC05LjUzNjcgNS4yMTMyKSIgZmlsbD0iI0ZGRkZGRiIgY3g9IjcuMSIgY3k9IjI0LjMiIHJ4PSIyLjEiIHJ5PSIyLjEiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.scoreSummaryPercentIcon.promoter {
    background: url(/crm/css/images/icons/reportal/green.png) no-repeat center;
}

.scoreSummaryPercentIcon.passive {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCI+PHBhdGggZmlsbD0iI0Y4RDkzRCIgZD0iTTMuMSAyMC42QzUuNSAyOC4zIDE0IDMzLjkgMjEuNyAzMS41YzcuNi0yLjQgMTEuNS0xMS45IDkuMS0xOS41QzI4LjQgNC4zIDIwLjMgMCAxMi42IDIuNCA1IDQuOCAwLjcgMTMgMy4xIDIwLjZ6Ii8+PGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC45NTQ3IC0wLjI5NzcgMC4yOTc3IDAuOTU0NyAtMy4yNjUzIDkuNDk4NCkiIGZpbGw9IiNGRkZGRkYiIGN4PSIyOS41IiBjeT0iMTUuNSIgcng9IjIuMSIgcnk9IjIuMSIvPjxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuOTU0NyAtMC4yOTc3IDAuMjk3NyAwLjk1NDcgLTYuNDkyMiAyLjgzODcpIiBmaWxsPSIjRkZGRkZGIiBjeD0iNi4xIiBjeT0iMjIuNyIgcng9IjIuMSIgcnk9IjIuMSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNy4zIiB5MT0iMjguMiIgeDI9IjI0LjEiIHkyPSIyNS41Ii8+PC9zdmc+) no-repeat center;
}

.no-svg.scoreSummaryPercentIcon.passive {
    background: url(/crm/css/images/icons/reportal/yellow.png) no-repeat center;
}

.scoreSummaryPercentIcon.detractor {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCI+PHBhdGggZmlsbD0iI0Y4RDkzRCIgZD0iTTMuMSAyMC42QzUuNSAyOC4zIDE0IDMzLjkgMjEuNyAzMS41YzcuNi0yLjQgMTEuNS0xMS45IDkuMS0xOS41QzI4LjQgNC4zIDIwLjMgMCAxMi42IDIuNCA1IDQuOCAwLjcgMTMgMy4xIDIwLjZ6Ii8+PGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC45NTQ3IC0wLjI5NzcgMC4yOTc3IDAuOTU0NyAtMy4yNjUzIDkuNDk4NCkiIGZpbGw9IiNGRkZGRkYiIGN4PSIyOS41IiBjeT0iMTUuNSIgcng9IjIuMSIgcnk9IjIuMSIvPjxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuOTU0NyAtMC4yOTc3IDAuMjk3NyAwLjk1NDcgLTYuNDkyMiAyLjgzODcpIiBmaWxsPSIjRkZGRkZGIiBjeD0iNi4xIiBjeT0iMjIuNyIgcng9IjIuMSIgcnk9IjIuMSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNy4zIiB5MT0iMjguMiIgeDI9IjI0LjEiIHkyPSIyNS41Ii8+PHBhdGggZmlsbD0iI0E5NDg0NiIgZD0iTTMuMSAyMC42QzUuNSAyOC4zIDE0IDMzLjkgMjEuNyAzMS41YzcuNi0yLjQgMTEuNS0xMS45IDkuMS0xOS41QzI4LjQgNC4zIDIwLjMgMCAxMi42IDIuNCA1IDQuOCAwLjcgMTMgMy4xIDIwLjZ6Ii8+PGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC45NTQ3IC0wLjI5NzcgMC4yOTc3IDAuOTU0NyAtMy4yNjUzIDkuNDk4MikiIGZpbGw9IiNGRkZGRkYiIGN4PSIyOS41IiBjeT0iMTUuNSIgcng9IjIuMSIgcnk9IjIuMSIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yNS45IDI2LjljLTEuNy0xLTMuOC0xLjQtNS45LTAuNyAtMiAwLjYtMy42IDIuMS00LjQgMy45Ii8+PGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC45NTQ3IC0wLjI5NzcgMC4yOTc3IDAuOTU0NyAtNi40OTIgMi44Mzg5KSIgZmlsbD0iI0ZGRkZGRiIgY3g9IjYuMSIgY3k9IjIyLjciIHJ4PSIyLjEiIHJ5PSIyLjEiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.scoreSummaryPercentIcon.detractor {
    background: url(/crm/css/images/icons/reportal/red.png) no-repeat center;
}

.scoreSummaryPercentValueScore {
    display: table-cell;
    font-size: 3em;
    height: 52px;
    vertical-align: top;
    width: 70px;
}

.scoreSummaryPercentValuePercents {
    display: table-cell;
    font-size: 5em;
    height: 68px;
    vertical-align: top;
    width: 180px;
}

.scoreSummaryPercentValuePromoter {
    color: #7A9B5A;
}

.scoreSummaryPercentValuePassive {
    color: #EED450;
}

.scoreSummaryPercentValueDetractor {
    color: #914747;
}

.scoreSummaryPercentValueDelta {
    display: table-cell;
    padding-left: 4px;
    padding-top: 11px;
    vertical-align: top;
    width: 24px;
}

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

.scoreSummaryTotalsTitle {
    color: #b1b1b1;
    font-weight: lighter;
    height: 20px;
    padding-top: 6px;

}

.scoreSummaryTotalsValue {
    font-size: 3em;
    padding: 2px 5px 10px;
}

.sendSpeedChartPanelContentWrapper {
    padding: 0px 20px 5px 10px;
}

.rankPanelContentWrapper {
    padding-top: 40px;
}

.rankedItemWrapper {
    display: table;
    text-align: right;
    width: 100%;
    height: 80px;
}

.rankedItemTitle {
    color: #b1b1b1;
    float: left;
    margin-left: 20px;
    position: absolute;
    font-size: 1.2em;
    text-transform: uppercase;
}

.rankedItemDescription {
    display: table-cell;
    padding-right: 12px;
    vertical-align: middle;
}

.rankedItemBreakdown {
    display: table-cell;
    vertical-align: middle;
    width: 55%;
}

.rankedItemScore {
    display: table-cell;
    font-size: 3em;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: right;
    vertical-align: middle;
    width: 90px;
}

.rankBreakdownDashboardRed {
    display: inline-block;
    height: 30px;
    background-color: #CE5F48;
}

.rankBreakdownDashboardYellow {
    display: inline-block;
    height: 30px;
    background-color: #DBB664;
}

.rankBreakdownDashboardGreen {
    display: inline-block;
    height: 30px;
    background-color: #3B5A5B;
}

.flaggedResponsesCountWrapper {
}

.flaggedResponsesCountText {
    color: #818181;
    font-size: 8em;
}

.flaggedResponsesIDACountWrapper {
    float: left;
    padding-top: 20px;
}

.flaggedResponsesIDAListWrapper {
    float: left;
    padding: 14px 20px 20px;
}

.IDAPanelContentWrapper {
    padding-top: 20px;
    padding-bottom: 10px;
}

.insightReportContent {
    text-align: left;
    padding: 30px 30px 30px;
}

.insightReportContent li {
    margin-bottom: 6px;
}

.insightReportHeaderWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.5em;
}

.insightReportHeader {
    font-size: 1.4em;
}

.insightReportHeaderExtraText {
    font-size: 1em;
    color: #888888;
}

.insightReportSubheader {
    padding-top: 2px;
    padding-bottom: 20px;
    color: #888888;
}

.insightReportRefresh {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDA2NiAxLjQwNjYpIHNjYWxlKDIuODEpIiBmaWxsPSJub25lIj4KCTxwYXRoIGQ9Im03NS43MDIgNTMuMDE0Yy0yLjE0MiA3Ljk5NS03LjI3IDE0LjY3OC0xNC40MzkgMTguODE2LTcuMTY4IDQuMTM4LTE1LjUxOSA1LjIzOS0yMy41MTQgMy4wOTUtMTYuNTA1LTQuNDIzLTI2LjMzNS0yMS40NDgtMjEuOTEzLTM3Ljk1M3MyMS40NS0yNi4zMzIgMzcuOTU0LTIxLjkxMmM0LjIxMyAxLjEyOSA4LjA3NiAzLjExOCAxMS40MTMgNS44MDlsLTguMzQ5IDguMzVoMjYuNjU0di0yNi42NTRsLTguMzU0IDguMzU0Yy01LjEtNC40MDUtMTEuMTMzLTcuNjEtMTcuNzQtOS4zODEtMjMuOTYzLTYuNDItNDguNjc5IDcuODUxLTU1LjEgMzEuODEyLTYuNDIgMjMuOTYxIDcuODUxIDQ4LjY3OCAzMS44MTEgNTUuMDk4IDMuODc2IDEuMDM4IDcuODA5IDEuNTUyIDExLjcxNyAxLjU1MiA3Ljc5NSAwIDE1LjQ4OC0yLjA0NCAyMi40Mi02LjA0NiAxMC40MDctNi4wMDggMTcuODUxLTE1LjcwOSAyMC45NjItMjcuMzE3bC0xMy41MjItMy42MjN6IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K) no-repeat center;
    float: right;
    height: 30px;
    width: 31px;
    margin-top: -26px;
    background-size: 20px 20px;
    opacity: 0.6;
}

.insightReportGenerating {
    padding: 20px;
    display: flex;
    justify-content: center;
}

.insightReportIcon-container {
    position: relative;
    width: 60px;
    height: 80px;
}
.insightReportIcon {
    width: 60px;
    height: 80px;
    background: white;
    border-radius: 5px;
    border: 2px solid #3498db;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    animation: pulse 1.5s infinite ease-in-out;
}
.insightReportIcon-lines {
    width: 30px;
    height: 4px;
    background: #3498db;
    margin: 3px 0;
    border-radius: 2px;
}
.insightReportIcon-dots {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}
.insightReportIcon-dot {
    width: 6px;
    height: 6px;
    background: #3498db;
    border-radius: 50%;
    margin: 0 2px;
    animation: blink 1.5s infinite ease-in-out;
}
.insightReportIcon-dot:nth-child(2) {
    animation-delay: 0.3s;
}
.insightReportIcon-dot:nth-child(3) {
    animation-delay: 0.6s;
}
@keyframes blink {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 1; }
}
@keyframes pulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

.sidebar a {
    display: block;
    margin: 0px;
}

.sidebarbtm, .reportalsidebarbtm {
    position:fixed;
    bottom:0px;
    left:0;
    height:30px;
    z-index: 36;
}

.sidebarbtm {
    width:199px;
}

.reportalsidebarbtm {
    width:59px;
}

.sidebarbtm a {
    margin:0px;
}

.sidebarbtm img {
    margin: 4px 0px 0px 8px;
}

.containerfullwidth {
    position:absolute;
    top:136px;
    left:0px;
    bottom:31px;
    right:0;
    overflow:auto;
    text-align:center;
}

.containerfullwidthbtm {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0;
    height:30px;
    text-align:right;
}

.containerfullwidthbtm img {
    margin: 4px 0px 0px 6px;
}

.containerwithsidebar {
    position:absolute;
    top:136px;
    left:200px;
    bottom:31px;
    right:0;
    overflow:auto;
    text-align:center;
}

.containerwithsecondarysidebar {
    position:absolute;
    top:136px;
    left:500px;
    bottom:31px;
    right:0;
    overflow:auto;
    text-align:center;
}

.containerwithreportalsidebar, .containerwithreportalsidebarDashboard {
    position:absolute;
    top:136px;
    left:60px;
    bottom:31px;
    right:0;
    overflow:auto;
    text-align:center;
}

.containerwithreportalsidebarDashboard.grey {
    background-color: #EFEFEF;
}

.containerwithsidebarTableHeader, .containerwithsidebarTableHeaderNarrow {
    position:absolute;
    background-color: #F2F2F2;
    top:137px;
    height: 40px;
    left:200px;
    right:0;
    text-align:center;
    padding: 0 10px 0 10px;
}

.containerwithsidebarTableHeaderNarrow {
    padding: 0 10px 0 10px;
}

.containerwithsecondarysidebarTableHeader {
    position:absolute;
    top:136px;
    left:500px;
    right:0;
    text-align:center;
}

.containerwithsidebarRoutingTop {
    position:absolute;
    top:136px;
    left:200px;
    height:205px;
    right:0;
    overflow:auto;
    text-align:center;
    border-bottom: 1px solid #ffffff;
    background-color: #d7d5d6;
}

.containerwithsidebarRoutingBottom {
    position:absolute;
    top:342px;
    left:200px;
    bottom:31px;
    right:0;
    overflow:auto;
    text-align:center;
}

.containerforiframe {
    position:absolute;
    top:136px;
    left:200px;
    bottom:31px;
    right:0;
    text-align:center;
}

.surveySummaryHeader, .surveySummaryHeaderFullScreen {
    position:absolute;
    right:0px;
    width:auto;
    height:58px;
    border: 1px solid #D8D8D8;
}

.surveySummaryHeader {
    background: #F9F9F9;
    top:136px;
    left:200px;
    z-index: 30;
}

.surveySummaryHeaderFullScreen {
    background: #F9F9F9;
    top: 0;
    left: 0;
    z-index: 10;
}

.surveyPaginatorHeader, .surveyPaginatorHeaderFullScreen {

}

.surveyPaginatorHeader {
}

.surveyPaginatorHeaderFullScreen {
    top:0px;
    left:0px;
    background: #737476;
}

.copyrightWrapper {
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
    padding: 10px;
    float: right;
}

.tableHeaderWrapper {
    width: 100%;
    border-collapse: collapse;
}

.tableHeaderWrapper td {
    text-align: center;
}

.tableHeaderWrapperCol.leftAlign {
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
}

.fullscreencontainer {
    position:absolute;
    top:58px;
    left:0px;
    right:0;
    bottom:0;
    overflow:auto;
    background: #4B4C4C;
}

.fullscreenQuestionTextWrapper {
    font-size: 1.4em;
    font-weight: lighter;
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
    padding: 25px 45px 10px;

    line-height: 120%;
}

.containerwithsidebarwithTableHeader {
    position:absolute;
    top:177px;
    left:200px;
    bottom:31px;
    right:0;
    overflow-y:auto;
    text-align:center;
    padding: 0px 10px;
}

.containerwithsecondarysidebarwithTableHeader {
    position:absolute;
    top:172px;
    left:500px;
    bottom:31px;
    right:0;
    overflow:auto;
    text-align:center;
}

.containerwithsidebarSurveyReportHeader {
    position:absolute;
    top:195px;
    left:200px;
    bottom:31px;
    right:0;
    overflow:auto;
    text-align:center;
}

.containerwithsidebarbtm, .containerwithreportalsidebarbtm {
    position:fixed;
    bottom:0px;
    right:0;
    height:30px;
    text-align:right;
    z-index: 36;
}

.containerwithsidebarbtm {
    left:200px;
}

.containerwithreportalsidebarbtm {
    left:60px;
}

.containerwithsidebarbtm img {
    margin: 4px 0px 0px 6px;
}

.containerwithsidebarbothsides, .containerwithsidebarbothsideswide, .containerwithsidebarbothsidesverywide {
    position: absolute;
    top:136px;
    left:200px;
    bottom:31px;
    overflow:auto;
    text-align:center;
}

.containerwithsidebarbothsides {
    right:320px;
}

.containerwithsidebarbothsideswide {
    right:220px;
}

.containerwithsidebarbothsidesverywide {
    right:88px;
    bottom: 66px;
}

.containerwithsidebarbothsidesTop {
    position: absolute;
    background:#FFFFFF;
    top:136px;
    left:200px;
    right:320px;
    height:205px;
    overflow:auto;
    text-align:center;
}

.containerwithsidebarbothsidesBottom {
    position: absolute;
    background:#FFFFFF;
    top:341px;
    left:200px;
    right:320px;
    bottom:31px;
    overflow:auto;
    text-align:center;
}

.containerwithsidebarbothsideswideTop {
    position: absolute;
    background:#FFFFFF;
    top:136px;
    left:200px;
    right:220px;
    height:230px;
    overflow:auto;
    text-align:center;
}

.containerwithsidebarbothsideswideBottom {
    position: absolute;
    background:#FFFFFF;
    top:366px;
    left:200px;
    right:220px;
    bottom:31px;
    overflow:auto;
    text-align:center;
}

.secondarysidebar {
    border-right:1px solid #BCC2C7;
    position: absolute;
    top:136px;
    left:200px;
    bottom:31px;
    right:0;
    overflow:auto;
    width:299px;
}

.secondarysidebarTableHeader {
    border-right:1px solid #BCC2C7;
    position: absolute;
    top:136px;
    left:200px;
    width:299px;
}

.secondarysidebarwithTableHeader {
    border-right:1px solid #BCC2C7;
    position: absolute;
    top: 172px;
    left:200px;
    bottom:31px;
    overflow:auto;
    width:299px;
}

.footertext {
    margin: 6px 0px 0px 8px;
}

.footerCompanySwitch {
    padding-top: 4px;
}

.floatleft {float:left;}
.floatlefttext {font-size: 0.9em; float:left; padding: 9px 6px 0 5px;  }
.floatlefttext {cursor: pointer;} /* needed for IE, so only use for link text */
.floatrighttext {float:right; padding-right: 8px; padding-top: 8px; margin: 0px;}
.floatright {float:right; padding-right: 8px}

.floatleftnoborder {float:left; border: 0}
.floatrightnoborder {float:right; padding-right: 8px; border: 0}

.alignRightWrapper
{
    text-align:right;
}

.infoBarWrapper {
    text-align: left;
    padding: 10px 0px;
    margin: 0px 10px;
}

.infoBar {
    width:100%;
    margin-bottom:8px;
}

.infoBar td {
    height:24px;
}

.infoBarDetail {
    padding-top: 5px;
    height:30px;
    width:100%;
}

.infoBarIconColumn {
    padding-right:5px;
    vertical-align: top;
    width: 90px;
}

.infoBarIconImage {
    padding-top: 4px;
}

.reportTotalsWrapper {
    padding: 0 10px 20px;
}

.reportTotalsWrapper table {
    margin-left:auto;
    margin-right:auto;
}

.reportTotalsWrapperNoPadding table {
    margin-left:auto;
    margin-right:auto;
}

.reportTotalsLabel, .reportTotalsLabelFullScreen {
    font-weight: bold;
    text-align: right;
    padding:4px;
}

.reportTotalsValue, .reportTotalsValueFullScreen {
    padding: 4px 40px 4px 2px;
}

.reportTotalsLabel {
}

.reportTotalsValue {
}

.reportTotalsLabelFullScreen {
    font-size: 1.1em !important;
}

.reportTotalsValueFullScreen {
    font-size: 1.1em !important;
}

.treeControlPanel {
    padding: 8px;
    text-align: left;
}

.rightsidebarLight, .rightsidebarLightThin {
    position: absolute;
    top: 136px;
    bottom: 31px;
    right: 0px;
    overflow: auto;
}

.rightsidebarLight {
    width: 330px;
}

.rightsidebarLightThin {
    width: 87px;
}

.rightsidebarDarkHeader, .rightsidebarDarkThinHeader {
    position: absolute;
    top: 136px;
    right: 0px;
}

.rightsidebarDarkHeader {
    width: 320px;
}

.rightsidebarDarkThinHeader {
    width: 220px;
}

.rightsidebarDark, .rightsidebarDarkThin {
    position: absolute;
    top: 167px;
    bottom: 31px;
    right: 0px;
    overflow: auto;
}

.rightsidebarDark {
    width: 320px;
}

.rightsidebarDarkThin {
    width: 220px;
}

.noContentMessage {
    text-align: center;
    padding: 40px;
}

.retrievingResultsWrapper {
    text-align: center;
    font-size: 1.1em;
    padding-top: 120px;
}

.retrievingResultsMessage {
    padding: 20px;
}

.optionaltoppanel {
    position: absolute;
    top: 164px;
    right: 300px;
    left:200px;
    height: 180px;
    overflow: auto;
}

.optionaltitlebar {
    position: absolute;
    top: 110px;
    right: 0px;
    left: 200px;
    height: 50px;
}

.radioButtons, .radioButtonsHorizontalDisplay, .radioButtonsHorizontalDisplayLessPadding {
    border: none;
    display: inline-block;
    white-space: nowrap;
}

.radioButtons {
    padding: 3px 0 3px 2px;
}

.radioButtonsHorizontalDisplay
{
    padding: 0 12px 0 2px;
}

.radioButtonsHorizontalDisplayLessPadding
{
    padding: 0 4px 0 2px;
}

.largeCheckbox {
    width: 20px;
    height: 20px;
}

.largeCheckbox-dis {
    width: 20px;
    height: 20px;
}

.folderSelectbox {
    width: 150px;
}

.fileSelectbox {
    width: 200px;
}

/* styles for the campaigns popup */
.popupFancyClose {
    border: 0 none;
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;
    font-size: 0.9em;
    height: 20px;
    left: 371px;
    position: relative;
    right: 0;
    top: 22px;
    width: 20px;
    z-index: 1007;
}

/* campaign popup cross container */
.campopcrosscont {
    position: absolute;
    left: 168px;
    bottom: 48px;
    z-index: 1004;
}

.campopcontainer {}
.campopshadow {}

.campopframe {
    background: #EAEAEA;
    padding: 10px 5px 14px;
    display:block;
    -moz-box-shadow: 3px 3px 3px #D1D1D1;
    -webkit-box-shadow: 3px 3px 3px #D1D1D1;
    box-shadow: 3px 3px 3px #D1D1D1;
    z-index: 1005;
}

.campopframe:before, .campopframe:after{
    content: '';
    width: 20px;
    height: 20px;
    background: #EAEAEA;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: -10px;
    left: 44px;
    margin-left: -5px;
    z-index: 1007;
}

.campopframe:after{
    -moz-box-shadow: 3px 3px 3px #D1D1D1;
    -webkit-box-shadow: 3px 3px 3px #D1D1D1;
    box-shadow: 3px 3px 3px #D1D1D1;
    z-index: 1006;
}

.clear {clear:left;}

/* styles for the search popup */

.searchpopframe
{
    background:#EAEAEA;
    -moz-box-shadow: 3px 3px 3px #D1D1D1;
    -webkit-box-shadow: 3px 3px 3px #D1D1D1;
    box-shadow: 3px 3px 3px #D1D1D1;
}

.searchpopcont {
    left: 200px;
    position: absolute;
    right: 0;
    top: 137px;
    padding: 0px;
    width: auto !important;
    z-index: 30;
}

.campoptable {
    border-spacing: 0;
}

.campoprow a {
    display:block; /* to increase the clickable area as a's default to inline */
    color: #444444;
    width: 220px;
    border: 1px solid #EAEAEA;

}

.campoprow a:hover{
    border: 1px solid #D5D5D5;
}

.elementIconPopup {
    margin: 2px 0 2px 4px;
}

.campoptext {
    padding-top: 5px;
    padding-left: 10px;

    cursor: pointer;
}

.campopicon {
    cursor: pointer;
}

.campopsidecontainer, .campopside-a, .campopside-b {
    vertical-align: top;
}

.campophidetooltip, .campopshowdefaulttip {
    position: relative;
    padding: 5px 10px 0px;
}

.campophidetooltip p, .campopshowdefaulttip p {
    margin: 8px 0px;
    font-size: 0.9em;
}

.campophidetooltip h, .campopshowdefaulttip h {
    font-size: 0.9em;
    font-weight: bold;
}

.campopshowdefaulttip {
    display:block;
}

.campophidetooltip {
    display: none;
}

.infopanel {
    background:#f7f7f7;
    border: 1px solid #DCDDDF;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:30px;
}

.infopanel a {
    margin: 5px;
}

.infopanel td {
    font-size: 0.9em;
}

/* style for main popup dialog */

.panel, .panelSm, .panelMed, .panelConf, .panelDynamicHeight, .panelAuto, .panelGrow {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 5px;
    padding-top:15px;
    margin-bottom: 50px;
}

.panelDynamicHeight {
    height: calc(100% - 120px);
    position: absolute;
    width: 100%;
}

.panel {
    height:370px;
}

.panelSm {
    height:110px;
}

.panelMed {
    height:285px;
}

.panelAuto {
    max-height: calc(80vh - 80px);
}

.panelGrow {
    min-height: 370px;
    max-height: calc(80vh - 80px);
}

.panelConf {
    height: 50px;
    padding: 10px;
}

.panelError {
    padding-bottom: 55px;
}

.noTopPadding {
    padding-top: 0px;
}

.mainPopup {
    z-index: 1000;
    width: 400px;
    height: 250px;
    overflow: auto;
    padding: 5px;
}

.corePopup, .corePopupSm, .corePopupMed, .corePopupConf, .corePopupDynamic, .corePopupDynamicHeight {
    background-color: #FFFFFF;
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}

.corePopup {
    width: 600px;
}

.corePopupSm, .corePopupConf {
    width: 500px;
}

.corePopupMed {
    width: 565px;
}

.corePopupDynamic {
    width: 90%;
    height: 90%;
}

.corePopupDynamic table {
    width: 100%;
    height: 100%;
}

.corePopupDynamicHeight {
    width: 600px;
    height: 80%;
}

.emailPanelContent table {
    width: auto;
    height: auto;
    padding-bottom: 5px;
}

.corePopupDynamicBody {
    width: 100%;
    height: 100%;
}

.height100Percent {
    height: 100%;
}

.height100PercentOffset {
    height: calc(100% - 262px);
}

.height100PercentOffsetPageContainer {
    height: calc(100% - 196px);
}

.mce-edit-area {
    height: 100% !important;
}

.mce-container-body.mce-stack-layout {
    height: 100% !important;
}

.mce-tinymce.mce-container.mce-panel {
    height: 100%;
}

.corePopup table, .corePopupSm table, .corePopupMed table, .corePopupConf table, .corePopupDynamicHeight table {
    width: 100%;
    border-collapse: collapse;
}

.popupBody, .popupBodySm, .popupBodyMed, .popupBodyConf {
}

.popupBody td, .popupBodySm td, .popupBodyMed td, .popupBodyConf td {
}

.popupBody {
}

.popupBodySm {
}

.popupBodyMed {
}

.popupBodyConf {

}



.popupHeaderWrapper {
    height: 50px;
    background-color: #262C35;
}

.popupHeaderWrapper:before, .popupHeaderWrapper:after{
    top: 12px;
    left: -14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popupHeaderWrapper:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #262C35;
    border-width: 14px;
    margin-left: -14px;
}

.popupSubHeaderWrapper {
    height: 50px;
    background-color: #F3F3F2;
}

.formLabel, .formLabelTiny, .formLabelNarrow, .formLabelAlignTop, .formLabelNarrowAlignTop, .formLabelWide, .formLabelWideAlignTop {
    text-align: right;
    height: 34px;
    padding-right: 10px;

}

.confirmText {
    text-align: right;
    height: 38px;
    padding: 0 15px;
    width: 440px;
}

.confirmSeperator {
    width: 15px;
}

.formLabelNarrowAlignTop {
    width: 180px;
    vertical-align: top;
    padding-top: 6px;
}

.formLabelAlignTop {
    width: 240px;
    vertical-align: top;
    padding-top: 6px;
}

.formLabelWideAlignTop {
    width: 350px;
    vertical-align: top;
    padding-top: 6px;
}

.formElement {
}

.formLabel {
    width: 240px;
}

.formLabelTiny {
    width: 130px;
}

.formLabelNarrow {
    width: 180px;
}

.formLabelWide {
    width: 350px;
}

.formLabelSubText {
    width: 240px;
    text-align: right;
    padding-right: 10px;
}

.listBox {
    width: 223px;
}

.popupHeaderText {
    display: block;
    color: white;
    font-size: 1.2em;
    padding-left: 12px;
    padding-top: 18px;

    -webkit-font-smoothing:antialiased;
}

.popupFooter {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50px;
    text-align:right;
    background-color: #262C35;
}

.popupFooterButton, .popupFooterButton-dis, .popupFooterButtonLeft {
    font-size: 1em;
}

.submitButton, .submitButton-dis, .searchFieldButton, .formButton, .fileSelectButton {
    font-size: 0.9em;
}

.submitButton, .submitButton-dis, .searchFieldButton, .formButton, .fileSelectButton {
    padding: 5px 10px 3px;
}

.popupFooterButton, .popupFooterButton-dis, .popupFooterButtonLeft {
    padding: 6px 10px 4px;
}

.footerButtonRight-dis, .footerButtonLeft-dis {
    font-size: 0.9em;
    color: #E6E6E6;
    margin-top: 4px;
    padding: 3px 10px;
    /*background: #B0B0B0;*/
}

.formButton, .fileSelectButton {
    margin-left: 10px;
}

.popupFooterButton, .popupFooterButton-dis, .searchFieldButton {
    float: right;
}

.popupFooterButtonLeft, .popupFooterButtonLeft-dis {
    float: left;
    margin-left: 10px;
    color: #dcdcdc;
    background: #404247;
    border: solid 1px #7D7D7E;
    margin-top: 10px;
}

.footerButtonRight, .footerButtonRight-dis {
    margin-right: 5px;
    float: right;
}

.footerButtonLeft, .footerButtonLeft-dis, .footerPlusButtonLeft {
    margin-left: 6px;
    float: left;
}

.confirmationPopupFooter {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:60px;
    text-align:center;
}

.submitButton-dis {
    color: silver;
}

.inlineEditbleTextField {
    padding-top: 3px;
    padding-bottom: 4px;
}

.inlineEditbleSelectItemsField {
    padding-top: 3px;
    padding-bottom: 4px;
}

.codeframeButton {
    margin-right: 4px;
    float: right;
}

/* Tables */

.wingWrapper
{
    text-align:right;
}

.oddRow, .oddRowCentered {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #CCCCCC;
    font-size: 0.9em;
}

.oddRowCentered td {
    text-align: center;
}

.evenRow, .evenRowCentered {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #CCCCCC;
    font-size: 0.9em;
}

.evenRowCentered td {
    text-align: center;
}

.exampleBoxCol1 {
    padding: 7px;
}

.invalid {
    background: #FEE3AD;
}

/* start of error dialog styles */
.errorPanel {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    top: 60px;
    position: relative;
    background-color: #FFFFFF;
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    border: 1px solid #989898;
}

.errorPanelTitle {
    height: 50px;
    background-color: #262C35;
}

.errorPanelTitle:before, .errorPanelTitle:after{
    top: 12px;
    left: -14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.errorPanelTitle:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #262C35;
    border-width: 14px;
    margin-left: -14px;
}

.errorPanelContent {
    padding: 10px 5px;
    font-size: 0.9em;
    line-height: 1.25em;
}

.errorPanelGlobalMessage {
    color: maroon !important;
}

.errorPanelFooter {
    position: absolute;
    bottom:0px;
    left:0;
    width:100%;
    height:50px;
    text-align:right;
    background-color: #262C35;
}

/* end of error dialog styles */

/* styles for the tooltips */

.tooltipInnerPanel {
    display:block;
    position:absolute;
    background: #F2F2F2;
    padding: 12px 16px;
    line-height: 1.2em;
    font-size: 1em;
    color: #2FB2E5;
    width: 180px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.tooltipInnerPanel:before, .tooltipInnerPanel:after {
    left: -14px;
    top: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tooltipInnerPanel:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #F2F2F2;
    border-width: 14px;
    margin-left: -14px;
}

/* end of styles for the tooltips */

/* styles for the inline autoreply slide out */

.messageTextSlidePanel {
    position:relative;
    padding:5px 10px;
    display:block;
    border:1px solid #CCCCCC;
    margin:2px;
}

/* end of styles for the inline autoreply slide out */

.columnStyleItemNumber, .columnStyleType, .columnStyleProfile, .columnStyleMessageText, .columnStyleUpdateRule, .columnStyleName, .columnStyleNameLong, .columnStyleButtons, .columnStylePhoneNumber, .columnStyleHealth, .columnStyleConnectionType {
    padding: 4px;
}

.columnStyleItemNumber {
    width: 50px;
    text-align: center;
}

.columnStyleType {
    width: 140px;
}

.columnStyleProfile {
    width: 160px;
    text-align: center;
}

.columnStyleMessageText {
}

.columnStyleUpdateRule {
    width: 100px;
    text-align: center;
}

.columnStyleName {
    width: 190px;
}

.columnStyleNameLong {
    width: 250px;
}

.columnStylePhoneNumber {
    width: 150px;
    text-align: center;
}

.columnStyleHealth {
    width: 100px;
    text-align: center;
}

.columnStyleConnectionType {
    width: 100px;
    text-align: center;
}

.columnStyleButtons {
    width: 100px;
}

.columnStyle5percentCentered, .columnStyle7percentCentered, .columnStyle8percentCentered, .columnStyle9percentCentered, .columnStyle10percentCentered, .columnStyle12percentCentered, .columnStyle15percentCentered, .columnStyle20percentCentered {
    padding: 4px;
    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.columnStyle5percentCentered {
    width: 5%;
    text-align: center;
    border:1px solid #e6e6e6;
}

.columnStyle7percentCentered {
    width: 7%;
    text-align: center;
    border:1px solid #e6e6e6;
}

.columnStyle8percentCentered {
    width: 8%;
    text-align: center;
    border:1px solid #e6e6e6;
}

.columnStyle9percentCentered {
    width: 9%;
    text-align: center;
    border:1px solid #e6e6e6;
}

.columnStyle10percentCentered {
    width: 10%;
    text-align: center;
    border:1px solid #e6e6e6;
}

.columnStyle12percentCentered {
    width: 12%;
    text-align: center;
    border:1px solid #e6e6e6;
}

.columnStyle15percentCentered {
    width: 15%;
    text-align: center;
    border:1px solid #e6e6e6;
}

.columnStyle20percentCentered {
    width: 20%;
    text-align: center;
    border:1px solid #e6e6e6;
}

.columnStyle, .columnStyle20pxCentered, .columnStyle20pxCentered, .columnStyle30pxCentered, .columnStyle40pxCentered, .columnStyle50pxCentered, .columnStyle60pxCentered, .columnStyle80pxCentered, .columnStyle100pxCentered, .columnStyle120pxCentered, .columnStyle160pxCentered, .columnStyle200px, .columnStyle200pxCentered, columnStyle300pxCentered {
    padding: 8px 4px;
}

.columnStyle {
    text-align: left;
}

.columnStyleCentered {
    text-align: center;
}

.columnStyle20pxCentered {
    width: 20px;
    text-align: center;
}

.columnStyle30pxCentered {
    width: 30px;
    text-align: center;
}

.columnStyle40pxCentered {
    width: 40px;
    text-align: center;
}

.columnStyle45pxCentered {
    width: 45px;
    text-align: center;
}

.columnStyle50pxCentered {
    width: 50px;
    text-align: center;
}

.columnStyle60pxCentered {
    width: 60px;
    text-align: center;
}

.columnStyle80pxCentered {
    width: 80px;
    text-align: center;
}

.columnStyle100pxCentered {
    width: 100px;
    text-align: center;
}

.columnStyle120pxCentered {
    width: 120px;
    text-align: center;
}

.columnStyle160pxCentered {
    width: 160px;
    text-align: center;
}

.columnStyle200px {
    width: 200px;
}

.columnStyle200pxCentered {
    width: 200px;
    text-align: center;
}

.columnStyle300px {
    width: 300px;
}

.columnStyle300pxCentered {
    width: 300px;
    text-align: center;
}

.columnStyleCheckboxInList {
    padding: 4px 0px;
    width: 24px;
    text-align: left;
}

/* Column widths used for styling div and table elements */

.columnWidth20px {
    width: 20px;
}

.columnWidth25px {
    width: 25px;
}

.columnWidth30px {
    width: 30px;
}

.columnWidth45px {
    width: 45px;
}

.columnWidth50px {
    width: 50px;
}

.columnWidth60px {
    width: 60px;
}

.columnWidth70px {
    width: 70px;
}

.columnWidth80px {
    width: 80px;
}

.columnWidth80pxCentered {
    width: 80px;
    text-align: center !important;
}

.columnWidth90px {
    width: 90px;
}

.columnWidth100px {
    width: 100px;
}

.columnWidth100pxCentered {
    width: 100px;
    text-align: center !important;
}

.columnWidth120px {
    width: 120px;
}

.columnWidth130px {
    width: 130px;
}

.columnWidth140px {
    width: 140px;
}

.columnWidth140pxLeft {
    width: 140px;
    text-align: left;
}

.columnWidth160px {
    width: 160px;
}

.columnWidth180px {
    width: 180px;
}

.columnWidth220px {
    width: 220px;
}

.columnWidth255px {
    width: 255px;
}

.columnWidth300px {
    width: 300px;
}

.columnWidthExtremelyNarrow {
    width: 40px;
}

.columnWidthVeryNarrow {
    width: 50px;
}

.columnWidthNarrow {
    width: 100px;
}

.columnWidthMedium {
    width: 200px;
}

.columnWidthEmpty {
}

.columnWidthEmptyLeft {
    text-align: left;
}

.sampleGroupFilterWrapper {
    z-index: 28;
    top: 98px;
    left: 325px;
    position: absolute;
}

.paginatorWrapper {
    z-index: 28;
    top: 92px;
    right: 10px;
    position: absolute;
}

.paginatorText {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    font-size: 1.1em;
}

.iceDatPgr {
    display: inline-block;
    padding-left: 10px;
}

.paginatorSpacer {
    height: 15px;
}

.surveyReportFilterWrapper {
    font-size: 1.1em;
    padding-left: 8px;
    padding-top: 20px;
    position: absolute;
    right: 70px;

}

.surveyReportFilterText {
    display: inline;
    padding: 2px 10px 0 0;
    vertical-align: middle;
}

.surveyReportFilterOptions {
    display: inline;
    vertical-align: middle;
}

.searchBarTextInput, .searchBarText {
    float: right;
    font-size: 1em;
    padding-right: 250px;
}

.searchBarTextInput {
    color: #444444;
    padding-top: 22px;
}

.searchPanelRowWrapper {
    color: #444444;
    -webkit-font-smoothing:antialiased;
    white-space: nowrap;
    margin: 0 20px;
    padding: 18px 0;
    border-bottom: 1px solid #D5D7D5;
}

.filterButtonBar {
    height: 42px;
}

.searchBarInputElementWrapper {
    display: inline;
    padding: 0px 8px;
}

.searchBarInputElement {
    margin-top: -2px;
    border: none;
    color: #444444;
    padding: 2px 0 3px !important;
    font-size: 1em !important;
    text-align: center;
    width: 40px;
    height: 21px;
    position: relative;
    vertical-align: middle;
}

.searchPanelInputElement {
    width: 150px;
}

.searchPanelInputNarrow {
    width: 50px;
}

.searchBarSelectElement, .searchBarSelectElementNarrow {
    margin: 3px;
}

.searchPanelSelectElement, .searchBarSelectElement {
    width: 150px;
    margin-top: 3px;
}

.searchPanelSelectElementNarrow, .searchBarSelectElementNarrow {
    width: 80px;
    margin-top: 3px;
}

.searchPanelInputElementWrapper {
    display: table-cell;
    height: 26px;
    margin: 0;
    padding: 2px 6px;
    vertical-align: middle;
}

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

.modalRowControl {
    padding: 0px 5px;
    white-space: nowrap;
}

.searchPanelAddDeleteButtonWrapper {
    float: right;
    margin-top: -23px;
    padding-right: 2px;
}

.attributeUpdateAddDeleteButtonWrapper {
    display: table-cell;
    padding-top: 7px;
}

.searchPanelIcon {
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.searchBarText {
    padding-top: 8px;
}

.searchDisplay, .searchDisplayOpen {
    float: left;
    font-size: 1.5em;
    font-weight: lighter;
    height: 44px;
    padding: 22px 38px 0px 18px;

    background-image: url(/crm/css/images/icons/filterdown.png);
    background-repeat: no-repeat;
    background-position: 82% 33px;
}

.searchDisplayOpen {
    background-color: #EAEAEA;
    background-image: url(/crm/css/images/icons/filterup.png);
    -moz-box-shadow: 3px 3px 3px #D1D1D1;
    -webkit-box-shadow: 3px 3px 3px #D1D1D1;
    box-shadow: 3px 3px 3px #D1D1D1;
}

.companySelection a {
    display:block;
    padding: 10px 0 0 16px;
    text-align: left;
    background-color: #FFFFFF;
    height: 21px;
}

.roleSelector {
    width: 100%;
    overflow: auto;
    float: left;
    display: inherit;
}

.progressBarWrapper td {
    text-align: center;
}

.progressBarWrapper {
    padding-top: 46px;
}

.progressBarFooterWrapper {
    margin-top: 6px;
    margin-right: 5px;
    float: right;
}

.progressBarFooterWrapper td {
    font-size: 0.9em;
}

.progressBarTableWrapper {
    padding-left: 11px;
}

.progressBarTableWrapper td {
    font-size: 0.9em;
    text-align: center;
}

.progressBarTableBg {
    width: 150px !important;
}

.progressBarTableTxt {
    margin-top: 2px;
}

.statusLabel {

    color: #8D8DA0;
    padding-right: 5px;
    padding-top: 5px;
}

.adminIcon {
    height: 21px;
    margin-left: -15px;
    margin-top: -5px;
    width: 27px;
}

.logoutIcon {
    height: 22px;
    margin-left: -15px;
    margin-top: -5px;
    width: 22px;
}

.errorAlert {
    margin-bottom: -5px;
    margin-top: -9px;
}

.referenceInputWrapper {
    margin-bottom: 10px;
    margin-left: 22px;
    margin-top: 10px;
}

.dashboardContentWrapper {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 5px;
}

.keyTextWrapper {
    padding: 25px 10px 10px 10px;
}

.deliverSummaryResultsTable {
    padding: 65px 10px 10px 60px;
}

.deliverySummarySectionTitleText {
    font-weight: bold;
    width: 120px;
    text-align: right;
    vertical-align: baseline;

}

.columnStyleDeliverySummaryKey {
    vertical-align: baseline;
}

.chartWrapper {
    padding-bottom: 10px;
}

.pieChartWrapper, .questionPieChartWrapper {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.questionPieChartWrapperFullScreen {
    width: 600px;
    height: 350px;
    margin-left: auto;
    margin-right: -30px;
    text-align: right;
}

.pieChartWrapper {
    margin-top: -30px;
}

.padded20 {
    padding: 20px;
}

.padded5 {
    padding: 5px;
}

.fileQueueTxt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #8D8D8D;
    padding-left: 10px;
}

.downloadedFileTxt {
    color: #8D8D8D;
}

.creatingFileTxtWrapper {
    padding: 10px 20px;
}

.selectMenuNarrow, .selectMenuSmall, .selectMenuMedium, .selectMenuWide, .selectMenuWidest, .stdTextInput, .smTextInput, .messageTextInput, .searchPanelSelectElement, .searchPanelInputElement, .searchBarInputElement   {
    border-radius: 4px;
    padding: 2px 4px;
    border: #888888 1px solid;
}

.selectMenuNarrow, .selectMenuNarrow-dis {
    width: 100px !important;
}

.selectMenuSmall, .selectMenuSmall-dis {
    width: 115px !important;
}

.selectMenuMedium, .selectMenuMedium-dis {
    width: 180px !important;
}

.selectMenuWide, .selectMenuWide-dis {
    width: 222px !important;
}

.selectMenuWidest, .selectMenuWidest-dis {
    width: 300px !important;
}

.inputElementSmall, .inputElementSmall-dis {
    width: 115px !important;
}

.inputElementMedSmall, .inputElementMedSmall-dis {
    width: 60px !important;
}

.inputElementVerySmall, .inputElementVerySmall-dis {
    width: 40px !important;
}

.selectMenuDuration {
    margin-left: 5px;
}

.inputFieldInline {
    margin-left: 5px;
}

.selectMenuAttributeMerge {
    width: 254px !important;
}

.filterDatePickerInput {
    width: 90px;
}

.filterDateTimePickerInput {
    width: 150px;
}

.formDatePickerInput {
    width: 216px;
}

.formDatePickerPopup {
    display: inline-block;
}

.datePickerMessageError {
    margin-left: -50px !important;
}

.loginReissueSlac {
    color: yellow;
    font-size: 0.8em;
}

.calendarSpacer {
    height: 180px;
}

.addElementDetailWrapper {
    height: 250px;
}

.labelSubtext {
    display: block;
    font-size: 0.8em;
    padding-left: 3px;
}

.inputAdditionalText {
    font-size: 0.8em;
    padding-left: 5px;
}

.boldText {
    font-weight: bold;
}

.italicText {
    font-style: italic;
}

.displayInline {
    display: inline;
}

.displayInlineImportant {
    display: inline !important;
}

.displayInlinePaddedLeft {
    display: inline !important;
    padding-left: 10px;
}

.displayInlineBlock
{
    display: inline-block;
}

.stdTextInput, .stdTextInput-dis {
    width: 216px;
}

.rsbTextInput, .rsbTextInput-dis {
    width: 180px;
}

.rsbSelectInput, .rsbSelectInput-dis {
    width: 180px;
}

.smTextInput, .smTextInput-dis {
    width: 50px;
}

.messageTextInput {
    width: 254px;
}

.pgpKeyTextInput {
    width: 400px;
}

.sharedSecretTextInput {
    width: 400px;
}

.propertyTextInput, .propertyTextAreaInput {
    width: 300px;
}

.propertyTextAInput {
    height: 50px;
}

.errorMessageWrapper {
    display: inline;
}

.errorMessageWrapperAboveRichText {
    float: right;
    margin-right: 16px;
    margin-top: 35px;
}

.errorMessageWrapperAboveTinyMCE {
    float: right;
    margin-right: 0px;
    margin-top: 10px;
}

.errorMessageWrapperRightSideTinyMCE {
    position: relative;
    display: block;
    text-align: center;
    left: 297px;
    top: 96px;
    height: 1px;
}

.errorMessageWrapperByDatePopup {
    display: inline;
    margin-top: 3px;
    position: absolute;
}

.errorMessageWrapperByBoolean {
    display: inline;
    padding-left: 30px;
}

.errorMessageByTextWrapper {
    display: inline-block;
    margin-top: -3px;
    padding-left: 36px;
    vertical-align: top;
}

.errorMessageError {
    padding-top: 5px;
}

.fileUploadErrorMsgError {
    margin-left: -2px;
    top: -12px;
}

.itemListErrorMessageError {
    margin-right: -3px;
    top: 12px;
    left: 170px;
}

.sysChartWrapper {
    width: 450px;
    height: 250px;
}

.sysChartContentWrapper {
    padding: 20px 10px 0px;
}

.sysChartLabels {
    vertical-align: top;
    font-weight: bold;
    text-align: right;
    padding-top:10px;
    width: 180px;
}

.sysChartValues {
    vertical-align: top;
    padding-left: 20px;
    padding-top: 4px;
}

.surveyCleaningControlsWrapper {
    padding: 5px;
    height: 189px;
}

.surveyCleaningButtonWrapper {
    height: 28px;
}

.surveyCleaningButtonWrapperBottom {
    position: absolute;
    height: 28px;
    padding: 5px;
    bottom: 0;
    left: 0;
    right: 0;
}

.cleaningQuestionWrapper {
    position: relative;
    height: 38px;
    overflow: auto;
    text-align: left;
    color: #686868;
    font-size: 1.1em;
    padding: 14px 30px;
    border-bottom: solid 1px #E6E6E6;
}

.cleaningResponseWrapper {
    text-align: left;
    color: black;
    font-size: 1.1em;
    padding: 14px 30px 10px;
    height: 26px;
    overflow: auto;
}

.cleaningAdditionalResponsesWrapper {
    text-align: left;
    color: #686868;
    font-size: 0.9em;
    font-style: italic;
    padding: 3px 0 0 15px;
}

.cleaningResponseOptions {
    color: black;
    padding-bottom: 2px;
}

.cleaningQuestionNumberWrapper {
    float: left;

    font-size: 1.3em;
    padding: 5px 0 0 5px;
}

.cleaningInvalidStatsWrapper {
    padding: 8px 15px;
}

.cleaningInvalidStatsItem {
    display: inline !important;
    font-weight: lighter;

    vertical-align: middle;
    font-size: 1.1em;
}

.cleaningInvalidStatsGraphBar {
    margin-top: 4px;
}

.cleaningInvalidStatsQuestionNumber {
    color: #D9D9D9;
    padding-right: 10px;
}

.cleaningInvalidStatsQuestionNumberSelected {
    color: white;
    padding-right: 10px;
    -webkit-font-smoothing:antialiased;
}

.cleaningInvalidStatsQuestionNumber a:hover, .responseCountText a:hover {
    text-decoration: underline;
}

.cleaningInvalidStatsQuestionNumberBold a:hover, .responseCountText a:hover {
    text-decoration: underline;
}

.cleaningInvalidStatsNumberInvalids {
    color: #DD8D00;
    padding-left: 5px;
}

.timeSeparator {
    padding: 0px 2px 0px 2px
}

.verticalAlignedImage {
    vertical-align: middle;
}

.international {
    font-size: 0.9em;
    font-weight: 600;
    padding: 3px 0px 3px;
    margin-left: -15px;
}

.footNote {
    color: #B81B1F;
    font-size: 0.8em;
}

.pageWorkspace {
    padding-bottom: 20px;
}

.pageComponentWrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pageComponent {
    margin-right: 14px;
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #D7D5D6;
}

.pageToolbar {
}

.radioComponent {
    border-width: 0;
    padding-top: 10px;
    width: 100%;
}

.radioComponent-dis {
    border-width: 0;
    padding-top: 5px;
    width: 100%;
}

/* used for wap components label spacing */
.radioComponent-dis-dis {
    padding: 10px;
}

.divComponent {
    width: 100%;
    height: 10px;
}

.componentLabel {
    padding-right: 10px;
}

.styleSheetTextAreaWrapper {
    top: 90px;
    bottom: 10px;
    left: 30px;
    right: 30px;
    position: absolute;
    text-align: center;
}

.styleSheetTextArea, .styleSheetTextArea-dis {
    height: 500px;
    width: 95%;
}

.dashboardInstructionText {
    padding: 0px 15px;
}

.dashboardTableWrapper {
    padding: 15px;
}

.dashboardElementWrapperPopulated {
    min-height: 300px;
}

.dashboardElementWrapperEmpty {
    height: 150px;
}

.dashboardChartWrapper {
    padding: 40px 10px 0 20px;
}

.dashboardChartIconWrapper {
    float: right;
    padding-right: 10px;
    text-align: right;
}

.dashboardChartIcon {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
}

.dashboardFilter {
    display: table-cell;
    text-align: right;
    padding-top: 4px;
}

.dashboardFilterText {
    display: table-cell;
    color: #333333;
    padding-right: 10px;
    white-space: nowrap;
}

.campaignDashboardQuestionText {
    float: left;
    padding: 6px 14px 12px;
}

.uppercaseText {
    text-transform: uppercase;
}

.errorMessageInFooter {
    display: inline-block;
    padding: 6px;
}

.manageDashboardRow table {
    border-collapse: collapse;
    width: 100%;
}

.manageDashboardRow td {
    border: solid 1px #E6E6E6;
}

.ignoredColumn {
    color: #8D8DA0;
}

.inlinePreferencesWrapper {
    padding-top: 20px;
    text-align: center;
}

.inlinePreferences {
    margin-left: auto;
    margin-right: auto;
    width: 260px;
}

.inlinePreference {
    padding-left: 2px;
    padding-right: 2px;
}

.refreshIcon {
    margin: -3px;
    margin-left: 10px;
}

.lightGreyText {
    color: #8D8DA0;
}

.dateAttributeWrapper {
    display: inline-block;
}

.filesFoundWrapper {
    text-align: center;
}

.fileFound {
    width: 100%;
}

.cyclicSetHeading {
    height: 38px;
    text-align: left;
}

.cyclicSetText {
    display: inline-block;
    margin-top: 12px;
}

.cyclicSetIcon {
    background: url(/crm/css/images/icons/cyclic.png) no-repeat top;
    height: 25px;
    width: 25px;
    float: left;
    margin-left: 8px;
    margin-top: 6px;
    margin-right: 10px;
}

.cyclicSetEdit {
    float: right;
    margin-top: 12px;
    margin-right: 8px;
}

.cyclicSetSpacer {
    height: 19px;
}

.previewSettingsPanel {
    background-color: #E6E6E6;
    border-top:1px solid #BCC2C7;
    border-bottom:1px solid #BCC2C7;
    position:absolute;
    bottom:30px;
    left:200px;
    right:87px;
    height:30px;
    text-align:right;
    z-index: 10;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.previewSettingsWrapper {
    width: 65%;
}

.previewSetting {
    float: left;
    padding: 0px;
    margin: 0px;
}

.previewSetting td {
    font-size: 0.9em;
}

.previewSettingLabel, .previewSettingLabelWide {
    color: #8D8D8D;

    text-align: right;
    height: 24px;
}

.previewSettingLabelWide {
    width: 160px;
}

.previewSettingElement {
    padding-right: 10px;
}

.previewSettingElement input[type="text"] {
    height: 12px;
}

.previewPopupBody {
    padding: 12px;
}

.previewPopup {
    border: 1px solid #989898;
}

.previewReadOnly {
    padding-left: 3px;
}

.topcornerClose {
    position: absolute;
    right: -12px;
    top: -12px;
}

.unify2ReportTable {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border: none;
}

.unify2ReportTable table {
    border-collapse: collapse;
}

.unify2ReportTable td span.iceOutTxt {
    overflow: hidden;
    display: block;
    padding: 10px;
    font-size: 0.9em;
}

.reportalTable {
    width: 100%;
}

.reportalTableHdr {
    font-weight: bold !important;
    text-align: center;

    height: 30px;
}

.reportalTableCol1, .reportalTableCol2 {
    text-align: center !important;
}

.reportalChartWrapper {
    padding: 40px 30px 0px 10px;
}

.reportFilterWrapper {
    display: inline-block;
    width: 100%;
}

.reportFilter {
    float: left;
    width: 50%;
    height: 65px;
}

.reportFilterTwoColumn {
    width: 100%;
}

.reportFilterLabel {
    vertical-align: baseline;
    width: 40%;
    color: #8D8D8D;

    text-align: right;
    height: 20px;
    white-space: nowrap;
}

.reportFilterLabel table {
    margin-right: 0px;
    margin-left: auto;
}

.reportFilterLabel td {
    width: 10%;
}

.reportFilterSubLabel {
    height: 28px;
}

.reportFilterContent {
    height: 22px;
    text-align: left;
    vertical-align: baseline;
    padding-left: 10px;
}

.reportFilterTitle {
    font-size: 1.2em;
    height: 30px;
    text-align: center;
}

.reportFilterDateWrapper {
    width: 222px;
}

.reportFilterSubContent {
    font-size: 0.9em;
    height: 28px;
    text-align: left;
    vertical-align: baseline;
    padding-left: 10px;
    font-style: italic;

}

.verticalSpacer10 {
    height: 10px;
}

.verticalSpacer20 {
    height: 20px;
}

.verticalSpacer40 {
    height: 40px;
}

.editListIcon {
    display: inline;
    vertical-align: sub;
    margin-left: 4px;
}

.rankBreakdownWrapper {
    font-size: 0;
    white-space: nowrap;
}

.rankBreakdownRed {
    display: inline-block;
    height: 24px;
    background-color: #CE5F48;
}

.rankBreakdownYellow {
    display: inline-block;
    height: 24px;
    background-color: #DBB664;
}

.rankBreakdownGreen {
    display: inline-block;
    height: 24px;
    background-color: #3B5A5B;
}

.profileMessageFooter {
    height: 50px;
    width: 200px;
}

.messageFooter {
    padding-top: 10px;
    padding-bottom: 5px;
}

.messageFooterLabel {
    font-weight: bolder;

    padding-right: 5px;
}

.messageFooter {
    font-size: 0.8em;
}

.reportalFilterListWrapper {
    display: inline;
    width: 245px;
    white-space: nowrap;
}

.messageCounterText {
    display: inline;
    font-size: 0.8em;
    padding-right: 4px;
}

.messageCounterTextWrapper {
    padding-top: 4px;
}

.importInstructions {
    padding: 10px 20px;
    font-size: 0.9em;
}

.surveyReportViewWrapper {
    padding-bottom: 2px;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 182px;
}

.surveyReportViewButtonLHS, .surveyReportViewButtonMid, .surveyReportViewButtonRHS, .idaReportViewButtonRHS {
    display: table-cell;
}

.surveyReportViewButtonLHS a, .surveyReportViewButtonMid a, .surveyReportViewButtonRHS a, .idaReportViewButtonRHS a {
    font-size: 0.9em;
    text-align: center;
    display: block;
    width: 80px;
    background-color: #848587;
    padding: 9px 5px 8px;
    color: #FFFFFF;
    -webkit-font-smoothing:antialiased;

}

.surveyReportViewButtonLHS a {
    border-right: 1px solid #F2F2F2;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.surveyReportViewButtonRHS a {
    border-left: 1px solid #F2F2F2;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.idaReportViewButtonRHS a {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.surveyReportViewButtonSelected {
    font-weight: bold;
}

.wapSiteAccessURL {
    margin-top: -3px;
    width: 500px;
}

.mediaReferenceURL {
    margin-top: -3px;
    width: 300px;
    height: 30px;
}

.mediaObject {
    padding-top: 10px;
}

/* styles for  the JQuery Upload File progress bar */
.fileUploadProgress {
    margin-right: 30px;
    margin-left: -1px;
}

.fileSelectButton {
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 5px;
}

.borderlessButtonWrapper {
    margin-top: 20px;
}

.borderlessButton {
    background: none repeat scroll 0 0 #39b3e2;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #262c35;
    display: inline-block;
    font-size: 1.1em;
    margin-left: 5px;
    margin-right: 5px;
    padding: 6px 15px 5px;

}

.filePreviewWrapper {
    margin-left: 9px;
}

.simpleFilePreviewWrapper {
    display: table-cell;
    width: 200px;
    height: 30px;
    background: #FFFFFF;
}

.fileUploadButton-dis {
    display: none;
}

.fileUploadErrorMessage {
    padding-top: 5px;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.sectionIcon {
    float: left;
    margin: 10px;
    height: 40px;
    width: 40px;
}

.reportalFilterIcon {
    float: left;
    margin-bottom: 1px;
    height: 60px;
    width: 60px;
    background: #22b1e7 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIyLjMgMjkuM2gtNC4ydi03LjZsLTYuOS0xMC40aDE4bC02LjkgMTAuNFYyOS4zek0xOC44IDI4LjVoMi44di03LjFsNi4yLTkuM0gxMi42bDYuMiA5LjNWMjguNXoiLz48L3N2Zz4=) no-repeat center;
    background-size: 50px 50px;
}

.no-svg.reportalFilterIcon {
    background: #22b1e7 url(/crm/css/images/icons/reportal/filter_menu.png) no-repeat center;
    background-size: 50px 50px;
}

.reportalFilterIconCount {
    left: 35px;
    top: 145px;
    background: #FFFFFF;
    border-radius: 8px;
    color: #22b1e7;
    font-size: 0.7em;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    position: absolute;
    z-index: 35;
}

.reportalFilterIconCountText {
}

.attributeFilterIcon {
    float: left;
    height: 60px;
    width: 60px;
    background: #22b1e7 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTggMTcuNmMtMS43IDAtMyAxLjMtMyAzczEuMyAzIDMgM2MxLjcgMCAzLTEuMyAzLTNTOS43IDE3LjYgOCAxNy42ek04IDIyLjZjLTEuMSAwLTItMC45LTItMiAwLTEuMSAwLjktMiAyLTIgMS4xIDAgMiAwLjkgMiAyQzEwIDIxLjcgOS4xIDIyLjYgOCAyMi42eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMiAxNy42Yy0xLjcgMC0zIDEuMy0zIDNzMS4zIDMgMyAzYzEuNyAwIDMtMS4zIDMtM1MzMy43IDE3LjYgMzIgMTcuNnpNMzIgMjIuNmMtMS4xIDAtMi0wLjktMi0yIDAtMS4xIDAuOS0yIDItMiAxLjEgMCAyIDAuOSAyIDJDMzQgMjEuNyAzMy4xIDIyLjYgMzIgMjIuNnoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjAgMTcuNmMtMS43IDAtMyAxLjMtMyAzczEuMyAzIDMgM2MxLjcgMCAzLTEuMyAzLTNTMjEuNyAxNy42IDIwIDE3LjZ6TTIwIDIyLjZjLTEuMSAwLTItMC45LTItMiAwLTEuMSAwLjktMiAyLTIgMS4xIDAgMiAwLjkgMiAyQzIyIDIxLjcgMjEuMSAyMi42IDIwIDIyLjZ6Ii8+PC9zdmc+) no-repeat center;
    background-size: 40px 40px;
}

.no-svg.attributeFilterIcon {
    background: #22b1e7 url(/crm/css/images/icons/reportal/attribute_filter.png) no-repeat center;
    background-size: 40px 40px;
}

.campaignSectionIcon {
    background: url(/crm/css/images/icons/section/campaigns.png) no-repeat top;
}

.contactsSectionIcon {
    background: url(/crm/css/images/icons/section/contacts.png) no-repeat top;
}

.attributeDetailSectionIcon {
    background: url(/crm/css/images/icons/section/attributedetail.png) no-repeat top;
}

.reportalSectionIcon {
    background: url(/crm/css/images/icons/section/reportal.png) no-repeat top;
}

.reportalNavIcon {
    float: left;
    margin: 10px;
    height: 40px;
    width: 40px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHJlY3QgeD0iNSIgeT0iNSIgb3BhY2l0eT0iMC41IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iOC42IiBoZWlnaHQ9IjguNiIvPjxyZWN0IHg9IjE1LjciIHk9IjUiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI4LjYiIGhlaWdodD0iOC42Ii8+PHJlY3QgeD0iMjYuNCIgeT0iNSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjguNiIgaGVpZ2h0PSI4LjYiLz48cmVjdCB4PSI1IiB5PSIxNS43IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iOC42IiBoZWlnaHQ9IjguNiIvPjxyZWN0IHg9IjE1LjciIHk9IjE1LjciIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI4LjYiIGhlaWdodD0iOC42Ii8+PHJlY3QgeD0iMjYuNCIgeT0iMTUuNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjguNiIgaGVpZ2h0PSI4LjYiLz48cmVjdCB4PSI1IiB5PSIyNi40IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iOC42IiBoZWlnaHQ9IjguNiIvPjxyZWN0IHg9IjE1LjciIHk9IjI2LjQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI4LjYiIGhlaWdodD0iOC42Ii8+PHJlY3QgeD0iMjYuNCIgeT0iMjYuNCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjguNiIgaGVpZ2h0PSI4LjYiLz48L3N2Zz4=) no-repeat top;
}

.no-svg.reportalNavIcon {
    background: url(/crm/css/images/icons/reportal/report_menu.png) no-repeat top;
}

.idaSectionIcon {
    background: url(/crm/css/images/icons/section/ida.png) no-repeat top;
}

.myAccountSectionIcon {
    background: url(/crm/css/images/icons/section/myaccount.png) no-repeat top;
}

.dataTemplateSectionIcon {
    background: url(/crm/css/images/icons/section/datatemplate.png) no-repeat top;
}

.fileStoreSectionIcon {
    background: url(/crm/css/images/icons/section/filestore.png) no-repeat top;
}

.elementDetailSectionIcon {
    background: url(/crm/css/images/icons/section/elementdetail.png) no-repeat top;
}

.systemSectionIcon {
    background: url(/crm/css/images/icons/section/system.png) no-repeat top;
}

.dataSectionIcon {
    background: url(/crm/css/images/icons/section/data.png) no-repeat top;
}

.connnectionsSectionIcon {
    background: url(/crm/css/images/icons/section/connections.png) no-repeat top;
}

.accountsSectionIcon {
    background: url(/crm/css/images/icons/section/accounts.png) no-repeat top;
}

.messagingLogSectionIcon {
    background: url(/crm/css/images/icons/section/messaginglog.png) no-repeat top;
}

.textWrapURL {
    word-break: break-all;
}

.inlinePreferencesMessage {
    padding-bottom: 10px;
}

.questionRowWrapper {
    width: 100%;
    border-bottom: 1px solid #ffffff;
    position: relative;
}

.questionRowFirstColumn {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
}

.questionRowMiddleColumn {
    margin-left: 40px;
    margin-right: 40px;
}

.questionRowLastColumn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
}

.deleteRoutingOption {
    margin-bottom: -5px;
    margin-left: 1px;
}

.reportIconDark {
    background: url(/crm/css/images/icons/reportdark.png) no-repeat top;
    height: 31px;
    width: 31px;
    cursor: pointer;
}

.reportIconLight {
    background: url(/crm/css/images/icons/reportlight.png) no-repeat top;
    height: 31px;
    width: 31px;
    cursor: pointer;
}

.panelContent {
    padding-bottom: 10px;
}

.firstCyclicMarker {
    background-image: url(/crm/css/images/icons/cyclicdown.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.lastCyclicMarker {
    background-image: url(/crm/css/images/icons/cyclicup.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.dialogueSubHeaderWrapper {
    border-bottom: 1px solid #ececec;
    height: 36px;
}

.dialogueSubHeaderTab, .dialogueSubHeaderTabSelected {
    border-right: 1px solid #ececec;
    float: left;
    padding: 12px 15px 9px;
}

.dialogueSubHeaderTab {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    height: 15px;
}

.dialogueSubHeaderTabSelected {
    background: none repeat scroll 0 0 #ffffff;
    height: 16px;
}

.dialogueSubHeaderTabElipsis, .dialogueSubHeaderTabAsterisk {
    float: left;
    padding-right: 8px;
    line-height: 0;
    height: 10px;
}

.dialogueSubHeaderTabElipsis {
    font-family: serif;
    font-size: 2.2em;
}

.dialogueSubHeaderTabAsterisk {
    font-size: 3em;
    height: 12px;
    margin-top: 19px;
}

.dialogueSubHeaderTabText {

}

.dialogueSubHeaderHeadingTextWrapper {
    padding: 10px 10px 0;
}

.dialogueSubHeaderHeadingText {

}

.dialogueItemElement {
    border-bottom: 1px solid #ececec;
    height: 80px;
}

.dialogueItemElement:hover {
    background-color: #EAEAEA;
}

.dialogueItemElementIcon {
    float: left;
    height: 80px;
    padding: 0 20px;
    width: 100px;
}

.dialogueItemElementIconSMS {
    background: url(/crm/css/images/icons/elements/survey/mode_sms.png) no-repeat top;
}

.dialogueItemElementIconWEB {
    background: url(/crm/css/images/icons/elements/survey/mode_web.png) no-repeat top;
}

.dialogueItemElementIconWAP {
    background: url(/crm/css/images/icons/elements/survey/mode_smart.png) no-repeat top;
}

.dialogueItemElementIconInviteDB {
    background: url(/crm/css/images/icons/elements/survey/invite_contacts_db.png) no-repeat top;
}

.dialogueItemElementIconInviteKeyword {
    background: url(/crm/css/images/icons/elements/survey/invite_keyword.png) no-repeat top;
}

.dialogueItemElementIconInviteDiary {
    background: url(/crm/css/images/icons/elements/survey/invite_diary.png) no-repeat top;
}

.dialogueItemElementIconMOSingleInstance {
    background: url(/crm/css/images/icons/elements/survey/scheduled_single_issue.png) no-repeat top;
}

.dialogueItemElementIconSingleIssue {
    background: url(/crm/css/images/icons/elements/survey/scheduled_single_issue.png) no-repeat top;
}

.dialogueItemElementIconRecurring {
    background: url(/crm/css/images/icons/elements/survey/scheduled_recurring.png) no-repeat top;
}

.dialogueItemElementIconWapInviteKeyword {
    background: url(/crm/css/images/icons/elements/survey/wap_invite_keyword.png) no-repeat top;
}

.dialogueItemElementIconWapInviteWebLink {
    background: url(/crm/css/images/icons/elements/survey/wap_invite_link.png) no-repeat top;
}

.dialogueItemElementIconBroadcastContacts {
    background: url(/crm/css/images/icons/elements/broadcast/broadcast_contacts.png) no-repeat top;
}

.dialogueItemElementIconBroadcastFile {
    background: url(/crm/css/images/icons/elements/broadcast/broadcast_file.png) no-repeat top;
}

.dialogueItemElementIconBroadcastAPI {
    background: url(/crm/css/images/icons/elements/broadcast/broadcast_api.png) no-repeat top;
}

.dialogueItemElementIconBroadcastAdHoc {
    background: url(/crm/css/images/icons/elements/broadcast/issue_adhoc.png) no-repeat top;
}

.dialogueItemElementIconBroadcastRecurring {
    background: url(/crm/css/images/icons/elements/broadcast/issue_recurring.png) no-repeat top;
}

.dialogueItemElementIconSMSPush {
    background: url(/crm/css/images/icons/elements/broadcast/sms_push.png) no-repeat top;
}

.dialogueItemElementIconEmailPush {
    background: url(/crm/css/images/icons/elements/broadcast/email_push.png) no-repeat top;
}

.dialogueItemElementTextWrapper {
    padding: 14px 10px 5px 0;
    line-height: 1.0;
}

.dialogueItemElementTextHeader {
    display: block;
    font-weight: bold;
    margin-bottom: 2px;
}

.dialogueItemElementTextContent{
    font-size: 0.9em;
}

.totalDivider {
    min-height: 10px;
}

.deliveryStatusIconRead, .deliveryStatusIconDelivered, .deliveryStatusIconAccepted, .deliveryStatusIconRejected, .deliveryStatusIconFailed, .deliveryStatusIconIssued, .deliveryStatusIconUnknown, .deliveryStatusIconOrphaned, .deliveryStatusIconBlocked, .deliveryStatusIconOutOfCredit {
    height: 30px;
    width: 30px;
    text-align: center;
}

.deliveryStatusIconDelivered, .deliveryStatusIconRead {
    background: #009443;
}

.deliveryStatusIconAccepted, .deliveryStatusIconIssued, .deliveryStatusIconUnknown {
    background: #f9b818;
}

.deliveryStatusIconRejected, .deliveryStatusIconFailed {
    background: #e64c29;
}

.deliveryStatusIconBlocked {
    background: #000000;
}

.deliveryStatusIconOrphaned {
    background: #999999;
}

.deliveryStatusIconOutOfCredit {
    background: #000000;
}

.deliveryStatusIconPrimaryLetter {
    font-family: Helvetica;
    color: #FFFFFF;
    display: inline !important;
    padding: 0px !important;
}

.deliveryStatusIconPrimaryLetter {
    font-size: 16px;
    font-weight: bold;
}

.deliveryStatusTextWrapper {
    padding-top: 8px;
}

.deliveryStatusIconTable {
    margin: 4px auto 4px auto;
    position: relative;
}

.toolTipDetails {
    width:  600px !important;
    max-width: 600px !important;
    overflow:auto !important;
    height: 600px !important;
}

.questionRowIconWrapper {
    height: 30px;
    background-color: #ededed;
}

.questionRowTypeIconWrapper {
    float: left;
}

.questionTypeIcon {
    margin-top: 6px;
    margin-left: 8px;
    height: 18px;
    width: 18px;
}

.questionTypeIcon.closed {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGc+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTEgM3YyLjdoMTZWM0gxek0xNi4zIDVIMS43VjMuN2gxNC43VjV6Ii8+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTEgMTRoMTZ2LTIuN0gxVjE0ek0xLjcgMTJoMTQuN3YxLjNIMS43VjEyeiIvPjxyZWN0IHg9IjEiIHk9IjcuMyIgZmlsbD0iIzhEOEQ4RCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIuNSIvPjwvZz48L3N2Zz4=) no-repeat center;
}

.no-svg.questionTypeIcon.closed {
    background: url(/crm/css/images/icons/surveyquestions/closed.png) no-repeat center;
}

.questionTypeIcon.closedMulti {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGc+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTEgM3YyLjdoMTZWM0gxek0xNi4zIDVIMS43VjMuN2gxNC43VjV6Ii8+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTEgMTBoMTZWNy4zSDFWMTB6TTEuNyA4aDE0Ljd2MS4zSDEuN1Y4eiIvPjxwYXRoIGZpbGw9IiM4RDhEOEQiIGQ9Ik0xIDE0aDE2di0yLjdIMVYxNHpNMS43IDEyaDE0Ljd2MS4zSDEuN1YxMnoiLz48cmVjdCB4PSIyIiB5PSIxMiIgZmlsbD0iIzhEOEQ4RCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyIiB5PSI0IiBmaWxsPSIjOEQ4RDhEIiB3aWR0aD0iMyIgaGVpZ2h0PSIwIi8+PHJlY3QgeD0iNiIgeT0iNCIgZmlsbD0iIzhEOEQ4RCIgd2lkdGg9IjMiIGhlaWdodD0iMCIvPjxyZWN0IHg9IjEiIHk9IjMiIGZpbGw9IiM4RDhEOEQiIHdpZHRoPSIxNiIgaGVpZ2h0PSIzIi8+PHJlY3QgeD0iMSIgeT0iMTEiIGZpbGw9IiM4RDhEOEQiIHdpZHRoPSIxNiIgaGVpZ2h0PSIzIi8+PC9nPjwvc3ZnPg==) no-repeat center;
}

.no-svg.questionTypeIcon.closedMulti {
    background: url(/crm/css/images/icons/surveyquestions/closed_multi.png) no-repeat center;
}

.questionTypeIcon.open {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTE1LjcgMi4xSDIuM0MxLjYgMi4xIDEgMi43IDEgMy40djkuM2MwIDAuNyAwLjYgMS4zIDEuMyAxLjNoOS40bDIuNiAyLjZ2LTIuNmgxLjNjMC43IDAgMS4zLTAuNiAxLjMtMS4zVjMuNEMxNyAyLjcgMTYuNCAyLjEgMTUuNyAyLjF6TTE2LjMgMTIuN2MwIDAuNC0wLjMgMC43LTAuNyAwLjdoLTEuMyAtMC43djAuNyAxbC0xLjUtMS41TDEyIDEzLjRoLTAuM0gyLjNjLTAuNCAwLTAuNy0wLjMtMC43LTAuN1YzLjRDMS43IDMgMiAyLjcgMi4zIDIuN2gxMy4zYzAuNCAwIDAuNyAwLjMgMC43IDAuN1YxMi43eiIvPjxjaXJjbGUgZmlsbD0iIzhEOEQ4RCIgY3g9IjkiIGN5PSI4LjEiIHI9IjAuNyIvPjxjaXJjbGUgZmlsbD0iIzhEOEQ4RCIgY3g9IjExLjciIGN5PSI4LjEiIHI9IjAuNyIvPjxjaXJjbGUgZmlsbD0iIzhEOEQ4RCIgY3g9IjYuNCIgY3k9IjguMSIgcj0iMC43Ii8+PC9zdmc+) no-repeat center;
}

.no-svg.questionTypeIcon.open {
    background: url(/crm/css/images/icons/surveyquestions/open.png) no-repeat center;
}

.questionTypeIcon.range {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTIuNyA1LjhMMi43IDUuOCAxLjIgNi42IDEgNS43bDEuOC0xaDAuOVYxM0gyLjdWNS44eiIvPjxwYXRoIGZpbGw9IiM4RDhEOEQiIGQ9Ik02IDEyLjNjMC0wLjUgMC4zLTAuOCAwLjgtMC44IDAuNCAwIDAuNyAwLjMgMC43IDAuOCAwIDAuNS0wLjMgMC44LTAuOCAwLjhDNi4zIDEzLjEgNiAxMi44IDYgMTIuM3oiLz48cGF0aCBmaWxsPSIjOEQ4RDhEIiBkPSJNOC42IDEyLjNjMC0wLjUgMC4zLTAuOCAwLjgtMC44IDAuNCAwIDAuNyAwLjMgMC43IDAuOCAwIDAuNS0wLjMgMC44LTAuOCAwLjhDOC45IDEzLjEgOC42IDEyLjggOC42IDEyLjN6Ii8+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTE2LjggNS43aC0zLjFsLTAuMyAyLjFjMC4yIDAgMC40LTAuMSAwLjctMC4xIDAuNiAwIDEuMyAwLjEgMS44IDAuNCAwLjYgMC40IDEuMiAxLjEgMS4yIDIuMSAwIDEuNi0xLjMgMi44LTMuMSAyLjggLTAuOSAwLTEuNy0wLjMtMi0wLjVsMC4zLTAuOGMwLjMgMC4yIDEgMC41IDEuOCAwLjUgMSAwIDEuOS0wLjcgMS45LTEuOCAwLTEuMS0wLjctMS44LTIuNC0xLjggLTAuNSAwLTAuOCAwLjEtMS4xIDAuMWwwLjUtMy45aDMuOVY1Ljd6Ii8+PC9zdmc+) no-repeat center;
}

.no-svg.questionTypeIcon.range {
    background: url(/crm/css/images/icons/surveyquestions/range.png) no-repeat center;
}

.questionTypeIcon.info {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGNpcmNsZSBmaWxsPSIjOEQ4RDhEIiBjeD0iOSIgY3k9IjUuMyIgcj0iMSIvPjxwb2x5Z29uIGZpbGw9IiM4RDhEOEQiIHBvaW50cz0iMTAgNy41IDEwIDcuMSAxMCA2LjkgOCA2LjkgOCA3LjUgOC43IDcuNSA4LjcgMTIuNiA4IDEyLjYgOCAxMy4zIDEwLjYgMTMuMyAxMC42IDEyLjYgMTAgMTIuNiAiLz48cGF0aCBmaWxsPSIjOEQ4RDhEIiBkPSJNOSAxLjFjLTQuNCAwLTggMy42LTggOHMzLjYgOCA4IDhjNC40IDAgOC0zLjYgOC04UzEzLjQgMS4xIDkgMS4xek05IDE2LjVjLTQuMSAwLTcuNC0zLjMtNy40LTcuNFM0LjkgMS43IDkgMS43czcuNCAzLjMgNy40IDcuNFMxMy4xIDE2LjUgOSAxNi41eiIvPjwvc3ZnPg==) no-repeat center;
}

.no-svg.questionTypeIcon.info {
    background: url(/crm/css/images/icons/surveyquestions/info.png) no-repeat center;
}

.questionTypeIcon.closedSurvey {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTkgMi45Yy0zLjcgMC02LjggMy02LjggNi44IDAgMS43IDAuNiAzLjIgMS43IDQuNGwtMS42IDEuOSAwLjUgMC40IDEuNS0xLjljMS4yIDEuMiAyLjkgMS45IDQuNyAxLjkgMS44IDAgMy41LTAuNyA0LjctMS45bDEuNSAxLjkgMC41LTAuNCAtMS42LTJjMS0xLjIgMS42LTIuNyAxLjYtNC40QzE1LjggNiAxMi43IDIuOSA5IDIuOXpNOSAxNS45Yy0zLjQgMC02LjItMi44LTYuMi02LjJTNS42IDMuNiA5IDMuNmMzLjQgMCA2LjIgMi44IDYuMiA2LjJTMTIuNCAxNS45IDkgMTUuOXoiLz48cGF0aCBmaWxsPSIjOEQ4RDhEIiBkPSJNNS45IDEuMUg0LjFDMi40IDEuMSAxIDIuNSAxIDQuMlY2aDAuOWw0LTQuMVYxLjF6TTUuMyAxLjdMMS42IDUuNGgwVjQuMmMwLTEuNCAxLjEtMi41IDIuNS0yLjVMNS4zIDEuNyA1LjMgMS43eiIvPjxwYXRoIGZpbGw9IiM4RDhEOEQiIGQ9Ik0xMy45IDEuMWgtMS44VjJsNCA0LjFIMTdWNC4yQzE3IDIuNSAxNS42IDEuMSAxMy45IDEuMXpNMTYuNCA1LjRMMTYuNCA1LjRsLTMuNy0zLjd2MGgxLjJjMS40IDAgMi41IDEuMSAyLjUgMi41VjUuNHoiLz48cG9seWdvbiBmaWxsPSIjOEQ4RDhEIiBwb2ludHM9IjkgOS43IDUuNiA5LjcgNS42IDEwLjMgOS42IDEwLjMgOS42IDQuOCA5IDQuOCAiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.questionTypeIcon.closedSurvey {
    background: url(/crm/css/images/icons/surveyquestions/closedsurvey.png) no-repeat center;
}

.questionTypeIcon.address {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTkgMC42TDUuOCAzLjhWMi41SDMuMnYzLjhMMSA4LjZsMC41IDAuNUw5IDEuNWw3LjUgNy41TDE3IDguNiA5IDAuNnpNMy45IDMuMmgxLjN2MS4zTDMuOSA1LjdWMy4yeiIvPjxwYXRoIGZpbGw9IiM4RDhEOEQiIGQ9Ik0zLjIgOC45djcuN2g0LjV2LTQuNWgyLjZ2NC41aDQuNVY4LjlMOSAzLjIgMy4yIDguOXpNMTQuMSAxNmgtMy4ydi0zLjggLTAuNmgtMC42SDcuNyA3LjF2MC42VjE2SDMuOVY5LjJMOSA0LjFsNS4xIDUuMVYxNnoiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.questionTypeIcon.address {
    background: url(/crm/css/images/icons/surveyquestions/address.png) no-repeat center;
}

.questionTypeIcon.invite {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGc+PHBhdGggZmlsbD0iIzhEOEQ4RCIgZD0iTTE1LjIgNy43bC0yLjYtMi42IDAgMCAtMS45LTEuOSAwIDAgLTEtMUw5LjUgMkM5LjMgMS44IDkuMSAxLjcgOC44IDEuNyA4LjUgMS43IDguMiAxLjggOCAyTDYuNyAzLjNINC45djEuOUw0LjUgNS41IDIuOSA3LjFsMCAwTDIuMyA3LjhWOHY4LjNoMTNWOEwxNS4yIDcuNyAxNS4yIDcuN3pNMTQuNyA3LjlsLTIgMnYtNEwxNC43IDcuOXpNOC4zIDIuNGMwLjItMC4yIDAuNi0wLjIgMC45IDBMMTAgMy4zSDcuNUw4LjMgMi40ek0xMC42IDMuOGwxLjYgMS42djUuMWwtMS4yIDEuMiAtMS4yLTEuMiAtMC4yLTAuMkM5LjMgMTAgOS4xIDkuOSA4LjggOS45IDguNSA5LjkgOC4yIDEwIDggMTAuM2wtMS40IDEuNCAtMS4yLTEuMlYzLjhIMTAuNnpNMy4xIDcuN2wxLjgtMS44VjEwbC0yLTJMMy4xIDcuN3pNMi44IDlWOC44IDguNyA4LjZMNi4yIDEybDAgMCAwIDAgLTMuNCAzLjRWOXpNMy4yIDE1LjhsMC4zLTAuM2gwbDQuOS00LjljMC4yLTAuMiAwLjYtMC4yIDAuOSAwbDQuNyA0LjdoMGwwLjMgMC4zIDAuMSAwLjFIMy4yek0xNC43IDguN3YwLjEgNi43bC0zLjQtMy40IDAgMEwxMS4zIDEybDMuNC0zLjRWOC43eiIvPjxyZWN0IHg9IjYuOSIgeT0iNS40IiBmaWxsPSIjOEQ4RDhEIiB3aWR0aD0iMy42IiBoZWlnaHQ9IjAuNSIvPjxyZWN0IHg9IjYuOSIgeT0iOC41IiBmaWxsPSIjOEQ4RDhEIiB3aWR0aD0iMy42IiBoZWlnaHQ9IjAuNSIvPjxyZWN0IHg9IjYuOSIgeT0iNi45IiBmaWxsPSIjOEQ4RDhEIiB3aWR0aD0iMi42IiBoZWlnaHQ9IjAuNSIvPjwvZz48L3N2Zz4=) no-repeat center;
}

.no-svg.questionTypeIcon.invite {
    background: url(/crm/css/images/icons/surveyquestions/invite.png) no-repeat center;
}

.questionOptionsIconWrapper {
    float: right;
}

.questionOptionIcon {
    float: right;
    height: 18px;
    margin-right: 8px;
    margin-top: 6px;
    width: 18px;
}

.questionOptionIcon.updateRule {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzdGN0Y3RiIgZD0iTTEwLjMgM0w5LjcgNy45IDkuNyA4LjVoMC42IDIuNGwtNSA2LjUgMC42LTQuOSAwLjEtMC42SDcuNyA1LjNMMTAuMyAzTTExLjEgMS4xTDQuMyAxMGgzLjVsLTAuOCA2LjhMMTMuNyA4aC0zLjVMMTEuMSAxLjEgMTEuMSAxLjF6Ii8+PC9zdmc+) no-repeat center;
}

.no-svg.questionOptionIcon.updateRule {
    background: url(/crm/css/images/icons/surveyquestions/updaterule.png) no-repeat center;
}

.questionOptionIcon.showOnSummary {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzdGN0Y3RiIgZD0iTTkuMiA0LjJDNi40IDQuMiA0LjEgNiAxLjQgOC45YzIuNCAyLjUgNC40IDQuNyA3LjkgNC43IDMuNSAwIDYuMS0yLjggNy45LTQuN0MxNS4zIDYuOCAxMi43IDQuMiA5LjIgNC4yek05LjIgMTMuMWMtMy4xIDAtNS0xLjktNy4xLTQuMiAyLjYtMi43IDQuNi00LjIgNy4xLTQuMiAzIDAgNS40IDIuMiA3LjIgNC4yQzE0LjcgMTAuNyAxMi4zIDEzLjEgOS4yIDEzLjF6Ii8+PHBhdGggZmlsbD0iIzdGN0Y3RiIgZD0iTTkuMiA1LjdjLTEuNyAwLTMuMSAxLjQtMy4xIDMuMSAwIDEuNyAxLjQgMy4xIDMuMSAzLjEgMS43IDAgMy4xLTEuNCAzLjEtMy4xQzEyLjQgNy4xIDExIDUuNyA5LjIgNS43ek05LjIgMTEuNWMtMS40IDAtMi42LTEuMi0yLjYtMi42IDAtMS40IDEuMi0yLjYgMi42LTIuNnMyLjYgMS4yIDIuNiAyLjZDMTEuOCAxMC4zIDEwLjcgMTEuNSA5LjIgMTEuNXoiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.questionOptionIcon.showOnSummary {
    background: url(/crm/css/images/icons/surveyquestions/showonsummary.png) no-repeat center;
}

.questionOptionIcon.requiredOnDiary {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzdGN0Y3RiIgZD0iTTE2LjMgN2gtNS42TDkgMS43IDcuMyA3SDEuN2w0LjUgMy4zIC0xLjcgNS40TDkgMTIuNGw0LjUgMy4zIC0xLjctNS40TDE2LjMgN3pNMTIuNSAxNC4zbC0zLjEtMi4zTDkgMTEuN2wtMC4zIDAuMiAtMy4xIDIuMyAxLjItMy44IDAuMS0wLjRMNi42IDkuOSAzLjQgNy42aDMuOSAwLjRsMC4xLTAuNEw5IDMuNWwxLjIgMy43IDAuMSAwLjRoMC40IDMuOWwtMy4yIDIuMyAtMC4zIDAuMiAwLjEgMC40TDEyLjUgMTQuM3oiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.questionOptionIcon.requiredOnDiary {
    background: url(/crm/css/images/icons/surveyquestions/requiredondiary.png) no-repeat center;
}

.questionOptionIcon.reportal {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzdGN0Y3RiIgZD0iTTIgMnYxNGgxNFYySDJ6TTE1LjQgMi42djIuNWwtMy44IDUuNUw4LjkgOC42IDYgMTIuN2wtMS43LTEuMiAtMS43IDJWMi42SDE1LjR6TTIuNiAxNS40di0xbDEuOC0yLjEgMS44IDEuMiAyLjktNC4xIDIuNiAyLjEgMy43LTUuNHY5LjNIMi42eiIvPjwvc3ZnPg==) no-repeat center;
}

.no-svg.questionOptionIcon.reportal {
    background: url(/crm/css/images/icons/surveyquestions/reportal.png) no-repeat center;
}

.questionOptionIcon.delay {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzdGN0Y3RiIgZD0iTTkuNCAxLjljLTMuOSAwLTcgMy4xLTcgNyAwIDMuOSAzLjEgNyA3IDdzNy0zLjEgNy03QzE2LjQgNSAxMy4zIDEuOSA5LjQgMS45ek05LjQgMTUuM0M1LjkgMTUuMyAzIDEyLjQgMyA4LjlzMi45LTYuNCA2LjQtNi40YzMuNSAwIDYuNCAyLjkgNi40IDYuNFMxMi45IDE1LjMgOS40IDE1LjN6Ii8+PHBvbHlnb24gZmlsbD0iIzdGN0Y3RiIgcG9pbnRzPSI5LjQgOS41IDUuOSA5LjUgNS45IDEwLjEgMTAgMTAuMSAxMCA0LjMgOS40IDQuMyAiLz48L3N2Zz4=) no-repeat center;
}

.no-svg.questionOptionIcon.delay {
    background: url(/crm/css/images/icons/surveyquestions/delay.png) no-repeat center;
}

.questionOptionIcon.attributePopulating {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iIzdGN0Y3RiIgZD0iTTIuNyA3LjFjLTAuOSAwLTEuNiAwLjctMS42IDEuNnMwLjcgMS42IDEuNiAxLjZjMC45IDAgMS42LTAuNyAxLjYtMS42UzMuNiA3LjEgMi43IDcuMXpNMi43IDkuN2MtMC42IDAtMS0wLjUtMS0xIDAtMC42IDAuNS0xIDEtMSAwLjYgMCAxIDAuNSAxIDFDMy44IDkuMiAzLjMgOS43IDIuNyA5Ljd6Ii8+PHBhdGggZmlsbD0iIzdGN0Y3RiIgZD0iTTE1LjMgNy4xYy0wLjkgMC0xLjYgMC43LTEuNiAxLjZzMC43IDEuNiAxLjYgMS42YzAuOSAwIDEuNi0wLjcgMS42LTEuNlMxNi4yIDcuMSAxNS4zIDcuMXpNMTUuMyA5LjdjLTAuNiAwLTEtMC41LTEtMSAwLTAuNiAwLjUtMSAxLTEgMC42IDAgMSAwLjUgMSAxQzE2LjMgOS4yIDE1LjkgOS43IDE1LjMgOS43eiIvPjxwYXRoIGZpbGw9IiM3RjdGN0YiIGQ9Ik05IDcuMWMtMC45IDAtMS42IDAuNy0xLjYgMS42czAuNyAxLjYgMS42IDEuNmMwLjkgMCAxLjYtMC43IDEuNi0xLjZTOS45IDcuMSA5IDcuMXpNOSA5LjdjLTAuNiAwLTEtMC41LTEtMSAwLTAuNiAwLjUtMSAxLTEgMC42IDAgMSAwLjUgMSAxQzEwIDkuMiA5LjYgOS43IDkgOS43eiIvPjwvc3ZnPg==) no-repeat center;
}

.no-svg.questionOptionIcon.attributePopulating {
    background: url(/crm/css/images/icons/surveyquestions/attributepopulating.png) no-repeat center;
}

.tinymce {
    display: none;
}

.messageCreditCountWrapper {
    color: #cccccc;
    font-size: 0.9em;
    position: absolute;
    right: 60px;
    top: 8px;
}

.noContentDashboardImage, .noContentElementImage, .noContentDataImage {
    height: 227px;
    width: 113px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

.noContentDashboardImage {
    background: url(/crm/css/images/icons/nodashboard.png) no-repeat center;
}

.noContentElementImage {
    background: url(/crm/css/images/icons/noelements.png) no-repeat center;
}

.noContentDataImage {
    background: url(/crm/css/images/icons/nodata.png) no-repeat center;
}

.noContentGettingStartedImage {
    background: url(/crm/css/images/icons/gettingstartedarrow.png) no-repeat center;
    height: 127px;
    width: 323px;
    margin-left: auto;
    margin-right: calc(50% - 25px);
    padding-top: 40px;
}

.noContentTitle {
    color: #999999;
    display: block;
    font-size: 1.6em;
    padding-bottom: 20px;
}

.noContentContent {
    color: #b3b3b3;
    display: block;
    font-size: 1.2em;
    line-height: 1.3;
}

/* onboarding help content */
.triggerHelpWrapper {
    color: #cccccc;
    font-size: 0.9em;
    padding-right: 8px;
    position: fixed;
    right: 0;
    text-align: right;
    top: 56px;
    width: 40px;
    cursor: pointer;
}

.helpPopupWrapper {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 60;
}

.helpPopupPanel {
    position: fixed;
    background: #FFFFFF;
    line-height: 1.2em;
    width: 380px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.helpPopupHeader {
    padding: 18px 18px 14px;
}

.helpPopupHeaderText {
    font-size: 1.3em;
    color: #2FB2E5;
}

.helpPopupContent {
    padding: 0 18px 6px;
}

.helpPopupContentText {

}

.helpPopupControlWrapper {
    position: relative;
    height: 40px;
}

.helpPopupProgressWrapper {
    padding-top: 8px;
    text-align: center;
}

.helpPopupControlWrapperSkipLink {
    position: absolute;
    bottom: 11px;
    left: 20px;
}

.helpPopupControlWrapperNextLink {
    position: absolute;
    bottom: 11px;
    right: 20px;
}

.helpPopupControlWrapperLinkText {
    cursor: pointer;
    color: #2FB2E5;
    -webkit-font-smoothing: antialiased;
}

.helpPopupPanel.leftTick:before, .helpPopupPanel.leftTick:after, .helpPopupPanel.leftTickBottom:before, .helpPopupPanel.leftTickBottom:after {
    left: -14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.helpPopupPanel.leftTick:before, .helpPopupPanel.leftTick:after {
    top: 22px;
}

.helpPopupPanel.leftTickBottom:before, .helpPopupPanel.leftTickBottom:after {
    bottom: 22px;
}

.helpPopupPanel.leftTick:after, .helpPopupPanel.leftTickBottom:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #FFFFFF;
    border-width: 14px;
    margin-left: -14px;
}

.helpPopupPanel.rightTick:before, .helpPopupPanel.rightTick:after{
    top: 22px;
    right: -14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.helpPopupPanel.rightTick:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #FFFFFF;
    border-width: 14px;
    margin-right: -14px;
}

.helpPopupPanel.topRightTick:before, .helpPopupPanel.topRightTick:after, .helpPopupPanel.topLeftTick:before, .helpPopupPanel.topLeftTick:after{
    top: -14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.helpPopupPanel.topRightTick:after, .helpPopupPanel.topLeftTick:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFFFFF;
    border-width: 14px;
    margin-top: -14px;
}

.helpPopupPanel.topRightTick:before, .helpPopupPanel.topRightTick:after{
    right: 22px;
}

.helpPopupPanel.topLeftTick:before, .helpPopupPanel.topLeftTick:after{
    left: 22px;
}

.helpPopupPanel.topLeftTick:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFFFFF;
    border-width: 14px;
    margin-top: -14px;
}

.helpPopupPanel.bottomLeftTick:before, .helpPopupPanel.bottomLeftTick:after, .helpPopupPanel.bottomRightTick:before, .helpPopupPanel.bottomRightTick:after{
    bottom: -14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.helpPopupPanel.bottomLeftTick:after, .helpPopupPanel.bottomRightTick:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #FFFFFF;
    border-width: 14px;
    margin-bottom: -14px;
}

.helpPopupPanel.bottomLeftTick:before, .helpPopupPanel.bottomLeftTick:after{
    left: 22px;
}

.helpPopupPanel.bottomRightTick:before, .helpPopupPanel.bottomRightTick:after{
    right: 22px;
}

.helpProgressFull, .helpProgressPartial {
    background: #2fb2e5;
    display: inline-block;
    border-radius: 50%;
    height: 11px;
    margin: 6px;
    width: 11px;
}

.helpProgressPartial {
    opacity: 0.4;
}

.helpPopupPos-reportalDashboard1 {
    left: 220px;
    top: 70px;
}

.helpPopupPos-reportalDashboard2 {
    left: 68px;
    top: 70px;
}

.helpPopupPos-reportalDashboard3 {
    left: 68px;
    top: 132px;
}

.helpPopupPos-reportalDashboard4 {
    right: 306px;
    top: 70px;
}

.helpPopupPos-reportalDashboard5 {
    left: 370px;
    top: 70px;
}

.helpPopupPos-reportalDashboardData1 {
    left: 345px;
    top: 200px;
}

.helpPopupPos-reportalDashboardData2.desktopVersion {
    right: 400px;
}

.helpPopupPos-reportalDashboardData2.mobileVersion {
    right: 330px;
}

.helpPopupPos-reportalDashboardData3 {
    left: 345px;
}

.helpPopupPos-reportalDashboardData4 {
    right: 400px;
}

.helpPopupPos-reportalDashboardData5 {
    left: 370px;
}

.helpPopupPos-reportalDashboardData6.desktopVersion {
    left: 320px;
}

.helpPopupPos-reportalDashboardData6.mobileVersion {
    right: 330px;
}

.helpPopupPos-reportalDashboardData7 {
    right: 300px;
}

.helpPopupPos-reportalDashboardData8 {
    right: 300px;
}

.helpPopupPos-reportalDashboardDataIDA1 {
    left: 345px;
    top: 200px;
}

.helpPopupPos-reportalDashboardDataIDA2.desktopVersion {
    right: 400px;
}

.helpPopupPos-reportalDashboardDataIDA2.mobileVersion {
    right: 330px;
}

.helpPopupPos-reportalDashboardDataIDA3 {
    left: 345px;
}

.helpPopupPos-reportalDashboardDataIDA4 {
    right: 400px;
}

.helpPopupPos-reportalDashboardDataIDA5 {
    left: 370px;
}

.helpPopupPos-reportalDashboardDataIDA6.desktopVersion {
    left: 320px;
}

.helpPopupPos-reportalDashboardDataIDA6.mobileVersion {
    right: 330px;
}

.helpPopupPos-reportalDashboardDataIDA7 {
    right: 300px;
}

.helpPopupPos-reportalDashboardDataIDA8 {
    right: 300px;
}

.helpPopupPos-reportalDashboardDataIDA9 {
    left: 320px;
}

.helpPopupPos-reportalComments1 {
    left: 318px;
    top: 70px;
}

.helpPopupPos-reportalComments2 {
    left: 365px;
    top: 130px;
}

.helpPopupPos-reportalComments3 {
    right: 238px;
    top: 130px;
}

.helpPopupPos-reportalComments4 {
    left: 68px;
    top: 193px;
}

.helpPopupPos-reportalCommentsData1 {
    right: 87px;
    top: 184px;
}

.operatingWindowWrapper .iceMsgError {
    margin-left: -15px;
}

.importLocationOptions {
    color: black;
    margin-bottom: -4px;
}

.orderByDragDrop {
    cursor: move;
    display: block;
    height: 22px;
    margin-bottom: -10px;
    margin-top: -10px;
    padding-top: 8px;
}

.orderByDragDrop:hover {
    background: url(/crm/css/images/icons/surveyquestions/closed.png) no-repeat center;
    text-indent:-9999px;
}

.inPageNotification {
    padding-right: 10%;
    font-style: italic;
}

.contactlistItem {
    margin-bottom: 6px;
    padding-right: 6px;
    display: inline-block;
}

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncateMax {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.termsAndConditionsTextWrapper {
    overflow-y: visible;
}

.termsAndConditionsText {
    height: 280px;
    padding-left: 20px;
    padding-right: 20px;
}

.inlineRichText {
    height: 300px;
}

.termsAndConditionsOutputTextWrapper {
    text-align: center;
    height: 500px;
}

.termsAndConditionsOutputText, .termsAndConditionsInputText {
    width: 560px;
    display: inline-block;
    border: solid 1px #E6E6E6;
    text-align: initial;
}

.termsAndConditionsInputText {
    margin-top: 10px;
    height: 440px;
    overflow-y: hidden;
}

.termsAndConditionsOutputText {
    padding: 10px;
    overflow-y: scroll;
    height: 370px;
    margin-top: 20px;
}

.dailySendRateDefinitionWrapper {
    padding-top: 6px;
    padding-bottom: 12px;
    overflow-x: auto;
    margin-left: auto;
    margin-right: auto;
    width: 460px;
}

.scrollLeftIcon {
    height: 26px;
    width: 26px;
    background: url(/crm/css/images/icons/paginatorback.png) no-repeat center;
    float: left;
    margin-top: -64px;
    margin-left: 14px;
    cursor: pointer;
}

.scrollRightIcon {
    height: 26px;
    width: 26px;
    background: url(/crm/css/images/icons/paginatornext.png) no-repeat center;
    float: right;
    margin-top: -64px;
    margin-right: 14px;
    cursor: pointer;
}

.dailySendRateDefinitionSliderRow {

}

.dailySendRateDefinitionValueRow {
    vertical-align: top;
}

.hourlySendRate {
    height: 120px;
    margin: 15px;
}

.hourlySendRateTime {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

.hourlySendSpeed {
    display: block;
    text-align: center;
    font-size: 0.9em;
    padding-top: 3px;
    line-height: 1.1;
}

.connectionActivationStateDisabled {
    opacity: 0.5;
}

.helpPopupPos-messagingDashboard1 {
    top: 56px;
}

.helpPopupPos-messagingDashboard2 {
    left: 340px;
    top: 300px;
}

.helpPopupPos-messagingDashboard3 {
    top: 200px;
}

.helpPopupPos-messagingDashboard3.desktopVersion {
    right: calc(50% + 100px);
}

.helpPopupPos-messagingDashboard3.mobileVersion {
    right: calc(50% - 100px);
}

.helpPopupPos-messagingDashboard4.desktopVersion {
    top: 360px;
    left: calc(50% + 100px);
}

.helpPopupPos-messagingDashboard4.mobileVersion {
    top: 530px;
    left: calc(50% - 100px);
}

.helpPopupPos-messagingDashboard5.desktopVersion {
    top: 210px;
    right: 350px;;
}

.helpPopupPos-messagingDashboard5.mobileVersion {
    top: 400px;
    right: calc(50% - 140px);
}

.helpPopupPos-messagingDashboard6 {
    top: 240px;
    left: calc(50% - 100px);
}

.helpPopupPos-messagingDashboard7.desktopVersion {
    top: 530px;
    right: calc(50% - 100px);
}

.helpPopupPos-messagingDashboard7.mobileVersion {
    top: 240px;
    left: calc(50% - 100px);
}

.helpPopupPos-messagingDashboard8 {
    left: 70px;
    top: 132px;
}

.helpPopupPos-messagingDashboard9 {
    right: 110px;
    top: 140px;
}

.helpPopupPos-messagingDashboard10 {
    left: 310px;
    top: 140px;
}

.helpPopupPos-navigation1 {
    right: 400px;
    top: 70px;
}

.helpPopupPos-navigation2 {
    right: -4px;
    top: 56px;
}

.helpPopupPos-navigation3 {
    right: 54px;
    top: 25px;
}

.helpPopupPos-messagingSubscribers1 {
    top: 56px;
}

.helpPopupPos-messagingSubscribers2 {
    top: 165px;
    left: 218px;
}

.helpPopupPos-messagingConnections1 {
    top: 56px;
}

.helpPopupPos-messagingConnections2 {
    left: 488px;
    top: 394px;
}

.helpPopupPos-messagingConnections3 {
    left: 214px;
    bottom: 40px;
}

.helpPopupPos-messagingConnections4 {
    left: 170px;
    top: 148px;
}

.helpPopupPos-messagingConnectionDetail1 {
    left: 170px;
    top: 183px;
}

.helpPopupPos-messagingConnectionDetail2 {
    left: 170px;
    top: 215px;
}

.helpPopupPos-manageAccounts1 {
    top: 56px;
}

.helpPopupPos-manageAccounts2 {
    left: 170px;
    top: 120px;
}

.helpPopupPos-manageAccounts3 {
    left: 170px;
    top: 256px;
}

.helpPopupPos-manageAccounts4 {
    left: 170px;
    top: 291px;
}

.helpPopupPos-manageAccounts5 {
    left: 170px;
    top: 186px;
}

.helpPopupPos-messagingLog1 {
    top: 56px;
}

.helpPopupPos-messagingLog2 {
    right: 75px;
    top: 118px;
}

.helpPopupPos-messagingLog3 {
    left: 170px;
    top: 184px;
}

.helpPopupPos-messagingLog4 {
    left: 210px;
    bottom: 40px;
}

.helpPopupPos-messagingLog5 {
    right: 40px;
    bottom: 40px;
}

.handbrakeOutboundMessagesOn, .handbrakeOutboundMessagesOff {
    color: white;
    padding: 8px 10px;
    border: solid 1px #dcdcdc;
}

.handbrakeOutboundMessagesOn {
    background: green;
}

.handbrakeOutboundMessagesOff {
    background: red;
}

.documentFrameWrapper {
    width: 100%;
    height: 100%;
    border: none;
}

.registrationPanel {
    position: relative;
    text-align: center;
    width: 356px;
    margin-left: auto;
    margin-right: auto;
}

.registrationFormTitle {
    font-size: 1.4em;
    font-weight: 300;
    color: white;
    -webkit-font-smoothing:antialiased;
}

.registrationFormSubTitle {
    color: #22b1e7;
    padding: 18px 0 30px;
}

.registrationFormMidFlow {
    color: #22b1e7;
    padding: 18px 0;
}

.registrationFormElement {
    padding: 10px 0;
}

.registrationButtonWrapper {
    padding-top: 14px;
}

.registrationMessageError {
    float: right;
    left: 276px;
    top: -32px;
}

.registrationMessageError, .registrationMessageRecaptchaError {
    background: none !important;
    box-shadow: none !important;
    color: #22B1E7;
    font-weight: 300;
    width: 310px;
    margin-top: 0px;
    text-align: left;
    height: 1px;
}

.registrationMessageError:before, .registrationMessageError:after, .registrationMessageRecaptchaError:before, .registrationMessageRecaptchaError:after {
    border: none !important;
}

.verificationGroupWrapper {
    height: 100px;
}

.registrationFormVerifiedMessage {
    padding-top: 35px;
    font-size: 1.4em;
    font-weight: 300;
    color: white;
    -webkit-font-smoothing:antialiased;
}

.registerTermsAndConditionsWrapper {
    color: #FFFFFF;
    margin-left: -20px;
    width: 400px;
    height: 300px;
    padding-top: 10px;
    overflow-y: auto;
}

.recaptchaPanel {
    width: 304px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
}

.documentInputWrapper {
    float: right;
    font-size: 1em;
    padding-right: 20px;
    padding-top: 20px;
}

.documentInputElement {
    margin-top: -2px;
    border: none;
    color: #444444;
    padding: 2px 0 3px !important;
    font-size: 1em !important;
    text-align: center;
    height: 21px;
    position: relative;
    vertical-align: middle;
}

.documentUpdateButton {
    font-size: 0.9em;
    padding: 5px 10px 3px;
    color: #dcdcdc;
    background: #404247;
    border: solid 1px #7D7D7E;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
}

.documentRequestTokenImage {
    padding-left: 5px;
}

.productText {
    text-transform: capitalize;
}

.highlightedLinkText {
    color: #2A6CC2;
}

.highlightedLinkText:hover {
    text-decoration: underline;
    cursor: pointer;
}

.actionLogLayoutWrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.actionLogChartPanel {
    min-width: 550px;
    max-width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
}

.actionLogTableWrapper {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    height: 400px;
    overflow: hidden;
}

.actionLogRowWrapper {
    overflow-y: auto;
    min-height: 0;
}

.actionLogTableRowWrapper {
    display: flex;
    flex-direction: column;
}

.actionLogTableHeader,
.actionLogAddNewRow,
.actionLogTableRow {
    display: grid;
    grid-template-columns: 220px 1fr 200px 120px;
    gap: 6px;
    margin-bottom: 6px;
    border-radius: 4px;
}

.actionLogTableHeader > div {
    background: #fff;
    font-weight: bold;
    padding: 10px 12px 0 0;
}

.actionLogAddNewRow > div {
    background: #e6e6e6;
    padding: 10px 9px 10px 12px;
    vertical-align: top;
}

.actionLogTableCell {
    background: #f6f6f6;
    padding: 10px 12px;
    vertical-align: top;
    white-space: pre-line;
}

.actionLogTableRowSelected {
    background: #e6e6e6;
}

.actionLogTableRow > div:nth-child(2) {
    white-space: normal;
    word-break: break-word;
}

.actionLogButtonRow {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    column-gap: 6px;
}

.actionLogTextInput, .actionLogSelectInput, .actionLogTextArea  {
    width: calc(100% - 3px);
    padding: 4px;
    box-sizing: border-box;
    border: none;
}

.actionLogDateInputInput {
    width: 80%;
    padding: 4px;
    box-sizing: border-box;
    border: none;
}

.actionLogTextArea {
    height: 120px;
}

.actionLogNoContent {

}

.truncate-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 3;           /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    max-height: calc(3 * 1em);
}

.errorMessageChangeLogDateWrapper {
    float: right;
    margin-top: -20px;
}

.errorMessageChangeLogTextAreaWrapper {
    float: right;
    margin-top: 3px;
}

.actionLogConfirmButton, .actionLogAddButton, .actionLogCancelButton, .actionLogAddButton-dis {
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 1em;
}

.actionLogConfirmButton, .actionLogAddButton, .actionLogCancelButton {
    cursor: pointer;
}

.actionLogCancelButton {
    background: #848587;
}

.actionLogConfirmButton {
    background: #21B2E7;
}

.actionLogAddButton, .actionLogAddButton-dis {
    background: #21B2E7;
    align-self: flex-end;
    margin-bottom: -30px;
}

.changeLogPaginationWrapper {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    align-items: center;
    margin-top: 4px;
}

.changeLogOffsetWrapper {
    display: flex;
    flex-direction: row;
    column-gap: 6px;
    justify-content: center;
}

.changeLogOffsetButton {
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 0.9em;
    margin-left: 6px;
    margin-right: 6px;
}

.changeLogOffsetButton.left {
    padding-left: 18px;
    background-image: url(/crm/css/images/icons/leftarrow-white.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px 14px;
}

.changeLogOffsetButton.right {
    padding-right: 18px;
    background-image: url(/crm/css/images/icons/rightarrow-white.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 16px 14px;
}

.paginationControls {
    display: flex;
    align-items: center;
}

.changeLogPaginationButton, .changeLogPaginationButton-dis {
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: 10px;
    height: 24px;
    width: 22px;
}

.changeLogPaginationButton.left, .changeLogPaginationButton-dis.left {
    background-image: url(/crm/css/images/icons/leftarrow-white.svg);
    background-repeat: no-repeat;
    background-size: 16px 14px;
    background-position: center;
}

.changeLogPaginationButton.right, .changeLogPaginationButton-dis.right {
    background-image: url(/crm/css/images/icons/rightarrow-white.svg);
    background-repeat: no-repeat;
    background-size: 16px 14px;
    background-position: center;
}

.changeLogPaginationButton, .changeLogOffsetButton {
    background-color: #21B2E7;
    cursor: pointer;
}

.changeLogPaginationButton-dis {
    background-color: #848587;
}

#changeLogChartDiv {
    margin-left: -50px;
}